@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: optional;
    src: url(../fonts/001f750b538f7a9e-s.woff2) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: optional;
    src: url(../fonts/80841ae24d03ed90-s.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: optional;
    src: url(../fonts/5eae37b69937655e-s.woff2) format("woff2");
    unicode-range: u+1f??
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: optional;
    src: url(../fonts/4f48fe9100901594-s.woff2) format("woff2");
    unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: optional;
    src: url(../fonts/970d71e7dcbc144d-s.woff2) format("woff2");
    unicode-range: u+0302-0303, u+0305, u+0307-0308, u+0310, u+0312, u+0315, u+031a, u+0326-0327, u+032c, u+032f-0330, u+0332-0333, u+0338, u+033a, u+0346, u+034d, u+0391-03a1, u+03a3-03a9, u+03b1-03c9, u+03d1, u+03d5-03d6, u+03f0-03f1, u+03f4-03f5, u+2016-2017, u+2034-2038, u+203c, u+2040, u+2043, u+2047, u+2050, u+2057, u+205f, u+2070-2071, u+2074-208e, u+2090-209c, u+20d0-20dc, u+20e1, u+20e5-20ef, u+2100-2112, u+2114-2115, u+2117-2121, u+2123-214f, u+2190, u+2192, u+2194-21ae, u+21b0-21e5, u+21f1-21f2, u+21f4-2211, u+2213-2214, u+2216-22ff, u+2308-230b, u+2310, u+2319, u+231c-2321, u+2336-237a, u+237c, u+2395, u+239b-23b7, u+23d0, u+23dc-23e1, u+2474-2475, u+25af, u+25b3, u+25b7, u+25bd, u+25c1, u+25ca, u+25cc, u+25fb, u+266d-266f, u+27c0-27ff, u+2900-2aff, u+2b0e-2b11, u+2b30-2b4c, u+2bfe, u+3030, u+ff5b, u+ff5d, u+1d400-1d7ff, u+1ee??
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: optional;
    src: url(../fonts/b3f718d64f9a6dea-s.woff2) format("woff2");
    unicode-range: u+0001-000c, u+000e-001f, u+007f-009f, u+20dd-20e0, u+20e2-20e4, u+2150-218f, u+2190, u+2192, u+2194-2199, u+21af, u+21e6-21f0, u+21f3, u+2218-2219, u+2299, u+22c4-22c6, u+2300-243f, u+2440-244a, u+2460-24ff, u+25a0-27bf, u+28??, u+2921-2922, u+2981, u+29bf, u+29eb, u+2b??, u+4dc0-4dff, u+fff9-fffb, u+10140-1018e, u+10190-1019c, u+101a0, u+101d0-101fd, u+102e0-102fb, u+10e60-10e7e, u+1d2c0-1d2d3, u+1d2e0-1d37f, u+1f0??, u+1f100-1f1ad, u+1f1e6-1f1ff, u+1f30d-1f30f, u+1f315, u+1f31c, u+1f31e, u+1f320-1f32c, u+1f336, u+1f378, u+1f37d, u+1f382, u+1f393-1f39f, u+1f3a7-1f3a8, u+1f3ac-1f3af, u+1f3c2, u+1f3c4-1f3c6, u+1f3ca-1f3ce, u+1f3d4-1f3e0, u+1f3ed, u+1f3f1-1f3f3, u+1f3f5-1f3f7, u+1f408, u+1f415, u+1f41f, u+1f426, u+1f43f, u+1f441-1f442, u+1f444, u+1f446-1f449, u+1f44c-1f44e, u+1f453, u+1f46a, u+1f47d, u+1f4a3, u+1f4b0, u+1f4b3, u+1f4b9, u+1f4bb, u+1f4bf, u+1f4c8-1f4cb, u+1f4d6, u+1f4da, u+1f4df, u+1f4e3-1f4e6, u+1f4ea-1f4ed, u+1f4f7, u+1f4f9-1f4fb, u+1f4fd-1f4fe, u+1f503, u+1f507-1f50b, u+1f50d, u+1f512-1f513, u+1f53e-1f54a, u+1f54f-1f5fa, u+1f610, u+1f650-1f67f, u+1f687, u+1f68d, u+1f691, u+1f694, u+1f698, u+1f6ad, u+1f6b2, u+1f6b9-1f6ba, u+1f6bc, u+1f6c6-1f6cf, u+1f6d3-1f6d7, u+1f6e0-1f6ea, u+1f6f0-1f6f3, u+1f6f7-1f6fc, u+1f7??, u+1f800-1f80b, u+1f810-1f847, u+1f850-1f859, u+1f860-1f887, u+1f890-1f8ad, u+1f8b0-1f8bb, u+1f8c0-1f8c1, u+1f900-1f90b, u+1f93b, u+1f946, u+1f984, u+1f996, u+1f9e9, u+1fa00-1fa6f, u+1fa70-1fa7c, u+1fa80-1fa89, u+1fa8f-1fac6, u+1face-1fadc, u+1fadf-1fae9, u+1faf0-1faf8, u+1fb??
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: optional;
    src: url(../fonts/4120b0a488381b31-s.woff2) format("woff2");
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: optional;
    src: url(../fonts/1a634e73dfeff02c-s.woff2) format("woff2");
    unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: optional;
    src: url(../fonts/1e41be92c43b3255-s.p.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: optional;
    src: url(../fonts/001f750b538f7a9e-s.woff2) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: optional;
    src: url(../fonts/80841ae24d03ed90-s.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: optional;
    src: url(../fonts/5eae37b69937655e-s.woff2) format("woff2");
    unicode-range: u+1f??
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: optional;
    src: url(../fonts/4f48fe9100901594-s.woff2) format("woff2");
    unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: optional;
    src: url(../fonts/970d71e7dcbc144d-s.woff2) format("woff2");
    unicode-range: u+0302-0303, u+0305, u+0307-0308, u+0310, u+0312, u+0315, u+031a, u+0326-0327, u+032c, u+032f-0330, u+0332-0333, u+0338, u+033a, u+0346, u+034d, u+0391-03a1, u+03a3-03a9, u+03b1-03c9, u+03d1, u+03d5-03d6, u+03f0-03f1, u+03f4-03f5, u+2016-2017, u+2034-2038, u+203c, u+2040, u+2043, u+2047, u+2050, u+2057, u+205f, u+2070-2071, u+2074-208e, u+2090-209c, u+20d0-20dc, u+20e1, u+20e5-20ef, u+2100-2112, u+2114-2115, u+2117-2121, u+2123-214f, u+2190, u+2192, u+2194-21ae, u+21b0-21e5, u+21f1-21f2, u+21f4-2211, u+2213-2214, u+2216-22ff, u+2308-230b, u+2310, u+2319, u+231c-2321, u+2336-237a, u+237c, u+2395, u+239b-23b7, u+23d0, u+23dc-23e1, u+2474-2475, u+25af, u+25b3, u+25b7, u+25bd, u+25c1, u+25ca, u+25cc, u+25fb, u+266d-266f, u+27c0-27ff, u+2900-2aff, u+2b0e-2b11, u+2b30-2b4c, u+2bfe, u+3030, u+ff5b, u+ff5d, u+1d400-1d7ff, u+1ee??
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: optional;
    src: url(../fonts/b3f718d64f9a6dea-s.woff2) format("woff2");
    unicode-range: u+0001-000c, u+000e-001f, u+007f-009f, u+20dd-20e0, u+20e2-20e4, u+2150-218f, u+2190, u+2192, u+2194-2199, u+21af, u+21e6-21f0, u+21f3, u+2218-2219, u+2299, u+22c4-22c6, u+2300-243f, u+2440-244a, u+2460-24ff, u+25a0-27bf, u+28??, u+2921-2922, u+2981, u+29bf, u+29eb, u+2b??, u+4dc0-4dff, u+fff9-fffb, u+10140-1018e, u+10190-1019c, u+101a0, u+101d0-101fd, u+102e0-102fb, u+10e60-10e7e, u+1d2c0-1d2d3, u+1d2e0-1d37f, u+1f0??, u+1f100-1f1ad, u+1f1e6-1f1ff, u+1f30d-1f30f, u+1f315, u+1f31c, u+1f31e, u+1f320-1f32c, u+1f336, u+1f378, u+1f37d, u+1f382, u+1f393-1f39f, u+1f3a7-1f3a8, u+1f3ac-1f3af, u+1f3c2, u+1f3c4-1f3c6, u+1f3ca-1f3ce, u+1f3d4-1f3e0, u+1f3ed, u+1f3f1-1f3f3, u+1f3f5-1f3f7, u+1f408, u+1f415, u+1f41f, u+1f426, u+1f43f, u+1f441-1f442, u+1f444, u+1f446-1f449, u+1f44c-1f44e, u+1f453, u+1f46a, u+1f47d, u+1f4a3, u+1f4b0, u+1f4b3, u+1f4b9, u+1f4bb, u+1f4bf, u+1f4c8-1f4cb, u+1f4d6, u+1f4da, u+1f4df, u+1f4e3-1f4e6, u+1f4ea-1f4ed, u+1f4f7, u+1f4f9-1f4fb, u+1f4fd-1f4fe, u+1f503, u+1f507-1f50b, u+1f50d, u+1f512-1f513, u+1f53e-1f54a, u+1f54f-1f5fa, u+1f610, u+1f650-1f67f, u+1f687, u+1f68d, u+1f691, u+1f694, u+1f698, u+1f6ad, u+1f6b2, u+1f6b9-1f6ba, u+1f6bc, u+1f6c6-1f6cf, u+1f6d3-1f6d7, u+1f6e0-1f6ea, u+1f6f0-1f6f3, u+1f6f7-1f6fc, u+1f7??, u+1f800-1f80b, u+1f810-1f847, u+1f850-1f859, u+1f860-1f887, u+1f890-1f8ad, u+1f8b0-1f8bb, u+1f8c0-1f8c1, u+1f900-1f90b, u+1f93b, u+1f946, u+1f984, u+1f996, u+1f9e9, u+1fa00-1fa6f, u+1fa70-1fa7c, u+1fa80-1fa89, u+1fa8f-1fac6, u+1face-1fadc, u+1fadf-1fae9, u+1faf0-1faf8, u+1fb??
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: optional;
    src: url(../fonts/4120b0a488381b31-s.woff2) format("woff2");
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: optional;
    src: url(../fonts/1a634e73dfeff02c-s.woff2) format("woff2");
    unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: optional;
    src: url(../fonts/1e41be92c43b3255-s.p.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-stretch: 100%;
    font-display: optional;
    src: url(../fonts/001f750b538f7a9e-s.woff2) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-stretch: 100%;
    font-display: optional;
    src: url(../fonts/80841ae24d03ed90-s.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-stretch: 100%;
    font-display: optional;
    src: url(../fonts/5eae37b69937655e-s.woff2) format("woff2");
    unicode-range: u+1f??
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-stretch: 100%;
    font-display: optional;
    src: url(../fonts/4f48fe9100901594-s.woff2) format("woff2");
    unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-stretch: 100%;
    font-display: optional;
    src: url(../fonts/970d71e7dcbc144d-s.woff2) format("woff2");
    unicode-range: u+0302-0303, u+0305, u+0307-0308, u+0310, u+0312, u+0315, u+031a, u+0326-0327, u+032c, u+032f-0330, u+0332-0333, u+0338, u+033a, u+0346, u+034d, u+0391-03a1, u+03a3-03a9, u+03b1-03c9, u+03d1, u+03d5-03d6, u+03f0-03f1, u+03f4-03f5, u+2016-2017, u+2034-2038, u+203c, u+2040, u+2043, u+2047, u+2050, u+2057, u+205f, u+2070-2071, u+2074-208e, u+2090-209c, u+20d0-20dc, u+20e1, u+20e5-20ef, u+2100-2112, u+2114-2115, u+2117-2121, u+2123-214f, u+2190, u+2192, u+2194-21ae, u+21b0-21e5, u+21f1-21f2, u+21f4-2211, u+2213-2214, u+2216-22ff, u+2308-230b, u+2310, u+2319, u+231c-2321, u+2336-237a, u+237c, u+2395, u+239b-23b7, u+23d0, u+23dc-23e1, u+2474-2475, u+25af, u+25b3, u+25b7, u+25bd, u+25c1, u+25ca, u+25cc, u+25fb, u+266d-266f, u+27c0-27ff, u+2900-2aff, u+2b0e-2b11, u+2b30-2b4c, u+2bfe, u+3030, u+ff5b, u+ff5d, u+1d400-1d7ff, u+1ee??
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-stretch: 100%;
    font-display: optional;
    src: url(../fonts/b3f718d64f9a6dea-s.woff2) format("woff2");
    unicode-range: u+0001-000c, u+000e-001f, u+007f-009f, u+20dd-20e0, u+20e2-20e4, u+2150-218f, u+2190, u+2192, u+2194-2199, u+21af, u+21e6-21f0, u+21f3, u+2218-2219, u+2299, u+22c4-22c6, u+2300-243f, u+2440-244a, u+2460-24ff, u+25a0-27bf, u+28??, u+2921-2922, u+2981, u+29bf, u+29eb, u+2b??, u+4dc0-4dff, u+fff9-fffb, u+10140-1018e, u+10190-1019c, u+101a0, u+101d0-101fd, u+102e0-102fb, u+10e60-10e7e, u+1d2c0-1d2d3, u+1d2e0-1d37f, u+1f0??, u+1f100-1f1ad, u+1f1e6-1f1ff, u+1f30d-1f30f, u+1f315, u+1f31c, u+1f31e, u+1f320-1f32c, u+1f336, u+1f378, u+1f37d, u+1f382, u+1f393-1f39f, u+1f3a7-1f3a8, u+1f3ac-1f3af, u+1f3c2, u+1f3c4-1f3c6, u+1f3ca-1f3ce, u+1f3d4-1f3e0, u+1f3ed, u+1f3f1-1f3f3, u+1f3f5-1f3f7, u+1f408, u+1f415, u+1f41f, u+1f426, u+1f43f, u+1f441-1f442, u+1f444, u+1f446-1f449, u+1f44c-1f44e, u+1f453, u+1f46a, u+1f47d, u+1f4a3, u+1f4b0, u+1f4b3, u+1f4b9, u+1f4bb, u+1f4bf, u+1f4c8-1f4cb, u+1f4d6, u+1f4da, u+1f4df, u+1f4e3-1f4e6, u+1f4ea-1f4ed, u+1f4f7, u+1f4f9-1f4fb, u+1f4fd-1f4fe, u+1f503, u+1f507-1f50b, u+1f50d, u+1f512-1f513, u+1f53e-1f54a, u+1f54f-1f5fa, u+1f610, u+1f650-1f67f, u+1f687, u+1f68d, u+1f691, u+1f694, u+1f698, u+1f6ad, u+1f6b2, u+1f6b9-1f6ba, u+1f6bc, u+1f6c6-1f6cf, u+1f6d3-1f6d7, u+1f6e0-1f6ea, u+1f6f0-1f6f3, u+1f6f7-1f6fc, u+1f7??, u+1f800-1f80b, u+1f810-1f847, u+1f850-1f859, u+1f860-1f887, u+1f890-1f8ad, u+1f8b0-1f8bb, u+1f8c0-1f8c1, u+1f900-1f90b, u+1f93b, u+1f946, u+1f984, u+1f996, u+1f9e9, u+1fa00-1fa6f, u+1fa70-1fa7c, u+1fa80-1fa89, u+1fa8f-1fac6, u+1face-1fadc, u+1fadf-1fae9, u+1faf0-1faf8, u+1fb??
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-stretch: 100%;
    font-display: optional;
    src: url(../fonts/4120b0a488381b31-s.woff2) format("woff2");
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-stretch: 100%;
    font-display: optional;
    src: url(../fonts/1a634e73dfeff02c-s.woff2) format("woff2");
    unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-stretch: 100%;
    font-display: optional;
    src: url(../fonts/1e41be92c43b3255-s.p.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: Roboto Fallback;
    src: local("Arial");
    ascent-override: 92.98%;
    descent-override: 24.47%;
    line-gap-override: 0.00%;
    size-adjust: 99.78%
}

.__className_732765 {
    font-family: Roboto, Roboto Fallback;
    font-style: normal
}

.__variable_732765 {
    --font-roboto: "Roboto", "Roboto Fallback"
}

/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties {
    @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

        *,
        ::backdrop,
        :after,
        :before {
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-space-y-reverse: 0;
            --tw-divide-y-reverse: 0;
            --tw-border-style: solid;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-outline-style: solid;
            --tw-duration: initial;
            --tw-ease: initial
        }
    }
}

[data-brand=autotrader] {
    --base-color-black: #000;
    --base-color-caution-100: #fdf4d3;
    --base-color-caution-200: #ffebb6;
    --base-color-caution-25: #fffaf0;
    --base-color-caution-300: #ffd873;
    --base-color-caution-400: #ffc94a;
    --base-color-caution-500: #f7af21;
    --base-color-caution-50: #fff6e0;
    --base-color-caution-600: #dd9300;
    --base-color-caution-700: #956300;
    --base-color-caution-800: #654300;
    --base-color-caution-900: #412c00;
    --base-color-caution-950: #161006;
    --base-color-error-100: #fff0f0;
    --base-color-error-200: #fed5d2;
    --base-color-error-25: #fff9f9;
    --base-color-error-300: #fca6a1;
    --base-color-error-400: #fc7272;
    --base-color-error-500: #fb4a4a;
    --base-color-error-50: #fff4f4;
    --base-color-error-600: #e71212;
    --base-color-error-700: #bc0005;
    --base-color-error-800: #95000d;
    --base-color-error-900: #5d0008;
    --base-color-error-950: #210a0a;
    --base-color-info-100: #e3f2ff;
    --base-color-info-200: #c7e5ff;
    --base-color-info-25: #f8fbfe;
    --base-color-info-300: #8dc9ff;
    --base-color-info-400: #2b8ef9;
    --base-color-info-500: #006bde;
    --base-color-info-50: #f1f7fd;
    --base-color-info-600: #024aa5;
    --base-color-info-700: #06347c;
    --base-color-info-800: #012169;
    --base-color-info-900: #001543;
    --base-color-info-950: #001225;
    --base-color-neutral-100: #f8f8f8;
    --base-color-neutral-200: #e1e4e8;
    --base-color-neutral-25: #fafbfb;
    --base-color-neutral-300: #cfd4da;
    --base-color-neutral-400: #939da8;
    --base-color-neutral-500: #6d7782;
    --base-color-neutral-50: #fafbfb;
    --base-color-neutral-600: #59636e;
    --base-color-neutral-700: #414c58;
    --base-color-neutral-800: #2d363e;
    --base-color-neutral-900: #192026;
    --base-color-neutral-950: #101113;
    --base-color-primary-100: #e3f2ff;
    --base-color-primary-200: #c7e5ff;
    --base-color-primary-25: #f8fbfe;
    --base-color-primary-300: #8dc9ff;
    --base-color-primary-400: #2b8ef9;
    --base-color-primary-500: #006bde;
    --base-color-primary-50: #f1f7fd;
    --base-color-primary-600: #024aa5;
    --base-color-primary-700: #06347c;
    --base-color-primary-800: #012169;
    --base-color-primary-900: #061c50;
    --base-color-primary-950: #001225;
    --base-color-secondary-100: #ffe7d8;
    --base-color-secondary-200: #ffe4d2;
    --base-color-secondary-25: #fffaf6;
    --base-color-secondary-300: #fbcaa7;
    --base-color-secondary-400: #ffa76c;
    --base-color-secondary-500: #ff821c;
    --base-color-secondary-50: #ffe7d8;
    --base-color-secondary-600: #ed6500;
    --base-color-secondary-700: #d54101;
    --base-color-secondary-800: #a42c00;
    --base-color-secondary-900: #711;
    --base-color-secondary-950: #711;
    --base-color-success-100: #f0fbec;
    --base-color-success-200: #d4f2ca;
    --base-color-success-25: #f8fcf8;
    --base-color-success-300: #c7e9c0;
    --base-color-success-400: #a1d99b;
    --base-color-success-500: #6cc06e;
    --base-color-success-50: #f0fbec;
    --base-color-success-600: #35a252;
    --base-color-success-700: #0f7e33;
    --base-color-success-800: #005a32;
    --base-color-success-900: #04441d;
    --base-color-success-950: #0b130b;
    --base-color-transparent: transparent;
    --base-color-white: #fff;
    --base-type-font-body: Roboto;
    --base-type-font-display: Roboto;
    --base-type-font-heading: Roboto;
    --base-type-leading-none: 1;
    --base-type-leading-normal: 1.5;
    --base-type-leading-tight: 1.2;
    --base-type-leading-tighter: 1.1;
    --base-type-size-3xl: 1.75rem;
    --base-type-size-4xl: 2rem;
    --base-type-size-5xl: 2.5rem;
    --base-type-size-6xl: 3rem;
    --base-type-size-7xl: 3.5rem;
    --base-type-size-8xl: 4rem;
    --base-type-size-9xl: 5rem;
    --base-type-size-lg: 1.125rem;
    --base-type-size-md: 1rem;
    --base-type-size-sm: .875rem;
    --base-type-size-xl: 1.25rem;
    --base-type-size-xs: .75rem;
    --base-type-size-xxl: 1.5rem;
    --base-type-size-xxs: .625rem;
    --base-type-tracking-normal: 0;
    --base-type-tracking-tight: -.025em;
    --base-type-tracking-tighter: -.05em;
    --base-type-tracking-wide: .025em;
    --base-type-tracking-wider: .05em;
    --base-type-tracking-widest: .1em;
    --base-type-transform-normal: none;
    --base-type-transform-uppercase: uppercase;
    --base-type-weight-black: 900;
    --base-type-weight-bold: 700;
    --base-type-weight-extrabold: 800;
    --base-type-weight-extralight: 200;
    --base-type-weight-light: 300;
    --base-type-weight-medium: 500;
    --base-type-weight-regular: 400;
    --base-type-weight-semibold: 600;
    --base-type-weight-thin: 100;
    --base-space-px-0: 0;
    --base-space-px-12: .75rem;
    --base-space-px-16: 1rem;
    --base-space-px-18: 1.125rem;
    --base-space-px-1: .0625rem;
    --base-space-px-20: 1.25rem;
    --base-space-px-24: 1.5rem;
    --base-space-px-2: .125rem;
    --base-space-px-32: 2rem;
    --base-space-px-40: 2.5rem;
    --base-space-px-48: 3rem;
    --base-space-px-4: .25rem;
    --base-space-px-56: 3.5rem;
    --base-space-px-64: 4rem;
    --base-space-px-72: 4.5rem;
    --base-space-px-80: 5rem;
    --base-space-px-8: .5rem;
    --base-space-px-96: 6rem;
    --base-space-px-neg-2: -.125rem;
    --base-size-border-lg: .5rem;
    --base-size-border-md: .25rem;
    --base-size-border-none: 0;
    --base-size-border-px: .0625rem;
    --base-size-border-sm: .125rem;
    --base-size-radius-3xl: 1.5rem;
    --base-size-radius-lg: .5rem;
    --base-size-radius-md: .25rem;
    --base-size-radius-none: 0;
    --base-size-radius-rounded: 624.938rem;
    --base-size-radius-sm: .125rem;
    --base-size-radius-xl: .75rem;
    --base-size-radius-xxl: 1rem;
    --base-opacity-opacity-00: 0%;
    --base-opacity-opacity-05: 5%;
    --base-opacity-opacity-10: 5%;
    --base-opacity-opacity-20: 20%;
    --base-opacity-opacity-30: 30%;
    --base-opacity-opacity-40: 40%;
    --base-opacity-opacity-50: 50%;
    --base-opacity-opacity-60: 60%;
    --base-opacity-opacity-70: 70%;
    --base-opacity-opacity-80: 80%;
    --base-opacity-opacity-90: 90%;
    --base-motion-delay-0: 0s;
    --base-motion-delay-100: .1s;
    --base-motion-delay-150: .15s;
    --base-motion-delay-200: .2s;
    --base-motion-delay-300: .3s;
    --base-motion-delay-400: .4s;
    --base-motion-delay-500: .5s;
    --base-motion-delay-600: .6s;
    --base-motion-delay-75: 75ms;
    --base-motion-duration-0: 0s;
    --base-motion-duration-1000: 1s;
    --base-motion-duration-100: .1s;
    --base-motion-duration-150: .15s;
    --base-motion-duration-2000: 2s;
    --base-motion-duration-200: .2s;
    --base-motion-duration-250: .25s;
    --base-motion-duration-300: .3s;
    --base-motion-duration-350: .35s;
    --base-motion-duration-400: .4s;
    --base-motion-duration-450: .45s;
    --base-motion-duration-500: .5s;
    --base-motion-duration-50: 50ms;
    --base-motion-duration-550: .55s;
    --base-motion-duration-600: .6s;
    --base-motion-ease-in-out: cubic-bezier(.4, 0, .6, 1);
    --base-motion-ease-in-sharp: cubic-bezier(1, 0, .68, .28);
    --base-motion-ease-in: cubic-bezier(.4, 0, 1, 1);
    --base-motion-ease-linear: cubic-bezier(0, 0, 1, 1);
    --base-motion-ease-out-sharp: cubic-bezier(.32, .72, 0, 1);
    --base-motion-ease-out: cubic-bezier(0, 0, .2, 1);
    --base-motion-ease: cubic-bezier(.4, 0, .2, 1);
    --base-color-black-alpha-05: var(--base-color-black)
}

@supports (color:color-mix(in lab, red, red)) {
    [data-brand=autotrader] {
        --base-color-black-alpha-05: color-mix(in srgb, var(--base-color-black)5%, transparent)
    }
}

[data-brand=autotrader] {
    --base-color-black-alpha-10: var(--base-color-black)
}

@supports (color:color-mix(in lab, red, red)) {
    [data-brand=autotrader] {
        --base-color-black-alpha-10: color-mix(in srgb, var(--base-color-black)10%, transparent)
    }
}

[data-brand=autotrader] {
    --base-color-black-alpha-20: var(--base-color-black)
}

@supports (color:color-mix(in lab, red, red)) {
    [data-brand=autotrader] {
        --base-color-black-alpha-20: color-mix(in srgb, var(--base-color-black)20%, transparent)
    }
}

[data-brand=autotrader] {
    --base-color-black-alpha-30: var(--base-color-black)
}

@supports (color:color-mix(in lab, red, red)) {
    [data-brand=autotrader] {
        --base-color-black-alpha-30: color-mix(in srgb, var(--base-color-black)30%, transparent)
    }
}

[data-brand=autotrader] {
    --base-color-black-alpha-40: var(--base-color-black)
}

@supports (color:color-mix(in lab, red, red)) {
    [data-brand=autotrader] {
        --base-color-black-alpha-40: color-mix(in srgb, var(--base-color-black)40%, transparent)
    }
}

[data-brand=autotrader] {
    --base-color-black-alpha-50: var(--base-color-black)
}

@supports (color:color-mix(in lab, red, red)) {
    [data-brand=autotrader] {
        --base-color-black-alpha-50: color-mix(in srgb, var(--base-color-black)50%, transparent)
    }
}

[data-brand=autotrader] {
    --base-color-black-alpha-60: var(--base-color-black)
}

@supports (color:color-mix(in lab, red, red)) {
    [data-brand=autotrader] {
        --base-color-black-alpha-60: color-mix(in srgb, var(--base-color-black)60%, transparent)
    }
}

[data-brand=autotrader] {
    --base-color-black-alpha-70: var(--base-color-black)
}

@supports (color:color-mix(in lab, red, red)) {
    [data-brand=autotrader] {
        --base-color-black-alpha-70: color-mix(in srgb, var(--base-color-black)70%, transparent)
    }
}

[data-brand=autotrader] {
    --base-color-black-alpha-80: var(--base-color-black)
}

@supports (color:color-mix(in lab, red, red)) {
    [data-brand=autotrader] {
        --base-color-black-alpha-80: color-mix(in srgb, var(--base-color-black)80%, transparent)
    }
}

[data-brand=autotrader] {
    --base-color-black-alpha-90: var(--base-color-black)
}

@supports (color:color-mix(in lab, red, red)) {
    [data-brand=autotrader] {
        --base-color-black-alpha-90: color-mix(in srgb, var(--base-color-black)90%, transparent)
    }
}

[data-brand=autotrader] {
    --base-color-neutral-500-alpha-05: var(--base-color-neutral-500)
}

@supports (color:color-mix(in lab, red, red)) {
    [data-brand=autotrader] {
        --base-color-neutral-500-alpha-05: color-mix(in srgb, var(--base-color-neutral-500)5%, transparent)
    }
}

[data-brand=autotrader] {
    --base-color-neutral-500-alpha-10: var(--base-color-neutral-500)
}

@supports (color:color-mix(in lab, red, red)) {
    [data-brand=autotrader] {
        --base-color-neutral-500-alpha-10: color-mix(in srgb, var(--base-color-neutral-500)10%, transparent)
    }
}

[data-brand=autotrader] {
    --base-color-neutral-500-alpha-20: var(--base-color-neutral-500)
}

@supports (color:color-mix(in lab, red, red)) {
    [data-brand=autotrader] {
        --base-color-neutral-500-alpha-20: color-mix(in srgb, var(--base-color-neutral-500)20%, transparent)
    }
}

[data-brand=autotrader] {
    --base-color-neutral-500-alpha-30: var(--base-color-neutral-500)
}

@supports (color:color-mix(in lab, red, red)) {
    [data-brand=autotrader] {
        --base-color-neutral-500-alpha-30: color-mix(in srgb, var(--base-color-neutral-500)30%, transparent)
    }
}

[data-brand=autotrader] {
    --base-color-neutral-500-alpha-40: var(--base-color-neutral-500)
}

@supports (color:color-mix(in lab, red, red)) {
    [data-brand=autotrader] {
        --base-color-neutral-500-alpha-40: color-mix(in srgb, var(--base-color-neutral-500)40%, transparent)
    }
}

[data-brand=autotrader] {
    --base-color-neutral-500-alpha-50: var(--base-color-neutral-500)
}

@supports (color:color-mix(in lab, red, red)) {
    [data-brand=autotrader] {
        --base-color-neutral-500-alpha-50: color-mix(in srgb, var(--base-color-neutral-500)50%, transparent)
    }
}

[data-brand=autotrader] {
    --base-color-neutral-500-alpha-60: var(--base-color-neutral-500)
}

@supports (color:color-mix(in lab, red, red)) {
    [data-brand=autotrader] {
        --base-color-neutral-500-alpha-60: color-mix(in srgb, var(--base-color-neutral-500)60%, transparent)
    }
}

[data-brand=autotrader] {
    --base-color-neutral-500-alpha-70: var(--base-color-neutral-500)
}

@supports (color:color-mix(in lab, red, red)) {
    [data-brand=autotrader] {
        --base-color-neutral-500-alpha-70: color-mix(in srgb, var(--base-color-neutral-500)70%, transparent)
    }
}

[data-brand=autotrader] {
    --base-color-neutral-500-alpha-80: var(--base-color-neutral-500)
}

@supports (color:color-mix(in lab, red, red)) {
    [data-brand=autotrader] {
        --base-color-neutral-500-alpha-80: color-mix(in srgb, var(--base-color-neutral-500)80%, transparent)
    }
}

[data-brand=autotrader] {
    --base-color-neutral-500-alpha-90: var(--base-color-neutral-500)
}

@supports (color:color-mix(in lab, red, red)) {
    [data-brand=autotrader] {
        --base-color-neutral-500-alpha-90: color-mix(in srgb, var(--base-color-neutral-500)90%, transparent)
    }
}

[data-brand=autotrader] {
    --base-color-white-alpha-05: var(--base-color-white)
}

@supports (color:color-mix(in lab, red, red)) {
    [data-brand=autotrader] {
        --base-color-white-alpha-05: color-mix(in srgb, var(--base-color-white)5%, transparent)
    }
}

[data-brand=autotrader] {
    --base-color-white-alpha-10: var(--base-color-white)
}

@supports (color:color-mix(in lab, red, red)) {
    [data-brand=autotrader] {
        --base-color-white-alpha-10: color-mix(in srgb, var(--base-color-white)10%, transparent)
    }
}

[data-brand=autotrader] {
    --base-color-white-alpha-20: var(--base-color-white)
}

@supports (color:color-mix(in lab, red, red)) {
    [data-brand=autotrader] {
        --base-color-white-alpha-20: color-mix(in srgb, var(--base-color-white)20%, transparent)
    }
}

[data-brand=autotrader] {
    --base-color-white-alpha-30: var(--base-color-white)
}

@supports (color:color-mix(in lab, red, red)) {
    [data-brand=autotrader] {
        --base-color-white-alpha-30: color-mix(in srgb, var(--base-color-white)30%, transparent)
    }
}

[data-brand=autotrader] {
    --base-color-white-alpha-40: var(--base-color-white)
}

@supports (color:color-mix(in lab, red, red)) {
    [data-brand=autotrader] {
        --base-color-white-alpha-40: color-mix(in srgb, var(--base-color-white)40%, transparent)
    }
}

[data-brand=autotrader] {
    --base-color-white-alpha-50: var(--base-color-white)
}

@supports (color:color-mix(in lab, red, red)) {
    [data-brand=autotrader] {
        --base-color-white-alpha-50: color-mix(in srgb, var(--base-color-white)50%, transparent)
    }
}

[data-brand=autotrader] {
    --base-color-white-alpha-60: var(--base-color-white)
}

@supports (color:color-mix(in lab, red, red)) {
    [data-brand=autotrader] {
        --base-color-white-alpha-60: color-mix(in srgb, var(--base-color-white)60%, transparent)
    }
}

[data-brand=autotrader] {
    --base-color-white-alpha-70: var(--base-color-white)
}

@supports (color:color-mix(in lab, red, red)) {
    [data-brand=autotrader] {
        --base-color-white-alpha-70: color-mix(in srgb, var(--base-color-white)70%, transparent)
    }
}

[data-brand=autotrader] {
    --base-color-white-alpha-80: var(--base-color-white)
}

@supports (color:color-mix(in lab, red, red)) {
    [data-brand=autotrader] {
        --base-color-white-alpha-80: color-mix(in srgb, var(--base-color-white)80%, transparent)
    }
}

[data-brand=autotrader] {
    --base-color-white-alpha-90: var(--base-color-white)
}

@supports (color:color-mix(in lab, red, red)) {
    [data-brand=autotrader] {
        --base-color-white-alpha-90: color-mix(in srgb, var(--base-color-white)90%, transparent)
    }
}

[data-brand=autotrader] {
    --sem-color-background-accent-inverse-primary: var(--base-color-secondary-700);
    --sem-color-background-accent-primary: var(--base-color-secondary-100);
    --sem-color-background-brand-inverse-primary: var(--base-color-primary-800);
    --sem-color-background-brand-inverse-secondary: var(--base-color-primary-700);
    --sem-color-background-brand-primary: var(--base-color-primary-100);
    --sem-color-background-brand-secondary: var(--base-color-primary-50);
    --sem-color-background-caution-inverse-primary: var(--base-color-caution-900);
    --sem-color-background-caution-inverse-secondary: var(--base-color-caution-700);
    --sem-color-background-caution-primary: var(--base-color-caution-100);
    --sem-color-background-error-inverse-primary: var(--base-color-error-900);
    --sem-color-background-error-primary: var(--base-color-error-100);
    --sem-color-background-info-inverse-primary: var(--base-color-info-900);
    --sem-color-background-info-inverse-secondary: var(--base-color-info-700);
    --sem-color-background-info-primary: var(--base-color-info-100);
    --sem-color-background-interactive-hover: var(--base-color-primary-200);
    --sem-color-background-interactive-inverse-hover: var(--base-color-primary-500);
    --sem-color-background-interactive-inverse-pressed: var(--base-color-primary-400);
    --sem-color-background-interactive-inverse-rest: var(--base-color-primary-600);
    --sem-color-background-interactive-inverse-selected: var(--base-color-primary-300);
    --sem-color-background-interactive-pressed: var(--base-color-primary-300);
    --sem-color-background-interactive-rest: var(--base-color-primary-100);
    --sem-color-background-interactive-selected: var(--base-color-primary-800);
    --sem-color-background-neutral-inverse-primary: var(--base-color-neutral-800);
    --sem-color-background-neutral-inverse-secondary: var(--base-color-neutral-500-alpha-30);
    --sem-color-background-neutral-inverse-tertiary: var(--base-color-neutral-500-alpha-40);
    --sem-color-background-neutral-primary: var(--base-color-white);
    --sem-color-background-neutral-secondary: var(--base-color-neutral-100);
    --sem-color-background-neutral-tertiary: var(--base-color-neutral-50);
    --sem-color-background-success-inverse-primary: var(--base-color-success-900);
    --sem-color-background-success-primary: var(--base-color-success-100);
    --sem-color-border-accent-inverse-primary: var(--base-color-secondary-700);
    --sem-color-border-accent-primary: var(--base-color-secondary-500);
    --sem-color-border-caution-inverse-primary: var(--base-color-caution-300);
    --sem-color-border-caution-primary: var(--base-color-caution-700);
    --sem-color-border-error-inverse-primary: var(--base-color-error-300);
    --sem-color-border-error-primary: var(--base-color-error-700);
    --sem-color-border-info-inverse-primary: var(--base-color-info-300);
    --sem-color-border-info-primary: var(--base-color-info-700);
    --sem-color-border-interactive-hover: var(--base-color-primary-400);
    --sem-color-border-interactive-inverse-hover: var(--base-color-primary-700);
    --sem-color-border-interactive-inverse-pressed: var(--base-color-primary-600);
    --sem-color-border-interactive-inverse-rest: var(--base-color-primary-800);
    --sem-color-border-interactive-inverse-selected: var(--base-color-primary-300);
    --sem-color-border-interactive-pressed: var(--base-color-primary-500);
    --sem-color-border-interactive-rest: var(--base-color-primary-300);
    --sem-color-border-interactive-selected: var(--base-color-primary-800);
    --sem-color-border-neutral-inverse-primary: var(--base-color-white-alpha-80);
    --sem-color-border-neutral-inverse-secondary: var(--base-color-white-alpha-60);
    --sem-color-border-neutral-inverse-tertairy: var(--base-color-white-alpha-40);
    --sem-color-border-neutral-primary: var(--base-color-black-alpha-60);
    --sem-color-border-neutral-secondary: var(--base-color-black-alpha-40);
    --sem-color-border-neutral-tertiary: var(--base-color-black-alpha-20);
    --sem-color-border-success-inverse-primary: var(--base-color-success-300);
    --sem-color-border-success-primary: var(--base-color-success-700);
    --sem-color-content-accent-inverse-primary: var(--base-color-secondary-400);
    --sem-color-content-accent-inverse-secondary: var(--base-color-secondary-500);
    --sem-color-content-accent-primary: var(--base-color-secondary-800);
    --sem-color-content-accent-secondary: var(--base-color-secondary-700);
    --sem-color-content-brand-inverse-primary: var(--base-color-primary-200);
    --sem-color-content-brand-inverse-secondary: var(--base-color-primary-300);
    --sem-color-content-brand-primary: var(--base-color-primary-800);
    --sem-color-content-brand-secondary: var(--base-color-primary-600);
    --sem-color-content-caution-inverse-primary: var(--base-color-caution-300);
    --sem-color-content-caution-primary: var(--base-color-caution-700);
    --sem-color-content-error-inverse-primary: var(--base-color-error-300);
    --sem-color-content-error-primary: var(--base-color-error-700);
    --sem-color-content-info-inverse-primary: var(--base-color-info-300);
    --sem-color-content-info-primary: var(--base-color-info-700);
    --sem-color-content-interactive-hover: var(--base-color-primary-700);
    --sem-color-content-interactive-inverse-hover: var(--base-color-primary-200);
    --sem-color-content-interactive-inverse-pressed: #e3f2ff;
    --sem-color-content-interactive-inverse-rest: var(--base-color-primary-300);
    --sem-color-content-interactive-inverse-selected: var(--base-color-primary-200);
    --sem-color-content-interactive-pressed: var(--base-color-primary-800);
    --sem-color-content-interactive-rest: var(--base-color-primary-600);
    --sem-color-content-interactive-selected: var(--base-color-primary-800);
    --sem-color-content-neutral-inverse-primary: var(--base-color-white);
    --sem-color-content-neutral-inverse-secondary: var(--base-color-neutral-300);
    --sem-color-content-neutral-inverse-tertiary: var(--base-color-neutral-400);
    --sem-color-content-neutral-primary: var(--base-color-neutral-800);
    --sem-color-content-neutral-secondary: var(--base-color-neutral-600);
    --sem-color-content-neutral-tertiary: var(--base-color-neutral-500);
    --sem-color-content-success-inverse-primary: var(--base-color-success-300);
    --sem-color-content-success-primary: var(--base-color-success-700);
    --sem-color-overlay-bg-dark: var(--base-color-black-alpha-50);
    --sem-color-overlay-bg-interactive-hover: var(--base-color-neutral-500-alpha-05);
    --sem-color-overlay-bg-interactive-inverse-hover: var(--base-color-neutral-500-alpha-40);
    --sem-color-overlay-bg-interactive-inverse-pressed: var(--base-color-neutral-500-alpha-50);
    --sem-color-overlay-bg-interactive-inverse-rest: var(--base-color-neutral-500-alpha-30);
    --sem-color-overlay-bg-interactive-inverse-selected: var(--base-color-neutral-500-alpha-50);
    --sem-color-overlay-bg-interactive-pressed: var(--base-color-neutral-500-alpha-10);
    --sem-color-overlay-bg-interactive-rest: var(--base-color-transparent);
    --sem-color-overlay-bg-interactive-selected: var(--base-color-neutral-500-alpha-20);
    --sem-color-shadow-default: var(--base-color-black-alpha-05);
    --sem-type-leading-body: var(--base-type-leading-normal);
    --sem-type-leading-display: var(--base-type-leading-tight);
    --sem-type-leading-heading: var(--base-type-leading-tight);
    --sem-type-leading-title: var(--base-type-leading-tight);
    --sem-type-size-body-lg: var(--base-type-size-lg);
    --sem-type-size-body-md: var(--base-type-size-md);
    --sem-type-size-body-sm: var(--base-type-size-sm);
    --sem-type-size-body-xs: var(--base-type-size-xs);
    --sem-type-size-body-xxs: var(--base-type-size-xxs);
    --sem-type-size-display-lg-desktop: var(--base-type-size-6xl);
    --sem-type-size-display-lg-mobile: var(--base-type-size-5xl);
    --sem-type-size-display-md-desktop: var(--base-type-size-5xl);
    --sem-type-size-display-md-mobile: var(--base-type-size-4xl);
    --sem-type-size-display-xl-desktop: var(--base-type-size-7xl);
    --sem-type-size-display-xl-mobile: var(--base-type-size-6xl);
    --sem-type-size-display-xxl-desktop: var(--base-type-size-8xl);
    --sem-type-size-display-xxl-mobile: var(--base-type-size-7xl);
    --sem-type-size-heading-lg-desktop: var(--base-type-size-4xl);
    --sem-type-size-heading-lg-mobile: var(--base-type-size-3xl);
    --sem-type-size-heading-md-desktop: var(--base-type-size-3xl);
    --sem-type-size-heading-md-mobile: var(--base-type-size-xxl);
    --sem-type-size-heading-sm-desktop: var(--base-type-size-xxl);
    --sem-type-size-heading-sm-mobile: var(--base-type-size-lg);
    --sem-type-size-heading-xl-desktop: var(--base-type-size-5xl);
    --sem-type-size-heading-xl-mobile: var(--base-type-size-4xl);
    --sem-type-size-heading-xs-desktop: var(--base-type-size-lg);
    --sem-type-size-heading-xs-mobile: var(--base-type-size-md);
    --sem-type-size-heading-xxl-desktop: var(--base-type-size-6xl);
    --sem-type-size-heading-xxl-mobile: var(--base-type-size-5xl);
    --sem-type-size-title-lg-desktop: var(--base-type-size-lg);
    --sem-type-size-title-lg-mobile: var(--base-type-size-md);
    --sem-type-size-title-md-desktop: var(--base-type-size-md);
    --sem-type-size-title-md-mobile: var(--base-type-size-md);
    --sem-type-size-title-xl-desktop: var(--base-type-size-xxl);
    --sem-type-size-title-xl-mobile: var(--base-type-size-lg);
    --sem-type-size-title-xxl-desktop: var(--base-type-size-3xl);
    --sem-type-size-title-xxl-mobile: var(--base-type-size-xxl);
    --sem-type-tracking-body: var(--base-type-tracking-normal);
    --sem-type-tracking-display: var(--base-type-tracking-normal);
    --sem-type-tracking-heading: var(--base-type-tracking-normal);
    --sem-type-tracking-title: var(--base-type-tracking-normal);
    --sem-type-weight-body: var(--base-type-weight-regular);
    --sem-type-weight-display: var(--base-type-weight-black);
    --sem-type-weight-heading: var(--base-type-weight-black);
    --sem-type-weight-title: var(--base-type-weight-bold);
    --sem-opacity-interactive-disabled: var(--base-opacity-opacity-40);
    --sem-motion-duration-immediate: var(--base-motion-duration-100);
    --sem-motion-duration-large-01: var(--base-motion-duration-350);
    --sem-motion-duration-large-02: var(--base-motion-duration-550);
    --sem-motion-duration-large-03: var(--base-motion-duration-600);
    --sem-motion-duration-small-01: var(--base-motion-duration-150);
    --sem-motion-duration-small-02: var(--base-motion-duration-250);
    --sem-motion-easing-enter-lg: var(--base-motion-ease-out-sharp);
    --sem-motion-easing-enter: var(--base-motion-ease-out);
    --sem-motion-easing-exit-lg: var(--base-motion-ease-in-sharp);
    --sem-motion-easing-exit: var(--base-motion-ease-in);
    --sem-motion-easing-onscreen: var(--base-motion-ease-in-out);
    --sem-elevation-elevation-layer-01-blur: var(--base-space-px-0);
    --sem-elevation-elevation-layer-01-spread: var(--base-space-px-1);
    --sem-elevation-elevation-layer-01-y: var(--base-space-px-0);
    --sem-elevation-elevation-layer-02-blur: var(--base-space-px-2);
    --sem-elevation-elevation-layer-02-spread: var(--base-space-px-0);
    --sem-elevation-elevation-layer-02-y: var(--base-space-px-2);
    --sem-elevation-elevation-layer-03-blur: var(--base-space-px-4);
    --sem-elevation-elevation-layer-03-spread: var(--base-space-px-neg-2);
    --sem-elevation-elevation-layer-03-y: var(--base-space-px-4);
    --sem-elevation-elevation-layer-04-blur: var(--base-space-px-16);
    --sem-elevation-elevation-layer-04-spread: var(--base-space-px-neg-2);
    --sem-elevation-elevation-layer-04-y: var(--base-space-px-16);
    --sem-elevation-elevation-layer-05-blur: var(--base-space-px-24);
    --sem-elevation-elevation-layer-05-spread: var(--base-space-px-neg-2);
    --sem-elevation-elevation-layer-05-y: var(--base-space-px-24);
    --sem-elevation-elevation-layer-06-blur: var(--base-space-px-32);
    --sem-elevation-elevation-layer-06-spread: var(--base-space-px-neg-2);
    --sem-elevation-elevation-layer-06-y: var(--base-space-px-24);
    --sem-elevation-elevation-layer-07-blur: var(--base-space-px-8);
    --sem-elevation-elevation-layer-07-spread: var(--base-space-px-0);
    --sem-elevation-elevation-layer-07-y: var(--base-space-px-0);
    --sem-space-component-spacing-3xl: var(--base-space-px-32);
    --sem-space-component-spacing-lg: var(--base-space-px-12);
    --sem-space-component-spacing-md: var(--base-space-px-8);
    --sem-space-component-spacing-sm: var(--base-space-px-4);
    --sem-space-component-spacing-xl: var(--base-space-px-16);
    --sem-space-component-spacing-xs: var(--base-space-px-2);
    --sem-space-component-spacing-xxl: var(--base-space-px-24);
    --sem-space-page-margin-lg: var(--base-space-px-32);
    --sem-space-page-margin-md: var(--base-space-px-24);
    --sem-space-page-margin-sm: var(--base-space-px-16);
    --sem-space-page-margin-xl: var(--base-space-px-48);
    --sem-space-page-max-width-lg: 120rem;
    --sem-space-page-max-width-md: 90rem;
    --sem-space-section-spacing-3xl: var(--base-space-px-80);
    --sem-space-section-spacing-4xl: var(--base-space-px-96);
    --sem-space-section-spacing-lg: var(--base-space-px-56);
    --sem-space-section-spacing-md: var(--base-space-px-48);
    --sem-space-section-spacing-sm: var(--base-space-px-40);
    --sem-space-section-spacing-xl: var(--base-space-px-64);
    --sem-space-section-spacing-xxl: var(--base-space-px-72);
    --comp-space-gap-accordion-group-vertical: var(--sem-space-component-spacing-xl);
    --comp-space-gap-accordion-icon: var(--base-space-px-8);
    --comp-space-gap-action-chip-group-horizontal: var(--sem-space-component-spacing-md);
    --comp-space-gap-action-chip-group-vertical: var(--sem-space-component-spacing-md);
    --comp-space-gap-ai-response-actions: var(--sem-space-component-spacing-lg);
    --comp-space-gap-alert-content: var(--base-space-px-4);
    --comp-space-gap-alert-icon: var(--base-space-px-8);
    --comp-space-gap-breadcrumb: var(--base-space-px-8);
    --comp-space-gap-button-group-horizontal: var(--sem-space-component-spacing-xl);
    --comp-space-gap-button-group-vertical: var(--sem-space-component-spacing-xl);
    --comp-space-gap-button-icon: var(--base-space-px-8);
    --comp-space-gap-carousel-controls: var(--base-space-px-8);
    --comp-space-gap-carousel-indicator: var(--base-space-px-8);
    --comp-space-gap-carousel-item: var(--base-space-px-16);
    --comp-space-gap-chat-message: var(--base-space-px-4);
    --comp-space-gap-check-radio-group-horizontal-desktop: var(--sem-space-component-spacing-3xl);
    --comp-space-gap-check-radio-group-horizontal-mobile: var(--sem-space-component-spacing-3xl);
    --comp-space-gap-check-radio-group-vertical-desktop: var(--sem-space-component-spacing-lg);
    --comp-space-gap-check-radio-group-vertical-mobile: var(--sem-space-component-spacing-xxl);
    --comp-space-gap-check-radio: var(--base-space-px-8);
    --comp-space-gap-chip-filter-group-horizontal: var(--sem-space-component-spacing-md);
    --comp-space-gap-chip-filter-group-vertical: var(--sem-space-component-spacing-md);
    --comp-space-gap-chip-filter-icon: var(--base-space-px-8);
    --comp-space-gap-chip-filter-text: var(--base-space-px-4);
    --comp-space-gap-chip-toggle-group-horizontal: var(--sem-space-component-spacing-md);
    --comp-space-gap-chip-toggle-group-vertical: var(--sem-space-component-spacing-md);
    --comp-space-gap-expander-loose: var(--base-space-px-16);
    --comp-space-gap-expander-tight: var(--base-space-px-4);
    --comp-space-gap-icon-button-label: var(--base-space-px-4);
    --comp-space-gap-input-helper: var(--base-space-px-16);
    --comp-space-gap-input: var(--base-space-px-4);
    --comp-space-gap-label-tag-icon: var(--base-space-px-4);
    --comp-space-gap-link-group-vertical: var(--sem-space-component-spacing-md);
    --comp-space-gap-link-icon: var(--base-space-px-4);
    --comp-space-gap-listbox-count: var(--base-space-px-4);
    --comp-space-gap-listbox-icon: var(--base-space-px-4);
    --comp-space-gap-message-input-button: var(--base-space-px-8);
    --comp-space-gap-pagination-items: var(--base-space-px-8);
    --comp-space-gap-progress-bar-label-lg: var(--base-space-px-2);
    --comp-space-gap-progress-bar-label-md: var(--base-space-px-0);
    --comp-space-gap-progress-bar-perc-text: var(--base-space-px-8);
    --comp-space-gap-quick-tip-icon: var(--base-space-px-12);
    --comp-space-gap-quick-tip-text: var(--base-space-px-2);
    --comp-space-gap-select-icon: var(--base-space-px-8);
    --comp-space-gap-selectable-container-group-vertical: var(--sem-space-component-spacing-xl);
    --comp-space-gap-selectable-container-link: var(--base-space-px-16);
    --comp-space-gap-sheet-header: var(--base-space-px-8);
    --comp-space-gap-slider-error-helper-text: var(--base-space-px-4);
    --comp-space-gap-slider-input: var(--base-space-px-12);
    --comp-space-gap-slider: var(--base-space-px-8);
    --comp-space-gap-step-indicator: var(--base-space-px-4);
    --comp-space-gap-tabs-text-tab-default: var(--base-space-px-32);
    --comp-space-gap-tabs-text-tab-icon: var(--base-space-px-4);
    --comp-space-gap-tabs-text-tab-label: var(--base-space-px-4);
    --comp-space-gap-tabs-text-tab-narrow: var(--base-space-px-16);
    --comp-space-gap-toast-close-button: var(--base-space-px-8);
    --comp-space-gap-toast-icon: var(--base-space-px-8);
    --comp-space-gap-toast-text: var(--base-space-px-4);
    --comp-space-gap-toggle-button-icon: var(--base-space-px-4);
    --comp-space-gap-toggle-switch: var(--base-space-px-8);
    --comp-space-padding-accordion-contained-icon: var(--base-space-px-8);
    --comp-space-padding-accordion-contained: var(--base-space-px-16);
    --comp-space-padding-accordion-content-bottom: var(--base-space-px-16);
    --comp-space-padding-accordion-content-icon-left: var(--base-space-px-16);
    --comp-space-padding-accordion-content-icon-right: var(--base-space-px-16);
    --comp-space-padding-accordion-content-top: var(--base-space-px-0);
    --comp-space-padding-accordion-header-vertical: var(--base-space-px-12);
    --comp-space-padding-accordion-uncontained-icon: var(--base-space-px-8);
    --comp-space-padding-accordion-uncontained: var(--base-space-px-16);
    --comp-space-padding-alert-content-all: var(--base-space-px-16);
    --comp-space-padding-alert-icon-bottom: var(--base-space-px-8);
    --comp-space-padding-alert-icon-left: var(--base-space-px-8);
    --comp-space-padding-alert-icon-right: var(--base-space-px-8);
    --comp-space-padding-alert-icon-vertical: var(--base-space-px-8);
    --comp-space-padding-alert-text-left: var(--base-space-px-0);
    --comp-space-padding-alert-text-right-dismissable: var(--base-space-px-24);
    --comp-space-padding-alert-text-right: var(--base-space-px-8);
    --comp-space-padding-alert-text-vertical: var(--base-space-px-0);
    --comp-space-padding-bottom-sheet-all: var(--base-space-px-16);
    --comp-space-padding-bottom-sheet-scrim-top: var(--base-space-px-24);
    --comp-space-padding-button-lg-horizontal: var(--base-space-px-32);
    --comp-space-padding-button-md-horizontal: var(--base-space-px-24);
    --comp-space-padding-button-sm-horizontal: var(--base-space-px-16);
    --comp-space-padding-button-vertical: var(--base-space-px-0);
    --comp-space-padding-calendar-horizontal: var(--base-space-px-12);
    --comp-space-padding-card-all: var(--base-space-px-16);
    --comp-space-padding-carousel-button-icon-nudge: var(--base-space-px-2);
    --comp-space-padding-carousel-controls-all: var(--base-space-px-16);
    --comp-space-padding-carousel-indicator-horizontal: var(--base-space-px-8);
    --comp-space-padding-carousel-indicator-vertical: var(--base-space-px-4);
    --comp-space-padding-center-sheet-bottom: var(--base-space-px-24);
    --comp-space-padding-center-sheet-horizontal: var(--base-space-px-24);
    --comp-space-padding-center-sheet-top: var(--base-space-px-24);
    --comp-space-padding-chat-message-horizontal: var(--base-space-px-16);
    --comp-space-padding-chat-message-vertical: var(--base-space-px-12);
    --comp-space-padding-check-radio-all: var(--base-space-px-0);
    --comp-space-padding-chip-action-horizontal: var(--base-space-px-16);
    --comp-space-padding-chip-action-vertical: var(--base-space-px-4);
    --comp-space-padding-chip-filter-horizontal: var(--base-space-px-16);
    --comp-space-padding-chip-filter-selected-left: var(--base-space-px-16);
    --comp-space-padding-chip-filter-selected-right: var(--base-space-px-12);
    --comp-space-padding-chip-filter-vertical: var(--base-space-px-0);
    --comp-space-padding-chip-toggle-horizontal: var(--base-space-px-16);
    --comp-space-padding-chip-toggle-vertical: var(--base-space-px-0);
    --comp-space-padding-control-button-all: var(--base-space-px-4);
    --comp-space-padding-fixed-button-icon-nudge-2: var(--base-space-px-2);
    --comp-space-padding-fixed-button-icon-nudge: var(--base-space-px-2);
    --comp-space-padding-fullscreen-sheet-bottom: var(--base-space-px-16);
    --comp-space-padding-fullscreen-sheet-header-left: var(--base-space-px-8);
    --comp-space-padding-fullscreen-sheet-header-right: var(--base-space-px-16);
    --comp-space-padding-fullscreen-sheet-header-vertical: var(--base-space-px-8);
    --comp-space-padding-fullscreen-sheet-horizontal: var(--base-space-px-16);
    --comp-space-padding-fullscreen-sheet-top: var(--base-space-px-72);
    --comp-space-padding-icon-button-md: var(--base-space-px-8);
    --comp-space-padding-icon-button-sm: var(--base-space-px-4);
    --comp-space-padding-icon-button-xs: var(--base-space-px-4);
    --comp-space-padding-input-horizontal: var(--base-space-px-16);
    --comp-space-padding-label-tag-horizontal: var(--base-space-px-8);
    --comp-space-padding-label-tag-vertical: var(--base-space-px-2);
    --comp-space-padding-listbox-divider-horizontal: var(--base-space-px-4);
    --comp-space-padding-listbox-item-horizontal: var(--base-space-px-32);
    --comp-space-padding-listbox-item-selected-left: var(--base-space-px-4);
    --comp-space-padding-listbox-item-vertical-mobile: var(--base-space-px-12);
    --comp-space-padding-listbox-item-vertical: var(--base-space-px-4);
    --comp-space-padding-listbox-option-group-left: var(--base-space-px-8);
    --comp-space-padding-listbox-popover: var(--base-space-px-4);
    --comp-space-padding-message-input-bottom: var(--base-space-px-0);
    --comp-space-padding-message-input-left: var(--base-space-px-16);
    --comp-space-padding-message-input-right: var(--base-space-px-0);
    --comp-space-padding-message-input-text-area-vertical: var(--base-space-px-12);
    --comp-space-padding-message-input-top: var(--base-space-px-0);
    --comp-space-padding-notification-badge-ho: var(--base-space-px-4);
    --comp-space-padding-notification-badge-horizontal: .375rem;
    --comp-space-padding-notification-badge-vertical: var(--base-space-px-4);
    --comp-space-padding-pagination-horizontal: var(--base-space-px-12);
    --comp-space-padding-pagination-truncation-all: var(--base-space-px-0);
    --comp-space-padding-pagination-vertical: var(--base-space-px-0);
    --comp-space-padding-popover-all: var(--base-space-px-16);
    --comp-space-padding-quick-tip-all: var(--base-space-px-12);
    --comp-space-padding-select-inner-label-filled-bottom: var(--base-space-px-8);
    --comp-space-padding-select-inner-label-filled-top: var(--base-space-px-24);
    --comp-space-padding-select-left: var(--base-space-px-16);
    --comp-space-padding-select-right: var(--base-space-px-8);
    --comp-space-padding-select-vertical: var(--base-space-px-0);
    --comp-space-padding-selectable-container-horizontal: var(--base-space-px-16);
    --comp-space-padding-selectable-container-vertical: var(--base-space-px-12);
    --comp-space-padding-sheet-footer-vertical: var(--base-space-px-16);
    --comp-space-padding-sheet-header-horizontal: var(--base-space-px-8);
    --comp-space-padding-sheet-header-vertical: var(--base-space-px-8);
    --comp-space-padding-sheet-scrim-all: var(--base-space-px-48);
    --comp-space-padding-side-sheet-bottom: var(--base-space-px-24);
    --comp-space-padding-side-sheet-horizontal: var(--base-space-px-24);
    --comp-space-padding-side-sheet-top: var(--base-space-px-24);
    --comp-space-padding-step-indicator: var(--base-space-px-4);
    --comp-space-padding-sticky-bar-lg-horizonal: var(--sem-space-page-margin-lg);
    --comp-space-padding-sticky-bar-md-horizonal: var(--sem-space-page-margin-md);
    --comp-space-padding-sticky-bar-sm-horizonal: var(--sem-space-page-margin-sm);
    --comp-space-padding-sticky-bar-vertical: var(--base-space-px-12);
    --comp-space-padding-sticky-bar-xl-horizonal: var(--sem-space-page-margin-xl);
    --comp-space-padding-tabs-pill-bottom: var(--base-space-px-8);
    --comp-space-padding-tabs-pill-horizontal-default: var(--base-space-px-24);
    --comp-space-padding-tabs-pill-horizontal-narrow: var(--base-space-px-16);
    --comp-space-padding-tabs-pill-right: var(--base-space-px-24);
    --comp-space-padding-tabs-pill-vertical: var(--base-space-px-8);
    --comp-space-padding-text-area-inner-label-filled-top: var(--base-space-px-20);
    --comp-space-padding-text-area-vertical: var(--base-space-px-16);
    --comp-space-padding-text-input-inner-label-filled-bottom: var(--base-space-px-8);
    --comp-space-padding-text-input-inner-label-filled-top: var(--base-space-px-24);
    --comp-space-padding-text-input-vertical: var(--base-space-px-0);
    --comp-space-padding-toast-horizonal: var(--base-space-px-8);
    --comp-space-padding-toast-vertical: var(--base-space-px-16);
    --comp-space-padding-toggle-button-horizontal: var(--base-space-px-12);
    --comp-space-padding-toggle-button-vertical: var(--base-space-px-4);
    --comp-space-padding-toggle-switch: var(--base-space-px-4);
    --comp-space-padding-tooltip-all: var(--base-space-px-12);
    --comp-space-padding-tooltip-bottom: var(--base-space-px-12);
    --comp-space-padding-tooltip-right: var(--base-space-px-12);
    --comp-space-padding-video-trigger-button-lg: var(--base-space-px-16);
    --comp-space-padding-video-trigger-button-md: var(--base-space-px-12);
    --comp-motion-duration-accordion-collapse: var(--sem-motion-duration-small-02);
    --comp-motion-duration-accordion-expand: var(--sem-motion-duration-large-01);
    --comp-motion-duration-accordion-state: var(--sem-motion-duration-immediate);
    --comp-motion-duration-alert: var(--sem-motion-duration-small-01);
    --comp-motion-duration-bottom-sheet-entry: var(--sem-motion-duration-large-02);
    --comp-motion-duration-bottom-sheet-exit: var(--sem-motion-duration-large-01);
    --comp-motion-duration-breadcrumb: var(--sem-motion-duration-immediate);
    --comp-motion-duration-button: var(--sem-motion-duration-immediate);
    --comp-motion-duration-calendar: var(--sem-motion-duration-immediate);
    --comp-motion-duration-carousel-button: var(--sem-motion-duration-immediate);
    --comp-motion-duration-carousel-indicator: var(--sem-motion-duration-small-02);
    --comp-motion-duration-center-sheet-entry: var(--sem-motion-duration-small-02);
    --comp-motion-duration-center-sheet-exit: var(--sem-motion-duration-small-01);
    --comp-motion-duration-check-radio: var(--sem-motion-duration-immediate);
    --comp-motion-duration-chip-action: var(--sem-motion-duration-immediate);
    --comp-motion-duration-chip-filter: var(--sem-motion-duration-immediate);
    --comp-motion-duration-chip-toggle: var(--sem-motion-duration-immediate);
    --comp-motion-duration-control-button: var(--sem-motion-duration-immediate);
    --comp-motion-duration-date-picker: var(--sem-motion-duration-immediate);
    --comp-motion-duration-expander-collapse: var(--sem-motion-duration-small-02);
    --comp-motion-duration-expander-expand: var(--sem-motion-duration-large-01);
    --comp-motion-duration-fixed-button: var(--sem-motion-duration-immediate);
    --comp-motion-duration-focus-ring: var(--sem-motion-duration-immediate);
    --comp-motion-duration-icon-button: var(--sem-motion-duration-immediate);
    --comp-motion-duration-input: var(--sem-motion-duration-small-01);
    --comp-motion-duration-link: var(--sem-motion-duration-immediate);
    --comp-motion-duration-message-input: var(--sem-motion-duration-immediate);
    --comp-motion-duration-meter-bar: var(--sem-motion-duration-immediate);
    --comp-motion-duration-notification-badge: var(--sem-motion-duration-immediate);
    --comp-motion-duration-pagination: var(--sem-motion-duration-immediate);
    --comp-motion-duration-popover-entry: var(--base-motion-duration-250);
    --comp-motion-duration-popover-exit: var(--base-motion-duration-150);
    --comp-motion-duration-progress-bar: var(--sem-motion-duration-small-01);
    --comp-motion-duration-selectable-container: var(--sem-motion-duration-immediate);
    --comp-motion-duration-side-sheet-entry: var(--sem-motion-duration-large-02);
    --comp-motion-duration-side-sheet-exit: var(--sem-motion-duration-large-01);
    --comp-motion-duration-skeleton-loader: var(--base-motion-duration-2000);
    --comp-motion-duration-slider: var(--sem-motion-duration-small-01);
    --comp-motion-duration-sticky-bar-entry: var(--sem-motion-duration-small-02);
    --comp-motion-duration-sticky-bar-exit: var(--sem-motion-duration-small-01);
    --comp-motion-duration-tabs-pill: var(--sem-motion-duration-immediate);
    --comp-motion-duration-tabs-text: var(--sem-motion-duration-immediate);
    --comp-motion-duration-text-input: var(--sem-motion-duration-immediate);
    --comp-motion-duration-toast-entry: var(--sem-motion-duration-large-01);
    --comp-motion-duration-toast-exit: var(--sem-motion-duration-small-02);
    --comp-motion-duration-toggle-button: var(--sem-motion-duration-immediate);
    --comp-motion-duration-toggle-chip: var(--sem-motion-duration-immediate);
    --comp-motion-duration-toggle-switch: var(--sem-motion-duration-small-01);
    --comp-motion-duration-tooltip: var(--sem-motion-duration-small-01);
    --comp-motion-easing-accordion: var(--sem-motion-easing-onscreen);
    --comp-motion-easing-alert: var(--sem-motion-easing-onscreen);
    --comp-motion-easing-bottom-sheet-entry: var(--sem-motion-easing-enter-lg);
    --comp-motion-easing-bottom-sheet-exit: var(--sem-motion-easing-exit-lg);
    --comp-motion-easing-breadcrumb: var(--sem-motion-easing-onscreen);
    --comp-motion-easing-button: var(--sem-motion-easing-onscreen);
    --comp-motion-easing-calendar: var(--sem-motion-easing-onscreen);
    --comp-motion-easing-carousel-button: var(--sem-motion-easing-onscreen);
    --comp-motion-easing-carousel-indicator: var(--sem-motion-easing-enter);
    --comp-motion-easing-center-sheet-entry: var(--sem-motion-easing-onscreen);
    --comp-motion-easing-center-sheet-exit: var(--sem-motion-easing-onscreen);
    --comp-motion-easing-check-radio: var(--sem-motion-easing-onscreen);
    --comp-motion-easing-chip-action: var(--sem-motion-easing-onscreen);
    --comp-motion-easing-chip-filter: var(--sem-motion-easing-onscreen);
    --comp-motion-easing-chip-toggle: var(--sem-motion-easing-onscreen);
    --comp-motion-easing-control-button: var(--sem-motion-easing-onscreen);
    --comp-motion-easing-expander: var(--sem-motion-easing-onscreen);
    --comp-motion-easing-fixed-button: var(--sem-motion-easing-onscreen);
    --comp-motion-easing-focus-ring: var(--sem-motion-easing-onscreen);
    --comp-motion-easing-icon-button: var(--sem-motion-easing-onscreen);
    --comp-motion-easing-input: var(--sem-motion-easing-onscreen);
    --comp-motion-easing-link: var(--sem-motion-easing-onscreen);
    --comp-motion-easing-message-input: var(--sem-motion-easing-onscreen);
    --comp-motion-easing-meter-bar: var(--sem-motion-easing-onscreen);
    --comp-motion-easing-notification-badge: var(--sem-motion-easing-onscreen);
    --comp-motion-easing-pagination: var(--sem-motion-easing-onscreen);
    --comp-motion-easing-popover-entry: var(--sem-motion-easing-enter);
    --comp-motion-easing-popover-exit: var(--sem-motion-easing-exit);
    --comp-motion-easing-progress-bar: var(--sem-motion-easing-onscreen);
    --comp-motion-easing-selectable-container: var(--sem-motion-easing-onscreen);
    --comp-motion-easing-side-sheet-entry: var(--sem-motion-easing-enter-lg);
    --comp-motion-easing-side-sheet-exit: var(--sem-motion-easing-exit-lg);
    --comp-motion-easing-skeleton-loader: var(--sem-motion-easing-onscreen);
    --comp-motion-easing-slider: var(--sem-motion-easing-onscreen);
    --comp-motion-easing-sticky-bar: var(--sem-motion-easing-onscreen);
    --comp-motion-easing-tabs-pill: var(--sem-motion-easing-onscreen);
    --comp-motion-easing-tabs-text: var(--sem-motion-easing-onscreen);
    --comp-motion-easing-text-input: var(--sem-motion-easing-onscreen);
    --comp-motion-easing-toast-entry: var(--sem-motion-easing-enter);
    --comp-motion-easing-toast-exit: var(--sem-motion-easing-exit);
    --comp-motion-easing-toggle-button: var(--sem-motion-easing-onscreen);
    --comp-motion-easing-toggle-switch: var(--sem-motion-easing-onscreen);
    --comp-motion-easing-tooltip: var(--sem-motion-easing-onscreen);
    --comp-size-border-accordion: var(--base-size-border-px);
    --comp-size-border-alert: var(--base-size-border-px);
    --comp-size-border-avatar-image-inverse: var(--base-size-border-px);
    --comp-size-border-avatar-image: var(--base-space-px-0);
    --comp-size-border-avatar-text-inverse: var(--base-space-px-0);
    --comp-size-border-avatar-text: var(--base-space-px-0);
    --comp-size-border-button: var(--base-size-border-px);
    --comp-size-border-card: var(--base-size-border-px);
    --comp-size-border-carousel-button: var(--base-size-border-px);
    --comp-size-border-check-radio-control: var(--base-size-border-px);
    --comp-size-border-chip-action: var(--base-size-border-px);
    --comp-size-border-chip-filter: var(--base-size-border-px);
    --comp-size-border-chip-toggle: var(--base-size-border-px);
    --comp-size-border-color-swatch: var(--base-size-border-px);
    --comp-size-border-input-error-inner-spread: var(--base-space-px-2);
    --comp-size-border-input: var(--base-size-border-px);
    --comp-size-border-message-input: var(--base-size-border-px);
    --comp-size-border-pagination-button: var(--base-size-border-px);
    --comp-size-border-selectable-container: var(--base-size-border-px);
    --comp-size-border-slider-handle: var(--base-space-px-2);
    --comp-size-border-step-indicator-circle-desktop: var(--base-size-border-sm);
    --comp-size-border-step-indicator-circle-mobile: var(--base-size-border-px);
    --comp-size-border-step-indicator-track-desktop: var(--base-size-border-sm);
    --comp-size-border-step-indicator-track-mobile: var(--base-size-border-px);
    --comp-size-border-tabs-pill-selected: var(--base-size-border-sm);
    --comp-size-border-tabs-text-tab-hover: var(--base-size-border-sm);
    --comp-size-border-tabs-text-tab-pressed: var(--base-size-border-sm);
    --comp-size-border-tabs-text-tab-rest: var(--base-size-border-sm);
    --comp-size-border-tabs-text-tab-selected: var(--base-size-border-sm);
    --comp-size-border-toggle-button: var(--base-size-border-px);
    --comp-size-border-toggle-switch: var(--base-size-border-px);
    --comp-size-border-tooltip: var(--base-size-border-px);
    --comp-size-border-video-trigger-button: var(--base-size-border-sm);
    --comp-size-box-accordion-icon-container: var(--base-space-px-32);
    --comp-size-box-avatar-lg: var(--base-space-px-56);
    --comp-size-box-avatar-md: var(--base-space-px-40);
    --comp-size-box-avatar-sm: var(--base-space-px-32);
    --comp-size-box-calendar-items: 2.75rem;
    --comp-size-box-carousel-button: 2.25rem;
    --comp-size-box-carousel-indicator-active: var(--base-space-px-8);
    --comp-size-box-carousel-indicator-trail: var(--base-space-px-4);
    --comp-size-box-carousel-indicator: var(--base-space-px-8);
    --comp-size-box-check-radio-control: var(--base-space-px-18);
    --comp-size-box-color-swatch: var(--base-space-px-24);
    --comp-size-box-control-button: var(--base-space-px-32);
    --comp-size-box-fixed-button: 2.25rem;
    --comp-size-box-message-input-button: var(--base-space-px-48);
    --comp-size-box-notification-badge-dot: var(--base-space-px-8);
    --comp-size-box-notification-badge-number-2: var(--base-space-px-18);
    --comp-size-box-notification-badge-number: var(--base-space-px-18);
    --comp-size-box-pagination-button: 2.25rem;
    --comp-size-box-pagination-item: 2.25rem;
    --comp-size-box-progress-bar-large: var(--base-space-px-16);
    --comp-size-box-progress-bar-medium: var(--base-space-px-8);
    --comp-size-box-skeleton-loader-circular: var(--base-space-px-48);
    --comp-size-box-slider-handle: var(--base-space-px-24);
    --comp-size-box-slider-target: var(--base-space-px-32);
    --comp-size-box-spinner-lg: var(--base-space-px-32);
    --comp-size-box-spinner-md: var(--base-space-px-24);
    --comp-size-box-spinner-sm: var(--base-space-px-16);
    --comp-size-box-spinner-xl: var(--base-space-px-64);
    --comp-size-box-star-rating-abbr-lg: 2.25rem;
    --comp-size-box-star-rating-abbr-md: var(--base-space-px-24);
    --comp-size-box-star-rating-abbr-sm: var(--base-space-px-18);
    --comp-size-box-star-rating-abbr-xl: var(--base-space-px-48);
    --comp-size-box-step-indicator-desktop: var(--base-space-px-32);
    --comp-size-box-step-indicator-mobile: var(--base-space-px-24);
    --comp-size-box-toggle-switch-handle: var(--base-space-px-20);
    --comp-size-box-toggle-switch-track-height: var(--base-space-px-32);
    --comp-size-box-toggle-switch-track-width: var(--base-space-px-48);
    --comp-size-box-video-trigger-button-lg: var(--base-space-px-64);
    --comp-size-box-video-trigger-button-md: var(--base-space-px-48);
    --comp-size-height-accordion: var(--base-space-px-56);
    --comp-size-height-breadcrumb: var(--base-space-px-24);
    --comp-size-height-button-lg: var(--base-space-px-56);
    --comp-size-height-button-md: var(--base-space-px-48);
    --comp-size-height-button-sm: var(--base-space-px-32);
    --comp-size-height-chip-action: var(--base-space-px-32);
    --comp-size-height-chip-filter: var(--base-space-px-32);
    --comp-size-height-chip-toggle: var(--base-space-px-32);
    --comp-size-height-input: var(--base-space-px-48);
    --comp-size-height-link: var(--base-space-px-24);
    --comp-size-height-listbox-item-desktop: var(--base-space-px-32);
    --comp-size-height-listbox-item-mobile: var(--base-space-px-48);
    --comp-size-height-message-input: var(--base-space-px-48);
    --comp-size-height-meter-bar: var(--base-space-px-8);
    --comp-size-height-notification-badge-dot-max-height: var(--base-space-px-8);
    --comp-size-height-notification-badge-number-max-height: var(--base-space-px-18);
    --comp-size-height-notification-badge-number-min-height: var(--base-space-px-18);
    --comp-size-height-progress-bar-lg: var(--base-space-px-16);
    --comp-size-height-progress-bar-md: var(--base-space-px-8);
    --comp-size-height-sheet-drag-handle: var(--base-space-px-4);
    --comp-size-height-sheet-header: var(--base-space-px-48);
    --comp-size-height-skeleton-loader-rectangular: var(--base-space-px-72);
    --comp-size-height-skeleton-loader-text: var(--base-space-px-24);
    --comp-size-height-slider-track: var(--base-space-px-4);
    --comp-size-height-tabs-pill: var(--base-space-px-48);
    --comp-size-icon-accordion: var(--base-space-px-32);
    --comp-size-icon-alert: var(--base-space-px-32);
    --comp-size-icon-button-lg: var(--base-space-px-24);
    --comp-size-icon-button-md: var(--base-space-px-24);
    --comp-size-icon-button-sm: var(--base-space-px-16);
    --comp-size-icon-calendar: var(--base-space-px-24);
    --comp-size-icon-carousel-button: var(--base-space-px-24);
    --comp-size-icon-carousel-playback-button: var(--base-space-px-20);
    --comp-size-icon-control-button: var(--base-space-px-24);
    --comp-size-icon-fixed-button: var(--base-space-px-24);
    --comp-size-icon-icon-button-md: var(--base-space-px-32);
    --comp-size-icon-icon-button-sm: var(--base-space-px-24);
    --comp-size-icon-icon-button-xs: var(--base-space-px-20);
    --comp-size-icon-input-helper: var(--base-space-px-18);
    --comp-size-icon-label-tag: .875rem;
    --comp-size-icon-link-lg: var(--base-space-px-24);
    --comp-size-icon-link-md: var(--base-space-px-20);
    --comp-size-icon-link-sm: var(--base-space-px-16);
    --comp-size-icon-link-xs: var(--base-space-px-16);
    --comp-size-icon-link-xxs: var(--base-space-px-12);
    --comp-size-icon-listbox: var(--base-space-px-24);
    --comp-size-icon-message-input: var(--base-space-px-24);
    --comp-size-icon-pagination-button: var(--base-space-px-24);
    --comp-size-icon-quick-tip: var(--base-space-px-32);
    --comp-size-icon-select: var(--base-space-px-32);
    --comp-size-icon-sheet-header: var(--base-space-px-32);
    --comp-size-icon-step-indicator-desktop: var(--base-space-px-32);
    --comp-size-icon-step-indicator-mobile: var(--base-space-px-24);
    --comp-size-icon-tabs-text: var(--base-space-px-24);
    --comp-size-icon-toggle-button: var(--base-space-px-20);
    --comp-size-icon-video-play-button-lg: var(--base-space-px-32);
    --comp-size-icon-video-trigger-button-md: var(--base-space-px-24);
    --comp-size-radius-accordion-contained: var(--base-size-radius-md);
    --comp-size-radius-accordion-icon: var(--base-size-radius-rounded);
    --comp-size-radius-alert: var(--base-size-radius-md);
    --comp-size-radius-avatar: var(--base-size-radius-rounded);
    --comp-size-radius-button: var(--base-size-radius-md);
    --comp-size-radius-calendar: var(--base-size-radius-rounded);
    --comp-size-radius-card: var(--base-size-radius-lg);
    --comp-size-radius-carousel-button: var(--base-size-radius-rounded);
    --comp-size-radius-carousel-indicator: var(--base-size-radius-rounded);
    --comp-size-radius-chat-message-bottom-left: var(--base-size-radius-3xl);
    --comp-size-radius-chat-message-bottom-right: var(--base-size-radius-3xl);
    --comp-size-radius-chat-message-top-left: var(--base-size-radius-3xl);
    --comp-size-radius-chat-message-top-right: var(--base-size-radius-3xl);
    --comp-size-radius-checkbox-control: var(--base-size-radius-md);
    --comp-size-radius-chip-action: var(--base-size-radius-rounded);
    --comp-size-radius-chip-filter: var(--base-size-radius-rounded);
    --comp-size-radius-chip-toggle: var(--base-size-radius-rounded);
    --comp-size-radius-control-button: var(--base-size-radius-md);
    --comp-size-radius-fixed-button: var(--base-size-radius-rounded);
    --comp-size-radius-icon-button: var(--base-size-radius-md);
    --comp-size-radius-input: var(--base-size-radius-md);
    --comp-size-radius-label-tag: var(--base-size-radius-md);
    --comp-size-radius-listbox-item: var(--base-size-radius-md);
    --comp-size-radius-message-input-button: var(--base-size-radius-3xl);
    --comp-size-radius-message-input: var(--base-size-radius-3xl);
    --comp-size-radius-meter-bar: var(--base-size-radius-rounded);
    --comp-size-radius-notification-badge: var(--base-size-radius-rounded);
    --comp-size-radius-pagination-button: var(--base-size-radius-rounded);
    --comp-size-radius-pagination-item: var(--base-size-radius-rounded);
    --comp-size-radius-popover: var(--base-size-radius-lg);
    --comp-size-radius-progress-bar: var(--base-size-radius-rounded);
    --comp-size-radius-radio-control: var(--base-size-radius-rounded);
    --comp-size-radius-selectable-container: var(--base-size-radius-md);
    --comp-size-radius-sheet-control-button: var(--base-size-radius-md);
    --comp-size-radius-sheet-drag-handle: var(--base-size-radius-rounded);
    --comp-size-radius-sheet: var(--base-size-radius-lg);
    --comp-size-radius-skeleton-loader: var(--base-size-radius-md);
    --comp-size-radius-slider-handle: var(--base-size-radius-rounded);
    --comp-size-radius-slider-track: var(--base-size-radius-sm);
    --comp-size-radius-step-indicator: var(--base-size-radius-rounded);
    --comp-size-radius-tabs-pill: var(--base-size-radius-rounded);
    --comp-size-radius-toast: var(--base-size-radius-md);
    --comp-size-radius-toggle-button: var(--base-size-radius-md);
    --comp-size-radius-toggle-switch-handle: var(--base-size-radius-rounded);
    --comp-size-radius-toggle-switch-track: var(--base-size-radius-rounded);
    --comp-size-radius-tooltip: var(--base-size-radius-md);
    --comp-size-radius-video-trigger-button: var(--base-size-radius-rounded);
    --comp-size-width-carousel-fade: var(--base-space-px-48);
    --comp-size-width-carousel-indicator: 5.5rem;
    --comp-size-width-chat-message: 37.5rem;
    --comp-size-width-notification-badge-dot-max-width: var(--base-space-px-8);
    --comp-size-width-notification-badge-number-min-width: var(--base-space-px-18);
    --comp-size-width-sheet-drag-handle: var(--base-space-px-48);
    --comp-type-font-accordion-label: var(--base-type-font-body);
    --comp-type-font-accordion-panel-text: var(--base-type-font-body);
    --comp-type-font-accordion-title: var(--base-type-font-body);
    --comp-type-font-alert-body: var(--base-type-font-body);
    --comp-type-font-alert-title: var(--base-type-font-heading);
    --comp-type-font-avatar: var(--base-type-font-body);
    --comp-type-font-breadcrumb: var(--base-type-font-body);
    --comp-type-font-button: var(--base-type-font-body);
    --comp-type-font-calendar-day: var(--base-type-font-body);
    --comp-type-font-calendar-header: var(--base-type-font-body);
    --comp-type-font-calendar-title: var(--base-type-font-body);
    --comp-type-font-chat-message: var(--base-type-font-body);
    --comp-type-font-check-radio-label-2: var(--base-type-font-body);
    --comp-type-font-check-radio-label: var(--base-type-font-body);
    --comp-type-font-chip-action: var(--base-type-font-body);
    --comp-type-font-chip-filter: var(--base-type-font-body);
    --comp-type-font-chip-toggle: var(--base-type-font-body);
    --comp-type-font-disclaimer: var(--base-type-font-body);
    --comp-type-font-icon-button: var(--base-type-font-body);
    --comp-type-font-input-helper: var(--base-type-font-body);
    --comp-type-font-input-inner-label: var(--base-type-font-body);
    --comp-type-font-input-label: var(--base-type-font-body);
    --comp-type-font-input-placeholder: var(--base-type-font-body);
    --comp-type-font-input-value: var(--base-type-font-body);
    --comp-type-font-label-tag: var(--base-type-font-body);
    --comp-type-font-link: var(--base-type-font-body);
    --comp-type-font-listbox: var(--base-type-font-body);
    --comp-type-font-message-input-placeholder: var(--base-type-font-body);
    --comp-type-font-message-input-value: var(--base-type-font-body);
    --comp-type-font-norification-badge: var(--base-type-font-body);
    --comp-type-font-pagination: var(--base-type-font-body);
    --comp-type-font-progress-bar-label: var(--base-type-font-body);
    --comp-type-font-progress-bar-perc-text: var(--base-type-font-body);
    --comp-type-font-quick-tip-body: var(--base-type-font-body);
    --comp-type-font-quick-tip-title: var(--base-type-font-heading);
    --comp-type-font-selectable-container-label: var(--base-type-font-body);
    --comp-type-font-selectable-container-secondary-label: var(--base-type-font-body);
    --comp-type-font-sheet-header-title: var(--base-type-font-body);
    --comp-type-font-sheet-title: var(--base-type-font-body);
    --comp-type-font-step-indicator: var(--base-type-font-body);
    --comp-type-font-tabs-pill-label: var(--base-type-font-body);
    --comp-type-font-tabs-text-label: var(--base-type-font-body);
    --comp-type-font-toast-body: var(--base-type-font-body);
    --comp-type-font-toast-title: var(--base-type-font-body);
    --comp-type-font-toggle-button: var(--base-type-font-body);
    --comp-type-font-toggle-switch-label: var(--base-type-font-body);
    --comp-type-font-tooltip: var(--base-type-font-body);
    --comp-type-leading-accordion-label: var(--base-type-leading-normal);
    --comp-type-leading-accordion-panel-text: var(--base-type-leading-normal);
    --comp-type-leading-accordion-title: var(--base-type-leading-tight);
    --comp-type-leading-alert-body: var(--sem-type-leading-body);
    --comp-type-leading-alert-title: var(--sem-type-leading-title);
    --comp-type-leading-avatar: var(--base-type-leading-normal);
    --comp-type-leading-button: var(--base-type-leading-none);
    --comp-type-leading-calendar-day: var(--sem-type-leading-body);
    --comp-type-leading-calendar-header: var(--sem-type-leading-body);
    --comp-type-leading-calendar-title: var(--sem-type-leading-body);
    --comp-type-leading-chat-message: var(--base-type-leading-normal);
    --comp-type-leading-check-radio-label: var(--sem-type-leading-body);
    --comp-type-leading-chip-action: var(--base-type-leading-normal);
    --comp-type-leading-chip-filter: var(--base-type-leading-normal);
    --comp-type-leading-chip-toggle: var(--base-type-leading-normal);
    --comp-type-leading-disclaimer: var(--base-type-leading-normal);
    --comp-type-leading-icon-button-label-2: var(--sem-type-leading-body);
    --comp-type-leading-icon-button-label: var(--sem-type-leading-body);
    --comp-type-leading-input-helper: var(--sem-type-leading-body);
    --comp-type-leading-input-inner-label: var(--base-type-leading-none);
    --comp-type-leading-input-label: var(--sem-type-leading-body);
    --comp-type-leading-input-value: var(--base-type-leading-none);
    --comp-type-leading-label-tag: var(--sem-type-leading-body);
    --comp-type-leading-listbox: var(--sem-type-leading-body);
    --comp-type-leading-message-input-placeholder: var(--sem-type-leading-body);
    --comp-type-leading-message-input-value: var(--sem-type-leading-body);
    --comp-type-leading-notification-badge: var(--base-type-leading-none);
    --comp-type-leading-pagination: var(--base-type-leading-normal);
    --comp-type-leading-progress-bar-label: var(--base-type-leading-normal);
    --comp-type-leading-progress-bar-perc-text: var(--base-type-leading-normal);
    --comp-type-leading-quick-tip-body: var(--sem-type-leading-body);
    --comp-type-leading-quick-tip-title: var(--sem-type-leading-display);
    --comp-type-leading-selectable-container-label: var(--sem-type-leading-body);
    --comp-type-leading-selectable-container-secondary-label: var(--sem-type-leading-body);
    --comp-type-leading-sheet-header-title: var(--sem-type-leading-title);
    --comp-type-leading-sheet-title: var(--sem-type-leading-title);
    --comp-type-leading-step-indicator: var(--sem-type-leading-body);
    --comp-type-leading-tabs-pill-label: var(--sem-type-leading-body);
    --comp-type-leading-tabs-text-label: var(--sem-type-leading-body);
    --comp-type-leading-textarea-value: var(--base-type-leading-normal);
    --comp-type-leading-toast-body: var(--sem-type-leading-body);
    --comp-type-leading-toast-title: var(--sem-type-leading-title);
    --comp-type-leading-toggle-button: var(--base-type-leading-normal);
    --comp-type-leading-toggle-switch-label: var(--sem-type-leading-body);
    --comp-type-leading-tooltip: var(--sem-type-leading-body);
    --comp-type-size-accordion-label-desktop: var(--sem-type-size-body-md);
    --comp-type-size-accordion-label-mobile: var(--sem-type-size-body-sm);
    --comp-type-size-accordion-panel-text: var(--sem-type-size-body-md);
    --comp-type-size-accordion-title-contained-desktop: var(--sem-type-size-body-lg);
    --comp-type-size-accordion-title-contained-mobile: var(--sem-type-size-body-md);
    --comp-type-size-accordion-title-uncontained-desktop: var(--sem-type-size-body-lg);
    --comp-type-size-accordion-title-uncontained-mobile: var(--sem-type-size-body-md);
    --comp-type-size-alert-body: var(--sem-type-size-body-sm);
    --comp-type-size-alert-title: var(--sem-type-size-title-md-mobile);
    --comp-type-size-avatar-lg: var(--base-type-size-xxl);
    --comp-type-size-avatar-md: var(--base-type-size-md);
    --comp-type-size-avatar-sm: var(--base-type-size-xs);
    --comp-type-size-breadcrumb: var(--base-type-size-xs);
    --comp-type-size-button-lg: var(--base-type-size-lg);
    --comp-type-size-button-md: var(--base-type-size-md);
    --comp-type-size-button-sm: var(--base-type-size-sm);
    --comp-type-size-calendar-day: var(--sem-type-size-body-md);
    --comp-type-size-calendar-header: var(--sem-type-size-body-sm);
    --comp-type-size-calendar-title: var(--sem-type-size-body-lg);
    --comp-type-size-chat-message: var(--sem-type-size-body-sm);
    --comp-type-size-check-radio-label: var(--sem-type-size-body-md);
    --comp-type-size-chip-action: var(--sem-type-size-body-sm);
    --comp-type-size-chip-filter: var(--sem-type-size-body-sm);
    --comp-type-size-chip-toggle: var(--sem-type-size-body-sm);
    --comp-type-size-disclaimer: var(--sem-type-size-body-xs);
    --comp-type-size-icon-button-label: var(--sem-type-size-body-md);
    --comp-type-size-icon-button-xs-label: var(--sem-type-size-body-sm);
    --comp-type-size-input-helper: var(--sem-type-size-body-xs);
    --comp-type-size-input-inner-label: var(--sem-type-size-body-xs);
    --comp-type-size-input-label: var(--sem-type-size-body-sm);
    --comp-type-size-input-placeholder: var(--sem-type-size-body-md);
    --comp-type-size-input-value: var(--sem-type-size-body-md);
    --comp-type-size-label-tag: var(--sem-type-size-body-xs);
    --comp-type-size-link-md: var(--sem-type-size-body-md);
    --comp-type-size-link-sm: var(--sem-type-size-body-sm);
    --comp-type-size-link-xs: var(--sem-type-size-body-xs);
    --comp-type-size-link-xxs: var(--sem-type-size-body-xxs);
    --comp-type-size-listbox: var(--sem-type-size-body-md);
    --comp-type-size-message-input-placeholder: var(--sem-type-size-body-md);
    --comp-type-size-message-input-value: var(--sem-type-size-body-md);
    --comp-type-size-notification-badge: var(--base-type-size-xxs);
    --comp-type-size-pagination: var(--sem-type-size-body-md);
    --comp-type-size-progress-bar-label: var(--sem-type-size-body-sm);
    --comp-type-size-progress-bar-perc-text: var(--sem-type-size-body-sm);
    --comp-type-size-quick-tip-body: var(--sem-type-size-body-sm);
    --comp-type-size-quick-tip-title: var(--sem-type-size-body-xs);
    --comp-type-size-selectable-container-label: var(--sem-type-size-body-md);
    --comp-type-size-selectable-container-secondary-label: var(--sem-type-size-body-xs);
    --comp-type-size-sheet-header-title: var(--sem-type-size-title-xl-mobile);
    --comp-type-size-sheet-title-desktop: var(--sem-type-size-title-xxl-desktop);
    --comp-type-size-sheet-title-mobile: var(--sem-type-size-title-xxl-mobile);
    --comp-type-size-step-indicator-desktop: var(--sem-type-size-body-sm);
    --comp-type-size-step-indicator-mobile: var(--sem-type-size-body-xs);
    --comp-type-size-tabs-pill-label: var(--base-type-size-md);
    --comp-type-size-tabs-text-label: var(--base-type-size-md);
    --comp-type-size-toast-body: var(--sem-type-size-body-sm);
    --comp-type-size-toast-title: var(--sem-type-size-title-md-mobile);
    --comp-type-size-toggle-button: var(--sem-type-size-body-sm);
    --comp-type-size-toggle-switch-label: var(--sem-type-size-body-md);
    --comp-type-size-tooltip: var(--base-type-size-sm);
    --comp-type-tracking-accordion-label: var(--base-type-tracking-normal);
    --comp-type-tracking-accordion-panel-text: var(--base-type-tracking-normal);
    --comp-type-tracking-accordion-title: var(--base-type-tracking-normal);
    --comp-type-tracking-alert-body: var(--sem-type-tracking-body);
    --comp-type-tracking-alert-title: var(--sem-type-tracking-title);
    --comp-type-tracking-avatar: var(--base-type-tracking-normal);
    --comp-type-tracking-breadcrumb-2: var(--base-type-tracking-normal);
    --comp-type-tracking-breadcrumb: var(--base-type-tracking-normal);
    --comp-type-tracking-button: var(--base-type-tracking-normal);
    --comp-type-tracking-calendar-day: var(--sem-type-tracking-body);
    --comp-type-tracking-calendar-header: var(--sem-type-tracking-body);
    --comp-type-tracking-calendar-title: var(--sem-type-tracking-body);
    --comp-type-tracking-chat-message: var(--base-type-tracking-normal);
    --comp-type-tracking-check-radio-label-2: var(--sem-type-tracking-body);
    --comp-type-tracking-check-radio-label: var(--sem-type-tracking-body);
    --comp-type-tracking-chip-action: var(--base-type-tracking-normal);
    --comp-type-tracking-chip-filter: var(--base-type-tracking-normal);
    --comp-type-tracking-chip-toggle: var(--base-type-tracking-normal);
    --comp-type-tracking-disclaimer: var(--base-type-tracking-normal);
    --comp-type-tracking-icon-button: var(--base-type-tracking-normal);
    --comp-type-tracking-input-helper: var(--base-type-tracking-normal);
    --comp-type-tracking-input-inner-label: var(--base-type-tracking-normal);
    --comp-type-tracking-input-label: var(--base-type-tracking-normal);
    --comp-type-tracking-input-placeholder: var(--base-type-tracking-normal);
    --comp-type-tracking-input-value: var(--base-type-tracking-normal);
    --comp-type-tracking-label-tag: var(--sem-type-tracking-display);
    --comp-type-tracking-link: var(--base-type-tracking-normal);
    --comp-type-tracking-listbox: var(--sem-type-tracking-body);
    --comp-type-tracking-message-input-placeholder: var(--base-type-tracking-normal);
    --comp-type-tracking-message-input-value: var(--base-type-tracking-normal);
    --comp-type-tracking-notification-badge: var(--base-type-tracking-normal);
    --comp-type-tracking-pagination: var(--sem-type-tracking-body);
    --comp-type-tracking-progress-bar-label: var(--base-type-tracking-normal);
    --comp-type-tracking-progress-bar-perc-text: var(--base-type-tracking-normal);
    --comp-type-tracking-quick-tip-body: var(--sem-type-tracking-body);
    --comp-type-tracking-quick-tip-title: var(--sem-type-tracking-display);
    --comp-type-tracking-selectable-container-label: var(--sem-type-tracking-body);
    --comp-type-tracking-selectable-container-secondary-label: var(--sem-type-tracking-body);
    --comp-type-tracking-sheet-header-title: var(--sem-type-tracking-title);
    --comp-type-tracking-sheet-title: var(--sem-type-tracking-title);
    --comp-type-tracking-step-indicator: var(--base-type-tracking-normal);
    --comp-type-tracking-tabs-pill-label: var(--base-type-tracking-normal);
    --comp-type-tracking-tabs-text-label: var(--base-type-tracking-normal);
    --comp-type-tracking-toast-body: var(--sem-type-tracking-body);
    --comp-type-tracking-toast-title: var(--sem-type-tracking-title);
    --comp-type-tracking-toggle-button: var(--base-type-tracking-normal);
    --comp-type-tracking-toggle-switch-label: var(--sem-type-tracking-body);
    --comp-type-tracking-tooltip: var(--sem-type-tracking-body);
    --comp-type-transform-avatar: var(--base-type-transform-uppercase);
    --comp-type-transform-button: var(--base-type-transform-normal);
    --comp-type-transform-label-tag: var(--base-type-transform-normal);
    --comp-type-transform-quick-tip-title: var(--base-type-transform-uppercase);
    --comp-type-weight-accordion-label: var(--sem-type-weight-body);
    --comp-type-weight-accordion-panel-text: var(--sem-type-weight-body);
    --comp-type-weight-accordion-title: var(--base-type-weight-bold);
    --comp-type-weight-alert-body: var(--sem-type-weight-body);
    --comp-type-weight-alert-title: var(--sem-type-weight-title);
    --comp-type-weight-avatar: var(--sem-type-weight-title);
    --comp-type-weight-breadcrumb: var(--sem-type-weight-body);
    --comp-type-weight-button: var(--base-type-weight-bold);
    --comp-type-weight-calendar-day: var(--sem-type-weight-body);
    --comp-type-weight-calendar-header: var(--sem-type-weight-body);
    --comp-type-weight-calendar-title: var(--sem-type-weight-body);
    --comp-type-weight-chat-message: var(--sem-type-weight-body);
    --comp-type-weight-check-radio-label: var(--sem-type-weight-body);
    --comp-type-weight-chip-action: var(--sem-type-weight-body);
    --comp-type-weight-chip-filter: var(--sem-type-weight-body);
    --comp-type-weight-chip-toggle: var(--sem-type-weight-body);
    --comp-type-weight-disclaimer: var(--sem-type-weight-body);
    --comp-type-weight-icon-button-label: var(--sem-type-weight-body);
    --comp-type-weight-input-helper: var(--sem-type-weight-body);
    --comp-type-weight-input-inner-label: var(--sem-type-weight-body);
    --comp-type-weight-input-label: var(--sem-type-weight-body);
    --comp-type-weight-input-placeholder: var(--sem-type-weight-body);
    --comp-type-weight-input-value: var(--sem-type-weight-body);
    --comp-type-weight-label-tag: var(--sem-type-weight-body);
    --comp-type-weight-link-bold: var(--base-type-weight-bold);
    --comp-type-weight-link-regular: var(--sem-type-weight-body);
    --comp-type-weight-listbox: var(--sem-type-weight-body);
    --comp-type-weight-message-input-placeholder: var(--sem-type-weight-body);
    --comp-type-weight-message-input-value: var(--sem-type-weight-body);
    --comp-type-weight-notification-badge: var(--sem-type-weight-body);
    --comp-type-weight-pagination-selected: var(--sem-type-weight-title);
    --comp-type-weight-pagination: var(--sem-type-weight-body);
    --comp-type-weight-progress-bar-label: var(--sem-type-weight-body);
    --comp-type-weight-progress-bar-perc-text: var(--sem-type-weight-body);
    --comp-type-weight-quick-tip-body: var(--sem-type-weight-body);
    --comp-type-weight-quick-tip-title: var(--sem-type-weight-title);
    --comp-type-weight-selectable-container-label: var(--sem-type-weight-body);
    --comp-type-weight-selectable-container-secondary-label: var(--sem-type-weight-body);
    --comp-type-weight-sheet-header-title: var(--sem-type-weight-title);
    --comp-type-weight-sheet-title: var(--sem-type-weight-heading);
    --comp-type-weight-step-indicator-label: var(--sem-type-weight-body);
    --comp-type-weight-step-indicator-number-disabled: var(--sem-type-weight-body);
    --comp-type-weight-step-indicator-number: var(--sem-type-weight-heading);
    --comp-type-weight-tabs-pill-label-selected: var(--base-type-weight-bold);
    --comp-type-weight-tabs-pill-label: var(--sem-type-weight-body);
    --comp-type-weight-tabs-text-label-selected: var(--base-type-weight-bold);
    --comp-type-weight-tabs-text-label: var(--sem-type-weight-body);
    --comp-type-weight-toast-body: var(--sem-type-weight-body);
    --comp-type-weight-toast-title: var(--sem-type-weight-title);
    --comp-type-weight-toggle-button-label-selected: var(--sem-type-weight-title);
    --comp-type-weight-toggle-button-label: var(--sem-type-weight-body);
    --comp-type-weight-toggle-switch-label: var(--sem-type-weight-body);
    --comp-type-weight-tooltip: var(--sem-type-weight-body);
    --comp-color-background-accordion-contained-hover: var(--sem-color-overlay-bg-interactive-hover);
    --comp-color-background-accordion-contained-inverse-hover: var(--sem-color-overlay-bg-interactive-inverse-rest);
    --comp-color-background-accordion-contained-inverse-pressed: var(--sem-color-overlay-bg-interactive-inverse-hover);
    --comp-color-background-accordion-contained-inverse-rest: var(--base-color-transparent);
    --comp-color-background-accordion-contained-pressed: var(--sem-color-overlay-bg-interactive-pressed);
    --comp-color-background-accordion-contained-rest: var(--sem-color-background-neutral-primary);
    --comp-color-background-accordion-icon-contained-hover: var(--base-color-transparent);
    --comp-color-background-accordion-icon-contained-inverse-hover: var(--base-color-transparent);
    --comp-color-background-accordion-icon-contained-inverse-pressed: var(--base-color-transparent);
    --comp-color-background-accordion-icon-contained-inverse-rest: var(--base-color-transparent);
    --comp-color-background-accordion-icon-contained-pressed: var(--base-color-transparent);
    --comp-color-background-accordion-icon-contained-rest: var(--base-color-transparent);
    --comp-color-background-accordion-icon-uncontained-hover: var(--base-color-transparent);
    --comp-color-background-accordion-icon-uncontained-inverse-hover: var(--base-color-transparent);
    --comp-color-background-accordion-icon-uncontained-inverse-pressed: var(--base-color-transparent);
    --comp-color-background-accordion-icon-uncontained-inverse-rest: var(--base-color-transparent);
    --comp-color-background-accordion-icon-uncontained-pressed: var(--base-color-transparent);
    --comp-color-background-accordion-icon-uncontained-rest: var(--base-color-transparent);
    --comp-color-background-accordion-uncontained-hover: var(--sem-color-overlay-bg-interactive-hover);
    --comp-color-background-accordion-uncontained-inverse-hover: var(--sem-color-overlay-bg-interactive-inverse-rest);
    --comp-color-background-accordion-uncontained-inverse-pressed: var(--sem-color-overlay-bg-interactive-inverse-hover);
    --comp-color-background-accordion-uncontained-inverse-rest: var(--base-color-transparent);
    --comp-color-background-accordion-uncontained-pressed: var(--sem-color-overlay-bg-interactive-pressed);
    --comp-color-background-accordion-uncontained-rest: var(--base-color-transparent);
    --comp-color-background-alert-caution: var(--sem-color-background-neutral-primary);
    --comp-color-background-alert-error: var(--sem-color-background-neutral-primary);
    --comp-color-background-alert-icon-container-caution: var(--base-color-caution-700);
    --comp-color-background-alert-icon-container-error: var(--base-color-error-700);
    --comp-color-background-alert-icon-container-info: var(--base-color-info-700);
    --comp-color-background-alert-icon-container-inverse-caution: var(--base-color-caution-300);
    --comp-color-background-alert-icon-container-inverse-error: var(--base-color-error-300);
    --comp-color-background-alert-icon-container-inverse-info: var(--base-color-info-300);
    --comp-color-background-alert-icon-container-inverse-success: var(--base-color-success-300);
    --comp-color-background-alert-icon-container-success: var(--base-color-success-700);
    --comp-color-background-alert-info: var(--sem-color-background-neutral-primary);
    --comp-color-background-alert-inverse-caution: var(--sem-color-background-neutral-inverse-secondary);
    --comp-color-background-alert-inverse-error: var(--sem-color-background-neutral-inverse-secondary);
    --comp-color-background-alert-inverse-info: var(--sem-color-background-neutral-inverse-secondary);
    --comp-color-background-alert-inverse-success: var(--sem-color-background-neutral-inverse-secondary);
    --comp-color-background-alert-success: var(--sem-color-background-neutral-primary);
    --comp-color-background-avatar-initials-inverse: var(--sem-color-background-interactive-inverse-selected);
    --comp-color-background-avatar-initials: var(--sem-color-background-interactive-inverse-rest);
    --comp-color-background-button-primary-disabled: var(--base-color-primary-600);
    --comp-color-background-button-primary-hover: var(--base-color-primary-700);
    --comp-color-background-button-primary-inverse-disabled: var(--base-color-secondary-700);
    --comp-color-background-button-primary-inverse-hover: var(--base-color-secondary-800);
    --comp-color-background-button-primary-inverse-pressed: var(--base-color-secondary-900);
    --comp-color-background-button-primary-inverse-rest: var(--base-color-secondary-700);
    --comp-color-background-button-primary-pressed: var(--base-color-primary-800);
    --comp-color-background-button-primary-rest: var(--base-color-primary-600);
    --comp-color-background-button-secondary-disabled: var(--base-color-primary-200);
    --comp-color-background-button-secondary-hover: var(--base-color-primary-300);
    --comp-color-background-button-secondary-inverse-disabled: var(--base-color-white-alpha-20);
    --comp-color-background-button-secondary-inverse-hover: var(--base-color-white-alpha-10);
    --comp-color-background-button-secondary-inverse-pressed: var(--base-color-black-alpha-05);
    --comp-color-background-button-secondary-inverse-rest: var(--base-color-white-alpha-20);
    --comp-color-background-button-secondary-pressed: var(--base-color-primary-400);
    --comp-color-background-button-secondary-rest: var(--base-color-primary-200);
    --comp-color-background-button-tertiary-disabled: var(--base-color-transparent);
    --comp-color-background-button-tertiary-hover: var(--base-color-neutral-100);
    --comp-color-background-button-tertiary-inverse-disabled: var(--base-color-transparent);
    --comp-color-background-button-tertiary-inverse-hover: var(--base-color-black-alpha-10);
    --comp-color-background-button-tertiary-inverse-pressed: var(--base-color-black-alpha-20);
    --comp-color-background-button-tertiary-inverse-rest: var(--base-color-transparent);
    --comp-color-background-button-tertiary-pressed: var(--base-color-neutral-200);
    --comp-color-background-button-tertiary-rest: var(--base-color-white);
    --comp-color-background-calendar-button-hover: var(--sem-color-overlay-bg-interactive-hover);
    --comp-color-background-calendar-button-inverse-hover: var(--sem-color-overlay-bg-interactive-inverse-hover);
    --comp-color-background-calendar-button-inverse-pressed: var(--sem-color-overlay-bg-interactive-inverse-pressed);
    --comp-color-background-calendar-button-inverse-rest: var(--base-color-transparent);
    --comp-color-background-calendar-button-pressed: var(--sem-color-overlay-bg-interactive-pressed);
    --comp-color-background-calendar-button-rest: var(--base-color-transparent);
    --comp-color-background-calendar-current-day-hover: var(--sem-color-overlay-bg-interactive-hover);
    --comp-color-background-calendar-current-day-inverse-hover: var(--sem-color-overlay-bg-interactive-inverse-hover);
    --comp-color-background-calendar-current-day-inverse-pressed: var(--sem-color-overlay-bg-interactive-inverse-pressed);
    --comp-color-background-calendar-current-day-inverse-rest: var(--base-color-transparent);
    --comp-color-background-calendar-current-day-inverse-selected: var(--sem-color-background-interactive-inverse-selected);
    --comp-color-background-calendar-current-day-pressed: var(--sem-color-overlay-bg-interactive-pressed);
    --comp-color-background-calendar-current-day-rest: var(--base-color-transparent);
    --comp-color-background-calendar-current-day-selected: var(--sem-color-background-interactive-selected);
    --comp-color-background-calendar-day-hover: var(--sem-color-overlay-bg-interactive-hover);
    --comp-color-background-calendar-day-inverse-hover: var(--sem-color-overlay-bg-interactive-inverse-hover);
    --comp-color-background-calendar-day-inverse-pressed: var(--sem-color-overlay-bg-interactive-inverse-pressed);
    --comp-color-background-calendar-day-inverse-rest: var(--base-color-transparent);
    --comp-color-background-calendar-day-inverse-selected: var(--sem-color-background-interactive-inverse-selected);
    --comp-color-background-calendar-day-pressed: var(--sem-color-overlay-bg-interactive-pressed);
    --comp-color-background-calendar-day-rest: var(--base-color-transparent);
    --comp-color-background-calendar-day-selected: var(--sem-color-background-interactive-selected);
    --comp-color-background-card-brand-inverse: var(--sem-color-background-brand-inverse-secondary);
    --comp-color-background-card-brand-subtle-inverse: var(--base-color-primary-800);
    --comp-color-background-card-brand-subtle: var(--sem-color-background-brand-secondary);
    --comp-color-background-card-brand: var(--sem-color-background-brand-primary);
    --comp-color-background-card-standard-inverse: var(--base-color-transparent);
    --comp-color-background-card-standard: var(--sem-color-background-neutral-primary);
    --comp-color-background-card-subtle-inverse: var(--sem-color-background-neutral-inverse-secondary);
    --comp-color-background-card-subtle: var(--base-color-neutral-500-alpha-05);
    --comp-color-background-carousel-button-hover: var(--sem-color-overlay-bg-interactive-hover);
    --comp-color-background-carousel-button-image-hover: var(--base-color-black-alpha-70);
    --comp-color-background-carousel-button-image-pressed: var(--base-color-black-alpha-90);
    --comp-color-background-carousel-button-image-rest: var(--base-color-black-alpha-50);
    --comp-color-background-carousel-button-inverse-hover: var(--sem-color-overlay-bg-interactive-inverse-hover);
    --comp-color-background-carousel-button-inverse-pressed: var(--sem-color-overlay-bg-interactive-inverse-pressed);
    --comp-color-background-carousel-button-inverse-rest: var(--sem-color-background-neutral-inverse-primary);
    --comp-color-background-carousel-button-pressed: var(--sem-color-overlay-bg-interactive-pressed);
    --comp-color-background-carousel-button-rest: var(--sem-color-background-neutral-primary);
    --comp-color-background-carousel-indicator-container: var(--base-color-black-alpha-50);
    --comp-color-background-carousel-indicator-item-active-inverse: var(--sem-color-background-neutral-primary);
    --comp-color-background-carousel-indicator-item-active-over-image: var(--sem-color-background-neutral-primary);
    --comp-color-background-carousel-indicator-item-active: var(--sem-color-background-brand-inverse-primary);
    --comp-color-background-carousel-indicator-item-default-inverse: var(--base-color-white-alpha-60);
    --comp-color-background-carousel-indicator-item-default-over-image: var(--base-color-white-alpha-40);
    --comp-color-background-carousel-indicator-item-default: var(--base-color-black-alpha-20);
    --comp-color-background-chat-message-received-inverse: var(--sem-color-background-neutral-inverse-secondary);
    --comp-color-background-chat-message-received: var(--sem-color-background-brand-secondary);
    --comp-color-background-chat-message-sent-inverse: var(--sem-color-background-info-inverse-primary);
    --comp-color-background-chat-message-sent: var(--sem-color-background-accent-primary);
    --comp-color-background-check-radio-control-error: var(--sem-color-background-neutral-primary);
    --comp-color-background-check-radio-control-hover-ring: var(--base-color-transparent);
    --comp-color-background-check-radio-control-hover: var(--sem-color-overlay-bg-interactive-hover);
    --comp-color-background-check-radio-control-inverse-error: var(--sem-color-overlay-bg-interactive-inverse-rest);
    --comp-color-background-check-radio-control-inverse-hover-ring: var(--base-color-transparent);
    --comp-color-background-check-radio-control-inverse-hover: var(--sem-color-overlay-bg-interactive-inverse-hover);
    --comp-color-background-check-radio-control-inverse-rest: var(--sem-color-overlay-bg-interactive-inverse-rest);
    --comp-color-background-check-radio-control-inverse-selected: var(--sem-color-background-interactive-inverse-selected);
    --comp-color-background-check-radio-control-rest: var(--sem-color-background-neutral-primary);
    --comp-color-background-check-radio-control-selected: var(--sem-color-background-interactive-selected);
    --comp-color-background-chip-action-hover: var(--sem-color-overlay-bg-interactive-hover);
    --comp-color-background-chip-action-inverse-hover: var(--sem-color-overlay-bg-interactive-inverse-hover);
    --comp-color-background-chip-action-inverse-pressed: var(--sem-color-overlay-bg-interactive-inverse-pressed);
    --comp-color-background-chip-action-inverse-rest: var(--sem-color-overlay-bg-interactive-inverse-rest);
    --comp-color-background-chip-action-pressed: var(--sem-color-overlay-bg-interactive-pressed);
    --comp-color-background-chip-action-rest: var(--sem-color-background-neutral-primary);
    --comp-color-background-chip-filter-hover: var(--sem-color-overlay-bg-interactive-hover);
    --comp-color-background-chip-filter-inverse-hover: var(--sem-color-overlay-bg-interactive-inverse-hover);
    --comp-color-background-chip-filter-inverse-pressed: var(--sem-color-overlay-bg-interactive-inverse-pressed);
    --comp-color-background-chip-filter-inverse-rest: var(--sem-color-overlay-bg-interactive-inverse-rest);
    --comp-color-background-chip-filter-pressed: var(--sem-color-overlay-bg-interactive-pressed);
    --comp-color-background-chip-filter-rest: var(--sem-color-background-neutral-primary);
    --comp-color-background-chip-filter-selected-hover: var(--sem-color-background-interactive-hover);
    --comp-color-background-chip-filter-selected-inverse-hover: var(--sem-color-background-interactive-inverse-hover);
    --comp-color-background-chip-filter-selected-inverse-pressed: var(--sem-color-background-interactive-inverse-pressed);
    --comp-color-background-chip-filter-selected-inverse-rest: var(--sem-color-background-interactive-inverse-rest);
    --comp-color-background-chip-filter-selected-pressed: var(--sem-color-background-interactive-pressed);
    --comp-color-background-chip-filter-selected-rest: var(--sem-color-background-interactive-rest);
    --comp-color-background-chip-toggle-hover: var(--sem-color-overlay-bg-interactive-hover);
    --comp-color-background-chip-toggle-inverse-hover: var(--sem-color-overlay-bg-interactive-inverse-hover);
    --comp-color-background-chip-toggle-inverse-pressed: var(--sem-color-overlay-bg-interactive-inverse-pressed);
    --comp-color-background-chip-toggle-inverse-rest: var(--sem-color-overlay-bg-interactive-inverse-rest);
    --comp-color-background-chip-toggle-pressed: var(--sem-color-overlay-bg-interactive-pressed);
    --comp-color-background-chip-toggle-rest: var(--sem-color-background-neutral-primary);
    --comp-color-background-chip-toggle-selected-hover: var(--sem-color-overlay-bg-interactive-hover);
    --comp-color-background-chip-toggle-selected-inverse-hover: var(--sem-color-overlay-bg-interactive-inverse-hover);
    --comp-color-background-chip-toggle-selected-inverse-pressed: var(--sem-color-overlay-bg-interactive-inverse-pressed);
    --comp-color-background-chip-toggle-selected-inverse-rest: var(--sem-color-overlay-bg-interactive-inverse-rest);
    --comp-color-background-chip-toggle-selected-pressed: var(--sem-color-overlay-bg-interactive-pressed);
    --comp-color-background-chip-toggle-selected-rest: var(--sem-color-background-neutral-secondary);
    --comp-color-background-color-swatch-beige-dark: #d0d096;
    --comp-color-background-color-swatch-beige-light: beige;
    --comp-color-background-color-swatch-black-dark: #000;
    --comp-color-background-color-swatch-black-light: #000;
    --comp-color-background-color-swatch-blue-dark: #000063;
    --comp-color-background-color-swatch-blue-light: #00f;
    --comp-color-background-color-swatch-brown-dark: #5a352a;
    --comp-color-background-color-swatch-brown-light: #9b6a5b;
    --comp-color-background-color-swatch-burgundy-dark: #2d0912;
    --comp-color-background-color-swatch-burgundy-light: #800020;
    --comp-color-background-color-swatch-charcoal-dark: #000;
    --comp-color-background-color-swatch-charcoal-light: #494949;
    --comp-color-background-color-swatch-gold-dark: #d2b103;
    --comp-color-background-color-swatch-gold-light: gold;
    --comp-color-background-color-swatch-gray-dark: #3c3c3c;
    --comp-color-background-color-swatch-gray-light: gray;
    --comp-color-background-color-swatch-green-dark: #003d00;
    --comp-color-background-color-swatch-green-light: green;
    --comp-color-background-color-swatch-na: #fff;
    --comp-color-background-color-swatch-offwhite-dark: #d2d2d2;
    --comp-color-background-color-swatch-offwhite-light: #f9f9f9;
    --comp-color-background-color-swatch-orange-dark: #bc7a00;
    --comp-color-background-color-swatch-orange-light: orange;
    --comp-color-background-color-swatch-pink-dark: #de8292;
    --comp-color-background-color-swatch-pink-light: pink;
    --comp-color-background-color-swatch-purple-dark: #360036;
    --comp-color-background-color-swatch-purple-light: purple;
    --comp-color-background-color-swatch-red-dark: #c20101;
    --comp-color-background-color-swatch-red-light: red;
    --comp-color-background-color-swatch-silver-dark: #848484;
    --comp-color-background-color-swatch-silver-light: silver;
    --comp-color-background-color-swatch-tan-dark: #a6875c;
    --comp-color-background-color-swatch-tan-light: tan;
    --comp-color-background-color-swatch-turquoise-dark: #24afa1;
    --comp-color-background-color-swatch-turquoise-light: #40e0d0;
    --comp-color-background-color-swatch-white-dark: #e5e5e5;
    --comp-color-background-color-swatch-white-light: #fff;
    --comp-color-background-color-swatch-yellow-dark: #e2e200;
    --comp-color-background-color-swatch-yellow-light: #ff0;
    --comp-color-background-control-button-icon-hover: var(--base-color-transparent);
    --comp-color-background-control-button-icon-inverse-hover: var(--base-color-transparent);
    --comp-color-background-control-button-icon-inverse-pressed: var(--base-color-transparent);
    --comp-color-background-control-button-icon-inverse-rest: var(--base-color-transparent);
    --comp-color-background-control-button-icon-pressed: var(--base-color-transparent);
    --comp-color-background-control-button-icon-rest: var(--base-color-transparent);
    --comp-color-background-deal-indicator-good-price-tag-inverse: var(--comp-color-background-label-tag-positive-inverse);
    --comp-color-background-deal-indicator-good-price-tag: var(--comp-color-background-label-tag-positive);
    --comp-color-background-deal-indicator-great-price-tag-inverse: var(--base-color-success-700);
    --comp-color-background-deal-indicator-great-price-tag: var(--base-color-success-700);
    --comp-color-background-expander-fade-inverse: var(--sem-color-background-neutral-inverse-primary);
    --comp-color-background-expander-fade: var(--sem-color-background-neutral-primary);
    --comp-color-background-fixed-button-hover: var(--sem-color-overlay-bg-interactive-hover);
    --comp-color-background-fixed-button-inverse-hover: var(--sem-color-overlay-bg-interactive-inverse-hover);
    --comp-color-background-fixed-button-inverse-pressed: var(--sem-color-overlay-bg-interactive-inverse-pressed);
    --comp-color-background-fixed-button-inverse-rest: var(--sem-color-background-neutral-inverse-secondary);
    --comp-color-background-fixed-button-pressed: var(--sem-color-overlay-bg-interactive-pressed);
    --comp-color-background-fixed-button-rest: var(--sem-color-background-neutral-primary);
    --comp-color-background-icon-button-hover: var(--sem-color-overlay-bg-interactive-hover);
    --comp-color-background-icon-button-inverse-hover: var(--sem-color-overlay-bg-interactive-inverse-hover);
    --comp-color-background-icon-button-inverse-pressed: var(--sem-color-overlay-bg-interactive-inverse-pressed);
    --comp-color-background-icon-button-inverse-rest: var(--base-color-transparent);
    --comp-color-background-icon-button-pressed: var(--sem-color-overlay-bg-interactive-pressed);
    --comp-color-background-icon-button-rest: var(--base-color-transparent);
    --comp-color-background-input-active: var(--sem-color-background-neutral-primary);
    --comp-color-background-input-error: var(--sem-color-background-error-primary);
    --comp-color-background-input-hover: var(--sem-color-background-neutral-primary);
    --comp-color-background-input-input-inverse-error: var(--sem-color-overlay-bg-interactive-inverse-rest);
    --comp-color-background-input-inverse-active: var(--sem-color-overlay-bg-interactive-inverse-rest);
    --comp-color-background-input-inverse-hover: var(--sem-color-overlay-bg-interactive-inverse-rest);
    --comp-color-background-input-inverse-rest: var(--sem-color-overlay-bg-interactive-inverse-rest);
    --comp-color-background-input-rest: var(--sem-color-background-neutral-primary);
    --comp-color-background-label-tag-accent-inverse: var(--base-color-secondary-900);
    --comp-color-background-label-tag-accent: var(--base-color-secondary-100);
    --comp-color-background-label-tag-brand-inverse: var(--base-color-primary-900);
    --comp-color-background-label-tag-brand: var(--base-color-primary-100);
    --comp-color-background-label-tag-negative-inverse: var(--base-color-error-900);
    --comp-color-background-label-tag-negative: var(--base-color-error-25);
    --comp-color-background-label-tag-neutral-inverse: var(--base-color-black-alpha-80);
    --comp-color-background-label-tag-neutral: var(--base-color-black-alpha-05);
    --comp-color-background-label-tag-positive-inverse: var(--base-color-success-900);
    --comp-color-background-label-tag-positive: var(--base-color-success-100);
    --comp-color-background-listbox-item-hover: var(--sem-color-overlay-bg-interactive-hover);
    --comp-color-background-listbox-item-inverse-hover: var(--sem-color-overlay-bg-interactive-inverse-hover);
    --comp-color-background-listbox-item-inverse-pressed: var(--sem-color-overlay-bg-interactive-inverse-pressed);
    --comp-color-background-listbox-item-inverse-selected-hover: var(--sem-color-overlay-bg-interactive-inverse-hover);
    --comp-color-background-listbox-item-inverse-selected-pressed: var(--sem-color-overlay-bg-interactive-inverse-pressed);
    --comp-color-background-listbox-item-pressed: var(--sem-color-overlay-bg-interactive-pressed);
    --comp-color-background-listbox-item-selected-hover: var(--sem-color-overlay-bg-interactive-hover);
    --comp-color-background-listbox-item-selected-pressed: var(--sem-color-overlay-bg-interactive-pressed);
    --comp-color-background-message-input-active: var(--base-color-neutral-500-alpha-05);
    --comp-color-background-message-input-button-disabled: var(--base-color-transparent);
    --comp-color-background-message-input-button-hover: var(--base-color-transparent);
    --comp-color-background-message-input-button-inverse-disabled: var(--base-color-transparent);
    --comp-color-background-message-input-button-inverse-hover: var(--base-color-transparent);
    --comp-color-background-message-input-button-inverse-pressed: var(--base-color-transparent);
    --comp-color-background-message-input-button-inverse-rest: var(--base-color-transparent);
    --comp-color-background-message-input-button-pressed: var(--base-color-transparent);
    --comp-color-background-message-input-button-rest: var(--base-color-transparent);
    --comp-color-background-message-input-hover: var(--base-color-neutral-500-alpha-10);
    --comp-color-background-message-input-inverse-active: var(--sem-color-background-neutral-inverse-secondary);
    --comp-color-background-message-input-inverse-hover: var(--sem-color-background-neutral-inverse-tertiary);
    --comp-color-background-message-input-inverse-rest: var(--sem-color-background-neutral-inverse-secondary);
    --comp-color-background-message-input-rest: var(--base-color-neutral-500-alpha-05);
    --comp-color-background-meter-bar-default: var(--base-color-transparent);
    --comp-color-background-meter-bar-inverse: var(--base-color-transparent);
    --comp-color-background-notification-badge-default: var(--sem-color-content-error-primary);
    --comp-color-background-notification-badge-inverse: var(--sem-color-content-error-inverse-primary);
    --comp-color-background-pagination-button-hover: var(--sem-color-overlay-bg-interactive-hover);
    --comp-color-background-pagination-button-inverse-hover: var(--sem-color-overlay-bg-interactive-inverse-hover);
    --comp-color-background-pagination-button-inverse-pressed: var(--sem-color-overlay-bg-interactive-inverse-pressed);
    --comp-color-background-pagination-button-inverse-rest: var(--sem-color-background-neutral-inverse-primary);
    --comp-color-background-pagination-button-pressed: var(--sem-color-overlay-bg-interactive-pressed);
    --comp-color-background-pagination-button-rest: var(--sem-color-background-neutral-primary);
    --comp-color-background-pagination-item-hover: var(--sem-color-overlay-bg-interactive-hover);
    --comp-color-background-pagination-item-inverse-hover: var(--sem-color-overlay-bg-interactive-inverse-hover);
    --comp-color-background-pagination-item-inverse-pressed: var(--sem-color-overlay-bg-interactive-inverse-pressed);
    --comp-color-background-pagination-item-inverse-rest: var(--base-color-transparent);
    --comp-color-background-pagination-item-inverse-selected: var(--sem-color-background-interactive-inverse-selected);
    --comp-color-background-pagination-item-pressed: var(--sem-color-overlay-bg-interactive-pressed);
    --comp-color-background-pagination-item-rest: var(--base-color-transparent);
    --comp-color-background-pagination-item-selected: var(--sem-color-background-interactive-selected);
    --comp-color-background-popover-default: var(--sem-color-background-neutral-primary);
    --comp-color-background-popover-inverse: var(--sem-color-background-neutral-inverse-primary);
    --comp-color-background-progress-bar-default: var(--base-color-black-alpha-20);
    --comp-color-background-progress-bar-inverse: var(--base-color-white-alpha-20);
    --comp-color-background-selectable-container-default-disabled: var(--sem-color-background-neutral-primary);
    --comp-color-background-selectable-container-default-hover: var(--sem-color-background-neutral-primary);
    --comp-color-background-selectable-container-default-pressed: var(--sem-color-background-neutral-primary);
    --comp-color-background-selectable-container-default-rest: var(--sem-color-background-neutral-primary);
    --comp-color-background-selectable-container-default-selected: var(--sem-color-background-neutral-secondary);
    --comp-color-background-selectable-container-inverse-disabled: var(--sem-color-background-neutral-inverse-secondary);
    --comp-color-background-selectable-container-inverse-hover: var(--sem-color-background-neutral-inverse-secondary);
    --comp-color-background-selectable-container-inverse-pressed: var(--sem-color-background-neutral-inverse-secondary);
    --comp-color-background-selectable-container-inverse-rest: var(--sem-color-background-neutral-inverse-secondary);
    --comp-color-background-selectable-container-inverse-selected: var(--sem-color-background-neutral-inverse-secondary);
    --comp-color-background-sheet-header-icon-hover: var(--base-color-transparent);
    --comp-color-background-sheet-header-icon-pressed: var(--base-color-transparent);
    --comp-color-background-sheet-header-icon-rest: var(--base-color-transparent);
    --comp-color-background-sheet-scrim-default: var(--sem-color-overlay-bg-dark);
    --comp-color-background-sheet-sheet-default: var(--sem-color-background-neutral-primary);
    --comp-color-background-slider-handle-hover: var(--sem-color-overlay-bg-interactive-hover);
    --comp-color-background-slider-handle-inverse-hover: var(--sem-color-overlay-bg-interactive-inverse-hover);
    --comp-color-background-slider-handle-inverse-pressed: var(--sem-color-overlay-bg-interactive-inverse-pressed);
    --comp-color-background-slider-handle-inverse-rest: var(--sem-color-background-neutral-inverse-primary);
    --comp-color-background-slider-handle-pressed: var(--sem-color-overlay-bg-interactive-pressed);
    --comp-color-background-slider-handle-rest: var(--sem-color-background-neutral-primary);
    --comp-color-background-slider-track-inverse: var(--sem-color-background-neutral-inverse-tertiary);
    --comp-color-background-slider-track: var(--base-color-neutral-200);
    --comp-color-background-spinner-dark: var(--base-color-black-alpha-10);
    --comp-color-background-spinner-light: var(--base-color-white-alpha-10);
    --comp-color-background-step-indicator-active: var(--sem-color-background-neutral-secondary);
    --comp-color-background-step-indicator-complete: var(--base-color-transparent);
    --comp-color-background-step-indicator-disabled: var(--base-color-transparent);
    --comp-color-background-step-indicator-inverse-active: var(--sem-color-overlay-bg-interactive-inverse-rest);
    --comp-color-background-step-indicator-inverse-complete: var(--base-color-transparent);
    --comp-color-background-step-indicator-inverse-disabled: var(--base-color-transparent);
    --comp-color-background-step-indicator-inverse-visited: var(--sem-color-overlay-bg-interactive-inverse-rest);
    --comp-color-background-step-indicator-visited: var(--sem-color-background-neutral-secondary);
    --comp-color-background-sticky-bar-default: var(--sem-color-background-neutral-primary);
    --comp-color-background-tabs-pill-container-inverse: var(--sem-color-overlay-bg-interactive-inverse-rest);
    --comp-color-background-tabs-pill-container: var(--sem-color-background-neutral-primary);
    --comp-color-background-tabs-pill-tab-hover: var(--sem-color-overlay-bg-interactive-hover);
    --comp-color-background-tabs-pill-tab-inverse-hover: var(--sem-color-overlay-bg-interactive-inverse-hover);
    --comp-color-background-tabs-pill-tab-inverse-pressed: var(--sem-color-overlay-bg-interactive-inverse-pressed);
    --comp-color-background-tabs-pill-tab-inverse-rest: var(--base-color-transparent);
    --comp-color-background-tabs-pill-tab-inverse-selected: var(--base-color-transparent);
    --comp-color-background-tabs-pill-tab-pressed: var(--sem-color-overlay-bg-interactive-pressed);
    --comp-color-background-tabs-pill-tab-rest: var(--sem-color-overlay-bg-interactive-rest);
    --comp-color-background-tabs-pill-tab-selected: var(--sem-color-background-neutral-secondary);
    --comp-color-background-toast-default: var(--sem-color-background-neutral-inverse-primary);
    --comp-color-background-toggle-button-default-hover: var(--sem-color-overlay-bg-interactive-hover);
    --comp-color-background-toggle-button-default-pressed: var(--sem-color-overlay-bg-interactive-pressed);
    --comp-color-background-toggle-button-default-rest: var(--base-color-neutral-500-alpha-05);
    --comp-color-background-toggle-button-default-selected: var(--sem-color-background-neutral-secondary);
    --comp-color-background-toggle-button-inverse-hover: var(--sem-color-overlay-bg-interactive-inverse-hover);
    --comp-color-background-toggle-button-inverse-pressed: var(--sem-color-overlay-bg-interactive-inverse-pressed);
    --comp-color-background-toggle-button-inverse-rest: var(--sem-color-overlay-bg-interactive-inverse-rest);
    --comp-color-background-toggle-button-inverse-selected: var(--sem-color-overlay-bg-interactive-inverse-rest);
    --comp-color-background-toggle-switch-handle-disabled: var(--base-color-neutral-500-alpha-80);
    --comp-color-background-toggle-switch-handle-hover: var(--base-color-neutral-500-alpha-80);
    --comp-color-background-toggle-switch-handle-inverse-disabled: var(--sem-color-background-neutral-secondary);
    --comp-color-background-toggle-switch-handle-inverse-hover: var(--sem-color-background-neutral-secondary);
    --comp-color-background-toggle-switch-handle-inverse-pressed: var(--sem-color-background-neutral-secondary);
    --comp-color-background-toggle-switch-handle-inverse-rest: var(--sem-color-background-neutral-secondary);
    --comp-color-background-toggle-switch-handle-pressed: var(--base-color-neutral-500-alpha-80);
    --comp-color-background-toggle-switch-handle-rest: var(--base-color-neutral-500-alpha-80);
    --comp-color-background-toggle-switch-handle-selected-disabled: var(--sem-color-background-neutral-primary);
    --comp-color-background-toggle-switch-handle-selected-hover: var(--sem-color-background-neutral-primary);
    --comp-color-background-toggle-switch-handle-selected-inverse-disabled: var(--sem-color-background-brand-inverse-primary);
    --comp-color-background-toggle-switch-handle-selected-inverse-hover: var(--sem-color-background-brand-inverse-primary);
    --comp-color-background-toggle-switch-handle-selected-inverse-pressed: var(--sem-color-background-brand-inverse-primary);
    --comp-color-background-toggle-switch-handle-selected-inverse-rest: var(--sem-color-background-brand-inverse-primary);
    --comp-color-background-toggle-switch-handle-selected-pressed: var(--sem-color-background-neutral-primary);
    --comp-color-background-toggle-switch-handle-selected-rest: var(--sem-color-background-neutral-primary);
    --comp-color-background-toggle-switch-track-disabled: var(--sem-color-background-neutral-primary);
    --comp-color-background-toggle-switch-track-hover: var(--base-color-neutral-500-alpha-05);
    --comp-color-background-toggle-switch-track-inverse-disabled: var(--base-color-neutral-500-alpha-30);
    --comp-color-background-toggle-switch-track-inverse-hover: var(--base-color-neutral-500-alpha-40);
    --comp-color-background-toggle-switch-track-inverse-pressed: var(--base-color-neutral-500-alpha-50);
    --comp-color-background-toggle-switch-track-inverse-rest: var(--base-color-neutral-500-alpha-30);
    --comp-color-background-toggle-switch-track-pressed: var(--base-color-neutral-500-alpha-10);
    --comp-color-background-toggle-switch-track-rest: var(--sem-color-background-neutral-primary);
    --comp-color-background-toggle-switch-track-selected-disabled: var(--sem-color-background-interactive-selected);
    --comp-color-background-toggle-switch-track-selected-hover: var(--base-color-primary-900);
    --comp-color-background-toggle-switch-track-selected-inverse-disabled: var(--sem-color-background-interactive-inverse-selected);
    --comp-color-background-toggle-switch-track-selected-inverse-hover: var(--base-color-neutral-500-alpha-40);
    --comp-color-background-toggle-switch-track-selected-inverse-pressed: var(--base-color-neutral-500-alpha-50);
    --comp-color-background-toggle-switch-track-selected-inverse-rest: var(--sem-color-background-interactive-inverse-selected);
    --comp-color-background-toggle-switch-track-selected-pressed: var(--base-color-primary-950);
    --comp-color-background-toggle-switch-track-selected-rest: var(--sem-color-background-brand-inverse-primary);
    --comp-color-background-tooltip-default: var(--sem-color-background-neutral-primary);
    --comp-color-background-tooltip-inverse: var(--base-color-neutral-900);
    --comp-color-background-video-trigger-button-hover: var(--base-color-black-alpha-90);
    --comp-color-background-video-trigger-button-pressed: var(--base-color-black);
    --comp-color-background-video-trigger-button-rest: var(--base-color-black-alpha-70);
    --comp-color-border-accordion-contained-inverse: var(--sem-color-border-neutral-inverse-tertairy);
    --comp-color-border-accordion-contained: var(--sem-color-border-neutral-tertiary);
    --comp-color-border-accordion-icon-container-inverse: var(--base-color-transparent);
    --comp-color-border-accordion-icon-container: var(--base-color-transparent);
    --comp-color-border-accordion-uncontained-inverse: var(--sem-color-border-neutral-inverse-tertairy);
    --comp-color-border-alert-default-caution: var(--sem-color-border-caution-primary);
    --comp-color-border-alert-default-error: var(--sem-color-border-error-primary);
    --comp-color-border-alert-default-info: var(--sem-color-border-info-primary);
    --comp-color-border-alert-default-success: var(--sem-color-border-success-primary);
    --comp-color-border-alert-inverse-caution: var(--sem-color-border-caution-inverse-primary);
    --comp-color-border-alert-inverse-error: var(--sem-color-border-error-inverse-primary);
    --comp-color-border-alert-inverse-info: var(--sem-color-border-info-inverse-primary);
    --comp-color-border-alert-inverse-success: var(--sem-color-border-success-inverse-primary);
    --comp-color-border-avatar-image-inverse: var(--base-color-white);
    --comp-color-border-avatar-image: var(--sem-color-border-neutral-inverse-primary);
    --comp-color-border-avatar-initials-inverse: var(--sem-color-border-neutral-inverse-primary);
    --comp-color-border-avatar-initials: var(--sem-color-border-neutral-primary);
    --comp-color-border-button-primary-disabled: var(--base-color-primary-600);
    --comp-color-border-button-primary-hover: var(--base-color-primary-700);
    --comp-color-border-button-primary-inverse-disabled: var(--base-color-secondary-700);
    --comp-color-border-button-primary-inverse-hover: var(--base-color-secondary-800);
    --comp-color-border-button-primary-inverse-pressed: var(--base-color-secondary-900);
    --comp-color-border-button-primary-inverse-rest: var(--base-color-secondary-700);
    --comp-color-border-button-primary-pressed: var(--base-color-primary-800);
    --comp-color-border-button-primary-rest: var(--base-color-primary-600);
    --comp-color-border-button-secondary-disabled: var(--base-color-primary-300);
    --comp-color-border-button-secondary-hover: var(--base-color-primary-300);
    --comp-color-border-button-secondary-inverse-disabled: var(--base-color-white-alpha-30);
    --comp-color-border-button-secondary-inverse-hover: var(--base-color-white-alpha-30);
    --comp-color-border-button-secondary-inverse-pressed: var(--base-color-white-alpha-30);
    --comp-color-border-button-secondary-inverse-rest: var(--base-color-white-alpha-30);
    --comp-color-border-button-secondary-pressed: var(--base-color-primary-300);
    --comp-color-border-button-secondary-rest: var(--base-color-primary-300);
    --comp-color-border-button-tertiary-disabled: var(--base-color-primary-300);
    --comp-color-border-button-tertiary-hover: var(--base-color-primary-300);
    --comp-color-border-button-tertiary-inverse-disabled: var(--base-color-white-alpha-30);
    --comp-color-border-button-tertiary-inverse-hover: var(--base-color-white-alpha-30);
    --comp-color-border-button-tertiary-inverse-pressed: var(--base-color-white-alpha-30);
    --comp-color-border-button-tertiary-inverse-rest: var(--base-color-white-alpha-30);
    --comp-color-border-button-tertiary-pressed: var(--base-color-primary-300);
    --comp-color-border-button-tertiary-rest: var(--base-color-primary-300);
    --comp-color-border-calendar-current-day-inverse: var(--sem-color-border-neutral-inverse-primary);
    --comp-color-border-calendar-current-day: var(--sem-color-border-neutral-primary);
    --comp-color-border-card-brand-inverse: var(--comp-color-background-card-brand-inverse);
    --comp-color-border-card-brand-subtle-inverse: var(--comp-color-background-card-brand-subtle-inverse);
    --comp-color-border-card-brand-subtle: var(--comp-color-background-card-brand-subtle);
    --comp-color-border-card-brand: var(--comp-color-background-card-brand);
    --comp-color-border-card-standard-inverse: var(--sem-color-border-neutral-inverse-tertairy);
    --comp-color-border-card-standard: var(--sem-color-border-neutral-tertiary);
    --comp-color-border-card-subtle-inverse: var(--base-color-transparent);
    --comp-color-border-card-subtle: var(--base-color-transparent);
    --comp-color-border-carousel-button-hover: var(--sem-color-border-neutral-tertiary);
    --comp-color-border-carousel-button-image-hover: var(--base-color-white-alpha-90);
    --comp-color-border-carousel-button-image-pressed: var(--base-color-white);
    --comp-color-border-carousel-button-image-rest: var(--base-color-white-alpha-70);
    --comp-color-border-carousel-button-inverse-hover: var(--sem-color-border-neutral-inverse-tertairy);
    --comp-color-border-carousel-button-inverse-pressed: var(--sem-color-border-neutral-inverse-tertairy);
    --comp-color-border-carousel-button-inverse-rest: var(--sem-color-border-neutral-inverse-tertairy);
    --comp-color-border-carousel-button-pressed: var(--sem-color-border-neutral-tertiary);
    --comp-color-border-carousel-button-rest: var(--sem-color-border-neutral-tertiary);
    --comp-color-border-check-radio-control-error: var(--sem-color-border-error-primary);
    --comp-color-border-check-radio-control-hover: var(--sem-color-border-interactive-selected);
    --comp-color-border-check-radio-control-inverse-error: var(--sem-color-border-error-inverse-primary);
    --comp-color-border-check-radio-control-inverse-hover: var(--sem-color-border-interactive-inverse-selected);
    --comp-color-border-check-radio-control-inverse-rest: var(--sem-color-border-neutral-inverse-tertairy);
    --comp-color-border-check-radio-control-inverse-selected: var(--sem-color-border-interactive-inverse-selected);
    --comp-color-border-check-radio-control-rest: var(--sem-color-border-neutral-secondary);
    --comp-color-border-check-radio-control-selected: var(--sem-color-border-interactive-selected);
    --comp-color-border-chip-action-hover: var(--sem-color-border-neutral-tertiary);
    --comp-color-border-chip-action-inverse-hover: var(--sem-color-border-neutral-inverse-tertairy);
    --comp-color-border-chip-action-inverse-pressed: var(--sem-color-border-neutral-inverse-tertairy);
    --comp-color-border-chip-action-inverse-rest: var(--sem-color-border-neutral-inverse-tertairy);
    --comp-color-border-chip-action-pressed: var(--sem-color-border-neutral-tertiary);
    --comp-color-border-chip-action-rest: var(--sem-color-border-neutral-tertiary);
    --comp-color-border-chip-filter-hover: var(--sem-color-border-neutral-tertiary);
    --comp-color-border-chip-filter-inverse-hover: var(--sem-color-border-neutral-inverse-tertairy);
    --comp-color-border-chip-filter-inverse-pressed: var(--sem-color-border-neutral-inverse-tertairy);
    --comp-color-border-chip-filter-inverse-rest: var(--sem-color-border-neutral-inverse-tertairy);
    --comp-color-border-chip-filter-pressed: var(--sem-color-border-neutral-tertiary);
    --comp-color-border-chip-filter-rest: var(--sem-color-border-neutral-tertiary);
    --comp-color-border-chip-filter-selected-hover: var(--base-color-transparent);
    --comp-color-border-chip-filter-selected-inverse-hover: var(--base-color-transparent);
    --comp-color-border-chip-filter-selected-inverse-pressed: var(--base-color-transparent);
    --comp-color-border-chip-filter-selected-inverse-rest: var(--base-color-transparent);
    --comp-color-border-chip-filter-selected-pressed: var(--base-color-transparent);
    --comp-color-border-chip-filter-selected-rest: var(--base-color-transparent);
    --comp-color-border-chip-toggle-hover: var(--sem-color-border-neutral-tertiary);
    --comp-color-border-chip-toggle-inverse-hover: var(--sem-color-border-neutral-inverse-tertairy);
    --comp-color-border-chip-toggle-inverse-pressed: var(--sem-color-border-neutral-inverse-tertairy);
    --comp-color-border-chip-toggle-inverse-rest: var(--sem-color-border-neutral-inverse-tertairy);
    --comp-color-border-chip-toggle-pressed: var(--sem-color-border-neutral-tertiary);
    --comp-color-border-chip-toggle-rest: var(--sem-color-border-neutral-tertiary);
    --comp-color-border-chip-toggle-selected-hover: var(--sem-color-border-interactive-selected);
    --comp-color-border-chip-toggle-selected-inverse-hover: var(--sem-color-border-interactive-inverse-selected);
    --comp-color-border-chip-toggle-selected-inverse-pressed: var(--sem-color-border-interactive-inverse-selected);
    --comp-color-border-chip-toggle-selected-inverse-rest: var(--sem-color-border-interactive-inverse-selected);
    --comp-color-border-chip-toggle-selected-pressed: var(--sem-color-border-interactive-selected);
    --comp-color-border-chip-toggle-selected-rest: var(--sem-color-border-interactive-selected);
    --comp-color-border-color-swatch-default: var(--base-color-black-alpha-20);
    --comp-color-border-divider-default: var(--base-color-black-alpha-10);
    --comp-color-border-divider-inverse: var(--base-color-white-alpha-20);
    --comp-color-border-input-active: var(--sem-color-border-interactive-selected);
    --comp-color-border-input-error: var(--sem-color-border-error-primary);
    --comp-color-border-input-hover: var(--sem-color-border-neutral-secondary);
    --comp-color-border-input-inverse-active: var(--sem-color-border-interactive-inverse-selected);
    --comp-color-border-input-inverse-error: var(--sem-color-border-error-inverse-primary);
    --comp-color-border-input-inverse-hover: var(--sem-color-border-neutral-inverse-secondary);
    --comp-color-border-input-inverse-rest: var(--sem-color-border-neutral-inverse-tertairy);
    --comp-color-border-input-rest: var(--sem-color-border-neutral-tertiary);
    --comp-color-border-message-input-active: var(--base-color-black-alpha-10);
    --comp-color-border-message-input-hover: var(--base-color-transparent);
    --comp-color-border-message-input-inverse-active: var(--base-color-white-alpha-20);
    --comp-color-border-message-input-inverse-hover: var(--base-color-transparent);
    --comp-color-border-message-input-inverse-rest: var(--base-color-transparent);
    --comp-color-border-message-input-rest: var(--base-color-transparent);
    --comp-color-border-pagination-button-inverse: var(--sem-color-border-neutral-inverse-tertairy);
    --comp-color-border-pagination-button: var(--sem-color-border-neutral-tertiary);
    --comp-color-border-selectable-container-default-disabled: var(--sem-color-border-neutral-tertiary);
    --comp-color-border-selectable-container-default-hover: var(--sem-color-border-interactive-selected);
    --comp-color-border-selectable-container-default-pressed: var(--sem-color-border-interactive-selected);
    --comp-color-border-selectable-container-default-rest: var(--sem-color-border-neutral-tertiary);
    --comp-color-border-selectable-container-default-selected: var(--sem-color-border-interactive-selected);
    --comp-color-border-selectable-container-inverse-disabled: var(--sem-color-border-neutral-inverse-tertairy);
    --comp-color-border-selectable-container-inverse-hover: var(--sem-color-border-interactive-inverse-selected);
    --comp-color-border-selectable-container-inverse-pressed: var(--sem-color-border-interactive-inverse-selected);
    --comp-color-border-selectable-container-inverse-rest: var(--sem-color-border-neutral-inverse-tertairy);
    --comp-color-border-selectable-container-inverse-selected: var(--sem-color-border-interactive-inverse-selected);
    --comp-color-border-sheet-default: var(--sem-color-border-neutral-tertiary);
    --comp-color-border-slider-handle-hover: var(--sem-color-border-interactive-selected);
    --comp-color-border-slider-handle-inverse-hover: var(--sem-color-background-interactive-inverse-selected);
    --comp-color-border-slider-handle-inverse-pressed: var(--sem-color-background-interactive-inverse-selected);
    --comp-color-border-slider-handle-inverse-rest: var(--sem-color-border-interactive-inverse-selected);
    --comp-color-border-slider-handle-pressed: var(--sem-color-border-interactive-selected);
    --comp-color-border-slider-handle-rest: var(--sem-color-border-interactive-selected);
    --comp-color-border-step-indicator-circle-active: var(--sem-color-border-interactive-selected);
    --comp-color-border-step-indicator-circle-complete: var(--sem-color-border-success-primary);
    --comp-color-border-step-indicator-circle-disabled: var(--base-color-black-alpha-20);
    --comp-color-border-step-indicator-circle-inverse-active: var(--sem-color-border-interactive-inverse-selected);
    --comp-color-border-step-indicator-circle-inverse-complete: var(--sem-color-border-success-inverse-primary);
    --comp-color-border-step-indicator-circle-inverse-disabled: var(--base-color-white-alpha-40);
    --comp-color-border-step-indicator-circle-inverse-visited: var(--base-color-white-alpha-40);
    --comp-color-border-step-indicator-circle-visited: var(--base-color-black-alpha-20);
    --comp-color-border-step-indicator-track-complete-inverse: var(--sem-color-border-neutral-inverse-tertairy);
    --comp-color-border-step-indicator-track-complete: var(--sem-color-border-neutral-tertiary);
    --comp-color-border-step-indicator-track-inverse: var(--sem-color-border-neutral-inverse-tertairy);
    --comp-color-border-step-indicator-track: var(--sem-color-border-neutral-tertiary);
    --comp-color-border-tabs-pill-container-inverse: var(--sem-color-border-neutral-inverse-tertairy);
    --comp-color-border-tabs-pill-container: var(--sem-color-border-neutral-tertiary);
    --comp-color-border-tabs-pill-tab-hover: var(--base-color-transparent);
    --comp-color-border-tabs-pill-tab-inverse-hover: var(--base-color-transparent);
    --comp-color-border-tabs-pill-tab-inverse-pressed: var(--base-color-transparent);
    --comp-color-border-tabs-pill-tab-inverse-rest: var(--base-color-transparent);
    --comp-color-border-tabs-pill-tab-inverse-selected: var(--sem-color-border-interactive-inverse-selected);
    --comp-color-border-tabs-pill-tab-pressed: var(--base-color-transparent);
    --comp-color-border-tabs-pill-tab-rest: var(--base-color-transparent);
    --comp-color-border-tabs-pill-tab-selected: var(--sem-color-border-interactive-selected);
    --comp-color-border-tabs-text-container-inverse: var(--sem-color-border-neutral-inverse-tertairy);
    --comp-color-border-tabs-text-container: var(--sem-color-border-neutral-tertiary);
    --comp-color-border-tabs-text-tab-hover: var(--sem-color-border-neutral-secondary);
    --comp-color-border-tabs-text-tab-inverse-hover: var(--sem-color-border-neutral-inverse-tertairy);
    --comp-color-border-tabs-text-tab-inverse-pressed: var(--sem-color-border-neutral-inverse-secondary);
    --comp-color-border-tabs-text-tab-inverse-rest: var(--base-color-transparent);
    --comp-color-border-tabs-text-tab-inverse-selected: var(--sem-color-border-interactive-inverse-selected);
    --comp-color-border-tabs-text-tab-pressed: var(--sem-color-border-neutral-primary);
    --comp-color-border-tabs-text-tab-rest: var(--base-color-transparent);
    --comp-color-border-tabs-text-tab-selected: var(--sem-color-border-interactive-selected);
    --comp-color-border-toggle-button-default-hover: var(--sem-color-border-neutral-tertiary);
    --comp-color-border-toggle-button-default-pressed: var(--sem-color-border-neutral-tertiary);
    --comp-color-border-toggle-button-default-rest: var(--sem-color-border-neutral-tertiary);
    --comp-color-border-toggle-button-default-selected: var(--sem-color-border-interactive-selected);
    --comp-color-border-toggle-button-inverse-hover: var(--sem-color-border-neutral-inverse-tertairy);
    --comp-color-border-toggle-button-inverse-pressed: var(--sem-color-border-neutral-inverse-tertairy);
    --comp-color-border-toggle-button-inverse-rest: var(--sem-color-border-neutral-inverse-tertairy);
    --comp-color-border-toggle-button-inverse-selected: var(--sem-color-border-interactive-inverse-selected);
    --comp-color-border-toggle-switch-track-disabled: var(--sem-color-border-neutral-tertiary);
    --comp-color-border-toggle-switch-track-hover: var(--sem-color-border-neutral-tertiary);
    --comp-color-border-toggle-switch-track-inverse-disabled: var(--sem-color-border-neutral-inverse-tertairy);
    --comp-color-border-toggle-switch-track-inverse-hover: var(--sem-color-border-neutral-inverse-tertairy);
    --comp-color-border-toggle-switch-track-inverse-pressed: var(--sem-color-border-neutral-inverse-tertairy);
    --comp-color-border-toggle-switch-track-inverse-rest: var(--sem-color-border-neutral-inverse-tertairy);
    --comp-color-border-toggle-switch-track-pressed: var(--sem-color-border-neutral-tertiary);
    --comp-color-border-toggle-switch-track-rest: var(--sem-color-border-neutral-tertiary);
    --comp-color-border-tooltip-default: var(--base-color-black-alpha-10);
    --comp-color-border-tooltip-inverse: var(--base-color-white-alpha-10);
    --comp-color-border-video-trigger-button-hover: var(--base-color-white-alpha-90);
    --comp-color-border-video-trigger-button-pressed: var(--base-color-white);
    --comp-color-border-video-trigger-button-rest: var(--base-color-white-alpha-70);
    --comp-color-content-accordion-icon-inverse: var(--sem-color-content-accent-inverse-primary);
    --comp-color-content-accordion-icon: var(--sem-color-content-accent-secondary);
    --comp-color-content-accordion-label-contained-inverse: var(--sem-color-content-neutral-inverse-secondary);
    --comp-color-content-accordion-label-contained: var(--sem-color-content-neutral-tertiary);
    --comp-color-content-accordion-label-uncontained-inverse: var(--sem-color-content-neutral-inverse-secondary);
    --comp-color-content-accordion-label-uncontained: var(--sem-color-content-neutral-tertiary);
    --comp-color-content-accordion-panel-text-contained-inverse: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-accordion-panel-text-contained: var(--sem-color-content-neutral-secondary);
    --comp-color-content-accordion-panel-text-uncontained-inverse: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-accordion-panel-text-uncontained: var(--sem-color-content-neutral-secondary);
    --comp-color-content-accordion-title-contained-hover: var(--sem-color-content-neutral-primary);
    --comp-color-content-accordion-title-contained-inverse-hover: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-accordion-title-contained-inverse-pressed: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-accordion-title-contained-inverse-rest: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-accordion-title-contained-pressed: var(--sem-color-content-neutral-primary);
    --comp-color-content-accordion-title-contained-rest: var(--sem-color-content-neutral-primary);
    --comp-color-content-accordion-title-uncontained-hover: var(--sem-color-content-neutral-primary);
    --comp-color-content-accordion-title-uncontained-inverse-hover: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-accordion-title-uncontained-inverse-pressed: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-accordion-title-uncontained-inverse-rest: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-accordion-title-uncontained-pressed: var(--sem-color-content-neutral-primary);
    --comp-color-content-accordion-title-uncontained-rest: var(--sem-color-content-neutral-primary);
    --comp-color-content-ai-loader-label-inverse: var(--sem-color-content-neutral-inverse-secondary);
    --comp-color-content-ai-loader-label: var(--sem-color-content-neutral-secondary);
    --comp-color-content-ai-response-actions-icon-inverse: var(--sem-color-content-neutral-inverse-secondary);
    --comp-color-content-ai-response-actions-icon: var(--sem-color-content-neutral-secondary);
    --comp-color-content-alert-body-caution: var(--sem-color-content-neutral-primary);
    --comp-color-content-alert-body-error: var(--sem-color-content-neutral-primary);
    --comp-color-content-alert-body-info: var(--sem-color-content-neutral-primary);
    --comp-color-content-alert-body-inverse-caution: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-alert-body-inverse-error: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-alert-body-inverse-info: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-alert-body-inverse-success: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-alert-body-success: var(--sem-color-content-neutral-primary);
    --comp-color-content-alert-close-icon-caution: var(--sem-color-content-neutral-tertiary);
    --comp-color-content-alert-close-icon-error: var(--sem-color-content-neutral-tertiary);
    --comp-color-content-alert-close-icon-info: var(--sem-color-content-neutral-tertiary);
    --comp-color-content-alert-close-icon-inverse-caution: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-alert-close-icon-inverse-error: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-alert-close-icon-inverse-info: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-alert-close-icon-inverse-success: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-alert-close-icon-success: var(--sem-color-content-neutral-tertiary);
    --comp-color-content-alert-icon-caution: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-alert-icon-error: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-alert-icon-info: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-alert-icon-inverse-caution: var(--sem-color-content-caution-primary);
    --comp-color-content-alert-icon-inverse-error: var(--base-color-error-900);
    --comp-color-content-alert-icon-inverse-info: var(--sem-color-content-info-primary);
    --comp-color-content-alert-icon-inverse-success: var(--sem-color-content-success-primary);
    --comp-color-content-alert-icon-success: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-alert-title-caution: var(--sem-color-content-caution-primary);
    --comp-color-content-alert-title-error: var(--sem-color-content-error-primary);
    --comp-color-content-alert-title-info: var(--sem-color-content-info-primary);
    --comp-color-content-alert-title-inverse-caution: var(--sem-color-content-caution-inverse-primary);
    --comp-color-content-alert-title-inverse-error: var(--sem-color-content-error-inverse-primary);
    --comp-color-content-alert-title-inverse-info: var(--sem-color-content-info-inverse-primary);
    --comp-color-content-alert-title-inverse-success: var(--sem-color-content-success-inverse-primary);
    --comp-color-content-alert-title-success: var(--sem-color-content-success-primary);
    --comp-color-content-avatar-label-inverse: var(--sem-color-content-neutral-primary);
    --comp-color-content-avatar-label: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-breadcrumb-current-page-inverse: var(--sem-color-content-neutral-inverse-secondary);
    --comp-color-content-breadcrumb-current-page: var(--sem-color-content-neutral-secondary);
    --comp-color-content-breadcrumb-link-hover-inverse: var(--sem-color-content-interactive-inverse-hover);
    --comp-color-content-breadcrumb-link-hover: var(--sem-color-content-interactive-hover);
    --comp-color-content-breadcrumb-link-pressed-inverse: var(--sem-color-content-interactive-inverse-pressed);
    --comp-color-content-breadcrumb-link-pressed: var(--sem-color-content-interactive-pressed);
    --comp-color-content-breadcrumb-link-rest-inverse: var(--sem-color-content-interactive-inverse-rest);
    --comp-color-content-breadcrumb-link-rest: var(--sem-color-content-interactive-rest);
    --comp-color-content-button-primary-disabled: var(--base-color-white);
    --comp-color-content-button-primary-hover: var(--base-color-white);
    --comp-color-content-button-primary-inverse-disabled: var(--base-color-white);
    --comp-color-content-button-primary-inverse-hover: var(--base-color-white);
    --comp-color-content-button-primary-inverse-pressed: var(--base-color-white);
    --comp-color-content-button-primary-inverse-rest: var(--base-color-white);
    --comp-color-content-button-primary-pressed: var(--base-color-white);
    --comp-color-content-button-primary-rest: var(--base-color-white);
    --comp-color-content-button-secondary-disabled: var(--base-color-primary-600);
    --comp-color-content-button-secondary-hover: var(--base-color-primary-600);
    --comp-color-content-button-secondary-inverse-disabled: var(--base-color-white);
    --comp-color-content-button-secondary-inverse-hover: var(--base-color-white);
    --comp-color-content-button-secondary-inverse-pressed: var(--base-color-white);
    --comp-color-content-button-secondary-inverse-rest: var(--base-color-white);
    --comp-color-content-button-secondary-pressed: var(--base-color-primary-600);
    --comp-color-content-button-secondary-rest: var(--base-color-primary-600);
    --comp-color-content-button-tertiary-disabled: var(--base-color-primary-600);
    --comp-color-content-button-tertiary-hover: var(--base-color-primary-600);
    --comp-color-content-button-tertiary-inverse-disabled: var(--base-color-white);
    --comp-color-content-button-tertiary-inverse-hover: var(--base-color-white);
    --comp-color-content-button-tertiary-inverse-pressed: var(--base-color-white);
    --comp-color-content-button-tertiary-inverse-rest: var(--base-color-white);
    --comp-color-content-button-tertiary-pressed: var(--base-color-primary-600);
    --comp-color-content-button-tertiary-rest: var(--base-color-primary-600);
    --comp-color-content-calendar-button-inverse: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-calendar-button: var(--sem-color-content-neutral-primary);
    --comp-color-content-calendar-day-inverse-selected: var(--sem-color-content-neutral-primary);
    --comp-color-content-calendar-day-inverse: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-calendar-day-selected: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-calendar-day: var(--sem-color-content-neutral-primary);
    --comp-color-content-calendar-header-inverse: var(--sem-color-content-neutral-inverse-tertiary);
    --comp-color-content-calendar-header: var(--sem-color-content-neutral-tertiary);
    --comp-color-content-calendar-title-inverse: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-calendar-title: var(--sem-color-content-neutral-primary);
    --comp-color-content-carousel-button-icon-hover: var(--sem-color-content-accent-secondary);
    --comp-color-content-carousel-button-icon-inverse-hover: var(--sem-color-content-accent-inverse-secondary);
    --comp-color-content-carousel-button-icon-inverse-pressed: var(--sem-color-content-accent-inverse-secondary);
    --comp-color-content-carousel-button-icon-inverse-rest: var(--sem-color-content-accent-inverse-secondary);
    --comp-color-content-carousel-button-icon-pressed: var(--sem-color-content-accent-secondary);
    --comp-color-content-carousel-button-icon-rest: var(--sem-color-content-accent-secondary);
    --comp-color-content-carousel-button-image-icon-hover: var(--base-color-white);
    --comp-color-content-carousel-button-image-icon-pressed: var(--base-color-white);
    --comp-color-content-carousel-button-image-icon-rest: var(--base-color-white);
    --comp-color-content-chat-message-chat-message-inverse: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-chat-message-chat-message: var(--sem-color-content-neutral-primary);
    --comp-color-content-chat-message-timestamp-inverse: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-chat-message-timestamp: var(--sem-color-content-neutral-primary);
    --comp-color-content-check-radio-control-inverse-selected: var(--sem-color-content-neutral-primary);
    --comp-color-content-check-radio-control-selected: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-check-radio-label-error: var(--sem-color-content-error-primary);
    --comp-color-content-check-radio-label-hover: var(--sem-color-content-neutral-primary);
    --comp-color-content-check-radio-label-inverse-error: var(--sem-color-content-error-inverse-primary);
    --comp-color-content-check-radio-label-inverse-hover: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-check-radio-label-inverse-rest: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-check-radio-label-inverse-selected: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-check-radio-label-rest: var(--sem-color-content-neutral-primary);
    --comp-color-content-check-radio-label-selected: var(--sem-color-content-neutral-primary);
    --comp-color-content-chip-action-label-hover: var(--sem-color-content-neutral-primary);
    --comp-color-content-chip-action-label-inverse-hover: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-chip-action-label-inverse-pressed: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-chip-action-label-inverse-rest: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-chip-action-label-pressed: var(--sem-color-content-neutral-primary);
    --comp-color-content-chip-action-label-rest: var(--sem-color-content-neutral-primary);
    --comp-color-content-chip-filter-count-text-inverse: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-chip-filter-count-text: var(--sem-color-content-neutral-tertiary);
    --comp-color-content-chip-filter-icon-inverse: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-chip-filter-icon: var(--sem-color-content-neutral-primary);
    --comp-color-content-chip-filter-label-hover: var(--sem-color-content-neutral-primary);
    --comp-color-content-chip-filter-label-inverse-hover: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-chip-filter-label-inverse-pressed: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-chip-filter-label-inverse-rest: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-chip-filter-label-pressed: var(--sem-color-content-neutral-primary);
    --comp-color-content-chip-filter-label-rest: var(--sem-color-content-neutral-primary);
    --comp-color-content-chip-filter-label-selected-hover: var(--sem-color-content-neutral-primary);
    --comp-color-content-chip-filter-label-selected-inverse-hover: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-chip-filter-label-selected-inverse-pressed: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-chip-filter-label-selected-inverse-rest: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-chip-filter-label-selected-pressed: var(--sem-color-content-neutral-primary);
    --comp-color-content-chip-filter-label-selected-rest: var(--sem-color-content-neutral-primary);
    --comp-color-content-chip-toggle-hover: var(--sem-color-content-neutral-primary);
    --comp-color-content-chip-toggle-inverse-hover: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-chip-toggle-inverse-pressed: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-chip-toggle-inverse-rest: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-chip-toggle-pressed: var(--sem-color-content-neutral-primary);
    --comp-color-content-chip-toggle-rest: var(--sem-color-content-neutral-primary);
    --comp-color-content-chip-toggle-selected-hover: var(--sem-color-content-interactive-selected);
    --comp-color-content-chip-toggle-selected-inverse-hover: var(--sem-color-content-interactive-inverse-selected);
    --comp-color-content-chip-toggle-selected-inverse-pressed: var(--sem-color-content-interactive-inverse-selected);
    --comp-color-content-chip-toggle-selected-inverse-rest: var(--sem-color-content-interactive-inverse-selected);
    --comp-color-content-chip-toggle-selected-pressed: var(--sem-color-content-interactive-selected);
    --comp-color-content-chip-toggle-selected-rest: var(--sem-color-content-interactive-selected);
    --comp-color-content-control-button-icon-hover: var(--sem-color-content-neutral-secondary);
    --comp-color-content-control-button-icon-inverse-hover: var(--sem-color-content-neutral-inverse-secondary);
    --comp-color-content-control-button-icon-inverse-pressed: var(--sem-color-content-neutral-inverse-tertiary);
    --comp-color-content-control-button-icon-inverse-rest: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-control-button-icon-pressed: var(--sem-color-content-neutral-primary);
    --comp-color-content-control-button-icon-rest: var(--sem-color-content-neutral-tertiary);
    --comp-color-content-deal-indicator-good-price-tag-inverse: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-deal-indicator-good-price-tag: var(--comp-color-content-label-tag-positive);
    --comp-color-content-deal-indicator-great-price-tag-inverse: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-deal-indicator-great-price-tag: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-fixed-button-icon-hover: var(--sem-color-content-accent-secondary);
    --comp-color-content-fixed-button-icon-inverse-hover: var(--sem-color-content-accent-inverse-secondary);
    --comp-color-content-fixed-button-icon-inverse-pressed: var(--sem-color-content-accent-inverse-secondary);
    --comp-color-content-fixed-button-icon-inverse-rest: var(--sem-color-content-accent-inverse-secondary);
    --comp-color-content-fixed-button-icon-pressed: var(--sem-color-content-accent-secondary);
    --comp-color-content-fixed-button-icon-rest: var(--sem-color-content-accent-secondary);
    --comp-color-content-icon-button-icon-inverse: var(--sem-color-content-accent-inverse-primary);
    --comp-color-content-icon-button-icon: var(--sem-color-content-accent-secondary);
    --comp-color-content-icon-button-label-inverse: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-icon-button-label: var(--sem-color-content-neutral-primary);
    --comp-color-content-input-helper-default: var(--sem-color-content-neutral-secondary);
    --comp-color-content-input-helper-error: var(--sem-color-content-error-primary);
    --comp-color-content-input-helper-inverse-default: var(--sem-color-content-neutral-inverse-secondary);
    --comp-color-content-input-helper-inverse-error: var(--sem-color-content-error-inverse-primary);
    --comp-color-content-input-icon-active: var(--sem-color-content-neutral-tertiary);
    --comp-color-content-input-icon-disabled: var(--sem-color-content-neutral-tertiary);
    --comp-color-content-input-icon-error: var(--sem-color-content-neutral-tertiary);
    --comp-color-content-input-icon-hover: var(--sem-color-content-neutral-tertiary);
    --comp-color-content-input-icon-inverse-active: var(--sem-color-content-neutral-inverse-tertiary);
    --comp-color-content-input-icon-inverse-disabled: var(--sem-color-content-neutral-inverse-tertiary);
    --comp-color-content-input-icon-inverse-error: var(--sem-color-content-neutral-inverse-tertiary);
    --comp-color-content-input-icon-inverse-hover: var(--sem-color-content-neutral-inverse-tertiary);
    --comp-color-content-input-icon-inverse-rest: var(--sem-color-content-neutral-inverse-tertiary);
    --comp-color-content-input-icon-rest: var(--sem-color-content-neutral-tertiary);
    --comp-color-content-input-label-active: var(--sem-color-content-interactive-selected);
    --comp-color-content-input-label-error: var(--sem-color-content-error-primary);
    --comp-color-content-input-label-hover: var(--sem-color-content-neutral-secondary);
    --comp-color-content-input-label-inverse-active: var(--sem-color-content-interactive-inverse-selected);
    --comp-color-content-input-label-inverse-error: var(--sem-color-content-error-inverse-primary);
    --comp-color-content-input-label-inverse-hover: var(--sem-color-content-neutral-inverse-secondary);
    --comp-color-content-input-label-inverse-rest: var(--sem-color-content-neutral-inverse-secondary);
    --comp-color-content-input-label-rest: var(--sem-color-content-neutral-secondary);
    --comp-color-content-input-pagination-inverse: var(--sem-color-content-neutral-inverse-tertiary);
    --comp-color-content-input-placeholder-active: var(--sem-color-content-neutral-tertiary);
    --comp-color-content-input-placeholder-error: var(--sem-color-content-neutral-tertiary);
    --comp-color-content-input-placeholder-hover: var(--sem-color-content-neutral-tertiary);
    --comp-color-content-input-placeholder-inverse-active: var(--sem-color-content-neutral-inverse-secondary);
    --comp-color-content-input-placeholder-inverse-error: var(--sem-color-content-neutral-inverse-secondary);
    --comp-color-content-input-placeholder-inverse-hover: var(--sem-color-content-neutral-inverse-secondary);
    --comp-color-content-input-placeholder-inverse-rest: var(--sem-color-content-neutral-inverse-secondary);
    --comp-color-content-input-placeholder-rest: var(--sem-color-content-neutral-tertiary);
    --comp-color-content-input-value-active: var(--sem-color-content-neutral-primary);
    --comp-color-content-input-value-error: var(--sem-color-content-neutral-primary);
    --comp-color-content-input-value-hover: var(--sem-color-content-neutral-primary);
    --comp-color-content-input-value-inverse-active: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-input-value-inverse-error: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-input-value-inverse-hover: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-input-value-inverse-rest: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-input-value-rest: var(--sem-color-content-neutral-primary);
    --comp-color-content-label-tag-accent-inverse: var(--base-color-secondary-50);
    --comp-color-content-label-tag-accent: var(--base-color-secondary-800);
    --comp-color-content-label-tag-brand-inverse: var(--base-color-primary-100);
    --comp-color-content-label-tag-brand: var(--base-color-primary-800);
    --comp-color-content-label-tag-negative-inverse: var(--base-color-error-25);
    --comp-color-content-label-tag-negative: var(--base-color-error-700);
    --comp-color-content-label-tag-neutral-inverse: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-label-tag-neutral: var(--base-color-neutral-700);
    --comp-color-content-label-tag-positive-inverse: var(--base-color-success-100);
    --comp-color-content-label-tag-positive: var(--base-color-success-700);
    --comp-color-content-link-hover: var(--sem-color-content-interactive-hover);
    --comp-color-content-link-inverse-hover: var(--sem-color-content-interactive-inverse-hover);
    --comp-color-content-link-inverse-pressed: var(--sem-color-content-interactive-inverse-pressed);
    --comp-color-content-link-inverse-rest: var(--sem-color-content-interactive-inverse-rest);
    --comp-color-content-link-pressed: var(--sem-color-content-interactive-pressed);
    --comp-color-content-link-rest: var(--sem-color-content-interactive-rest);
    --comp-color-content-listbox-count-inverse: var(--sem-color-content-neutral-inverse-tertiary);
    --comp-color-content-listbox-count: var(--sem-color-content-neutral-tertiary);
    --comp-color-content-listbox-group-inverse: var(--sem-color-content-neutral-inverse-tertiary);
    --comp-color-content-listbox-group: var(--sem-color-content-neutral-tertiary);
    --comp-color-content-listbox-icon-inverse: var(--sem-color-content-interactive-inverse-selected);
    --comp-color-content-listbox-icon: var(--sem-color-background-interactive-selected);
    --comp-color-content-listbox-label-inverse: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-listbox-label-selected-inverse: var(--sem-color-content-interactive-inverse-selected);
    --comp-color-content-listbox-label-selected: var(--sem-color-content-interactive-selected);
    --comp-color-content-listbox-label: var(--sem-color-content-neutral-primary);
    --comp-color-content-message-input-button-disabled: var(--sem-color-content-neutral-tertiary);
    --comp-color-content-message-input-button-hover: var(--base-color-secondary-800);
    --comp-color-content-message-input-button-inverse-disabled: var(--sem-color-content-neutral-inverse-tertiary);
    --comp-color-content-message-input-button-inverse-hover: var(--base-color-secondary-300);
    --comp-color-content-message-input-button-inverse-pressed: var(--base-color-secondary-200);
    --comp-color-content-message-input-button-inverse-rest: var(--sem-color-content-accent-inverse-primary);
    --comp-color-content-message-input-button-pressed: var(--base-color-secondary-900);
    --comp-color-content-message-input-button-rest: var(--sem-color-content-accent-secondary);
    --comp-color-content-message-input-placeholder-inverse: var(--sem-color-content-neutral-inverse-secondary);
    --comp-color-content-message-input-placeholder: var(--sem-color-content-neutral-secondary);
    --comp-color-content-message-input-value-inverse: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-message-input-value: var(--sem-color-content-neutral-primary);
    --comp-color-content-meter-bar-bar-active-brand-inverse: var(--sem-color-content-accent-inverse-secondary);
    --comp-color-content-meter-bar-bar-active-brand: var(--sem-color-content-accent-secondary);
    --comp-color-content-meter-bar-bar-active-high-inverse: var(--base-color-success-500);
    --comp-color-content-meter-bar-bar-active-high: var(--sem-color-content-success-primary);
    --comp-color-content-meter-bar-bar-active-low-inverse: var(--base-color-error-500);
    --comp-color-content-meter-bar-bar-active-low: var(--sem-color-content-error-primary);
    --comp-color-content-meter-bar-bar-active-medium-inverse: var(--sem-color-content-accent-inverse-secondary);
    --comp-color-content-meter-bar-bar-active-medium: var(--base-color-secondary-600);
    --comp-color-content-meter-bar-bar-inactive-inverse: var(--base-color-white-alpha-20);
    --comp-color-content-meter-bar-bar-inactive: var(--base-color-black-alpha-20);
    --comp-color-content-notification-badge-count-inverse: var(--sem-color-content-neutral-primary);
    --comp-color-content-notification-badge-count: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-pagination-button-inverse: var(--sem-color-content-accent-inverse-primary);
    --comp-color-content-pagination-button: var(--sem-color-content-accent-primary);
    --comp-color-content-pagination-item-inverse-selected: var(--sem-color-content-neutral-primary);
    --comp-color-content-pagination-item-inverse: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-pagination-item-selected: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-pagination-item: var(--sem-color-content-neutral-primary);
    --comp-color-content-progress-bar-label-inverse: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-progress-bar-label: var(--sem-color-content-neutral-primary);
    --comp-color-content-progress-bar-perc-bar-inverse: var(--sem-color-content-accent-inverse-secondary);
    --comp-color-content-progress-bar-perc-bar: var(--base-color-secondary-600);
    --comp-color-content-progress-bar-perc-text-inverse: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-progress-bar-perc-text: var(--sem-color-content-neutral-primary);
    --comp-color-content-quick-tip-body-inverse: var(--sem-color-content-neutral-inverse-secondary);
    --comp-color-content-quick-tip-body: var(--sem-color-content-neutral-secondary);
    --comp-color-content-quick-tip-icon-inverse: var(--sem-color-content-accent-inverse-primary);
    --comp-color-content-quick-tip-icon: var(--sem-color-content-accent-secondary);
    --comp-color-content-quick-tip-title-inverse: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-quick-tip-title: var(--sem-color-content-neutral-primary);
    --comp-color-content-selectable-container-label-default-disabled: var(--sem-color-content-neutral-primary);
    --comp-color-content-selectable-container-label-default-hover: var(--sem-color-content-neutral-primary);
    --comp-color-content-selectable-container-label-default-pressed: var(--sem-color-content-neutral-primary);
    --comp-color-content-selectable-container-label-default-rest: var(--sem-color-content-neutral-primary);
    --comp-color-content-selectable-container-label-default-selected: var(--sem-color-content-neutral-primary);
    --comp-color-content-selectable-container-label-inverse-disabled: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-selectable-container-label-inverse-hover: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-selectable-container-label-inverse-pressed: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-selectable-container-label-inverse-rest: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-selectable-container-label-inverse-selected: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-selectable-container-secondary-label-default-disabled: var(--sem-color-content-neutral-secondary);
    --comp-color-content-selectable-container-secondary-label-default-hover: var(--sem-color-content-neutral-secondary);
    --comp-color-content-selectable-container-secondary-label-default-pressed: var(--sem-color-content-neutral-secondary);
    --comp-color-content-selectable-container-secondary-label-default-rest: var(--sem-color-content-neutral-secondary);
    --comp-color-content-selectable-container-secondary-label-default-selected: var(--sem-color-content-neutral-secondary);
    --comp-color-content-selectable-container-secondary-label-inverse-disabled: var(--sem-color-content-neutral-inverse-secondary);
    --comp-color-content-selectable-container-secondary-label-inverse-hover: var(--sem-color-content-neutral-inverse-secondary);
    --comp-color-content-selectable-container-secondary-label-inverse-pressed: var(--sem-color-content-neutral-inverse-secondary);
    --comp-color-content-selectable-container-secondary-label-inverse-rest: var(--sem-color-content-neutral-inverse-secondary);
    --comp-color-content-selectable-container-secondary-label-inverse-selected: var(--sem-color-content-neutral-inverse-secondary);
    --comp-color-content-sheet-drag-handle: var(--base-color-neutral-300);
    --comp-color-content-sheet-header-icon-hover: var(--sem-color-content-neutral-secondary);
    --comp-color-content-sheet-header-icon-pressed: var(--sem-color-content-neutral-primary);
    --comp-color-content-sheet-header-icon-rest: var(--sem-color-content-neutral-tertiary);
    --comp-color-content-sheet-header-title: var(--sem-color-content-neutral-primary);
    --comp-color-content-sheet-title: var(--sem-color-content-brand-primary);
    --comp-color-content-skeleton-loader-default: var(--base-color-black-alpha-10);
    --comp-color-content-skeleton-loader-inverse: var(--base-color-white-alpha-10);
    --comp-color-content-slider-active-track-inverse: var(--sem-color-background-interactive-inverse-selected);
    --comp-color-content-slider-active-track: var(--sem-color-background-interactive-selected);
    --comp-color-content-slider-dash-inverse: var(--sem-color-content-neutral-inverse-secondary);
    --comp-color-content-slider-dash: var(--sem-color-content-neutral-secondary);
    --comp-color-content-slider-value-inverse: var(--sem-color-content-neutral-inverse-secondary);
    --comp-color-content-slider-value: var(--sem-color-content-neutral-secondary);
    --comp-color-content-spinner-arc-inverse: var(--base-color-white);
    --comp-color-content-spinner-arc: var(--base-color-primary-800);
    --comp-color-content-star-rating-icon-inverse: #ffc94a;
    --comp-color-content-star-rating-icon: #ffc94a;
    --comp-color-content-step-indicator-icon-complete: var(--sem-color-content-success-primary);
    --comp-color-content-step-indicator-icon-inverse-complete: var(--sem-color-content-success-inverse-primary);
    --comp-color-content-step-indicator-label-active: var(--sem-color-content-brand-primary);
    --comp-color-content-step-indicator-label-complete: var(--sem-color-content-neutral-primary);
    --comp-color-content-step-indicator-label-disabled: var(--sem-color-content-neutral-tertiary);
    --comp-color-content-step-indicator-label-inverse-active: var(--base-color-primary-300);
    --comp-color-content-step-indicator-label-inverse-complete: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-step-indicator-label-inverse-disabled: var(--sem-color-content-neutral-inverse-secondary);
    --comp-color-content-step-indicator-label-inverse-visited: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-step-indicator-label-visited: var(--sem-color-content-neutral-primary);
    --comp-color-content-step-indicator-number-active: var(--sem-color-content-brand-primary);
    --comp-color-content-step-indicator-number-disabled: var(--sem-color-content-neutral-tertiary);
    --comp-color-content-step-indicator-number-inverse-active: var(--sem-color-background-interactive-inverse-selected);
    --comp-color-content-step-indicator-number-inverse-disabled: var(--sem-color-content-neutral-inverse-secondary);
    --comp-color-content-step-indicator-number-inverse-visited: var(--sem-color-background-interactive-inverse-selected);
    --comp-color-content-step-indicator-number-visited: var(--sem-color-content-brand-primary);
    --comp-color-content-tabs-pill-label-hover: var(--sem-color-content-neutral-secondary);
    --comp-color-content-tabs-pill-label-inverse-hover: var(--sem-color-content-neutral-inverse-secondary);
    --comp-color-content-tabs-pill-label-inverse-pressed: var(--sem-color-content-neutral-inverse-secondary);
    --comp-color-content-tabs-pill-label-inverse-rest: var(--sem-color-content-neutral-inverse-secondary);
    --comp-color-content-tabs-pill-label-inverse-selected: var(--sem-color-content-brand-inverse-primary);
    --comp-color-content-tabs-pill-label-pressed: var(--sem-color-content-neutral-secondary);
    --comp-color-content-tabs-pill-label-rest: var(--sem-color-content-neutral-secondary);
    --comp-color-content-tabs-pill-label-selected: var(--sem-color-content-brand-primary);
    --comp-color-content-tabs-text-icon-hover: var(--sem-color-content-neutral-secondary);
    --comp-color-content-tabs-text-icon-inverse-hover: var(--sem-color-content-neutral-inverse-secondary);
    --comp-color-content-tabs-text-icon-inverse-pressed: var(--sem-color-content-neutral-inverse-secondary);
    --comp-color-content-tabs-text-icon-inverse-rest: var(--sem-color-content-neutral-inverse-secondary);
    --comp-color-content-tabs-text-icon-inverse-selected: var(--sem-color-content-interactive-inverse-selected);
    --comp-color-content-tabs-text-icon-pressed: var(--sem-color-content-neutral-secondary);
    --comp-color-content-tabs-text-icon-rest: var(--sem-color-content-neutral-secondary);
    --comp-color-content-tabs-text-icon-selected: var(--sem-color-content-interactive-selected);
    --comp-color-content-tabs-text-label-hover: var(--sem-color-content-neutral-secondary);
    --comp-color-content-tabs-text-label-inverse-hover: var(--sem-color-content-neutral-inverse-secondary);
    --comp-color-content-tabs-text-label-inverse-pressed: var(--sem-color-content-neutral-inverse-secondary);
    --comp-color-content-tabs-text-label-inverse-rest: var(--sem-color-content-neutral-inverse-secondary);
    --comp-color-content-tabs-text-label-inverse-selected: var(--sem-color-content-interactive-inverse-selected);
    --comp-color-content-tabs-text-label-pressed: var(--sem-color-content-neutral-secondary);
    --comp-color-content-tabs-text-label-rest: var(--sem-color-content-neutral-secondary);
    --comp-color-content-tabs-text-label-selected: var(--sem-color-content-interactive-selected);
    --comp-color-content-toast-body: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-toast-icon: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-toast-title: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-toggle-button-icon-default-hover: var(--sem-color-content-neutral-secondary);
    --comp-color-content-toggle-button-icon-default-pressed: var(--sem-color-content-neutral-primary);
    --comp-color-content-toggle-button-icon-default-rest: var(--sem-color-content-neutral-secondary);
    --comp-color-content-toggle-button-icon-default-selected: var(--sem-color-content-brand-primary);
    --comp-color-content-toggle-button-icon-inverse-hover: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-toggle-button-icon-inverse-pressed: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-toggle-button-icon-inverse-rest: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-toggle-button-icon-inverse-selected: var(--sem-color-content-brand-inverse-primary);
    --comp-color-content-toggle-button-label-default-hover: var(--sem-color-content-neutral-secondary);
    --comp-color-content-toggle-button-label-default-pressed: var(--sem-color-content-neutral-primary);
    --comp-color-content-toggle-button-label-default-rest: var(--sem-color-content-neutral-secondary);
    --comp-color-content-toggle-button-label-default-selected: var(--sem-color-content-brand-primary);
    --comp-color-content-toggle-button-label-inverse-hover: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-toggle-button-label-inverse-pressed: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-toggle-button-label-inverse-rest: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-toggle-button-label-inverse-selected: var(--sem-color-content-brand-inverse-primary);
    --comp-color-content-toggle-switch-label-default: var(--sem-color-content-neutral-primary);
    --comp-color-content-toggle-switch-label-inverse: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-tooltip-default: var(--sem-color-content-neutral-primary);
    --comp-color-content-tooltip-inverse: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-type-body-inverse: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-type-body: var(--sem-color-content-neutral-primary);
    --comp-color-content-type-disclaimer-inverse: var(--sem-color-content-neutral-inverse-secondary);
    --comp-color-content-type-disclaimer: var(--sem-color-content-neutral-secondary);
    --comp-color-content-type-display-inverse: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-type-display: var(--sem-color-content-brand-primary);
    --comp-color-content-type-heading-inverse: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-type-heading: var(--sem-color-content-brand-primary);
    --comp-color-content-type-title-inverse: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-type-title: var(--sem-color-content-neutral-primary);
    --comp-color-content-video-trigger-button-icon-hover: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-video-trigger-button-icon-pressed: var(--sem-color-content-neutral-inverse-primary);
    --comp-color-content-video-trigger-button-icon-rest: var(--sem-color-content-neutral-inverse-primary)
}

@layer theme {

    :host,
    :root {
        --iris-font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --iris-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --iris-color-gray-100: oklch(96.7% .003 264.542);
        --iris-color-gray-200: oklch(92.8% .006 264.531);
        --iris-color-gray-300: oklch(87.2% .01 258.338);
        --iris-color-gray-400: oklch(70.7% .022 261.325);
        --iris-color-gray-600: oklch(44.6% .03 256.802);
        --iris-color-gray-700: oklch(37.3% .034 259.733);
        --iris-color-neutral-50: var(--base-color-neutral-50);
        --iris-color-neutral-100: var(--base-color-neutral-100);
        --iris-color-neutral-200: var(--base-color-neutral-200);
        --iris-color-neutral-300: var(--base-color-neutral-300);
        --iris-color-neutral-400: var(--base-color-neutral-400);
        --iris-color-neutral-500: var(--base-color-neutral-500);
        --iris-color-neutral-600: var(--base-color-neutral-600);
        --iris-color-neutral-700: var(--base-color-neutral-700);
        --iris-color-neutral-800: var(--base-color-neutral-800);
        --iris-color-neutral-900: var(--base-color-neutral-900);
        --iris-color-black: #000;
        --iris-color-white: #fff;
        --iris-spacing: .25rem;
        --iris-container-xs: 20rem;
        --iris-text-xs: .75rem;
        --iris-text-xs--line-height: calc(1/.75);
        --iris-text-sm: .875rem;
        --iris-text-sm--line-height: calc(1.25/.875);
        --iris-font-weight-normal: 400;
        --iris-font-weight-medium: 500;
        --iris-font-weight-semibold: 600;
        --iris-font-weight-bold: 700;
        --iris-tracking-wider: .05em;
        --iris-radius-xs: .125rem;
        --iris-ease-in: cubic-bezier(.4, 0, 1, 1);
        --iris-default-transition-duration: .15s;
        --iris-default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --iris-default-font-family: var(--iris-font-sans);
        --iris-default-mono-font-family: var(--iris-font-mono);
        --iris-color-primary-25: var(--base-color-primary-25);
        --iris-color-primary-50: var(--base-color-primary-50);
        --iris-color-primary-100: var(--base-color-primary-100);
        --iris-color-primary-200: var(--base-color-primary-200);
        --iris-color-primary-300: var(--base-color-primary-300);
        --iris-color-primary-400: var(--base-color-primary-400);
        --iris-color-primary-500: var(--base-color-primary-500);
        --iris-color-primary-600: var(--base-color-primary-600);
        --iris-color-primary-700: var(--base-color-primary-700);
        --iris-color-primary-800: var(--base-color-primary-800);
        --iris-color-primary-900: var(--base-color-primary-900);
        --iris-color-primary-950: var(--base-color-primary-950);
        --iris-color-secondary-50: var(--base-color-secondary-50);
        --iris-color-secondary-100: var(--base-color-secondary-100);
        --iris-color-secondary-200: var(--base-color-secondary-200);
        --iris-color-secondary-300: var(--base-color-secondary-300);
        --iris-color-secondary-400: var(--base-color-secondary-400);
        --iris-color-secondary-500: var(--base-color-secondary-500);
        --iris-color-secondary-600: var(--base-color-secondary-600);
        --iris-color-secondary-700: var(--base-color-secondary-700);
        --iris-color-secondary-800: var(--base-color-secondary-800);
        --iris-color-secondary-900: var(--base-color-secondary-900);
        --iris-color-success-100: var(--base-color-success-100);
        --iris-color-success-200: var(--base-color-success-200);
        --iris-color-success-300: var(--base-color-success-300);
        --iris-color-success-500: var(--base-color-success-500);
        --iris-color-success-700: var(--base-color-success-700);
        --iris-color-success-900: var(--base-color-success-900);
        --iris-color-error-25: var(--base-color-error-25);
        --iris-color-error-100: var(--base-color-error-100);
        --iris-color-error-200: var(--base-color-error-200);
        --iris-color-error-300: var(--base-color-error-300);
        --iris-color-error-500: var(--base-color-error-500);
        --iris-color-error-700: var(--base-color-error-700);
        --iris-color-error-900: var(--base-color-error-900);
        --iris-color-info-100: var(--base-color-info-100);
        --iris-color-info-200: var(--base-color-info-200);
        --iris-color-info-300: var(--base-color-info-300);
        --iris-color-info-700: var(--base-color-info-700);
        --iris-color-info-900: var(--base-color-info-900)
    }
}

@layer base {

    *,
    ::backdrop,
    :after,
    :before {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

    ::file-selector-button {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

    :host,
    html {
        -webkit-text-size-adjust: 100%;
        tab-size: 4;
        line-height: 1.5;
        font-family: var(--iris-default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
        font-feature-settings: var(--iris-default-font-feature-settings, normal);
        font-variation-settings: var(--iris-default-font-variation-settings, normal);
        -webkit-tap-highlight-color: transparent
    }

    hr {
        color: inherit;
        border-top-width: 1px
    }

    abbr:where([title]) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: inherit;
        font-weight: inherit
    }

    a {
        color: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit
    }

    code,
    kbd,
    pre,
    samp {
        font-family: var(--iris-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
        font-feature-settings: var(--iris-default-mono-font-feature-settings, normal);
        font-variation-settings: var(--iris-default-mono-font-variation-settings, normal)
    }

    table {
        text-indent: 0;
        border-color: inherit
    }

    :-moz-focusring {
        outline: auto
    }

    progress {
        vertical-align: baseline
    }

    summary {
        display: list-item
    }

    audio,
    canvas,
    embed,
    iframe,
    img,
    object,
    svg,
    video {
        vertical-align: middle;
        display: block
    }

    img,
    video {
        max-width: 100%;
        height: auto
    }

    button,
    input,
    optgroup,
    select,
    textarea {
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }

    ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }

    :where(select:is([multiple], [size])) optgroup {
        font-weight: bolder
    }

    :where(select:is([multiple], [size])) optgroup option {
        padding-inline-start: 20px
    }

    ::file-selector-button {
        margin-inline-end: 4px
    }

    ::placeholder {
        opacity: 1
    }

    @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
        ::placeholder {
            color: currentColor
        }

        @supports (color:color-mix(in lab, red, red)) {
            ::placeholder {
                color: color-mix(in oklab, currentcolor 50%, transparent)
            }
        }
    }

    textarea {
        resize: vertical
    }

    ::-webkit-search-decoration {
        -webkit-appearance: none
    }

    ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit
    }

    ::-webkit-datetime-edit {
        display: inline-flex
    }

    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0
    }

    ::-webkit-datetime-edit,
    ::-webkit-datetime-edit-year-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-day-field,
    ::-webkit-datetime-edit-month-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-hour-field,
    ::-webkit-datetime-edit-minute-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-millisecond-field,
    ::-webkit-datetime-edit-second-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0
    }

    ::-webkit-calendar-picker-indicator {
        line-height: 1
    }

    :-moz-ui-invalid {
        box-shadow: none
    }

    button,
    input:where([type=button], [type=reset], [type=submit]) {
        appearance: button
    }

    ::file-selector-button {
        appearance: button
    }

    ::-webkit-inner-spin-button,
    ::-webkit-outer-spin-button {
        height: auto
    }

    [hidden]:where(:not([hidden=until-found])) {
        display: none !important
    }

    img,
    svg,
    video {
        max-width: revert-layer;
        height: revert-layer;
        vertical-align: revert-layer;
        display: inline-block
    }

    menu,
    ol,
    ul {
        list-style: revert-layer
    }

    *,
    ::backdrop,
    :after,
    :before {
        border-color: var(--base-color-neutral-200, currentColor)
    }

    ::file-selector-button {
        border-color: var(--base-color-neutral-200, currentColor)
    }

    html {
        -webkit-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        text-size-adjust: 100%;
        font-family: sans-serif
    }

    body {
        margin: 0
    }

    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    main,
    menu,
    nav,
    section,
    summary {
        display: block
    }

    audio,
    canvas,
    progress,
    video {
        vertical-align: baseline;
        display: inline-block
    }

    audio:not([controls]) {
        height: 0;
        display: none
    }

    [hidden],
    template {
        display: none
    }

    a {
        background-color: #0000
    }

    a:active,
    a:hover {
        outline: 0
    }

    abbr[title] {
        border-bottom: none;
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }

    b,
    strong {
        font-weight: 700
    }

    dfn {
        font-style: italic
    }

    h1 {
        margin: .67em 0;
        font-size: 2em
    }

    mark {
        color: #000;
        background: #ff0
    }

    small {
        font-size: 80%
    }

    sub,
    sup {
        vertical-align: baseline;
        font-size: 75%;
        line-height: 0;
        position: relative
    }

    sup {
        top: -.5em
    }

    sub {
        bottom: -.25em
    }

    img {
        border: 0
    }

    svg:not(:root) {
        overflow: hidden
    }

    hr {
        box-sizing: content-box;
        height: 0
    }

    pre {
        overflow: auto
    }

    code,
    kbd,
    pre,
    samp {
        font-family: monospace;
        font-size: 1em
    }

    button,
    input,
    optgroup,
    select,
    textarea {
        color: inherit;
        font: inherit;
        margin: 0
    }

    button {
        overflow: visible
    }

    button,
    select {
        text-transform: none
    }

    button,
    html input[type=button],
    input[type=reset],
    input[type=submit] {
        appearance: button;
        cursor: pointer
    }

    button[disabled],
    html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

    input {
        line-height: normal
    }

    input[type=checkbox],
    input[type=radio] {
        box-sizing: border-box;
        padding: 0
    }

    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        height: auto
    }

    input[type=search] {
        appearance: textfield;
        box-sizing: content-box
    }

    input[type=search]::-webkit-search-cancel-button,
    input[type=search]::-webkit-search-decoration {
        appearance: none
    }

    fieldset {
        border: 1px solid silver;
        margin: 0 2px;
        padding: .35em .625em .75em
    }

    textarea {
        overflow: auto
    }

    optgroup {
        font-weight: 700
    }

    table {
        border-collapse: collapse;
        border-spacing: 0
    }

    td,
    th {
        padding: 0
    }

    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: var(--base-type-font-heading, inherit);
        font-weight: var(--sem-type-heading-weight, 900);
        line-height: var(--sem-type-heading-leading, 1.2em);
        color: inherit;
        margin-top: 0;
        margin-bottom: 0
    }

    .h1 .small,
    .h1 small,
    .h2 .small,
    .h2 small,
    .h3 .small,
    .h3 small,
    .h4 .small,
    .h4 small,
    .h5 .small,
    .h5 small,
    .h6 .small,
    .h6 small,
    h1 .small,
    h1 small,
    h2 .small,
    h2 small,
    h3 .small,
    h3 small,
    h4 .small,
    h4 small,
    h5 .small,
    h5 small,
    h6 .small,
    h6 small {
        font-weight: 400;
        line-height: var(--sem-type-heading-leading, 1.2em);
        color: var(--base-color-neutral-500, #6d7782)
    }

    .h1 .small,
    .h1 small,
    .h2 .small,
    .h2 small,
    .h3 .small,
    .h3 small,
    h1 .small,
    h1 small,
    h2 .small,
    h2 small,
    h3 .small,
    h3 small {
        font-size: 65%
    }

    .h4 .small,
    .h4 small,
    .h5 .small,
    .h5 small,
    .h6 .small,
    .h6 small,
    h4 .small,
    h4 small,
    h5 .small,
    h5 small,
    h6 .small,
    h6 small {
        font-size: 75%
    }

    .h1,
    h1 {
        font-size: var(--sem-type-heading-1, var(--base-type-size-5xl, 2.5rem))
    }

    .h2,
    h2 {
        font-size: var(--sem-type-heading-2, var(--base-type-size-4xl, 2rem))
    }

    .h3,
    h3 {
        font-size: var(--sem-type-heading-3, var(--base-type-size-3xl, 1.75rem))
    }

    .h4,
    .h5,
    h4,
    h5 {
        font-size: var(--base-type-size-md, 1rem)
    }

    .h6,
    h6 {
        font-size: var(--base-type-size-sm, .86rem)
    }

    p {
        margin: 0 0 calc(round(down, var(--base-type-size-md, 1rem)*var(--base-type-leading-normal, 1.5), 1px)/2)
    }

    .lead {
        margin-bottom: round(down, var(--base-type-size-md, 1rem)*var(--base-type-leading-normal, 1.5), 1px);
        font-size: round(down, var(--base-type-size-md, 16px)*1.15, 1);
        font-weight: 300;
        line-height: 1.4
    }

    @media (min-width:768px) {
        .lead {
            font-size: calc(var(--base-type-size-md, 16px)*1.5)
        }
    }

    .mark,
    mark {
        background-color: var(--sem-color-background-caution-primary, var(--base-color-caution-100, #fff8e8));
        padding: .2em
    }

    .text-justify {
        text-align: justify
    }

    .text-nowrap {
        white-space: nowrap
    }

    .text-valign-super {
        vertical-align: super !important
    }

    .text-valign-sub {
        vertical-align: sub !important
    }

    .text-valign-baseline {
        vertical-align: baseline !important
    }

    .text-valign-bottom {
        vertical-align: bottom !important
    }

    .text-muted {
        color: var(--base-color-neutral-500, #6d7782)
    }

    .text-primary,
    a.text-primary:focus,
    a.text-primary:hover {
        color: var(--sem-color-content-brand-primary, var(--base-color-primary-800, #012169))
    }

    @supports (color:color-mix(in lab, red, red)) {

        a.text-primary:focus,
        a.text-primary:hover {
            color: color-mix(in srgb, var(--sem-color-content-brand-primary, var(--base-color-primary-800, #012169))90%, black)
        }
    }

    .text-success,
    a.text-success:focus,
    a.text-success:hover {
        color: var(--sem-color-content-success-primary, var(--base-color-success-700, #0f7e33))
    }

    @supports (color:color-mix(in lab, red, red)) {

        a.text-success:focus,
        a.text-success:hover {
            color: color-mix(in srgb, var(--sem-color-content-success-primary, var(--base-color-success-700, #0f7e33))90%, black)
        }
    }

    .text-info,
    a.text-info:focus,
    a.text-info:hover {
        color: var(--sem-color-content-info-primary, var(--base-color-primary-700, #0f3485))
    }

    @supports (color:color-mix(in lab, red, red)) {

        a.text-info:focus,
        a.text-info:hover {
            color: color-mix(in srgb, var(--sem-color-content-info-primary, var(--base-color-primary-700, #0f3485))90%, black)
        }
    }

    .text-warning,
    a.text-warning:focus,
    a.text-warning:hover {
        color: var(--sem-color-content-caution-primary, var(--base-color-caution-700, #906501))
    }

    @supports (color:color-mix(in lab, red, red)) {

        a.text-warning:focus,
        a.text-warning:hover {
            color: color-mix(in srgb, var(--sem-color-content-caution-primary, var(--base-color-caution-700, #906501))90%, black)
        }
    }

    .text-danger,
    a.text-danger:focus,
    a.text-danger:hover {
        color: var(--sem-color-content-error-primary, var(--base-color-error-700, #bc0005))
    }

    @supports (color:color-mix(in lab, red, red)) {

        a.text-danger:focus,
        a.text-danger:hover {
            color: color-mix(in srgb, var(--sem-color-content-error-primary, var(--base-color-error-700, #bc0005))90%, black)
        }
    }

    .bg-primary {
        color: #fff
    }

    .bg-primary,
    a.bg-primary:focus,
    a.bg-primary:hover {
        background-color: var(--sem-color-content-brand-primary, var(--base-color-primary-800, #012169))
    }

    @supports (color:color-mix(in lab, red, red)) {

        a.bg-primary:focus,
        a.bg-primary:hover {
            background-color: color-mix(in srgb, var(--sem-color-content-brand-primary, var(--base-color-primary-800, #012169))90%, black)
        }
    }

    .bg-success,
    a.bg-success:focus,
    a.bg-success:hover {
        background-color: var(--sem-color-background-success-primary, var(--base-color-success-100, #f0fbec))
    }

    @supports (color:color-mix(in lab, red, red)) {

        a.bg-success:focus,
        a.bg-success:hover {
            background-color: color-mix(in srgb, var(--sem-color-background-success-primary, var(--base-color-success-100, #f0fbec))90%, black)
        }
    }

    .bg-info,
    a.bg-info:focus,
    a.bg-info:hover {
        background-color: var(--sem-color-background-info-primary, var(--base-color-info-100, #f3f4fa))
    }

    @supports (color:color-mix(in lab, red, red)) {

        a.bg-info:focus,
        a.bg-info:hover {
            background-color: color-mix(in srgb, var(--sem-color-background-info-primary, var(--base-color-info-100, #f3f4fa))90%, black)
        }
    }

    .bg-warning,
    a.bg-warning:focus,
    a.bg-warning:hover {
        background-color: var(--sem-color-background-caution-primary, var(--base-color-caution-100, #fff8e8))
    }

    @supports (color:color-mix(in lab, red, red)) {

        a.bg-warning:focus,
        a.bg-warning:hover {
            background-color: color-mix(in srgb, var(--sem-color-background-caution-primary, var(--base-color-caution-100, #fff8e8))90%, black)
        }
    }

    .bg-danger,
    a.bg-danger:focus,
    a.bg-danger:hover {
        background-color: var(--sem-color-background-error-primary, var(--base-color-error-100, #fff0f0))
    }

    @supports (color:color-mix(in lab, red, red)) {

        a.bg-danger:focus,
        a.bg-danger:hover {
            background-color: color-mix(in srgb, var(--sem-color-background-error-primary, var(--base-color-error-100, #fff0f0))90%, black)
        }
    }

    .page-header {
        padding-bottom: calc(round(down, var(--base-type-size-md, 1rem)*var(--base-type-leading-normal, 1.5), 1px)/2 - 1px);
        margin: calc(round(down, var(--base-type-size-md, 1rem)*var(--base-type-leading-normal, 1.5), 1px)*2)0 round(down, var(--base-type-size-md, 1rem)*var(--base-type-leading-normal, 1.5), 1px);
        border-bottom: 1px solid var(--base-color-neutral-200, #e1e4e8)
    }

    ol,
    ul {
        margin-top: 0;
        margin-bottom: calc(round(down, var(--base-type-size-md, 1rem)*var(--base-type-leading-normal, 1.5), 1px)/2)
    }

    ol ol,
    ol ul,
    ul ol,
    ul ul {
        margin-bottom: 0
    }

    .list-inline,
    .list-unstyled {
        padding-left: 0;
        list-style: none
    }

    .list-inline {
        margin-left: -var(--base-space-px-4, 4px);
        margin-right: -var(--base-space-px-4, 4px)
    }

    .list-inline>li {
        padding-left: var(--base-space-px-4, 4px);
        padding-right: var(--base-space-px-4, 4px);
        display: inline-block
    }

    dl {
        margin-top: 0;
        margin-bottom: round(down, var(--base-type-size-md, 1rem)*var(--base-type-leading-normal, 1.5), 1px)
    }

    dd,
    dt {
        line-height: var(--base-type-leading-normal, 1.5)
    }

    dt {
        font-weight: 700
    }

    dd {
        margin-left: 0
    }

    .dl-horizontal dd:after,
    .dl-horizontal dd:before {
        content: " ";
        display: table
    }

    .dl-horizontal dd:after {
        clear: both
    }

    @media (min-width:1301px) {
        .dl-horizontal dt {
            float: left;
            clear: left;
            text-align: right;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 160px;
            overflow: hidden
        }

        .dl-horizontal dd {
            margin-left: 180px
        }
    }

    abbr[data-original-title],
    abbr[title] {
        cursor: help
    }

    .initialism {
        font-size: 90%
    }

    blockquote {
        padding: calc(round(down, var(--base-type-size-md, 1rem)*var(--base-type-leading-normal, 1.5), 1px)/2)round(down, var(--base-type-size-md, 1rem)*var(--base-type-leading-normal, 1.5), 1px);
        margin: 0 0 round(down, var(--base-type-size-md, 1rem)*var(--base-type-leading-normal, 1.5), 1px);
        font-size: calc(var(--base-type-size-md, 16px)*1.25);
        border-left: 5px solid var(--base-color-neutral-200, #e1e4e8)
    }

    blockquote ol:last-child,
    blockquote p:last-child,
    blockquote ul:last-child {
        margin-bottom: 0
    }

    blockquote .small,
    blockquote footer,
    blockquote small {
        font-size: 80%;
        line-height: var(--base-type-leading-normal, 1.5);
        color: var(--base-color-neutral-500, #6d7782);
        display: block
    }

    blockquote .small:before,
    blockquote footer:before,
    blockquote small:before {
        content: "— "
    }

    .blockquote-reverse,
    blockquote.pull-right {
        text-align: right;
        border-right: 5px solid var(--base-color-neutral-200, #e1e4e8);
        border-left: 0;
        padding-left: 0;
        padding-right: 15px
    }

    .blockquote-reverse .small:before,
    .blockquote-reverse footer:before,
    .blockquote-reverse small:before,
    blockquote.pull-right .small:before,
    blockquote.pull-right footer:before,
    blockquote.pull-right small:before {
        content: ""
    }

    .blockquote-reverse .small:after,
    .blockquote-reverse footer:after,
    .blockquote-reverse small:after,
    blockquote.pull-right .small:after,
    blockquote.pull-right footer:after,
    blockquote.pull-right small:after {
        content: " —"
    }

    address {
        margin-bottom: round(down, var(--base-type-size-md, 1rem)*var(--base-type-leading-normal, 1.5), 1px);
        font-style: normal;
        line-height: var(--base-type-leading-normal, 1.5)
    }

    .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm {
        padding-right: round(up, var(--base-space-px-16, 16px)/2, 1px);
        padding-left: round(down, var(--base-space-px-16, 16px)/2, 1px);
        margin-left: auto;
        margin-right: auto
    }

    .container-fluid:after,
    .container-fluid:before,
    .container-lg:after,
    .container-lg:before,
    .container-md:after,
    .container-md:before,
    .container-sm:after,
    .container-sm:before,
    .container:after,
    .container:before {
        content: " ";
        display: table
    }

    .container-fluid:after,
    .container-lg:after,
    .container-md:after,
    .container-sm:after,
    .container:after {
        clear: both
    }

    .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm {
        width: 100%
    }

    @media (min-width:768px) {

        .container,
        .container-sm {
            max-width: calc(722px + var(--base-space-px-16, 16px))
        }
    }

    @media (min-width:1024px) {

        .container,
        .container-md,
        .container-sm {
            max-width: calc(978px + var(--base-space-px-16, 16px))
        }
    }

    @media (min-width:1300px) {

        .container,
        .container-lg,
        .container-md,
        .container-sm {
            max-width: calc(1254px + var(--base-space-px-16, 16px))
        }
    }

    .row {
        margin-right: round(down, var(--base-space-px-16, 16px)/-2, 1px);
        margin-left: round(up, var(--base-space-px-16, 16px)/-2, 1px)
    }

    .row:after,
    .row:before {
        content: " ";
        display: table
    }

    .row:after {
        clear: both
    }

    .row-no-gutters {
        margin-left: 0;
        margin-right: 0
    }

    .row-no-gutters [class*=col-] {
        padding-left: 0;
        padding-right: 0
    }

    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .video-portion-container .header-text-wrapper-type-1,
    .video-portion-container .header-text-wrapper-type-2,
    .video-portion-container .header-text-wrapper-type-3 {
        min-height: 1px;
        padding-right: round(down, var(--base-space-px-16, 16px)/2, 1px);
        padding-left: round(up, var(--base-space-px-16, 16px)/2, 1px);
        position: relative
    }

    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .video-portion-container .header-text-wrapper-type-1,
    .video-portion-container .header-text-wrapper-type-2,
    .video-portion-container .header-text-wrapper-type-3 {
        float: left
    }

    .col-xs-1 {
        width: 8.33333%
    }

    .col-xs-2 {
        width: 16.6667%
    }

    .col-xs-3 {
        width: 25%
    }

    .col-xs-4 {
        width: 33.3333%
    }

    .col-xs-5 {
        width: 41.6667%
    }

    .col-xs-6 {
        width: 50%
    }

    .col-xs-7 {
        width: 58.3333%
    }

    .col-xs-8,
    .video-portion-container .header-text-wrapper-type-3 {
        width: 66.6667%
    }

    .col-xs-9,
    .video-portion-container .header-text-wrapper-type-1,
    .video-portion-container .header-text-wrapper-type-2 {
        width: 75%
    }

    .col-xs-10 {
        width: 83.3333%
    }

    .col-xs-11 {
        width: 91.6667%
    }

    .col-xs-12 {
        width: 100%
    }

    .col-xs-pull-0 {
        right: auto
    }

    .col-xs-pull-1 {
        right: 8.33333%
    }

    .col-xs-pull-2 {
        right: 16.6667%
    }

    .col-xs-pull-3 {
        right: 25%
    }

    .col-xs-pull-4 {
        right: 33.3333%
    }

    .col-xs-pull-5 {
        right: 41.6667%
    }

    .col-xs-pull-6 {
        right: 50%
    }

    .col-xs-pull-7 {
        right: 58.3333%
    }

    .col-xs-pull-8 {
        right: 66.6667%
    }

    .col-xs-pull-9 {
        right: 75%
    }

    .col-xs-pull-10 {
        right: 83.3333%
    }

    .col-xs-pull-11 {
        right: 91.6667%
    }

    .col-xs-pull-12 {
        right: 100%
    }

    .col-xs-push-0 {
        left: auto
    }

    .col-xs-push-1 {
        left: 8.33333%
    }

    .col-xs-push-2 {
        left: 16.6667%
    }

    .col-xs-push-3 {
        left: 25%
    }

    .col-xs-push-4 {
        left: 33.3333%
    }

    .col-xs-push-5 {
        left: 41.6667%
    }

    .col-xs-push-6 {
        left: 50%
    }

    .col-xs-push-7 {
        left: 58.3333%
    }

    .col-xs-push-8 {
        left: 66.6667%
    }

    .col-xs-push-9 {
        left: 75%
    }

    .col-xs-push-10 {
        left: 83.3333%
    }

    .col-xs-push-11 {
        left: 91.6667%
    }

    .col-xs-push-12 {
        left: 100%
    }

    .col-xs-offset-0 {
        margin-left: 0
    }

    .col-xs-offset-1 {
        margin-left: 8.33333%
    }

    .col-xs-offset-2 {
        margin-left: 16.6667%
    }

    .col-xs-offset-3 {
        margin-left: 25%
    }

    .col-xs-offset-4 {
        margin-left: 33.3333%
    }

    .col-xs-offset-5 {
        margin-left: 41.6667%
    }

    .col-xs-offset-6 {
        margin-left: 50%
    }

    .col-xs-offset-7 {
        margin-left: 58.3333%
    }

    .col-xs-offset-8 {
        margin-left: 66.6667%
    }

    .col-xs-offset-9 {
        margin-left: 75%
    }

    .col-xs-offset-10 {
        margin-left: 83.3333%
    }

    .col-xs-offset-11 {
        margin-left: 91.6667%
    }

    .col-xs-offset-12 {
        margin-left: 100%
    }

    @media (min-width:768px) {

        .col-sm-1,
        .col-sm-10,
        .col-sm-11,
        .col-sm-12,
        .col-sm-2,
        .col-sm-3,
        .col-sm-4,
        .col-sm-5,
        .col-sm-6,
        .col-sm-7,
        .col-sm-8,
        .col-sm-9,
        .video-portion-container .header-text-wrapper-type-1,
        .video-portion-container .header-text-wrapper-type-2,
        .video-portion-container .header-text-wrapper-type-3 {
            float: left
        }

        .col-sm-1 {
            width: 8.33333%
        }

        .col-sm-2 {
            width: 16.6667%
        }

        .col-sm-3 {
            width: 25%
        }

        .col-sm-4 {
            width: 33.3333%
        }

        .col-sm-5 {
            width: 41.6667%
        }

        .col-sm-6 {
            width: 50%
        }

        .col-sm-7 {
            width: 58.3333%
        }

        .col-sm-8,
        .video-portion-container .header-text-wrapper-type-3 {
            width: 66.6667%
        }

        .col-sm-9,
        .video-portion-container .header-text-wrapper-type-1,
        .video-portion-container .header-text-wrapper-type-2 {
            width: 75%
        }

        .col-sm-10 {
            width: 83.3333%
        }

        .col-sm-11 {
            width: 91.6667%
        }

        .col-sm-12 {
            width: 100%
        }

        .col-sm-pull-0 {
            right: auto
        }

        .col-sm-pull-1 {
            right: 8.33333%
        }

        .col-sm-pull-2 {
            right: 16.6667%
        }

        .col-sm-pull-3 {
            right: 25%
        }

        .col-sm-pull-4 {
            right: 33.3333%
        }

        .col-sm-pull-5 {
            right: 41.6667%
        }

        .col-sm-pull-6 {
            right: 50%
        }

        .col-sm-pull-7 {
            right: 58.3333%
        }

        .col-sm-pull-8 {
            right: 66.6667%
        }

        .col-sm-pull-9 {
            right: 75%
        }

        .col-sm-pull-10 {
            right: 83.3333%
        }

        .col-sm-pull-11 {
            right: 91.6667%
        }

        .col-sm-pull-12 {
            right: 100%
        }

        .col-sm-push-0 {
            left: auto
        }

        .col-sm-push-1 {
            left: 8.33333%
        }

        .col-sm-push-2 {
            left: 16.6667%
        }

        .col-sm-push-3 {
            left: 25%
        }

        .col-sm-push-4 {
            left: 33.3333%
        }

        .col-sm-push-5 {
            left: 41.6667%
        }

        .col-sm-push-6 {
            left: 50%
        }

        .col-sm-push-7 {
            left: 58.3333%
        }

        .col-sm-push-8 {
            left: 66.6667%
        }

        .col-sm-push-9 {
            left: 75%
        }

        .col-sm-push-10 {
            left: 83.3333%
        }

        .col-sm-push-11 {
            left: 91.6667%
        }

        .col-sm-push-12 {
            left: 100%
        }

        .col-sm-offset-0 {
            margin-left: 0
        }

        .col-sm-offset-1 {
            margin-left: 8.33333%
        }

        .col-sm-offset-2 {
            margin-left: 16.6667%
        }

        .col-sm-offset-3 {
            margin-left: 25%
        }

        .col-sm-offset-4 {
            margin-left: 33.3333%
        }

        .col-sm-offset-5 {
            margin-left: 41.6667%
        }

        .col-sm-offset-6 {
            margin-left: 50%
        }

        .col-sm-offset-7 {
            margin-left: 58.3333%
        }

        .col-sm-offset-8 {
            margin-left: 66.6667%
        }

        .col-sm-offset-9 {
            margin-left: 75%
        }

        .col-sm-offset-10 {
            margin-left: 83.3333%
        }

        .col-sm-offset-11 {
            margin-left: 91.6667%
        }

        .col-sm-offset-12 {
            margin-left: 100%
        }
    }

    @media (min-width:1024px) {

        .col-md-1,
        .col-md-10,
        .col-md-11,
        .col-md-12,
        .col-md-2,
        .col-md-3,
        .col-md-4,
        .col-md-5,
        .col-md-6,
        .col-md-7,
        .col-md-8,
        .col-md-9,
        .video-portion-container .header-text-wrapper-type-1,
        .video-portion-container .header-text-wrapper-type-2,
        .video-portion-container .header-text-wrapper-type-3 {
            float: left
        }

        .col-md-1 {
            width: 8.33333%
        }

        .col-md-2 {
            width: 16.6667%
        }

        .col-md-3 {
            width: 25%
        }

        .col-md-4 {
            width: 33.3333%
        }

        .col-md-5 {
            width: 41.6667%
        }

        .col-md-6 {
            width: 50%
        }

        .col-md-7 {
            width: 58.3333%
        }

        .col-md-8,
        .video-portion-container .header-text-wrapper-type-3 {
            width: 66.6667%
        }

        .col-md-9,
        .video-portion-container .header-text-wrapper-type-2 {
            width: 75%
        }

        .col-md-10,
        .video-portion-container .header-text-wrapper-type-1 {
            width: 83.3333%
        }

        .col-md-11 {
            width: 91.6667%
        }

        .col-md-12 {
            width: 100%
        }

        .col-md-pull-0 {
            right: auto
        }

        .col-md-pull-1 {
            right: 8.33333%
        }

        .col-md-pull-2 {
            right: 16.6667%
        }

        .col-md-pull-3 {
            right: 25%
        }

        .col-md-pull-4 {
            right: 33.3333%
        }

        .col-md-pull-5 {
            right: 41.6667%
        }

        .col-md-pull-6 {
            right: 50%
        }

        .col-md-pull-7 {
            right: 58.3333%
        }

        .col-md-pull-8 {
            right: 66.6667%
        }

        .col-md-pull-9 {
            right: 75%
        }

        .col-md-pull-10 {
            right: 83.3333%
        }

        .col-md-pull-11 {
            right: 91.6667%
        }

        .col-md-pull-12 {
            right: 100%
        }

        .col-md-push-0 {
            left: auto
        }

        .col-md-push-1 {
            left: 8.33333%
        }

        .col-md-push-2 {
            left: 16.6667%
        }

        .col-md-push-3 {
            left: 25%
        }

        .col-md-push-4 {
            left: 33.3333%
        }

        .col-md-push-5 {
            left: 41.6667%
        }

        .col-md-push-6 {
            left: 50%
        }

        .col-md-push-7 {
            left: 58.3333%
        }

        .col-md-push-8 {
            left: 66.6667%
        }

        .col-md-push-9 {
            left: 75%
        }

        .col-md-push-10 {
            left: 83.3333%
        }

        .col-md-push-11 {
            left: 91.6667%
        }

        .col-md-push-12 {
            left: 100%
        }

        .col-md-offset-0 {
            margin-left: 0
        }

        .col-md-offset-1 {
            margin-left: 8.33333%
        }

        .col-md-offset-2 {
            margin-left: 16.6667%
        }

        .col-md-offset-3 {
            margin-left: 25%
        }

        .col-md-offset-4 {
            margin-left: 33.3333%
        }

        .col-md-offset-5 {
            margin-left: 41.6667%
        }

        .col-md-offset-6 {
            margin-left: 50%
        }

        .col-md-offset-7 {
            margin-left: 58.3333%
        }

        .col-md-offset-8 {
            margin-left: 66.6667%
        }

        .col-md-offset-9 {
            margin-left: 75%
        }

        .col-md-offset-10 {
            margin-left: 83.3333%
        }

        .col-md-offset-11 {
            margin-left: 91.6667%
        }

        .col-md-offset-12 {
            margin-left: 100%
        }
    }

    @media (min-width:1300px) {

        .col-lg-1,
        .col-lg-10,
        .col-lg-11,
        .col-lg-12,
        .col-lg-2,
        .col-lg-3,
        .col-lg-4,
        .col-lg-5,
        .col-lg-6,
        .col-lg-7,
        .col-lg-8,
        .col-lg-9 {
            float: left
        }

        .col-lg-1 {
            width: 8.33333%
        }

        .col-lg-2 {
            width: 16.6667%
        }

        .col-lg-3 {
            width: 25%
        }

        .col-lg-4 {
            width: 33.3333%
        }

        .col-lg-5 {
            width: 41.6667%
        }

        .col-lg-6 {
            width: 50%
        }

        .col-lg-7 {
            width: 58.3333%
        }

        .col-lg-8 {
            width: 66.6667%
        }

        .col-lg-9 {
            width: 75%
        }

        .col-lg-10 {
            width: 83.3333%
        }

        .col-lg-11 {
            width: 91.6667%
        }

        .col-lg-12 {
            width: 100%
        }

        .col-lg-pull-0 {
            right: auto
        }

        .col-lg-pull-1 {
            right: 8.33333%
        }

        .col-lg-pull-2 {
            right: 16.6667%
        }

        .col-lg-pull-3 {
            right: 25%
        }

        .col-lg-pull-4 {
            right: 33.3333%
        }

        .col-lg-pull-5 {
            right: 41.6667%
        }

        .col-lg-pull-6 {
            right: 50%
        }

        .col-lg-pull-7 {
            right: 58.3333%
        }

        .col-lg-pull-8 {
            right: 66.6667%
        }

        .col-lg-pull-9 {
            right: 75%
        }

        .col-lg-pull-10 {
            right: 83.3333%
        }

        .col-lg-pull-11 {
            right: 91.6667%
        }

        .col-lg-pull-12 {
            right: 100%
        }

        .col-lg-push-0 {
            left: auto
        }

        .col-lg-push-1 {
            left: 8.33333%
        }

        .col-lg-push-2 {
            left: 16.6667%
        }

        .col-lg-push-3 {
            left: 25%
        }

        .col-lg-push-4 {
            left: 33.3333%
        }

        .col-lg-push-5 {
            left: 41.6667%
        }

        .col-lg-push-6 {
            left: 50%
        }

        .col-lg-push-7 {
            left: 58.3333%
        }

        .col-lg-push-8 {
            left: 66.6667%
        }

        .col-lg-push-9 {
            left: 75%
        }

        .col-lg-push-10 {
            left: 83.3333%
        }

        .col-lg-push-11 {
            left: 91.6667%
        }

        .col-lg-push-12 {
            left: 100%
        }

        .col-lg-offset-0 {
            margin-left: 0
        }

        .col-lg-offset-1 {
            margin-left: 8.33333%
        }

        .col-lg-offset-2 {
            margin-left: 16.6667%
        }

        .col-lg-offset-3 {
            margin-left: 25%
        }

        .col-lg-offset-4 {
            margin-left: 33.3333%
        }

        .col-lg-offset-5 {
            margin-left: 41.6667%
        }

        .col-lg-offset-6 {
            margin-left: 50%
        }

        .col-lg-offset-7 {
            margin-left: 58.3333%
        }

        .col-lg-offset-8 {
            margin-left: 66.6667%
        }

        .col-lg-offset-9 {
            margin-left: 75%
        }

        .col-lg-offset-10 {
            margin-left: 83.3333%
        }

        .col-lg-offset-11 {
            margin-left: 91.6667%
        }

        .col-lg-offset-12 {
            margin-left: 100%
        }
    }

    table {
        background-color: #0000
    }

    table col[class*=col-] {
        float: none;
        display: table-column
    }

    table td[class*=col-],
    table th[class*=col-] {
        float: none;
        display: table-cell
    }

    caption {
        padding-top: var(--base-space-px-12, 12px);
        padding-bottom: var(--base-space-px-12, 12px);
        color: var(--base-color-neutral-500, #6d7782)
    }

    caption,
    th {
        text-align: left
    }

    .table {
        width: 100%;
        max-width: 100%;
        margin-bottom: round(down, var(--base-type-size-md, 1rem)*var(--base-type-leading-normal, 1.5), 1px)
    }

    .table>tbody>tr>td,
    .table>tbody>tr>th,
    .table>tfoot>tr>td,
    .table>tfoot>tr>th,
    .table>thead>tr>td,
    .table>thead>tr>th {
        padding: var(--base-space-px-12, 12px);
        line-height: var(--base-type-leading-normal, 1.5);
        vertical-align: top;
        border-top: 1px solid var(--base-color-neutral-300, #cfd4da)
    }

    .table>thead>tr>th {
        vertical-align: bottom;
        border-bottom: 2px solid var(--base-color-neutral-300, #cfd4da)
    }

    .table>caption+thead>tr:first-child>td,
    .table>caption+thead>tr:first-child>th,
    .table>colgroup+thead>tr:first-child>td,
    .table>colgroup+thead>tr:first-child>th,
    .table>thead:first-child>tr:first-child>td,
    .table>thead:first-child>tr:first-child>th {
        border-top: 0
    }

    .table>tbody+tbody {
        border-top: 2px solid var(--base-color-neutral-300, #cfd4da)
    }

    .table .table {
        background-color: var(--base-color-white, #fff)
    }

    .table-condensed>tbody>tr>td,
    .table-condensed>tbody>tr>th,
    .table-condensed>tfoot>tr>td,
    .table-condensed>tfoot>tr>th,
    .table-condensed>thead>tr>td,
    .table-condensed>thead>tr>th {
        padding: var(--base-space-px-8, 8px)
    }

    .table-bordered,
    .table-bordered>tbody>tr>td,
    .table-bordered>tbody>tr>th,
    .table-bordered>tfoot>tr>td,
    .table-bordered>tfoot>tr>th,
    .table-bordered>thead>tr>td,
    .table-bordered>thead>tr>th {
        border: 1px solid var(--base-color-neutral-300, #cfd4da)
    }

    .table-bordered>thead>tr>td,
    .table-bordered>thead>tr>th {
        border-bottom-width: 2px
    }

    .table-striped>tbody>tr:nth-of-type(odd) {
        background-color: var(--base-color-neutral-100, #f8f8f8)
    }

    [class*=bg-gray] .table-striped>tbody>tr:nth-of-type(odd) {
        background-color: var(--base-color-neutral-300, #cfd4da)
    }

    .table-hover>tbody>tr.active:hover>td,
    .table-hover>tbody>tr.active:hover>th,
    .table-hover>tbody>tr:hover,
    .table-hover>tbody>tr:hover>.active,
    .table-hover>tbody>tr>td.active:hover,
    .table-hover>tbody>tr>th.active:hover,
    .table>tbody>tr.active>td,
    .table>tbody>tr.active>th,
    .table>tbody>tr>td.active,
    .table>tbody>tr>th.active,
    .table>tfoot>tr.active>td,
    .table>tfoot>tr.active>th,
    .table>tfoot>tr>td.active,
    .table>tfoot>tr>th.active,
    .table>thead>tr.active>td,
    .table>thead>tr.active>th,
    .table>thead>tr>td.active,
    .table>thead>tr>th.active {
        background-color: var(--base-color-neutral-200, #e1e4e8)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .table-hover>tbody>tr.active:hover>td,
        .table-hover>tbody>tr.active:hover>th,
        .table-hover>tbody>tr:hover>.active,
        .table-hover>tbody>tr>td.active:hover,
        .table-hover>tbody>tr>th.active:hover {
            background-color: color-mix(in srgb, var(--base-color-neutral-200, #e1e4e8)95%, black)
        }
    }

    .table-hover>tbody>tr.success:hover>td,
    .table-hover>tbody>tr.success:hover>th,
    .table-hover>tbody>tr:hover>.success,
    .table-hover>tbody>tr>td.success:hover,
    .table-hover>tbody>tr>th.success:hover,
    .table>tbody>tr.success>td,
    .table>tbody>tr.success>th,
    .table>tbody>tr>td.success,
    .table>tbody>tr>th.success,
    .table>tfoot>tr.success>td,
    .table>tfoot>tr.success>th,
    .table>tfoot>tr>td.success,
    .table>tfoot>tr>th.success,
    .table>thead>tr.success>td,
    .table>thead>tr.success>th,
    .table>thead>tr>td.success,
    .table>thead>tr>th.success {
        background-color: var(--sem-color-background-success-primary, var(--base-color-success-100, #f0fbec))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .table-hover>tbody>tr.success:hover>td,
        .table-hover>tbody>tr.success:hover>th,
        .table-hover>tbody>tr:hover>.success,
        .table-hover>tbody>tr>td.success:hover,
        .table-hover>tbody>tr>th.success:hover {
            background-color: color-mix(in srgb, var(--sem-color-background-success-primary, var(--base-color-success-100, #f0fbec))95%, black)
        }
    }

    .table-hover>tbody>tr.info:hover>td,
    .table-hover>tbody>tr.info:hover>th,
    .table-hover>tbody>tr:hover>.info,
    .table-hover>tbody>tr>td.info:hover,
    .table-hover>tbody>tr>th.info:hover,
    .table>tbody>tr.info>td,
    .table>tbody>tr.info>th,
    .table>tbody>tr>td.info,
    .table>tbody>tr>th.info,
    .table>tfoot>tr.info>td,
    .table>tfoot>tr.info>th,
    .table>tfoot>tr>td.info,
    .table>tfoot>tr>th.info,
    .table>thead>tr.info>td,
    .table>thead>tr.info>th,
    .table>thead>tr>td.info,
    .table>thead>tr>th.info {
        background-color: var(--sem-color-background-info-primary, var(--base-color-info-100, #f3f4fa))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .table-hover>tbody>tr.info:hover>td,
        .table-hover>tbody>tr.info:hover>th,
        .table-hover>tbody>tr:hover>.info,
        .table-hover>tbody>tr>td.info:hover,
        .table-hover>tbody>tr>th.info:hover {
            background-color: color-mix(in srgb, var(--sem-color-background-info-primary, var(--base-color-info-100, #f3f4fa))95%, black)
        }
    }

    .table-hover>tbody>tr.warning:hover>td,
    .table-hover>tbody>tr.warning:hover>th,
    .table-hover>tbody>tr:hover>.warning,
    .table-hover>tbody>tr>td.warning:hover,
    .table-hover>tbody>tr>th.warning:hover,
    .table>tbody>tr.warning>td,
    .table>tbody>tr.warning>th,
    .table>tbody>tr>td.warning,
    .table>tbody>tr>th.warning,
    .table>tfoot>tr.warning>td,
    .table>tfoot>tr.warning>th,
    .table>tfoot>tr>td.warning,
    .table>tfoot>tr>th.warning,
    .table>thead>tr.warning>td,
    .table>thead>tr.warning>th,
    .table>thead>tr>td.warning,
    .table>thead>tr>th.warning {
        background-color: var(--sem-color-background-caution-primary, var(--base-color-caution-100, #fff8e8))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .table-hover>tbody>tr.warning:hover>td,
        .table-hover>tbody>tr.warning:hover>th,
        .table-hover>tbody>tr:hover>.warning,
        .table-hover>tbody>tr>td.warning:hover,
        .table-hover>tbody>tr>th.warning:hover {
            background-color: color-mix(in srgb, var(--sem-color-background-caution-primary, var(--base-color-caution-100, #fff8e8))95%, black)
        }
    }

    .table-hover>tbody>tr.danger:hover>td,
    .table-hover>tbody>tr.danger:hover>th,
    .table-hover>tbody>tr:hover>.danger,
    .table-hover>tbody>tr>td.danger:hover,
    .table-hover>tbody>tr>th.danger:hover,
    .table>tbody>tr.danger>td,
    .table>tbody>tr.danger>th,
    .table>tbody>tr>td.danger,
    .table>tbody>tr>th.danger,
    .table>tfoot>tr.danger>td,
    .table>tfoot>tr.danger>th,
    .table>tfoot>tr>td.danger,
    .table>tfoot>tr>th.danger,
    .table>thead>tr.danger>td,
    .table>thead>tr.danger>th,
    .table>thead>tr>td.danger,
    .table>thead>tr>th.danger {
        background-color: var(--sem-color-background-error-primary, var(--base-color-error-100, #fff0f0))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .table-hover>tbody>tr.danger:hover>td,
        .table-hover>tbody>tr.danger:hover>th,
        .table-hover>tbody>tr:hover>.danger,
        .table-hover>tbody>tr>td.danger:hover,
        .table-hover>tbody>tr>th.danger:hover {
            background-color: color-mix(in srgb, var(--sem-color-background-error-primary, var(--base-color-error-100, #fff0f0))95%, black)
        }
    }

    .table-responsive {
        overflow-x: auto
    }

    @media screen and (max-width:767px) {
        .table-responsive {
            width: 100%;
            margin-bottom: calc(round(down, var(--base-type-size-md, 1rem)*var(--base-type-leading-normal, 1.5), 1px)*.75);
            border: 1px solid var(--base-color-neutral-300, #cfd4da);
            overflow-y: hidden
        }

        .table-responsive>.table {
            margin-bottom: 0
        }

        .table-responsive>.table>tbody>tr>td,
        .table-responsive>.table>tbody>tr>th,
        .table-responsive>.table>tfoot>tr>td,
        .table-responsive>.table>tfoot>tr>th,
        .table-responsive>.table>thead>tr>td,
        .table-responsive>.table>thead>tr>th {
            white-space: nowrap
        }

        .table-responsive>.table-bordered {
            border: 0
        }

        .table-responsive>.table-bordered>tbody>tr>td:first-child,
        .table-responsive>.table-bordered>tbody>tr>th:first-child,
        .table-responsive>.table-bordered>tfoot>tr>td:first-child,
        .table-responsive>.table-bordered>tfoot>tr>th:first-child,
        .table-responsive>.table-bordered>thead>tr>td:first-child,
        .table-responsive>.table-bordered>thead>tr>th:first-child {
            border-left: 0
        }

        .table-responsive>.table-bordered>tbody>tr>td:last-child,
        .table-responsive>.table-bordered>tbody>tr>th:last-child,
        .table-responsive>.table-bordered>tfoot>tr>td:last-child,
        .table-responsive>.table-bordered>tfoot>tr>th:last-child,
        .table-responsive>.table-bordered>thead>tr>td:last-child,
        .table-responsive>.table-bordered>thead>tr>th:last-child {
            border-right: 0
        }

        .table-responsive>.table-bordered>tbody>tr:last-child>td,
        .table-responsive>.table-bordered>tbody>tr:last-child>th,
        .table-responsive>.table-bordered>tfoot>tr:last-child>td,
        .table-responsive>.table-bordered>tfoot>tr:last-child>th {
            border-bottom: 0
        }
    }

    fieldset {
        min-width: 0;
        margin: 0
    }

    fieldset,
    legend {
        border: 0;
        padding: 0
    }

    legend {
        width: 100%;
        margin-bottom: round(down, var(--base-type-size-md, 1rem)*var(--base-type-leading-normal, 1.5), 1px);
        font-size: calc(var(--base-type-size-md, 16px)*1.5);
        line-height: inherit;
        color: var(--base-color-neutral-300, #cfd4da);
        border-bottom: 1px solid var(--base-color-neutral-200, #e1e4e8);
        display: block
    }

    label {
        margin-bottom: var(--comp-space-gap-input, var(--base-space-px-4, 4px));
        font-weight: 700;
        display: inline-block
    }

    input[type=search] {
        box-sizing: border-box;
        appearance: none
    }

    input[type=checkbox],
    input[type=radio] {
        margin: 4px 0 0;
        line-height: normal
    }

    fieldset[disabled] input[type=checkbox],
    fieldset[disabled] input[type=radio],
    input[type=checkbox].disabled,
    input[type=checkbox][disabled],
    input[type=radio].disabled,
    input[type=radio][disabled] {
        cursor: not-allowed
    }

    input[type=file] {
        display: block
    }

    input[type=range] {
        width: 100%;
        display: block
    }

    select[multiple],
    select[size] {
        height: auto
    }

    input[type=checkbox]:focus,
    input[type=file]:focus,
    input[type=radio]:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: 2px
    }

    output {
        font-size: var(--base-type-size-md, 16px);
        padding-top: 7px
    }

    .form-control,
    output {
        line-height: var(--base-type-leading-normal, 1.5);
        color: var(--comp-color-content-input-value-rest, var(--base-color-neutral-800, #2d363e));
        display: block
    }

    .form-control {
        width: 100%;
        height: var(--comp-size-height-input, 48px);
        padding: 0 var(--comp-space-padding-input-horizontal, var(--base-space-px-16, 16px));
        font-size: var(--comp-type-size-input-value, var(--base-type-size-md, 1rem));
        background-color: var(--comp-color-background-input-rest, var(--base-color-white, #fff));
        border: solid var(--comp-color-border-input-rest, var(--base-color-neutral-300, #cfd4da));
        border-radius: var(--comp-size-radius-input, var(--base-space-px-4, 4px));
        border-width: var(--comp-size-border-text-input-field, var(--base-space-px-1, 1px));
        background-image: none;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        box-shadow: inset 0 1px 1px #00000013
    }

    .form-control:focus {
        border-color: var(--sem-color-content-info-primary, var(--base-color-primary-700, #0f3485));
        box-shadow: inset 0 1px 1px #00000013, 0 0 8px var(--sem-color-content-info-primary, var(--base-color-primary-700, #0f3485));
        outline: 0
    }

    @supports (color:color-mix(in lab, red, red)) {
        .form-control:focus {
            box-shadow: inset 0 1px 1px #00000013, 0 0 8px color-mix(in srgb, var(--sem-color-content-info-primary, var(--base-color-primary-700, #0f3485))60%, transparent)
        }
    }

    .form-control::placeholder {
        color: var(--comp-color-content-input-placeholder-rest, var(--base-color-neutral-500, #6d7782));
        opacity: 1
    }

    .form-control:hover:not(:disabled, :active, :focus) {
        background-color: var(--comp-color-background-input-hover, var(--base-color-white, #fff));
        color: var(--comp-color-content-input-value-hover, var(--base-color-neutral-800, #2d363e));
        border: 1px solid var(--comp-color-border-input-hover, var(--base-color-black-alpha-40, var(--base-color-black, #000)))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .form-control:hover:not(:disabled, :active, :focus) {
            border: 1px solid var(--comp-color-border-input-hover, var(--base-color-black-alpha-40, color-mix(in srgb, var(--base-color-black, #000)40%, transparent)))
        }
    }

    .form-control:hover:not(:disabled, :active, :focus)::placeholder {
        color: var(--comp-color-content-input-placeholder-hover, var(--base-color-neutral-500, #6d7782))
    }

    .form-control:active,
    .form-control:focus {
        background-color: var(--comp-color-background-input-active, var(--base-color-white, #fff));
        border-color: var(--comp-color-border-input-active, var(--base-color-primary-800, #012169));
        border-width: var(--comp-size-border-text-input-field-active, var(--base-space-px-2, 2px));
        font-weight: var(--comp-type-weight-input-value, var(--base-type-weight-regular, 400));
        box-shadow: none;
        color: var(--comp-color-content-input-value-active, var(--base-color-neutral-800, #2d363e)) !important
    }

    .form-control:active::placeholder,
    .form-control:focus::placeholder {
        color: var(--comp-color-content-input-placeholder-pressed, var(--base-color-neutral-500, #6d7782))
    }

    .form-control.has-value {
        color: var(--comp-color-content-input-value-rest, var(--base-color-neutral-800, #2d363e));
        font-weight: var(--comp-type-weight-input-value, var(--base-type-weight-regular, 400))
    }

    .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control {
        background-color: var(--comp-color-background-input-disabled, var(--base-color-neutral-200, #e1e4e8));
        opacity: var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%));
        border: 1px solid var(--base-color-neutral-300, #cfd4da);
        font-weight: var(--base-type-weight-regular, 400)
    }

    .form-control[disabled]::placeholder,
    .form-control[readonly]::placeholder,
    fieldset[disabled] .form-control::placeholder {
        color: var(--comp-color-content-input-placeholder-disabled, var(--base-color-neutral-500, #6d7782))
    }

    .form-control[disabled],
    fieldset[disabled] .form-control {
        cursor: not-allowed
    }

    textarea.form-control {
        height: auto
    }

    @media screen and (min-device-pixel-ratio:0) {

        input[type=date].form-control,
        input[type=datetime-local].form-control,
        input[type=month].form-control,
        input[type=time].form-control {
            line-height: var(--comp-size-height-input, 48px)
        }

        .input-group-sm input[type=date],
        .input-group-sm input[type=datetime-local],
        .input-group-sm input[type=month],
        .input-group-sm input[type=time],
        .input-group-sm>.input-group-btn>input[type=date].btn,
        .input-group-sm>.input-group-btn>input[type=datetime-local].btn,
        .input-group-sm>.input-group-btn>input[type=month].btn,
        .input-group-sm>.input-group-btn>input[type=time].btn,
        input[type=date].input-sm,
        input[type=datetime-local].input-sm,
        input[type=month].input-sm,
        input[type=time].input-sm {
            line-height: calc(round(down, var(--base-type-size-sm, .86rem)*var(--base-type-leading-tight, 1.2), 1px) + (var(--base-space-px-12, 12px)) + 2px)
        }

        .input-group-lg input[type=date],
        .input-group-lg input[type=datetime-local],
        .input-group-lg input[type=month],
        .input-group-lg input[type=time],
        .input-group-lg>.input-group-btn>input[type=date].btn,
        .input-group-lg>.input-group-btn>input[type=datetime-local].btn,
        .input-group-lg>.input-group-btn>input[type=month].btn,
        .input-group-lg>.input-group-btn>input[type=time].btn,
        input[type=date].input-lg,
        input[type=datetime-local].input-lg,
        input[type=month].input-lg,
        input[type=time].input-lg {
            line-height: calc(round(up, var(--base-type-size-3xl, 1.75rem)*var(--base-type-leading-large, 1.5), 1px) + var(--base-space-px-16, 16px)*2 + 2px)
        }
    }

    .form-group {
        margin-bottom: var(--base-space-px-12, 12px)
    }

    .form-group .control-label {
        font-size: var(--comp-type-size-input-label, var(--base-type-size-sm, .86rem));
        font-weight: var(--comp-type-weight-input-label, var(--base-type-weight-bold, 700))
    }

    .form-group .control-label,
    .form-group .control-label .supporting-label {
        color: var(--comp-color-content-input-label-rest, var(--sem-color-content-neutral-secondary, var(--base-color-neutral-600, #59636e)))
    }

    .form-group:hover:not(:disabled, :focus-within, .has-error) .control-label {
        color: var(--comp-color-content-input-label-hover, var(--sem-color-content-neutral-secondary, var(--base-color-neutral-600, #59636e)))
    }

    .form-group:focus-within:not(:disabled, .has-error) .control-label {
        color: var(--comp-color-content-input-label-active, var(--base-color-primary-800, #012169))
    }

    .form-group.has-error .control-label {
        color: var(--comp-color-content-input-helper-error, var(--base-color-error-700, #bc0005))
    }

    .form-group.has-error .form-control,
    .form-group.has-error .form-control:hover {
        border-color: var(--comp-color-border-input-error, var(--sem-color-content-error-primary, var(--base-color-error-700, #bc0005))) !important;
        background-color: var(--comp-color-background-input-error, var(--sem-color-background-error-primary, var(--base-color-error-100, #fff0f0))) !important;
        color: var(--comp-color-content-input-value-error, var(--base-color-neutral-800, #2d363e)) !important;
        font-weight: var(--comp-type-weight-input-value, var(--base-type-weight-regular, 400)) !important
    }

    .checkbox,
    .radio {
        margin-top: 10px;
        margin-bottom: 10px;
        display: block;
        position: relative
    }

    .checkbox.disabled label,
    .radio.disabled label,
    fieldset[disabled] .checkbox label,
    fieldset[disabled] .radio label {
        cursor: not-allowed
    }

    .checkbox label,
    .radio label {
        min-height: round(down, var(--base-type-size-md, 1rem)*var(--base-type-leading-normal, 1.5), 1px);
        cursor: pointer;
        margin-bottom: 0;
        padding-left: 20px;
        font-weight: 400
    }

    .checkbox input[type=checkbox],
    .checkbox-inline input[type=checkbox],
    .radio input[type=radio],
    .radio-inline input[type=radio] {
        margin-top: 4px\9;
        margin-left: -20px;
        position: absolute
    }

    .checkbox+.checkbox,
    .radio+.radio {
        margin-top: -5px
    }

    .checkbox-inline,
    .radio-inline {
        vertical-align: middle;
        cursor: pointer;
        margin-bottom: 0;
        padding-left: 20px;
        font-weight: 400;
        display: inline-block;
        position: relative
    }

    .checkbox-inline.disabled,
    .radio-inline.disabled,
    fieldset[disabled] .checkbox-inline,
    fieldset[disabled] .radio-inline {
        cursor: not-allowed
    }

    .checkbox-inline+.checkbox-inline,
    .radio-inline+.radio-inline {
        margin-top: 0;
        margin-left: 10px
    }

    .form-control-static {
        min-height: calc(round(down, var(--base-type-size-md, 1rem)*var(--base-type-leading-normal, 1.5), 1px) + var(--base-type-size-md, 16px));
        margin-bottom: 0;
        padding-top: 7px;
        padding-bottom: 7px
    }

    .form-control-static.input-lg,
    .form-control-static.input-sm,
    .input-group-lg>.form-control-static.form-control,
    .input-group-lg>.form-control-static.input-group-addon,
    .input-group-lg>.input-group-btn>.form-control-static.btn,
    .input-group-sm>.form-control-static.form-control,
    .input-group-sm>.form-control-static.input-group-addon,
    .input-group-sm>.input-group-btn>.form-control-static.btn {
        padding-left: 0;
        padding-right: 0
    }

    .input-group-sm>.form-control,
    .input-group-sm>.input-group-addon,
    .input-group-sm>.input-group-btn>.btn,
    .input-sm {
        height: calc(round(down, var(--base-type-size-sm, .86rem)*var(--base-type-leading-tight, 1.2), 1px) + (var(--base-space-px-12, 12px)) + 2px);
        font-size: var(--base-type-size-sm, .86rem);
        line-height: var(--base-type-leading-tight, 1.2);
        border-radius: var(--base-size-radius-sm, 2px);
        padding: 5px 10px
    }

    .input-group-sm>.input-group-btn>select.btn,
    .input-group-sm>select.form-control,
    .input-group-sm>select.input-group-addon,
    select.input-sm {
        height: calc(round(down, var(--base-type-size-sm, .86rem)*var(--base-type-leading-tight, 1.2), 1px) + (var(--base-space-px-12, 12px)) + 2px);
        line-height: calc(round(down, var(--base-type-size-sm, .86rem)*var(--base-type-leading-tight, 1.2), 1px) + (var(--base-space-px-12, 12px)) + 2px)
    }

    .input-group-sm>.input-group-btn>select[multiple].btn,
    .input-group-sm>.input-group-btn>textarea.btn,
    .input-group-sm>select[multiple].form-control,
    .input-group-sm>select[multiple].input-group-addon,
    .input-group-sm>textarea.form-control,
    .input-group-sm>textarea.input-group-addon,
    select[multiple].input-sm,
    textarea.input-sm {
        height: auto
    }

    .form-group-sm .form-control {
        font-size: var(--base-type-size-sm, .86rem);
        line-height: var(--base-type-leading-tight, 1.2);
        border-radius: var(--base-size-radius-sm, 2px);
        padding: 5px 10px
    }

    .form-group-sm .form-control,
    .form-group-sm select.form-control {
        height: calc(round(down, var(--base-type-size-sm, .86rem)*var(--base-type-leading-tight, 1.2), 1px) + (var(--base-space-px-12, 12px)) + 2px)
    }

    .form-group-sm select.form-control {
        line-height: calc(round(down, var(--base-type-size-sm, .86rem)*var(--base-type-leading-tight, 1.2), 1px) + (var(--base-space-px-12, 12px)) + 2px)
    }

    .form-group-sm select[multiple].form-control,
    .form-group-sm textarea.form-control {
        height: auto
    }

    .form-group-sm .form-control-static {
        height: calc(round(down, var(--base-type-size-sm, .86rem)*var(--base-type-leading-tight, 1.2), 1px) + (var(--base-space-px-12, 12px)) + 2px);
        min-height: calc(round(down, var(--base-type-size-md, 1rem)*var(--base-type-leading-normal, 1.5), 1px) + var(--base-type-size-sm, .86rem));
        font-size: var(--base-type-size-sm, .86rem);
        line-height: var(--base-type-leading-tight, 1.2);
        padding: 6px 10px
    }

    .input-group-lg>.form-control,
    .input-group-lg>.input-group-addon,
    .input-group-lg>.input-group-btn>.btn,
    .input-lg {
        height: calc(round(up, var(--base-type-size-3xl, 1.75rem)*var(--base-type-leading-large, 1.5), 1px) + var(--base-space-px-16, 16px)*2 + 2px);
        font-size: var(--base-type-size-xxl, 1.5rem);
        line-height: var(--base-type-leading-large, 1.5);
        border-radius: var(--base-size-radius-lg, 8px);
        padding: 10px 16px
    }

    .input-group-lg>.input-group-btn>select.btn,
    .input-group-lg>select.form-control,
    .input-group-lg>select.input-group-addon,
    select.input-lg {
        height: calc(round(up, var(--base-type-size-3xl, 1.75rem)*var(--base-type-leading-large, 1.5), 1px) + var(--base-space-px-16, 16px)*2 + 2px);
        line-height: calc(round(up, var(--base-type-size-3xl, 1.75rem)*var(--base-type-leading-large, 1.5), 1px) + var(--base-space-px-16, 16px)*2 + 2px)
    }

    .input-group-lg>.input-group-btn>select[multiple].btn,
    .input-group-lg>.input-group-btn>textarea.btn,
    .input-group-lg>select[multiple].form-control,
    .input-group-lg>select[multiple].input-group-addon,
    .input-group-lg>textarea.form-control,
    .input-group-lg>textarea.input-group-addon,
    select[multiple].input-lg,
    textarea.input-lg {
        height: auto
    }

    .form-group-lg .form-control {
        font-size: var(--base-type-size-xxl, 1.5rem);
        line-height: var(--base-type-leading-large, 1.5);
        border-radius: var(--base-size-radius-lg, 8px);
        padding: 10px 16px
    }

    .form-group-lg .form-control,
    .form-group-lg select.form-control {
        height: calc(round(up, var(--base-type-size-3xl, 1.75rem)*var(--base-type-leading-large, 1.5), 1px) + var(--base-space-px-16, 16px)*2 + 2px)
    }

    .form-group-lg select.form-control {
        line-height: calc(round(up, var(--base-type-size-3xl, 1.75rem)*var(--base-type-leading-large, 1.5), 1px) + var(--base-space-px-16, 16px)*2 + 2px)
    }

    .form-group-lg select[multiple].form-control,
    .form-group-lg textarea.form-control {
        height: auto
    }

    .form-group-lg .form-control-static {
        height: calc(round(up, var(--base-type-size-3xl, 1.75rem)*var(--base-type-leading-large, 1.5), 1px) + var(--base-space-px-16, 16px)*2 + 2px);
        min-height: calc(round(down, var(--base-type-size-md, 1rem)*var(--base-type-leading-normal, 1.5), 1px) + var(--base-type-size-xxl, 1.5rem));
        font-size: var(--base-type-size-xxl, 1.5rem);
        line-height: var(--base-type-leading-large, 1.5);
        padding: 11px 16px
    }

    .has-feedback {
        position: relative
    }

    .has-feedback .form-control {
        padding-right: calc(var(--comp-size-height-input, 48px)*1.25)
    }

    .form-control-feedback {
        z-index: 2;
        width: var(--comp-size-height-input, 48px);
        height: var(--comp-size-height-input, 48px);
        line-height: var(--comp-size-height-input, 48px);
        text-align: center;
        pointer-events: none;
        display: block;
        position: absolute;
        top: 0;
        right: 0
    }

    .form-group-lg .form-control+.form-control-feedback,
    .input-group-lg+.form-control-feedback,
    .input-group-lg>.form-control+.form-control-feedback,
    .input-group-lg>.input-group-addon+.form-control-feedback,
    .input-group-lg>.input-group-btn>.btn+.form-control-feedback,
    .input-lg+.form-control-feedback {
        width: calc(round(up, var(--base-type-size-3xl, 1.75rem)*var(--base-type-leading-large, 1.5), 1px) + var(--base-space-px-16, 16px)*2 + 2px);
        height: calc(round(up, var(--base-type-size-3xl, 1.75rem)*var(--base-type-leading-large, 1.5), 1px) + var(--base-space-px-16, 16px)*2 + 2px);
        line-height: calc(round(up, var(--base-type-size-3xl, 1.75rem)*var(--base-type-leading-large, 1.5), 1px) + var(--base-space-px-16, 16px)*2 + 2px)
    }

    .form-group-sm .form-control+.form-control-feedback,
    .input-group-sm+.form-control-feedback,
    .input-group-sm>.form-control+.form-control-feedback,
    .input-group-sm>.input-group-addon+.form-control-feedback,
    .input-group-sm>.input-group-btn>.btn+.form-control-feedback,
    .input-sm+.form-control-feedback {
        width: calc(round(down, var(--base-type-size-sm, .86rem)*var(--base-type-leading-tight, 1.2), 1px) + (var(--base-space-px-12, 12px)) + 2px);
        height: calc(round(down, var(--base-type-size-sm, .86rem)*var(--base-type-leading-tight, 1.2), 1px) + (var(--base-space-px-12, 12px)) + 2px);
        line-height: calc(round(down, var(--base-type-size-sm, .86rem)*var(--base-type-leading-tight, 1.2), 1px) + (var(--base-space-px-12, 12px)) + 2px)
    }

    .has-success .checkbox,
    .has-success .checkbox-inline,
    .has-success .control-label,
    .has-success .help-block,
    .has-success .radio,
    .has-success .radio-inline,
    .has-success.checkbox label,
    .has-success.checkbox-inline label,
    .has-success.radio label,
    .has-success.radio-inline label {
        color: var(--sem-color-content-success-primary, var(--base-color-success-700, #0f7e33))
    }

    .has-success .form-control {
        color: var(--base-color-neutral-600, #59636e);
        background-color: var(--base-color-white, #fff);
        box-shadow: inset 0 1px 1px #00000013
    }

    .has-success .form-control,
    .has-success .form-control:focus {
        border-color: var(--sem-color-content-success-primary, var(--base-color-success-700, #0f7e33))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .has-success .form-control:focus {
            border-color: color-mix(in srgb, var(--sem-color-content-success-primary, var(--base-color-success-700, #0f7e33))90%, black)
        }
    }

    .has-success .form-control:focus {
        box-shadow: inset 0 1px 1px #00000013, 0 0 6px var(--sem-color-content-success-primary, var(--base-color-success-700, #0f7e33))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .has-success .form-control:focus {
            box-shadow: inset 0 1px 1px #00000013, 0 0 6px color-mix(in srgb, var(--sem-color-content-success-primary, var(--base-color-success-700, #0f7e33))80%, white)
        }
    }

    .has-success .form-control::placeholder {
        color: var(--base-color-neutral-500, #6d7782)
    }

    .has-success .input-group-addon {
        background-color: var(--sem-color-background-success-primary, var(--base-color-success-100, #f0fbec));
        border-color: var(--sem-color-content-success-primary, var(--base-color-success-700, #0f7e33))
    }

    .has-success .form-control-feedback,
    .has-success .input-group-addon {
        color: var(--sem-color-content-success-primary, var(--base-color-success-700, #0f7e33))
    }

    .has-warning .checkbox,
    .has-warning .checkbox-inline,
    .has-warning .control-label,
    .has-warning .help-block,
    .has-warning .radio,
    .has-warning .radio-inline,
    .has-warning.checkbox label,
    .has-warning.checkbox-inline label,
    .has-warning.radio label,
    .has-warning.radio-inline label {
        color: var(--sem-color-content-caution-primary, var(--base-color-caution-700, #906501))
    }

    .has-warning .form-control {
        color: var(--base-color-neutral-600, #59636e);
        background-color: var(--base-color-white, #fff);
        box-shadow: inset 0 1px 1px #00000013
    }

    .has-warning .form-control,
    .has-warning .form-control:focus {
        border-color: var(--sem-color-content-caution-primary, var(--base-color-caution-700, #906501))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .has-warning .form-control:focus {
            border-color: color-mix(in srgb, var(--sem-color-content-caution-primary, var(--base-color-caution-700, #906501))90%, black)
        }
    }

    .has-warning .form-control:focus {
        box-shadow: inset 0 1px 1px #00000013, 0 0 6px var(--sem-color-content-caution-primary, var(--base-color-caution-700, #906501))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .has-warning .form-control:focus {
            box-shadow: inset 0 1px 1px #00000013, 0 0 6px color-mix(in srgb, var(--sem-color-content-caution-primary, var(--base-color-caution-700, #906501))80%, white)
        }
    }

    .has-warning .form-control::placeholder {
        color: var(--base-color-neutral-500, #6d7782)
    }

    .has-warning .input-group-addon {
        background-color: var(--sem-color-background-caution-primary, var(--base-color-caution-100, #fff8e8));
        border-color: var(--sem-color-content-caution-primary, var(--base-color-caution-700, #906501))
    }

    .has-warning .form-control-feedback,
    .has-warning .input-group-addon {
        color: var(--sem-color-content-caution-primary, var(--base-color-caution-700, #906501))
    }

    .has-error .checkbox,
    .has-error .checkbox-inline,
    .has-error .control-label,
    .has-error .help-block,
    .has-error .radio,
    .has-error .radio-inline,
    .has-error.checkbox label,
    .has-error.checkbox-inline label,
    .has-error.radio label,
    .has-error.radio-inline label {
        color: var(--sem-color-content-error-primary, var(--base-color-error-700, #bc0005))
    }

    .has-error .form-control {
        color: var(--comp-color-content-input-value-error, var(--base-color-neutral-800, #2d363e));
        background-color: var(--comp-color-background-input-error, var(--sem-color-background-error-primary, var(--base-color-error-100, #fff0f0)));
        box-shadow: inset 0 1px 1px #00000013
    }

    .has-error .form-control,
    .has-error .form-control:focus {
        border-color: var(--comp-color-border-input-error, var(--sem-color-content-error-primary, var(--base-color-error-700, #bc0005)))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .has-error .form-control:focus {
            border-color: color-mix(in srgb, var(--comp-color-border-input-error, var(--sem-color-content-error-primary, var(--base-color-error-700, #bc0005)))90%, black)
        }
    }

    .has-error .form-control:focus {
        box-shadow: inset 0 1px 1px #00000013, 0 0 6px var(--comp-color-border-input-error, var(--sem-color-content-error-primary, var(--base-color-error-700, #bc0005)))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .has-error .form-control:focus {
            box-shadow: inset 0 1px 1px #00000013, 0 0 6px color-mix(in srgb, var(--comp-color-border-input-error, var(--sem-color-content-error-primary, var(--base-color-error-700, #bc0005)))80%, white)
        }
    }

    .has-error .form-control::placeholder {
        color: var(--comp-color-content-input-placeholder-error, var(--base-color-neutral-500, #6d7782))
    }

    .has-error .input-group-addon {
        background-color: var(--sem-color-background-error-primary, var(--base-color-error-100, #fff0f0));
        border-color: var(--comp-color-border-input-error, var(--sem-color-content-error-primary, var(--base-color-error-700, #bc0005)))
    }

    .has-error .form-control-feedback,
    .has-error .input-group-addon {
        color: var(--sem-color-content-error-primary, var(--base-color-error-700, #bc0005))
    }

    .has-feedback label~.form-control-feedback {
        top: calc(round(down, var(--base-type-size-md, 1rem)*var(--base-type-leading-normal, 1.5), 1px) + 5px)
    }

    .has-feedback label.sr-only~.form-control-feedback {
        top: 0
    }

    .help-block {
        margin-top: var(--base-space-px-4, 4px);
        margin-bottom: var(--base-space-px-12, 12px);
        color: var(--base-color-neutral-800, #2d363e);
        display: block
    }

    @supports (color:color-mix(in lab, red, red)) {
        .help-block {
            color: color-mix(in srgb, var(--base-color-neutral-800, #2d363e)75%, white)
        }
    }

    @media (min-width:768px) {
        .form-inline .form-group {
            vertical-align: middle;
            margin-bottom: 0;
            display: inline-block
        }

        .form-inline .form-control {
            vertical-align: middle;
            width: auto;
            display: inline-block
        }

        .form-inline .form-control-static {
            display: inline-block
        }

        .form-inline .input-group {
            vertical-align: middle;
            display: inline-table
        }

        .form-inline .input-group .form-control,
        .form-inline .input-group .input-group-addon,
        .form-inline .input-group .input-group-btn {
            width: auto
        }

        .form-inline .input-group>.form-control {
            width: 100%
        }

        .form-inline .control-label {
            vertical-align: middle;
            margin-bottom: 0
        }

        .form-inline .checkbox,
        .form-inline .radio {
            vertical-align: middle;
            margin-top: 0;
            margin-bottom: 0;
            display: inline-block
        }

        .form-inline .checkbox label,
        .form-inline .radio label {
            padding-left: 0
        }

        .form-inline .checkbox input[type=checkbox],
        .form-inline .radio input[type=radio] {
            margin-left: 0;
            position: relative
        }

        .form-inline .has-feedback .form-control-feedback {
            top: 0
        }
    }

    .form-horizontal .checkbox,
    .form-horizontal .checkbox-inline,
    .form-horizontal .radio,
    .form-horizontal .radio-inline {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 7px
    }

    .form-horizontal .checkbox,
    .form-horizontal .radio {
        min-height: calc(round(down, var(--base-type-size-md, 1rem)*var(--base-type-leading-normal, 1.5), 1px) + 6px + 1px)
    }

    .form-horizontal .form-group {
        margin-right: round(down, var(--base-space-px-16, 16px)/-2, 1px);
        margin-left: round(up, var(--base-space-px-16, 16px)/-2, 1px)
    }

    .form-horizontal .form-group:after,
    .form-horizontal .form-group:before {
        content: " ";
        display: table
    }

    .form-horizontal .form-group:after {
        clear: both
    }

    @media (min-width:768px) {
        .form-horizontal .control-label {
            text-align: right;
            margin-bottom: 0;
            padding-top: 7px
        }
    }

    .form-horizontal .has-feedback .form-control-feedback {
        right: round(down, var(--base-space-px-16, 16px)/2, 1px)
    }

    @media (min-width:768px) {
        .form-horizontal .form-group-lg .control-label {
            font-size: var(--base-type-size-xxl, 1.5rem);
            padding-top: 11px
        }

        .form-horizontal .form-group-sm .control-label {
            font-size: var(--base-type-size-sm, .86rem);
            padding-top: 6px
        }
    }

    .fade {
        opacity: 0;
        transition: opacity .15s linear
    }

    .fade.in {
        opacity: 1
    }

    .collapse {
        display: none
    }

    .collapse.in {
        display: block
    }

    tr.collapse.in {
        display: table-row
    }

    tbody.collapse.in {
        display: table-row-group
    }

    .collapsing {
        height: 0;
        transition-property: height, visibility;
        transition-duration: .35s;
        transition-timing-function: ease;
        position: relative;
        overflow: hidden
    }

    .caret {
        vertical-align: middle;
        border-top: var(--base-space-px-4, 4px)dashed;
        border-right: var(--base-space-px-4, 4px)solid #0000;
        border-left: var(--base-space-px-4, 4px)solid #0000;
        width: 0;
        height: 0;
        margin-left: 2px;
        display: inline-block
    }

    .dropdown,
    .dropup {
        position: relative
    }

    .dropdown-toggle:focus {
        outline: 0
    }

    .dropdown-menu {
        z-index: 10;
        float: left;
        min-width: 180px;
        font-size: var(--base-type-size-md, 16px);
        text-align: left;
        background-color: var(--base-color-white, #fff);
        border-radius: var(--base-space-px-4, 4px);
        background-clip: padding-box;
        border: 1px solid #0000;
        margin: 2px 0 0;
        padding: 5px 0;
        list-style: none;
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        box-shadow: 0 6px 12px #0000002d
    }

    .dropdown-menu.pull-right {
        left: auto;
        right: 0
    }

    .dropdown-menu .divider {
        height: 1px;
        margin: calc(round(down, var(--base-type-size-md, 1rem)*var(--base-type-leading-normal, 1.5), 1px)/2 - 1px)0;
        background-color: var(--base-color-neutral-200, #e1e4e8);
        overflow: hidden
    }

    .dropdown-menu>li>a {
        clear: both;
        font-weight: 400;
        line-height: var(--base-type-leading-normal, 1.5);
        color: var(--base-color-neutral-600, #59636e);
        white-space: nowrap;
        padding: 3px 20px;
        text-decoration: none;
        display: block
    }

    .dropdown-menu>li>a:focus,
    .dropdown-menu>li>a:hover {
        color: var(--base-color-neutral-700, #414c58);
        background-color: var(--base-color-neutral-200, #e1e4e8);
        text-decoration: none
    }

    .dropdown-menu>.active>a,
    .dropdown-menu>.active>a:focus,
    .dropdown-menu>.active>a:hover {
        color: var(--base-color-white, #fff);
        background-color: var(--sem-color-content-brand-primary, var(--base-color-primary-800, #012169));
        outline: 0;
        text-decoration: none
    }

    .dropdown-menu>.disabled>a,
    .dropdown-menu>.disabled>a:focus,
    .dropdown-menu>.disabled>a:hover {
        color: var(--base-color-neutral-300, #cfd4da)
    }

    .dropdown-menu>.disabled>a:focus,
    .dropdown-menu>.disabled>a:hover {
        cursor: not-allowed;
        background-color: #0000;
        background-image: none;
        text-decoration: none
    }

    .open>.dropdown-menu {
        display: block
    }

    .open>a {
        outline: 0
    }

    .dropdown-menu-right {
        left: auto;
        right: 0
    }

    .dropdown-menu-left {
        left: 0;
        right: auto
    }

    .dropdown-header {
        font-size: var(--base-type-size-sm, .86rem);
        line-height: var(--base-type-leading-normal, 1.5);
        color: var(--base-color-neutral-300, #cfd4da);
        white-space: nowrap;
        padding: 3px 20px;
        display: block
    }

    .dropdown-backdrop {
        z-index: 0;
        position: fixed;
        inset: 0
    }

    .pull-right>.dropdown-menu {
        left: auto;
        right: 0
    }

    .dropup .caret,
    .navbar-fixed-bottom .dropdown .caret {
        content: "";
        border-top: 0;
        border-bottom: var(--base-space-px-4, 4px)dashed;
        border-bottom: var(--base-space-px-4, 4px)solid\9
    }

    .dropup .dropdown-menu,
    .navbar-fixed-bottom .dropdown .dropdown-menu {
        margin-bottom: 2px;
        top: auto;
        bottom: 100%
    }

    @media (min-width:1301px) {
        .navbar-right .dropdown-menu {
            left: auto;
            right: 0
        }

        .navbar-right .dropdown-menu-left {
            left: 0;
            right: auto
        }
    }

    .btn-group,
    .btn-group-vertical {
        vertical-align: middle;
        display: inline-block;
        position: relative
    }

    .btn-group-vertical>.btn,
    .btn-group>.btn {
        float: left;
        position: relative
    }

    .btn-group-vertical>.btn.active,
    .btn-group-vertical>.btn:active,
    .btn-group-vertical>.btn:focus,
    .btn-group-vertical>.btn:hover,
    .btn-group>.btn.active,
    .btn-group>.btn:active,
    .btn-group>.btn:focus,
    .btn-group>.btn:hover {
        z-index: 2
    }

    .btn-group .btn+.btn,
    .btn-group .btn+.btn-group,
    .btn-group .btn-group+.btn,
    .btn-group .btn-group+.btn-group {
        margin-left: -1px
    }

    .btn-toolbar {
        margin-left: -5px
    }

    .btn-toolbar:after,
    .btn-toolbar:before {
        content: " ";
        display: table
    }

    .btn-toolbar:after {
        clear: both
    }

    .btn-toolbar .btn,
    .btn-toolbar .btn-group,
    .btn-toolbar .input-group {
        float: left
    }

    .btn-toolbar>.btn,
    .btn-toolbar>.btn-group,
    .btn-toolbar>.input-group {
        margin-left: 5px
    }

    .btn-group>.btn:not(:first-child, :last-child, .dropdown-toggle) {
        border-radius: 0
    }

    .btn-group>.btn:first-child {
        margin-left: 0
    }

    .btn-group>.btn:first-child:not(:last-child, .dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .btn-group>.btn:last-child:not(:first-child),
    .btn-group>.dropdown-toggle:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group>.btn-group {
        float: left
    }

    .btn-group>.btn-group:not(:first-child, :last-child)>.btn {
        border-radius: 0
    }

    .btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
    .btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group .dropdown-toggle:active,
    .btn-group.open .dropdown-toggle {
        outline: 0
    }

    .btn-group>.btn+.dropdown-toggle {
        padding-left: 8px;
        padding-right: 8px
    }

    .btn-group.btn-group-lg>.btn+.dropdown-toggle,
    .btn-group>.btn-lg+.dropdown-toggle {
        padding-left: 12px;
        padding-right: 12px
    }

    .btn-group.open .dropdown-toggle {
        box-shadow: inset 0 3px 5px #00000020
    }

    .btn-group.open .dropdown-toggle.btn-link {
        box-shadow: none
    }

    .btn .caret {
        margin-left: 0
    }

    .btn-group-lg>.btn .caret,
    .btn-lg .caret {
        border-width: var(--base-space-px-8, 8px)var(--base-space-px-8, 8px)0;
        border-bottom-width: 0
    }

    .dropup .btn-group-lg>.btn .caret,
    .dropup .btn-lg .caret {
        border-width: 0 var(--base-space-px-8, 8px)var(--base-space-px-8, 8px)
    }

    .btn-group-vertical>.btn,
    .btn-group-vertical>.btn-group,
    .btn-group-vertical>.btn-group>.btn {
        float: none;
        width: 100%;
        max-width: 100%;
        display: block
    }

    .btn-group-vertical>.btn-group:after,
    .btn-group-vertical>.btn-group:before {
        content: " ";
        display: table
    }

    .btn-group-vertical>.btn-group:after {
        clear: both
    }

    .btn-group-vertical>.btn-group>.btn {
        float: none
    }

    .btn-group-vertical>.btn+.btn,
    .btn-group-vertical>.btn+.btn-group,
    .btn-group-vertical>.btn-group+.btn,
    .btn-group-vertical>.btn-group+.btn-group {
        margin-top: -1px;
        margin-left: 0
    }

    .btn-group-vertical>.btn:not(:first-child, :last-child) {
        border-radius: 0
    }

    .btn-group-vertical>.btn:first-child:not(:last-child) {
        border-top-left-radius: var(--comp-size-radius-button, var(--base-space-px-4, 4px));
        border-top-right-radius: var(--comp-size-radius-button, var(--base-space-px-4, 4px));
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group-vertical>.btn:last-child:not(:first-child) {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: var(--comp-size-radius-button, var(--base-space-px-4, 4px));
        border-bottom-left-radius: var(--comp-size-radius-button, var(--base-space-px-4, 4px))
    }

    .btn-group-vertical>.btn-group:not(:first-child, :last-child)>.btn {
        border-radius: 0
    }

    .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
    .btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .btn-group-justified {
        table-layout: fixed;
        border-collapse: separate;
        width: 100%;
        display: table
    }

    .btn-group-justified>.btn,
    .btn-group-justified>.btn-group {
        float: none;
        width: 1%;
        display: table-cell
    }

    .btn-group-justified>.btn-group .btn {
        width: 100%
    }

    .btn-group-justified>.btn-group .dropdown-menu {
        left: auto
    }

    [data-toggle=buttons]>.btn input[type=checkbox],
    [data-toggle=buttons]>.btn input[type=radio],
    [data-toggle=buttons]>.btn-group>.btn input[type=checkbox],
    [data-toggle=buttons]>.btn-group>.btn input[type=radio] {
        clip: rect(0, 0, 0, 0);
        pointer-events: none;
        position: absolute
    }

    .input-group {
        border-collapse: separate;
        display: table;
        position: relative
    }

    .input-group[class*=col-] {
        float: none;
        padding-left: 0;
        padding-right: 0
    }

    .input-group .form-control {
        z-index: 2;
        width: 100%;
        margin-bottom: 0;
        position: relative
    }

    .input-group .form-control:focus {
        z-index: 3
    }

    .input-group .form-control,
    .input-group-addon,
    .input-group-btn {
        display: table-cell
    }

    .input-group .form-control:not(:first-child, :last-child),
    .input-group-addon:not(:first-child, :last-child),
    .input-group-btn:not(:first-child, :last-child) {
        border-radius: 0
    }

    .input-group-addon,
    .input-group-btn {
        white-space: nowrap;
        vertical-align: middle;
        width: 1%
    }

    .input-group-addon {
        font-size: var(--base-type-size-md, 16px);
        color: var(--comp-color-content-input-value-rest, var(--base-color-neutral-800, #2d363e));
        text-align: center;
        background-color: var(--base-color-neutral-200, #e1e4e8);
        border: 1px solid var(--comp-color-border-input-rest, var(--base-color-neutral-300, #cfd4da));
        border-radius: var(--comp-size-radius-input, var(--base-space-px-4, 4px));
        padding: 6px 12px;
        font-weight: 400;
        line-height: 1
    }

    .input-group-addon.input-sm,
    .input-group-sm>.input-group-addon,
    .input-group-sm>.input-group-btn>.input-group-addon.btn {
        font-size: var(--base-type-size-sm, .86rem);
        border-radius: var(--base-size-radius-sm, 2px);
        padding: 5px 10px
    }

    .input-group-addon.input-lg,
    .input-group-lg>.input-group-addon,
    .input-group-lg>.input-group-btn>.input-group-addon.btn {
        font-size: var(--base-type-size-xxl, 1.5rem);
        border-radius: var(--base-size-radius-lg, 8px);
        padding: 10px 16px
    }

    .input-group-addon input[type=checkbox],
    .input-group-addon input[type=radio] {
        margin-top: 0
    }

    .input-group .form-control:first-child,
    .input-group-addon:first-child,
    .input-group-btn:first-child>.btn,
    .input-group-btn:first-child>.btn-group>.btn,
    .input-group-btn:first-child>.dropdown-toggle,
    .input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
    .input-group-btn:last-child>.btn:not(:last-child, .dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .input-group-addon:first-child {
        border-right: 0
    }

    .input-group .form-control:last-child,
    .input-group-addon:last-child,
    .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
    .input-group-btn:first-child>.btn:not(:first-child),
    .input-group-btn:last-child>.btn,
    .input-group-btn:last-child>.btn-group>.btn,
    .input-group-btn:last-child>.dropdown-toggle {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .input-group-addon:last-child {
        border-left: 0
    }

    .input-group-btn {
        white-space: nowrap;
        font-size: 0
    }

    .input-group-btn,
    .input-group-btn>.btn {
        position: relative
    }

    .input-group-btn>.btn+.btn {
        margin-left: -1px
    }

    .input-group-btn>.btn:active,
    .input-group-btn>.btn:focus,
    .input-group-btn>.btn:hover {
        z-index: 2
    }

    .input-group-btn:first-child>.btn,
    .input-group-btn:first-child>.btn-group {
        margin-right: -1px
    }

    .input-group-btn:last-child>.btn,
    .input-group-btn:last-child>.btn-group {
        z-index: 2;
        margin-left: -1px
    }

    .nav {
        margin-bottom: 0;
        padding-left: 0;
        list-style: none
    }

    .nav:after,
    .nav:before {
        content: " ";
        display: table
    }

    .nav:after {
        clear: both
    }

    .nav>li,
    .nav>li>a {
        display: block;
        position: relative
    }

    .nav>li>a {
        padding: var(--base-space-px-8, 8px)var(--base-space-px-16, 16px)
    }

    .nav>li>a,
    .nav>li>a:focus,
    .nav>li>a:hover {
        text-decoration: none
    }

    .nav>li.disabled>a {
        color: var(--base-color-neutral-300, #cfd4da)
    }

    .nav>li.disabled>a:focus,
    .nav>li.disabled>a:hover {
        color: var(--base-color-neutral-300, #cfd4da);
        cursor: not-allowed;
        background-color: #0000;
        text-decoration: none
    }

    .nav .open>a,
    .nav .open>a:focus,
    .nav .open>a:hover {
        background-color: var(--base-color-neutral-100, #f8f8f8);
        border-color: var(--comp-color-content-link-rest, var(--sem-color-content-interactive-rest, var(--base-color-primary-600, #024aa5)))
    }

    .nav .nav-divider {
        height: 1px;
        margin: calc(round(down, var(--base-type-size-md, 1rem)*var(--base-type-leading-normal, 1.5), 1px)/2 - 1px)0;
        background-color: #e5e5e5;
        overflow: hidden
    }

    .nav-tabs {
        color: var(--base-color-neutral-700, #414c58);
        border: none
    }

    .nav-tabs>li {
        float: left;
        margin-right: var(--base-space-px-8, 8px);
        margin-bottom: -1px
    }

    .nav-tabs>li>a {
        color: inherit;
        line-height: var(--base-type-leading-normal, 1.5);
        border: 1px solid;
        border-bottom: inherit;
        border-radius: var(--base-space-px-4, 4px)var(--base-space-px-4, 4px)0 0;
        outline: none;
        margin-right: 0
    }

    .nav-tabs>li>a:focus,
    .nav-tabs>li>a:hover {
        background-color: var(--base-color-neutral-100, #f8f8f8);
        border-color: var(--base-color-neutral-700, #414c58)var(--base-color-neutral-700, #414c58)var(--base-color-neutral-700, #414c58)
    }

    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:focus,
    .nav-tabs>li.active>a:hover {
        color: inherit;
        cursor: default;
        border: 1px solid;
        border-color: inherit;
        font-weight: var(--base-type-weight-bold, 700);
        background-color: #0000
    }

    .nav-pills>li {
        float: left
    }

    .nav-pills>li>a {
        font-weight: var(--comp-type-weight-tabs-pills, var(--base-type-weight-bold, 700));
        border-radius: var(--comp-size-radius-tabs-pills, 50px);
        color: var(--comp-color-content-tabs-pills-rest, var(--base-color-neutral-600, #59636e));
        font-size: var(--comp-type-size-tabs-pills);
        padding: var(--comp-space-padding-top-tabs-pills-content, var(--base-space-px-8, 8px))var(--comp-space-padding-right-tabs-pills-content, var(--base-space-px-16, 16px))var(--comp-space-padding-bottom-tabs-pills-content, var(--base-space-px-8, 8px))var(--comp-space-padding-left-tabs-pills-content, var(--base-space-px-16, 16px))
    }

    .nav-pills>li+li {
        margin-left: 2px
    }

    .nav-pills>li.active>a,
    .nav-pills>li.active>a:focus,
    .nav-pills>li.active>a:hover {
        color: var(--comp-color-content-tabs-pills-selected, var(--sem-color-content-neutral-inverse-primary, var(--base-color-white, #fff)));
        background-color: var(--comp-color-background-tabs-pills-selected, var(--base-color-primary-800, #012169))
    }

    .nav-stacked>li {
        float: none
    }

    .nav-stacked>li+li {
        margin-top: 2px;
        margin-left: 0
    }

    .nav-justified,
    .nav-tabs.nav-justified {
        width: 100%
    }

    .nav-justified>li,
    .nav-tabs.nav-justified>li {
        float: none
    }

    .nav-justified>li>a,
    .nav-tabs.nav-justified>li>a {
        text-align: center;
        margin-bottom: 5px
    }

    .nav-justified>.dropdown .dropdown-menu {
        top: auto;
        left: auto
    }

    @media (min-width:768px) {

        .nav-justified>li,
        .nav-tabs.nav-justified>li {
            width: 1%;
            display: table-cell
        }

        .nav-justified>li>a,
        .nav-tabs.nav-justified>li>a {
            margin-bottom: 0
        }
    }

    .nav-tabs-justified,
    .nav-tabs.nav-justified {
        border-bottom: 0
    }

    .nav-tabs-justified>li>a,
    .nav-tabs.nav-justified>li>a {
        border-radius: var(--base-space-px-4, 4px);
        margin-right: 0
    }

    .nav-tabs-justified>.active>a,
    .nav-tabs-justified>.active>a:focus,
    .nav-tabs-justified>.active>a:hover,
    .nav-tabs.nav-justified>.active>a {
        border: 1px solid var(--base-color-neutral-500, #6d7782)
    }

    @media (min-width:768px) {

        .nav-tabs-justified>li>a,
        .nav-tabs.nav-justified>li>a {
            border-bottom: 1px solid var(--base-color-neutral-500, #6d7782);
            border-radius: var(--base-space-px-4, 4px)var(--base-space-px-4, 4px)0 0
        }

        .nav-tabs-justified>.active>a,
        .nav-tabs-justified>.active>a:focus,
        .nav-tabs-justified>.active>a:hover,
        .nav-tabs.nav-justified>.active>a {
            border-bottom-color: var(--base-color-white, #fff)
        }
    }

    .tab-content>.tab-pane {
        display: none
    }

    .tab-content>.active {
        display: block
    }

    .nav-tabs .dropdown-menu {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        margin-top: -1px
    }

    .pagination {
        margin: round(down, var(--base-type-size-md, 1rem)*var(--base-type-leading-normal, 1.5), 1px)0;
        border-radius: var(--base-space-px-4, 4px);
        padding-left: 0;
        display: inline-block
    }

    .pagination>li {
        display: inline
    }

    .pagination>li>a,
    .pagination>li>button,
    .pagination>li>span {
        float: left;
        line-height: var(--base-type-leading-normal, 1.5);
        color: var(--base-color-neutral-800, #2d363e);
        background-color: var(--base-color-white, #fff);
        border: 1px solid #0000;
        margin-left: -1px;
        padding: 6px 12px;
        text-decoration: none;
        position: relative
    }

    .pagination>li>a.btn,
    .pagination>li>button.btn,
    .pagination>li>span.btn {
        box-shadow: none;
        border-radius: var(--base-space-px-0, 0);
        background: 0 0;
        height: auto;
        font-weight: 400
    }

    .pagination>li>a:focus,
    .pagination>li>a:hover,
    .pagination>li>button:focus,
    .pagination>li>button:hover,
    .pagination>li>span:focus,
    .pagination>li>span:hover {
        z-index: 2;
        color: var(--base-color-neutral-600, #59636e);
        background-color: var(--base-color-neutral-200, #e1e4e8);
        border-color: #0000
    }

    .pagination>li:first-child>a,
    .pagination>li:first-child>button,
    .pagination>li:first-child>span {
        border-top-left-radius: var(--base-space-px-4, 4px);
        border-bottom-left-radius: var(--base-space-px-4, 4px);
        margin-left: 0
    }

    .pagination>li:last-child>a,
    .pagination>li:last-child>button,
    .pagination>li:last-child>span {
        border-top-right-radius: var(--base-space-px-4, 4px);
        border-bottom-right-radius: var(--base-space-px-4, 4px)
    }

    .pagination>.active>a,
    .pagination>.active>a:focus,
    .pagination>.active>a:hover,
    .pagination>.active>button,
    .pagination>.active>button:focus,
    .pagination>.active>button:hover,
    .pagination>.active>span,
    .pagination>.active>span:focus,
    .pagination>.active>span:hover {
        z-index: 3;
        color: var(--base-color-white, #fff);
        cursor: default;
        background-color: var(--sem-color-content-brand-primary, var(--base-color-primary-800, #012169));
        border-color: #0000
    }

    .pagination>.active>a.btn,
    .pagination>.active>button.btn,
    .pagination>.active>span.btn {
        background-color: var(--base-color-primary-800, #012169)
    }

    .pagination>.disabled>a,
    .pagination>.disabled>a:focus>button,
    .pagination>.disabled>a:hover,
    .pagination>.disabled>button:focus,
    .pagination>.disabled>button:hover,
    .pagination>.disabled>span,
    .pagination>.disabled>span:focus,
    .pagination>.disabled>span:hover {
        color: #0000;
        cursor: not-allowed;
        background-color: #0000;
        border-color: #0000
    }

    .pagination-lg>li>a,
    .pagination-lg>li>span {
        font-size: var(--base-type-size-xxl, 1.5rem);
        line-height: var(--base-type-leading-large, 1.5);
        padding: 10px 16px
    }

    .pagination-lg>li:first-child>a,
    .pagination-lg>li:first-child>span {
        border-top-left-radius: var(--base-size-radius-lg, 8px);
        border-bottom-left-radius: var(--base-size-radius-lg, 8px)
    }

    .pagination-lg>li:last-child>a,
    .pagination-lg>li:last-child>span {
        border-top-right-radius: var(--base-size-radius-lg, 8px);
        border-bottom-right-radius: var(--base-size-radius-lg, 8px)
    }

    .pagination-sm>li>a,
    .pagination-sm>li>span {
        font-size: var(--base-type-size-sm, .86rem);
        line-height: var(--base-type-leading-tight, 1.2);
        padding: 5px 10px
    }

    .pagination-sm>li:first-child>a,
    .pagination-sm>li:first-child>span {
        border-top-left-radius: var(--base-size-radius-sm, 2px);
        border-bottom-left-radius: var(--base-size-radius-sm, 2px)
    }

    .pagination-sm>li:last-child>a,
    .pagination-sm>li:last-child>span {
        border-top-right-radius: var(--base-size-radius-sm, 2px);
        border-bottom-right-radius: var(--base-size-radius-sm, 2px)
    }

    .label {
        border-radius: .25em;
        font-weight: 700
    }

    .label:empty {
        display: none
    }

    .btn .label {
        position: relative;
        top: -1px
    }

    a.label:focus,
    a.label:hover {
        color: var(--base-color-white, #fff);
        cursor: pointer;
        text-decoration: none
    }

    .label-default {
        background-color: var(--comp-color-background-label-body-default, var(--base-color-neutral-200, #e1e4e8))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .label-default {
            background-color: var(--comp-color-background-label-body-default, color-mix(in srgb, var(--base-color-neutral-200, #e1e4e8)50%, transparent))
        }
    }

    .label-default {
        color: var(--comp-color-content-label-type-default, var(--base-color-neutral-700, #414c58))
    }

    .label-default[href]:focus,
    .label-default[href]:hover {
        background-color: var(--comp-color-background-label-body-default, var(--base-color-neutral-200, #e1e4e8))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .label-default[href]:focus,
        .label-default[href]:hover {
            background-color: color-mix(in srgb, var(--comp-color-background-label-body-default, color-mix(in srgb, var(--base-color-neutral-200, #e1e4e8)50%, transparent))90%, black)
        }
    }

    .label-primary {
        color: var(--comp-color-content-label-type-primary, var(--base-color-white, #fff))
    }

    .label-primary,
    .label-primary[href]:focus,
    .label-primary[href]:hover {
        background-color: var(--comp-color-background-label-body-primary, var(--sem-color-content-brand-primary, var(--base-color-primary-800, #012169)))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .label-primary[href]:focus,
        .label-primary[href]:hover {
            background-color: color-mix(in srgb, var(--comp-color-background-label-body-primary, var(--sem-color-content-brand-primary, var(--base-color-primary-800, #012169)))90%, black)
        }
    }

    .label-success {
        color: var(--comp-color-content-label-type-success, var(--base-color-white, #fff))
    }

    .label-success,
    .label-success[href]:focus,
    .label-success[href]:hover {
        background-color: var(--comp-color-background-label-body-success, var(--base-color-success-700, #0f7e33))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .label-success[href]:focus,
        .label-success[href]:hover {
            background-color: color-mix(in srgb, var(--comp-color-background-label-body-success, var(--base-color-success-700, #0f7e33))90%, black)
        }
    }

    .label-info {
        color: var(--comp-color-content-label-type-info, var(--base-color-white, #fff))
    }

    .label-info,
    .label-info[href]:focus,
    .label-info[href]:hover {
        background-color: var(--comp-color-background-label-body-info, var(--base-color-primary-700, #0f3485))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .label-info[href]:focus,
        .label-info[href]:hover {
            background-color: color-mix(in srgb, var(--comp-color-background-label-body-info, var(--base-color-primary-700, #0f3485))90%, black)
        }
    }

    .label-warning {
        color: var(--comp-color-content-label-type-warning, var(--base-color-white, #fff))
    }

    .label-warning,
    .label-warning[href]:focus,
    .label-warning[href]:hover {
        background-color: var(--comp-color-background-label-body-warning, var(--base-color-caution-700, #906501))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .label-warning[href]:focus,
        .label-warning[href]:hover {
            background-color: color-mix(in srgb, var(--comp-color-background-label-body-warning, var(--base-color-caution-700, #906501))90%, black)
        }
    }

    .label-danger {
        color: var(--comp-color-content-label-type-danger, var(--base-color-white, #fff))
    }

    .label-danger,
    .label-danger[href]:focus,
    .label-danger[href]:hover {
        background-color: var(--comp-color-background-label-body-danger, var(--base-color-error-700, #bc0005))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .label-danger[href]:focus,
        .label-danger[href]:hover {
            background-color: color-mix(in srgb, var(--comp-color-background-label-body-danger, var(--base-color-error-700, #bc0005))90%, black)
        }
    }

    .badge {
        min-width: 10px;
        font-size: var(--base-type-size-sm, .86rem);
        color: var(--base-color-white, #fff);
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        background-color: var(--sem-color-background-accent-inverse-primary, var(--base-color-secondary-700, #d54101));
        border-radius: 13px;
        padding: 3px 7px;
        font-weight: 700;
        line-height: 1;
        display: inline-block
    }

    .badge:empty {
        display: none
    }

    .btn .badge {
        position: relative;
        top: -1px
    }

    .list-group-item.active>.badge,
    .nav-pills>.active>a>.badge {
        color: var(--comp-color-content-link-rest, var(--sem-color-content-interactive-rest, var(--base-color-primary-600, #024aa5)));
        background-color: var(--base-color-white, #fff)
    }

    .list-group-item>.badge {
        float: right
    }

    .list-group-item>.badge+.badge {
        margin-right: 5px
    }

    .nav-pills>li>a>.badge {
        margin-left: 3px
    }

    a.badge:focus,
    a.badge:hover {
        color: var(--base-color-white, #fff);
        cursor: pointer;
        text-decoration: none
    }

    .thumbnail {
        padding: var(--base-space-px-4, 4px);
        margin-bottom: round(down, var(--base-type-size-md, 1rem)*var(--base-type-leading-normal, 1.5), 1px);
        line-height: var(--base-type-leading-normal, 1.5);
        background-color: var(--base-color-white, #fff);
        border: 1px solid var(--base-color-neutral-300, #cfd4da);
        border-radius: var(--base-space-px-4, 4px);
        transition: border .2s ease-in-out;
        display: block
    }

    .thumbnail a>img,
    .thumbnail>img {
        max-width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        display: block
    }

    .thumbnail .caption {
        padding: var(--base-space-px-8, 8px);
        color: var(--base-color-neutral-800, #2d363e)
    }

    a.thumbnail.active,
    a.thumbnail:focus,
    a.thumbnail:hover {
        border-color: var(--comp-color-content-link-rest, var(--sem-color-content-interactive-rest, var(--base-color-primary-600, #024aa5)))
    }

    @keyframes progress-bar-stripes {
        0% {
            background-position: 40px 0
        }

        to {
            background-position: 0 0
        }
    }

    .progress {
        height: round(down, var(--base-type-size-md, 1rem)*var(--base-type-leading-normal, 1.5), 1px);
        margin-bottom: round(down, var(--base-type-size-md, 1rem)*var(--base-type-leading-normal, 1.5), 1px);
        background-color: var(--base-color-neutral-200, #e1e4e8);
        border-radius: var(--base-space-px-4, 4px);
        overflow: hidden;
        box-shadow: inset 0 1px 2px #0000001a
    }

    .progress-bar {
        float: left;
        width: 0;
        height: 100%;
        font-size: var(--base-type-size-sm, .86rem);
        line-height: round(down, var(--base-type-size-md, 1rem)*var(--base-type-leading-normal, 1.5), 1px);
        color: var(--base-color-white, #fff);
        text-align: center;
        background-color: var(--sem-color-content-brand-primary, var(--base-color-primary-800, #012169));
        transition: width .6s;
        box-shadow: inset 0 -1px #00000026
    }

    .progress-bar-striped,
    .progress-striped .progress-bar {
        background-image: linear-gradient(45deg, var(--base-color-white, #fff)25%, transparent 25%, transparent 50%, var(--base-color-white, #fff)50%, var(--base-color-white, #fff)75%, transparent 75%, transparent)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .progress-bar-striped,
        .progress-striped .progress-bar {
            background-image: linear-gradient(45deg, color-mix(in srgb, var(--base-color-white, #fff)15%, transparent)25%, transparent 25%, transparent 50%, color-mix(in srgb, var(--base-color-white, #fff)15%, transparent)50%, color-mix(in srgb, var(--base-color-white, #fff)15%, transparent)75%, transparent 75%, transparent)
        }
    }

    .progress-bar-striped,
    .progress-striped .progress-bar {
        background-size: 40px 40px
    }

    .progress-bar.active,
    .progress.active .progress-bar {
        animation: progress-bar-stripes 2s linear infinite
    }

    .progress-bar-success {
        background-color: var(--base-color-success-700, #0f7e33)
    }

    .progress-striped .progress-bar-success {
        background-image: linear-gradient(45deg, var(--base-color-white, #fff)25%, transparent 25%, transparent 50%, var(--base-color-white, #fff)50%, var(--base-color-white, #fff)75%, transparent 75%, transparent)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .progress-striped .progress-bar-success {
            background-image: linear-gradient(45deg, color-mix(in srgb, var(--base-color-white, #fff)15%, transparent)25%, transparent 25%, transparent 50%, color-mix(in srgb, var(--base-color-white, #fff)15%, transparent)50%, color-mix(in srgb, var(--base-color-white, #fff)15%, transparent)75%, transparent 75%, transparent)
        }
    }

    .progress-bar-info {
        background-color: var(--base-color-primary-700, #0f3485)
    }

    .progress-striped .progress-bar-info {
        background-image: linear-gradient(45deg, var(--base-color-white, #fff)25%, transparent 25%, transparent 50%, var(--base-color-white, #fff)50%, var(--base-color-white, #fff)75%, transparent 75%, transparent)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .progress-striped .progress-bar-info {
            background-image: linear-gradient(45deg, color-mix(in srgb, var(--base-color-white, #fff)15%, transparent)25%, transparent 25%, transparent 50%, color-mix(in srgb, var(--base-color-white, #fff)15%, transparent)50%, color-mix(in srgb, var(--base-color-white, #fff)15%, transparent)75%, transparent 75%, transparent)
        }
    }

    .progress-bar-warning {
        background-color: var(--base-color-caution-700, #906501)
    }

    .progress-striped .progress-bar-warning {
        background-image: linear-gradient(45deg, var(--base-color-white, #fff)25%, transparent 25%, transparent 50%, var(--base-color-white, #fff)50%, var(--base-color-white, #fff)75%, transparent 75%, transparent)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .progress-striped .progress-bar-warning {
            background-image: linear-gradient(45deg, color-mix(in srgb, var(--base-color-white, #fff)15%, transparent)25%, transparent 25%, transparent 50%, color-mix(in srgb, var(--base-color-white, #fff)15%, transparent)50%, color-mix(in srgb, var(--base-color-white, #fff)15%, transparent)75%, transparent 75%, transparent)
        }
    }

    .progress-bar-danger {
        background-color: var(--base-color-error-700, #bc0005)
    }

    .progress-striped .progress-bar-danger {
        background-image: linear-gradient(45deg, var(--base-color-white, #fff)25%, transparent 25%, transparent 50%, var(--base-color-white, #fff)50%, var(--base-color-white, #fff)75%, transparent 75%, transparent)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .progress-striped .progress-bar-danger {
            background-image: linear-gradient(45deg, color-mix(in srgb, var(--base-color-white, #fff)15%, transparent)25%, transparent 25%, transparent 50%, color-mix(in srgb, var(--base-color-white, #fff)15%, transparent)50%, color-mix(in srgb, var(--base-color-white, #fff)15%, transparent)75%, transparent 75%, transparent)
        }
    }

    .progress-bar-rating {
        background-color: #e8bb38
    }

    .progress-striped .progress-bar-rating {
        background-image: linear-gradient(45deg, var(--base-color-white, #fff)25%, transparent 25%, transparent 50%, var(--base-color-white, #fff)50%, var(--base-color-white, #fff)75%, transparent 75%, transparent)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .progress-striped .progress-bar-rating {
            background-image: linear-gradient(45deg, color-mix(in srgb, var(--base-color-white, #fff)15%, transparent)25%, transparent 25%, transparent 50%, color-mix(in srgb, var(--base-color-white, #fff)15%, transparent)50%, color-mix(in srgb, var(--base-color-white, #fff)15%, transparent)75%, transparent 75%, transparent)
        }
    }

    .media {
        margin-top: 15px
    }

    .media:first-child {
        margin-top: 0
    }

    .media,
    .media-body {
        zoom: 1;
        overflow: hidden
    }

    .media-body {
        width: 10000px
    }

    .media-object {
        display: block
    }

    .media-object.img-thumbnail {
        max-width: none
    }

    .media-right,
    .media>.pull-right {
        padding-left: 10px
    }

    .media-left,
    .media>.pull-left {
        padding-right: 10px
    }

    .media-body,
    .media-left,
    .media-right {
        vertical-align: top;
        display: table-cell
    }

    .media-middle {
        vertical-align: middle
    }

    .media-bottom {
        vertical-align: bottom
    }

    .media-heading {
        margin-top: 0;
        margin-bottom: 5px
    }

    .media-list {
        padding-left: 0;
        list-style: none
    }

    .panel {
        margin-bottom: round(down, var(--base-type-size-md, 1rem)*var(--base-type-leading-normal, 1.5), 1px);
        background-color: var(--comp-color-background-panel-body, var(--base-color-white, #fff));
        border: var(--comp-size-border-panel, 1px)solid #0000;
        border-radius: var(--comp-size-radius-panel, var(--base-space-px-4, 4px))
    }

    .panel-body {
        padding: var(--comp-space-padding-top-panel, var(--base-space-px-12, 12px))var(--comp-space-padding-right-panel, var(--base-space-px-12, 12px))var(--comp-space-padding-bottom-panel, var(--base-space-px-12, 12px))var(--comp-space-padding-left-panel, var(--base-space-px-12, 12px))
    }

    .panel-body:after,
    .panel-body:before {
        content: " ";
        display: table
    }

    .panel-body:after {
        clear: both
    }

    .panel-heading {
        padding: var(--comp-space-padding-top-panel-header, var(--base-space-px-12, 12px))var(--comp-space-padding-right-panel-header, var(--base-space-px-12, 12px))var(--comp-space-padding-bottom-panel-header, var(--base-space-px-12, 12px))var(--comp-space-padding-left-panel-header, var(--base-space-px-12, 12px));
        border-top-left-radius: var(--comp-size-radius-panel, var(--base-space-px-4, 4px))-1;
        border-top-right-radius: var(--comp-size-radius-panel, var(--base-space-px-4, 4px))-1;
        background-color: #0000;
        border-bottom: 1px solid #0000
    }

    .panel-heading>.dropdown .dropdown-toggle,
    .panel-title {
        color: inherit
    }

    .panel-title {
        font-size: round(up, var(--base-type-size-md, 16px)*1.125, 1);
        margin-top: 0;
        margin-bottom: 0
    }

    .panel-title>.small,
    .panel-title>.small>a,
    .panel-title>a,
    .panel-title>small,
    .panel-title>small>a {
        color: inherit
    }

    .panel-footer {
        padding: var(--comp-space-padding-top-panel-footer, var(--base-space-px-12, 12px))var(--comp-space-padding-right-panel-footer, var(--base-space-px-12, 12px))var(--comp-space-padding-bottom-panel-footer, var(--base-space-px-12, 12px))var(--comp-space-padding-left-panel-footer, var(--base-space-px-12, 12px));
        background-color: var(--comp-color-background-panel-footer, var(--base-color-neutral-100, #f8f8f8));
        border-top: 1px solid var(--base-color-neutral-500, #6d7782);
        border-bottom-right-radius: var(--comp-size-radius-panel, var(--base-space-px-4, 4px))-1;
        border-bottom-left-radius: var(--comp-size-radius-panel, var(--base-space-px-4, 4px))-1
    }

    .panel>.list-group,
    .panel>.panel-collapse>.list-group {
        margin-bottom: 0
    }

    .panel>.list-group .list-group-item,
    .panel>.panel-collapse>.list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0
    }

    .panel>.list-group:first-child .list-group-item:first-child,
    .panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
        border-top-left-radius: var(--comp-size-radius-panel, var(--base-space-px-4, 4px))-1;
        border-top-right-radius: var(--comp-size-radius-panel, var(--base-space-px-4, 4px))-1;
        border-top: 0
    }

    .panel>.list-group:last-child .list-group-item:last-child,
    .panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
        border-bottom-right-radius: var(--comp-size-radius-panel, var(--base-space-px-4, 4px))-1;
        border-bottom-left-radius: var(--comp-size-radius-panel, var(--base-space-px-4, 4px))-1;
        border-bottom: 0
    }

    .panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .list-group+.panel-footer,
    .panel-heading+.list-group .list-group-item:first-child {
        border-top-width: 0
    }

    .panel>.panel-collapse>.table,
    .panel>.table,
    .panel>.table-responsive>.table {
        margin-bottom: 0
    }

    .panel>.panel-collapse>.table caption,
    .panel>.table caption,
    .panel>.table-responsive>.table caption {
        padding-right: var(--comp-space-padding-right-panel, var(--base-space-px-12, 12px));
        padding-left: var(--comp-space-padding-left-panel, var(--base-space-px-12, 12px))
    }

    .panel>.table-responsive:first-child>.table:first-child,
    .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,
    .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
    .panel>.table:first-child,
    .panel>.table:first-child>tbody:first-child>tr:first-child,
    .panel>.table:first-child>thead:first-child>tr:first-child {
        border-top-left-radius: var(--comp-size-radius-panel, var(--base-space-px-4, 4px))-1;
        border-top-right-radius: var(--comp-size-radius-panel, var(--base-space-px-4, 4px))-1
    }

    .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
    .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,
    .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
    .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
    .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
    .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
    .panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
    .panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
        border-top-left-radius: var(--comp-size-radius-panel, var(--base-space-px-4, 4px))-1
    }

    .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
    .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,
    .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
    .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
    .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
    .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
    .panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
    .panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
        border-top-right-radius: var(--comp-size-radius-panel, var(--base-space-px-4, 4px))-1
    }

    .panel>.table-responsive:last-child>.table:last-child,
    .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
    .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,
    .panel>.table:last-child,
    .panel>.table:last-child>tbody:last-child>tr:last-child,
    .panel>.table:last-child>tfoot:last-child>tr:last-child {
        border-bottom-right-radius: var(--comp-size-radius-panel, var(--base-space-px-4, 4px))-1;
        border-bottom-left-radius: var(--comp-size-radius-panel, var(--base-space-px-4, 4px))-1
    }

    .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
    .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
    .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
    .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
    .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
    .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
    .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
    .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
        border-bottom-left-radius: var(--comp-size-radius-panel, var(--base-space-px-4, 4px))-1
    }

    .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
    .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
    .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
    .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
    .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
    .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
    .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
    .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
        border-bottom-right-radius: var(--comp-size-radius-panel, var(--base-space-px-4, 4px))-1
    }

    .panel>.panel-body+.table,
    .panel>.panel-body+.table-responsive,
    .panel>.table+.panel-body,
    .panel>.table-responsive+.panel-body {
        border-top: 1px solid var(--base-color-neutral-300, #cfd4da)
    }

    .panel>.table>tbody:first-child>tr:first-child td,
    .panel>.table>tbody:first-child>tr:first-child th {
        border-top: 0
    }

    .panel>.table-bordered,
    .panel>.table-responsive>.table-bordered {
        border: 0
    }

    .panel>.table-bordered>tbody>tr>td:first-child,
    .panel>.table-bordered>tbody>tr>th:first-child,
    .panel>.table-bordered>tfoot>tr>td:first-child,
    .panel>.table-bordered>tfoot>tr>th:first-child,
    .panel>.table-bordered>thead>tr>td:first-child,
    .panel>.table-bordered>thead>tr>th:first-child,
    .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
    .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
    .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,
    .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
    .panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }

    .panel>.table-bordered>tbody>tr>td:last-child,
    .panel>.table-bordered>tbody>tr>th:last-child,
    .panel>.table-bordered>tfoot>tr>td:last-child,
    .panel>.table-bordered>tfoot>tr>th:last-child,
    .panel>.table-bordered>thead>tr>td:last-child,
    .panel>.table-bordered>thead>tr>th:last-child,
    .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
    .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
    .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,
    .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
    .panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }

    .panel>.table-bordered>tbody>tr:first-child>td,
    .panel>.table-bordered>tbody>tr:first-child>th,
    .panel>.table-bordered>tbody>tr:last-child>td,
    .panel>.table-bordered>tbody>tr:last-child>th,
    .panel>.table-bordered>tfoot>tr:last-child>td,
    .panel>.table-bordered>tfoot>tr:last-child>th,
    .panel>.table-bordered>thead>tr:first-child>td,
    .panel>.table-bordered>thead>tr:first-child>th,
    .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
    .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,
    .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
    .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
    .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
    .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,
    .panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
    .panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
        border-bottom: 0
    }

    .panel>.table-responsive {
        border: 0;
        margin-bottom: 0
    }

    .panel-group {
        margin-bottom: round(down, var(--base-type-size-md, 1rem)*var(--base-type-leading-normal, 1.5), 1px)
    }

    .panel-group .panel {
        border-radius: var(--comp-size-radius-panel, var(--base-space-px-4, 4px));
        margin-bottom: 0
    }

    .panel-group .panel+.panel {
        margin-top: 5px
    }

    .panel-group .panel-heading {
        border-bottom: 0
    }

    .panel-group .panel-heading+.panel-collapse>.list-group,
    .panel-group .panel-heading+.panel-collapse>.panel-body {
        border-top: 1px solid var(--base-color-neutral-500, #6d7782)
    }

    .panel-group .panel-footer {
        border-top: 0
    }

    .panel-group .panel-footer+.panel-collapse .panel-body {
        border-bottom: 1px solid var(--base-color-neutral-500, #6d7782)
    }

    .panel-default,
    .panel-default>.panel-heading {
        border-color: var(--comp-color-border-panel, var(--base-color-neutral-200, #e1e4e8))
    }

    .panel-default>.panel-heading {
        color: var(--comp-color-content-panel-body, var(--base-color-neutral-600, #59636e));
        background-color: var(--comp-color-background-panel-header-default, var(--base-color-neutral-200, #e1e4e8))
    }

    .panel-default>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: var(--comp-color-border-panel, var(--base-color-neutral-200, #e1e4e8))
    }

    .panel-default>.panel-heading .badge {
        color: var(--comp-color-background-panel-header-default, var(--base-color-neutral-200, #e1e4e8));
        background-color: var(--comp-color-content-panel-body, var(--base-color-neutral-600, #59636e))
    }

    .panel-default>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: var(--comp-color-border-panel, var(--base-color-neutral-200, #e1e4e8))
    }

    .panel-primary,
    .panel-primary>.panel-heading {
        border-color: var(--comp-color-border-panel, var(--sem-color-content-brand-primary, var(--base-color-primary-800, #012169)))
    }

    .panel-primary>.panel-heading {
        color: var(--comp-color-content-panel-header-primary, var(--base-color-white, #fff));
        background-color: var(--comp-color-background-panel-header-primary, var(--sem-color-content-brand-primary, var(--base-color-primary-800, #012169)))
    }

    .panel-primary>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: var(--comp-color-border-panel, var(--sem-color-content-brand-primary, var(--base-color-primary-800, #012169)))
    }

    .panel-primary>.panel-heading .badge {
        color: var(--comp-color-background-panel-header-primary, var(--sem-color-content-brand-primary, var(--base-color-primary-800, #012169)));
        background-color: var(--comp-color-content-panel-header-primary, var(--base-color-white, #fff))
    }

    .panel-primary>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: var(--comp-color-border-panel, var(--sem-color-content-brand-primary, var(--base-color-primary-800, #012169)))
    }

    .panel-success,
    .panel-success>.panel-heading {
        border-color: var(--sem-color-border-success-primary, var(--base-color-success-200, #d6e4d2))
    }

    .panel-success>.panel-heading {
        color: var(--sem-color-content-success-primary, var(--base-color-success-700, #0f7e33));
        background-color: var(--sem-color-background-success-primary, var(--base-color-success-100, #f0fbec))
    }

    .panel-success>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: var(--sem-color-border-success-primary, var(--base-color-success-200, #d6e4d2))
    }

    .panel-success>.panel-heading .badge {
        color: var(--sem-color-background-success-primary, var(--base-color-success-100, #f0fbec));
        background-color: var(--sem-color-content-success-primary, var(--base-color-success-700, #0f7e33))
    }

    .panel-success>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: var(--sem-color-border-success-primary, var(--base-color-success-200, #d6e4d2))
    }

    .panel-info,
    .panel-info>.panel-heading {
        border-color: var(--sem-color-border-info-primary, var(--base-color-info-200, #dee2ec))
    }

    .panel-info>.panel-heading {
        color: var(--sem-color-content-info-primary, var(--base-color-primary-700, #0f3485));
        background-color: var(--sem-color-background-info-primary, var(--base-color-info-100, #f3f4fa))
    }

    .panel-info>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: var(--sem-color-border-info-primary, var(--base-color-info-200, #dee2ec))
    }

    .panel-info>.panel-heading .badge {
        color: var(--sem-color-background-info-primary, var(--base-color-info-100, #f3f4fa));
        background-color: var(--sem-color-content-info-primary, var(--base-color-primary-700, #0f3485))
    }

    .panel-info>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: var(--sem-color-border-info-primary, var(--base-color-info-200, #dee2ec))
    }

    .panel-warning,
    .panel-warning>.panel-heading {
        border-color: var(--sem-color-border-caution-primary, var(--base-color-caution-200, #ffe8cf))
    }

    .panel-warning>.panel-heading {
        color: var(--sem-color-content-caution-primary, var(--base-color-caution-700, #906501));
        background-color: var(--sem-color-background-caution-primary, var(--base-color-caution-100, #fff8e8))
    }

    .panel-warning>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: var(--sem-color-border-caution-primary, var(--base-color-caution-200, #ffe8cf))
    }

    .panel-warning>.panel-heading .badge {
        color: var(--sem-color-background-caution-primary, var(--base-color-caution-100, #fff8e8));
        background-color: var(--sem-color-content-caution-primary, var(--base-color-caution-700, #906501))
    }

    .panel-warning>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: var(--sem-color-border-caution-primary, var(--base-color-caution-200, #ffe8cf))
    }

    .panel-danger,
    .panel-danger>.panel-heading {
        border-color: var(--sem-color-border-error-primary, var(--base-color-error-200, #f8d8db))
    }

    .panel-danger>.panel-heading {
        color: var(--sem-color-content-error-primary, var(--base-color-error-700, #bc0005));
        background-color: var(--sem-color-background-error-primary, var(--base-color-error-100, #fff0f0))
    }

    .panel-danger>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: var(--sem-color-border-error-primary, var(--base-color-error-200, #f8d8db))
    }

    .panel-danger>.panel-heading .badge {
        color: var(--sem-color-background-error-primary, var(--base-color-error-100, #fff0f0));
        background-color: var(--sem-color-content-error-primary, var(--base-color-error-700, #bc0005))
    }

    .panel-danger>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: var(--sem-color-border-error-primary, var(--base-color-error-200, #f8d8db))
    }

    .modal-open {
        overflow: hidden
    }

    .modal {
        z-index: 110;
        -webkit-overflow-scrolling: touch;
        outline: 0;
        display: none;
        position: fixed;
        inset: 0;
        overflow: hidden
    }

    .modal.fade .modal-dialog {
        transition: transform .3s ease-out;
        transform: translateY(-25%)
    }

    .modal.in .modal-dialog {
        transform: translate(0)
    }

    .modal-open .modal {
        overflow: hidden auto
    }

    .modal-dialog {
        width: auto;
        margin: 10px;
        position: relative
    }

    .modal-content {
        font-weight: var(--comp-type-weight-modal-body, 400);
        background-color: var(--comp-color-background-modal-body, var(--base-color-white, #fff));
        color: var(--comp-color-content-modal-body, var(--base-color-neutral-800, #2d363e));
        border: var(--comp-size-border-modal, 1px)solid var(--comp-color-border-modal, var(--base-color-neutral-800, #2d363e));
        background-clip: padding-box;
        position: relative;
        font-size: var(--comp-type-size-modal-body, var(--base-type-size-md, 16px)) !important
    }

    @supports (color:color-mix(in lab, red, red)) {
        .modal-content {
            border: var(--comp-size-border-modal, 1px)solid var(--comp-color-border-modal, color-mix(in srgb, var(--base-color-neutral-800, #2d363e)30%, transparent))
        }
    }

    .modal-content {
        border-radius: var(--comp-size-radius-modal, var(--base-size-radius-lg, 8px));
        outline: 0;
        box-shadow: 0 3px 9px #00000080
    }

    .modal-backdrop {
        z-index: 100;
        background-color: var(--base-color-neutral-800, #2d363e);
        position: fixed;
        inset: 0
    }

    .modal-backdrop.fade {
        opacity: 0
    }

    .modal-backdrop.in {
        opacity: var(--base-opacity-50, 50%)
    }

    .modal-header {
        background-color: var(--comp-color-background-modal-header-default, var(--base-color-white, #fff));
        color: var(--comp-color-content-modal-header-default, var(--base-color-neutral-800, #2d363e));
        border-top-left-radius: var(--comp-size-radius-modal, var(--base-size-radius-lg, 8px));
        border-top-right-radius: var(--comp-size-radius-modal, var(--base-size-radius-lg, 8px));
        padding: var(--comp-space-padding-top-modal-header, var(--base-space-px-16, 16px))var(--comp-space-padding-right-modal-header, var(--base-space-px-16, 16px))var(--comp-space-padding-bottom-modal-header, var(--base-space-px-16, 16px))var(--comp-space-padding-left-modal-header, var(--base-space-px-16, 16px));
        border-bottom: var(--comp-size-border-modal-body, 1px)solid var(--comp-color-border-modal-body, var(--base-color-neutral-200, #e1e4e8));
        justify-content: space-between;
        align-items: flex-start;
        display: flex
    }

    .modal-primary .modal-header {
        background-color: var(--comp-color-background-modal-header-primary, var(--sem-color-content-brand-primary, var(--base-color-primary-800, #012169)));
        color: var(--comp-color-content-modal-header-primary, var(--base-color-white, #fff))
    }

    .modal-header .close {
        margin-top: -2px
    }

    .modal-title {
        line-height: var(--base-type-leading-normal, 1.5);
        width: 100%;
        margin: 0
    }

    .modal-body {
        padding: var(--comp-space-padding-top-modal, var(--base-space-px-16, 16px))var(--comp-space-padding-right-modal, var(--base-space-px-16, 16px))var(--comp-space-padding-bottom-modal, var(--base-space-px-16, 16px))var(--comp-space-padding-left-modal, var(--base-space-px-16, 16px));
        position: relative
    }

    .modal-footer {
        padding: var(--base-space-px-16, 16px);
        text-align: right;
        border-top: var(--comp-size-border-modal-body, 1px)solid var(--comp-color-border-modal-body, var(--base-color-neutral-200, #e1e4e8))
    }

    .modal-footer:after,
    .modal-footer:before {
        content: " ";
        display: table
    }

    .modal-footer:after {
        clear: both
    }

    .modal-footer .btn+.btn {
        margin-bottom: 0;
        margin-left: 8px
    }

    .modal-footer .btn-group .btn+.btn {
        margin-left: -1px
    }

    .modal-footer .btn-block+.btn-block {
        margin-left: 0
    }

    .modal-scrollbar-measure {
        width: 50px;
        height: 50px;
        position: absolute;
        top: -9999px;
        overflow: scroll
    }

    .modal-simple .modal-footer,
    .modal-simple .modal-header {
        border: 0
    }

    @media (min-width:768px) {
        .modal-dialog {
            width: 600px;
            margin: 30px auto
        }

        .modal-content {
            box-shadow: var(--comp-elevation-shadow-modal, 0 5px 15px #00000080)
        }

        .modal-sm {
            width: 400px
        }
    }

    @media (min-width:1024px) {
        .modal-lg {
            width: 900px
        }
    }

    .inverted .modal-header {
        background-color: var(--comp-color-background-modal-header-inverse, var(--base-color-black, #000));
        color: var(--comp-color-content-modal-header-inverse, var(--sem-color-content-neutral-inverse-primary, var(--base-color-white, #fff)))
    }

    .inverted .modal-body {
        background-color: var(--comp-color-background-modal-body-inverse, var(--base-color-black, #000));
        color: var(--comp-color-content-modal-body-inverse, var(--sem-color-content-neutral-inverse-primary, var(--base-color-white, #fff)))
    }

    .tooltip {
        z-index: 1070;
        font-family: var(--base-type-font-body, roboto, -apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, arial, sans-serif);
        font-style: normal;
        font-weight: 400;
        line-height: var(--base-type-leading-normal, 1.5);
        line-break: auto;
        text-align: left;
        text-align: start;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        word-spacing: normal;
        word-wrap: normal;
        white-space: normal;
        font-size: var(--base-type-size-sm, .86rem);
        opacity: 0;
        text-decoration: none;
        display: block;
        position: absolute
    }

    .tooltip.in {
        opacity: var(--base-opacity-90, 90%)
    }

    .tooltip.top {
        padding: var(--base-space-px-4, 4px)0;
        margin-top: -3px
    }

    .tooltip.right {
        padding: 0 var(--base-space-px-4, 4px);
        margin-left: 3px
    }

    .tooltip.bottom {
        padding: var(--base-space-px-4, 4px)0;
        margin-top: 3px
    }

    .tooltip.left {
        padding: 0 var(--base-space-px-4, 4px);
        margin-left: -3px
    }

    .tooltip.top .tooltip-arrow {
        margin-left: calc(var(--base-space-px-4, 4px)*-1);
        border-width: var(--base-space-px-4, 4px)var(--base-space-px-4, 4px)0;
        border-top-color: var(--base-color-black, #000);
        bottom: 0;
        left: 50%
    }

    .tooltip.top-left .tooltip-arrow {
        right: var(--base-space-px-4, 4px)
    }

    .tooltip.top-left .tooltip-arrow,
    .tooltip.top-right .tooltip-arrow {
        margin-bottom: calc(var(--base-space-px-4, 4px)*-1);
        border-width: var(--base-space-px-4, 4px)var(--base-space-px-4, 4px)0;
        border-top-color: var(--base-color-black, #000);
        bottom: 0
    }

    .tooltip.top-right .tooltip-arrow {
        left: var(--base-space-px-4, 4px)
    }

    .tooltip.right .tooltip-arrow {
        margin-top: calc(var(--base-space-px-4, 4px)*-1);
        border-width: var(--base-space-px-4, 4px)var(--base-space-px-4, 4px)var(--base-space-px-4, 4px)0;
        border-right-color: var(--base-color-black, #000);
        top: 50%;
        left: 0
    }

    .tooltip.left .tooltip-arrow {
        margin-top: calc(var(--base-space-px-4, 4px)*-1);
        border-width: var(--base-space-px-4, 4px)0 var(--base-space-px-4, 4px)var(--base-space-px-4, 4px);
        border-left-color: var(--base-color-black, #000);
        top: 50%;
        right: 0
    }

    .tooltip.bottom .tooltip-arrow {
        margin-left: calc(var(--base-space-px-4, 4px)*-1);
        border-width: 0 var(--base-space-px-4, 4px)var(--base-space-px-4, 4px);
        border-bottom-color: var(--base-color-black, #000);
        top: 0;
        left: 50%
    }

    .tooltip.bottom-left .tooltip-arrow {
        right: var(--base-space-px-4, 4px)
    }

    .tooltip.bottom-left .tooltip-arrow,
    .tooltip.bottom-right .tooltip-arrow {
        top: 0;
        margin-top: calc(var(--base-space-px-4, 4px)*-1);
        border-width: 0 var(--base-space-px-4, 4px)var(--base-space-px-4, 4px);
        border-bottom-color: var(--base-color-black, #000)
    }

    .tooltip.bottom-right .tooltip-arrow {
        left: var(--base-space-px-4, 4px)
    }

    .tooltip-inner {
        max-width: 200px;
        color: var(--base-color-white, #fff);
        text-align: center;
        background-color: var(--base-color-black, #000);
        border-radius: var(--base-space-px-4, 4px);
        padding: 3px 8px
    }

    .tooltip-arrow {
        border-style: solid;
        border-color: #0000;
        width: 0;
        height: 0;
        position: absolute
    }

    .clearfix:after,
    .clearfix:before {
        content: " ";
        display: table
    }

    .clearfix:after {
        clear: both
    }

    .center-block {
        margin-left: auto;
        margin-right: auto;
        display: block
    }

    .pull-right {
        float: right !important
    }

    .pull-left {
        float: left !important
    }

    .hide {
        display: none !important
    }

    .show {
        display: block !important
    }

    .invisible {
        visibility: hidden
    }

    .text-hide {
        font: 0/0 a;
        color: #0000;
        text-shadow: none;
        background-color: #0000;
        border: 0
    }

    .hidden {
        display: none !important
    }

    .affix {
        position: fixed
    }

    .visible-lg,
    .visible-lg-block,
    .visible-lg-inline,
    .visible-lg-inline-block,
    .visible-md,
    .visible-md-block,
    .visible-md-inline,
    .visible-md-inline-block,
    .visible-sm,
    .visible-sm-block,
    .visible-sm-inline,
    .visible-sm-inline-block,
    .visible-xs,
    .visible-xs-block,
    .visible-xs-inline,
    .visible-xs-inline-block {
        display: none !important
    }

    @media (max-width:767px) {
        .visible-xs {
            display: block !important
        }

        table.visible-xs {
            display: table !important
        }

        tr.visible-xs {
            display: table-row !important
        }

        td.visible-xs,
        th.visible-xs {
            display: table-cell !important
        }

        .visible-xs-block {
            display: block !important
        }

        .visible-xs-inline {
            display: inline !important
        }

        .visible-xs-inline-block {
            display: inline-block !important
        }
    }

    @media (min-width:768px) and (max-width:1023px) {
        .visible-sm {
            display: block !important
        }

        table.visible-sm {
            display: table !important
        }

        tr.visible-sm {
            display: table-row !important
        }

        td.visible-sm,
        th.visible-sm {
            display: table-cell !important
        }

        .visible-sm-block {
            display: block !important
        }

        .visible-sm-inline {
            display: inline !important
        }

        .visible-sm-inline-block {
            display: inline-block !important
        }
    }

    @media (min-width:1024px) and (max-width:1299px) {
        .visible-md {
            display: block !important
        }

        table.visible-md {
            display: table !important
        }

        tr.visible-md {
            display: table-row !important
        }

        td.visible-md,
        th.visible-md {
            display: table-cell !important
        }

        .visible-md-block {
            display: block !important
        }

        .visible-md-inline {
            display: inline !important
        }

        .visible-md-inline-block {
            display: inline-block !important
        }
    }

    @media (min-width:1300px) {
        .visible-lg {
            display: block !important
        }

        table.visible-lg {
            display: table !important
        }

        tr.visible-lg {
            display: table-row !important
        }

        td.visible-lg,
        th.visible-lg {
            display: table-cell !important
        }

        .visible-lg-block {
            display: block !important
        }

        .visible-lg-inline {
            display: inline !important
        }

        .visible-lg-inline-block {
            display: inline-block !important
        }
    }

    @media (max-width:767px) {
        .hidden-xs {
            display: none !important
        }
    }

    @media (min-width:768px) and (max-width:1023px) {
        .hidden-sm {
            display: none !important
        }
    }

    @media (min-width:1024px) and (max-width:1299px) {
        .hidden-md {
            display: none !important
        }
    }

    @media (min-width:1300px) {
        .hidden-lg {
            display: none !important
        }
    }

    .visible-print {
        display: none !important
    }

    @media print {
        .visible-print {
            display: block !important
        }

        table.visible-print {
            display: table !important
        }

        tr.visible-print {
            display: table-row !important
        }

        td.visible-print,
        th.visible-print {
            display: table-cell !important
        }
    }

    .visible-print-block {
        display: none !important
    }

    @media print {
        .visible-print-block {
            display: block !important
        }
    }

    .visible-print-inline {
        display: none !important
    }

    @media print {
        .visible-print-inline {
            display: inline !important
        }
    }

    .visible-print-inline-block {
        display: none !important
    }

    @media print {
        .visible-print-inline-block {
            display: inline-block !important
        }

        .hidden-print {
            display: none !important
        }
    }

    .alert {
        padding: var(--comp-space-padding-top-alert, var(--base-space-px-12, 12px))var(--comp-space-padding-right-alert, var(--base-space-px-12, 12px))var(--comp-space-padding-bottom-alert, var(--base-space-px-12, 12px))calc(var(--comp-space-padding-left-alert, var(--base-space-px-12, 12px)) + var(--base-space-px-12, 12px)*2);
        margin-bottom: round(down, var(--base-type-size-md, 1rem)*var(--base-type-leading-normal, 1.5), 1px);
        border: var(--comp-size-border-alert, 1px)solid #0000;
        border-radius: var(--comp-size-radius-alert, var(--base-space-px-4, 4px))
    }

    .alert>.glyphicon:first-of-type {
        top: var(--comp-space-padding-top-alert, var(--base-space-px-12, 12px));
        left: var(--comp-space-padding-left-alert, var(--base-space-px-12, 12px));
        line-height: inherit;
        position: absolute
    }

    .alert h4 {
        color: inherit;
        margin-top: 0
    }

    .alert .alert-link {
        font-weight: 700
    }

    .alert>p,
    .alert>ul {
        margin-bottom: 0
    }

    .alert>p+p {
        margin-top: var(--base-space-px-4, 4px)
    }

    .alert-noicon {
        padding-left: var(--comp-space-padding-left-alert, var(--base-space-px-12, 12px))
    }

    .alert-dismissable,
    .alert-dismissible {
        padding-right: calc(var(--comp-space-padding-right-alert, var(--base-space-px-12, 12px)) + var(--base-space-px-12, 12px)*2)
    }

    .alert-dismissable .close,
    .alert-dismissible .close {
        color: inherit;
        position: absolute;
        top: 9px;
        right: 5px
    }

    .alert-success {
        background-color: var(--comp-color-background-alert-success, var(--sem-color-background-success-primary, var(--base-color-success-100, #f0fbec)));
        border-color: var(--comp-color-border-alert-success, var(--sem-color-border-success-primary, var(--base-color-success-200, #d6e4d2)));
        color: var(--comp-color-content-alert-success, var(--sem-color-content-success-primary, var(--base-color-success-700, #0f7e33)));
        position: relative
    }

    .alert-success hr {
        border-top-color: var(--comp-color-border-alert-success, var(--sem-color-border-success-primary, var(--base-color-success-200, #d6e4d2)))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .alert-success hr {
            border-top-color: color-mix(in srgb, var(--comp-color-border-alert-success, var(--sem-color-border-success-primary, var(--base-color-success-200, #d6e4d2)))95%, black)
        }
    }

    .alert-success .alert-link {
        color: var(--comp-color-content-alert-success, var(--sem-color-content-success-primary, var(--base-color-success-700, #0f7e33)))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .alert-success .alert-link {
            color: color-mix(in srgb, var(--comp-color-content-alert-success, var(--sem-color-content-success-primary, var(--base-color-success-700, #0f7e33)))90%, black)
        }
    }

    .alert-info {
        background-color: var(--comp-color-background-alert-info, var(--sem-color-background-info-primary, var(--base-color-info-100, #f3f4fa)));
        border-color: var(--comp-color-border-alert-info, var(--sem-color-border-info-primary, var(--base-color-info-200, #dee2ec)));
        color: var(--comp-color-content-alert-info, var(--sem-color-content-info-primary, var(--base-color-primary-700, #0f3485)));
        position: relative
    }

    .alert-info hr {
        border-top-color: var(--comp-color-border-alert-info, var(--sem-color-border-info-primary, var(--base-color-info-200, #dee2ec)))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .alert-info hr {
            border-top-color: color-mix(in srgb, var(--comp-color-border-alert-info, var(--sem-color-border-info-primary, var(--base-color-info-200, #dee2ec)))95%, black)
        }
    }

    .alert-info .alert-link {
        color: var(--comp-color-content-alert-info, var(--sem-color-content-info-primary, var(--base-color-primary-700, #0f3485)))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .alert-info .alert-link {
            color: color-mix(in srgb, var(--comp-color-content-alert-info, var(--sem-color-content-info-primary, var(--base-color-primary-700, #0f3485)))90%, black)
        }
    }

    .alert-warning {
        background-color: var(--comp-color-background-alert-caution, var(--sem-color-background-caution-primary, var(--base-color-caution-100, #fff8e8)));
        border-color: var(--comp-color-border-alert-caution, var(--sem-color-border-caution-primary, var(--base-color-caution-200, #ffe8cf)));
        color: var(--comp-color-content-alert-caution, var(--sem-color-content-caution-primary, var(--base-color-caution-700, #906501)));
        position: relative
    }

    .alert-warning hr {
        border-top-color: var(--comp-color-border-alert-caution, var(--sem-color-border-caution-primary, var(--base-color-caution-200, #ffe8cf)))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .alert-warning hr {
            border-top-color: color-mix(in srgb, var(--comp-color-border-alert-caution, var(--sem-color-border-caution-primary, var(--base-color-caution-200, #ffe8cf)))95%, black)
        }
    }

    .alert-warning .alert-link {
        color: var(--comp-color-content-alert-caution, var(--sem-color-content-caution-primary, var(--base-color-caution-700, #906501)))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .alert-warning .alert-link {
            color: color-mix(in srgb, var(--comp-color-content-alert-caution, var(--sem-color-content-caution-primary, var(--base-color-caution-700, #906501)))90%, black)
        }
    }

    .alert-danger {
        background-color: var(--comp-color-background-alert-error, var(--sem-color-background-error-primary, var(--base-color-error-100, #fff0f0)));
        border-color: var(--comp-color-border-alert-error, var(--sem-color-border-error-primary, var(--base-color-error-200, #f8d8db)));
        color: var(--comp-color-content-alert-error, var(--sem-color-content-error-primary, var(--base-color-error-700, #bc0005)));
        position: relative
    }

    .alert-danger hr {
        border-top-color: var(--comp-color-border-alert-error, var(--sem-color-border-error-primary, var(--base-color-error-200, #f8d8db)))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .alert-danger hr {
            border-top-color: color-mix(in srgb, var(--comp-color-border-alert-error, var(--sem-color-border-error-primary, var(--base-color-error-200, #f8d8db)))95%, black)
        }
    }

    .alert-danger .alert-link {
        color: var(--comp-color-content-alert-error, var(--sem-color-content-error-primary, var(--base-color-error-700, #bc0005)))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .alert-danger .alert-link {
            color: color-mix(in srgb, var(--comp-color-content-alert-error, var(--sem-color-content-error-primary, var(--base-color-error-700, #bc0005)))90%, black)
        }
    }

    .btn-toolbar>.label,
    .btn-toolbar>label {
        float: left;
        padding: var(--base-space-px-8, 8px)var(--base-space-px-12, 12px);
        font-size: var(--base-type-size-md, 1rem);
        line-height: var(--base-type-leading-normal, 1.5);
        border-radius: calc(var(--base-type-size-sm, .86rem)*var(--base-type-leading-tight, 1.2)/2 + var(--base-space-px-12, 12px))
    }

    .btn-group-lean {
        flex-flow: wrap;
        justify-content: space-around;
        align-items: center;
        display: flex
    }

    @media (max-width:767px) {
        .btn-group-lean {
            height: 54px
        }
    }

    .btn-group-lean .btn {
        border-radius: var(--base-space-px-0, 0);
        font-size: var(--base-type-size-md, 1rem);
        padding-top: var(--base-space-px-8, 8px);
        padding-bottom: var(--base-space-px-8, 8px);
        border: 0;
        justify-content: center;
        align-items: center;
        font-weight: 400;
        display: flex
    }

    .btn-group-lean .btn.btn-default {
        background: var(--base-color-white, #fff);
        box-shadow: none;
        color: var(--base-color-neutral-700, #414c58)
    }

    .btn-group-lean .btn-lean-toggle {
        padding-top: var(--base-space-px-8, 8px);
        padding-bottom: var(--base-space-px-8, 8px);
        justify-content: center;
        align-items: center;
        display: flex;
        height: 64px !important
    }

    @media (min-width:768px) {
        .btn-group-lean .btn-lean-toggle {
            border-width: 1px !important
        }
    }

    .btn-group-lean>.btn {
        box-shadow: none;
        border-width: 1px 0;
        border-color: var(--base-color-neutral-300, #cfd4da);
        border-style: solid;
        position: relative
    }

    @media (min-width:767px) {
        .btn-group-lean>.btn {
            box-shadow: none;
            background: 0 0;
            border-top: 0;
            border-bottom: 0;
            height: 64px
        }
    }

    .btn-group-lean>.btn:after {
        content: "";
        width: 100%;
        height: 44px;
        position: absolute;
        top: -4px;
        left: 0
    }

    @media (max-width:767px) {
        .btn-group-lean>.btn-group:first-child {
            border-width: 1px 0
        }
    }

    .btn-group-lean>.btn-group {
        box-shadow: none;
        border-width: 1px 0 1px 1px;
        border-color: var(--base-color-neutral-300, #cfd4da);
        border-style: solid;
        position: relative
    }

    @media (min-width:767px) {
        .btn-group-lean>.btn-group {
            border-top: 0;
            border-bottom: 0
        }
    }

    .btn-group-lean>.btn-group button {
        width: 100%
    }

    @media (min-width:767px) {
        .btn-group-lean>.btn-group button {
            background: var(--base-color-white, #fff);
            box-shadow: none;
            border-top: 0;
            border-bottom: 0;
            height: 64px
        }
    }

    .btn-group-lean>.btn-group button.active,
    .btn-group-lean>.btn-group button.focus,
    .btn-group-lean>.btn-group button.hover,
    .btn-group-lean>.btn-group button:active,
    .btn-group-lean>.btn-group button:focus,
    .btn-group-lean>.btn-group button:hover {
        background: var(--base-color-white, #fff);
        border-color: #0000
    }

    .btn-group-lean .caret {
        margin-left: var(--base-space-px-8, 8px);
        align-self: center
    }

    @media (min-width:767px) {
        .btn-group-lean .caret {
            align-self: flex-end;
            margin-bottom: 21px
        }
    }

    .btn-group-lean .glyphicon {
        font-size: var(--base-type-size-xxl, 1.5rem)
    }

    .btn-group-lean .glyphicon:not(.form-control-feedback) {
        line-height: 1.7;
        top: 0
    }

    .btn-group-lean .dropdown,
    .btn-group-lean .dropdown-toggle {
        box-shadow: none
    }

    .btn-group-lean .dropdown-menu {
        border: unset;
        border-radius: 0;
        width: 100%;
        margin-top: 0
    }

    .btn-group-lean .dropdown-menu a {
        padding-top: var(--base-space-px-12, 12px);
        padding-bottom: var(--base-space-px-12, 12px)
    }

    .btn-group-lean .dropdown-menu li {
        border-top: 1px solid var(--base-color-neutral-200, #e1e4e8)
    }

    .btn-group-lean .dropdown-menu li:first-child {
        border-top: #0000
    }

    .btn-group-lean .dropdown-menu>.active>a {
        background-color: var(--base-color-neutral-200, #e1e4e8);
        color: var(--base-color-neutral-800, #2d363e)
    }

    .btn-group-toggle label {
        font-size: var(--base-type-size-md, 1rem);
        box-shadow: var(--comp-elevation-shadow-button-group-rest, none);
        padding: var(--comp-space-padding-top-button-group, var(--base-space-px-8, 8px))var(--comp-space-padding-right-button-group, var(--base-space-px-16, 16px))var(--comp-space-padding-bottom-button-group, var(--base-space-px-8, 8px))var(--comp-space-padding-left-button-group, var(--base-space-px-16, 16px));
        background: var(--comp-color-background-button-group-rest, var(--sem-color-background-interactive-rest, linear-gradient(var(--base-color-white, #fff), var(--base-color-neutral-100, #f8f8f8))));
        color: var(--comp-color-content-button-group-rest, var(--base-color-neutral-700, #414c58));
        border: var(--comp-size-border-button-group, var(--comp-size-border-button, 1px))solid var(--comp-color-border-button-group-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)));
        border-radius: var(--comp-size-radius-button-group, var(--comp-size-radius-button, var(--base-space-px-4, 4px)));
        font-weight: var(--comp-type-weight-button-group, var(--base-type-weight-bold, 700));
        line-height: var(--comp-type-leading-button-group, var(--base-type-leading-normal, 1.5));
        letter-spacing: var(--comp-type-tracking-button-group, 0)
    }

    .btn-group-toggle label:hover {
        background: var(--comp-color-background-button-group-hover, var(--sem-color-background-interactive-hover, var(--base-color-neutral-800, #2d363e)))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn-group-toggle label:hover {
            background: var(--comp-color-background-button-group-hover, var(--sem-color-background-interactive-hover, color-mix(in srgb, var(--base-color-neutral-800, #2d363e)4%, transparent)))
        }
    }

    .btn-group-toggle label:hover {
        box-shadow: var(--comp-elevation-shadow-button-group-hover, var(--comp-elevation-shadow-button-group-rest, none));
        color: var(--comp-color-content-button-group-hover, var(--comp-color-content-button-group-rest, var(--base-color-neutral-700, #414c58)));
        border-color: var(--comp-color-border-button-group-hover, var(--comp-color-border-button-group-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da))))
    }

    .btn-group-toggle label:active,
    .btn-group-toggle label:focus {
        background: var(--comp-color-background-button-group-pressed, var(--sem-color-background-interactive-pressed, var(--base-color-info-100, #f3f4fa)));
        box-shadow: var(--comp-elevation-shadow-button-group-pressed, var(--comp-elevation-shadow-button-tertiary-pressed, none));
        border-color: var(--comp-color-border-button-group-pressed, var(--base-color-neutral-300, #cfd4da));
        color: var(--comp-color-content-button-group-pressed, var(--comp-color-content-button-group-rest, var(--base-color-neutral-700, #414c58)))
    }

    .btn-group-toggle label:active:hover,
    .btn-group-toggle label:focus:hover {
        box-shadow: var(--comp-elevation-shadow-button-group-hover, var(--comp-elevation-shadow-button-group-rest, none))
    }

    .btn-group-toggle label.active {
        background: var(--comp-color-background-button-group-selected, var(--sem-color-background-interactive-selected, var(--sem-color-background-interactive-pressed, var(--base-color-info-100, #f3f4fa))));
        box-shadow: var(--comp-elevation-shadow-button-group-pressed, var(--comp-elevation-shadow-button-tertiary-pressed, none));
        border-color: var(--comp-color-border-button-group-pressed, var(--base-color-neutral-300, #cfd4da));
        color: var(--sem-color-content-interactive-selected, var(--base-color-neutral-700, #414c58))
    }

    .btn-group-toggle label.active:hover {
        box-shadow: var(--comp-elevation-shadow-button-group-hover, var(--comp-elevation-shadow-button-group-rest, none))
    }

    .btn-group-toggle label.disabled,
    .btn-group-toggle label[disabled] {
        background: var(--comp-color-background-button-group-disabled, var(--comp-color-background-button-tertiary-disabled, transparent));
        box-shadow: var(--comp-elevation-shadow-button-group-disabled, var(--comp-elevation-shadow-button-group-rest, none));
        border-color: var(--comp-color-border-button-group-disabled, var(--comp-color-border-button-group-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da))));
        color: var(--comp-color-content-button-group-disabled, var(--comp-color-content-button-group-rest, var(--base-color-neutral-700, #414c58)))
    }

    .btn-group-toggle label.inverse {
        background: var(--sem-color-background-interactive-inverse-rest, var(--sem-color-background-interactive-rest, linear-gradient(var(--base-color-white, #fff), var(--base-color-neutral-100, #f8f8f8))))
    }

    .btn-group-toggle label.inverse:active,
    .btn-group-toggle label.inverse:focus {
        background: var(--sem-color-background-interactive-inverse-pressed, var(--sem-color-background-interactive-pressed, var(--base-color-info-100, #f3f4fa)))
    }

    .btn-group-toggle label.inverse.active {
        background: var(--sem-color-background-interactive-inverse-selected, var(--sem-color-background-interactive-inverse-pressed, var(--sem-color-background-interactive-pressed, var(--base-color-info-100, #f3f4fa))));
        color: var(--sem-color-content-interactive-inverse-selected, var(--sem-color-content-interactive-inverse-pressed, var(--base-color-primary-100, #e3f2ff)))
    }

    .btn-group-toggle label.inverse:hover {
        background: var(--sem-color-background-interactive-inverse-hover, var(--sem-color-background-interactive-hover, var(--base-color-neutral-800, #2d363e)))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn-group-toggle label.inverse:hover {
            background: var(--sem-color-background-interactive-inverse-hover, var(--sem-color-background-interactive-hover, color-mix(in srgb, var(--base-color-neutral-800, #2d363e)4%, transparent)))
        }
    }

    .btn-group-toggle label .glyphicon {
        top: 2px
    }

    .btn-fill-space .btn,
    .btn-fill-space .btn-group {
        flex-grow: 1;
        height: auto;
        padding-left: 0;
        padding-right: 0
    }

    .btn {
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        white-space: nowrap;
        -webkit-font-smoothing: antialiased;
        font-size: var(--comp-type-size-button-md, var(--base-type-size-lg, 1.125rem));
        font-weight: var(--comp-type-weight-button, bold);
        line-height: var(--comp-type-leading-button, var(--base-type-leading-normal, 1.5));
        letter-spacing: var(--comp-type-tracking-button, 0);
        text-transform: var(--comp-type-case-button, none);
        padding: var(--comp-space-padding-top-button-md, var(--base-space-px-0, 0))var(--comp-space-padding-right-button-md, var(--base-space-px-24, 24px))var(--comp-space-padding-bottom-button-md, var(--comp-space-padding-top-button-md, var(--base-space-px-0, 0)))var(--comp-space-padding-left-button-md, var(--comp-space-padding-right-button-md, var(--base-space-px-24, 24px)));
        border: var(--comp-size-border-button, 1px)solid #0000;
        border-radius: var(--comp-size-radius-button, var(--base-space-px-4, 4px));
        height: var(--comp-size-height-button-md, var(--base-space-px-48, 48px));
        -webkit-user-select: none;
        user-select: none;
        background-image: none;
        align-content: center;
        margin-bottom: 0;
        transition-property: border, box-shadow, outline, background;
        transition-duration: .1s;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        display: inline-block
    }

    .btn>input {
        border: none;
        padding: 0;
        box-shadow: none !important;
        background-color: #0000 !important
    }

    .btn.active.focus,
    .btn.active:focus-visible,
    .btn.focus,
    .btn:active.focus,
    .btn:active:focus-visible,
    .btn:focus-visible {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: 2px
    }

    .btn.active:focus:not(:focus-visible),
    .btn:active:focus:not(:focus-visible),
    .btn:focus:not(:focus-visible) {
        outline: none
    }

    .btn.focus,
    .btn.hover,
    .btn:focus-visible,
    .btn:hover {
        color: var(--comp-color-content-button-tertiary-rest, var(--base-color-primary-600, #024aa5));
        text-decoration: none
    }

    .btn.active,
    .btn:active {
        outline: 0
    }

    .btn.disabled,
    .btn[disabled],
    fieldset[disabled] .btn {
        opacity: var(--comp-opacity-button-disabled, var(--base-opacity-40, 40%));
        cursor: not-allowed;
        pointer-events: none;
        box-shadow: none
    }

    a.btn {
        text-decoration: none
    }

    a.btn.disabled,
    fieldset[disabled] a.btn {
        pointer-events: none
    }

    .btn-circle {
        border-radius: 50%;
        width: 2em;
        height: 2em;
        line-height: 2em;
        padding: var(--base-space-px-0, 0) !important
    }

    .btn-circle>.glyphicon {
        top: 0
    }

    .btn-default {
        color: var(--comp-color-content-button-tertiary-rest, var(--base-color-primary-600, #024aa5));
        background: var(--comp-color-background-button-tertiary-rest, var(--base-color-white, #fff));
        border-color: var(--comp-color-border-button-tertiary-rest, var(--base-color-primary-300, #8dc9ff));
        box-shadow: none
    }

    .btn-default.focus,
    .btn-default:focus-visible {
        color: var(--comp-color-content-button-tertiary-pressed, var(--base-color-neutral-700, #414c58));
        background: var(--comp-color-background-button-tertiary-pressed, var(--base-color-neutral-200, #e1e4e8));
        border-color: var(--comp-color-border-button-tertiary-pressed, var(--comp-color-border-button-tertiary-rest, var(--base-color-primary-300, #8dc9ff)));
        box-shadow: var(--comp-elevation-shadow-button-tertiary-pressed, none)
    }

    .btn-default.hover,
    .btn-default:hover {
        color: var(--comp-color-content-button-tertiary-hover, var(--comp-color-content-button-tertiary-rest, var(--base-color-primary-600, #024aa5)));
        background: var(--comp-color-background-button-tertiary-hover, var(--base-color-neutral-100, #f8f8f8));
        border-color: var(--comp-color-border-button-tertiary-hover, var(--comp-color-border-button-tertiary-rest, var(--base-color-primary-300, #8dc9ff)));
        box-shadow: var(--comp-elevation-shadow-button-tertiary-hover, none)
    }

    .btn-default.active,
    .btn-default:active,
    .open>.btn-default.dropdown-toggle {
        background: var(--comp-color-background-button-tertiary-pressed, var(--base-color-neutral-200, #e1e4e8)) !important;
        border-color: var(--comp-color-border-button-tertiary-pressed, var(--comp-color-border-button-tertiary-rest, var(--base-color-primary-300, #8dc9ff))) !important;
        box-shadow: var(--comp-elevation-shadow-button-tertiary-pressed, none) !important
    }

    .btn-default.active,
    .btn-default.active .glyphicon.text-accent,
    .btn-default.active.focus,
    .btn-default.active:focus,
    .btn-default:active,
    .btn-default:active .glyphicon.text-accent,
    .btn-default:active.focus,
    .btn-default:active:focus,
    .open>.btn-default.dropdown-toggle,
    .open>.btn-default.dropdown-toggle .glyphicon.text-accent,
    .open>.btn-default.dropdown-toggle.focus,
    .open>.btn-default.dropdown-toggle:focus {
        color: var(--comp-color-content-button-tertiary-pressed, var(--base-color-neutral-700, #414c58)) !important
    }

    .btn-default.disabled,
    .btn-default[disabled] {
        color: var(--comp-color-content-button-tertiary-disabled, var(--comp-color-content-button-tertiary-rest, var(--base-color-primary-600, #024aa5)));
        background: var(--comp-color-background-button-tertiary-disabled, transparent);
        border-color: var(--comp-color-border-button-tertiary-rest, var(--base-color-primary-300, #8dc9ff));
        box-shadow: var(--comp-elevation-shadow-button-tertiary-disabled, none);
        opacity: var(--comp-opacity-button-disabled, var(--base-opacity-40, 40%))
    }

    .btn-default .badge {
        color: var(--base-color-white, #fff);
        background-color: var(--comp-color-content-button-tertiary-rest, var(--base-color-primary-600, #024aa5))
    }

    .btn-primary {
        color: var(--comp-color-content-button-primary-rest, var(--base-color-white, #fff));
        background: var(--comp-color-background-button-primary-rest, var(--base-color-primary-600, #024aa5));
        border-color: var(--comp-color-border-button-primary-rest, transparent);
        box-shadow: none
    }

    @supports not (background:color-mix(in srgb, black 50%, white 50%)) {
        .btn-primary {
            background: var(--base-color-secondary-500, #e85b00)
        }
    }

    .btn-primary.focus,
    .btn-primary:focus-visible {
        color: var(--comp-color-content-button-primary-pressed, var(--comp-color-content-button-primary-rest, var(--base-color-white, #fff)));
        background: var(--comp-color-background-button-primary-pressed, var(--base-color-primary-800, #012169));
        border-color: var(--comp-color-border-button-primary-pressed, var(--comp-color-border-button-primary-rest, transparent));
        box-shadow: var(--comp-elevation-shadow-button-primary-pressed, none)
    }

    @supports not (background:color-mix(in srgb, black 50%, white 50%)) {

        .btn-primary.focus,
        .btn-primary:focus-visible {
            background: var(--base-color-secondary-500, #e85b00)
        }
    }

    .btn-primary.hover,
    .btn-primary:hover {
        color: var(--comp-color-content-button-primary-hover, var(--comp-color-content-button-primary-rest, var(--base-color-white, #fff)));
        background: var(--comp-color-background-button-primary-hover, var(--base-color-primary-700, #0f3485));
        border-color: var(--comp-color-border-button-primary-hover, var(--comp-color-border-button-primary-rest, transparent));
        box-shadow: var(--comp-elevation-shadow-button-primary-hover, none)
    }

    @supports not (background:color-mix(in srgb, black 50%, white 50%)) {

        .btn-primary.hover,
        .btn-primary:hover {
            background: var(--base-color-secondary-500, #e85b00)
        }
    }

    .btn-primary.active,
    .btn-primary:active,
    .open>.btn-primary.dropdown-toggle {
        color: var(--comp-color-content-button-primary-pressed, var(--comp-color-content-button-primary-rest, var(--base-color-white, #fff))) !important;
        background: var(--comp-color-background-button-primary-pressed, var(--base-color-primary-800, #012169)) !important;
        border-color: var(--comp-color-border-button-primary-pressed, var(--comp-color-border-button-primary-rest, transparent)) !important;
        box-shadow: var(--comp-elevation-shadow-button-primary-pressed, none) !important
    }

    @supports not (background:color-mix(in srgb, black 50%, white 50%)) {

        .btn-primary.active,
        .btn-primary:active,
        .open>.btn-primary.dropdown-toggle {
            background: var(--base-color-secondary-500, #e85b00)
        }
    }

    .btn-primary.active .glyphicon.text-accent,
    .btn-primary.active.focus,
    .btn-primary.active:focus,
    .btn-primary:active .glyphicon.text-accent,
    .btn-primary:active.focus,
    .btn-primary:active:focus,
    .open>.btn-primary.dropdown-toggle .glyphicon.text-accent,
    .open>.btn-primary.dropdown-toggle.focus,
    .open>.btn-primary.dropdown-toggle:focus {
        color: var(--comp-color-content-button-primary-pressed, var(--comp-color-content-button-primary-rest, var(--base-color-white, #fff))) !important
    }

    .btn-primary.disabled,
    .btn-primary[disabled] {
        color: var(--comp-color-content-button-primary-disabled, var(--comp-color-content-button-primary-rest, var(--base-color-white, #fff)));
        background: var(--comp-color-background-button-primary-disabled, var(--comp-color-background-button-primary-rest, var(--base-color-primary-600, #024aa5)));
        border-color: var(--comp-color-border-button-primary-rest, transparent);
        box-shadow: var(--comp-elevation-shadow-button-primary-disabled, none);
        opacity: var(--comp-opacity-button-disabled, var(--base-opacity-40, 40%))
    }

    .btn-primary .badge {
        color: var(--base-color-secondary-500, #e85b00);
        background-color: var(--comp-color-content-button-primary-rest, var(--base-color-white, #fff))
    }

    .btn-secondary {
        color: var(--comp-color-content-button-secondary-rest, var(--base-color-primary-600, #024aa5));
        background: var(--comp-color-background-button-secondary-rest, var(--base-color-primary-200, #c7e5ff));
        border-color: var(--comp-color-border-button-secondary-rest, var(--base-color-primary-300, #8dc9ff));
        box-shadow: none
    }

    .btn-secondary.focus,
    .btn-secondary:focus-visible {
        color: var(--comp-color-content-button-secondary-pressed, var(--comp-color-content-button-secondary-rest, var(--base-color-primary-600, #024aa5)));
        background: var(--comp-color-background-button-secondary-pressed, var(--base-color-primary-400, #2b8ef9));
        border-color: var(--comp-color-border-button-secondary-pressed, transparent);
        box-shadow: var(--comp-elevation-shadow-button-secondary-pressed, none)
    }

    .btn-secondary.hover,
    .btn-secondary:hover {
        color: var(--comp-color-content-button-secondary-hover, var(--comp-color-content-button-secondary-rest, var(--base-color-primary-600, #024aa5)));
        background: var(--comp-color-background-button-secondary-hover, var(--base-color-primary-300, #8dc9ff));
        border-color: var(--comp-color-border-button-secondary-hover, var(--comp-color-border-button-secondary-rest, var(--base-color-primary-300, #8dc9ff)));
        box-shadow: var(--comp-elevation-shadow-button-secondary-hover, none)
    }

    .btn-secondary.active,
    .btn-secondary:active,
    .open>.btn-secondary.dropdown-toggle {
        background: var(--comp-color-background-button-secondary-pressed, var(--base-color-primary-400, #2b8ef9)) !important;
        border-color: var(--comp-color-border-button-secondary-pressed, transparent) !important;
        box-shadow: var(--comp-elevation-shadow-button-secondary-pressed, none) !important
    }

    .btn-secondary.active,
    .btn-secondary.active .glyphicon.text-accent,
    .btn-secondary.active.focus,
    .btn-secondary.active:focus,
    .btn-secondary:active,
    .btn-secondary:active .glyphicon.text-accent,
    .btn-secondary:active.focus,
    .btn-secondary:active:focus,
    .open>.btn-secondary.dropdown-toggle,
    .open>.btn-secondary.dropdown-toggle .glyphicon.text-accent,
    .open>.btn-secondary.dropdown-toggle.focus,
    .open>.btn-secondary.dropdown-toggle:focus {
        color: var(--comp-color-content-button-secondary-pressed, var(--comp-color-content-button-secondary-rest, var(--base-color-primary-600, #024aa5))) !important
    }

    .btn-secondary.disabled,
    .btn-secondary[disabled] {
        color: var(--comp-color-content-button-secondary-disabled, var(--comp-color-content-button-secondary-rest, var(--base-color-primary-600, #024aa5)));
        background: var(--comp-color-background-button-secondary-disabled, var(--comp-color-background-button-secondary-rest, var(--base-color-primary-200, #c7e5ff)));
        border-color: var(--comp-color-border-button-secondary-rest, var(--base-color-primary-300, #8dc9ff));
        box-shadow: var(--comp-elevation-shadow-button-secondary-disabled, none);
        opacity: var(--comp-opacity-button-disabled, var(--base-opacity-40, 40%))
    }

    .btn-secondary .badge {
        color: var(--base-color-white, #fff);
        background-color: var(--comp-color-content-button-secondary-rest, var(--base-color-primary-600, #024aa5))
    }

    .btn-link {
        color: var(--comp-color-content-link-rest, var(--sem-color-content-interactive-rest, var(--base-color-primary-600, #024aa5)));
        border-radius: 0;
        font-weight: 400
    }

    .btn-link,
    .btn-link.active,
    .btn-link.focus,
    .btn-link.hover,
    .btn-link:active,
    .btn-link:focus,
    .btn-link:hover {
        box-shadow: none;
        background: 0 0;
        border-color: #0000
    }

    .btn-link.hover,
    .btn-link:hover {
        color: var(--comp-color-content-link-hover, var(--sem-color-content-interactive-hover, var(--base-color-primary-700, #0f3485)));
        -webkit-text-decoration: var(--comp-type-decoration-link-hover, underline);
        text-decoration: var(--comp-type-decoration-link-hover, underline)
    }

    .btn-link.active,
    .btn-link.focus,
    .btn-link:active,
    .btn-link:focus {
        color: var(--comp-color-content-link-pressed, var(--sem-color-content-interactive-pressed, var(--base-color-primary-800, #012169)));
        -webkit-text-decoration: var(--comp-type-decoration-link-pressed, underline);
        text-decoration: var(--comp-type-decoration-link-pressed, underline)
    }

    .btn-link.disabled,
    .btn-link[disabled],
    fieldset[disabled] .btn-link {
        opacity: 1;
        color: var(--base-color-neutral-500, #6d7782);
        cursor: default;
        outline: 0;
        text-decoration: none
    }

    .btn-primary-inverse {
        color: var(--comp-color-content-button-primary-inverse-rest, var(--base-color-white, #fff));
        background: var(--comp-color-background-button-primary-inverse-rest, var(--base-color-secondary-700, #d54101));
        border-color: var(--comp-color-border-button-primary-inverse-rest, transparent);
        box-shadow: none
    }

    .btn-primary-inverse.focus,
    .btn-primary-inverse:focus-visible {
        color: var(--comp-color-content-button-primary-inverse-pressed, var(--comp-color-content-button-primary-inverse-rest, var(--base-color-white, #fff)));
        background: var(--comp-color-background-button-primary-inverse-pressed, var(--base-color-secondary-900, #711));
        border-color: var(--comp-color-border-button-primary-inverse-pressed, transparent);
        box-shadow: inset none
    }

    .btn-primary-inverse.hover,
    .btn-primary-inverse:hover {
        color: var(--comp-color-content-button-primary-inverse-hover, var(--comp-color-content-button-primary-inverse-rest, var(--base-color-white, #fff)));
        background: var(--comp-color-background-button-primary-inverse-hover, var(--base-color-secondary-800, #a42c00));
        border-color: var(--comp-color-border-button-primary-inverse-hover, transparent);
        box-shadow: inset none
    }

    .btn-primary-inverse.active,
    .btn-primary-inverse:active,
    .open>.btn-primary-inverse.dropdown-toggle {
        background: var(--comp-color-background-button-primary-inverse-pressed, var(--base-color-secondary-900, #711)) !important;
        border-color: var(--comp-color-border-button-primary-inverse-pressed, transparent) !important;
        box-shadow: inset none !important
    }

    .btn-primary-inverse.active,
    .btn-primary-inverse.active .glyphicon.text-accent,
    .btn-primary-inverse.active.focus,
    .btn-primary-inverse.active:focus,
    .btn-primary-inverse:active,
    .btn-primary-inverse:active .glyphicon.text-accent,
    .btn-primary-inverse:active.focus,
    .btn-primary-inverse:active:focus,
    .open>.btn-primary-inverse.dropdown-toggle,
    .open>.btn-primary-inverse.dropdown-toggle .glyphicon.text-accent,
    .open>.btn-primary-inverse.dropdown-toggle.focus,
    .open>.btn-primary-inverse.dropdown-toggle:focus {
        color: var(--comp-color-content-button-primary-inverse-pressed, var(--comp-color-content-button-primary-inverse-rest, var(--base-color-white, #fff))) !important
    }

    .btn-primary-inverse.disabled,
    .btn-primary-inverse[disabled] {
        color: var(--comp-color-content-button-primary-inverse-disabled, var(--comp-color-content-button-primary-inverse-rest, var(--base-color-white, #fff)));
        background: var(--comp-color-background-button-primary-inverse-disabled, var(--base-color-secondary-700, #d54101));
        border-color: var(--comp-color-border-button-primary-inverse-disabled, transparent);
        box-shadow: none;
        opacity: var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%))
    }

    .btn-primary-inverse .badge {
        color: var(--base-color-white, #fff);
        background-color: var(--comp-color-content-button-primary-inverse-rest, var(--base-color-white, #fff))
    }

    .btn-secondary-inverse {
        color: var(--comp-color-content-button-secondary-inverse-rest, var(--base-color-white, #fff));
        background: var(--comp-color-background-button-secondary-inverse-rest, var(--base-color-white-alpha-20, var(--base-color-white, #fff)))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn-secondary-inverse {
            background: var(--comp-color-background-button-secondary-inverse-rest, var(--base-color-white-alpha-20, color-mix(in srgb, var(--base-color-white, #fff)20%, transparent)))
        }
    }

    .btn-secondary-inverse {
        border-color: var(--comp-color-border-button-secondary-inverse-rest, var(--base-color-white-alpha-30, var(--base-color-white, #fff)))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn-secondary-inverse {
            border-color: var(--comp-color-border-button-secondary-inverse-rest, var(--base-color-white-alpha-30, color-mix(in srgb, var(--base-color-white, #fff)30%, transparent)))
        }
    }

    .btn-secondary-inverse {
        box-shadow: none
    }

    .btn-secondary-inverse.focus,
    .btn-secondary-inverse:focus-visible {
        color: var(--comp-color-content-button-secondary-inverse-pressed, var(--comp-color-content-button-secondary-inverse-rest, var(--base-color-white, #fff)));
        background: var(--comp-color-background-button-secondary-inverse-pressed, var(--base-color-black-alpha-5, var(--base-color-black, #000)))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .btn-secondary-inverse.focus,
        .btn-secondary-inverse:focus-visible {
            background: var(--comp-color-background-button-secondary-inverse-pressed, var(--base-color-black-alpha-5, color-mix(in srgb, var(--base-color-black, #000)5%, transparent)))
        }
    }

    .btn-secondary-inverse.focus,
    .btn-secondary-inverse:focus-visible {
        border-color: var(--comp-color-border-button-secondary-inverse-pressed, var(--base-color-white-alpha-30, var(--base-color-white, #fff)))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .btn-secondary-inverse.focus,
        .btn-secondary-inverse:focus-visible {
            border-color: var(--comp-color-border-button-secondary-inverse-pressed, var(--base-color-white-alpha-30, color-mix(in srgb, var(--base-color-white, #fff)30%, transparent)))
        }
    }

    .btn-secondary-inverse.focus,
    .btn-secondary-inverse:focus-visible {
        box-shadow: inset none
    }

    .btn-secondary-inverse.hover,
    .btn-secondary-inverse:hover {
        color: var(--comp-color-content-button-secondary-inverse-hover, var(--comp-color-content-button-secondary-inverse-rest, var(--base-color-white, #fff)));
        background: var(--comp-color-background-button-secondary-inverse-hover, var(--base-color-white-alpha-10, var(--base-color-white, #fff)))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .btn-secondary-inverse.hover,
        .btn-secondary-inverse:hover {
            background: var(--comp-color-background-button-secondary-inverse-hover, var(--base-color-white-alpha-10, color-mix(in srgb, var(--base-color-white, #fff)10%, transparent)))
        }
    }

    .btn-secondary-inverse.hover,
    .btn-secondary-inverse:hover {
        border-color: var(--comp-color-border-button-secondary-inverse-hover, var(--base-color-white-alpha-30, var(--base-color-white, #fff)))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .btn-secondary-inverse.hover,
        .btn-secondary-inverse:hover {
            border-color: var(--comp-color-border-button-secondary-inverse-hover, var(--base-color-white-alpha-30, color-mix(in srgb, var(--base-color-white, #fff)30%, transparent)))
        }
    }

    .btn-secondary-inverse.hover,
    .btn-secondary-inverse:hover {
        box-shadow: inset none
    }

    .btn-secondary-inverse.active,
    .btn-secondary-inverse:active,
    .open>.btn-secondary-inverse.dropdown-toggle {
        color: var(--comp-color-content-button-secondary-inverse-pressed, var(--comp-color-content-button-secondary-inverse-rest, var(--base-color-white, #fff))) !important;
        background: var(--comp-color-background-button-secondary-inverse-pressed, var(--base-color-black-alpha-5, var(--base-color-black, #000))) !important
    }

    @supports (color:color-mix(in lab, red, red)) {

        .btn-secondary-inverse.active,
        .btn-secondary-inverse:active,
        .open>.btn-secondary-inverse.dropdown-toggle {
            background: var(--comp-color-background-button-secondary-inverse-pressed, var(--base-color-black-alpha-5, color-mix(in srgb, var(--base-color-black, #000)5%, transparent))) !important
        }
    }

    .btn-secondary-inverse.active,
    .btn-secondary-inverse:active,
    .open>.btn-secondary-inverse.dropdown-toggle {
        border-color: var(--comp-color-border-button-secondary-inverse-pressed, var(--base-color-white-alpha-30, var(--base-color-white, #fff))) !important
    }

    @supports (color:color-mix(in lab, red, red)) {

        .btn-secondary-inverse.active,
        .btn-secondary-inverse:active,
        .open>.btn-secondary-inverse.dropdown-toggle {
            border-color: var(--comp-color-border-button-secondary-inverse-pressed, var(--base-color-white-alpha-30, color-mix(in srgb, var(--base-color-white, #fff)30%, transparent))) !important
        }
    }

    .btn-secondary-inverse.active,
    .btn-secondary-inverse:active,
    .open>.btn-secondary-inverse.dropdown-toggle {
        box-shadow: inset none !important
    }

    .btn-secondary-inverse.active .glyphicon.text-accent,
    .btn-secondary-inverse.active.focus,
    .btn-secondary-inverse.active:focus,
    .btn-secondary-inverse:active .glyphicon.text-accent,
    .btn-secondary-inverse:active.focus,
    .btn-secondary-inverse:active:focus,
    .open>.btn-secondary-inverse.dropdown-toggle .glyphicon.text-accent,
    .open>.btn-secondary-inverse.dropdown-toggle.focus,
    .open>.btn-secondary-inverse.dropdown-toggle:focus {
        color: var(--comp-color-content-button-secondary-inverse-pressed, var(--comp-color-content-button-secondary-inverse-rest, var(--base-color-white, #fff))) !important
    }

    .btn-secondary-inverse.disabled,
    .btn-secondary-inverse[disabled] {
        color: var(--comp-color-content-button-secondary-inverse-disabled, var(--comp-color-content-button-secondary-inverse-rest, var(--base-color-white, #fff)));
        background: var(--comp-color-background-button-secondary-inverse-disabled, var(--base-color-white-alpha-20, var(--base-color-white, #fff)))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .btn-secondary-inverse.disabled,
        .btn-secondary-inverse[disabled] {
            background: var(--comp-color-background-button-secondary-inverse-disabled, var(--base-color-white-alpha-20, color-mix(in srgb, var(--base-color-white, #fff)20%, transparent)))
        }
    }

    .btn-secondary-inverse.disabled,
    .btn-secondary-inverse[disabled] {
        border-color: var(--comp-color-border-button-secondary-inverse-disabled, var(--base-color-white-alpha-30, var(--base-color-white, #fff)))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .btn-secondary-inverse.disabled,
        .btn-secondary-inverse[disabled] {
            border-color: var(--comp-color-border-button-secondary-inverse-disabled, var(--base-color-white-alpha-30, color-mix(in srgb, var(--base-color-white, #fff)30%, transparent)))
        }
    }

    .btn-secondary-inverse.disabled,
    .btn-secondary-inverse[disabled] {
        box-shadow: none;
        opacity: var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%))
    }

    .btn-secondary-inverse .badge {
        color: var(--base-color-white, #fff);
        background-color: var(--comp-color-content-button-secondary-inverse-rest, var(--base-color-white, #fff))
    }

    .btn-tertiary-inverse {
        color: var(--comp-color-content-button-tertiary-inverse-rest, var(--base-color-white, #fff));
        background: var(--comp-color-background-button-tertiary-inverse-rest, var(--base-color-black-alpha-0, var(--base-color-black, #000)))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn-tertiary-inverse {
            background: var(--comp-color-background-button-tertiary-inverse-rest, var(--base-color-black-alpha-0, color-mix(in srgb, var(--base-color-black, #000)0%, transparent)))
        }
    }

    .btn-tertiary-inverse {
        border-color: var(--comp-color-border-button-tertiary-inverse-rest, var(--base-color-white-alpha-30, var(--base-color-white, #fff)))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn-tertiary-inverse {
            border-color: var(--comp-color-border-button-tertiary-inverse-rest, var(--base-color-white-alpha-30, color-mix(in srgb, var(--base-color-white, #fff)30%, transparent)))
        }
    }

    .btn-tertiary-inverse {
        box-shadow: none
    }

    .btn-tertiary-inverse.focus,
    .btn-tertiary-inverse:focus-visible {
        color: var(--comp-color-content-button-tertiary-inverse-pressed, var(--comp-color-content-button-tertiary-inverse-rest, var(--base-color-white, #fff)));
        background: var(--comp-color-background-button-tertiary-inverse-pressed, var(--base-color-black-alpha-20, var(--base-color-black, #000)))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .btn-tertiary-inverse.focus,
        .btn-tertiary-inverse:focus-visible {
            background: var(--comp-color-background-button-tertiary-inverse-pressed, var(--base-color-black-alpha-20, color-mix(in srgb, var(--base-color-black, #000)20%, transparent)))
        }
    }

    .btn-tertiary-inverse.focus,
    .btn-tertiary-inverse:focus-visible {
        border-color: var(--comp-color-border-button-tertiary-inverse-pressed, var(--base-color-white-alpha-30, var(--base-color-white, #fff)))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .btn-tertiary-inverse.focus,
        .btn-tertiary-inverse:focus-visible {
            border-color: var(--comp-color-border-button-tertiary-inverse-pressed, var(--base-color-white-alpha-30, color-mix(in srgb, var(--base-color-white, #fff)30%, transparent)))
        }
    }

    .btn-tertiary-inverse.focus,
    .btn-tertiary-inverse:focus-visible {
        box-shadow: inset none
    }

    .btn-tertiary-inverse.hover,
    .btn-tertiary-inverse:hover {
        color: var(--comp-color-content-button-tertiary-inverse-hover, var(--comp-color-content-button-tertiary-inverse-rest, var(--base-color-white, #fff)));
        background: var(--comp-color-background-button-tertiary-inverse-hover, var(--base-color-black-alpha-10, var(--base-color-black, #000)))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .btn-tertiary-inverse.hover,
        .btn-tertiary-inverse:hover {
            background: var(--comp-color-background-button-tertiary-inverse-hover, var(--base-color-black-alpha-10, color-mix(in srgb, var(--base-color-black, #000)10%, transparent)))
        }
    }

    .btn-tertiary-inverse.hover,
    .btn-tertiary-inverse:hover {
        border-color: var(--comp-color-border-button-tertiary-inverse-hover, var(--base-color-white-alpha-30, var(--base-color-white, #fff)))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .btn-tertiary-inverse.hover,
        .btn-tertiary-inverse:hover {
            border-color: var(--comp-color-border-button-tertiary-inverse-hover, var(--base-color-white-alpha-30, color-mix(in srgb, var(--base-color-white, #fff)30%, transparent)))
        }
    }

    .btn-tertiary-inverse.hover,
    .btn-tertiary-inverse:hover {
        box-shadow: inset none
    }

    .btn-tertiary-inverse.active,
    .btn-tertiary-inverse:active,
    .open>.btn-tertiary-inverse.dropdown-toggle {
        color: var(--comp-color-content-button-tertiary-inverse-pressed, var(--comp-color-content-button-tertiary-inverse-rest, var(--base-color-white, #fff))) !important;
        background: var(--comp-color-background-button-tertiary-inverse-pressed, var(--base-color-black-alpha-20, var(--base-color-black, #000))) !important
    }

    @supports (color:color-mix(in lab, red, red)) {

        .btn-tertiary-inverse.active,
        .btn-tertiary-inverse:active,
        .open>.btn-tertiary-inverse.dropdown-toggle {
            background: var(--comp-color-background-button-tertiary-inverse-pressed, var(--base-color-black-alpha-20, color-mix(in srgb, var(--base-color-black, #000)20%, transparent))) !important
        }
    }

    .btn-tertiary-inverse.active,
    .btn-tertiary-inverse:active,
    .open>.btn-tertiary-inverse.dropdown-toggle {
        border-color: var(--comp-color-border-button-tertiary-inverse-pressed, var(--base-color-white-alpha-30, var(--base-color-white, #fff))) !important
    }

    @supports (color:color-mix(in lab, red, red)) {

        .btn-tertiary-inverse.active,
        .btn-tertiary-inverse:active,
        .open>.btn-tertiary-inverse.dropdown-toggle {
            border-color: var(--comp-color-border-button-tertiary-inverse-pressed, var(--base-color-white-alpha-30, color-mix(in srgb, var(--base-color-white, #fff)30%, transparent))) !important
        }
    }

    .btn-tertiary-inverse.active,
    .btn-tertiary-inverse:active,
    .open>.btn-tertiary-inverse.dropdown-toggle {
        box-shadow: inset none !important
    }

    .btn-tertiary-inverse.active .glyphicon.text-accent,
    .btn-tertiary-inverse.active.focus,
    .btn-tertiary-inverse.active:focus,
    .btn-tertiary-inverse:active .glyphicon.text-accent,
    .btn-tertiary-inverse:active.focus,
    .btn-tertiary-inverse:active:focus,
    .open>.btn-tertiary-inverse.dropdown-toggle .glyphicon.text-accent,
    .open>.btn-tertiary-inverse.dropdown-toggle.focus,
    .open>.btn-tertiary-inverse.dropdown-toggle:focus {
        color: var(--comp-color-content-button-tertiary-inverse-pressed, var(--comp-color-content-button-tertiary-inverse-rest, var(--base-color-white, #fff))) !important
    }

    .btn-tertiary-inverse.disabled,
    .btn-tertiary-inverse[disabled] {
        color: var(--comp-color-content-button-tertiary-inverse-disabled, var(--comp-color-content-button-tertiary-inverse-rest, var(--base-color-white, #fff)));
        background: var(--comp-color-background-button-tertiary-inverse-disabled, var(--base-color-transparent, var(--base-color-white, #fff)))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .btn-tertiary-inverse.disabled,
        .btn-tertiary-inverse[disabled] {
            background: var(--comp-color-background-button-tertiary-inverse-disabled, var(--base-color-transparent, color-mix(in srgb, var(--base-color-white, #fff)0%, transparent)))
        }
    }

    .btn-tertiary-inverse.disabled,
    .btn-tertiary-inverse[disabled] {
        border-color: var(--comp-color-border-button-tertiary-inverse-disabled, var(--base-color-white-alpha-30, var(--base-color-white, #fff)))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .btn-tertiary-inverse.disabled,
        .btn-tertiary-inverse[disabled] {
            border-color: var(--comp-color-border-button-tertiary-inverse-disabled, var(--base-color-white-alpha-30, color-mix(in srgb, var(--base-color-white, #fff)30%, transparent)))
        }
    }

    .btn-tertiary-inverse.disabled,
    .btn-tertiary-inverse[disabled] {
        box-shadow: none;
        opacity: var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%))
    }

    .btn-tertiary-inverse .badge {
        color: var(--base-color-white, #fff);
        background-color: var(--comp-color-content-button-tertiary-inverse-rest, var(--base-color-white, #fff))
    }

    .btn-group-lg>.btn,
    .btn-lg {
        font-size: var(--comp-type-size-button-lg, var(--base-type-size-xxl, 1.5rem));
        padding: var(--comp-space-padding-top-button-lg, var(--base-space-px-0, 0))var(--comp-space-padding-right-button-lg, var(--base-space-px-32, 32px))var(--comp-space-padding-bottom-button-lg, var(--comp-space-padding-top-button-lg, var(--base-space-px-0, 0)))var(--comp-space-padding-left-button-lg, var(--comp-space-padding-right-button-lg, var(--base-space-px-32, 32px)));
        height: var(--comp-size-height-button-lg, var(--base-space-px-56, 56px))
    }

    .btn-group-sm>.btn,
    .btn-sm {
        font-size: var(--comp-type-size-button-sm, var(--base-type-size-sm, .86rem));
        padding: var(--comp-space-padding-top-button-sm, var(--base-space-px-0, 0))var(--comp-space-padding-right-button-sm, var(--base-space-px-12, 12px))var(--comp-space-padding-bottom-button-sm, var(--comp-space-padding-top-button-sm, var(--base-space-px-0, 0)))var(--comp-space-padding-left-button-sm, var(--comp-space-padding-right-button-sm, var(--base-space-px-12, 12px)));
        height: var(--comp-size-height-button-sm, var(--base-space-px-32, 32px))
    }

    .btn-block {
        width: 100%;
        display: block
    }

    .btn-block+.btn-block {
        margin-top: var(--base-space-px-12, 12px)
    }

    input[type=button].btn-block,
    input[type=reset].btn-block,
    input[type=submit].btn-block {
        width: 100%
    }

    .select-btn {
        width: 100%;
        height: var(--comp-size-height-select-button, var(--comp-size-height-input, 48px));
        background-color: var(--comp-color-background-select-button-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)));
        border-radius: var(--comp-size-radius-select-button, var(--base-size-radius-md, 4px));
        padding: var(--comp-space-padding-top-select-button, 12px)var(--comp-space-padding-right-select-button, 16px)var(--comp-space-padding-bottom-select-button, 12px)var(--comp-space-padding-left-select-button, 16px);
        text-align: left;
        font-size: var(--comp-type-size-input-md, var(--base-type-size-md, 1rem));
        display: block;
        border: var(--comp-size-border-select-button-rest, var(--base-size-border-px, 1px))solid var(--comp-color-border-select-button-rest, var(--sem-color-border-neutral-tertiary, var(--base-color-neutral-200, #e1e4e8))) !important
    }

    .select-btn .select-btn-value {
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: var(--comp-type-size-select-button-value-rest, var(--sem-type-size-body-md, var(--base-type-size-md, 1rem)));
        font-weight: var(--comp-type-weight-select-button-label-rest, var(--sem-type-weight-bold, 700));
        padding-top: 5px;
        display: block;
        overflow: hidden;
        color: var(--comp-color-content-select-button-label-rest, var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e))) !important
    }

    .select-btn .glyphicon.select-btn-glyph {
        right: var(--base-space-px-8, 8px);
        color: var(--comp-color-content-select-button-icon, var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e)));
        font-size: var(--comp-type-size-select-button-icon, var(--base-type-size-xxl, 1.5rem));
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .select-btn .select-btn-label {
        top: var(--base-space-px-4, 4px);
        left: calc(var(--comp-space-padding-input-horizontal, var(--base-space-px-16, 16px)));
        color: var(--comp-color-content-select-button-label-rest, var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e)));
        font-weight: var(--base-type-weight-regular, 400);
        position: absolute;
        font-size: var(--comp-type-size-select-button-label-rest, var(--sem-type-size-body-xs, var(--base-type-size-xs, .72rem))) !important
    }

    .select-btn:disabled {
        background-color: var(--comp-color-background-select-button-disabled, var(--sem-color-background-neutral-secondary, var(--base-color-neutral-100, #f8f8f8)));
        border-width: var(--comp-size-border-input, 1px);
        border: var(--comp-size-border-select-button-disabled, var(--base-size-border-px, 1px))solid var(--comp-color-border-select-button-disabled, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da))) !important
    }

    .select-btn:disabled .glyphicon.select-btn-glyph {
        color: var(--comp-color-content-select-button-icon-disabled, var(--sem-color-content-neutral-inverse-tertiary, var(--base-color-neutral-400, #939da8)))
    }

    .select-btn:disabled .select-btn-label {
        font-weight: var(--comp-type-weight-select-button-label-disabled, var(--sem-type-weight-regular, 400));
        color: var(--comp-color-content-select-button-label-disabled, var(--sem-color-content-neutral-inverse-tertiary, var(--base-color-neutral-400, #939da8))) !important;
        font-size: var(--comp-type-size-select-button-label-disabled, var(--sem-type-size-body-xs, var(--base-type-size-xs, .72rem))) !important
    }

    .select-btn:disabled .select-btn-value {
        font-size: var(--comp-type-size-select-button-value-disabled, var(--sem-type-size-body-md, var(--base-type-size-md, 1rem)));
        font-weight: var(--comp-type-weight-select-button-value-disabled, var(--sem-type-weight-bold, 700));
        color: var(--comp-color-content-select-button-value-disabled, var(--sem-color-content-neutral-inverse-tertiary, var(--base-color-neutral-400, #939da8))) !important
    }

    .select-btn:hover:not(:disabled) {
        background-color: var(--comp-color-background-select-button-hover, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)));
        border: var(--comp-size-border-select-button-hover, var(--base-size-border-px, 1px))solid var(--comp-color-border-select-button-hover, var(--sem-color-content-neutral-inverse-tertiary, var(--base-color-neutral-400, #939da8))) !important
    }

    .select-btn:hover:not(:disabled) .select-btn-value {
        font-size: var(--comp-type-size-select-button-label-hover, var(--sem-type-size-body-md, var(--base-type-size-md, 1rem)));
        font-weight: var(--comp-type-weight-select-button-label-hover, var(--sem-type-weight-bold, 700));
        color: var(--comp-color-content-select-button-label-hover, var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e))) !important
    }

    .select-btn:focus {
        border: var(--comp-size-border-select-button-active, var(--base-size-border-sm, 2px))solid var(--comp-color-border-select-button-active, var(--sem-color-content-brand-primary, var(--base-color-primary-800, #012169))) !important;
        box-shadow: none !important
    }

    .select-btn:focus,
    .select-btn:focus:hover {
        background-color: var(--comp-color-background-select-button-active, var(--sem-color-background-neutral-secondary, var(--base-color-neutral-100, #f8f8f8)))
    }

    .select-btn:focus:hover {
        border: 2px solid var(--comp-color-border-input-inside-pressed, var(--base-color-primary-800, #012169)) !important
    }

    .select-btn:focus .select-btn-label {
        color: var(--comp-color-content-select-button-label-active, var(--sem-color-content-brand-primary, var(--base-color-primary-800, #012169)));
        font-weight: var(--comp-type-weight-select-button-label-active, var(--sem-type-weight-regular, 400));
        font-size: var(--comp-type-size-select-button-label-active, var(--sem-type-size-body-xs, var(--base-type-size-xs, .72rem))) !important
    }

    .select-btn:focus .select-btn-value {
        color: var(--comp-color-content-select-button-value-active, var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e)));
        font-weight: var(--comp-type-weight-select-button-value-active, var(--sem-type-weight-bold, 700));
        font-size: var(--comp-type-size-select-button-value-active, var(--sem-type-size-body-md, var(--base-type-size-md, 1rem))) !important
    }

    .select-btn-completed {
        background-color: var(--comp-color-background-select-button-selected, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)));
        border: var(--comp-size-border-select-button-selected, var(--base-size-border-px, 1px))solid var(--comp-color-border-select-button-selected, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da))) !important
    }

    .select-btn-completed .select-btn-label {
        color: var(--comp-color-content-select-button-label-selected, var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e)));
        font-weight: var(--comp-type-weight-select-button-label-selected, var(--sem-type-weight-regular, 400));
        font-size: var(--comp-type-size-select-button-label-selected, var(--sem-type-size-body-xs, var(--base-type-size-xs, .72rem))) !important
    }

    .select-btn-completed .select-btn-value {
        font-size: var(--comp-type-size-select-button-value-selected, var(--sem-type-size-body-md, var(--base-type-size-md, 1rem)));
        font-weight: var(--comp-type-weight-select-button-value-selected, var(--sem-type-weight-bold, 700));
        color: var(--comp-color-content-select-button-value-selected, var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e))) !important
    }

    .select-btn-active {
        background-color: var(--comp-color-background-select-button-active, var(--sem-color-background-neutral-secondary, var(--base-color-neutral-100, #f8f8f8)))
    }

    .select-btn-active:hover {
        background-color: var(--comp-color-background-select-button-active, var(--sem-color-background-neutral-secondary, var(--base-color-neutral-100, #f8f8f8))) !important
    }

    .carousel .next,
    .carousel .prev,
    .carousel .previous {
        background: 0 0;
        border: none;
        outline: none;
        padding: 0;
        display: inline-block
    }

    .control-label {
        color: var(--base-color-neutral-600, #59636e);
        font-size: var(--comp-type-size-input-label, var(--base-type-size-sm, .86rem))
    }

    .checkbox {
        cursor: pointer
    }

    .checkbox input {
        display: none
    }

    .checkbox input[type=checkbox],
    .checkbox input[type=radio] {
        appearance: none;
        width: 0;
        display: inline-block
    }

    .checkbox input:focus-visible+.input-label {
        outline: 3px solid highlight;
        outline: 3px solid -webkit-focus-ring-color
    }

    .checkbox input:focus:not(:focus-visible)+.input-label {
        outline: none
    }

    .checkbox .input-label,
    .checkbox .radio-input-label {
        padding-left: var(--base-space-px-24, 24px);
        font-weight: 400;
        position: relative
    }

    .checkbox .input-label:after,
    .checkbox .input-label:before,
    .checkbox input+label:after,
    .checkbox input+label:before {
        vertical-align: bottom;
        font-family: AXLcons, sans-serif;
        position: absolute;
        top: 0;
        left: 0
    }

    .checkbox .input-label:before,
    .checkbox input+label:before {
        z-index: 2;
        content: "";
        color: var(--base-color-neutral-600, #59636e)
    }

    .checkbox .input-label:after,
    .checkbox input+label:after {
        color: var(--base-color-white, #fff);
        content: ""
    }

    .checkbox .input-label:hover:before,
    .checkbox input+label:hover:before {
        color: var(--comp-color-content-link-rest, var(--sem-color-content-interactive-rest, var(--base-color-primary-600, #024aa5)))
    }

    .checkbox input:checked+.input-label:before,
    .checkbox input:checked+label:before,
    .checkbox.checkbox-link-active .input-label:before {
        color: var(--comp-color-content-link-rest, var(--sem-color-content-interactive-rest, var(--base-color-primary-600, #024aa5)));
        content: ""
    }

    .checkbox input:disabled+.input-label,
    .checkbox input:disabled+.input-label:before,
    .checkbox input:disabled+label,
    .checkbox input:disabled+label:before,
    .checkbox.checkbox-link-disabled .input-label,
    .checkbox.checkbox-link-disabled .input-label:before {
        color: var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .checkbox input:disabled+.input-label,
        .checkbox input:disabled+.input-label:before,
        .checkbox input:disabled+label,
        .checkbox input:disabled+label:before,
        .checkbox.checkbox-link-disabled .input-label,
        .checkbox.checkbox-link-disabled .input-label:before {
            color: color-mix(in srgb, var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)
        }
    }

    .checkbox input:disabled+.input-label:after,
    .checkbox input:disabled+label:after,
    .checkbox.checkbox-link-disabled .input-label:after {
        color: var(--base-color-neutral-200, #e1e4e8)
    }

    .checkbox .radio-input-label .selectable-container-content>:first-child,
    .checkbox .radio-input-label:not(:has(.selectable-container-content)) {
        color: var(--comp-color-content-check-radio-label-rest, var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e)));
        font-family: var(--comp-type-font-check-radio-label, var(--base-type-font-body, roboto, -apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, arial, sans-serif));
        font-weight: var(--comp-type-weight-check-radio-label, var(--sem-type-weight-body, var(--base-type-weight-regular, 400)));
        font-size: var(--comp-type-size-check-radio-label, var(--sem-type-size-body-md, var(--base-type-size-md, 1rem)));
        letter-spacing: var(--comp-type-tracking-check-radio-label, var(--sem-type-tracking-body, 0))
    }

    .checkbox .radio-input-label:after,
    .checkbox .radio-input-label:before {
        content: "";
        height: var(--comp-size-box-check-radio-control, var(--base-space-px-16, 16px));
        width: var(--comp-size-box-check-radio-control, var(--base-space-px-16, 16px));
        border: var(--base-size-border-px, 1px)solid var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)));
        border-radius: var(--comp-size-radius-radio-control, var(--sem-size-radius-full, 50%));
        background-color: var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)));
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%)
    }

    .checkbox .radio-input-label:hover {
        color: var(--comp-color-content-check-radio-label-hover, var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e)))
    }

    .checkbox .radio-input-label:hover:after,
    .checkbox .radio-input-label:hover:before {
        border: var(--base-size-border-px, 1px)solid var(--comp-color-border-check-radio-control-hover, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169)));
        background-color: var(--comp-color-background-check-radio-control-hover, var(--sem-overlay-bg-interactive-hover, --base-color-neutral-500))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .checkbox .radio-input-label:hover:after,
        .checkbox .radio-input-label:hover:before {
            background-color: var(--comp-color-background-check-radio-control-hover, var(--sem-overlay-bg-interactive-hover, color-mix(in srgb, --base-color-neutral-500 var(--base-opacity-5, 5%), transparent)))
        }
    }

    .checkbox input[type=radio]:checked+.radio-input-label .selectable-container-content>:first-child,
    .checkbox input[type=radio]:checked+.radio-input-label:not(:has(.selectable-container-content)) {
        color: var(--comp-color-content-check-radio-label-selected, var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e)))
    }

    .checkbox input[type=radio]:checked+.radio-input-label:after,
    .checkbox input[type=radio]:checked+.radio-input-label:before {
        content: "";
        height: var(--comp-size-box-check-radio-control, var(--base-space-px-16, 16px));
        width: var(--comp-size-box-check-radio-control, var(--base-space-px-16, 16px));
        border: var(--base-size-border-px, 1px)solid var(--comp-color-border-check-radio-control-selected, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169)));
        border-radius: var(--comp-size-radius-radio-control, var(--sem-size-radius-full, 50%));
        background: -webkit-radial-gradient(circle, var(--comp-color-background-check-radio-control-selected, var(--sem-color-background-interactive-selected, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169))))0, var(--comp-color-background-check-radio-control-selected, var(--sem-color-background-interactive-selected, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169))))40%, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))45%, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))100%), radial-gradient(circle, var(--comp-color-background-check-radio-control-selected, var(--sem-color-background-interactive-selected, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169))))0, var(--comp-color-background-check-radio-control-selected, var(--sem-color-background-interactive-selected, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169))))40%, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))45%, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))100%)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .checkbox input[type=radio]:checked+.radio-input-label:after,
        .checkbox input[type=radio]:checked+.radio-input-label:before {
            background: -webkit-radial-gradient(circle, color-mix(in srgb, var(--comp-color-background-check-radio-control-selected, var(--sem-color-background-interactive-selected, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169))))100%, transparent)0, color-mix(in srgb, var(--comp-color-background-check-radio-control-selected, var(--sem-color-background-interactive-selected, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169))))100%, transparent)40%, color-mix(in srgb, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))100%, transparent)45%, color-mix(in srgb, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))100%, transparent)100%), radial-gradient(circle, color-mix(in srgb, var(--comp-color-background-check-radio-control-selected, var(--sem-color-background-interactive-selected, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169))))100%, transparent)0, color-mix(in srgb, var(--comp-color-background-check-radio-control-selected, var(--sem-color-background-interactive-selected, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169))))100%, transparent)40%, color-mix(in srgb, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))100%, transparent)45%, color-mix(in srgb, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))100%, transparent)100%)
        }
    }

    .checkbox input[type=radio]:disabled+.radio-input-label .selectable-container-content>:first-child,
    .checkbox input[type=radio]:disabled+.radio-input-label:not(:has(.selectable-container-content)) {
        cursor: not-allowed;
        color: var(--comp-color-content-check-radio-label-rest, var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e)))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .checkbox input[type=radio]:disabled+.radio-input-label .selectable-container-content>:first-child,
        .checkbox input[type=radio]:disabled+.radio-input-label:not(:has(.selectable-container-content)) {
            color: color-mix(in srgb, var(--comp-color-content-check-radio-label-rest, var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)
        }
    }

    .checkbox input[type=radio]:disabled+.radio-input-label:after,
    .checkbox input[type=radio]:disabled+.radio-input-label:before {
        border: var(--base-size-border-px, 1px)solid var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .checkbox input[type=radio]:disabled+.radio-input-label:after,
        .checkbox input[type=radio]:disabled+.radio-input-label:before {
            border: var(--base-size-border-px, 1px)solid color-mix(in srgb, var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)
        }
    }

    .checkbox input[type=radio]:disabled+.radio-input-label:after,
    .checkbox input[type=radio]:disabled+.radio-input-label:before {
        background-color: var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .checkbox input[type=radio]:disabled+.radio-input-label:after,
        .checkbox input[type=radio]:disabled+.radio-input-label:before {
            background-color: color-mix(in srgb, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)
        }
    }

    .checkbox input[type=radio]:checked:disabled+.radio-input-label:after,
    .checkbox input[type=radio]:checked:disabled+.radio-input-label:before {
        background: -webkit-radial-gradient(circle, var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))0, var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))40%, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))45%, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))100%), radial-gradient(circle, var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))0, var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))40%, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))45%, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))100%)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .checkbox input[type=radio]:checked:disabled+.radio-input-label:after,
        .checkbox input[type=radio]:checked:disabled+.radio-input-label:before {
            background: -webkit-radial-gradient(circle, color-mix(in srgb, var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)0, color-mix(in srgb, var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)40%, color-mix(in srgb, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)45%, color-mix(in srgb, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)100%), radial-gradient(circle, color-mix(in srgb, var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)0, color-mix(in srgb, var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)40%, color-mix(in srgb, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)45%, color-mix(in srgb, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)100%)
        }
    }

    .btn-group .checkbox .input-label {
        padding-left: 0
    }

    .btn-group .checkbox .input-label:after,
    .btn-group .checkbox .input-label:before {
        display: none
    }

    .checkbox .input-label:before,
    .checkbox input+label:before {
        background-color: var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)));
        border: 1px solid var(--base-color-black-alpha-40, var(--base-color-black, #000));
        border-radius: 3px;
        width: 18px;
        height: 18px;
        margin: 3px 0;
        transition: transform .28s;
        position: absolute;
        top: 0;
        left: 0
    }

    @supports (color:color-mix(in lab, red, red)) {

        .checkbox .input-label:before,
        .checkbox input+label:before {
            border: 1px solid var(--base-color-black-alpha-40, color-mix(in srgb, var(--base-color-black, #000)40%, transparent))
        }
    }

    .checkbox .input-label:after,
    .checkbox input+label:after {
        border-bottom: 2px solid var(--base-color-white, #fff);
        border-left: 2px solid var(--base-color-white, #fff);
        will-change: transform;
        z-index: 2;
        width: 12px;
        height: 6px;
        transition: transform .25s;
        display: block;
        position: absolute;
        top: 7px;
        left: 3px;
        transform: rotate(-45deg)scale(0)
    }

    .checkbox .select-btn:before,
    .checkbox input:checked+.input-label:before,
    .checkbox input:checked+label:before,
    .checkbox.checkbox-link-active .input-label:before {
        border-color: var(--comp-color-border-check-radio-control-selected, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169)));
        background-color: var(--comp-color-border-check-radio-control-selected, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169)))
    }

    .checkbox .input-label:hover:before {
        border-color: var(--comp-color-border-check-radio-control-hover, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169)));
        background-color: var(--comp-color-background-check-radio-control-hover, var(--sem-overlay-bg-interactive-hover, --base-color-neutral-500))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .checkbox .input-label:hover:before {
            background-color: var(--comp-color-background-check-radio-control-hover, var(--sem-overlay-bg-interactive-hover, color-mix(in srgb, --base-color-neutral-500 var(--base-opacity-5, 5%), transparent)))
        }
    }

    .checkbox input[type=checkbox]:checked~.input-label:after {
        transform: rotate(-45deg)scale(1)
    }

    .checkbox input:disabled+.input-label:before {
        border-color: var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)));
        background-color: var(--comp-color-background-check-radio-control-hover, var(--sem-overlay-bg-interactive-hover, --base-color-neutral-500))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .checkbox input:disabled+.input-label:before {
            background-color: var(--comp-color-background-check-radio-control-hover, var(--sem-overlay-bg-interactive-hover, color-mix(in srgb, --base-color-neutral-500 var(--base-opacity-5, 5%), transparent)))
        }
    }

    .checkbox input:disabled+.input-label:after {
        border-color: var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)));
        background-color: var(--comp-color-background-check-radio-control-hover, var(--sem-overlay-bg-interactive-hover, --base-color-neutral-500))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .checkbox input:disabled+.input-label:after {
            background-color: var(--comp-color-background-check-radio-control-hover, var(--sem-overlay-bg-interactive-hover, color-mix(in srgb, --base-color-neutral-500 var(--base-opacity-5, 5%), transparent)))
        }
    }

    .checkbox.checkbox-inline {
        margin-top: 0;
        padding-left: 0
    }

    .checkbox.checkbox-inline+.checkbox.checkbox-inline {
        padding-left: var(--base-space-px-24, 24px)
    }

    .checkbox-label {
        margin-bottom: 12px
    }

    .radio {
        cursor: pointer
    }

    .radio input {
        display: none
    }

    .radio input[type=checkbox],
    .radio input[type=radio] {
        appearance: none;
        width: 0;
        display: inline-block
    }

    .radio input:focus-visible+.input-label {
        outline: 3px solid highlight;
        outline: 3px solid -webkit-focus-ring-color
    }

    .radio input:focus:not(:focus-visible)+.input-label {
        outline: none
    }

    .radio .input-label,
    .radio .radio-input-label {
        padding-left: var(--base-space-px-24, 24px);
        font-weight: 400;
        position: relative
    }

    .radio .input-label:after,
    .radio .input-label:before,
    .radio input+label:after,
    .radio input+label:before {
        vertical-align: bottom;
        font-family: AXLcons, sans-serif;
        position: absolute;
        top: 0;
        left: 0
    }

    .radio .input-label:before,
    .radio input+label:before {
        z-index: 2;
        content: "";
        color: var(--base-color-neutral-600, #59636e)
    }

    .radio .input-label:after,
    .radio input+label:after {
        color: var(--base-color-white, #fff);
        content: ""
    }

    .radio .input-label:hover:before,
    .radio input+label:hover:before {
        color: var(--comp-color-content-link-rest, var(--sem-color-content-interactive-rest, var(--base-color-primary-600, #024aa5)))
    }

    .radio input:checked+.input-label:before,
    .radio input:checked+label:before,
    .radio.checkbox-link-active .input-label:before {
        color: var(--comp-color-content-link-rest, var(--sem-color-content-interactive-rest, var(--base-color-primary-600, #024aa5)));
        content: ""
    }

    .radio input:disabled+.input-label,
    .radio input:disabled+.input-label:before,
    .radio input:disabled+label,
    .radio input:disabled+label:before,
    .radio.checkbox-link-disabled .input-label,
    .radio.checkbox-link-disabled .input-label:before {
        color: var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .radio input:disabled+.input-label,
        .radio input:disabled+.input-label:before,
        .radio input:disabled+label,
        .radio input:disabled+label:before,
        .radio.checkbox-link-disabled .input-label,
        .radio.checkbox-link-disabled .input-label:before {
            color: color-mix(in srgb, var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)
        }
    }

    .radio input:disabled+.input-label:after,
    .radio input:disabled+label:after,
    .radio.checkbox-link-disabled .input-label:after {
        color: var(--base-color-neutral-200, #e1e4e8)
    }

    .radio .radio-input-label .selectable-container-content>:first-child,
    .radio .radio-input-label:not(:has(.selectable-container-content)) {
        color: var(--comp-color-content-check-radio-label-rest, var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e)));
        font-family: var(--comp-type-font-check-radio-label, var(--base-type-font-body, roboto, -apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, arial, sans-serif));
        font-weight: var(--comp-type-weight-check-radio-label, var(--sem-type-weight-body, var(--base-type-weight-regular, 400)));
        font-size: var(--comp-type-size-check-radio-label, var(--sem-type-size-body-md, var(--base-type-size-md, 1rem)));
        letter-spacing: var(--comp-type-tracking-check-radio-label, var(--sem-type-tracking-body, 0))
    }

    .radio .radio-input-label:after,
    .radio .radio-input-label:before {
        content: "";
        height: var(--comp-size-box-check-radio-control, var(--base-space-px-16, 16px));
        width: var(--comp-size-box-check-radio-control, var(--base-space-px-16, 16px));
        border: var(--base-size-border-px, 1px)solid var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)));
        border-radius: var(--comp-size-radius-radio-control, var(--sem-size-radius-full, 50%));
        background-color: var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)));
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%)
    }

    .radio .radio-input-label:hover {
        color: var(--comp-color-content-check-radio-label-hover, var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e)))
    }

    .radio .radio-input-label:hover:after,
    .radio .radio-input-label:hover:before {
        border: var(--base-size-border-px, 1px)solid var(--comp-color-border-check-radio-control-hover, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169)));
        background-color: var(--comp-color-background-check-radio-control-hover, var(--sem-overlay-bg-interactive-hover, --base-color-neutral-500))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .radio .radio-input-label:hover:after,
        .radio .radio-input-label:hover:before {
            background-color: var(--comp-color-background-check-radio-control-hover, var(--sem-overlay-bg-interactive-hover, color-mix(in srgb, --base-color-neutral-500 var(--base-opacity-5, 5%), transparent)))
        }
    }

    .radio input[type=radio]:checked+.radio-input-label .selectable-container-content>:first-child,
    .radio input[type=radio]:checked+.radio-input-label:not(:has(.selectable-container-content)) {
        color: var(--comp-color-content-check-radio-label-selected, var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e)))
    }

    .radio input[type=radio]:checked+.radio-input-label:after,
    .radio input[type=radio]:checked+.radio-input-label:before {
        content: "";
        height: var(--comp-size-box-check-radio-control, var(--base-space-px-16, 16px));
        width: var(--comp-size-box-check-radio-control, var(--base-space-px-16, 16px));
        border: var(--base-size-border-px, 1px)solid var(--comp-color-border-check-radio-control-selected, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169)));
        border-radius: var(--comp-size-radius-radio-control, var(--sem-size-radius-full, 50%));
        background: -webkit-radial-gradient(circle, var(--comp-color-background-check-radio-control-selected, var(--sem-color-background-interactive-selected, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169))))0, var(--comp-color-background-check-radio-control-selected, var(--sem-color-background-interactive-selected, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169))))40%, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))45%, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))100%), radial-gradient(circle, var(--comp-color-background-check-radio-control-selected, var(--sem-color-background-interactive-selected, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169))))0, var(--comp-color-background-check-radio-control-selected, var(--sem-color-background-interactive-selected, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169))))40%, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))45%, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))100%)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .radio input[type=radio]:checked+.radio-input-label:after,
        .radio input[type=radio]:checked+.radio-input-label:before {
            background: -webkit-radial-gradient(circle, color-mix(in srgb, var(--comp-color-background-check-radio-control-selected, var(--sem-color-background-interactive-selected, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169))))100%, transparent)0, color-mix(in srgb, var(--comp-color-background-check-radio-control-selected, var(--sem-color-background-interactive-selected, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169))))100%, transparent)40%, color-mix(in srgb, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))100%, transparent)45%, color-mix(in srgb, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))100%, transparent)100%), radial-gradient(circle, color-mix(in srgb, var(--comp-color-background-check-radio-control-selected, var(--sem-color-background-interactive-selected, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169))))100%, transparent)0, color-mix(in srgb, var(--comp-color-background-check-radio-control-selected, var(--sem-color-background-interactive-selected, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169))))100%, transparent)40%, color-mix(in srgb, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))100%, transparent)45%, color-mix(in srgb, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))100%, transparent)100%)
        }
    }

    .radio input[type=radio]:disabled+.radio-input-label .selectable-container-content>:first-child,
    .radio input[type=radio]:disabled+.radio-input-label:not(:has(.selectable-container-content)) {
        cursor: not-allowed;
        color: var(--comp-color-content-check-radio-label-rest, var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e)))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .radio input[type=radio]:disabled+.radio-input-label .selectable-container-content>:first-child,
        .radio input[type=radio]:disabled+.radio-input-label:not(:has(.selectable-container-content)) {
            color: color-mix(in srgb, var(--comp-color-content-check-radio-label-rest, var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)
        }
    }

    .radio input[type=radio]:disabled+.radio-input-label:after,
    .radio input[type=radio]:disabled+.radio-input-label:before {
        border: var(--base-size-border-px, 1px)solid var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .radio input[type=radio]:disabled+.radio-input-label:after,
        .radio input[type=radio]:disabled+.radio-input-label:before {
            border: var(--base-size-border-px, 1px)solid color-mix(in srgb, var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)
        }
    }

    .radio input[type=radio]:disabled+.radio-input-label:after,
    .radio input[type=radio]:disabled+.radio-input-label:before {
        background-color: var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .radio input[type=radio]:disabled+.radio-input-label:after,
        .radio input[type=radio]:disabled+.radio-input-label:before {
            background-color: color-mix(in srgb, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)
        }
    }

    .radio input[type=radio]:checked:disabled+.radio-input-label:after,
    .radio input[type=radio]:checked:disabled+.radio-input-label:before {
        background: -webkit-radial-gradient(circle, var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))0, var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))40%, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))45%, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))100%), radial-gradient(circle, var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))0, var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))40%, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))45%, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))100%)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .radio input[type=radio]:checked:disabled+.radio-input-label:after,
        .radio input[type=radio]:checked:disabled+.radio-input-label:before {
            background: -webkit-radial-gradient(circle, color-mix(in srgb, var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)0, color-mix(in srgb, var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)40%, color-mix(in srgb, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)45%, color-mix(in srgb, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)100%), radial-gradient(circle, color-mix(in srgb, var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)0, color-mix(in srgb, var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)40%, color-mix(in srgb, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)45%, color-mix(in srgb, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)100%)
        }
    }

    .btn-group .radio .input-label {
        padding-left: 0
    }

    .btn-group .radio .input-label:after,
    .btn-group .radio .input-label:before {
        display: none
    }

    .radio.radio-inline {
        margin-top: 0;
        padding-left: 0
    }

    .radio.radio-inline+.radio.radio-inline {
        padding-left: var(--base-space-px-24, 24px)
    }

    input[type=number] {
        appearance: textfield
    }

    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        appearance: none;
        margin: 0
    }

    @media (min-width:768px) {
        .form-horizontal .control-label {
            text-align: left
        }
    }

    .form-control-feedback.interactive {
        pointer-events: auto !important
    }

    @media (max-width:767px) {

        .form-control,
        label.control-label {
            color: var(--base-color-neutral-600, #59636e);
            font-size: var(--comp-type-size-input-md, var(--base-type-size-md, 1rem)) !important
        }
    }

    select.form-control {
        appearance: none
    }

    .custom-select-wrapper {
        position: relative
    }

    .custom-select-wrapper select:disabled+.custom-input-icon {
        opacity: var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%))
    }

    span.custom-input-icon {
        pointer-events: none;
        align-items: center;
        display: flex;
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%)
    }

    span.custom-input-icon svg {
        width: 13px;
        height: 13px
    }

    form.flat .form-control {
        color: var(--base-color-neutral-800, #2d363e);
        background-color: var(--base-color-neutral-100, #f8f8f8);
        border-color: var(--base-color-white-alpha-15, var(--base-color-white, #fff)) !important
    }

    @supports (color:color-mix(in lab, red, red)) {
        form.flat .form-control {
            border-color: var(--base-color-white-alpha-15, color-mix(in srgb, var(--base-color-white, #fff)15%, transparent)) !important
        }
    }

    form.flat .form-control {
        box-shadow: none;
        font-weight: var(--base-type-weight-regular, 400);
        font-size: var(--base-type-size-lg, 1.125rem);
        padding-right: var(--base-space-px-16, 16px);
        height: var(--base-space-px-48, 48px);
        text-align: right;
        border-radius: 0;
        border-bottom: 2px solid var(--base-color-neutral-400, #939da8) !important
    }

    form.flat .form-control::placeholder {
        color: var(--base-color-neutral-300, #cfd4da)
    }

    form.flat .form-control .form-group {
        text-align: right
    }

    form.flat .form-control:hover {
        padding-bottom: 7px;
        border: 1px solid var(--base-color-neutral-400, #939da8) !important
    }

    form.flat .form-control:focus {
        padding-bottom: 5px;
        border-bottom: 2px solid var(--base-color-primary-300, #8dc9ff) !important
    }

    form.flat .form-control:-webkit-autofill {
        -webkit-text-fill-color: var(--base-color-neutral-800, #2d363e);
        box-shadow: var(--base-space-px-0, 0)var(--base-space-px-0, 0)var(--base-space-px-0, 0)1000px var(--base-color-neutral-100, #f8f8f8)inset;
        border-color: var(--base-color-neutral-400, #939da8);
        font-size: var(--base-type-size-lg, 1.125rem)
    }

    form.flat .form-control:-webkit-autofill:hover {
        border-bottom: 2px solid #6d7782 !important
    }

    form.flat .form-control:-webkit-autofill:focus {
        border-bottom: 2px solid #c2cbe5 !important
    }

    form.flat .form-control.disabled,
    form.flat .form-control[disabled] {
        opacity: .5
    }

    form.flat select.form-control {
        appearance: none;
        padding-right: var(--base-space-px-24, 24px)
    }

    form.flat span.custom-input-icon svg {
        width: 18px;
        height: 18px;
        margin-right: 10px
    }

    form.flat .form-group {
        text-align: right;
        position: relative
    }

    form.flat .has-error .form-control {
        box-shadow: none;
        padding-bottom: 5px;
        border-bottom: 2px solid var(--base-color-secondary-700, #d54101) !important
    }

    form.flat .error-message {
        font-weight: var(--base-type-weight-regular, 400);
        font-size: var(--base-type-size-sm, .86rem);
        color: #f8d8db
    }

    form.flat .form-control-feedback {
        line-height: var(--base-space-px-48, 48px);
        color: var(--base-color-secondary-700, #d54101)
    }

    form.flat .control-label {
        text-align: left;
        font-weight: var(--base-type-weight-regular, 400);
        font-size: var(--base-type-size-lg, 1.125rem) !important
    }

    form.flat .control-label,
    form.flat .control-label .text-subdued-lighter {
        color: var(--base-color-neutral-300, #cfd4da)
    }

    form.flat label~.has-error .glyphicon-danger {
        top: 26px !important
    }

    form.flat option {
        color: var(--comp-color-content-input-value-rest, var(--base-color-neutral-800, #2d363e))
    }

    form.flat .glyphicon-danger {
        left: var(--base-space-px-0, 0);
        color: #ec4855;
        z-index: 2;
        text-align: center;
        pointer-events: none;
        width: 39px;
        height: 39px;
        font-size: 16px;
        top: var(--base-space-px-0, 0) !important;
        line-height: 48px !important;
        display: block !important;
        position: absolute !important
    }

    .inverted form.flat .form-control {
        background-color: var(--base-color-white-alpha-15, var(--base-color-white, #fff));
        color: var(--sem-color-content-neutral-inverse-primary, var(--base-color-white, #fff)) !important
    }

    @supports (color:color-mix(in lab, red, red)) {
        .inverted form.flat .form-control {
            background-color: var(--base-color-white-alpha-15, color-mix(in srgb, var(--base-color-white, #fff)15%, transparent))
        }
    }

    .inverted form.flat .form-control {
        border-bottom: 1px solid var(--base-color-white-alpha-15, var(--base-color-white, #fff)) !important
    }

    @supports (color:color-mix(in lab, red, red)) {
        .inverted form.flat .form-control {
            border-bottom: 1px solid var(--base-color-white-alpha-15, color-mix(in srgb, var(--base-color-white, #fff)15%, transparent)) !important
        }
    }

    .inverted form.flat .form-control {
        border: 1px solid #0000
    }

    .inverted form.flat .form-control:not(.select) {
        padding: 0 var(--base-space-px-12, 12px)
    }

    @media (min-width:768px) and (max-width:1299px) {
        .inverted form.flat .form-control:not(.select) {
            padding: 0 var(--base-space-px-8, 8px)
        }
    }

    .inverted form.flat .form-control:active,
    .inverted form.flat .form-control:focus,
    .inverted form.flat .form-control:hover {
        border-bottom: 1px solid var(--base-color-neutral-500, #6d7782) !important
    }

    .inverted form.flat .form-control:-webkit-autofill {
        -webkit-text-fill-color: var(--base-color-white, #fff) !important;
        box-shadow: var(--base-space-px-0, 0)var(--base-space-px-0, 0)var(--base-space-px-0, 0)1000px #26427f inset !important;
        border-color: #475e92 !important
    }

    :is(.bg-neutral-tertiary .form-control:autofill, .bg-gray-lighter .form-control:autofill) {
        -webkit-text-fill-color: var(--base-color-neutral-800, #2d363e) !important;
        box-shadow: var(--base-space-px-0, 0)var(--base-space-px-0, 0)var(--base-space-px-0, 0)1000px var(--base-color-neutral-100, #f8f8f8)inset !important;
        border-color: var(--base-color-neutral-400, #939da8) !important
    }

    .form-group-inside {
        position: relative
    }

    .form-group-inside .form-control {
        min-width: 125px;
        padding: var(--comp-space-padding-input-vertical, var(--base-space-px-16, 16px))var(--comp-space-padding-input-horizontal, var(--base-space-px-16, 16px));
        border-color: var(--comp-color-border-input-rest, var(--base-color-neutral-300, #cfd4da));
        box-shadow: none;
        border-width: var(--comp-size-border-text-input-field, var(--base-space-px-1, 1px));
        border-radius: var(--comp-size-radius-input, var(--base-space-px-4, 4px));
        font-size: var(--comp-type-size-input-value, var(--base-type-size-md, 1rem));
        font-weight: var(--comp-type-weight-input-inner-label, var(--base-type-weight-regular, 400));
        background-color: var(--comp-color-background-input-rest, var(--base-color-white, #fff))
    }

    .form-group-inside .form-control:hover:not(:disabled, :focus, .has-error) {
        border-color: var(--comp-color-border-input-hover, var(--base-color-black-alpha-40, var(--base-color-black, #000)))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .form-group-inside .form-control:hover:not(:disabled, :focus, .has-error) {
            border-color: var(--comp-color-border-input-hover, var(--base-color-black-alpha-40, color-mix(in srgb, var(--base-color-black, #000)40%, transparent)))
        }
    }

    .form-group-inside .form-control:hover:not(:disabled, :focus, .has-error) {
        background-color: var(--comp-color-background-input-hover, var(--base-color-white, #fff));
        color: var(--comp-color-content-input-label-rest, var(--sem-color-content-neutral-secondary, var(--base-color-neutral-600, #59636e)))
    }

    .form-group-inside .form-control::placeholder {
        color: var(--comp-color-content-input-label-rest, var(--sem-color-content-neutral-secondary, var(--base-color-neutral-600, #59636e)))
    }

    .form-group-inside .form-control:active:not(:disabled),
    .form-group-inside .form-control:focus:not(:disabled) {
        border-color: var(--comp-color-border-input-active, var(--base-color-primary-800, #012169));
        background-color: var(--comp-color-background-input-active, var(--base-color-white, #fff));
        box-shadow: none;
        border-width: var(--comp-size-border-text-input-field-active, var(--base-space-px-2, 2px));
        color: var(--comp-color-content-input-value-active, var(--base-color-neutral-800, #2d363e))
    }

    .form-group-inside .form-control.has-value {
        padding-bottom: var(--base-space-px-4, 4px);
        padding-top: var(--base-space-px-16, 16px);
        font-weight: var(--comp-type-weight-input-value, var(--base-type-weight-regular, 400))
    }

    .form-group-inside .form-control.has-value,
    .form-group-inside .form-control.has-value:hover:not(:disabled, :active, .has-error) {
        color: var(--comp-color-content-input-value-rest, var(--base-color-neutral-800, #2d363e))
    }

    .form-group-inside .form-control:disabled,
    .form-group-inside .form-control:disabled::placeholder {
        background-color: var(--comp-color-background-input-inside-disabled, var(--base-color-neutral-100, #f8f8f8));
        opacity: var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%));
        color: var(--comp-color-content-input-label-disabled, var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e)));
        font-weight: var(--base-type-weight-regular, 400)
    }

    .form-group-inside input.form-control {
        height: var(--comp-size-height-input, 48px)
    }

    .form-group-inside button.select-btn:active,
    .form-group-inside button.select-btn:focus,
    .form-group-inside input.form-control:active,
    .form-group-inside input.form-control:focus,
    .form-group-inside textarea.form-control:active,
    .form-group-inside textarea.form-control:focus {
        padding-bottom: var(--base-space-px-4, 4px);
        padding-top: var(--base-space-px-16, 16px)
    }

    .form-group-inside button.select-btn:active::placeholder,
    .form-group-inside button.select-btn:focus::placeholder,
    .form-group-inside input.form-control:active::placeholder,
    .form-group-inside input.form-control:focus::placeholder,
    .form-group-inside textarea.form-control:active::placeholder,
    .form-group-inside textarea.form-control:focus::placeholder {
        color: #0000
    }

    .form-group-inside select.form-control {
        appearance: none;
        padding: 6px var(--comp-space-padding-input-horizontal, var(--base-space-px-16, 16px));
        padding-right: calc(var(--comp-space-padding-input-horizontal, var(--base-space-px-16, 16px)) + var(--base-space-px-24, 24px));
        height: var(--comp-size-height-input, 48px);
        min-width: 110px
    }

    .form-group-inside span.custom-input-icon svg {
        width: 18px;
        height: 18px;
        margin-right: 10px
    }

    .form-group-inside.has-error .form-control {
        border-color: var(--comp-color-border-input-error, var(--sem-color-content-error-primary, var(--base-color-error-700, #bc0005)));
        padding-bottom: var(--base-space-px-4, 4px);
        padding-top: var(--base-space-px-16, 16px);
        background-color: var(--comp-color-background-input-error, var(--sem-color-background-error-primary, var(--base-color-error-100, #fff0f0)));
        color: var(--comp-color-content-input-value-error, var(--base-color-neutral-800, #2d363e));
        border-width: 2px
    }

    .form-group-inside .control-label {
        top: var(--base-space-px-4, 4px);
        left: calc(var(--comp-space-padding-input-horizontal, var(--base-space-px-16, 16px)) + var(--comp-size-border-text-input-field-active, var(--base-space-px-2, 2px)));
        font-weight: var(--comp-type-weight-input-inner-label, var(--base-type-weight-regular, 400));
        z-index: 1;
        position: absolute;
        font-size: var(--comp-type-size-input-inner-label, var(--base-type-size-xs, .72rem)) !important
    }

    .form-group-inside .control-label,
    .form-group-inside.has-value .control-label {
        color: var(--comp-color-content-input-label-rest, var(--sem-color-content-neutral-secondary, var(--base-color-neutral-600, #59636e)))
    }

    .form-group-inside:focus-within .control-label {
        color: var(--comp-color-content-input-label-active, var(--base-color-primary-800, #012169)) !important
    }

    .form-group-inside.disabled .control-label {
        color: var(--comp-color-content-input-inside-disabled, var(--base-color-neutral-400, #939da8))
    }

    .form-group-inside .error-message {
        font-size: var(--base-type-size-sm, .86rem)
    }

    .form-group-inside.has-error .control-label {
        color: var(--comp-color-content-input-helper-error, var(--base-color-error-700, #bc0005))
    }

    .form-group-inside:not(.has-value).form-control-select .control-label,
    .form-group-inside:not(:focus-within, .has-error, .has-value) .control-label {
        clip: rect(0, 0, 0, 0);
        border: 0;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        position: absolute;
        overflow: hidden
    }

    .form-group-inside-label {
        position: relative;
        overflow: hidden
    }

    .form-group-inside-label .form-control {
        height: var(--comp-size-height-input, 48px);
        padding: var(--base-space-px-12, 12px)var(--base-space-px-16, 16px);
        padding-bottom: var(--base-space-px-4, 4px);
        padding-top: var(--base-space-px-16, 16px);
        border-color: var(--comp-color-border-input-rest, var(--base-color-neutral-300, #cfd4da));
        box-shadow: none;
        border-width: var(--comp-size-border-text-input-field-active, var(--base-space-px-2, 2px));
        font-weight: var(--base-type-weight-bold, 700)
    }

    .form-group-inside-label .control-label {
        top: var(--base-space-px-4, 4px);
        left: calc(var(--comp-space-padding-input-horizontal, var(--base-space-px-16, 16px)) + var(--comp-size-border-text-input-field-active, var(--base-space-px-2, 2px)));
        font-weight: var(--base-type-weight-regular, 400);
        z-index: 1;
        position: absolute;
        font-size: var(--base-type-size-sm, .86rem) !important
    }

    .glyphicon-spin {
        animation: glyphicon-spin 2s linear infinite
    }

    .glyphicon-pulse {
        animation: glyphicon-spin 1s steps(8) infinite
    }

    @keyframes glyphicon-spin {
        0% {
            transform: rotate(0)
        }

        to {
            transform: rotate(359deg)
        }
    }

    .glyphicon-rotate-90 {
        transform: rotate(90deg)
    }

    .glyphicon-rotate-180 {
        transform: rotate(180deg)
    }

    .glyphicon-rotate-270 {
        transform: rotate(270deg)
    }

    .glyphicon-flip-horizontal {
        transform: scaleX(-1)
    }

    .glyphicon-flip-vertical {
        transform: scaleY(-1)
    }

    .glyphicon-stack {
        vertical-align: middle;
        width: 1em;
        height: 1em;
        display: inline-block;
        position: relative
    }

    .glyphicon-stack .glyphicon {
        line-height: inherit;
        text-align: center;
        margin: auto;
        position: absolute !important;
        inset: 0 !important
    }

    .glyphicon-stack.glyphicon-stack-resize {
        width: 2em;
        height: 2em
    }

    .glyphicon-stack.glyphicon-stack-resize .glyphicon:first-child {
        font-size: 2em
    }

    .glyphicon-stack.glyphicon-stack-resize .glyphicon:last-child {
        width: 1em;
        height: 1em;
        font-size: 1em
    }

    @font-face {
        font-family: AXLcons;
        src: url(../fonts/AXLcons.788d2f40.woff2)format("woff2"), url(../fonts/AXLcons.291462f7.woff)format("woff"), url(../fonts/AXLcons.39641221.ttf)format("truetype"), url(../fonts/AXLcons.de732822.svg)format("svg");
        font-display: block
    }

    .glyphicon {
        font-family: AXLcons
    }

    .glyphicon.transparent {
        opacity: calc(var(--base-opacity-50, 50%)*1.7)
    }

    .glyphicon:before {
        display: inline-block
    }

    .glyphicon:not(.form-control-feedback) {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: AXLcons;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        display: inline-block;
        position: relative;
        top: 1px
    }

    .glyphicon-ai-search:before {
        content: ""
    }

    .glyphicon-academic-cap:before {
        content: ""
    }

    .glyphicon-car-tag:before {
        content: ""
    }

    .glyphicon-cars:before {
        content: ""
    }

    .glyphicon-checklist:before {
        content: ""
    }

    .glyphicon-dealership:before {
        content: ""
    }

    .glyphicon-gauge:before {
        content: ""
    }

    .glyphicon-hand-key:before {
        content: ""
    }

    .glyphicon-list-view:before {
        content: ""
    }

    .glyphicon-money:before {
        content: ""
    }

    .glyphicon-odometer:before {
        content: ""
    }

    .glyphicon-sparkles:before {
        content: ""
    }

    .glyphicon-user-circle-regular:before {
        content: ""
    }

    .glyphicon-user-circle-solid:before {
        content: ""
    }

    .glyphicon-account-hub:before {
        content: ""
    }

    .glyphicon-hybrid:before {
        content: ""
    }

    .glyphicon-rss:before {
        content: ""
    }

    .glyphicon-chat:before {
        content: ""
    }

    .glyphicon-check-circle:before {
        content: ""
    }

    .glyphicon-return:before {
        content: ""
    }

    .glyphicon-certified:before {
        content: ""
    }

    .glyphicon-lock-closed:before {
        content: ""
    }

    .glyphicon-delivery-truck:before {
        content: ""
    }

    .glyphicon-ellipsis-horizontal:before {
        content: ""
    }

    .glyphicon-shopping-cart:before {
        content: ""
    }

    .glyphicon-share:before {
        content: ""
    }

    .glyphicon-commenting-o:before {
        content: ""
    }

    .glyphicon-directions:before {
        content: ""
    }

    .glyphicon-envelope:before {
        content: ""
    }

    .glyphicon-phone:before {
        content: ""
    }

    .glyphicon-similar-vehicles:before {
        content: ""
    }

    .glyphicon-arrow-circle-down:before {
        content: ""
    }

    .glyphicon-plugin-hybrid:before {
        content: ""
    }

    .glyphicon-sad-face:before {
        content: ""
    }

    .glyphicon-neutral-face:before {
        content: ""
    }

    .glyphicon-happy-face:before {
        content: ""
    }

    .glyphicon-bell:before {
        content: ""
    }

    .glyphicon-eye-outline:before {
        content: ""
    }

    .glyphicon-gallery-view:before {
        content: ""
    }

    .glyphicon-cloud-upload-solid:before {
        content: ""
    }

    .glyphicon-compare:before {
        content: ""
    }

    .glyphicon-apple:before {
        content: ""
    }

    .glyphicon-degree-rotate:before {
        content: ""
    }

    .glyphicon-sort-amount-up-alt-solid:before {
        content: ""
    }

    .glyphicon-wallet:before {
        content: ""
    }

    .glyphicon-clock:before {
        content: ""
    }

    .glyphicon-accident-free:before {
        content: ""
    }

    .glyphicon-accident-reports:before {
        content: ""
    }

    .glyphicon-clean-title:before {
        content: ""
    }

    .glyphicon-flood-damage:before {
        content: ""
    }

    .glyphicon-multiple-owners:before {
        content: ""
    }

    .glyphicon-no-flood-damage:before {
        content: ""
    }

    .glyphicon-salvage-title:before {
        content: ""
    }

    .glyphicon-single-owner:before {
        content: ""
    }

    .glyphicon-close:before {
        content: ""
    }

    .glyphicon-open:before {
        content: ""
    }

    .glyphicon-warranty:before {
        content: ""
    }

    .glyphicon-service:before {
        content: ""
    }

    .glyphicon-usd-circle:before {
        content: ""
    }

    .glyphicon-globe-americas:before {
        content: ""
    }

    .glyphicon-mileage:before {
        content: ""
    }

    .glyphicon-saved-car:before {
        content: ""
    }

    .glyphicon-heart-o:before {
        content: ""
    }

    .glyphicon-heart:before {
        content: ""
    }

    .glyphicon-exchange:before {
        content: ""
    }

    .glyphicon-atcar-special:before {
        content: ""
    }

    .glyphicon-fuel:before {
        content: ""
    }

    .glyphicon-search:before {
        content: ""
    }

    .glyphicon-document:before {
        content: ""
    }

    .glyphicon-send-to-phone:before {
        content: ""
    }

    .glyphicon-print:before {
        content: ""
    }

    .glyphicon-map-marker:before {
        content: ""
    }

    .glyphicon-calculator:before {
        content: ""
    }

    .glyphicon-cog:before,
    .glyphicon-gear:before {
        content: ""
    }

    .glyphicon-server-group:before {
        content: ""
    }

    .glyphicon-star:before {
        content: ""
    }

    .glyphicon-star-unselected:before {
        content: ""
    }

    .glyphicon-video:before {
        content: ""
    }

    .glyphicon-grid-view:before {
        content: ""
    }

    .glyphicon-remove:before {
        content: ""
    }

    .glyphicon-trash:before {
        content: ""
    }

    .glyphicon-photo:before {
        content: ""
    }

    .glyphicon-edit:before {
        content: ""
    }

    .glyphicon-chevron-left:before {
        content: ""
    }

    .glyphicon-chevron-right:before {
        content: ""
    }

    .glyphicon-remove-sign:before {
        content: ""
    }

    .glyphicon-question-sign:before {
        content: ""
    }

    .glyphicon-calendar:before {
        content: ""
    }

    .glyphicon-chevron-up:before {
        content: ""
    }

    .glyphicon-chevron-down:before {
        content: ""
    }

    .glyphicon-arrow-circle-up:before {
        content: ""
    }

    .glyphicon-offsite:before {
        content: ""
    }

    .glyphicon-log-in:before {
        content: ""
    }

    .glyphicon-checkbox-unselected:before {
        content: ""
    }

    .glyphicon-twitter:before {
        content: ""
    }

    .glyphicon-facebook:before {
        content: ""
    }

    .glyphicon-group:before {
        content: ""
    }

    .glyphicon-caret-down:before {
        content: ""
    }

    .glyphicon-caret-up:before {
        content: ""
    }

    .glyphicon-menu-left:before {
        content: ""
    }

    .glyphicon-menu-right:before {
        content: ""
    }

    .glyphicon-menu-up:before {
        content: ""
    }

    .glyphicon-menu-down:before {
        content: ""
    }

    .glyphicon-circle:before {
        content: ""
    }

    .glyphicon-checkbox-selected:before {
        content: ""
    }

    .glyphicon-expand:before {
        content: ""
    }

    .glyphicon-atcar:before {
        content: ""
    }

    .glyphicon-warning:before {
        content: ""
    }

    .glyphicon-success:before {
        content: ""
    }

    .glyphicon-info:before {
        content: ""
    }

    .glyphicon-danger:before {
        content: ""
    }

    .glyphicon-square:before {
        content: ""
    }

    .glyphicon-radio-unselected:before {
        content: ""
    }

    .glyphicon-radio-selected:before {
        content: ""
    }

    .glyphicon-play:before {
        content: ""
    }

    .glyphicon-pause:before {
        content: ""
    }

    .glyphicon-stop:before {
        content: ""
    }

    .glyphicon-play-circle:before {
        content: ""
    }

    .glyphicon-pause-circle:before {
        content: ""
    }

    .glyphicon-stop-circle:before {
        content: ""
    }

    .glyphicon-dollar:before,
    .glyphicon-usd:before {
        content: ""
    }

    .glyphicon-spinner:before {
        content: ""
    }

    .glyphicon-home:before {
        content: ""
    }

    .glyphicon-crop:before {
        content: ""
    }

    .glyphicon-repeat:before,
    .glyphicon-rotate-right:before {
        content: ""
    }

    .glyphicon-pencil:before {
        content: ""
    }

    .glyphicon-filter:before {
        content: ""
    }

    .glyphicon-google-plus:before {
        content: ""
    }

    .glyphicon-youtube:before {
        content: ""
    }

    .glyphicon-flame:before {
        content: ""
    }

    .glyphicon-electric:before {
        content: ""
    }

    .iris-icon {
        vertical-align: text-top;
        width: auto;
        height: 16px
    }

    .container-fixed-width .container,
    .container.container-fixed-width {
        width: calc(978px + var(--base-space-px-16, 16px))
    }

    .label {
        text-transform: capitalize;
        font-size: var(--comp-type-size-label, var(--base-type-size-xs, .72rem));
        font-weight: var(--comp-type-weight-label, 400);
        padding: var(--comp-space-padding-top-label, 2px)var(--comp-space-padding-right-label, var(--base-space-px-8, 8px))var(--comp-space-padding-bottom-label, 2px)var(--comp-space-padding-left-label, var(--base-space-px-8, 8px));
        border-radius: var(--comp-size-radius-label, var(--base-space-px-4, 4px));
        line-height: 14px
    }

    .label>span {
        vertical-align: middle
    }

    .label-secondary {
        color: var(--comp-color-content-label-type-secondary, var(--base-color-success-700, #0f7e33))
    }

    .label-secondary,
    .label-secondary[href]:focus,
    .label-secondary[href]:hover {
        background-color: var(--comp-color-background-label-body-secondary, var(--base-color-success-100, #f0fbec))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .label-secondary[href]:focus,
        .label-secondary[href]:hover {
            background-color: color-mix(in srgb, var(--comp-color-background-label-body-secondary, var(--base-color-success-100, #f0fbec))90%, black)
        }
    }

    .label-brand {
        color: var(--comp-color-content-label-type-brand, var(--base-color-secondary-800, #a42c00))
    }

    .label-brand,
    .label-brand[href]:focus,
    .label-brand[href]:hover {
        background-color: var(--comp-color-background-label-body-brand, var(--base-color-secondary-100, #ffe7d8))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .label-brand[href]:focus,
        .label-brand[href]:hover {
            background-color: color-mix(in srgb, var(--comp-color-background-label-body-brand, var(--base-color-secondary-100, #ffe7d8))90%, black)
        }
    }

    .label-inverse {
        background-color: var(--comp-color-background-label-body-inverse, var(--base-color-black-alpha-70, var(--base-color-black, #000)))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .label-inverse {
            background-color: var(--comp-color-background-label-body-inverse, var(--base-color-black-alpha-70, color-mix(in srgb, var(--base-color-black, #000)70%, transparent)))
        }
    }

    .label-inverse {
        color: var(--comp-color-content-label-type-inverse, var(--base-color-white, #fff))
    }

    .label-inverse[href]:focus,
    .label-inverse[href]:hover {
        background-color: var(--comp-color-background-label-body-inverse, var(--base-color-black-alpha-70, var(--base-color-black, #000)))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .label-inverse[href]:focus,
        .label-inverse[href]:hover {
            background-color: color-mix(in srgb, var(--comp-color-background-label-body-inverse, var(--base-color-black-alpha-70, color-mix(in srgb, var(--base-color-black, #000)70%, transparent)))90%, black)
        }
    }

    .label-info-inverse {
        color: var(--comp-color-content-label-type-info-inverse, var(--sem-color-content-brand-primary, var(--base-color-primary-800, #012169)))
    }

    .label-info-inverse,
    .label-info-inverse[href]:focus,
    .label-info-inverse[href]:hover {
        background-color: var(--comp-color-background-label-body-info-inverse, var(--base-color-primary-100, #e3f2ff))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .label-info-inverse[href]:focus,
        .label-info-inverse[href]:hover {
            background-color: color-mix(in srgb, var(--comp-color-background-label-body-info-inverse, var(--base-color-primary-100, #e3f2ff))90%, black)
        }
    }

    .modal-title {
        font-size: var(--comp-type-size-modal-header, var(--base-type-size-md, 1rem));
        font-weight: var(--comp-type-weight-modal-header, var(--base-type-weight-bold, 700))
    }

    .modal-fullscreen {
        padding: 0 !important
    }

    .modal-fullscreen .modal-dialog {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0
    }

    .modal-fullscreen .modal-content {
        height: auto;
        min-height: 100%;
        box-shadow: none;
        border: 0;
        border-radius: 0
    }

    .close:focus,
    .modal-body .content-preview:focus,
    .modal-body [role=button]:focus,
    .modal-body a:focus,
    .modal-body label[tabindex="0"]:focus {
        outline: 3px solid highlight;
        outline: 3px solid -webkit-focus-ring-color
    }

    .nav-tabs>li.active:after,
    .nav-tabs>li.active:before {
        content: "";
        border-bottom: 1px solid;
        width: 999em;
        height: 0;
        display: block;
        position: absolute
    }

    .nav-tabs>li.active:before {
        bottom: 0;
        right: 100%
    }

    .nav-tabs>li.active:after {
        left: 100%
    }

    .nav-tabs>li:not(.active)>a:focus,
    .nav-tabs>li:not(.active)>a:hover {
        background-color: var(--base-color-white-alpha-15, var(--base-color-white, #fff))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .nav-tabs>li:not(.active)>a:focus,
        .nav-tabs>li:not(.active)>a:hover {
            background-color: var(--base-color-white-alpha-15, color-mix(in srgb, var(--base-color-white, #fff)15%, transparent))
        }
    }

    .inverted .nav-tabs {
        color: var(--base-color-white, #fff)
    }

    .inverted .nav-tabs>li:not(.active)>a:focus,
    .inverted .nav-tabs>li:not(.active)>a:hover {
        border-color: var(--base-color-white, #fff)
    }

    .nav-tabs-light .nav-tabs>li:not(.active)>a:focus,
    .nav-tabs-light .nav-tabs>li:not(.active)>a:hover {
        background-color: var(--base-color-neutral-100, #f8f8f8)
    }

    .nav-pills.nav-stacked a {
        border-bottom: 1px solid var(--base-color-neutral-200, #e1e4e8)
    }

    .nav-pills.nav-stacked>li+li {
        margin-top: 0
    }

    .nav-tabs-container {
        overflow: hidden
    }

    .atc-accordion .panel-group .panel-heading a:after {
        content: "";
        float: right;
        font-family: AXLcons
    }

    .atc-accordion .panel-group .panel-heading a.collapsed:after {
        content: ""
    }

    .panel-group .panel>.panel-heading a {
        display: block
    }

    .panel-simplified {
        box-shadow: none;
        background-color: #0000;
        border: 0;
        border-radius: 0
    }

    .panel-simplified .glyphicon-stack {
        margin: 0 !important
    }

    .popover.popover-ceiling {
        z-index: 1000
    }

    .table.table-borderless tbody+tbody,
    .table.table-borderless td,
    .table.table-borderless th,
    .table.table-borderless thead th {
        border: 0
    }

    .nav-tabs-container .nav-tabs-items-wrapper {
        box-shadow: inset 0 -2px 0 -1px var(--base-color-neutral-300, #cfd4da);
        white-space: nowrap;
        overflow: hidden
    }

    .nav-tabs-container .nav-tabs-items-wrapper .nav-wrapper {
        width: 100%;
        overflow: scroll hidden
    }

    .nav-tabs-container .nav-tabs-items-wrapper .hide-button {
        visibility: hidden
    }

    .nav-tabs-container .nav-pills-items-wrapper {
        overflow: hidden
    }

    .nav-tabs-container .nav-pills-items-wrapper .nav-wrapper {
        -ms-overflow-style: none;
        scrollbar-width: none;
        width: 100%;
        overflow: scroll hidden
    }

    .nav-tabs-container .nav-pills-items-wrapper .nav-wrapper::-webkit-scrollbar {
        display: none
    }

    .nav-tabs-container .nav-pills-items-wrapper .hide-button {
        visibility: hidden
    }

    .nav-tabs-container .nav-pills-items-wrapper .nav-style-pills {
        justify-content: center;
        display: flex
    }

    .nav-tabs-container .nav-pills-items-wrapper .nav-pills {
        border: var(--comp-size-border-tabs-pills, 1px)solid var(--comp-color-border-tabs-pills, var(--base-color-neutral-900, #192026));
        display: flex
    }

    @supports (color:color-mix(in lab, red, red)) {
        .nav-tabs-container .nav-pills-items-wrapper .nav-pills {
            border: var(--comp-size-border-tabs-pills, 1px)solid var(--comp-color-border-tabs-pills, color-mix(in srgb, var(--base-color-neutral-900, #192026)12%, transparent))
        }
    }

    .nav-tabs-container .nav-pills-items-wrapper .nav-pills {
        white-space: nowrap;
        padding: var(--comp-space-padding-top-tabs-pills-body, var(--base-space-px-4, 4px))var(--comp-space-padding-right-tabs-pills-body, var(--base-space-px-4, 4px))var(--comp-space-padding-bottom-tabs-pills-body, var(--base-space-px-4, 4px))var(--comp-space-padding-left-tabs-pills-body, var(--base-space-px-4, 4px));
        border-radius: var(--comp-size-radius-tabs-pills, 50px);
        background-color: var(--comp-color-background-tabs-pills-body, var(--base-color-neutral-300, #cfd4da))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .nav-tabs-container .nav-pills-items-wrapper .nav-pills {
            background-color: var(--comp-color-background-tabs-pills-body, color-mix(in srgb, var(--base-color-neutral-300, #cfd4da)12%, transparent))
        }
    }

    .nav-tabs-container .nav-wrapper .nav-tabs {
        justify-content: center;
        display: flex
    }

    .nav-tabs-container .nav-wrapper .nav-tabs>li {
        margin-right: var(--base-space-px-12, 12px)
    }

    .nav-tabs-container .nav-wrapper .nav-tabs>li:after,
    .nav-tabs-container .nav-wrapper .nav-tabs>li:before {
        border: none
    }

    .nav-tabs-container .nav-wrapper .nav-tabs>li>a {
        padding: var(--base-space-px-8, 8px);
        background: 0 0;
        border: none;
        border-radius: 0;
        flex-direction: column;
        justify-content: flex-end;
        display: flex
    }

    .nav-tabs-container .nav-wrapper .nav-tabs>li>a:focus,
    .nav-tabs-container .nav-wrapper .nav-tabs>li>a:hover {
        background: 0 0
    }

    .nav-tabs-container .nav-wrapper .nav-tabs>li>a:focus:not(:focus-visible) {
        outline: none
    }

    .nav-tabs-container .nav-wrapper .nav-pills>li .active>a {
        color: var(--sem-color-content-neutral-inverse-primary, var(--base-color-white, #fff));
        background-color: var(--base-color-primary-800, #012169)
    }

    .nav-tabs-container .nav-wrapper.nav-tabs-light .nav-tabs>li:not(.active)>a:hover {
        box-shadow: inset 0 -6px 0 -3px var(--base-color-primary-300, #8dc9ff)
    }

    .nav-tabs-container .nav-wrapper.nav-tabs-light .nav-tabs>li.active>a {
        color: var(--base-color-primary-800, #012169);
        box-shadow: inset 0 -6px 0 -3px var(--base-color-primary-600, #024aa5);
        font-weight: var(--base-type-weight-bold, 700)
    }

    .nav-tabs-container .nav-wrapper.nav-tabs-dark .nav-tabs>li:not(.active)>a:hover {
        box-shadow: inset 0 -6px 0 -3px var(--base-color-neutral-400, #939da8)
    }

    .nav-tabs-container .nav-wrapper.nav-tabs-dark .nav-tabs>li.active>a {
        color: var(--base-color-primary-200, #c7e5ff);
        box-shadow: inset 0 -6px 0 -3px var(--base-color-primary-200, #c7e5ff)
    }

    .nav-tabs-container .nav-wrapper.nav-tabs-dark .nav-tabs>li.disabled>a {
        color: var(--base-color-neutral-400, #939da8)
    }

    .nav-tabs-container .nav-wrapper.nav-size-default.nav-style-tabs {
        height: 60px;
        margin-bottom: -20px
    }

    .nav-tabs-container .nav-wrapper.nav-size-default .nav-tabs>li>a {
        height: 40px
    }

    .nav-tabs-container .nav-wrapper.nav-size-default .nav-pills>li>a {
        align-items: center;
        height: 36px;
        display: flex
    }

    .nav-tabs-container .nav-wrapper.nav-size-lg.nav-style-tabs {
        height: 75px;
        margin-bottom: -20px
    }

    .nav-tabs-container .nav-wrapper.nav-size-lg .nav-tabs>li>a {
        justify-content: space-evenly;
        height: 55px
    }

    .nav-tabs-container .nav-wrapper.nav-size-lg .nav-pills>li>a {
        justify-content: space-evenly;
        align-items: center;
        height: 45px;
        display: flex
    }

    .nav-tabs-container .nav-wrapper.nav-size-xl.nav-style-tabs {
        height: 95px;
        margin-bottom: -27px
    }

    .nav-tabs-container .nav-wrapper.nav-size-xl .nav-tabs>li>a {
        padding: var(--base-space-px-8, 8px)0;
        margin: 0 var(--base-space-px-16, 16px)
    }

    .nav-tabs-container .nav-wrapper.nav-size-xl .nav-tabs>li>a>div[role=img] {
        margin-bottom: var(--base-space-px-4, 4px);
        align-self: center
    }

    .nav-tabs-container.tabs-slider-animation .nav-wrapper .nav-tabs {
        position: relative
    }

    .nav-tabs-container.tabs-slider-animation .nav-wrapper .nav-tabs>li.active>a {
        box-shadow: none;
        text-decoration: none !important
    }

    .nav-tabs-container.tabs-slider-animation .nav-wrapper>.nav-tab-slider {
        position: relative
    }

    .nav-tabs-container.tabs-slider-animation .nav-wrapper>.nav-tab-slider:after {
        content: "";
        height: 4px;
        width: var(--tab-slider-width);
        background-color: var(--base-color-primary-600, #024aa5);
        transform: translateX(var(--tab-slider-left));
        transform-origin: 0;
        transition: transform .3s;
        display: inline-block;
        position: absolute;
        top: -3px
    }

    .nav-tabs-container.tabs-slider-animation .nav-wrapper.nav-tabs-light .nav-tabs>li:not(.active)>a:hover {
        box-shadow: none;
        background-color: var(--base-color-neutral-200, #e1e4e8)
    }

    .nav-tabs-container.tabs-slider-animation .nav-wrapper.nav-tabs-light>.nav-tab-slider:after {
        background-color: var(--base-color-primary-600, #024aa5)
    }

    .nav-tabs-container.tabs-slider-animation .nav-wrapper.nav-tabs-dark .nav-tabs>li:not(.active)>a:hover {
        box-shadow: none;
        background-color: var(--base-color-neutral-600, #59636e)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .nav-tabs-container.tabs-slider-animation .nav-wrapper.nav-tabs-dark .nav-tabs>li:not(.active)>a:hover {
            background-color: color-mix(in srgb, var(--base-color-neutral-600, #59636e)20%, transparent)
        }
    }

    .nav-tabs-container.tabs-slider-animation .nav-wrapper.nav-tabs-dark>.nav-tab-slider:after {
        background-color: var(--base-color-neutral-100, #f8f8f8)
    }

    .nav-tabs-container.nav-tabs-fixed-height .tab-pane {
        -webkit-overflow-scrolling: touch;
        max-height: 300px;
        overflow-y: scroll
    }

    @media (max-width:767px) {
        .nav-tabs-container.nav-tabs-fixed-height .tab-pane {
            max-height: 350px
        }
    }

    .line-height-sm {
        line-height: var(--base-type-leading-tight, 1.2)
    }

    .line-height-0 {
        line-height: 0 !important
    }

    @media (min-width:768px) {
        .line-height-sm-0 {
            line-height: 0 !important
        }
    }

    @media (min-width:1024px) {
        .line-height-md-0 {
            line-height: 0 !important
        }
    }

    @media (min-width:1300px) {
        .line-height-lg-0 {
            line-height: 0 !important
        }
    }

    .list-inline>li:not(.no-list-decoration):nth-last-of-type(n+2):after {
        content: "•";
        padding-left: var(--base-space-px-8, 8px)
    }

    .list-inline.comma-delimited>li:nth-last-of-type(n+2):after {
        content: ",";
        padding-left: var(--base-space-px-0, 0)
    }

    .list-inline.pipe-delimited>li:nth-last-of-type(n+2):after {
        content: "|"
    }

    .cursor-pointer {
        cursor: pointer
    }

    .cursor-wait {
        cursor: wait
    }

    .accordion-panel:first-child .accordion-panel-toggle {
        border-top: none
    }

    .accordion-panel-toggle {
        padding: var(--base-space-px-8, 8px);
        cursor: pointer;
        border-top: none;
        font-weight: 400
    }

    .accordion-panel-toggle>.glyphicon:last-of-type {
        width: var(--base-space-px-8, 8px);
        text-align: center;
        margin-right: var(--base-space-px-8, 8px);
        color: var(--sem-color-content-accent-primary, var(--base-color-secondary-800, #a42c00));
        align-self: center;
        line-height: 0;
        top: 0
    }

    .accordion-panel-content {
        background: var(--base-color-white, #fff)
    }

    .accordion-primary .accordion-panel-toggle {
        padding: var(--base-space-px-8, 8px);
        cursor: pointer;
        border-top: 1px solid var(--base-color-neutral-300, #cfd4da);
        font-weight: 400
    }

    .accordion-primary .accordion-panel-content {
        border-top: 1px solid var(--base-color-neutral-300, #cfd4da);
        box-shadow: inset 0 2px 2px -2px var(--base-color-neutral-300, #cfd4da);
        padding: var(--base-space-px-12, 12px)var(--base-space-px-12, 12px)var(--base-space-px-12, 12px)var(--base-space-px-16, 16px)
    }

    .accordion-filters .accordion-panel-toggle {
        padding: var(--base-space-px-8, 8px);
        cursor: pointer;
        border-top: 1px solid var(--base-color-neutral-200, #e1e4e8);
        font-weight: 700
    }

    .accordion-filters .accordion-panel-input {
        padding: var(--base-space-px-8, 8px);
        cursor: pointer;
        border-top: 1px solid var(--base-color-neutral-300, #cfd4da);
        font-weight: 400
    }

    .accordion-filters .accordion-panel-content {
        padding: var(--base-space-px-0, 0)var(--base-space-px-8, 8px)var(--base-space-px-12, 12px)
    }

    .accordion,
    .accordion-default {
        width: 100%
    }

    .accordion.accordion-primary {
        border: 1px solid var(--base-color-neutral-300, #cfd4da);
        border-radius: var(--base-space-px-4, 4px)
    }

    .accordion.accordion-filters {
        border-left: 0;
        border-right: 0;
        border-radius: 0
    }

    .dfp-slot {
        display: none;
        overflow: hidden
    }

    .dfp-slot.fluid {
        width: 100%;
        max-width: none !important
    }

    .dfp-slot.fluid iframe:first-of-type {
        width: 100% !important
    }

    .dfp-slot.ad-rendered {
        display: block
    }

    .sticky-alert {
        z-index: 1000;
        width: 98%;
        margin: var(--base-space-px-8, 8px)auto 0;
        position: fixed;
        top: 0;
        left: 1%;
        overflow: hidden
    }

    .autoaffix {
        z-index: 30
    }

    .autocomplete-search {
        padding-left: 0
    }

    .autocomplete-search .autocomplete input {
        background-color: var(--sem-color-background-neutral-secondary, var(--base-color-neutral-100, #f8f8f8));
        border: 1px solid var(--comp-color-border-input-rest, var(--base-color-neutral-300, #cfd4da));
        border-radius: var(--base-space-px-24, 24px);
        box-shadow: none;
        color: var(--base-color-neutral-800, #2d363e);
        padding-left: var(--base-space-px-48, 48px)
    }

    .autocomplete-search .autocomplete input:focus {
        border: 2px solid var(--comp-color-border-input-rest, var(--base-color-neutral-300, #cfd4da));
        background-color: var(--base-color-neutral-100, #f8f8f8);
        box-shadow: none !important
    }

    .autocomplete-search .autocomplete input:focus:focus {
        border-color: var(--sem-color-content-info-primary, var(--base-color-primary-700, #0f3485));
        box-shadow: inset 0 1px 1px #00000013, 0 0 8px var(--sem-color-content-info-primary, var(--base-color-primary-700, #0f3485));
        outline: 0
    }

    @supports (color:color-mix(in lab, red, red)) {
        .autocomplete-search .autocomplete input:focus:focus {
            box-shadow: inset 0 1px 1px #00000013, 0 0 8px color-mix(in srgb, var(--sem-color-content-info-primary, var(--base-color-primary-700, #0f3485))60%, transparent)
        }
    }

    .autocomplete-search .autocomplete .react-autosuggest__suggestions-container--open {
        font-size: var(--base-type-size-md, 1rem);
        color: var(--base-color-neutral-800, #2d363e);
        font-weight: var(--base-type-weight-regular, 400)
    }

    .autocomplete-search .autocomplete .react-autosuggest__container--open+.backdrop {
        background-color: var(--base-color-neutral-800, #2d363e);
        width: 100%;
        height: 100%;
        opacity: var(--base-opacity-50, 50%);
        z-index: 100;
        position: fixed;
        inset: 56px 0 0
    }

    .autocomplete-search .lender-search input {
        background-color: var(--sem-color-background-neutral-secondary, var(--base-color-neutral-100, #f8f8f8));
        border: 1px solid var(--comp-color-border-input-rest, var(--base-color-neutral-300, #cfd4da));
        border-radius: var(--base-space-px-24, 24px);
        box-shadow: none;
        color: var(--base-color-neutral-800, #2d363e);
        padding-left: var(--base-space-px-48, 48px)
    }

    .autocomplete-search .lender-search input:focus {
        border: 2px solid var(--comp-color-border-input-rest, var(--base-color-neutral-300, #cfd4da));
        background-color: var(--base-color-neutral-100, #f8f8f8);
        box-shadow: none !important
    }

    .autocomplete-search .lender-search input:focus:focus {
        border-color: var(--sem-color-content-info-primary, var(--base-color-primary-700, #0f3485));
        box-shadow: inset 0 1px 1px #00000013, 0 0 8px var(--sem-color-content-info-primary, var(--base-color-primary-700, #0f3485));
        outline: 0
    }

    @supports (color:color-mix(in lab, red, red)) {
        .autocomplete-search .lender-search input:focus:focus {
            box-shadow: inset 0 1px 1px #00000013, 0 0 8px color-mix(in srgb, var(--sem-color-content-info-primary, var(--base-color-primary-700, #0f3485))60%, transparent)
        }
    }

    .autocomplete-search .lender-search .react-autosuggest__suggestions-container--open {
        font-size: var(--base-type-size-md, 1rem);
        color: var(--base-color-neutral-800, #2d363e);
        font-weight: var(--base-type-weight-regular, 400)
    }

    .autocomplete-search .lender-search .react-autosuggest__container--open+.backdrop {
        background-color: var(--base-color-neutral-800, #2d363e);
        width: 100%;
        height: 100%;
        opacity: var(--base-opacity-50, 50%);
        z-index: 100;
        position: fixed;
        inset: 56px 0 0
    }

    .autocomplete-search .keyword-search-options {
        position: relative
    }

    .autocomplete-search .text-link {
        white-space: nowrap;
        color: var(--base-color-neutral-400, #939da8)
    }

    .react-autosuggest__container {
        position: relative
    }

    .react-autosuggest__container .form-group {
        margin-bottom: 0
    }

    .react-autosuggest__input--open {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .react-autosuggest__suggestions-container {
        display: none
    }

    .react-autosuggest__suggestions-container--open {
        border: 1px solid var(--sem-color-content-brand-primary, var(--base-color-primary-800, #012169));
        background-color: var(--base-color-white, #fff);
        min-width: 100%;
        font-family: -apple-system, blinkmacsystemfont, Helvetica Neue, helvetica, arial, sans-serif;
        font-weight: var(--base-type-weight-light, 300);
        font-size: var(--base-type-size-sm, .86rem);
        border-bottom-left-radius: var(--base-space-px-4, 4px);
        border-bottom-right-radius: var(--base-space-px-4, 4px);
        z-index: 110;
        display: block;
        position: absolute;
        top: 56px
    }

    .react-autosuggest__suggestion {
        cursor: pointer;
        padding: var(--base-space-px-8, 8px)var(--base-space-px-16, 16px)
    }

    .react-autosuggest__suggestions-list {
        margin: 0;
        padding: 0;
        list-style-type: none
    }

    .react-autosuggest__suggestions-list .react-autosuggest__suggestion--highlighted {
        background-color: var(--base-color-neutral-100, #f8f8f8)
    }

    .react-autosuggest__suggestions-list .react-autosuggest__suggestion--highlighted:last-child {
        border-bottom-left-radius: var(--base-space-px-4, 4px);
        border-bottom-right-radius: var(--base-space-px-4, 4px)
    }

    .avatar {
        border-radius: 50%;
        width: 40px;
        height: 40px;
        line-height: 40px
    }

    .backdrop .backdrop-content {
        z-index: 110;
        width: 100%;
        height: 100%;
        position: fixed;
        inset: 0
    }

    .backdrop .modal-backdrop.in {
        opacity: 1;
        background-color: var(--base-color-white, #fff)
    }

    .backdrop .modal-backdrop.in.backdrop-inverse {
        background-color: var(--base-color-neutral-800, #2d363e)
    }

    .backdrop .modal-backdrop.in.backdrop-transparent {
        opacity: calc(var(--base-opacity-50, 50%)*1.7)
    }

    .badge {
        padding: var(--base-space-px-8, 8px)
    }

    .btn-group-sm>.btn .badge,
    .btn-sm .badge {
        padding-top: var(--base-space-px-4, 4px);
        padding-bottom: var(--base-space-px-4, 4px)
    }

    .badge.badge-success {
        background-color: var(--base-color-success-700, #0f7e33)
    }

    .badge.warning {
        background-color: var(--sem-color-background-caution-primary, var(--base-color-caution-100, #fff8e8));
        color: var(--base-color-neutral-800, #2d363e);
        padding: var(--base-space-px-4, 4px)var(--base-space-px-8, 8px)
    }

    .badge>.glyphicon.warning {
        color: var(--base-color-caution-500, #fdb714)
    }

    .content-preview-badge {
        line-height: 7px;
        position: absolute;
        top: 3px;
        right: 3px
    }

    .badge-circle {
        line-height: 1ch
    }

    .listing-badges {
        align-items: baseline;
        gap: var(--base-space-px-8, 8px);
        margin-bottom: var(--base-space-px-4, 4px);
        flex-wrap: wrap;
        display: flex
    }

    .listing-badges.fixed-height {
        height: 44px
    }

    @media (min-width:1024px) {
        .best-deals-body .headings {
            height: 87px
        }
    }

    .best-deals-body .best-deals-image .featured-image {
        object-fit: cover;
        height: 108px !important
    }

    @media (min-width:768px) {
        .best-deals-body .best-deals-image .featured-image {
            height: 216px !important
        }
    }

    @media (min-width:1024px) {
        .best-deals-body .best-deals-image .featured-image {
            height: 162px !important
        }
    }

    @media (min-width:1300px) {
        .best-deals-body .best-deals-image .featured-image {
            height: 216px !important
        }
    }

    .best-deals-body .best-deals-image .secondary-image {
        object-fit: cover;
        height: 48px !important
    }

    @media (min-width:768px) {
        .best-deals-body .best-deals-image .secondary-image {
            height: 102px !important
        }
    }

    @media (min-width:1024px) {
        .best-deals-body .best-deals-image .secondary-image {
            height: 75px !important
        }
    }

    @media (min-width:1300px) {
        .best-deals-body .best-deals-image .secondary-image {
            height: 102px !important
        }
    }

    .bottom-sheet-container {
        background-color: var(--base-color-neutral-800, #2d363e);
        display: block;
        overflow: hidden
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bottom-sheet-container {
            background-color: color-mix(in srgb, var(--base-color-neutral-800, #2d363e)50%, transparent)
        }
    }

    .bottom-sheet-container .bottom-sheet-wrapper {
        background: var(--comp-color-background-bottom-sheet, var(--base-color-white, #fff));
        border-top-right-radius: var(--base-size-radius-lg, 8px);
        border-top-left-radius: var(--base-size-radius-lg, 8px);
        width: 100%;
        padding: var(--comp-bottom-sheet-top-padding, var(--base-space-px-24, 24px))var(--comp-bottom-sheet-right-padding, var(--base-space-px-16, 16px))var(--comp-bottom-sheet-bottom-padding, var(--base-space-px-16, 16px))var(--comp-bottom-sheet-left-padding, var(--base-space-px-16, 16px));
        flex-direction: column;
        transition: opacity .5s;
        display: inline-flex;
        position: fixed;
        top: auto;
        bottom: 0;
        left: 0
    }

    .bottom-sheet-container .bottom-sheet-wrapper .bottom-sheet-content {
        flex: 1
    }

    .bottom-sheet-container .open-slide {
        animation: slide-up .35s linear
    }

    .bottom-sheet-container .close-slide {
        animation: slide-down .35s linear
    }

    @keyframes slide-up {
        0% {
            transform: translateY(100%)
        }

        to {
            transform: translateY(0)
        }
    }

    @keyframes slide-down {
        0% {
            transform: translateY(0)
        }

        to {
            transform: translateY(100%)
        }
    }

    .button-grid .btn {
        border-radius: var(--base-space-px-4, 4px) !important
    }

    .rdp-root {
        --rdp-accent-color: var(--base-color-neutral-500, #6d7782);
        --rdp-accent-background-color: var(--base-color-white, #fff);
        --rdp-day-height: 44px;
        --rdp-day-width: 44px;
        --rdp-day_button-border-radius: 50%;
        --rdp-day_button-border: 2px solid transparent;
        --rdp-day_button-height: 42px;
        --rdp-day_button-width: 42px;
        --rdp-selected-color: var(--base-color-white, #fff);
        --rdp-selected-background: var(--base-color-primary-600, #024aa5);
        --rdp-selected-border: 2px solid var(--base-color-primary-600, #024aa5);
        --rdp-disabled-opacity: .5;
        --rdp-outside-opacity: .75;
        --rdp-today-color: var(--base-color-neutral-700, #414c58);
        --rdp-today-background: var(--base-color-neutral-200, #e1e4e8);
        --rdp-today-border: 2px solid var(--base-color-neutral-200, #e1e4e8);
        --rdp-today-outside-color: var(--base-color-neutral-300, #cfd4da);
        --rdp-today-outside-background: var(--base-color-neutral-200, #e1e4e8);
        --rdp-today-outside-border: 2px solid var(--base-color-neutral-200, #e1e4e8);
        --rdp-dropdown-gap: .5rem;
        --rdp-months-gap: 2rem;
        --rdp-nav_button-disabled-opacity: .5;
        --rdp-nav_button-height: 1rem;
        --rdp-nav_button-width: 1.5rem;
        --rdp-nav-height: 2.75rem;
        --rdp-range_middle-background-color: var(--rdp-accent-background-color);
        --rdp-range_middle-color: inherit;
        --rdp-range_start-color: var(--base-color-white, #fff);
        --rdp-range_start-background: linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color)50%);
        --rdp-range_start-date-background-color: var(--rdp-accent-color);
        --rdp-range_end-background: linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color)50%, transparent 50%);
        --rdp-range_end-color: var(--base-color-white, #fff);
        --rdp-range_end-date-background-color: var(--rdp-accent-color);
        --rdp-week_number-border-radius: 100%;
        --rdp-week_number-border: 2px solid transparent;
        --rdp-week_number-height: var(--rdp-day-height);
        --rdp-week_number-opacity: .75;
        --rdp-week_number-width: var(--rdp-day-width);
        --rdp-weeknumber-text-align: center;
        --rdp-weekday-opacity: .75;
        --rdp-weekday-padding: .5rem 0;
        --rdp-weekday-text-align: center;
        --rdp-weekday-color: var(--base-color-black, #000);
        --rdp-gradient-direction: 90deg;
        box-sizing: border-box;
        position: relative
    }

    .rdp-root[dir=rtl] {
        --rdp-gradient-direction: -90deg
    }

    .rdp-root[data-broadcast-calendar=true] {
        --rdp-outside-opacity: unset
    }

    .rdp-root * {
        box-sizing: border-box
    }

    .rdp-day {
        width: var(--rdp-day-width);
        height: var(--rdp-day-height);
        text-align: center
    }

    .rdp-day_button {
        cursor: pointer;
        font: inherit;
        color: inherit;
        width: var(--rdp-day_button-width);
        height: var(--rdp-day_button-height);
        border: var(--rdp-day_button-border);
        border-radius: var(--rdp-day_button-border-radius);
        background: 0 0;
        justify-content: center;
        align-items: center;
        margin: 0;
        padding: 0;
        display: flex
    }

    .rdp-day_button:disabled {
        cursor: revert
    }

    .rdp-caption_label {
        z-index: 1;
        white-space: nowrap;
        border: 0;
        align-items: center;
        display: inline-flex;
        position: relative
    }

    .rdp-dropdown:focus-visible~.rdp-caption_label {
        outline: 5px auto highlight;
        outline: 5px auto -webkit-focus-ring-color
    }

    .rdp-button_next,
    .rdp-button_previous {
        cursor: pointer;
        font: inherit;
        appearance: none;
        width: var(--rdp-nav_button-width);
        height: var(--rdp-nav_button-height);
        background: 0 0;
        border: none;
        justify-content: center;
        align-items: center;
        margin: 0;
        padding: 0;
        display: inline-flex;
        position: relative
    }

    .rdp-button_next:disabled,
    .rdp-button_previous:disabled {
        cursor: revert;
        opacity: var(--rdp-nav_button-disabled-opacity);
        display: none
    }

    .rdp-chevron {
        fill: var(--rdp-accent-color);
        display: inline-block
    }

    .rdp-root[dir=rtl] .rdp-nav .rdp-chevron {
        transform-origin: 50%;
        transform: rotate(180deg)
    }

    .rdp-dropdowns {
        align-items: center;
        gap: var(--rdp-dropdown-gap);
        display: inline-flex;
        position: relative
    }

    .rdp-dropdown {
        z-index: 2;
        opacity: 0;
        appearance: none;
        width: 100%;
        cursor: inherit;
        line-height: inherit;
        border: none;
        margin: 0;
        padding: 0;
        position: absolute;
        inset-block: 0;
        inset-inline-start: 0
    }

    .rdp-dropdown_root {
        align-items: center;
        display: inline-flex;
        position: relative
    }

    .rdp-dropdown_root[data-disabled=true] .rdp-chevron {
        opacity: var(--rdp-disabled-opacity)
    }

    .rdp-month_caption {
        height: var(--rdp-nav-height);
        font-weight: 700;
        font-size: inherit;
        align-content: center;
        display: flex
    }

    .rdp-months {
        gap: var(--rdp-months-gap);
        flex-wrap: wrap;
        max-width: fit-content;
        display: flex;
        position: relative
    }

    .rdp-month_grid {
        border-collapse: collapse
    }

    .rdp-nav {
        height: var(--rdp-nav-height);
        align-items: center;
        display: flex;
        position: absolute;
        inset-block-start: 0;
        inset-inline-end: 0
    }

    .rdp-weekday {
        opacity: var(--rdp-weekday-opacity);
        padding: var(--rdp-weekday-padding);
        color: var(--rdp-weekday-color);
        text-align: var(--rdp-weekday-text-align);
        text-transform: var(--rdp-weekday-text-transform);
        font-weight: 700
    }

    .rdp-week_number {
        opacity: var(--rdp-week_number-opacity);
        height: var(--rdp-week_number-height);
        width: var(--rdp-week_number-width);
        border: var(--rdp-week_number-border);
        border-radius: var(--rdp-week_number-border-radius);
        text-align: var(--rdp-weeknumber-text-align);
        font-size: small;
        font-weight: 400
    }

    .rdp-today {
        background: var(--rdp-today-background);
        border: none;
        border-radius: 50%
    }

    .rdp-today,
    .rdp-today .rdp-day_button {
        color: var(--rdp-today-color)
    }

    .rdp-selected {
        font-size: large;
        font-weight: 700
    }

    .rdp-selected .rdp-day_button {
        background: var(--rdp-selected-background);
        border: var(--rdp-selected-border);
        color: var(--rdp-selected-color);
        font-size: 14px
    }

    .rdp-outside {
        opacity: var(--rdp-outside-opacity)
    }

    .rdp-disabled {
        opacity: var(--rdp-disabled-opacity)
    }

    .rdp-hidden {
        visibility: hidden;
        color: var(--rdp-range_start-color)
    }

    .rdp-range_start {
        background: var(--rdp-range_start-background)
    }

    .rdp-range_start .rdp-day_button {
        background-color: var(--rdp-range_start-date-background-color);
        color: var(--rdp-range_start-color)
    }

    .rdp-range_middle {
        background-color: var(--rdp-range_middle-background-color)
    }

    .rdp-range_middle .rdp-day_button {
        border: unset;
        border-radius: unset;
        color: var(--rdp-range_middle-color);
        border-color: #0000
    }

    .rdp-range_end {
        background: var(--rdp-range_end-background);
        color: var(--rdp-range_end-color)
    }

    .rdp-range_end .rdp-day_button {
        color: var(--rdp-range_start-color);
        background-color: var(--rdp-range_end-date-background-color)
    }

    .rdp-range_start.rdp-range_end {
        background: revert
    }

    .car-card,
    .rdp-focusable {
        cursor: pointer
    }

    .carousel-container {
        height: 100%;
        transition: padding .3s cubic-bezier(.4, 0, .2, 1);
        display: block;
        position: relative;
        overflow: hidden
    }

    .carousel-container .carousel-full-width {
        flex: 0 0 100%;
        width: 100%
    }

    .carousel-container .single-image-carousel {
        flex: 0 0 85%;
        width: 100%
    }

    .carousel-container .single-image-carousel:not(:last-child) {
        margin: 0 var(--base-space-px-12, 12px)0 0
    }

    .carousel-container .carousel-cell {
        min-height: 100%
    }

    .carousel-container:focus {
        outline: 0
    }

    .carousel-container .carousel-nav-button {
        z-index: 3;
        border: 1px solid var(--base-color-neutral-300, #cfd4da);
        background: var(--base-color-white, #fff);
        cursor: pointer;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .carousel-container .carousel-nav-button.dark {
        border: 1px solid var(--base-color-white-alpha-70, var(--base-color-white, #fff)) !important
    }

    @supports (color:color-mix(in lab, red, red)) {
        .carousel-container .carousel-nav-button.dark {
            border: 1px solid var(--base-color-white-alpha-70, color-mix(in srgb, var(--base-color-white, #fff)70%, transparent)) !important
        }
    }

    .carousel-container .carousel-nav-button.dark {
        background: var(--base-color-black, #000) !important;
        color: var(--base-color-white, #fff) !important
    }

    .carousel-container.is-draggable {
        -webkit-tap-highlight-color: #0000;
        -webkit-user-select: none;
        user-select: none
    }

    .carousel-container[data-cmp^=mediaSlider] .carousel-cell:not(.single-image-carousel):first-child {
        min-width: 66%;
        margin: var(--base-space-px-4, 4px)var(--base-space-px-4, 4px)var(--base-space-px-4, 4px)0
    }

    .carousel-container[data-cmp^=mediaSlider] .carousel-cell:not(.single-image-carousel, :first-child, :nth-child(2)) {
        min-width: 33%;
        margin-left: var(--base-space-px-4, 4px)
    }

    .carousel-container-inner {
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        display: flex;
        position: relative;
        overflow-x: scroll
    }

    .carousel-container-inner::-webkit-scrollbar {
        display: none
    }

    .carousel-container-inner .media-image-wrapper {
        width: var(--carousel-thumbnail-width, 160px);
        height: var(--carousel-thumbnail-height, 120px)
    }

    .carousel-container-inner>.carousel-cell:first-child .media-image-wrapper {
        width: var(--carousel-main-image-width, 325px);
        height: var(--carousel-main-image-height, 243px)
    }

    .carousel-container-inner.no-scroll-x {
        overflow-x: hidden !important
    }

    .carousel-nav-button {
        filter: alpha(opacity=70);
        opacity: .7
    }

    .carousel-nav-button:hover {
        background: var(--base-color-white, #fff);
        filter: alpha(opacity=100);
        opacity: 1
    }

    .carousel-nav-button:disabled {
        visibility: hidden
    }

    .carousel-nav-button:focus-visible {
        outline: 3px solid highlight;
        outline: 3px solid -webkit-focus-ring-color
    }

    .carousel-nav-button:focus:not(:focus-visible) {
        outline: none
    }

    .carousel-nav-button:active {
        filter: alpha(opacity=60);
        opacity: .6
    }

    .carousel-nav-button.previous {
        left: 10px
    }

    .carousel-nav-button.previous .glyphicon-menu-left {
        right: 2px
    }

    .carousel-nav-button.next {
        right: 10px
    }

    .carousel-nav-button.next .glyphicon-menu-right {
        left: 1px
    }

    .carousel-nav-button.dark {
        filter: alpha(opacity=40);
        opacity: .4
    }

    .carousel-nav-button.dark:hover {
        filter: alpha(opacity=70);
        opacity: .7
    }

    .carousel-nav-button.dark:active {
        filter: alpha(opacity=80);
        opacity: .8
    }

    .carousel-nav-button .glyphicon {
        top: 0
    }

    .carousel-nav-button svg {
        width: 60%;
        height: 60%;
        position: absolute;
        top: 20%;
        left: 20%
    }

    .carousel-nav-button .arrow {
        fill: var(--base-color-neutral-800, #2d363e)
    }

    .carousel-nav-button .no-svg {
        color: var(--base-color-neutral-800, #2d363e);
        font-size: 26px
    }

    @media (min-width:768px) {
        .carousel-container-inner .media-image-wrapper {
            --carousel-main-image-width: 381px;
            --carousel-main-image-height: 285px;
            --carousel-thumbnail-width: 124px;
            --carousel-thumbnail-height: 93px
        }
    }

    @media (min-width:1024px) {
        .carousel-container-inner .media-image-wrapper {
            --carousel-main-image-width: 488px;
            --carousel-main-image-height: 366px;
            --carousel-thumbnail-width: 160px;
            --carousel-thumbnail-height: 120px
        }
    }

    @media (min-width:1300px) {
        .carousel-container-inner .media-image-wrapper {
            --carousel-main-image-width: 500px;
            --carousel-main-image-height: 375px;
            --carousel-thumbnail-width: 164px;
            --carousel-thumbnail-height: 123px
        }
    }

    .loader {
        visibility: hidden;
        justify-content: center;
        align-items: center;
        animation: carLoaderFadeIn 1s forwards;
        display: flex
    }

    #car_v3-u-car2 {
        animation-name: carBounce;
        animation-duration: 1s;
        animation-delay: 0;
        animation-timing-function: ease;
        animation-iteration-count: infinite
    }

    #car_v3-u-car2,
    #road {
        transform-origin: 50%;
        transform-box: fill-box
    }

    #road {
        animation-name: road;
        animation-duration: .75s;
        animation-delay: 0;
        animation-timing-function: linear;
        animation-iteration-count: infinite
    }

    @keyframes carBounce {
        0% {
            transform: translate(0)
        }

        50% {
            transform: translateY(-5%)
        }

        to {
            transform: translate(0)
        }
    }

    @keyframes road {
        0% {
            stroke-dashoffset: 28px
        }

        to {
            stroke-dashoffset: 36px
        }
    }

    @keyframes carLoaderFadeIn {
        99% {
            visibility: hidden
        }

        to {
            visibility: visible
        }
    }

    .checkbox-group .checkbox-btn {
        margin: var(--base-space-px-8, 8px)auto;
        cursor: pointer;
        text-align: left;
        color: var(--comp-color-content-button-tertiary-rest, var(--base-color-primary-600, #024aa5));
        background: var(--comp-color-background-button-tertiary-rest, var(--base-color-white, #fff));
        border-color: var(--comp-color-border-button-tertiary-rest, var(--base-color-primary-300, #8dc9ff));
        box-shadow: none;
        font-weight: 400;
        display: block
    }

    .checkbox-group .checkbox-btn.focus,
    .checkbox-group .checkbox-btn.hover,
    .checkbox-group .checkbox-btn:focus-visible,
    .checkbox-group .checkbox-btn:hover {
        color: var(--comp-color-content-button-tertiary-rest, var(--base-color-primary-600, #024aa5));
        background: var(--comp-color-background-button-tertiary-pressed, var(--base-color-neutral-200, #e1e4e8));
        border-color: var(--comp-color-border-button-tertiary-rest, var(--base-color-primary-300, #8dc9ff));
        box-shadow: inset none
    }

    .checkbox-group .checkbox-btn.active,
    .checkbox-group .checkbox-btn:active,
    .open>.checkbox-group .checkbox-btn.dropdown-toggle {
        color: var(--comp-color-content-button-tertiary-rest, var(--base-color-primary-600, #024aa5)) !important;
        background: var(--comp-color-background-button-tertiary-pressed, var(--base-color-neutral-200, #e1e4e8)) !important;
        border-color: var(--comp-color-border-button-tertiary-rest, var(--base-color-primary-300, #8dc9ff)) !important;
        box-shadow: inset none !important
    }

    .checkbox-group .checkbox-btn.active.focus,
    .checkbox-group .checkbox-btn.active:focus,
    .checkbox-group .checkbox-btn:active.focus,
    .checkbox-group .checkbox-btn:active:focus,
    .open>.checkbox-group .checkbox-btn.dropdown-toggle.focus,
    .open>.checkbox-group .checkbox-btn.dropdown-toggle:focus {
        color: var(--comp-color-content-button-tertiary-rest, var(--base-color-primary-600, #024aa5)) !important
    }

    @supports (color:color-mix(in lab, red, red)) {

        .checkbox-group .checkbox-btn.active.focus,
        .checkbox-group .checkbox-btn.active:focus,
        .checkbox-group .checkbox-btn:active.focus,
        .checkbox-group .checkbox-btn:active:focus,
        .open>.checkbox-group .checkbox-btn.dropdown-toggle.focus,
        .open>.checkbox-group .checkbox-btn.dropdown-toggle:focus {
            color: color-mix(in srgb, var(--comp-color-content-button-tertiary-rest, var(--base-color-primary-600, #024aa5))85%, transparent) !important
        }
    }

    .checkbox-group .checkbox-btn.active .glyphicon.text-accent,
    .checkbox-group .checkbox-btn:active .glyphicon.text-accent,
    .open>.checkbox-group .checkbox-btn.dropdown-toggle .glyphicon.text-accent {
        color: var(--comp-color-content-button-tertiary-rest, var(--base-color-primary-600, #024aa5)) !important
    }

    .checkbox-group .checkbox-btn.disabled,
    .checkbox-group .checkbox-btn[disabled] {
        color: var(--comp-color-content-button-tertiary-rest, var(--base-color-primary-600, #024aa5));
        background: var(--comp-color-background-button-tertiary-rest, var(--base-color-white, #fff));
        border-color: var(--comp-color-border-button-tertiary-rest, var(--base-color-primary-300, #8dc9ff));
        box-shadow: none;
        opacity: var(--comp-opacity-button-disabled, var(--base-opacity-40, 40%))
    }

    .checkbox-group .checkbox-btn .badge {
        color: var(--base-color-white, #fff);
        background-color: var(--comp-color-content-button-tertiary-rest, var(--base-color-primary-600, #024aa5))
    }

    .checkbox-group .checkbox-btn.active,
    .checkbox-group .checkbox-btn:active,
    .checkbox-group .checkbox-btn:hover .input-label,
    .checkbox-group .checkbox-btn:hover .input-label:before {
        color: var(--comp-color-content-link-rest, var(--sem-color-content-interactive-rest, var(--base-color-primary-600, #024aa5)))
    }

    .checkbox-group .checkbox-btn {
        padding: var(--base-space-px-8, 8px)var(--base-space-px-12, 12px);
        font-size: var(--base-type-size-md, 1rem);
        line-height: var(--base-type-leading-normal, 1.5);
        border-radius: var(--comp-size-radius-button, var(--base-space-px-4, 4px))
    }

    .checkbox-group .checkbox-btn .input-secondary-label:not(:empty) {
        border-top: 1px solid var(--comp-color-border-button-tertiary-rest, var(--base-color-primary-300, #8dc9ff));
        margin-top: var(--base-space-px-8, 8px);
        padding-top: var(--base-space-px-8, 8px);
        text-align: center;
        line-height: 1
    }

    .radio-group .radio-btn {
        margin: var(--base-space-px-8, 8px)auto;
        cursor: pointer;
        text-align: left;
        color: var(--comp-color-content-button-tertiary-rest, var(--base-color-primary-600, #024aa5));
        background: var(--comp-color-background-button-tertiary-rest, var(--base-color-white, #fff));
        border-color: var(--comp-color-border-button-tertiary-rest, var(--base-color-primary-300, #8dc9ff));
        box-shadow: none;
        font-weight: 400;
        display: block
    }

    .radio-group .radio-btn.focus,
    .radio-group .radio-btn.hover,
    .radio-group .radio-btn:focus-visible,
    .radio-group .radio-btn:hover {
        color: var(--comp-color-content-button-tertiary-rest, var(--base-color-primary-600, #024aa5));
        background: var(--comp-color-background-button-tertiary-pressed, var(--base-color-neutral-200, #e1e4e8));
        border-color: var(--comp-color-border-button-tertiary-rest, var(--base-color-primary-300, #8dc9ff));
        box-shadow: inset none
    }

    .open>.radio-group .radio-btn.dropdown-toggle,
    .radio-group .radio-btn.active,
    .radio-group .radio-btn:active {
        color: var(--comp-color-content-button-tertiary-rest, var(--base-color-primary-600, #024aa5)) !important;
        background: var(--comp-color-background-button-tertiary-pressed, var(--base-color-neutral-200, #e1e4e8)) !important;
        border-color: var(--comp-color-border-button-tertiary-rest, var(--base-color-primary-300, #8dc9ff)) !important;
        box-shadow: inset none !important
    }

    .open>.radio-group .radio-btn.dropdown-toggle.focus,
    .open>.radio-group .radio-btn.dropdown-toggle:focus,
    .radio-group .radio-btn.active.focus,
    .radio-group .radio-btn.active:focus,
    .radio-group .radio-btn:active.focus,
    .radio-group .radio-btn:active:focus {
        color: var(--comp-color-content-button-tertiary-rest, var(--base-color-primary-600, #024aa5)) !important
    }

    @supports (color:color-mix(in lab, red, red)) {

        .open>.radio-group .radio-btn.dropdown-toggle.focus,
        .open>.radio-group .radio-btn.dropdown-toggle:focus,
        .radio-group .radio-btn.active.focus,
        .radio-group .radio-btn.active:focus,
        .radio-group .radio-btn:active.focus,
        .radio-group .radio-btn:active:focus {
            color: color-mix(in srgb, var(--comp-color-content-button-tertiary-rest, var(--base-color-primary-600, #024aa5))85%, transparent) !important
        }
    }

    .open>.radio-group .radio-btn.dropdown-toggle .glyphicon.text-accent,
    .radio-group .radio-btn.active .glyphicon.text-accent,
    .radio-group .radio-btn:active .glyphicon.text-accent {
        color: var(--comp-color-content-button-tertiary-rest, var(--base-color-primary-600, #024aa5)) !important
    }

    .radio-group .radio-btn.disabled,
    .radio-group .radio-btn[disabled] {
        color: var(--comp-color-content-button-tertiary-rest, var(--base-color-primary-600, #024aa5));
        background: var(--comp-color-background-button-tertiary-rest, var(--base-color-white, #fff));
        border-color: var(--comp-color-border-button-tertiary-rest, var(--base-color-primary-300, #8dc9ff));
        box-shadow: none;
        opacity: var(--comp-opacity-button-disabled, var(--base-opacity-40, 40%))
    }

    .radio-group .radio-btn .badge {
        color: var(--base-color-white, #fff);
        background-color: var(--comp-color-content-button-tertiary-rest, var(--base-color-primary-600, #024aa5))
    }

    .radio-group .radio-btn.active,
    .radio-group .radio-btn:active,
    .radio-group .radio-btn:hover .input-label,
    .radio-group .radio-btn:hover .input-label:before {
        color: var(--comp-color-content-link-rest, var(--sem-color-content-interactive-rest, var(--base-color-primary-600, #024aa5)))
    }

    .radio-group .radio-btn {
        padding: var(--base-space-px-8, 8px)var(--base-space-px-12, 12px);
        font-size: var(--base-type-size-md, 1rem);
        line-height: var(--base-type-leading-normal, 1.5);
        border-radius: var(--comp-size-radius-button, var(--base-space-px-4, 4px))
    }

    .radio-group .radio-btn .input-secondary-label:not(:empty) {
        border-top: 1px solid var(--comp-color-border-button-tertiary-rest, var(--base-color-primary-300, #8dc9ff));
        margin-top: var(--base-space-px-8, 8px);
        padding-top: var(--base-space-px-8, 8px);
        text-align: center;
        line-height: 1
    }

    .checkbox-link {
        cursor: pointer
    }

    .checkbox-link input {
        display: none
    }

    .checkbox-link input[type=checkbox],
    .checkbox-link input[type=radio] {
        appearance: none;
        width: 0;
        display: inline-block
    }

    .checkbox-link input:focus-visible+.input-label {
        outline: 3px solid highlight;
        outline: 3px solid -webkit-focus-ring-color
    }

    .checkbox-link input:focus:not(:focus-visible)+.input-label {
        outline: none
    }

    .checkbox-link .input-label,
    .checkbox-link .radio-input-label {
        padding-left: var(--base-space-px-24, 24px);
        font-weight: 400;
        position: relative
    }

    .checkbox-link .input-label:after,
    .checkbox-link .input-label:before,
    .checkbox-link input+label:after,
    .checkbox-link input+label:before {
        vertical-align: bottom;
        font-family: AXLcons, sans-serif;
        position: absolute;
        top: 0;
        left: 0
    }

    .checkbox-link .input-label:before,
    .checkbox-link input+label:before {
        z-index: 2;
        content: "";
        color: var(--base-color-neutral-600, #59636e)
    }

    .checkbox-link .input-label:after,
    .checkbox-link input+label:after {
        color: var(--base-color-white, #fff);
        content: ""
    }

    .checkbox-link .input-label:hover:before,
    .checkbox-link input+label:hover:before {
        color: var(--comp-color-content-link-rest, var(--sem-color-content-interactive-rest, var(--base-color-primary-600, #024aa5)))
    }

    .checkbox-link input:checked+.input-label:before,
    .checkbox-link input:checked+label:before,
    .checkbox-link.checkbox-link-active .input-label:before {
        color: var(--comp-color-content-link-rest, var(--sem-color-content-interactive-rest, var(--base-color-primary-600, #024aa5)));
        content: ""
    }

    .checkbox-link input:disabled+.input-label,
    .checkbox-link input:disabled+.input-label:before,
    .checkbox-link input:disabled+label,
    .checkbox-link input:disabled+label:before,
    .checkbox-link.checkbox-link-disabled .input-label,
    .checkbox-link.checkbox-link-disabled .input-label:before {
        color: var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .checkbox-link input:disabled+.input-label,
        .checkbox-link input:disabled+.input-label:before,
        .checkbox-link input:disabled+label,
        .checkbox-link input:disabled+label:before,
        .checkbox-link.checkbox-link-disabled .input-label,
        .checkbox-link.checkbox-link-disabled .input-label:before {
            color: color-mix(in srgb, var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)
        }
    }

    .checkbox-link input:disabled+.input-label:after,
    .checkbox-link input:disabled+label:after,
    .checkbox-link.checkbox-link-disabled .input-label:after {
        color: var(--base-color-neutral-200, #e1e4e8)
    }

    .checkbox-link .radio-input-label .selectable-container-content>:first-child,
    .checkbox-link .radio-input-label:not(:has(.selectable-container-content)) {
        color: var(--comp-color-content-check-radio-label-rest, var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e)));
        font-family: var(--comp-type-font-check-radio-label, var(--base-type-font-body, roboto, -apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, arial, sans-serif));
        font-weight: var(--comp-type-weight-check-radio-label, var(--sem-type-weight-body, var(--base-type-weight-regular, 400)));
        font-size: var(--comp-type-size-check-radio-label, var(--sem-type-size-body-md, var(--base-type-size-md, 1rem)));
        letter-spacing: var(--comp-type-tracking-check-radio-label, var(--sem-type-tracking-body, 0))
    }

    .checkbox-link .radio-input-label:after,
    .checkbox-link .radio-input-label:before {
        content: "";
        height: var(--comp-size-box-check-radio-control, var(--base-space-px-16, 16px));
        width: var(--comp-size-box-check-radio-control, var(--base-space-px-16, 16px));
        border: var(--base-size-border-px, 1px)solid var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)));
        border-radius: var(--comp-size-radius-radio-control, var(--sem-size-radius-full, 50%));
        background-color: var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)));
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%)
    }

    .checkbox-link .radio-input-label:hover {
        color: var(--comp-color-content-check-radio-label-hover, var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e)))
    }

    .checkbox-link .radio-input-label:hover:after,
    .checkbox-link .radio-input-label:hover:before {
        border: var(--base-size-border-px, 1px)solid var(--comp-color-border-check-radio-control-hover, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169)));
        background-color: var(--comp-color-background-check-radio-control-hover, var(--sem-overlay-bg-interactive-hover, --base-color-neutral-500))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .checkbox-link .radio-input-label:hover:after,
        .checkbox-link .radio-input-label:hover:before {
            background-color: var(--comp-color-background-check-radio-control-hover, var(--sem-overlay-bg-interactive-hover, color-mix(in srgb, --base-color-neutral-500 var(--base-opacity-5, 5%), transparent)))
        }
    }

    .checkbox-link input[type=radio]:checked+.radio-input-label .selectable-container-content>:first-child,
    .checkbox-link input[type=radio]:checked+.radio-input-label:not(:has(.selectable-container-content)) {
        color: var(--comp-color-content-check-radio-label-selected, var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e)))
    }

    .checkbox-link input[type=radio]:checked+.radio-input-label:after,
    .checkbox-link input[type=radio]:checked+.radio-input-label:before {
        content: "";
        height: var(--comp-size-box-check-radio-control, var(--base-space-px-16, 16px));
        width: var(--comp-size-box-check-radio-control, var(--base-space-px-16, 16px));
        border: var(--base-size-border-px, 1px)solid var(--comp-color-border-check-radio-control-selected, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169)));
        border-radius: var(--comp-size-radius-radio-control, var(--sem-size-radius-full, 50%));
        background: -webkit-radial-gradient(circle, var(--comp-color-background-check-radio-control-selected, var(--sem-color-background-interactive-selected, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169))))0, var(--comp-color-background-check-radio-control-selected, var(--sem-color-background-interactive-selected, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169))))40%, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))45%, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))100%), radial-gradient(circle, var(--comp-color-background-check-radio-control-selected, var(--sem-color-background-interactive-selected, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169))))0, var(--comp-color-background-check-radio-control-selected, var(--sem-color-background-interactive-selected, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169))))40%, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))45%, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))100%)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .checkbox-link input[type=radio]:checked+.radio-input-label:after,
        .checkbox-link input[type=radio]:checked+.radio-input-label:before {
            background: -webkit-radial-gradient(circle, color-mix(in srgb, var(--comp-color-background-check-radio-control-selected, var(--sem-color-background-interactive-selected, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169))))100%, transparent)0, color-mix(in srgb, var(--comp-color-background-check-radio-control-selected, var(--sem-color-background-interactive-selected, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169))))100%, transparent)40%, color-mix(in srgb, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))100%, transparent)45%, color-mix(in srgb, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))100%, transparent)100%), radial-gradient(circle, color-mix(in srgb, var(--comp-color-background-check-radio-control-selected, var(--sem-color-background-interactive-selected, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169))))100%, transparent)0, color-mix(in srgb, var(--comp-color-background-check-radio-control-selected, var(--sem-color-background-interactive-selected, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169))))100%, transparent)40%, color-mix(in srgb, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))100%, transparent)45%, color-mix(in srgb, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))100%, transparent)100%)
        }
    }

    .checkbox-link input[type=radio]:disabled+.radio-input-label .selectable-container-content>:first-child,
    .checkbox-link input[type=radio]:disabled+.radio-input-label:not(:has(.selectable-container-content)) {
        cursor: not-allowed;
        color: var(--comp-color-content-check-radio-label-rest, var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e)))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .checkbox-link input[type=radio]:disabled+.radio-input-label .selectable-container-content>:first-child,
        .checkbox-link input[type=radio]:disabled+.radio-input-label:not(:has(.selectable-container-content)) {
            color: color-mix(in srgb, var(--comp-color-content-check-radio-label-rest, var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)
        }
    }

    .checkbox-link input[type=radio]:disabled+.radio-input-label:after,
    .checkbox-link input[type=radio]:disabled+.radio-input-label:before {
        border: var(--base-size-border-px, 1px)solid var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .checkbox-link input[type=radio]:disabled+.radio-input-label:after,
        .checkbox-link input[type=radio]:disabled+.radio-input-label:before {
            border: var(--base-size-border-px, 1px)solid color-mix(in srgb, var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)
        }
    }

    .checkbox-link input[type=radio]:disabled+.radio-input-label:after,
    .checkbox-link input[type=radio]:disabled+.radio-input-label:before {
        background-color: var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .checkbox-link input[type=radio]:disabled+.radio-input-label:after,
        .checkbox-link input[type=radio]:disabled+.radio-input-label:before {
            background-color: color-mix(in srgb, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)
        }
    }

    .checkbox-link input[type=radio]:checked:disabled+.radio-input-label:after,
    .checkbox-link input[type=radio]:checked:disabled+.radio-input-label:before {
        background: -webkit-radial-gradient(circle, var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))0, var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))40%, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))45%, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))100%), radial-gradient(circle, var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))0, var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))40%, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))45%, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))100%)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .checkbox-link input[type=radio]:checked:disabled+.radio-input-label:after,
        .checkbox-link input[type=radio]:checked:disabled+.radio-input-label:before {
            background: -webkit-radial-gradient(circle, color-mix(in srgb, var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)0, color-mix(in srgb, var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)40%, color-mix(in srgb, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)45%, color-mix(in srgb, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)100%), radial-gradient(circle, color-mix(in srgb, var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)0, color-mix(in srgb, var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)40%, color-mix(in srgb, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)45%, color-mix(in srgb, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)100%)
        }
    }

    .btn-group .checkbox-link .input-label {
        padding-left: 0
    }

    .btn-group .checkbox-link .input-label:after,
    .btn-group .checkbox-link .input-label:before {
        display: none
    }

    .checkbox.with-visual {
        margin-top: 0;
        padding: 6px 8px !important
    }

    .checkbox.with-visual.input-card-layout .input-label:before {
        align-self: center;
        min-width: 18px;
        line-height: normal;
        display: table-cell;
        position: relative
    }

    .checkbox.with-visual.input-card-layout .input-label:after {
        position: absolute;
        top: 50%;
        left: 19px;
        transform: rotate(-45deg)scale(1)translateY(calc(-100% - 6px)) !important
    }

    .checkbox.with-visual .input-label {
        border: 1px solid var(--base-color-neutral-300, #cfd4da);
        border-radius: 4px;
        padding: 8px
    }

    .checkbox.with-visual .input-label:hover {
        border-color: var(--base-color-primary-300, #8dc9ff);
        box-shadow: 0 0 5px var(--base-color-primary-700, #0f3485)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .checkbox.with-visual .input-label:hover {
            box-shadow: 0 0 5px color-mix(in srgb, var(--base-color-primary-700, #0f3485)25%, transparent)
        }
    }

    .checkbox.with-visual .input-label:focus {
        border-color: var(--base-color-primary-700, #0f3485);
        box-shadow: 0 0 5px var(--base-color-primary-700, #0f3485)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .checkbox.with-visual .input-label:focus {
            box-shadow: 0 0 5px color-mix(in srgb, var(--base-color-primary-700, #0f3485)50%, transparent)
        }
    }

    .checkbox.with-visual .input-label:active {
        box-shadow: 0 0 5px var(--base-color-primary-600, #024aa5)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .checkbox.with-visual .input-label:active {
            box-shadow: 0 0 5px color-mix(in srgb, var(--base-color-primary-600, #024aa5)20%, transparent)
        }
    }

    .checkbox.with-visual .input-label img {
        max-width: 100%;
        max-height: 100%
    }

    .checkbox.with-visual .input-label .text-nowrap {
        display: block
    }

    .checkbox.with-visual.hide-checkmark .input-label {
        border-color: #0000
    }

    .checkbox.with-visual.hide-checkmark .input-label:after,
    .checkbox.with-visual.hide-checkmark .input-label:before {
        display: none
    }

    .checkbox.with-visual.hide-checkmark input:disabled+.input-label {
        border-color: #0000
    }

    .checkbox.with-visual input:checked+.input-label,
    .checkbox.with-visual input:checked+label,
    .checkbox.with-visual.checkbox-link-active .input-label,
    .checkbox.with-visual.hide-checkmark+.input-label {
        border-color: var(--base-color-primary-600, #024aa5);
        background-color: var(--base-color-neutral-100, #f8f8f8)
    }

    .checkbox.with-visual input:disabled+.input-label {
        border-color: var(--base-color-neutral-200, #e1e4e8);
        cursor: not-allowed
    }

    .checkbox.with-visual input:disabled+.input-label .color-swatch {
        opacity: var(--base-opacity-40, 40%)
    }

    .checkbox.with-visual input:disabled+.input-label:hover {
        box-shadow: none
    }

    .checkbox.with-visual input:disabled+.input-label:before {
        border-color: var(--base-color-neutral-200, #e1e4e8);
        background-color: #0000
    }

    .checkbox.with-visual input:disabled+.input-label img {
        opacity: .3
    }

    @media (min-width:768px) {
        .checkbox.with-visual .input-label:hover {
            box-shadow: none !important
        }
    }

    .checkbox.with-visual .input-label:before {
        width: 18px;
        height: 18px;
        margin: 8px
    }

    .checkbox.with-visual .input-label:after {
        width: 12px;
        height: 6px;
        margin: 4px 8px
    }

    .checkbox.with-visual .input-secondary-label {
        color: var(--base-color-neutral-400, #939da8)
    }

    .checkbox .color-swatch {
        display: inline
    }

    .checkbox .color-swatch .swatch {
        border: 0;
        border-radius: 30px;
        width: 36px;
        height: 36px;
        margin: auto;
        padding: 0;
        display: block
    }

    .checkbox .color-swatch .contrast {
        border: 1px solid var(--base-color-neutral-300, #cfd4da)
    }

    .visual-checkboxes .accordion-panel-content-wrapper .checkbox-group.row {
        flex-wrap: wrap;
        display: flex
    }

    .visual-checkboxes [data-cmp=filterCheckboxesExpansion] {
        margin-top: 12px;
        margin-left: 18px
    }

    .chip {
        height: auto;
        color: var(--base-color-neutral-800, #2d363e);
        background: var(--base-color-neutral-200, #e1e4e8);
        box-shadow: none;
        border-color: #0000;
        font-weight: 400
    }

    .chip.focus,
    .chip.hover,
    .chip:focus-visible,
    .chip:hover {
        color: var(--base-color-neutral-800, #2d363e);
        background: var(--base-color-neutral-200, #e1e4e8);
        box-shadow: inset none;
        border-color: #0000
    }

    .chip.active,
    .chip:active,
    .open>.chip.dropdown-toggle {
        color: var(--base-color-neutral-800, #2d363e) !important;
        background: var(--base-color-neutral-200, #e1e4e8) !important;
        box-shadow: inset none !important;
        border-color: #0000 !important
    }

    .chip.active.focus,
    .chip.active:focus,
    .chip:active.focus,
    .chip:active:focus,
    .open>.chip.dropdown-toggle.focus,
    .open>.chip.dropdown-toggle:focus {
        color: var(--base-color-neutral-800, #2d363e) !important
    }

    @supports (color:color-mix(in lab, red, red)) {

        .chip.active.focus,
        .chip.active:focus,
        .chip:active.focus,
        .chip:active:focus,
        .open>.chip.dropdown-toggle.focus,
        .open>.chip.dropdown-toggle:focus {
            color: color-mix(in srgb, var(--base-color-neutral-800, #2d363e)85%, transparent) !important
        }
    }

    .chip.active .glyphicon.text-accent,
    .chip:active .glyphicon.text-accent,
    .open>.chip.dropdown-toggle .glyphicon.text-accent {
        color: var(--base-color-neutral-800, #2d363e) !important
    }

    .chip.disabled,
    .chip[disabled] {
        color: var(--base-color-neutral-800, #2d363e);
        background: var(--base-color-neutral-200, #e1e4e8);
        box-shadow: none;
        opacity: var(--comp-opacity-button-disabled, var(--base-opacity-40, 40%));
        border-color: #0000
    }

    .chip .badge {
        color: var(--base-color-white, #fff);
        background-color: var(--base-color-neutral-800, #2d363e)
    }

    .chip {
        padding: var(--base-space-px-0, 0)var(--base-space-px-8, 8px);
        font-size: var(--base-type-size-md, 1rem);
        line-height: var(--base-type-leading-normal, 1.5);
        border-radius: 50px
    }

    .chip.input-chip {
        color: var(--base-color-neutral-800, #2d363e);
        background: var(--base-color-primary-100, #e3f2ff);
        border-color: #0000
    }

    .chip.input-chip.focus,
    .chip.input-chip.hover,
    .chip.input-chip:focus-visible,
    .chip.input-chip:hover {
        color: var(--base-color-neutral-800, #2d363e);
        background: var(--base-color-primary-300, #8dc9ff);
        box-shadow: inset none;
        border-color: #0000
    }

    .chip.input-chip.active,
    .chip.input-chip:active,
    .open>.chip.input-chip.dropdown-toggle {
        color: var(--base-color-neutral-800, #2d363e) !important;
        background: var(--base-color-primary-300, #8dc9ff) !important;
        box-shadow: inset none !important;
        border-color: #0000 !important
    }

    .chip.input-chip.active.focus,
    .chip.input-chip.active:focus,
    .chip.input-chip:active.focus,
    .chip.input-chip:active:focus,
    .open>.chip.input-chip.dropdown-toggle.focus,
    .open>.chip.input-chip.dropdown-toggle:focus {
        color: var(--base-color-neutral-800, #2d363e) !important
    }

    @supports (color:color-mix(in lab, red, red)) {

        .chip.input-chip.active.focus,
        .chip.input-chip.active:focus,
        .chip.input-chip:active.focus,
        .chip.input-chip:active:focus,
        .open>.chip.input-chip.dropdown-toggle.focus,
        .open>.chip.input-chip.dropdown-toggle:focus {
            color: color-mix(in srgb, var(--base-color-neutral-800, #2d363e)85%, transparent) !important
        }
    }

    .chip.input-chip.active .glyphicon.text-accent,
    .chip.input-chip:active .glyphicon.text-accent,
    .open>.chip.input-chip.dropdown-toggle .glyphicon.text-accent {
        color: var(--base-color-neutral-800, #2d363e) !important
    }

    .chip.input-chip.disabled,
    .chip.input-chip[disabled] {
        color: var(--base-color-neutral-800, #2d363e);
        background: var(--base-color-primary-100, #e3f2ff);
        box-shadow: none;
        opacity: var(--comp-opacity-button-disabled, var(--base-opacity-40, 40%));
        border-color: #0000
    }

    .chip.input-chip .badge {
        color: var(--base-color-white, #fff);
        background-color: var(--base-color-neutral-800, #2d363e)
    }

    .chip.input-chip {
        padding: var(--base-space-px-4, 4px)var(--base-space-px-16, 16px);
        font-size: var(--base-type-size-sm, .86rem);
        line-height: var(--base-type-leading-normal, 1.5);
        box-shadow: none;
        margin-right: var(--base-space-px-8, 8px);
        cursor: default;
        border-radius: 50px
    }

    .chip.input-chip:hover {
        color: var(--base-color-neutral-800, #2d363e);
        background: var(--base-color-primary-200, #c7e5ff);
        box-shadow: none
    }

    .chip.input-chip.active {
        background: var(--base-color-primary-300, #8dc9ff);
        border-color: #0000
    }

    .chip.inquiry-chip-inverted {
        color: var(--base-color-white, #fff);
        background: var(--base-color-primary-800, #012169);
        border-color: #0000
    }

    .chip.inquiry-chip-inverted.focus,
    .chip.inquiry-chip-inverted.hover,
    .chip.inquiry-chip-inverted:focus-visible,
    .chip.inquiry-chip-inverted:hover {
        color: var(--base-color-white, #fff);
        background: var(--base-color-primary-800, #012169);
        box-shadow: inset none;
        border-color: #0000
    }

    .chip.inquiry-chip-inverted.active,
    .chip.inquiry-chip-inverted:active,
    .open>.chip.inquiry-chip-inverted.dropdown-toggle {
        color: var(--base-color-white, #fff) !important;
        background: var(--base-color-primary-800, #012169) !important;
        box-shadow: inset none !important;
        border-color: #0000 !important
    }

    .chip.inquiry-chip-inverted.active.focus,
    .chip.inquiry-chip-inverted.active:focus,
    .chip.inquiry-chip-inverted:active.focus,
    .chip.inquiry-chip-inverted:active:focus,
    .open>.chip.inquiry-chip-inverted.dropdown-toggle.focus,
    .open>.chip.inquiry-chip-inverted.dropdown-toggle:focus {
        color: var(--base-color-white, #fff) !important
    }

    @supports (color:color-mix(in lab, red, red)) {

        .chip.inquiry-chip-inverted.active.focus,
        .chip.inquiry-chip-inverted.active:focus,
        .chip.inquiry-chip-inverted:active.focus,
        .chip.inquiry-chip-inverted:active:focus,
        .open>.chip.inquiry-chip-inverted.dropdown-toggle.focus,
        .open>.chip.inquiry-chip-inverted.dropdown-toggle:focus {
            color: color-mix(in srgb, var(--base-color-white, #fff)85%, transparent) !important
        }
    }

    .chip.inquiry-chip-inverted.active .glyphicon.text-accent,
    .chip.inquiry-chip-inverted:active .glyphicon.text-accent,
    .open>.chip.inquiry-chip-inverted.dropdown-toggle .glyphicon.text-accent {
        color: var(--base-color-white, #fff) !important
    }

    .chip.inquiry-chip-inverted.disabled,
    .chip.inquiry-chip-inverted[disabled] {
        color: var(--base-color-white, #fff);
        background: var(--base-color-primary-800, #012169);
        box-shadow: none;
        opacity: var(--comp-opacity-button-disabled, var(--base-opacity-40, 40%));
        border-color: #0000
    }

    .chip.inquiry-chip-inverted .badge {
        color: var(--base-color-white, #fff);
        background-color: var(--base-color-white, #fff)
    }

    .chip.inquiry-chip-inverted {
        padding: var(--base-space-px-4, 4px)var(--base-space-px-16, 16px);
        font-size: var(--base-type-size-md, 1rem);
        line-height: var(--base-type-leading-normal, 1.5);
        box-shadow: none;
        margin-right: var(--base-space-px-8, 8px);
        cursor: default;
        border-radius: 50px;
        min-width: 110px
    }

    .chip.inquiry-chip-inverted:hover {
        color: #fff;
        background: var(--base-color-primary-900, #001543);
        box-shadow: none
    }

    .chip.inquiry-chip {
        padding: var(--base-space-px-4, 4px)var(--base-space-px-16, 16px);
        font-size: var(--base-type-size-md, 1rem);
        line-height: var(--base-type-leading-normal, 1.5);
        color: var(--base-color-neutral-800, #2d363e);
        background: var(--base-color-white, #fff);
        border-color: var(--base-color-black, #000);
        border-radius: 50px
    }

    @supports (color:color-mix(in lab, red, red)) {
        .chip.inquiry-chip {
            border-color: color-mix(in srgb, var(--base-color-black, #000)20%, transparent)
        }
    }

    .chip.inquiry-chip.focus,
    .chip.inquiry-chip:focus-visible {
        color: var(--base-color-neutral-800, #2d363e);
        background: var(--base-color-neutral-500, #6d7782)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .chip.inquiry-chip.focus,
        .chip.inquiry-chip:focus-visible {
            background: color-mix(in srgb, var(--base-color-neutral-500, #6d7782)20%, transparent)
        }
    }

    .chip.inquiry-chip.focus,
    .chip.inquiry-chip:focus-visible {
        border-color: var(--base-color-black, #000)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .chip.inquiry-chip.focus,
        .chip.inquiry-chip:focus-visible {
            border-color: color-mix(in srgb, var(--base-color-black, #000)20%, transparent)
        }
    }

    .chip.inquiry-chip.focus,
    .chip.inquiry-chip:focus-visible {
        box-shadow: inset none
    }

    .chip.inquiry-chip.hover,
    .chip.inquiry-chip:hover {
        color: var(--base-color-neutral-800, #2d363e);
        background: var(--base-color-neutral-500, #6d7782)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .chip.inquiry-chip.hover,
        .chip.inquiry-chip:hover {
            background: color-mix(in srgb, var(--base-color-neutral-500, #6d7782)20%, transparent)
        }
    }

    .chip.inquiry-chip.hover,
    .chip.inquiry-chip:hover {
        border-color: var(--base-color-black, #000)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .chip.inquiry-chip.hover,
        .chip.inquiry-chip:hover {
            border-color: color-mix(in srgb, var(--base-color-black, #000)20%, transparent)
        }
    }

    .chip.inquiry-chip.hover,
    .chip.inquiry-chip:hover {
        box-shadow: inset none
    }

    .chip.inquiry-chip.active,
    .chip.inquiry-chip:active,
    .open>.chip.inquiry-chip.dropdown-toggle {
        color: var(--base-color-neutral-800, #2d363e) !important;
        background: var(--base-color-neutral-500, #6d7782) !important
    }

    @supports (color:color-mix(in lab, red, red)) {

        .chip.inquiry-chip.active,
        .chip.inquiry-chip:active,
        .open>.chip.inquiry-chip.dropdown-toggle {
            background: color-mix(in srgb, var(--base-color-neutral-500, #6d7782)20%, transparent) !important
        }
    }

    .chip.inquiry-chip.active,
    .chip.inquiry-chip:active,
    .open>.chip.inquiry-chip.dropdown-toggle {
        border-color: var(--base-color-black, #000) !important
    }

    @supports (color:color-mix(in lab, red, red)) {

        .chip.inquiry-chip.active,
        .chip.inquiry-chip:active,
        .open>.chip.inquiry-chip.dropdown-toggle {
            border-color: color-mix(in srgb, var(--base-color-black, #000)20%, transparent) !important
        }
    }

    .chip.inquiry-chip.active,
    .chip.inquiry-chip:active,
    .open>.chip.inquiry-chip.dropdown-toggle {
        box-shadow: inset none !important
    }

    .chip.inquiry-chip.active.focus,
    .chip.inquiry-chip.active:focus,
    .chip.inquiry-chip:active.focus,
    .chip.inquiry-chip:active:focus,
    .open>.chip.inquiry-chip.dropdown-toggle.focus,
    .open>.chip.inquiry-chip.dropdown-toggle:focus {
        color: var(--base-color-neutral-800, #2d363e) !important
    }

    @supports (color:color-mix(in lab, red, red)) {

        .chip.inquiry-chip.active.focus,
        .chip.inquiry-chip.active:focus,
        .chip.inquiry-chip:active.focus,
        .chip.inquiry-chip:active:focus,
        .open>.chip.inquiry-chip.dropdown-toggle.focus,
        .open>.chip.inquiry-chip.dropdown-toggle:focus {
            color: color-mix(in srgb, var(--base-color-neutral-800, #2d363e)85%, transparent) !important
        }
    }

    .chip.inquiry-chip.active .glyphicon.text-accent,
    .chip.inquiry-chip:active .glyphicon.text-accent,
    .open>.chip.inquiry-chip.dropdown-toggle .glyphicon.text-accent {
        color: var(--base-color-neutral-800, #2d363e) !important
    }

    .chip.inquiry-chip.disabled,
    .chip.inquiry-chip[disabled] {
        color: var(--base-color-neutral-800, #2d363e);
        background: var(--base-color-white, #fff);
        border-color: var(--base-color-black, #000)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .chip.inquiry-chip.disabled,
        .chip.inquiry-chip[disabled] {
            border-color: color-mix(in srgb, var(--base-color-black, #000)20%, transparent)
        }
    }

    .chip.inquiry-chip.disabled,
    .chip.inquiry-chip[disabled] {
        box-shadow: none;
        opacity: var(--comp-opacity-button-disabled, var(--base-opacity-40, 40%))
    }

    .chip.inquiry-chip .badge {
        color: var(--base-color-white, #fff);
        background-color: var(--base-color-neutral-800, #2d363e)
    }

    .chip.inquiry-chip {
        box-shadow: none;
        min-width: 128px
    }

    .chip.inquiry-chip:hover {
        color: var(--base-color-neutral-800, #2d363e);
        background: var(--base-color-neutral-500, #6d7782)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .chip.inquiry-chip:hover {
            background: color-mix(in srgb, var(--base-color-neutral-500, #6d7782)5%, transparent)
        }
    }

    .chip.inquiry-chip:hover {
        box-shadow: none
    }

    .chip.inquiry-chip.active {
        border-color: var(--base-color-black, #000)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .chip.inquiry-chip.active {
            border-color: color-mix(in srgb, var(--base-color-black, #000)20%, transparent)
        }
    }

    .chip.filter-chip {
        padding: var(--base-space-px-4, 4px)var(--base-space-px-16, 16px);
        font-size: var(--base-type-size-sm, .86rem);
        line-height: var(--base-type-leading-normal, 1.5);
        color: var(--base-color-neutral-800, #2d363e);
        background: var(--base-color-white, #fff);
        border-color: var(--base-color-black, #000);
        border-radius: 50px
    }

    @supports (color:color-mix(in lab, red, red)) {
        .chip.filter-chip {
            border-color: color-mix(in srgb, var(--base-color-black, #000)20%, transparent)
        }
    }

    .chip.filter-chip.focus,
    .chip.filter-chip:focus-visible {
        color: var(--base-color-neutral-800, #2d363e);
        background: var(--base-color-neutral-500, #6d7782)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .chip.filter-chip.focus,
        .chip.filter-chip:focus-visible {
            background: color-mix(in srgb, var(--base-color-neutral-500, #6d7782)20%, transparent)
        }
    }

    .chip.filter-chip.focus,
    .chip.filter-chip:focus-visible {
        border-color: var(--base-color-black, #000)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .chip.filter-chip.focus,
        .chip.filter-chip:focus-visible {
            border-color: color-mix(in srgb, var(--base-color-black, #000)20%, transparent)
        }
    }

    .chip.filter-chip.focus,
    .chip.filter-chip:focus-visible {
        box-shadow: inset none
    }

    .chip.filter-chip.hover,
    .chip.filter-chip:hover {
        color: var(--base-color-neutral-800, #2d363e);
        background: var(--base-color-neutral-500, #6d7782)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .chip.filter-chip.hover,
        .chip.filter-chip:hover {
            background: color-mix(in srgb, var(--base-color-neutral-500, #6d7782)20%, transparent)
        }
    }

    .chip.filter-chip.hover,
    .chip.filter-chip:hover {
        border-color: var(--base-color-black, #000)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .chip.filter-chip.hover,
        .chip.filter-chip:hover {
            border-color: color-mix(in srgb, var(--base-color-black, #000)20%, transparent)
        }
    }

    .chip.filter-chip.hover,
    .chip.filter-chip:hover {
        box-shadow: inset none
    }

    .chip.filter-chip.active,
    .chip.filter-chip:active,
    .open>.chip.filter-chip.dropdown-toggle {
        color: var(--base-color-neutral-800, #2d363e) !important;
        background: var(--base-color-neutral-500, #6d7782) !important
    }

    @supports (color:color-mix(in lab, red, red)) {

        .chip.filter-chip.active,
        .chip.filter-chip:active,
        .open>.chip.filter-chip.dropdown-toggle {
            background: color-mix(in srgb, var(--base-color-neutral-500, #6d7782)20%, transparent) !important
        }
    }

    .chip.filter-chip.active,
    .chip.filter-chip:active,
    .open>.chip.filter-chip.dropdown-toggle {
        border-color: var(--base-color-black, #000) !important
    }

    @supports (color:color-mix(in lab, red, red)) {

        .chip.filter-chip.active,
        .chip.filter-chip:active,
        .open>.chip.filter-chip.dropdown-toggle {
            border-color: color-mix(in srgb, var(--base-color-black, #000)20%, transparent) !important
        }
    }

    .chip.filter-chip.active,
    .chip.filter-chip:active,
    .open>.chip.filter-chip.dropdown-toggle {
        box-shadow: inset none !important
    }

    .chip.filter-chip.active.focus,
    .chip.filter-chip.active:focus,
    .chip.filter-chip:active.focus,
    .chip.filter-chip:active:focus,
    .open>.chip.filter-chip.dropdown-toggle.focus,
    .open>.chip.filter-chip.dropdown-toggle:focus {
        color: var(--base-color-neutral-800, #2d363e) !important
    }

    @supports (color:color-mix(in lab, red, red)) {

        .chip.filter-chip.active.focus,
        .chip.filter-chip.active:focus,
        .chip.filter-chip:active.focus,
        .chip.filter-chip:active:focus,
        .open>.chip.filter-chip.dropdown-toggle.focus,
        .open>.chip.filter-chip.dropdown-toggle:focus {
            color: color-mix(in srgb, var(--base-color-neutral-800, #2d363e)85%, transparent) !important
        }
    }

    .chip.filter-chip.active .glyphicon.text-accent,
    .chip.filter-chip:active .glyphicon.text-accent,
    .open>.chip.filter-chip.dropdown-toggle .glyphicon.text-accent {
        color: var(--base-color-neutral-800, #2d363e) !important
    }

    .chip.filter-chip.disabled,
    .chip.filter-chip[disabled] {
        color: var(--base-color-neutral-800, #2d363e);
        background: var(--base-color-white, #fff);
        border-color: var(--base-color-black, #000)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .chip.filter-chip.disabled,
        .chip.filter-chip[disabled] {
            border-color: color-mix(in srgb, var(--base-color-black, #000)20%, transparent)
        }
    }

    .chip.filter-chip.disabled,
    .chip.filter-chip[disabled] {
        box-shadow: none;
        opacity: var(--comp-opacity-button-disabled, var(--base-opacity-40, 40%))
    }

    .chip.filter-chip .badge {
        color: var(--base-color-white, #fff);
        background-color: var(--base-color-neutral-800, #2d363e)
    }

    .chip.filter-chip {
        box-shadow: none;
        min-width: 128px
    }

    .chip.filter-chip:hover {
        color: var(--base-color-neutral-800, #2d363e);
        background: var(--base-color-neutral-500, #6d7782)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .chip.filter-chip:hover {
            background: color-mix(in srgb, var(--base-color-neutral-500, #6d7782)5%, transparent)
        }
    }

    .chip.filter-chip:hover {
        box-shadow: none
    }

    .chip.filter-chip.active {
        border-color: var(--base-color-black, #000)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .chip.filter-chip.active {
            border-color: color-mix(in srgb, var(--base-color-black, #000)20%, transparent)
        }
    }

    .chip.overlay-chip {
        padding: var(--base-space-px-4, 4px)var(--base-space-px-8, 8px);
        font-size: var(--base-type-size-sm, .86rem);
        line-height: var(--base-type-leading-tight, 1.2);
        border-radius: var(--base-space-px-16, 16px);
        color: var(--base-color-white, #fff);
        background: rgba(var(--base-color-black, #000), .7);
        border-color: var(--base-color-white, #fff)
    }

    .chip.overlay-chip.focus,
    .chip.overlay-chip.hover,
    .chip.overlay-chip:focus-visible,
    .chip.overlay-chip:hover {
        color: var(--base-color-white, #fff);
        background: var(--base-color-white, #fff);
        border-color: var(--base-color-white, #fff);
        box-shadow: inset none
    }

    .chip.overlay-chip.active,
    .chip.overlay-chip:active,
    .open>.chip.overlay-chip.dropdown-toggle {
        color: var(--base-color-white, #fff) !important;
        background: var(--base-color-white, #fff) !important;
        border-color: var(--base-color-white, #fff) !important;
        box-shadow: inset none !important
    }

    .chip.overlay-chip.active.focus,
    .chip.overlay-chip.active:focus,
    .chip.overlay-chip:active.focus,
    .chip.overlay-chip:active:focus,
    .open>.chip.overlay-chip.dropdown-toggle.focus,
    .open>.chip.overlay-chip.dropdown-toggle:focus {
        color: var(--base-color-white, #fff) !important
    }

    @supports (color:color-mix(in lab, red, red)) {

        .chip.overlay-chip.active.focus,
        .chip.overlay-chip.active:focus,
        .chip.overlay-chip:active.focus,
        .chip.overlay-chip:active:focus,
        .open>.chip.overlay-chip.dropdown-toggle.focus,
        .open>.chip.overlay-chip.dropdown-toggle:focus {
            color: color-mix(in srgb, var(--base-color-white, #fff)85%, transparent) !important
        }
    }

    .chip.overlay-chip.active .glyphicon.text-accent,
    .chip.overlay-chip:active .glyphicon.text-accent,
    .open>.chip.overlay-chip.dropdown-toggle .glyphicon.text-accent {
        color: var(--base-color-white, #fff) !important
    }

    .chip.overlay-chip.disabled,
    .chip.overlay-chip[disabled] {
        color: var(--base-color-white, #fff);
        background: rgba(var(--base-color-black, #000), .7);
        border-color: var(--base-color-white, #fff);
        box-shadow: none;
        opacity: var(--comp-opacity-button-disabled, var(--base-opacity-40, 40%))
    }

    .chip.overlay-chip .badge {
        color: var(--base-color-white, #fff);
        background-color: var(--base-color-white, #fff)
    }

    .chip.overlay-chip .glyphicon {
        top: 0
    }

    .chip.overlay-chip {
        box-shadow: none;
        border-width: 2px;
        font-weight: 700
    }

    .chip.overlay-chip:hover {
        color: var(--base-color-white, #fff);
        background: var(--base-color-black, #000);
        border-color: var(--base-color-white, #fff);
        box-shadow: none
    }

    .chip,
    .chip.active,
    .chip.focus,
    .chip.hover,
    .chip:active,
    .chip:focus,
    .chip:hover {
        box-shadow: none
    }

    .close {
        float: right;
        font-size: var(--base-type-size-xxl, 1.5rem);
        color: var(--comp-color-content-close-button-rest, var(--base-color-neutral-500, #6d7782));
        line-height: 1
    }

    .close:focus,
    .close:hover {
        color: var(--comp-color-content-close-button-hover, var(--base-color-neutral-600, #59636e))
    }

    .close:active {
        color: var(--comp-color-content-close-button-pressed, var(--base-color-neutral-800, #2d363e))
    }

    .close:active:focus,
    .close:focus {
        outline: none
    }

    .close:focus-visible {
        outline: 3px solid highlight;
        outline: 3px solid -webkit-focus-ring-color
    }

    .inverse .close,
    .inverse.close,
    .modal-primary .modal-header .close {
        color: var(--comp-color-content-close-button-inverse-rest, var(--base-color-white, #fff))
    }

    .inverse .close:focus,
    .inverse .close:hover,
    .inverse.close:focus,
    .inverse.close:hover,
    .modal-primary .modal-header .close:focus,
    .modal-primary .modal-header .close:hover {
        color: var(--comp-color-content-close-button-inverse-hover, var(--base-color-neutral-300, #cfd4da))
    }

    .inverse .close:active,
    .inverse.close:active,
    .modal-primary .modal-header .close:active {
        color: var(--comp-color-content-close-button-inverse-pressed, var(--base-color-neutral-400, #939da8))
    }

    button.close {
        cursor: pointer;
        appearance: none;
        background: 0 0;
        border: 0;
        padding: 0
    }

    .color-swatch {
        display: table
    }

    .color-swatch>div {
        display: table-cell
    }

    .color-swatch .swatch {
        border: 1px solid var(--base-color-neutral-300, #cfd4da);
        border-radius: var(--base-space-px-12, 12px);
        line-height: var(--base-type-leading-normal, 1.5);
        padding-left: var(--base-space-px-12, 12px);
        margin-right: var(--base-space-px-8, 8px);
        display: inline;
        position: relative
    }

    .color-swatch .swatch.unavailable:before {
        transform-origin: 0 100%;
        left: 1px;
        transform: translateY(-1px)translate(-1px)rotate(28deg)
    }

    .color-swatch .swatch.unavailable:after,
    .color-swatch .swatch.unavailable:before {
        content: " ";
        border-bottom: 1px solid var(--base-color-neutral-300, #cfd4da);
        width: 110%;
        height: 1px;
        position: absolute;
        top: 5px
    }

    .color-swatch .swatch.unavailable:after {
        transform-origin: 100% 100%;
        z-index: 2;
        left: 3px;
        transform: translateY(-1px)translate(-5px)rotate(-28deg)
    }

    .colored-background.inset {
        border-bottom: 1px solid var(--base-color-neutral-800, #2d363e);
        position: relative
    }

    @supports (color:color-mix(in lab, red, red)) {
        .colored-background.inset {
            border-bottom: 1px solid color-mix(in srgb, var(--base-color-neutral-800, #2d363e)15%, transparent)
        }
    }

    .colored-background.inset:before {
        content: "";
        width: 100%;
        height: var(--base-space-px-12, 12px);
        background: radial-gradient(ellipse at 50% -75%, var(--base-color-neutral-800, #2d363e), var(--base-color-neutral-800, #2d363e)80%);
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }

    @supports (color:color-mix(in lab, red, red)) {
        .colored-background.inset:before {
            background: radial-gradient(ellipse at 50% -75%, color-mix(in srgb, var(--base-color-neutral-800, #2d363e)30%, transparent), color-mix(in srgb, var(--base-color-neutral-800, #2d363e)0%, transparent)80%)
        }
    }

    .modal-footer .colored-background {
        border-radius: 4px
    }

    .content-folding-container {
        direction: rtl;
        display: block
    }

    @media (max-width:767px) {
        .content-folding-container.content-folding-container-xs {
            direction: ltr;
            flex-wrap: wrap;
            display: flex
        }
    }

    @media (max-width:1023px) {
        .content-folding-container.content-folding-container-sm {
            direction: ltr;
            flex-wrap: wrap;
            display: flex
        }
    }

    @media (max-width:1299px) {
        .content-folding-container.content-folding-container-md {
            direction: ltr;
            flex-wrap: wrap;
            display: flex
        }
    }

    .content-folding-container.content-folding-container-lg {
        direction: ltr;
        flex-wrap: wrap;
        display: flex
    }

    @media (max-width:767px) {
        .content-folding-container-xs .order-1 {
            order: 1
        }

        .content-folding-container-xs .order-2 {
            order: 2
        }

        .content-folding-container-xs .order-3 {
            order: 3
        }

        .content-folding-container-xs .order-4 {
            order: 4
        }

        .content-folding-container-xs .order-5 {
            order: 5
        }

        .content-folding-container-xs .order-6 {
            order: 6
        }

        .content-folding-container-xs .order-7 {
            order: 7
        }

        .content-folding-container-xs .order-8 {
            order: 8
        }

        .content-folding-container-xs .order-9 {
            order: 9
        }

        .content-folding-container-xs .order-10 {
            order: 10
        }
    }

    @media (min-width:768px) {
        .content-folding-container-xs .content-folding-item-left {
            float: left;
            clear: left
        }

        .content-folding-container-xs .content-folding-item-right {
            float: none;
            clear: none
        }

        .content-folding-container-xs .content-folding-item-full {
            float: none;
            clear: both
        }
    }

    @media (max-width:1023px) {
        .content-folding-container-sm .order-1 {
            order: 1
        }

        .content-folding-container-sm .order-2 {
            order: 2
        }

        .content-folding-container-sm .order-3 {
            order: 3
        }

        .content-folding-container-sm .order-4 {
            order: 4
        }

        .content-folding-container-sm .order-5 {
            order: 5
        }

        .content-folding-container-sm .order-6 {
            order: 6
        }

        .content-folding-container-sm .order-7 {
            order: 7
        }

        .content-folding-container-sm .order-8 {
            order: 8
        }

        .content-folding-container-sm .order-9 {
            order: 9
        }

        .content-folding-container-sm .order-10 {
            order: 10
        }
    }

    @media (min-width:1024px) {
        .content-folding-container-sm .content-folding-item-left {
            float: left;
            clear: left
        }

        .content-folding-container-sm .content-folding-item-right {
            float: none;
            clear: none
        }

        .content-folding-container-sm .content-folding-item-full {
            float: none;
            clear: both
        }
    }

    @media (max-width:1299px) {
        .content-folding-container-md .order-1 {
            order: 1
        }

        .content-folding-container-md .order-2 {
            order: 2
        }

        .content-folding-container-md .order-3 {
            order: 3
        }

        .content-folding-container-md .order-4 {
            order: 4
        }

        .content-folding-container-md .order-5 {
            order: 5
        }

        .content-folding-container-md .order-6 {
            order: 6
        }

        .content-folding-container-md .order-7 {
            order: 7
        }

        .content-folding-container-md .order-8 {
            order: 8
        }

        .content-folding-container-md .order-9 {
            order: 9
        }

        .content-folding-container-md .order-10 {
            order: 10
        }
    }

    @media (min-width:1300px) {
        .content-folding-container-md .content-folding-item-left {
            float: left;
            clear: left
        }

        .content-folding-container-md .content-folding-item-right {
            float: none;
            clear: none
        }

        .content-folding-container-md .content-folding-item-full {
            float: none;
            clear: both
        }
    }

    .content-folding-container-lg .order-1 {
        order: 1
    }

    .content-folding-container-lg .order-2 {
        order: 2
    }

    .content-folding-container-lg .order-3 {
        order: 3
    }

    .content-folding-container-lg .order-4 {
        order: 4
    }

    .content-folding-container-lg .order-5 {
        order: 5
    }

    .content-folding-container-lg .order-6 {
        order: 6
    }

    .content-folding-container-lg .order-7 {
        order: 7
    }

    .content-folding-container-lg .order-8 {
        order: 8
    }

    .content-folding-container-lg .order-9 {
        order: 9
    }

    .content-folding-container-lg .order-10 {
        order: 10
    }

    .content-folding-container-lg .content-folding-item-left {
        float: left;
        clear: left
    }

    .content-folding-container-lg .content-folding-item-right {
        float: none;
        clear: none
    }

    .content-folding-container-lg .content-folding-item-full {
        float: none;
        clear: both
    }

    .content-folding-item {
        direction: ltr;
        display: block;
        overflow: hidden
    }

    .owner-link-text {
        max-width: 200px;
        line-height: var(--base-type-leading-tight, 1.2)
    }

    @media (min-width:768px) {
        .owner-link-text {
            max-width: none
        }
    }

    a:hover .owner-link-text {
        text-decoration: underline
    }

    [data-cmp=dealerLot] h2 {
        line-height: .8 !important
    }

    [data-cmp=dealerLot] h2 a[data-cmp=link] {
        padding-bottom: var(--base-space-px-2, 2px)
    }

    .deeplinks .panel {
        background-color: var(--base-color-white, #fff);
        border: 1px solid var(--base-color-neutral-300, #cfd4da);
        margin-bottom: unset
    }

    .deeplinks .panel:not(:first-child) {
        border-radius: unset;
        border-top: none
    }

    .deeplinks .panel:first-child {
        border-radius: var(--base-space-px-4, 4px)var(--base-space-px-4, 4px)0 0
    }

    .deeplinks .panel:last-child {
        border-radius: 0 0 var(--base-space-px-4, 4px)var(--base-space-px-4, 4px)
    }

    .deeplinks .list-columns {
        border-top: 1px solid var(--base-color-neutral-300, #cfd4da);
        padding-top: var(--base-space-px-12, 12px)
    }

    @media (min-width:1024px) {
        .deeplinks .list-columns {
            display: block
        }
    }

    .dropdown-select {
        position: relative
    }

    .dropdown-content {
        box-shadow: 0 1px var(--base-space-px-4, 4px)1px #0000001a;
        z-index: 110;
        border-top: none;
        display: none;
        position: absolute
    }

    @media (min-width:768px) {
        .dropdown-content {
            top: -140%;
            right: 100%
        }
    }

    .dropdown-select:focus-within .dropdown-content,
    .dropdown-select:hover .dropdown-content {
        display: block
    }

    .features-card-icon {
        color: var(--base-color-secondary-800, #a42c00);
        width: 36px;
        height: 36px
    }

    .features-card-icon-primary {
        color: var(--base-color-neutral-800, #2d363e);
        width: 24px;
        height: 24px
    }

    .column-count-1 {
        column-count: 1
    }

    .column-count-2 {
        column-count: 2
    }

    .column-count-3 {
        column-count: 3
    }

    .column-count-4 {
        column-count: 4
    }

    [data-cmp=filterChips] div:last-child {
        margin-right: 4px !important
    }

    div.checkbox-group[data-cmp=collapsible] .checkbox {
        margin-top: -4px
    }

    .fixed-element {
        z-index: 110;
        min-height: 90px;
        position: fixed;
        left: 0;
        right: 0;
        overflow: hidden auto
    }

    .fixed-element.fixed-bottom {
        bottom: 0
    }

    .fixed-element.fixed-top {
        top: 0
    }

    .fixed-element.inverted .text-link:not(.btn) {
        text-decoration: underline
    }

    .fixed-header {
        z-index: 50;
        background-color: var(--base-color-neutral-200, #e1e4e8);
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        right: 0
    }

    .footer .footer-bar-content {
        height: 60px
    }

    .footer .footer-links {
        background: var(--sem-color-background-neutral-primary, var(--base-color-white, #fff));
        border-top: var(--base-size-border-sm, 2px)solid var(--sem-color-content-accent-inverse-secondary, var(--base-color-secondary-700, #d54101));
        padding: var(--base-space-px-0, 0)
    }

    .footer .footer-links .footer-links-content {
        padding: var(--base-space-px-32, 32px)var(--base-space-px-16, 16px)var(--base-space-px-24, 24px);
        flex-direction: column;
        display: flex
    }

    @media (min-width:768px) {
        .footer .footer-links .footer-links-content {
            padding: var(--base-space-px-48, 48px)40px var(--base-space-px-32, 32px)
        }
    }

    @media (min-width:1024px) {
        .footer .footer-links .footer-links-content {
            padding: var(--base-space-px-48, 48px)40px var(--base-space-px-32, 32px)
        }
    }

    @media (min-width:1300px) {
        .footer .footer-links .footer-links-content {
            padding: var(--base-space-px-48, 48px)120px var(--base-space-px-32, 32px)
        }
    }

    .footer .footer-links .footer-links-content .sitemap {
        margin-bottom: 40px
    }

    .footer .footer-links .footer-links-content .icon-bar {
        color: var(--sem-color-content-neutral-tertiary, var(--base-color-neutral-500, #6d7782));
        height: 24px
    }

    @media (min-width:768px) {

        .footer .glyphicon-close,
        .footer .glyphicon-open {
            display: none
        }
    }

    .footer .glyphicon-menu-down,
    .footer .glyphicon-menu-up {
        color: var(--sem-color-content-accordion-icon, var(--base-color-secondary-700, #d54101));
        font-size: var(--base-space-px-32, 32px) !important
    }

    @media (min-width:768px) {

        .footer .glyphicon-menu-down,
        .footer .glyphicon-menu-up {
            display: none
        }
    }

    .footer .sitemap-column:last-of-type .dropdown {
        border-bottom: var(--base-size-border-px, 1px)solid var(--base-color-black-alpha-20, var(--base-color-black, #000))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .footer .sitemap-column:last-of-type .dropdown {
            border-bottom: var(--base-size-border-px, 1px)solid var(--base-color-black-alpha-20, color-mix(in srgb, var(--base-color-black, #000)20%, transparent))
        }
    }

    @media (min-width:768px) {
        .footer .sitemap-column:last-of-type .dropdown {
            border-bottom: none
        }
    }

    .footer .dropdown {
        border-top: var(--base-size-border-px, 1px)solid var(--base-color-black-alpha-20, var(--base-color-black, #000))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .footer .dropdown {
            border-top: var(--base-size-border-px, 1px)solid var(--base-color-black-alpha-20, color-mix(in srgb, var(--base-color-black, #000)20%, transparent))
        }
    }

    .footer .dropdown {
        padding: var(--base-space-px-16, 16px)var(--base-space-px-8, 8px)var(--base-space-px-16, 16px)var(--base-space-px-16, 16px);
        align-items: center
    }

    @media (min-width:768px) {
        .footer .dropdown {
            padding: var(--base-space-px-0, 0);
            border-top: none
        }
    }

    .footer .dropdown label span {
        align-items: center
    }

    @media (min-width:768px) {
        .footer .dropdown+.dropdown {
            margin-top: var(--base-space-px-24, 24px)
        }
    }

    .footer .toggled-dropdown .toggled-dropdown-input:focus~.toggled-dropdown-label,
    .footer .toggled-dropdown .toggled-dropdown-label:hover {
        text-decoration: none
    }

    @media (min-width:768px) {
        .footer .toggled-dropdown .toggled-dropdown-menu {
            display: block
        }
    }

    .footer .toggled-dropdown-label {
        width: 100%
    }

    @media (min-width:768px) {
        .footer .toggled-dropdown-label span {
            cursor: default
        }
    }

    .gradient-overlay.bottom-to-top.dark:before,
    .gradient-overlay.bottom-to-top.darker:before,
    .gradient-overlay.bottom-to-top.light:before {
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        position: absolute
    }

    .gradient-overlay.short.dark:before,
    .gradient-overlay.short.darker:before,
    .gradient-overlay.short.light:before,
    .gradient-overlay.top-to-bottom.dark:before,
    .gradient-overlay.top-to-bottom.darker:before,
    .gradient-overlay.top-to-bottom.light:before {
        content: "";
        inset: 0 0 calc(300px + var(--header-offset-height, 0px));
        z-index: 1;
        opacity: .6;
        position: absolute
    }

    .gradient-overlay.top-to-bottom.darker:before {
        opacity: 1;
        background-image: linear-gradient(var(--base-color-black, #000), var(--base-color-black, #000))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .gradient-overlay.top-to-bottom.darker:before {
            background-image: linear-gradient(color-mix(in srgb, var(--base-color-black, #000)1%, transparent), color-mix(in srgb, var(--base-color-black, #000)0%, transparent))
        }
    }

    .gradient-overlay.top-to-bottom.dark:before {
        background-image: linear-gradient(var(--base-color-black, #000), var(--base-color-black, #000))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .gradient-overlay.top-to-bottom.dark:before {
            background-image: linear-gradient(color-mix(in srgb, var(--base-color-black, #000)1%, transparent), color-mix(in srgb, var(--base-color-black, #000)0%, transparent))
        }
    }

    .gradient-overlay.top-to-bottom.light:before {
        background-image: linear-gradient(var(--base-color-white, #fff), var(--base-color-white-alpha-0, var(--base-color-white, #fff)))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .gradient-overlay.top-to-bottom.light:before {
            background-image: linear-gradient(var(--base-color-white, #fff), var(--base-color-white-alpha-0, color-mix(in srgb, var(--base-color-white, #fff)0%, transparent)))
        }
    }

    .gradient-overlay.short.dark:before,
    .gradient-overlay.short.darker:before,
    .gradient-overlay.short.light:before {
        height: 160px
    }

    @media only screen and (max-width:767px) {

        .gradient-overlay.short.dark:before,
        .gradient-overlay.short.darker:before,
        .gradient-overlay.short.light:before {
            height: 100px
        }
    }

    .gradient-overlay.short.darker:before {
        background-image: linear-gradient(to bottom, var(--base-color-black, #000)30%, var(--base-color-black, #000)100%)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .gradient-overlay.short.darker:before {
            background-image: linear-gradient(to bottom, color-mix(in srgb, var(--base-color-black, #000)0%, transparent)30%, color-mix(in srgb, var(--base-color-black, #000)1%, transparent)100%)
        }
    }

    .gradient-overlay.short.dark:before {
        background-image: linear-gradient(var(--base-color-black, #000), var(--base-color-black, #000))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .gradient-overlay.short.dark:before {
            background-image: linear-gradient(color-mix(in srgb, var(--base-color-black, #000)1%, transparent), color-mix(in srgb, var(--base-color-black, #000)0%, transparent))
        }
    }

    .gradient-overlay.short.light:before {
        background-image: linear-gradient(var(--base-color-white, #fff), var(--base-color-white-alpha-0, var(--base-color-white, #fff)))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .gradient-overlay.short.light:before {
            background-image: linear-gradient(var(--base-color-white, #fff), var(--base-color-white-alpha-0, color-mix(in srgb, var(--base-color-white, #fff)0%, transparent)))
        }
    }

    .gradient-overlay.bottom-to-top.darker:before {
        opacity: 1;
        background: linear-gradient(to bottom, var(--base-color-black, #000)30%, var(--base-color-black, #000)100%);
        top: auto;
        bottom: 0
    }

    @supports (color:color-mix(in lab, red, red)) {
        .gradient-overlay.bottom-to-top.darker:before {
            background: linear-gradient(to bottom, color-mix(in srgb, var(--base-color-black, #000)0%, transparent)30%, color-mix(in srgb, var(--base-color-black, #000)1%, transparent)100%)
        }
    }

    .gradient-overlay.bottom-to-top.dark:before {
        background: linear-gradient(to bottom, var(--base-color-black, #000)25%, var(--base-color-black, #000)70%, var(--base-color-black, #000)100%);
        top: auto;
        bottom: 0
    }

    @supports (color:color-mix(in lab, red, red)) {
        .gradient-overlay.bottom-to-top.dark:before {
            background: linear-gradient(to bottom, color-mix(in srgb, var(--base-color-black, #000)0%, transparent)25%, color-mix(in srgb, var(--base-color-black, #000)70%, transparent)70%, color-mix(in srgb, var(--base-color-black, #000)85%, transparent)100%)
        }
    }

    .gradient-overlay.bottom-to-top.light:before {
        background: linear-gradient(var(--base-color-white-alpha-0, var(--base-color-white, #fff)), var(--base-color-white, #fff));
        top: auto;
        bottom: 0
    }

    @supports (color:color-mix(in lab, red, red)) {
        .gradient-overlay.bottom-to-top.light:before {
            background: linear-gradient(var(--base-color-white-alpha-0, color-mix(in srgb, var(--base-color-white, #fff)0%, transparent)), var(--base-color-white, #fff))
        }
    }

    .grid .show-grid {
        border: 1px solid var(--base-color-primary-600, #024aa5);
        background-color: var(--base-color-neutral-100, #f8f8f8)
    }

    .box-grid {
        gap: var(--base-space-px-16, 16px);
        display: grid
    }

    .box-grid-col-2 {
        grid-template-columns: repeat(2, 1fr)
    }

    .box-grid-col-3 {
        grid-template-columns: repeat(3, 1fr)
    }

    @media (min-width:768px) {
        .box-grid-col-sm-2 {
            grid-template-columns: repeat(2, 1fr)
        }

        .box-grid-col-sm-3 {
            grid-template-columns: repeat(3, 1fr)
        }
    }

    @media (min-width:1024px) {
        .box-grid-col-md-2 {
            grid-template-columns: repeat(2, 1fr)
        }

        .box-grid-col-md-3 {
            grid-template-columns: repeat(3, 1fr)
        }
    }

    @media (min-width:1300px) {
        .box-grid-col-lg-2 {
            grid-template-columns: repeat(2, 1fr)
        }

        .box-grid-col-lg-3 {
            grid-template-columns: repeat(3, 1fr)
        }
    }

    #credential_picker_container {
        z-index: 12040 !important
    }

    #header-badge-popover-menu {
        white-space: nowrap;
        width: 360px;
        padding: var(--base-space-px-32, 32px);
        top: 53px;
        right: 0;
        left: auto !important
    }

    #header-badge-popover-menu .header-badge-links li {
        border-bottom: 1px solid var(--base-color-black-alpha-10, var(--base-color-black, #000))
    }

    @supports (color:color-mix(in lab, red, red)) {
        #header-badge-popover-menu .header-badge-links li {
            border-bottom: 1px solid var(--base-color-black-alpha-10, color-mix(in srgb, var(--base-color-black, #000)10%, transparent))
        }
    }

    #header-badge-popover-menu .header-badge-links li {
        align-items: center;
        height: 48px;
        display: flex
    }

    #header-badge-popover-menu .header-badge-links li>.disabled {
        color: var(--base-color-neutral-500, #6d7782) !important
    }

    #header-badge-popover-menu .header-badge-links li:last-child {
        border-bottom: none
    }

    #header-badge-popover-menu .header-badge-links .glyphicon {
        font-size: var(--base-type-size-xxl, 1.5rem);
        color: var(--sem-color-content-accent-inverse-secondary, var(--base-color-secondary-700, #d54101))
    }

    #header-badge-popover-menu .header-badge-links .header-badge-link-text {
        font-size: var(--base-type-size-md, 1rem);
        line-height: 1.5
    }

    #header-badge-popover-menu .header-badge-links a {
        color: var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e))
    }

    .header-badge {
        position: relative
    }

    .header-badge .header-badge-trigger:hover .text-link {
        text-decoration: underline
    }

    .header-badge .header-badge-trigger:hover .profile-icon {
        opacity: var(--base-opacity-85, 85%)
    }

    .header-badge .header-badge-trigger:active,
    .header-badge .header-badge-trigger:focus,
    .header-badge .header-badge-trigger:visited {
        color: var(--base-color-white, #fff)
    }

    .header-badge .text-link,
    .header-badge a {
        text-decoration: none
    }

    .header-badge .profile-icon,
    .header-badge .text-link,
    .header-badge .text-link:hover,
    .header-badge .user-icon,
    .header-badge a,
    .header-badge a:hover {
        color: var(--sem-color-content-neutral-tertiary, var(--base-color-neutral-500, #6d7782))
    }

    .header-badge .profile-icon,
    .header-badge .user-icon {
        display: flex;
        position: relative
    }

    .header-badge .profile-icon:hover,
    .header-badge .user-icon:hover {
        opacity: .85
    }

    .header-badge .profile-icon .badge,
    .header-badge .user-icon .badge {
        padding: var(--base-space-px-4, 4px);
        min-width: 22px;
        position: absolute;
        top: -2%;
        left: 41%
    }

    .header-badge .user-icon {
        padding: var(--base-space-px-12, 12px)var(--base-space-px-8, 8px)var(--base-space-px-12, 12px)var(--base-space-px-12, 12px)
    }

    @media (min-width:1300px) {
        .header-badge .user-icon {
            padding-right: var(--base-space-px-12, 12px)
        }
    }

    .header-badge .profile-label {
        padding-left: var(--base-space-px-8, 8px);
        line-height: var(--base-type-leading-tight, 1.2)
    }

    @media (min-width:1300px) {
        .header-badge .profile-label {
            padding-left: var(--base-space-px-12, 12px)
        }
    }

    .header-badge .profile-icon {
        padding: var(--base-space-px-12, 12px)var(--base-space-px-8, 8px)var(--base-space-px-12, 12px)var(--base-space-px-4, 4px)
    }

    @media (min-width:1300px) {
        .header-badge .profile-icon {
            padding-right: var(--base-space-px-0, 0)
        }

        .header-badge .profile-icon .badge {
            left: 50%
        }
    }

    .header-badge .profile-pic.thumbnail {
        height: var(--base-type-size-md, 1rem);
        width: var(--base-type-size-md, 1rem);
        border: none;
        border-radius: 50%;
        margin: 0;
        padding: 0;
        overflow: hidden
    }

    .header-profile-container {
        margin-bottom: var(--base-space-px-32, 32px);
        font-size: var(--base-type-size-xxl, 1.5rem);
        flex-direction: column;
        justify-content: center;
        align-items: center;
        display: flex
    }

    @media (min-width:1300px) {
        .header-profile-container {
            font-size: var(--base-type-size-lg, 1.125rem)
        }
    }

    .header-profile-container .header-avatar {
        background-color: var(--base-color-primary-600, #024aa5);
        width: 56px;
        height: 56px;
        color: var(--sem-color-content-neutral-inverse-primary, var(--base-color-white, #fff));
        margin-bottom: var(--base-space-px-16, 16px);
        font-weight: var(--base-type-weight-bold, 700);
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        display: flex
    }

    .header-profile-container .header-avatar .header-avatar-image {
        border-radius: inherit;
        width: 100%;
        height: 100%
    }

    @media (min-width:1300px) {
        .header-profile-container .header-avatar {
            width: 48px;
            height: 48px;
            margin-bottom: var(--base-space-px-12, 12px)
        }
    }

    .header-profile-container .header-profile-name {
        text-align: center;
        color: var(--sem-color-content-brand-primary, var(--base-color-primary-800, #012169));
        font-weight: var(--base-type-weight-bold, 700)
    }

    .sliding-menu-open {
        overflow: hidden
    }

    .sliding-menu-open header {
        z-index: 2147483647
    }

    .sliding-menu-overlay {
        opacity: 0;
        height: 0;
        transition-duration: var(--base-motion-150, .15s);
        transition-timing-function: var(--base-motion-easing-ease-out-sharp, cubic-bezier(1, 0, .68, .28));
        z-index: 1;
        position: fixed;
        inset: 0
    }

    .sliding-menu-overlay.open {
        background: var(--base-color-black, #000);
        opacity: var(--base-opacity-50, 50%);
        height: 10000px;
        transition-duration: var(--base-motion-250, .25s);
        transition-timing-function: var(--base-motion-easing-ease-in-sharp, cubic-bezier(.32, .72, 0, 1))
    }

    .sliding-menu {
        background: var(--sem-color-background-neutral-primary, var(--base-color-white, #fff));
        width: 100%;
        max-width: 430px;
        height: 100vh;
        transition-duration: var(--base-motion-150, .15s);
        transition-timing-function: var(--base-motion-easing-ease-out-sharp, cubic-bezier(1, 0, .68, .28));
        visibility: hidden;
        z-index: 2;
        flex-direction: column;
        display: flex;
        position: fixed;
        top: 0
    }

    .sliding-menu.slide-from-left {
        left: -100%
    }

    .sliding-menu.slide-from-left.open {
        visibility: visible;
        transition-duration: var(--base-motion-250, .25s);
        transition-timing-function: var(--base-motion-easing-ease-in-sharp, cubic-bezier(.32, .72, 0, 1));
        left: 0
    }

    .sliding-menu.slide-from-right {
        right: -100%
    }

    .sliding-menu.slide-from-right.open {
        visibility: visible;
        transition-duration: var(--base-motion-250, .25s);
        transition-timing-function: var(--base-motion-easing-ease-in-sharp, cubic-bezier(.32, .72, 0, 1));
        right: 0
    }

    .sliding-menu .sliding-menu-header {
        padding: var(--base-space-px-16, 16px);
        justify-content: flex-end;
        display: flex
    }

    .sliding-menu .sliding-menu-header .close {
        line-height: var(--base-type-leading-large, 1.5)
    }

    .sliding-menu .sliding-menu-container {
        height: 100%;
        padding: 0 var(--base-space-px-24, 24px)124px;
        margin-top: var(--base-space-px-16, 16px);
        flex-grow: 1;
        overflow: auto
    }

    .sliding-menu .sliding-menu-container li {
        list-style-type: none
    }

    .sliding-menu .sliding-menu-container a,
    .sliding-menu .sliding-menu-container a:active,
    .sliding-menu .sliding-menu-container a:focus,
    .sliding-menu .sliding-menu-container a:hover,
    .sliding-menu .sliding-menu-container a:visited,
    .sliding-menu .sliding-menu-container li,
    .sliding-menu .sliding-menu-container li:active,
    .sliding-menu .sliding-menu-container li:focus,
    .sliding-menu .sliding-menu-container li:hover,
    .sliding-menu .sliding-menu-container li:visited {
        color: var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e));
        text-decoration: none
    }

    .sliding-menu .sliding-menu-container ul.sliding-menu-links {
        padding-left: var(--base-space-px-0, 0)
    }

    .sliding-menu .sliding-menu-container ul.sliding-menu-links .glyphicon {
        color: var(--sem-color-content-accent-inverse-secondary, var(--base-color-secondary-700, #d54101))
    }

    .sliding-menu .sliding-menu-container ul.sliding-menu-links .glyphicon.offsite-icon {
        color: var(--base-color-secondary-700, #d54101)
    }

    .sliding-menu .sliding-menu-container ul.sliding-menu-links>li {
        padding: var(--base-space-px-16, 16px)var(--base-space-px-16, 16px)var(--base-space-px-16, 16px)var(--base-space-px-0, 0);
        border-bottom: var(--base-size-border-px, 1px)solid var(--base-color-black-alpha-10, var(--base-color-black, #000))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .sliding-menu .sliding-menu-container ul.sliding-menu-links>li {
            border-bottom: var(--base-size-border-px, 1px)solid var(--base-color-black-alpha-10, color-mix(in srgb, var(--base-color-black, #000)10%, transparent))
        }
    }

    .sliding-menu .sliding-menu-container ul.sliding-menu-links>li.has-offsite-icon,
    .sliding-menu .sliding-menu-container ul.sliding-menu-links>li.sliding-menu-accordion-panel {
        padding-right: var(--base-space-px-0, 0)
    }

    .sliding-menu .sliding-menu-container ul.sliding-menu-links>li.sliding-menu-accordion-panel>button {
        background-color: inherit;
        border: none;
        width: 100%;
        padding: 0
    }

    .sliding-menu .sliding-menu-container ul.sliding-menu-links>li.sliding-menu-accordion-panel .glyphicon.accordion-panel-menu-icon {
        color: var(--sem-color-content-accordion-icon, var(--base-color-secondary-700, #d54101))
    }

    .sliding-menu .sliding-menu-container ul.sliding-menu-links>li:last-child {
        border-bottom: none
    }

    .sliding-menu .sliding-menu-container ul.sliding-menu-links .sliding-menu-accordion-panel-content {
        max-height: 0;
        transition-duration: var(--base-motion-150, .15s);
        transition-timing-function: var(--base-motion-easing-ease-out, cubic-bezier(0, 0, .2, 1));
        visibility: hidden;
        overflow: hidden
    }

    .sliding-menu .sliding-menu-container ul.sliding-menu-links .sliding-menu-accordion-panel-content.open {
        visibility: visible;
        max-height: 1020px;
        transition-duration: var(--base-motion-250, .25s);
        transition-timing-function: var(--base-motion-easing-ease-in, cubic-bezier(.4, 0, 1, 1))
    }

    .sliding-menu .sliding-menu-container ul.sliding-menu-links .sliding-menu-accordion-panel-content .sliding-menu-accordion-title {
        padding-left: var(--base-space-px-32, 32px);
        color: var(--sem-color-content-neutral-inverse-tertiary, var(--base-color-neutral-400, #939da8));
        text-transform: uppercase
    }

    .sliding-menu .sliding-menu-container ul.sliding-menu-links .sliding-menu-accordion-panel-content .sliding-menu-accordion-title:first-child {
        margin-top: var(--base-space-px-16, 16px)
    }

    .sliding-menu .sliding-menu-container ul.sliding-menu-links .sliding-menu-accordion-panel-content ul.sliding-menu-accordion-links {
        padding-inline-start: var(--base-space-px-32, 32px)
    }

    .sliding-menu .sliding-menu-container ul.sliding-menu-links .sliding-menu-accordion-panel-content ul.sliding-menu-accordion-links li {
        padding-left: var(--base-space-px-32, 32px)
    }

    .sliding-menu .sliding-menu-container ul.sliding-menu-links .sliding-menu-accordion-panel-content ul.sliding-menu-accordion-links li:last-child {
        margin-bottom: var(--base-space-px-32, 32px);
        padding-left: var(--base-space-px-32, 32px)
    }

    .sliding-menu .sliding-menu-container ul.sliding-menu-links .sliding-menu-accordion-panel-content .sliding-menu-sponsored-content {
        margin-left: var(--base-space-px-32, 32px);
        border-top: var(--base-size-border-px, 1px)solid var(--base-color-black-alpha-10, var(--base-color-black, #000))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .sliding-menu .sliding-menu-container ul.sliding-menu-links .sliding-menu-accordion-panel-content .sliding-menu-sponsored-content {
            border-top: var(--base-size-border-px, 1px)solid var(--base-color-black-alpha-10, color-mix(in srgb, var(--base-color-black, #000)10%, transparent))
        }
    }

    .sliding-menu .sliding-menu-container ul.sliding-menu-links .sliding-menu-accordion-panel-content .sliding-menu-sponsored-content .header-sponsored-image-link {
        width: 72px;
        height: 72px
    }

    header {
        background-color: var(--base-color-white, #fff);
        z-index: 20;
        width: 100%;
        position: relative
    }

    header.navbar {
        border-top: var(--base-space-px-4, 4px)solid var(--sem-color-content-accent-inverse-secondary, var(--base-color-secondary-700, #d54101));
        border-bottom: var(--base-space-px-1, 1px)solid var(--sem-color-border-neutral-tertiary, var(--base-color-neutral-200, #e1e4e8))
    }

    header.navbar a,
    header.navbar li {
        color: var(--sem-color-content-neutral-tertiary, var(--base-color-neutral-500, #6d7782))
    }

    header.navbar a:active,
    header.navbar a:focus,
    header.navbar a:hover,
    header.navbar a:visited,
    header.navbar li:active,
    header.navbar li:focus,
    header.navbar li:hover,
    header.navbar li:visited {
        color: var(--sem-color-content-neutral-tertiary, var(--base-color-neutral-500, #6d7782));
        background-color: #0000;
        text-decoration: underline
    }

    header .navbar-wrapper {
        min-height: 52px;
        font-size: var(--base-type-size-sm, .86rem);
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        display: flex
    }

    header .navbar-wrapper .header-content {
        min-width: var(--base-space-px-48, 48px);
        flex: 2;
        order: 3;
        justify-content: flex-end;
        display: flex
    }

    header .navbar-wrapper .header-content>:first-child {
        display: flex
    }

    header .navbar-wrapper .header-content .header-badge:last-child {
        display: inline-block !important
    }

    @media (min-width:1300px) {
        header .navbar-wrapper .header-content {
            order: 5;
            margin-left: auto
        }

        header .navbar-wrapper {
            flex-wrap: nowrap;
            justify-content: flex-start;
            min-height: 58px
        }
    }

    header .header-brand {
        min-height: 52px;
        color: var(--sem-color-content-neutral-tertiary, var(--base-color-neutral-500, #6d7782));
        order: 2;
        justify-content: center;
        align-items: center;
        display: flex
    }

    header .header-brand:focus,
    header .header-brand:hover {
        color: var(--base-color-neutral-200, #e1e4e8);
        background-color: #0000;
        text-decoration: none
    }

    @media (min-width:1300px) {
        header .header-brand {
            min-height: 58px
        }
    }

    header .navbar-toggle {
        margin: var(--base-space-px-0, 0);
        color: var(--sem-color-content-neutral-tertiary, var(--base-color-neutral-500, #6d7782));
        padding: var(--base-space-px-12, 12px)var(--base-space-px-16, 16px)var(--base-space-px-12, 12px)var(--base-space-px-0, 0);
        cursor: pointer;
        align-items: center;
        display: flex
    }

    header .navbar-collapse {
        order: 4;
        display: none
    }

    @media (min-width:1300px) {
        header .navbar-collapse {
            margin-left: var(--base-space-px-16, 16px);
            display: block
        }
    }

    header .navbar-nav {
        position: relative
    }

    header .navbar-nav>li>.btn,
    header .navbar-nav>li>a {
        padding-top: var(--base-space-px-8, 8px);
        padding-bottom: var(--base-space-px-8, 8px);
        line-height: round(down, var(--base-type-size-md, 1rem)*var(--base-type-leading-normal, 1.5), 1px);
        font-size: var(--base-type-size-sm, .86rem);
        border: var(--base-size-border-none, 0);
        outline: none
    }

    header .navbar-nav>.disabled>a,
    header .navbar-nav>.disabled>a:focus,
    header .navbar-nav>.disabled>a:hover {
        color: var(--base-color-white, #fff);
        background-color: #0000
    }

    @media (min-width:1300px) {
        header .navbar-nav {
            flex: auto;
            align-items: center;
            height: 58px;
            display: flex
        }

        header .navbar-nav>li {
            justify-content: center;
            align-items: center;
            height: 100%;
            display: flex
        }

        header .navbar-nav>li .btn,
        header .navbar-nav>li>a {
            color: var(--sem-color-content-neutral-tertiary, var(--base-color-neutral-500, #6d7782));
            padding-left: var(--base-space-px-16, 16px);
            padding-right: var(--base-space-px-16, 16px);
            flex: auto;
            justify-content: center;
            align-items: center;
            display: flex
        }

        header .navbar-nav>li .btn:focus,
        header .navbar-nav>li .btn:hover,
        header .navbar-nav>li>a:focus,
        header .navbar-nav>li>a:hover {
            text-decoration: underline
        }

        header .navbar-nav .popover-submenu {
            padding: var(--base-space-px-32, 32px);
            font-size: var(--base-type-size-md, 1rem);
            top: 100%
        }

        header .navbar-nav .popover-submenu .submenu-header>h5 {
            font-weight: var(--base-type-weight-bold, 700);
            color: var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e));
            line-height: var(--base-type-leading-tight, 1.2)
        }

        header .navbar-nav .popover-submenu .submenu-links {
            gap: var(--base-space-px-32, 32px);
            margin-bottom: var(--base-space-px-32, 32px);
            display: flex
        }

        header .navbar-nav .popover-submenu a,
        header .navbar-nav .popover-submenu a:active,
        header .navbar-nav .popover-submenu a:focus,
        header .navbar-nav .popover-submenu a:hover,
        header .navbar-nav .popover-submenu a:visited {
            color: var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e))
        }

        header .navbar-nav .popover-submenu li {
            width: 208px;
            padding-bottom: var(--base-space-px-8, 8px)
        }

        header .navbar-nav .popover-submenu li:active,
        header .navbar-nav .popover-submenu li:focus,
        header .navbar-nav .popover-submenu li:hover,
        header .navbar-nav .popover-submenu li:visited {
            text-decoration: none
        }

        header .navbar-nav .popover-submenu hr {
            margin: var(--base-space-px-0, 0);
            color: var(--base-color-black-alpha-10, var(--base-color-black, #000))
        }

        @supports (color:color-mix(in lab, red, red)) {
            header .navbar-nav .popover-submenu hr {
                color: var(--base-color-black-alpha-10, color-mix(in srgb, var(--base-color-black, #000)10%, transparent))
            }
        }

        header .navbar-nav .popover-submenu .sponsored-container {
            margin-top: var(--base-space-px-32, 32px);
            gap: var(--base-space-px-32, 32px);
            line-height: var(--base-type-leading-normal, 1.5);
            flex-wrap: wrap;
            width: 100%;
            display: flex
        }

        header .navbar-nav .popover-submenu .sponsored-container.flex-row div[data-cmp=sponsored-content] {
            padding: var(--base-space-px-0, 0);
            flex: 0 0 calc(50% - var(--base-space-px-16, 16px));
            max-width: calc(50% - var(--base-space-px-16, 16px))
        }

        header .navbar-nav .popover-submenu .sponsored-container.flex-column div[data-cmp=sponsored-content] {
            padding: var(--base-space-px-0, 0);
            flex: 100%;
            width: 100%;
            max-width: 100%
        }

        header .navbar-nav .popover-submenu .sponsored-container .header-sponsored-image-link {
            background-color: var(--base-color-primary-100, #e3f2ff);
            width: 72px;
            height: 72px
        }
    }

    header .header-sponsored-image-link {
        width: 72px;
        height: 72px
    }

    header .offsite-icon {
        margin-bottom: 2px;
        position: relative
    }

    header.transparent-header {
        border-bottom: unset;
        z-index: 50;
        background-color: #0000;
        width: 100%;
        position: absolute
    }

    header.transparent-header .glyphicon-wallet,
    header.transparent-header .navbar-toggle,
    header.transparent-header .user-icon {
        color: var(--base-color-white, #fff) !important
    }

    header.transparent-header .header-badge .profile-icon,
    header.transparent-header .header-badge .text-link,
    header.transparent-header .submenu,
    header.transparent-header .submenu:active,
    header.transparent-header .submenu:focus,
    header.transparent-header .submenu:hover,
    header.transparent-header .submenu:visited,
    header.transparent-header li>.btn,
    header.transparent-header li>.btn:active,
    header.transparent-header li>.btn:focus,
    header.transparent-header li>.btn:hover,
    header.transparent-header li>.btn:visited,
    header.transparent-header li>a,
    header.transparent-header li>a:active,
    header.transparent-header li>a:focus,
    header.transparent-header li>a:hover,
    header.transparent-header li>a:visited {
        color: var(--base-color-white, #fff)
    }

    header.transparent-header.gradient-background {
        height: calc(2*58px + var(--base-space-px-12, 12px));
        background: linear-gradient(#000, #0000) !important
    }

    .hero-ad-bar {
        margin: var(--base-space-px-0, 0);
        padding: var(--base-space-px-8, 8px);
        width: 100%;
        position: absolute;
        bottom: 0
    }

    .hero-ad-bar-transparent {
        background-color: #0000 !important
    }

    .hero-ad-bar-transparent .logo-standard {
        width: 70px;
        height: 40px
    }

    .hero-ad-bar-transparent .logo-wide {
        width: 90px;
        height: 35px
    }

    .hero-ad-bar-dma {
        bottom: unset;
        position: relative;
        background-color: #0000 !important
    }

    .hero-ad-bar-dma .link-button {
        color: var(--base-color-primary-500, #4b6ed2) !important
    }

    .hero-ad-bar-dma .link-button:before {
        content: " |";
        margin-right: 8px;
        color: var(--base-color-neutral-500, #6d7782) !important
    }

    .hero-ad-bar-dma .link-thumbnail {
        max-width: 203px;
        max-height: 1px
    }

    @media (min-width:768px) {
        .hero-ad-bar-dma .link-thumbnail {
            max-width: none
        }
    }

    .hero-ad-bar-dma .thumbnail {
        object-fit: cover;
        background-color: #0000;
        border: none;
        width: 100%;
        max-width: 203px;
        margin-top: -1vh;
        position: relative;
        transform: translateY(-40%)
    }

    .hero-ad-bar-dma .link-button-block {
        margin-left: -12px
    }

    .hero-ad-bar-dma .content {
        overflow: hidden
    }

    .hero {
        overflow: unset;
        background: var(--base-color-black, #000);
        position: relative
    }

    .hero.transparent-header {
        --header-offset-height: 52px
    }

    @media (min-width:1300px) {
        .hero.transparent-header {
            --header-offset-height: 58px
        }
    }

    .hero.billboard {
        height: calc(150px + var(--header-offset-height, 0px))
    }

    @media (min-width:768px) {
        .hero.billboard {
            height: calc(177px + var(--header-offset-height, 0px))
        }
    }

    @media (min-width:1024px) {
        .hero.billboard {
            height: calc(236px + var(--header-offset-height, 0px))
        }
    }

    @media (min-width:1300px) {
        .hero.billboard {
            height: calc(300px + var(--header-offset-height, 0px))
        }
    }

    .hero.billboard .heroImgWrapper,
    .hero.billboard-search,
    .hero.billboard-search .heroImgWrapper,
    .hero.modern-search,
    .hero.modern-search .heroImgWrapper {
        height: calc(300px + var(--header-offset-height, 0px))
    }

    @media only screen and (max-width:767px) {
        .hero.modern-search {
            height: 265px
        }
    }

    .hero.full,
    .hero.landing {
        height: calc(450px + var(--header-offset-height, 0px))
    }

    @media (min-width:768px) {

        .hero.full,
        .hero.landing {
            height: calc(475px + var(--header-offset-height, 0px))
        }
    }

    .hero.full .heroImgWrapper,
    .hero.landing .heroImgWrapper {
        height: calc(475px + var(--header-offset-height, 0px) + 40)
    }

    .hero.landing {
        height: calc(475px + var(--header-offset-height, 0px))
    }

    @media (min-width:768px) {
        .hero.landing {
            height: calc(475px + var(--header-offset-height, 0px))
        }
    }

    .hero.landing .heroImgWrapper {
        height: calc(475px + var(--header-offset-height, 0px))
    }

    .hero.landing-momentum,
    .hero.superhero {
        height: calc(580px + var(--header-offset-height, 0px))
    }

    @media (min-width:768px) {

        .hero.landing-momentum,
        .hero.superhero {
            height: calc(475px + var(--header-offset-height, 0px))
        }
    }

    .hero.landing-momentum .heroImgWrapper,
    .hero.superhero .heroImgWrapper {
        height: calc(475px + var(--header-offset-height, 0px))
    }

    @media only screen and (max-width:767px) {

        .hero.billboard,
        .hero.billboard-search,
        .hero.full,
        .hero.landing,
        .hero.landing-momentum,
        .hero.superhero {
            height: 470px
        }
    }

    .hero .heroImgWrapper {
        opacity: .2;
        filter: blur(2px);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        position: absolute
    }

    .hero .container.full {
        position: static
    }

    .hero .container {
        width: 100%;
        max-width: 1300px;
        padding: var(--base-space-px-0, 0);
        position: relative
    }

    .hero .container .positioned-overlay-wrapper {
        width: 100%;
        height: 100%
    }

    .hero .container .positioned-overlay-wrapper .positioned-overlay-anchor-block {
        z-index: 2;
        height: 100%;
        padding-top: var(--header-offset-height, 0)
    }

    .hero .container .positioned-overlay-wrapper .hero-img-link {
        width: 100%;
        height: 100%;
        position: absolute
    }

    .hero .container .billboard {
        height: calc(150px + var(--header-offset-height, 0px))
    }

    @media (min-width:768px) {
        .hero .container .billboard {
            height: calc(177px + var(--header-offset-height, 0px))
        }
    }

    @media (min-width:1024px) {
        .hero .container .billboard {
            height: calc(236px + var(--header-offset-height, 0px))
        }
    }

    @media (min-width:1300px) {
        .hero .container .billboard {
            height: calc(300px + var(--header-offset-height, 0px))
        }
    }

    .hero .container .full,
    .hero .container .landing {
        height: calc(450px + var(--header-offset-height, 0px))
    }

    @media (min-width:768px) {

        .hero .container .full,
        .hero .container .landing {
            height: calc(475px + var(--header-offset-height, 0px))
        }
    }

    .hero .container .landing {
        height: calc(475px + var(--header-offset-height, 0px))
    }

    @media (min-width:768px) {
        .hero .container .landing {
            height: calc(475px + var(--header-offset-height, 0px))
        }
    }

    .hero .container .landing-momentum,
    .hero .container .superhero {
        height: calc(580px + var(--header-offset-height, 0px))
    }

    @media (min-width:768px) {

        .hero .container .landing-momentum,
        .hero .container .superhero {
            height: calc(475px + var(--header-offset-height, 0px))
        }
    }

    .hero .container .billboard-search {
        height: calc(300px + var(--header-offset-height, 0px))
    }

    @media (min-width:768px) {
        .hero .container .billboard-search {
            height: calc(300px + var(--header-offset-height, 0px))
        }
    }

    .hero .container .modern-search {
        height: calc(300px + var(--header-offset-height, 0px))
    }

    @media only screen and (max-width:767px) {
        .hero .container .modern-search {
            height: 265px
        }

        .hero .container .billboard,
        .hero .container .billboard-search,
        .hero .container .full,
        .hero .container .landing,
        .hero .container .landing-momentum,
        .hero .container .superhero {
            height: 470px
        }
    }

    .hero .container .hero-base-img {
        object-fit: cover;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 50%;
        right: 0;
        transform: translate(-50%)
    }

    .hero .container.wide {
        max-width: 1920px
    }

    .image-inventory {
        position: relative
    }

    .image-inventory .stock-label {
        background: var(--base-color-white, #fff);
        display: block;
        position: absolute
    }

    .image-inventory .stock-label:hover {
        text-decoration: none !important
    }

    .image-inventory .ghost {
        background: var(--base-color-neutral-200, #e1e4e8);
        width: 200px;
        height: 150px;
        padding-top: 20px;
        font-size: 100px
    }

    .image-inventory .ghost-xlg {
        background: var(--base-color-neutral-200, #e1e4e8);
        width: 100%;
        height: 409px;
        padding-top: 70px;
        font-size: 250px
    }

    .image-inventory .bottom-center {
        text-align: center;
        width: 100%;
        bottom: 0
    }

    .image-inventory .top-left {
        top: 0;
        left: 0
    }

    .img-responsive {
        max-width: 100%;
        height: auto;
        display: block
    }

    .img-thumbnail {
        padding: var(--base-space-px-4, 4px);
        line-height: var(--base-type-leading-normal, 1.5);
        background-color: var(--base-color-white, #fff);
        border: 1px solid var(--base-color-neutral-300, #cfd4da);
        border-radius: var(--base-space-px-4, 4px);
        max-width: 100%;
        height: auto;
        transition: all .2s ease-in-out;
        display: inline-block
    }

    .image-scaled.letterbox {
        background: var(--base-color-neutral-200, #e1e4e8);
        justify-content: center;
        align-items: center;
        display: flex
    }

    .image-label {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain
    }

    .inventory-carousel {
        height: 100%
    }

    .inventory-carousel .inventory-listing {
        cursor: pointer
    }

    .inventory-carousel .inventory-listing .item-card-side img {
        object-fit: cover;
        height: 150px
    }

    .inventory-carousel .inventory-listing .item-card-footer {
        min-height: 10px !important
    }

    .inventory-carousel .inventory-carousel-image {
        width: auto;
        max-width: 100%;
        height: auto;
        max-height: 100%;
        display: block
    }

    .inventory-carousel .inventory-listing-media>.positioned-overlay-base {
        background-color: var(--base-color-neutral-800, #2d363e);
        justify-content: center;
        align-items: center;
        height: 156px;
        display: flex;
        overflow: hidden
    }

    .inventory-listing-addons .checkbox {
        margin-bottom: 0
    }

    .inventory-listing-media .positioned-overlay-bottom {
        background-image: linear-gradient(#0000, #000c);
        background-repeat: repeat-x
    }

    .image-container {
        height: 0;
        padding-bottom: 75%
    }

    .image-crop {
        object-fit: cover;
        min-height: 115px;
        max-height: 185px !important
    }

    .inventory-listing {
        width: 100%;
        overflow: hidden;
        border-color: var(--comp-color-border-card-standard) !important
    }

    .inventory-listing .panel {
        overflow: hidden
    }

    .inventory-listing .overlay-actions-container {
        z-index: 1;
        height: 40px;
        margin-bottom: -40px;
        display: flex;
        position: relative
    }

    .inventory-listing .overlay-actions-container.col-xs-4 {
        width: 32.3333%
    }

    .inventory-listing .right.ribbon-payment {
        margin-right: -21px
    }

    .inventory-listing .overlay-glyphs {
        line-height: 16px
    }

    .inventory-listing .overlay-glyphs .label {
        white-space: nowrap
    }

    .inventory-listing .quick-actions-popover {
        background: var(--base-color-white, #fff);
        border: 1px solid var(--base-color-neutral-300, #cfd4da);
        border-radius: 4px;
        width: 92%;
        position: absolute;
        box-shadow: 0 5px 10px #0003;
        transform: translate(13px, -55px) !important
    }

    .inventory-listing .quick-actions-popover .popover-content {
        padding: 0 16px
    }

    .inventory-listing .img-vertically-aligned {
        display: inline;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%)
    }

    .inventory-listing .img-responsive-scale {
        width: unset
    }

    @media (min-width:768px) {
        .inventory-listing .static-height-footer {
            min-height: 40px
        }
    }

    .title-info {
        max-width: 100%;
        margin-bottom: var(--base-space-px-12, 12px);
        flex-direction: column;
        display: flex
    }

    .title-info .condition .glyphicon {
        top: 3px
    }

    .title-info .condition,
    .title-info .specifications {
        font-size: var(--base-type-size-sm, .86rem);
        color: var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e));
        display: flex
    }

    .title-info .list-inline {
        overflow: hidden;
        display: inline-flex !important
    }

    .title-info .list-inline>li {
        flex-shrink: 0
    }

    .title-info .list-inline>li:first-child {
        flex-shrink: 1;
        padding-left: 0;
        overflow: hidden
    }

    .title-info .fuel-type {
        padding-left: var(--base-space-px-8, 8px);
        flex-shrink: 0
    }

    .urgency-driver.header {
        height: 40px
    }

    .urgency-driver.footer {
        height: 36px
    }

    .ellipsis-truncated {
        white-space: nowrap;
        text-overflow: ellipsis;
        vertical-align: bottom;
        max-width: 100%;
        display: inline-block;
        overflow: hidden
    }

    .dealer-logo {
        min-height: 49px
    }

    .inner-shadow-image-wrapper {
        aspect-ratio: 4/3;
        width: 100%;
        position: relative;
        overflow: hidden;
        height: 100% !important
    }

    .inner-shadow-image-wrapper:after {
        content: "";
        pointer-events: none;
        position: absolute;
        inset: 0;
        box-shadow: inset 0 0 24px #0000001a
    }

    .list .list-bordered {
        padding: var(--base-space-px-12, 12px);
        border-top: 1px solid var(--base-color-neutral-300, #cfd4da)
    }

    .list .list-condensed {
        padding: var(--base-space-px-8, 8px)
    }

    .list .list-striped:nth-of-type(odd) {
        background-color: var(--base-color-neutral-100, #f8f8f8)
    }

    .list .list-hover:hover {
        background-color: var(--base-color-neutral-200, #e1e4e8)
    }

    .list .no-list-decoration {
        list-style-type: none
    }

    .loading-indicator.fade {
        opacity: .3;
        transition: opacity .15s linear
    }

    .loading-indicator.fade.slow {
        transition: opacity .3s linear
    }

    .loading-indicator.fade.in {
        opacity: 1
    }

    .loading-indicator.fade.in.fixed {
        background: var(--base-color-neutral-100, #f8f8f8);
        z-index: 2;
        opacity: .7;
        width: 100%;
        height: 100%;
        position: absolute
    }

    .loading-spinner {
        text-align: center;
        width: 70px;
        margin: 100px auto 0
    }

    .loading-spinner.wallet-grid-spinner {
        height: 90px
    }

    @media (min-width:1300px) {
        .loading-spinner.wallet-grid-spinner {
            height: 50px !important
        }
    }

    .loading-spinner>div {
        width: var(--base-space-px-16, 16px);
        height: var(--base-space-px-16, 16px);
        background-color: var(--comp-color-background-loading-spinner, var(--base-color-neutral-300, #cfd4da));
        border-radius: 100%;
        animation: sk-bouncedelay 1.4s ease-in-out infinite both;
        display: inline-block
    }

    .loading-spinner .bounce1 {
        animation-delay: -.32s
    }

    .loading-spinner .bounce2 {
        animation-delay: -.16s
    }

    @keyframes sk-bouncedelay {

        0%,
        80%,
        to {
            transform: scale(0)
        }

        40% {
            transform: scale(1)
        }
    }

    .media-gallery-viewer,
    .media-gallery-viewer-full-width {
        max-width: 100%;
        display: block;
        position: relative
    }

    .media-gallery-viewer .video-player,
    .media-gallery-viewer-full-width .video-player,
    .media-gallery-viewer-full-width:hover .full-screen-text,
    .media-gallery-viewer:hover .full-screen-text {
        display: inline-block
    }

    .media-gallery-viewer-full-width {
        max-width: none
    }

    .media-wall {
        outline: none;
        width: 100%;
        min-width: 280px;
        margin-bottom: 20px;
        display: block;
        position: relative;
        overflow-x: hidden
    }

    .media-wall .carousel {
        -webkit-margin-before: 0;
        -webkit-margin-after: 0;
        -webkit-margin-start: 0;
        -webkit-margin-end: 0;
        -webkit-padding-start: 0;
        padding-left: 0;
        list-style: none;
        transition: left .5s;
        position: relative;
        left: 0;
        overflow: hidden
    }

    .media-wall .carousel-wrapper {
        position: relative
    }

    .media-wall .next,
    .media-wall .prev {
        z-index: 10;
        cursor: pointer;
        margin-top: -17px;
        font-size: 24px;
        position: absolute;
        top: 50%
    }

    .media-wall .prev {
        left: 0
    }

    .media-wall .next {
        right: 0
    }

    .media-wall ul.carousel {
        width: 100000px
    }

    .media-wall ul.carousel li {
        vertical-align: top;
        text-align: center;
        display: inline-block;
        position: relative
    }

    .media-wall ul.carousel li .wrapper {
        border-right: 2px solid var(--base-color-white, #fff);
        border-bottom: 2px solid var(--base-color-white, #fff);
        max-width: none;
        height: 100%;
        position: relative;
        overflow: hidden
    }

    .media-wall ul.carousel li.sm-tile {
        width: 280px;
        height: 208px
    }

    .media-wall ul.carousel li.sm-tile.odd-tile {
        vertical-align: bottom;
        margin-left: -280px
    }

    .media-wall ul.carousel li.lg-tile {
        width: 548px;
        height: 416px
    }

    .media-wall .media-wall-dots {
        text-align: center
    }

    .media-wall .media-wall-dot {
        width: var(--base-space-px-12, 12px);
        height: var(--base-space-px-12, 12px);
        background-color: var(--base-color-white, #fff);
        cursor: pointer;
        border: 1px solid var(--base-color-neutral-600, #59636e);
        border-radius: 50%;
        margin: 0 3px;
        transition: all .5s;
        display: inline-block;
        position: relative;
        top: 50%;
        transform: translateY(50%)scale(1)
    }

    .media-wall .media-wall-dot.active {
        background-color: var(--base-color-neutral-600, #59636e)
    }

    .meter-bar {
        height: var(--comp-size-height-meter, var(--base-space-px-8, 8px));
        gap: 2px;
        display: flex
    }

    .meter-bar-inverse .meter-bar-segment {
        background-color: var(--comp-color-content-bar-inactive-inverse, var(--base-color-white-alpha-20, var(--base-color-white, #fff)))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .meter-bar-inverse .meter-bar-segment {
            background-color: var(--comp-color-content-bar-inactive-inverse, var(--base-color-white-alpha-20, color-mix(in srgb, var(--base-color-white, #fff)20%, transparent)))
        }
    }

    .meter-bar-inverse .meter-bar-segment.segment-filled {
        background-color: var(--comp-color-content-bar-active-inverse, var(--sem-color-content-accent-inverse-secondary, var(--base-color-secondary-700, #d54101)))
    }

    .meter-bar.meter-bar-status-low .segment-filled {
        background-color: var(--comp-color-content-bar-active-low, var(--sem-color-content-error-primary, var(--base-color-error-700, #bc0005)))
    }

    .meter-bar.meter-bar-status-med .segment-filled {
        background-color: var(--comp-color-content-bar-active-medium, var(--sem-color-content-accent-secondary, var(--base-color-secondary-500, #e85b00)))
    }

    .meter-bar.meter-bar-status-high .segment-filled {
        background-color: var(--comp-color-content-bar-active-high, var(--sem-color-content-success-primary, var(--base-color-success-700, #0f7e33)))
    }

    .meter-bar-segment {
        background-color: var(--comp-color-content-bar-inactive, var(--base-color-black-alpha-20, var(--base-color-black, #000)));
        flex-grow: 1;
        min-width: 12px
    }

    @supports (color:color-mix(in lab, red, red)) {
        .meter-bar-segment {
            background-color: var(--comp-color-content-bar-inactive, var(--base-color-black-alpha-20, color-mix(in srgb, var(--base-color-black, #000)20%, transparent)))
        }
    }

    .meter-bar-segment.segment-filled {
        background-color: var(--comp-color-content-bar-active-brand, var(--sem-color-content-accent-primary, var(--base-color-secondary-700, #d54101)))
    }

    .meter-bar-segment:first-of-type {
        border-radius: var(--comp-size-radius-meter, var(--sem-size-radius-box, var(--base-space-px-4, 4px)))0 0 var(--comp-size-radius-meter, var(--sem-size-radius-box, var(--base-space-px-4, 4px)))
    }

    .meter-bar-segment:last-of-type {
        border-radius: 0 var(--comp-size-radius-meter, var(--sem-size-radius-box, var(--base-space-px-4, 4px)))var(--comp-size-radius-meter, var(--sem-size-radius-box, var(--base-space-px-4, 4px)))0
    }

    .model-card {
        text-align: center
    }

    .model-card .item-card-body {
        border-top: 1px solid var(--base-color-neutral-300, #cfd4da)
    }

    .model-carousel .model-card {
        flex: 1
    }

    .model-carousel .item-card,
    .model-carousel .panel-body {
        height: 100%
    }

    .model-carousel .item-card-content {
        flex: 1 0 auto
    }

    .modal-dialog .modal-scroll-panel {
        -webkit-overflow-scrolling: touch;
        max-height: 400px;
        overflow-y: scroll
    }

    .modal-dialog .modal-scroll-panel.overflow-x-hidden {
        overflow-x: hidden
    }

    .modal-dialog.modal-sm .modal-scroll-panel {
        max-height: 400px
    }

    .modal-dialog.modal-lg .modal-scroll-panel {
        max-height: 550px
    }

    .multiselect-dropdown {
        position: relative
    }

    .multiselect-dropdown .multiselect-box.form-control {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .multiselect-dropdown .multiselect-box.form-control:after {
        content: "";
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjUuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMS42LDQuNmMwLjItMC4yLDAuNS0wLjIsMC43LDBjMCwwLDAsMCwwLDBMOCwxMC4zbDUuNi01LjZjMC4yLTAuMiwwLjUtMC4yLDAuNywwczAuMiwwLjUsMCwwLjdsLTYsNgoJYy0wLjIsMC4yLTAuNSwwLjItMC43LDBjMCwwLDAsMCwwLDBsLTYtNkMxLjUsNS4yLDEuNSw0LjgsMS42LDQuNkMxLjYsNC42LDEuNiw0LjYsMS42LDQuNnoiLz4KPC9zdmc+Cg==);
        width: 12px;
        height: 12px
    }

    .multiselect-dropdown .multiselect-box.form-control.open {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .multiselect-dropdown .multiselect-box.form-control.open:after {
        transform: rotate(180deg)
    }

    .multiselect-dropdown .multiselect-box.form-control.tall {
        height: var(--comp-size-height-input, 48px)
    }

    .multiselect-dropdown .multiselect-box.form-control.disabled {
        cursor: not-allowed;
        background-color: var(--base-color-neutral-200, #e1e4e8);
        opacity: 1
    }

    .multiselect-dropdown .multiselect-box.form-control option {
        display: none
    }

    .multiselect-dropdown div.multiselect-options {
        position: absolute
    }

    .multiselect-dropdown div.multiselect-options.open {
        z-index: 10;
        width: 100%
    }

    .multiselect-dropdown div.multiselect-options.open .form-control {
        border-top-width: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        height: 100%;
        max-height: 400px;
        overflow-x: auto
    }

    .multiselect-dropdown div.multiselect-options.open .form-control:active,
    .multiselect-dropdown div.multiselect-options.open .form-control:focus {
        border-width: var(--base-space-px-1, 1px);
        border-top-width: 0;
        border-color: var(--comp-color-border-input-rest, var(--base-color-neutral-300, #cfd4da))
    }

    .multiselect-dropdown div.multiselect-options .swatch {
        width: 20px !important;
        height: 20px !important;
        display: block !important
    }

    .wallet-text-accent {
        color: #005cb0
    }

    .global-theme-enabled.bg-primary {
        background-color: #162d5b
    }

    .global-theme-enabled.my-wallet .modal-header {
        background-color: #162d5b;
        border-bottom-color: #1f3e76
    }

    .global-theme-enabled.my-wallet .mywallet-headline {
        background-color: #162d5b;
        border-bottom: 4px solid #f3bc2a
    }

    .global-theme-enabled.my-wallet .mywallet-headline .btn-secondary {
        color: #005cb0;
        background-color: #fff;
        border-color: #005cb0;
        border-radius: 4px
    }

    .global-theme-enabled .content-preview-headline .text-accent,
    .global-theme-enabled .text-link {
        color: #006bc2 !important
    }

    .global-theme-enabled .btn-primary {
        color: #000;
        background: #f3bc2a;
        border-color: #0000;
        border-radius: 4px
    }

    .global-theme-enabled .content-preview-badge {
        color: #000;
        background-color: #f3bc2a
    }

    .show-kbb-logo.my-wallet .modal-header .close {
        line-height: 16px
    }

    .wallet-grid-hdr-gray {
        color: var(--base-color-neutral-800, #2d363e) !important
    }

    .wallet-grid-hdr-blue {
        color: #006bc2 !important
    }

    .my-wallet-grid {
        border: 2px solid var(--base-color-white, #fff)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .my-wallet-grid {
            border: 2px solid color-mix(in srgb, var(--base-color-white, #fff)60%, transparent)
        }
    }

    .my-wallet-grid {
        border-radius: 3px
    }

    @media (min-width:768px) {
        .my-wallet .modal-dialog {
            width: 440px
        }
    }

    .my-wallet .modal-scroll-panel {
        scrollbar-width: none;
        max-height: 100% !important
    }

    .my-wallet .modal-scroll-panel::-webkit-scrollbar {
        width: 0;
        height: 0
    }

    .my-wallet .modal-header {
        border-bottom: var(--comp-size-border-modal-header, 1px)solid var(--comp-color-border-modal-header-primary, var(--base-color-primary-700, #0f3485));
        border-radius: 4px 4px 0 0
    }

    .my-wallet .modal-header .close {
        opacity: 1
    }

    .my-wallet .modal-header .close span {
        vertical-align: sub
    }

    .my-wallet .modal-body {
        border-radius: 0 0 4px 4px;
        padding: 0 !important
    }

    @media (min-width:768px) {
        .my-wallet .modal-body .scroll-height {
            height: 366px
        }
    }

    @media (max-width:767px) {
        .my-wallet .modal-body .scroll-height {
            height: 387px
        }
    }

    .my-wallet .modal-side-container {
        z-index: 3
    }

    .my-wallet .mywallet-content {
        padding: var(--base-space-px-16, 16px)
    }

    .my-wallet .mywallet-content .colored-background {
        border-radius: 4px
    }

    .my-wallet .mywallet-headline {
        background-color: var(--base-color-primary-800, #012169);
        border-bottom: 4px solid var(--base-color-secondary-500, #e85b00)
    }

    .my-wallet .mywallet-static-headline {
        background-color: var(--sem-color-background-brand-inverse-primary, var(--base-color-primary-800, #012169))
    }

    .my-wallet .section-header {
        color: var(--base-color-primary-800, #012169)
    }

    .my-wallet .radio-group .radio {
        margin-top: 0 !important
    }

    .my-wallet .carousel-nav-button {
        background: 0 0;
        border: none;
        outline: 0;
        width: 50px;
        height: 50px;
        padding: 0
    }

    .my-wallet .carousel-nav-button:hover {
        background: 0 0
    }

    .my-wallet .carousel-nav-button .arrow {
        fill: var(--base-color-secondary-500, #e85b00)
    }

    .my-wallet .carousel-nav-button span.glyphicon {
        color: var(--base-color-secondary-500, #e85b00);
        font-size: 48px !important
    }

    .my-wallet .carousel-nav-button.previous {
        left: 0
    }

    .my-wallet .carousel-nav-button.next {
        right: 0
    }

    .my-wallet .sticky-alert {
        position: relative
    }

    .my-wallet .sticky-alert .alert {
        margin-bottom: 0
    }

    .my-wallet .mydeals-banner {
        border-bottom: solid var(--base-color-neutral-300, #cfd4da)1px;
        margin-left: -8px;
        margin-right: -8px
    }

    .my-wallet .content-highlight {
        font-style: "italic"
    }

    .popover {
        z-index: 20;
        padding: var(--comp-space-padding-top-popover, 1px)var(--comp-space-padding-right-popover, 1px)var(--comp-space-padding-bottom-popover, 1px)var(--comp-space-padding-left-popover, 1px);
        background-color: var(--comp-color-background-popover, var(--base-color-white, #fff));
        border: var(--comp-size-border-popover, 1px)solid var(--comp-color-border-popover, var(--base-color-neutral-800, #2d363e));
        background-clip: padding-box;
        position: absolute;
        top: 0;
        left: 0
    }

    @supports (color:color-mix(in lab, red, red)) {
        .popover {
            border: var(--comp-size-border-popover, 1px)solid var(--comp-color-border-popover, color-mix(in srgb, var(--base-color-neutral-800, #2d363e)30%, transparent))
        }
    }

    .popover {
        border-radius: var(--comp-size-radius-popover, var(--base-size-radius-lg, 8px));
        box-shadow: var(--comp-elevation-shadow-popover, 0 5px 10px #0003);
        font-family: var(--base-type-font-body, roboto, -apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, arial, sans-serif);
        font-style: normal;
        font-weight: 400;
        line-height: var(--base-type-leading-normal, 1.5);
        line-break: auto;
        text-align: left;
        text-align: start;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        word-spacing: normal;
        word-wrap: normal;
        white-space: normal;
        font-size: var(--comp-type-size-popover, var(--base-type-size-md, 16px));
        font-weight: var(--comp-type-weight-popover, 400);
        color: var(--comp-color-content-popover, var(--base-color-neutral-800, #2d363e));
        text-decoration: none
    }

    .popover>.arrow {
        border-width: 12px
    }

    .popover>.arrow,
    .popover>.arrow:after {
        border-style: solid;
        border-color: #0000;
        width: 0;
        height: 0;
        display: block;
        position: absolute
    }

    .popover>.arrow:after {
        content: "";
        border-width: 12px
    }

    .popover.narrow {
        max-width: 300px
    }

    .popover[data-popper-placement^=top] {
        margin-top: -12px !important
    }

    .popover[data-popper-placement^=top]>.arrow {
        border-top-color: var(--comp-color-border-popover, var(--base-color-neutral-800, #2d363e));
        bottom: -12px;
        left: 50%
    }

    @supports (color:color-mix(in lab, red, red)) {
        .popover[data-popper-placement^=top]>.arrow {
            border-top-color: var(--comp-color-border-popover, color-mix(in srgb, var(--base-color-neutral-800, #2d363e)30%, transparent))
        }
    }

    .popover[data-popper-placement^=top]>.arrow {
        border-bottom-width: 0
    }

    .popover[data-popper-placement^=top]>.arrow:after {
        content: " ";
        border-top-color: var(--comp-color-background-popover, var(--base-color-white, #fff));
        border-bottom-width: var(--comp-size-border-popover, 1px);
        margin-left: -12px;
        bottom: 0
    }

    .popover[data-popper-placement^=right]>.arrow {
        border-right-color: var(--comp-color-border-popover, var(--base-color-neutral-800, #2d363e));
        top: 50%;
        left: -12px
    }

    @supports (color:color-mix(in lab, red, red)) {
        .popover[data-popper-placement^=right]>.arrow {
            border-right-color: var(--comp-color-border-popover, color-mix(in srgb, var(--base-color-neutral-800, #2d363e)30%, transparent))
        }
    }

    .popover[data-popper-placement^=right]>.arrow {
        border-left-width: 0
    }

    .popover[data-popper-placement^=right]>.arrow:after {
        content: " ";
        border-right-color: var(--comp-color-background-popover, var(--base-color-white, #fff));
        border-left-width: var(--comp-size-border-popover, 1px);
        bottom: -12px;
        left: 0
    }

    .popover[data-popper-placement^=bottom]>.arrow {
        border-top-width: 0;
        border-bottom-color: var(--comp-color-border-popover, var(--base-color-neutral-800, #2d363e));
        top: -12px;
        left: 50%
    }

    @supports (color:color-mix(in lab, red, red)) {
        .popover[data-popper-placement^=bottom]>.arrow {
            border-bottom-color: var(--comp-color-border-popover, color-mix(in srgb, var(--base-color-neutral-800, #2d363e)30%, transparent))
        }
    }

    .popover[data-popper-placement^=bottom]>.arrow:after {
        content: " ";
        border-top-width: var(--comp-size-border-popover, 1px);
        border-bottom-color: var(--comp-color-background-popover, var(--base-color-white, #fff));
        margin-left: -12px;
        top: 0
    }

    .popover[data-popper-placement^=left] {
        margin-left: -12px !important
    }

    .popover[data-popper-placement^=left]>.arrow {
        border-right-width: 0;
        border-left-color: var(--comp-color-border-popover, var(--base-color-neutral-800, #2d363e));
        margin-top: -12px;
        top: 50%;
        right: -12px
    }

    @supports (color:color-mix(in lab, red, red)) {
        .popover[data-popper-placement^=left]>.arrow {
            border-left-color: var(--comp-color-border-popover, color-mix(in srgb, var(--base-color-neutral-800, #2d363e)30%, transparent))
        }
    }

    .popover[data-popper-placement^=left]>.arrow:after {
        content: " ";
        border-right-width: var(--comp-size-border-popover, 1px);
        border-left-color: var(--comp-color-background-popover, var(--base-color-white, #fff));
        bottom: -12px;
        right: 0
    }

    .popover .popover-title {
        font-size: var(--base-type-size-md, 16px);
        background-color: var(--base-color-neutral-100, #f8f8f8);
        border-bottom: 1px solid var(--base-color-neutral-100, #f8f8f8);
        margin: 0;
        padding: 8px 14px
    }

    @supports (color:color-mix(in lab, red, red)) {
        .popover .popover-title {
            border-bottom: 1px solid color-mix(in srgb, var(--base-color-neutral-100, #f8f8f8)95%, black)
        }
    }

    .popover .popover-title {
        border-radius: var(--base-size-radius-lg, 8px)-1 var(--base-size-radius-lg, 8px)-1 0 0
    }

    .popover .popover-content {
        padding: 9px 14px
    }

    .inverse {
        background-color: var(--comp-color-background-popover, var(--sem-color-content-brand-primary, var(--base-color-primary-800, #012169)));
        color: var(--sem-color-content-neutral-inverse-primary, var(--base-color-white, #fff))
    }

    .inverse[data-popper-placement^=top]>.arrow:after {
        border-top-color: var(--comp-color-background-popover, var(--sem-color-content-brand-primary, var(--base-color-primary-800, #012169)))
    }

    .inverse[data-popper-placement^=right]>.arrow:after {
        border-right-color: var(--comp-color-background-popover, var(--sem-color-content-brand-primary, var(--base-color-primary-800, #012169)))
    }

    .inverse[data-popper-placement^=bottom]>.arrow:after {
        border-bottom-color: var(--comp-color-background-popover, var(--sem-color-content-brand-primary, var(--base-color-primary-800, #012169)))
    }

    .inverse[data-popper-placement^=left]>.arrow:after {
        border-left-color: var(--comp-color-background-popover, var(--sem-color-content-brand-primary, var(--base-color-primary-800, #012169)))
    }

    .popover-menu {
        max-width: 330px
    }

    .popover-menu .popover-title {
        background-color: var(--base-color-white, #fff);
        border-bottom: none
    }

    #payments-popover-menu {
        z-index: 20
    }

    #compare-popover-menu {
        width: 300px
    }

    .positioned-overlay:after,
    .positioned-overlay:before {
        content: " ";
        display: table
    }

    .positioned-overlay:after {
        clear: both
    }

    .positioned-overlay .positioned-overlay-wrapper {
        max-width: 100%;
        position: relative
    }

    .positioned-overlay .positioned-overlay-shrinkwrap {
        display: inline-block
    }

    .positioned-overlay .positioned-overlay-anchor {
        z-index: 1;
        position: absolute
    }

    .positioned-overlay .positioned-overlay-anchor.positioned-overlay-anchor-block {
        width: 100%
    }

    .positioned-overlay .positioned-overlay-anchor.topLeft {
        top: 0;
        left: 0
    }

    .positioned-overlay .positioned-overlay-anchor.topCenter {
        top: 0;
        left: 50%;
        transform: translate(-50%)
    }

    .positioned-overlay .positioned-overlay-anchor.topRight {
        top: 0;
        right: 0
    }

    .positioned-overlay .positioned-overlay-anchor.centerLeft {
        top: 50%;
        left: 0;
        transform: translateY(-50%)
    }

    .positioned-overlay .positioned-overlay-anchor.center {
        top: 50%;
        left: 50%;
        transform: translate(-50%)translateY(-50%)
    }

    .positioned-overlay .positioned-overlay-anchor.centerRight {
        top: 50%;
        right: 0;
        transform: translateY(-50%)
    }

    .positioned-overlay .positioned-overlay-anchor.bottomLeft {
        bottom: 0;
        left: 0
    }

    .positioned-overlay .positioned-overlay-anchor.bottomCenter {
        bottom: 0;
        left: 50%;
        transform: translate(-50%)
    }

    .positioned-overlay .positioned-overlay-anchor.bottomRight {
        bottom: 0;
        right: 0
    }

    .positioned-overlay .positioned-overlay-anchor .offset-top-25 {
        transform: translateY(-25%)
    }

    .positioned-overlay .positioned-overlay-anchor .offset-top-50 {
        transform: translateY(-50%)
    }

    .positioned-overlay .positioned-overlay-anchor .offset-top-75 {
        transform: translateY(-75%)
    }

    .positioned-overlay .positioned-overlay-anchor .offset-bottom-25 {
        transform: translateY(25%)
    }

    .positioned-overlay .positioned-overlay-anchor .offset-bottom-50 {
        transform: translateY(50%)
    }

    .positioned-overlay .positioned-overlay-anchor .offset-bottom-75 {
        transform: translateY(75%)
    }

    .positioned-overlay .positioned-overlay-anchor .offset-left-25 {
        transform: translate(-25%)
    }

    .positioned-overlay .positioned-overlay-anchor .offset-left-50 {
        transform: translate(-50%)
    }

    .positioned-overlay .positioned-overlay-anchor .offset-left-75 {
        transform: translate(-75%)
    }

    .positioned-overlay .positioned-overlay-anchor .offset-right-25 {
        transform: translate(25%)
    }

    .positioned-overlay .positioned-overlay-anchor .offset-right-50 {
        transform: translate(50%)
    }

    .positioned-overlay .positioned-overlay-anchor .offset-right-75 {
        transform: translate(75%)
    }

    .first-price:before {
        content: "$";
        font-size: var(--base-type-size-xs, .72rem);
        vertical-align: super
    }

    .first-price-lg:before {
        font-size: var(--base-type-size-md, 1rem)
    }

    .rate-details {
        padding-right: var(--base-space-px-12, 12px);
        margin-right: var(--base-space-px-12, 12px);
        border-right: 2px solid var(--base-color-neutral-300, #cfd4da)
    }

    .price-version-2 {
        align-items: baseline;
        display: flex
    }

    .price-version-2 .first-price:before {
        content: "$";
        font-size: unset;
        vertical-align: baseline
    }

    .price-version-2 .first-price-lg:before {
        font-size: var(--base-type-size-md, 1rem);
        vertical-align: super
    }

    .price-version-2 .second-price {
        padding-bottom: 4px !important
    }

    .price-version-2 .second-price-lg {
        padding-bottom: 8px !important
    }

    .pricing-badges {
        align-items: baseline;
        column-gap: var(--base-space-px-4, 4px);
        min-height: var(--base-space-px-20, 20px);
        margin-bottom: var(--base-space-px-0, 0);
        display: flex
    }

    .pricing-badges>span {
        align-items: baseline;
        line-height: normal;
        display: inline-flex
    }

    .pricing-payments.fixed-height {
        height: 57px
    }

    .payments-info-glyph {
        top: 0 !important
    }

    .my-profile .profile-pic.thumbnail {
        border: none;
        border-radius: 50%;
        margin: 0;
        padding: 0;
        overflow: hidden
    }

    .my-profile .profile-pic.thumbnail>img {
        width: 64px;
        height: 64px
    }

    .my-profile .profile-icon {
        color: var(--base-color-neutral-700, #414c58) !important;
        font-size: 64px !important
    }

    @media (min-width:768px) {
        .quick-save-list {
            flex-wrap: wrap;
            display: flex
        }

        @supports (display:grid) {
            .quick-save-list {
                grid-gap: var(--base-space-px-12, 12px);
                grid-template-columns: repeat(3, 1fr);
                display: grid
            }
        }

        .quick-save-list>.inventory-listing {
            flex: 0 33%
        }

        @supports (display:grid) {
            .quick-save-list>.inventory-listing {
                margin-bottom: 0
            }
        }
    }

    .recent-searches .carousel-cell {
        padding-right: var(--base-space-px-16, 16px)
    }

    .recent-searches .carousel-cell .panel,
    .recent-searches .carousel-cell div {
        width: 100%
    }

    .recent-searches .carousel-cell .panel-body {
        height: 100%
    }

    .recent-searches-buttons .carousel-cell {
        max-width: 240px
    }

    .radio.with-visual {
        margin-top: 0;
        padding: 6px 8px !important
    }

    .radio.with-visual.input-card-layout .input-label:before {
        min-width: var(--comp-size-box-check-radio-control, var(--base-space-px-16, 16px));
        margin-top: 0;
        position: relative
    }

    .radio.with-visual .input-label {
        border: 1px solid var(--base-color-neutral-300, #cfd4da);
        border-radius: 4px;
        padding: 8px
    }

    .radio.with-visual .input-label:hover {
        border-color: var(--base-color-primary-300, #8dc9ff);
        box-shadow: 0 0 5px var(--base-color-primary-700, #0f3485)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .radio.with-visual .input-label:hover {
            box-shadow: 0 0 5px color-mix(in srgb, var(--base-color-primary-700, #0f3485)25%, transparent)
        }
    }

    .radio.with-visual .input-label:focus {
        border-color: var(--base-color-primary-700, #0f3485);
        box-shadow: 0 0 5px var(--base-color-primary-700, #0f3485)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .radio.with-visual .input-label:focus {
            box-shadow: 0 0 5px color-mix(in srgb, var(--base-color-primary-700, #0f3485)50%, transparent)
        }
    }

    .radio.with-visual .input-label:active {
        box-shadow: 0 0 5px var(--base-color-primary-600, #024aa5)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .radio.with-visual .input-label:active {
            box-shadow: 0 0 5px color-mix(in srgb, var(--base-color-primary-600, #024aa5)20%, transparent)
        }
    }

    .radio.with-visual .input-label .text-nowrap {
        display: block
    }

    .radio.with-visual input:checked+.input-label,
    .radio.with-visual input:checked+label,
    .radio.with-visual.checkbox-link-active .input-label,
    .radio.with-visual.hide-checkmark+.input-label {
        border-color: var(--base-color-primary-600, #024aa5);
        background-color: var(--base-color-neutral-100, #f8f8f8)
    }

    .radio.with-visual input:disabled+.input-label {
        border-color: var(--base-color-neutral-200, #e1e4e8);
        cursor: not-allowed
    }

    .radio.with-visual input:disabled+.input-label:hover {
        box-shadow: none
    }

    .radio.with-visual input:disabled+.input-label:before {
        border-color: var(--base-color-neutral-200, #e1e4e8);
        background-color: #0000
    }

    .radio.with-visual input:disabled+.input-label img {
        opacity: .3
    }

    @media (min-width:768px) {
        .radio.with-visual .input-label:hover {
            box-shadow: none !important
        }
    }

    .radio.with-visual .input-label:after,
    .radio.with-visual .input-label:before {
        margin: var(--base-space-px-4, 4px)var(--base-space-px-12, 12px)0 var(--base-space-px-4, 4px);
        top: 0;
        left: 0;
        transform: translate(0)
    }

    .radio.with-visual .input-label:after {
        display: none
    }

    .radio.with-visual .input-secondary-label {
        color: var(--base-color-neutral-400, #939da8)
    }

    .radio .color-swatch {
        display: inline
    }

    .radio .color-swatch .swatch {
        border: 0;
        border-radius: 30px;
        width: 36px;
        height: 36px;
        margin: auto;
        padding: 0;
        display: block
    }

    .radio .color-swatch .contrast {
        border: 1px solid var(--base-color-neutral-300, #cfd4da)
    }

    .ribbon {
        text-align: center;
        width: auto;
        padding: var(--base-space-px-4, 4px)var(--base-space-px-8, 8px);
        background-color: var(--base-color-caution-500, #fdb714);
        color: var(--base-color-white, #fff);
        display: inline-block;
        position: relative
    }

    .ribbon .ribbon-content-left:before,
    .ribbon .ribbon-content-right:after {
        border-color: var(--base-color-caution-500, #fdb714)#0000 #0000
    }

    @supports (color:color-mix(in lab, red, red)) {

        .ribbon .ribbon-content-left:before,
        .ribbon .ribbon-content-right:after {
            border-color: color-mix(in srgb, var(--base-color-caution-500, #fdb714)75%, black)#0000 #0000
        }
    }

    .ribbon.flat {
        border-radius: var(--base-space-px-4, 4px)
    }

    .ribbon.flat .ribbon-content-left:before,
    .ribbon.flat .ribbon-content-right:after {
        display: none
    }

    .ribbon.right {
        margin-right: -var(--base-space-px-8, 8px)
    }

    .ribbon.left {
        margin-left: -var(--base-space-px-8, 8px)
    }

    .ribbon .ribbon-content-left:before,
    .ribbon .ribbon-content-right:after {
        content: "";
        border-style: solid;
        display: block;
        position: absolute;
        top: 100%
    }

    .ribbon .ribbon-content-left:before {
        border-width: var(--base-space-px-8, 8px)0 0 var(--base-space-px-8, 8px);
        left: 0
    }

    .ribbon .ribbon-content-right:after {
        border-width: var(--base-space-px-8, 8px)var(--base-space-px-8, 8px)0 0;
        right: 0
    }

    .ribbon-great-price {
        background-color: var(--base-color-success-300, #b1ed8e);
        color: var(--base-color-neutral-800, #2d363e)
    }

    .ribbon-great-price .ribbon-content-left:before,
    .ribbon-great-price .ribbon-content-right:after {
        border-color: var(--base-color-success-300, #b1ed8e)#0000 #0000
    }

    @supports (color:color-mix(in lab, red, red)) {

        .ribbon-great-price .ribbon-content-left:before,
        .ribbon-great-price .ribbon-content-right:after {
            border-color: color-mix(in srgb, var(--base-color-success-300, #b1ed8e)75%, black)#0000 #0000
        }
    }

    .ribbon-great-price.flat {
        border-radius: var(--base-space-px-4, 4px)
    }

    .ribbon-great-price.flat .ribbon-content-left:before,
    .ribbon-great-price.flat .ribbon-content-right:after {
        display: none
    }

    .ribbon-good-price {
        background-color: var(--base-color-success-700, #0f7e33);
        color: var(--base-color-white, #fff)
    }

    .ribbon-good-price .ribbon-content-left:before,
    .ribbon-good-price .ribbon-content-right:after {
        border-color: var(--base-color-success-700, #0f7e33)#0000 #0000
    }

    @supports (color:color-mix(in lab, red, red)) {

        .ribbon-good-price .ribbon-content-left:before,
        .ribbon-good-price .ribbon-content-right:after {
            border-color: color-mix(in srgb, var(--base-color-success-700, #0f7e33)75%, black)#0000 #0000
        }
    }

    .ribbon-good-price.flat {
        border-radius: var(--base-space-px-4, 4px)
    }

    .ribbon-good-price.flat .ribbon-content-left:before,
    .ribbon-good-price.flat .ribbon-content-right:after {
        display: none
    }

    .ribbon-exceptional-price {
        border: .5px solid var(--base-color-neutral-600, #59636e);
        background-color: var(--base-color-white, #fff);
        color: var(--base-color-neutral-600, #59636e)
    }

    .ribbon-exceptional-price .ribbon-content-left:before,
    .ribbon-exceptional-price .ribbon-content-right:after {
        border-color: var(--base-color-white, #fff)#0000 #0000
    }

    @supports (color:color-mix(in lab, red, red)) {

        .ribbon-exceptional-price .ribbon-content-left:before,
        .ribbon-exceptional-price .ribbon-content-right:after {
            border-color: color-mix(in srgb, var(--base-color-white, #fff)75%, black)#0000 #0000
        }
    }

    .ribbon-exceptional-price.flat {
        border-radius: var(--base-space-px-4, 4px)
    }

    .ribbon-exceptional-price.flat .ribbon-content-left:before,
    .ribbon-exceptional-price.flat .ribbon-content-right:after {
        display: none
    }

    .ribbon-payment {
        border: .5px solid var(--base-color-neutral-300, #cfd4da);
        background-color: var(--base-color-white, #fff);
        color: var(--base-color-neutral-500, #6d7782)
    }

    .ribbon-payment .ribbon-content-left:before,
    .ribbon-payment .ribbon-content-right:after {
        border-color: var(--base-color-white, #fff)#0000 #0000
    }

    @supports (color:color-mix(in lab, red, red)) {

        .ribbon-payment .ribbon-content-left:before,
        .ribbon-payment .ribbon-content-right:after {
            border-color: color-mix(in srgb, var(--base-color-white, #fff)75%, black)#0000 #0000
        }
    }

    .ribbon-payment.flat {
        border-radius: var(--base-space-px-4, 4px)
    }

    .ribbon-payment.flat .ribbon-content-left:before,
    .ribbon-payment.flat .ribbon-content-right:after {
        display: none
    }

    .save-glyph-background {
        box-sizing: border-box;
        text-align: left;
        width: 24px;
        height: 24px;
        position: relative
    }

    .save-glyph-background.save-glyph-background-circle {
        background-color: var(--base-color-white, #fff);
        border-radius: 50%;
        width: 34px;
        height: 34px
    }

    @supports (color:color-mix(in lab, red, red)) {
        .save-glyph-background.save-glyph-background-circle {
            background-color: color-mix(in srgb, var(--base-color-white, #fff)80%, transparent)
        }
    }

    .save-glyph {
        cursor: pointer
    }

    .save-glyph.save-glyph-interactive {
        color: var(--base-color-white, #fff);
        position: relative
    }

    .save-glyph.save-glyph-interactive:hover {
        color: var(--base-color-error-200, #f8d8db)
    }

    .save-glyph.save-glyph-interactive:active {
        color: var(--sem-color-content-accent-primary, var(--base-color-secondary-800, #a42c00));
        opacity: 1;
        transform-origin: 18px 18px;
        transition: transform .1s ease-in-out;
        transform: scale(.8)
    }

    .save-glyph.save-glyph-interactive .glyphicon-heart-o:before,
    .save-glyph.save-glyph-interactive .glyphicon-heart:before {
        position: absolute;
        top: 3px;
        left: 3px
    }

    .save-glyph.save-glyph-interactive .glyphicon-share:before {
        position: absolute;
        top: 3px;
        left: 1px
    }

    *,
    :after,
    :before {
        box-sizing: border-box
    }

    html {
        font-size: var(--base-type-size-md, 16px);
        -webkit-tap-highlight-color: var(--base-color-black, #000)
    }

    @supports (color:color-mix(in lab, red, red)) {
        html {
            -webkit-tap-highlight-color: color-mix(in srgb, var(--base-color-black, #000)0%, transparent)
        }
    }

    body {
        font-family: var(--base-type-font-body, roboto, -apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, arial, sans-serif);
        font-size: var(--base-type-size-md, 16px);
        line-height: var(--base-type-leading-normal, 1.5);
        color: var(--base-color-neutral-800, #2d363e);
        background-color: var(--base-color-white, #fff);
        -webkit-font-smoothing: antialiased
    }

    button,
    input,
    select,
    textarea {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit
    }

    a {
        color: var(--comp-color-content-link-rest, var(--sem-color-content-interactive-rest, var(--base-color-primary-600, #024aa5)));
        -webkit-text-decoration: var(--comp-type-decoration-link-rest, underline);
        text-decoration: var(--comp-type-decoration-link-rest, underline)
    }

    a:hover {
        color: var(--comp-color-content-link-hover, var(--sem-color-content-interactive-hover, var(--base-color-primary-700, #0f3485)));
        -webkit-text-decoration: var(--comp-type-decoration-link-hover, underline);
        text-decoration: var(--comp-type-decoration-link-hover, underline)
    }

    a:active,
    a:focus {
        color: var(--comp-color-content-link-pressed, var(--sem-color-content-interactive-pressed, var(--base-color-primary-800, #012169)));
        -webkit-text-decoration: var(--comp-type-decoration-link-pressed, underline);
        text-decoration: var(--comp-type-decoration-link-pressed, underline)
    }

    a.inverse,
    a.inverted,
    a.text-inverse {
        color: var(--comp-color-content-link-inverse-rest, var(--sem-color-content-interactive-inverse-rest, var(--base-color-primary-300, #8dc9ff)));
        -webkit-text-decoration: var(--comp-type-decoration-link-inverse-rest, underline);
        text-decoration: var(--comp-type-decoration-link-inverse-rest, underline)
    }

    a.inverse:hover,
    a.inverted:hover,
    a.text-inverse:hover {
        color: var(--comp-color-content-link-inverse-hover, var(--sem-color-content-interactive-inverse-hover, var(--base-color-primary-200, #c7e5ff)));
        -webkit-text-decoration: var(--comp-type-decoration-link-inverse-hover, underline);
        text-decoration: var(--comp-type-decoration-link-inverse-hover, underline)
    }

    a.inverse:active,
    a.inverse:focus,
    a.inverted:active,
    a.inverted:focus,
    a.text-inverse:active,
    a.text-inverse:focus {
        color: var(--comp-color-content-link-inverse-pressed, var(--sem-color-content-interactive-inverse-pressed, var(--base-color-primary-100, #e3f2ff)));
        -webkit-text-decoration: var(--comp-type-decoration-link-inverse-pressed, underline);
        text-decoration: var(--comp-type-decoration-link-inverse-pressed, underline)
    }

    a:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: 2px
    }

    figure {
        margin: 0
    }

    img {
        vertical-align: middle
    }

    .img-rounded {
        border-radius: var(--base-size-radius-lg, 8px)
    }

    .img-circle {
        border-radius: 50%
    }

    hr {
        margin-top: var(--base-space-px-8, 8px);
        margin-bottom: var(--base-space-px-8, 8px);
        border: 0;
        border-top: 1px solid var(--base-color-neutral-300, #cfd4da);
        border-left: 1px solid var(--base-color-neutral-300, #cfd4da)
    }

    .sr-only {
        clip: rect(0, 0, 0, 0);
        border: 0;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        position: absolute;
        overflow: hidden
    }

    .sr-only-focusable:active,
    .sr-only-focusable:focus {
        clip: auto;
        width: auto;
        height: auto;
        margin: 0;
        position: static;
        overflow: visible
    }

    [role=button] {
        cursor: pointer
    }

    .heading-1 {
        font-size: var(--sem-type-heading-1, var(--base-type-size-5xl, 2.5rem))
    }

    .heading-1,
    .heading-2 {
        font-family: var(--base-type-font-heading, inherit);
        font-weight: var(--sem-type-heading-weight, 900);
        line-height: var(--sem-type-heading-leading, 1.2em);
        letter-spacing: var(--sem-type-heading-tracking, normal);
        text-transform: var(--sem-type-heading-case, none);
        color: var(--sem-type-heading-color, var(--base-color-primary-800, #012169))
    }

    .heading-2 {
        font-size: var(--sem-type-heading-2, var(--base-type-size-4xl, 2rem))
    }

    .heading-3 {
        font-size: var(--sem-type-heading-3, var(--base-type-size-3xl, 1.75rem))
    }

    .heading-3,
    .heading-4 {
        font-family: var(--base-type-font-heading, inherit);
        font-weight: var(--sem-type-heading-weight, 900);
        line-height: var(--sem-type-heading-leading, 1.2em);
        letter-spacing: var(--sem-type-heading-tracking, normal);
        text-transform: var(--sem-type-heading-case, none);
        color: var(--sem-type-heading-color, var(--base-color-primary-800, #012169))
    }

    .heading-4 {
        font-size: var(--sem-type-heading-4, var(--base-type-size-xxl, 1.5rem))
    }

    .subheading-1 {
        font-size: var(--sem-type-subheading-1, var(--base-type-size-xxl, 1.5rem))
    }

    .subheading-1,
    .subheading-2 {
        font-family: var(--base-type-font-heading, inherit);
        font-weight: var(--sem-type-subheading-weight, var(--base-type-weight-bold, 700));
        line-height: var(--sem-type-subheading-leading, var(--sem-type-heading-leading, 1.2em));
        letter-spacing: var(--sem-type-subheading-tracking, normal);
        text-transform: var(--sem-type-subheading-case, none);
        color: var(--sem-type-subheading-color, inherit)
    }

    .subheading-2 {
        font-size: var(--sem-type-subheading-2, var(--base-type-size-lg, 1.125rem))
    }

    .subheading-3 {
        font-size: var(--sem-type-subheading-3, var(--base-type-size-md, 1rem))
    }

    .subheading-3,
    .subheading-4 {
        font-family: var(--base-type-font-heading, inherit);
        font-weight: var(--sem-type-subheading-weight, var(--base-type-weight-bold, 700));
        line-height: var(--sem-type-subheading-leading, var(--sem-type-heading-leading, 1.2em));
        letter-spacing: var(--sem-type-subheading-tracking, normal);
        text-transform: var(--sem-type-subheading-case, none);
        color: var(--sem-type-subheading-color, inherit)
    }

    .subheading-4 {
        font-size: var(--sem-type-subheading-4, var(--base-type-size-md, 1rem))
    }

    [data-cmp=heading] {
        font-family: var(--base-type-font-heading, inherit)
    }

    .scroll-panel {
        overflow: auto
    }

    .popover-menu .scroll-panel {
        max-height: 575px;
        overflow-y: auto
    }

    .modal-dialog .scroll-panel {
        max-height: 400px;
        overflow-y: auto
    }

    .modal-dialog.modal-sm .scroll-panel {
        max-height: 400px
    }

    .modal-dialog.modal-lg .scroll-panel {
        max-height: 550px
    }

    .dash-and-curve-container {
        position: relative;
        overflow: hidden
    }

    .dash-and-curve-container .dash-and-curve-bottom {
        clip-path: ellipse(225% 100% at 50% 0);
        padding-bottom: var(--base-space-px-48, 48px)
    }

    @media (min-width:768px) {
        .dash-and-curve-container .dash-and-curve-bottom {
            clip-path: ellipse(175% 100% at 50% 0)
        }
    }

    @media (min-width:1024px) {
        .dash-and-curve-container .dash-and-curve-bottom {
            clip-path: ellipse(165% 100% at 50% 0)
        }
    }

    @media (min-width:1300px) {
        .dash-and-curve-container .dash-and-curve-bottom {
            clip-path: ellipse(150% 100% at 50% 0)
        }
    }

    .dash-and-curve-container:after {
        content: "";
        pointer-events: none;
        border: var(--base-space-px-2, 2px)solid #0000;
        border-radius: 50%;
        position: absolute;
        -webkit-mask-image: linear-gradient(#0000, #000 0), linear-gradient(#000 0 0);
        mask-image: linear-gradient(#0000, #000 0), linear-gradient(#000 0 0);
        -webkit-mask-position: 0 0, 0 0;
        mask-position: 0 0, 0 0;
        -webkit-mask-size: auto, auto;
        mask-size: auto, auto;
        -webkit-mask-repeat: repeat, repeat;
        mask-repeat: repeat, repeat;
        -webkit-mask-clip: padding-box, border-box;
        mask-clip: padding-box, border-box;
        -webkit-mask-origin: padding-box, border-box;
        mask-origin: padding-box, border-box;
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        -webkit-mask-source-type: auto, auto;
        mask-mode: match-source, match-source;
        background: repeating-linear-gradient(90deg, var(--comp-color-border-divider-dash, var(--base-color-secondary-300, #fbcaa7)), var(--comp-color-border-divider-dash, var(--base-color-secondary-300, #fbcaa7))6px, transparent 6px, transparent 10px)border-box !important
    }

    @supports ((-moz-appearance:none)) {
        .dash-and-curve-container:after {
            border: var(--base-space-px-2, 2px)dashed var(--comp-color-border-divider-dash, var(--base-color-secondary-300, #fbcaa7));
            -webkit-mask: none;
            mask: none;
            background: 0 0 !important
        }
    }

    .dash-and-curve-container:after {
        clip-path: inset(50% 0 0);
        width: 215%;
        height: 30%;
        bottom: 0;
        left: -100%
    }

    @media (min-width:768px) {
        .dash-and-curve-container:after {
            height: 40%
        }
    }

    @media (min-width:1024px) {
        .dash-and-curve-container:after {
            height: 45%
        }
    }

    @media (min-width:1300px) {
        .dash-and-curve-container:after {
            height: 55%
        }
    }

    .see-more .see-more-content {
        max-height: 5000px;
        transition: all .5s;
        position: relative;
        overflow: hidden
    }

    .see-more .see-more-content .see-more-fade {
        background: linear-gradient(to bottom, var(--base-color-white-alpha-0, var(--base-color-white, #fff))33%, var(--base-color-white, #fff)100%);
        transition: all .5s;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }

    @supports (color:color-mix(in lab, red, red)) {
        .see-more .see-more-content .see-more-fade {
            background: linear-gradient(to bottom, var(--base-color-white-alpha-0, color-mix(in srgb, var(--base-color-white, #fff)0%, transparent))33%, var(--base-color-white, #fff)100%)
        }
    }

    .see-more .see-more-content .see-more-fade {
        height: 0
    }

    .see-more .see-more-content.collapse {
        max-height: 140px;
        display: block
    }

    @media (min-width:768px) {
        .see-more .see-more-content.collapse {
            max-height: 140px
        }
    }

    @media (min-width:1024px) {
        .see-more .see-more-content.collapse {
            max-height: 210px
        }
    }

    .see-more .see-more-content.collapse .see-more-fade {
        height: var(--base-space-px-16, 16px)
    }

    @media (min-width:1024px) {
        .see-more.see-more-cpo .see-more-content.collapse {
            max-height: 275px
        }
    }

    .see-more.see-more-collapse-sm .see-more-content.collapse {
        max-height: 140px
    }

    .see-more.see-more-collapse-md .see-more-content.collapse {
        max-height: 210px
    }

    .see-more.see-more-collapse-lg .see-more-content.collapse {
        max-height: 400px
    }

    .see-more .text-link {
        text-align: center
    }

    .selectable-container {
        border: 1px solid var(--comp-color-border-input-rest, var(--base-color-neutral-300, #cfd4da));
        border-radius: var(--base-space-px-4, 4px);
        padding: var(--base-space-px-12, 12px)var(--base-space-px-16, 16px);
        min-height: var(--base-space-px-24, 24px)
    }

    .selectable-container:hover {
        border-color: var(--sem-color-content-brand-primary, var(--base-color-primary-800, #012169))
    }

    .selectable-container:hover .input-label:before {
        color: var(--sem-color-content-brand-primary, var(--base-color-primary-800, #012169))
    }

    .selectable-container .selectable-container-content {
        word-wrap: break-word
    }

    .selectable-container .input-label {
        padding: 0
    }

    .selectable-container .input-label:before {
        margin: 2px var(--base-space-px-8, 8px)0 0;
        align-self: flex-start;
        display: table-cell;
        position: relative
    }

    .selectable-container.checkbox .input-label:before {
        width: 18px;
        height: 18px
    }

    .selectable-container.checkbox .input-label:after {
        top: 7px;
        left: 5px
    }

    .selectable-container.checkbox.suppressed .input-label:after {
        display: none
    }

    .selectable-container.checkbox:hover .input-label:before {
        border: 1px solid var(--sem-color-content-brand-primary, var(--base-color-primary-800, #012169))
    }

    .selectable-container.radio .input-label:before {
        transform: translate(0)
    }

    .selectable-container.radio .input-label:after {
        display: none
    }

    .selectable-container.suppressed {
        cursor: pointer
    }

    .selectable-container.suppressed .input-label:before {
        display: none
    }

    .selectable-container:has(input:focus) .input-label {
        outline: none
    }

    .selectable-container:has(input:focus-visible) {
        outline: 3px solid highlight;
        outline: 3px solid -webkit-focus-ring-color
    }

    .selectable-container:has(input:checked) {
        background-color: var(--base-color-neutral-100, #f8f8f8);
        box-shadow: 0 0 0 2px var(--sem-color-content-brand-primary, var(--base-color-primary-800, #012169));
        border-color: #0000
    }

    .selectable-container:has(input:checked).checkbox .input-label:before {
        color: var(--sem-color-content-brand-primary, var(--base-color-primary-800, #012169));
        background-color: var(--sem-color-content-brand-primary, var(--base-color-primary-800, #012169));
        border-color: var(--sem-color-content-brand-primary, var(--base-color-primary-800, #012169))
    }

    .selectable-container:has(input:disabled) {
        border-color: var(--comp-color-border-input-rest, var(--base-color-neutral-300, #cfd4da));
        cursor: not-allowed
    }

    .selectable-container:has(input:disabled).checkbox .input-label:before {
        border-color: var(--comp-color-content-input-inside-disabled, var(--base-color-neutral-400, #939da8));
        background-color: #0000
    }

    .selectable-container:has(input:disabled):hover.checkbox .input-label:before {
        border-color: var(--comp-color-content-input-inside-disabled, var(--base-color-neutral-400, #939da8))
    }

    .selectable-container:has(input:disabled:checked).checkbox .input-label:before {
        border-color: var(--comp-color-content-input-inside-disabled, var(--base-color-neutral-400, #939da8));
        color: var(--comp-color-content-input-inside-disabled, var(--base-color-neutral-400, #939da8));
        background-color: #0000
    }

    .selectable-container:has(input:disabled:checked).checkbox .input-label:after {
        border-color: var(--comp-color-content-input-inside-disabled, var(--base-color-neutral-400, #939da8))
    }

    .selectable-tabs .selectable-tab-header {
        z-index: 1;
        background-color: var(--comp-color-background-selectable-tabs, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)));
        border: var(--comp-size-border-selectable-tabs, var(--base-size-border-px, 1px))solid var(--comp-color-border-selectable-tabs, var(--sem-color-border-neutral-tertiary, var(--base-color-neutral-200, #e1e4e8)));
        border-radius: var(--comp-size-radius-selectable-tabs, var(--base-size-radius-md, 4px));
        display: flex;
        position: relative
    }

    .selectable-tabs .selectable-container {
        padding: var(--comp-space-padding-top-selectable-tabs, var(--base-space-px-12, 12px))var(--comp-space-padding-right-selectable-tabs, var(--base-space-px-4, 4px))var(--comp-space-padding-bottom-selectable-tabs, var(--base-space-px-12, 12px))var(--comp-space-padding-left-selectable-tabs, var(--base-space-px-4, 4px));
        border: 1px solid #0000
    }

    .selectable-tabs .selectable-container .input-label {
        flex: 1
    }

    .selectable-tabs .selectable-container:hover {
        border: var(--comp-size-border-selectable-tabs-hover, var(--base-size-border-px, 1px))solid var(--comp-color-border-selectable-tabs-hover, var(--sem-color-content-brand-primary, var(--base-color-primary-800, #012169)));
        border-radius: var(--comp-size-radius-selectable-tabs-hover, var(--base-size-radius-md, 4px))
    }

    .selectable-tabs .selectable-container:not(:last-child):after {
        content: "";
        z-index: -1;
        right: -2px;
        top: var(--base-space-px-12, 12px);
        width: 1px;
        height: calc(100% - var(--base-space-px-24, 24px));
        background-color: var(--comp-color-border-selectable-tabs, var(--sem-color-border-neutral-tertiary, var(--base-color-neutral-200, #e1e4e8)));
        position: absolute
    }

    .selectable-tabs .selectable-container.radio .input-label:before {
        display: none
    }

    .selectable-tabs .selectable-container .selectable-container-content {
        text-align: center
    }

    .selectable-tabs .selectable-container .selectable-container-content .badge {
        z-index: 1;
        top: calc(var(--base-space-px-12, 12px)*-1);
        color: var(--comp-color-content-selectable-tabs-icon, var(--sem-color-content-neutral-inverse-primary, var(--base-color-white, #fff)));
        background-color: var(--comp-color-background-selectable-tabs-icon, var(--sem-color-background-accent-inverse-primary, var(--base-color-secondary-700, #d54101)));
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .selectable-tabs .selectable-container .selectable-container-content>:first-child {
        padding-left: var(--base-space-px-24, 24px);
        font-family: var(--comp-type-font-check-radio-label, var(--base-type-font-body, roboto, -apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, arial, sans-serif));
        font-weight: var(--comp-type-weight-check-radio-label, var(--sem-type-weight-body, var(--base-type-weight-regular, 400)));
        font-size: var(--comp-type-size-check-radio-label, var(--sem-type-size-body-md, var(--base-type-size-md, 1rem)));
        letter-spacing: var(--comp-type-tracking-check-radio-label, var(--sem-type-tracking-body, 0));
        color: var(--comp-color-content-check-radio-label-rest, var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e)));
        position: relative
    }

    .selectable-tabs .selectable-container .selectable-container-content>:first-child:before {
        content: "";
        height: var(--comp-size-box-check-radio-control, var(--base-space-px-16, 16px));
        width: var(--comp-size-box-check-radio-control, var(--base-space-px-16, 16px));
        border: var(--base-size-border-px, 1px)solid var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)));
        border-radius: var(--comp-size-radius-radio-control, var(--sem-size-radius-full, 50%));
        background-color: var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)));
        position: absolute;
        top: 0;
        left: 0
    }

    .selectable-tabs .selectable-container .selectable-container-content>:first-child:hover {
        color: var(--comp-color-content-check-radio-label-hover, var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e)))
    }

    .selectable-tabs .selectable-container .selectable-container-content>:first-child:hover:after,
    .selectable-tabs .selectable-container .selectable-container-content>:first-child:hover:before {
        border: var(--base-size-border-px, 1px)solid var(--comp-color-border-check-radio-control-hover, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169)));
        background-color: var(--comp-color-background-check-radio-control-hover, var(--sem-overlay-bg-interactive-hover, --base-color-neutral-500))
    }

    @supports (color:color-mix(in lab, red, red)) {

        .selectable-tabs .selectable-container .selectable-container-content>:first-child:hover:after,
        .selectable-tabs .selectable-container .selectable-container-content>:first-child:hover:before {
            background-color: var(--comp-color-background-check-radio-control-hover, var(--sem-overlay-bg-interactive-hover, color-mix(in srgb, --base-color-neutral-500 var(--base-opacity-5, 5%), transparent)))
        }
    }

    .selectable-tabs .selectable-container:has(input:checked) {
        box-shadow: 0 0 0 var(--comp-size-border-selectable-tabs-selected, var(--base-size-border-sm, 2px))var(--comp-color-border-selectable-tabs-selected, var(--sem-color-content-brand-primary, var(--base-color-primary-800, #012169)));
        background-color: var(--comp-color-background-selectable-tabs-selected, var(--sem-color-background-neutral-secondary, var(--base-color-neutral-100, #f8f8f8)));
        border-radius: var(--comp-size-radius-selectable-tabs-selected, var(--sem-size-radius-box, var(--base-space-px-4, 4px)));
        border-color: #0000
    }

    .selectable-tabs .selectable-container:has(input:checked).radio .input-label .selectable-container-content>:first-child {
        color: var(--comp-color-content-check-radio-label-selected, var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e)))
    }

    .selectable-tabs .selectable-container:has(input:checked).radio .input-label .selectable-container-content>:first-child:before {
        content: "";
        height: var(--comp-size-box-check-radio-control, var(--base-space-px-16, 16px));
        width: var(--comp-size-box-check-radio-control, var(--base-space-px-16, 16px));
        border: var(--base-size-border-px, 1px)solid var(--comp-color-border-check-radio-control-selected, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169)));
        border-radius: var(--comp-size-radius-radio-control, var(--sem-size-radius-full, 50%));
        background: -webkit-radial-gradient(circle, var(--comp-color-background-check-radio-control-selected, var(--sem-color-background-interactive-selected, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169))))0, var(--comp-color-background-check-radio-control-selected, var(--sem-color-background-interactive-selected, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169))))40%, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))45%, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))100%), radial-gradient(circle, var(--comp-color-background-check-radio-control-selected, var(--sem-color-background-interactive-selected, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169))))0, var(--comp-color-background-check-radio-control-selected, var(--sem-color-background-interactive-selected, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169))))40%, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))45%, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))100%)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .selectable-tabs .selectable-container:has(input:checked).radio .input-label .selectable-container-content>:first-child:before {
            background: -webkit-radial-gradient(circle, color-mix(in srgb, var(--comp-color-background-check-radio-control-selected, var(--sem-color-background-interactive-selected, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169))))100%, transparent)0, color-mix(in srgb, var(--comp-color-background-check-radio-control-selected, var(--sem-color-background-interactive-selected, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169))))100%, transparent)40%, color-mix(in srgb, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))100%, transparent)45%, color-mix(in srgb, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))100%, transparent)100%), radial-gradient(circle, color-mix(in srgb, var(--comp-color-background-check-radio-control-selected, var(--sem-color-background-interactive-selected, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169))))100%, transparent)0, color-mix(in srgb, var(--comp-color-background-check-radio-control-selected, var(--sem-color-background-interactive-selected, var(--sem-color-border-interactive-selected, var(--base-color-primary-800, #012169))))100%, transparent)40%, color-mix(in srgb, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))100%, transparent)45%, color-mix(in srgb, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))100%, transparent)100%)
        }
    }

    .selectable-tabs .selectable-container:has(input:disabled).radio .input-label .selectable-container-content>:first-child {
        color: var(--comp-color-content-check-radio-label-rest, var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e)))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .selectable-tabs .selectable-container:has(input:disabled).radio .input-label .selectable-container-content>:first-child {
            color: color-mix(in srgb, var(--comp-color-content-check-radio-label-rest, var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)
        }
    }

    .selectable-tabs .selectable-container:has(input:disabled).radio .input-label .selectable-container-content>:first-child:before {
        border: var(--base-size-border-px, 1px)solid var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .selectable-tabs .selectable-container:has(input:disabled).radio .input-label .selectable-container-content>:first-child:before {
            border: var(--base-size-border-px, 1px)solid color-mix(in srgb, var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)
        }
    }

    .selectable-tabs .selectable-container:has(input:disabled).radio .input-label .selectable-container-content>:first-child:before {
        background-color: var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .selectable-tabs .selectable-container:has(input:disabled).radio .input-label .selectable-container-content>:first-child:before {
            background-color: color-mix(in srgb, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)
        }
    }

    .selectable-tabs .selectable-container:has(input:checked:disabled).radio .input-label .selectable-container-content>:first-child:before {
        background: -webkit-radial-gradient(circle, var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))0, var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))40%, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))45%, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))100%), radial-gradient(circle, var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))0, var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))40%, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))45%, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))100%)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .selectable-tabs .selectable-container:has(input:checked:disabled).radio .input-label .selectable-container-content>:first-child:before {
            background: -webkit-radial-gradient(circle, color-mix(in srgb, var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)0, color-mix(in srgb, var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)40%, color-mix(in srgb, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)45%, color-mix(in srgb, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)100%), radial-gradient(circle, color-mix(in srgb, var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)0, color-mix(in srgb, var(--comp-color-border-check-radio-control-rest, var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)40%, color-mix(in srgb, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)45%, color-mix(in srgb, var(--comp-color-background-check-radio-control-rest, var(--sem-color-background-neutral-primary, var(--base-color-white, #fff)))var(--sem-opacity-interactive-disabled, var(--base-opacity-40, 40%)), transparent)100%)
        }
    }

    .selectable-tabs .fade-in {
        animation: fadeIn .5s
    }

    .side-bar-container {
        display: block;
        overflow: hidden
    }

    .side-bar-container.floating {
        z-index: -1;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0
    }

    .side-bar-container.floating .side-bar-wrapper {
        background: var(--base-color-white, #fff);
        flex-direction: column;
        max-width: 430px;
        height: 100%;
        display: inline-flex;
        position: fixed
    }

    .side-bar-container.floating .side-bar-wrapper .side-bar-content {
        flex: 1;
        overflow-y: scroll
    }

    .side-bar-container.floating .side-bar-wrapper.left {
        animation: slide-right .3s linear
    }

    .side-bar-container.floating .side-bar-wrapper.right {
        animation: slide-left .3s linear
    }

    .side-bar-container.active:not(.removed) {
        background-color: var(--base-color-black, #000)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .side-bar-container.active:not(.removed) {
            background-color: color-mix(in srgb, var(--base-color-black, #000)50%, transparent)
        }
    }

    .side-bar-container.active:not(.removed) {
        z-index: 30
    }

    .side-bar-container.active:not(.removed).expanded {
        z-index: 31
    }

    .side-bar-container.active:not(.removed) .side-bar-wrapper.left,
    .side-bar-container.active:not(.removed) .side-bar-wrapper.right {
        left: 0
    }

    .side-bar-container.removed {
        background-color: var(--base-color-black, #000)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .side-bar-container.removed {
            background-color: color-mix(in srgb, var(--base-color-black, #000)50%, transparent)
        }
    }

    .side-bar-container.removed {
        z-index: 30
    }

    .side-bar-container.removed.expanded {
        z-index: 31
    }

    .side-bar-container.removed .side-bar-wrapper.left,
    .side-bar-container.removed .side-bar-wrapper.right {
        animation: slide-left .3s linear forwards
    }

    .side-bar-container .sidebar-simple .side-bar-header>div {
        border: 0
    }

    .sidebar-open {
        -webkit-overflow-scrolling: touch;
        position: fixed;
        inset: 0;
        overflow: hidden
    }

    @keyframes slide-right {
        0% {
            transform: translate(-100%)
        }

        to {
            transform: translate(0)
        }
    }

    @keyframes slide-left {
        0% {
            transform: translate(0)
        }

        to {
            transform: translate(-100%)
        }
    }

    .side-content-modal .modal-body {
        position: relative;
        overflow: hidden auto
    }

    .side-content-modal .modal-body .modal-scroll-panel>div>div {
        visibility: hidden;
        transition: all .5s ease-in-out
    }

    .side-content-modal .modal-body .modal-scroll-panel>div>div.active {
        visibility: visible
    }

    .side-content-modal .modal-body .modal-side-container {
        background-color: var(--base-color-white, #fff);
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 100%
    }

    .side-content-modal .modal-body .modal-side-container.active {
        left: 0
    }

    .skeleton__placeholder {
        background-color: var(--base-color-neutral-200, #e1e4e8);
        border-radius: 4px;
        height: 1.5rem;
        display: block
    }

    .skeleton__listing .skeleton__headline {
        background-color: var(--base-color-white, #fff);
        background-color: var(--base-color-neutral-200, #e1e4e8);
        margin-bottom: 10px
    }

    .skeleton__listing .skeleton__image {
        background-color: var(--base-color-neutral-200, #e1e4e8);
        border-radius: 0;
        height: 15rem
    }

    @media (max-width:767px) {
        .skeleton__listing .skeleton__image .skeleton__image {
            height: 227px
        }
    }

    @media (max-width:1300px) {
        .skeleton__listing .skeleton__image .skeleton__image {
            height: 205px
        }
    }

    .skeleton__listing .skeleton__image_portrait {
        background-color: var(--base-color-neutral-200, #e1e4e8);
        height: var(--comp-size-listing-image-height);
        border-radius: 0
    }

    .skeleton__fixedheight {
        min-height: 510px
    }

    .skeleton__headline {
        height: 2rem
    }

    .skeleton__subtext,
    .skeleton__text {
        width: 100%;
        min-width: 20px;
        margin-bottom: 10px
    }

    .skeleton__subtext {
        height: 1rem
    }

    .skeleton__spacer {
        height: 3rem
    }

    .skeleton__panel {
        border-bottom: 1px solid #e1e4e8;
        border-left: 1px solid #e1e4e8;
        border-right: 1px solid #e1e4e8
    }

    .skeleton__panel:first-of-type {
        border-top: 1px solid #e1e4e8
    }

    .skeleton__content {
        background-color: var(--base-color-neutral-200, #e1e4e8);
        border-radius: 4px;
        height: 50vh;
        min-height: 200px;
        margin: 1rem;
        padding: 1rem
    }

    .skeleton__content .skeleton__headline {
        width: 40%
    }

    .skeleton__line {
        background-color: var(--base-color-neutral-200, #e1e4e8);
        height: 4px;
        margin-left: -1rem;
        margin-right: -1rem
    }

    .skeleton__loading {
        z-index: 1;
        position: relative;
        overflow: hidden
    }

    .skeleton__loading:after {
        opacity: .5;
        content: "";
        transform-origin: 0;
        background-color: #0000;
        background-image: linear-gradient(-45deg, transparent 48%, var(--base-color-white, #fff)48%, var(--base-color-white, #fff)52%, transparent 52%, transparent 100%);
        z-index: 100;
        background-repeat: no-repeat;
        width: 1000px;
        height: 1000px;
        transition: all 1s ease-in-out;
        animation: skeleton-loading 2.2s linear infinite;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    @keyframes skeleton-loading {
        0% {
            transform: translate(-50%, -200%)
        }

        to {
            transform: translate(-50%, 100%)
        }
    }

    .slide-panel {
        z-index: 30;
        pointer-events: none;
        border-width: 0;
        display: block;
        position: absolute
    }

    .slide-panel>* {
        pointer-events: all
    }

    .slide-panel-placement-left,
    .slide-panel-placement-right {
        min-height: 100%;
        max-height: none;
        top: 0;
        bottom: 0
    }

    .slide-panel-placement-left.slide-panel-sm,
    .slide-panel-placement-right.slide-panel-sm {
        width: 10%
    }

    .slide-panel-placement-left.slide-panel-md,
    .slide-panel-placement-right.slide-panel-md {
        width: 30%
    }

    .slide-panel-placement-left.slide-panel-lg,
    .slide-panel-placement-right.slide-panel-lg {
        width: 100%
    }

    .slide-panel-placement-bottom,
    .slide-panel-placement-top {
        max-height: none;
        left: 0;
        right: 0
    }

    .slide-panel-fixed {
        padding-bottom: 1px;
        position: fixed;
        bottom: -1px
    }

    .slide-panel-animate {
        transition: transform .3s
    }

    .slide-panel-animate.slide-panel {
        backface-visibility: hidden
    }

    .slide-panel-placement-left.slide-panel-sm {
        left: -10%
    }

    .slide-panel-placement-left.slide-panel-md {
        left: -30%
    }

    .slide-panel-placement-left.slide-panel-lg {
        left: -100%
    }

    .slide-panel-placement-left.slide-panel-lg.slide-panel-persistent,
    .slide-panel-placement-left.slide-panel-md.slide-panel-persistent,
    .slide-panel-placement-left.slide-panel-sm.slide-panel-persistent {
        left: 10%
    }

    .slide-panel-placement-left.slide-panel-animate {
        left: 0;
        transform: translate(-100%)
    }

    .slide-panel-placement-left.slide-panel-animate.slide-panel-persistent {
        left: 0;
        transform: translate(-90%)
    }

    .slide-panel-placement-left.slide-panel-active {
        left: 0
    }

    .slide-panel-placement-left.slide-panel-animate.slide-panel-active {
        transform: translate(0)
    }

    .slide-panel-placement-right.slide-panel-sm {
        right: -10%
    }

    .slide-panel-placement-right.slide-panel-md {
        right: -30%
    }

    .slide-panel-placement-right.slide-panel-lg {
        right: -100%
    }

    .slide-panel-placement-right.slide-panel-lg.slide-panel-persistent,
    .slide-panel-placement-right.slide-panel-md.slide-panel-persistent,
    .slide-panel-placement-right.slide-panel-sm.slide-panel-persistent {
        right: 10%
    }

    .slide-panel-placement-right.slide-panel-animate {
        right: 0;
        transform: translate(100%)
    }

    .slide-panel-placement-right.slide-panel-animate.slide-panel-persistent {
        right: 0;
        transform: translate(90%)
    }

    .slide-panel-placement-right.slide-panel-active {
        right: 0
    }

    .slide-panel-placement-right.slide-panel-animate.slide-panel-active {
        transform: translate(0)
    }

    .slide-panel-placement-top.slide-panel-sm {
        top: -10%
    }

    .slide-panel-placement-top.slide-panel-md {
        top: -30%
    }

    .slide-panel-placement-top.slide-panel-lg {
        top: -100%
    }

    .slide-panel-placement-top.slide-panel-lg.slide-panel-persistent,
    .slide-panel-placement-top.slide-panel-md.slide-panel-persistent,
    .slide-panel-placement-top.slide-panel-sm.slide-panel-persistent {
        top: 10%
    }

    .slide-panel-placement-top.slide-panel-animate {
        top: 0;
        transform: translateY(-100%)
    }

    .slide-panel-placement-top.slide-panel-animate.slide-panel-persistent {
        top: 0;
        transform: translateY(-20.5rem)
    }

    .slide-panel-placement-top.slide-panel-active {
        top: 0
    }

    .slide-panel-placement-top.slide-panel-animate.slide-panel-active {
        transform: translate(0)
    }

    .slide-panel-placement-bottom.slide-panel-sm {
        bottom: -10%
    }

    .slide-panel-placement-bottom.slide-panel-md {
        bottom: -30%
    }

    .slide-panel-placement-bottom.slide-panel-lg {
        bottom: -100%
    }

    .slide-panel-placement-bottom.slide-panel-lg.slide-panel-persistent,
    .slide-panel-placement-bottom.slide-panel-md.slide-panel-persistent,
    .slide-panel-placement-bottom.slide-panel-sm.slide-panel-persistent {
        bottom: 10%
    }

    .slide-panel-placement-bottom.slide-panel-animate {
        bottom: 0;
        transform: translateY(100%)
    }

    .slide-panel-placement-bottom.slide-panel-animate.slide-panel-persistent {
        bottom: 0;
        transform: translateY(20.5rem)
    }

    .slide-panel-placement-bottom.slide-panel-active {
        bottom: 0
    }

    .slide-panel-placement-bottom.slide-panel-animate.slide-panel-active {
        transform: translate(0)
    }

    .sticky-container {
        visibility: hidden;
        z-index: 30;
        max-width: 100vw;
        position: fixed
    }

    .sticky-container.animated {
        transition: all .3s ease-out
    }

    .sticky-container.light-background {
        background-color: var(--base-color-white, #fff)
    }

    .sticky-container.bottom,
    .sticky-container.top {
        left: 0;
        right: 0
    }

    .sticky-container.left,
    .sticky-container.right {
        top: 0
    }

    .sticky-container.left.full-height,
    .sticky-container.right.full-height {
        bottom: 0
    }

    .sticky-container.left.offset-top-50,
    .sticky-container.right.offset-top-50 {
        top: 50%
    }

    .sticky-container.left.offset-top-25,
    .sticky-container.right.offset-top-25 {
        top: 25%
    }

    .sticky-container.left.offset-top-75,
    .sticky-container.right.offset-top-75 {
        top: 75%
    }

    .sticky-container.top {
        top: 0
    }

    .sticky-container.bottom {
        bottom: 0
    }

    .sticky-container.left {
        left: 0
    }

    .sticky-container.right {
        right: 0
    }

    .sticky-container.show {
        visibility: visible
    }

    .sticky-container.show.has-shadow {
        box-shadow: 0 0 var(--base-space-px-16, 16px)0 #0003
    }

    .sticky-container.show.bottom,
    .sticky-container.show.top {
        transform: translateY(0) !important
    }

    .sticky-container.show.left,
    .sticky-container.show.right {
        transform: translate(0) !important
    }

    .scroll-detection {
        z-index: 10;
        width: 100%;
        transition: all .5s ease-out;
        position: fixed;
        transform: translateY(-115px);
        top: -115px !important
    }

    .scroll-detection.light-background {
        background-color: var(--base-color-white, #fff)
    }

    .scroll-detection.scroll-up {
        transition: all .5s ease-out;
        transform: translateY(115px)
    }

    .scroll-detection.scroll-down {
        transition: all .5s ease-out;
        transform: translateY(60px)
    }

    @media (min-width:768px) {
        .scroll-detection.scroll-down {
            transform: translateY(115px)
        }
    }

    .scroll-detection.scroll-down-mobile {
        transition: all .5s ease-out;
        transform: translateY(60px)
    }

    @media (min-width:768px) {
        .scroll-detection.bordered {
            border-bottom: 1px solid var(--base-color-neutral-200, #e1e4e8);
            box-shadow: 0 0 12px var(--base-color-neutral-300, #cfd4da)
        }
    }

    .super-table-nav {
        position: relative
    }

    .super-table-nav button.next,
    .super-table-nav button.previous {
        filter: alpha(opacity=70);
        opacity: .7;
        z-index: 4;
        border: 1px solid var(--base-color-neutral-300, #cfd4da);
        background: var(--base-color-white, #fff);
        cursor: pointer;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        padding: 4px;
        position: fixed
    }

    .super-table-nav button.next:hover,
    .super-table-nav button.previous:hover {
        background: var(--base-color-white, #fff);
        filter: alpha(opacity=100);
        opacity: 1
    }

    .super-table-nav button.next:disabled,
    .super-table-nav button.previous:disabled {
        visibility: hidden
    }

    .super-table-nav button.next {
        right: 30px
    }

    .super-table-nav.absolute {
        width: 100%;
        position: absolute
    }

    .super-table-nav.absolute button.next,
    .super-table-nav.absolute button.previous {
        position: absolute
    }

    .super-table-nav.absolute button.next {
        right: unset
    }

    table.super-table {
        border-collapse: separate;
        overflow: auto
    }

    table.super-table td,
    table.super-table th {
        background-clip: padding-box !important
    }

    table.super-table thead tr th {
        background-color: var(--base-color-white, #fff);
        vertical-align: middle
    }

    table.super-table thead tr th:not(:first-child) {
        text-align: center
    }

    table.super-table thead th {
        z-index: 2;
        position: sticky;
        top: 0
    }

    table.super-table thead th:first-child {
        background-color: var(--base-color-white, #fff);
        z-index: 3;
        position: sticky;
        left: 0
    }

    table.super-table tbody th {
        z-index: 2;
        position: sticky;
        left: 0
    }

    table.super-table tbody tr td:first-child {
        background-color: var(--base-color-white, #fff);
        z-index: 2;
        position: sticky;
        left: 0
    }

    table.super-table tbody tr td:not(:first-child) {
        vertical-align: middle;
        text-align: center;
        display: table-cell
    }

    table.super-table--thead-align-top thead tr th {
        vertical-align: top
    }

    .table.table-unstyled td,
    .table.table-unstyled th {
        border: none;
        padding: 0
    }

    .timeline {
        margin-bottom: 0;
        padding: 0;
        list-style: none;
        position: relative
    }

    .timeline:after {
        content: "";
        border-left: 2px dashed var(--base-color-neutral-800, #2d363e);
        top: var(--base-space-px-16, 16px);
        bottom: var(--base-space-px-16, 16px);
        position: absolute;
        left: 50%;
        transform: translate(-50%)
    }

    .timeline-item {
        padding: 0 var(--base-space-px-8, 8px);
        justify-content: space-around;
        display: flex
    }

    .timeline-item:after {
        content: "•";
        color: var(--base-color-neutral-800, #2d363e);
        order: 2;
        align-self: center;
        font-size: 4em;
        font-weight: 400;
        line-height: 0
    }

    .timeline-item:last-of-type {
        font-weight: 700
    }

    .timeline-item+.timeline-item {
        margin-top: var(--base-space-px-24, 24px)
    }

    .timeline-label,
    .timeline-value {
        width: 35%;
        color: var(--base-color-neutral-800, #2d363e);
        flex-grow: 0;
        flex-shrink: 0;
        display: block
    }

    .timeline-label {
        text-align: right;
        order: 1
    }

    .timeline-value {
        text-align: left;
        order: 3
    }

    .toast {
        background-color: var(--comp-color-background-toast, var(--base-color-neutral-800, #2d363e));
        color: var(--comp-color-content-toast-text, var(--sem-color-content-neutral-inverse-primary, var(--base-color-white, #fff)));
        border-radius: var(--comp-size-radius-toast, var(--base-size-radius-lg, 8px));
        font-size: var(--comp-type-size-text-toast, var(--base-type-size-md, 1rem));
        z-index: 80;
        width: 96%;
        max-width: 720px;
        position: fixed;
        left: 50%;
        transform: translate(-50%)
    }

    .toast .toast-heading {
        font-size: var(--comp-type-size-toast-heading, var(--base-type-size-lg, 1.125rem));
        font-weight: var(--comp-type-weight-toast-heading, var(--base-type-weight-bold, 700));
        color: var(--comp-color-content-toast-heading, var(--sem-color-content-neutral-inverse-primary, var(--base-color-white, #fff)));
        margin-bottom: var(--comp-space-gap-text-toast, var(--base-space-px-4, 4px))
    }

    .toast .toast-icon {
        padding-right: var(--comp-space-gap-icon-toast, var(--base-space-px-8, 8px))
    }

    .toast .glyphicon {
        color: var(--comp-color-content-icon-toast, var(--sem-color-content-neutral-inverse-primary, var(--base-color-white, #fff)))
    }

    .toast.top {
        top: -100%
    }

    .toast.bottom {
        bottom: -100%
    }

    .react-toggle {
        touch-action: pan-x;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: #0000;
        background-color: #0000;
        border: 0;
        padding: 0;
        display: inline-block;
        position: relative
    }

    .react-toggle .react-toggle-track {
        background-color: var(--base-color-neutral-300, #cfd4da);
        border-radius: 30px;
        width: 30px;
        height: 18px;
        padding: 0;
        transition: all .2s
    }

    .react-toggle:after {
        content: "";
        width: 44px;
        height: 44px;
        position: absolute;
        top: -12px;
        left: -8px
    }

    .react-toggle.react-toggle--checked .react-toggle-track {
        background-color: var(--base-color-primary-600, #024aa5)
    }

    .react-toggle.react-toggle--checked .react-toggle-track-check {
        opacity: 1;
        transition: opacity .25s
    }

    .react-toggle.react-toggle--checked .react-toggle-track-x {
        opacity: 0
    }

    .react-toggle.react-toggle--checked .react-toggle-thumb {
        left: 13px
    }

    .react-toggle.react-toggle--disabled {
        cursor: not-allowed
    }

    .react-toggle.react-toggle--disabled .react-toggle-track {
        background-color: var(--base-color-neutral-300, #cfd4da)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .react-toggle.react-toggle--disabled .react-toggle-track {
            background-color: color-mix(in srgb, var(--base-color-neutral-300, #cfd4da)50%, transparent)
        }
    }

    .react-toggle.react-toggle--disabled .react-toggle-thumb {
        background-color: var(--base-color-neutral-500, #6d7782)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .react-toggle.react-toggle--disabled .react-toggle-thumb {
            background-color: color-mix(in srgb, var(--base-color-neutral-500, #6d7782)20%, transparent)
        }
    }

    .react-toggle .react-toggle-track-check {
        opacity: 0;
        width: 14px;
        left: 8px
    }

    .react-toggle .react-toggle-track-check,
    .react-toggle .react-toggle-track-x {
        height: 10px;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 0;
        transition: opacity .25s;
        position: absolute;
        top: 0;
        bottom: 0
    }

    .react-toggle .react-toggle-track-x {
        opacity: 1;
        width: 10px;
        right: 10px
    }

    .react-toggle .react-toggle-thumb {
        background-color: var(--base-color-white, #fff);
        box-sizing: border-box;
        border-radius: 50%;
        width: 14px;
        height: 14px;
        transition: all .25s;
        position: absolute;
        top: 2px;
        left: 3px
    }

    .react-toggle .react-toggle-screenreader-only {
        clip: rect(0 0 0 0);
        border: 0;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        position: absolute;
        overflow: hidden
    }

    .react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {
        background-color: var(--base-color-neutral-400, #939da8)
    }

    .react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {
        background-color: var(--base-color-primary-700, #0f3485)
    }

    .react-toggle.react-toggle--inversed .react-toggle-track {
        background-color: var(--base-color-neutral-400, #939da8)
    }

    .react-toggle.react-toggle--inversed:hover:not(.react-toggle--disabled) .react-toggle-track {
        background-color: var(--base-color-neutral-500, #6d7782)
    }

    .react-toggle.react-toggle--inversed.react-toggle--checked .react-toggle-track {
        background-color: var(--base-color-primary-600, #024aa5)
    }

    .react-toggle.react-toggle--inversed.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {
        background-color: var(--base-color-primary-700, #0f3485)
    }

    .react-toggle.react-toggle--inversed.react-toggle--disabled .react-toggle-track {
        background-color: var(--base-color-neutral-300, #cfd4da)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .react-toggle.react-toggle--inversed.react-toggle--disabled .react-toggle-track {
            background-color: color-mix(in srgb, var(--base-color-neutral-300, #cfd4da)20%, transparent)
        }
    }

    .react-toggle.react-toggle--inversed.react-toggle--disabled .react-toggle-thumb {
        background-color: var(--base-color-neutral-300, #cfd4da)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .react-toggle.react-toggle--inversed.react-toggle--disabled .react-toggle-thumb {
            background-color: color-mix(in srgb, var(--base-color-neutral-300, #cfd4da)20%, transparent)
        }
    }

    .react-toggle.react-toggle--lg .react-toggle-track {
        width: 44px;
        height: 24px
    }

    .react-toggle.react-toggle--lg .react-toggle-thumb {
        width: 18px;
        height: 18px;
        top: 3px
    }

    .react-toggle.react-toggle--lg:after {
        width: 100%;
        top: -9px;
        left: 0
    }

    .react-toggle.react-toggle--lg.react-toggle--checked .react-toggle-thumb {
        left: 23px
    }

    .react-toggle-wrapper {
        line-height: 0;
        display: inline-block
    }

    .react-toggle-wrapper:focus-visible {
        outline: 3px solid highlight;
        outline: 3px solid -webkit-focus-ring-color
    }

    .react-toggle-wrapper:focus:not(:focus-visible) {
        outline: none
    }

    .toggled-dropdown .toggled-dropdown-input {
        opacity: 0;
        width: 0;
        height: 0;
        margin: 0;
        padding: 0;
        position: absolute;
        overflow: hidden
    }

    .toggled-dropdown .toggled-dropdown-input:focus~.toggled-dropdown-label,
    .toggled-dropdown .toggled-dropdown-label:hover {
        text-decoration: underline
    }

    .toggled-dropdown .toggled-dropdown-label {
        font-weight: var(--base-type-weight-regular, 400);
        color: inherit;
        margin: 0
    }

    .toggled-dropdown .toggled-dropdown-menu {
        display: none
    }

    .toggled-dropdown .toggled-dropdown-input:checked .toggled-dropdown-label {
        font-weight: var(--base-type-weight-black, 900)
    }

    .toggled-dropdown .toggled-dropdown-input:checked~.toggled-dropdown-menu {
        display: block
    }

    .toggled-dropdown .toggled-dropdown-input:checked+label .toggle-open,
    .toggled-dropdown .toggled-dropdown-input:not(:checked)+label .toggle-close {
        display: none
    }

    @media (max-width:767px) {
        .toggled-dropdown .toggled-dropdown-menu {
            max-height: 0;
            transition-duration: var(--base-motion-150, .15s);
            transition-timing-function: var(--base-motion-easing-ease-out, cubic-bezier(0, 0, .2, 1));
            margin: 0;
            display: block;
            overflow: hidden
        }

        .toggled-dropdown .toggled-dropdown-input:checked~.toggled-dropdown-menu {
            max-height: fit-content;
            transition-duration: var(--base-motion-250, .25s);
            transition-timing-function: var(--base-motion-easing-ease-in, cubic-bezier(.4, 0, 1, 1))
        }

        .toggled-dropdown .toggled-dropdown-input:not(:checked)~.toggled-dropdown-menu {
            max-height: 0
        }
    }

    .toggled-dropdown.deeplinks-dropdown .toggled-dropdown-input:focus~.toggled-dropdown-label,
    .toggled-dropdown.deeplinks-dropdown .toggled-dropdown-label:hover {
        text-decoration: none
    }

    .toggled-dropdown.deeplinks-dropdown .toggled-dropdown-label {
        width: 100%
    }

    .toggled-dropdown.deeplinks-dropdown .toggled-dropdown-label span {
        font-weight: 400
    }

    @media (min-width:1024px) {
        .toggled-dropdown.deeplinks-dropdown .toggled-dropdown-label span {
            cursor: default;
            font-weight: 700
        }
    }

    .toggled-dropdown.deeplinks-dropdown .section:last-child .dropdown {
        border: none
    }

    .toggled-dropdown.deeplinks-dropdown .dropdown-panel-content {
        padding-left: calc(var(--base-space-px-12, 12px)*3.5)
    }

    @media (min-width:1024px) {
        .toggled-dropdown.deeplinks-dropdown .dropdown-panel-content {
            padding-left: var(--base-space-px-0, 0)
        }
    }

    .truncated-links-wrapper {
        line-height: var(--base-type-leading-normal, 1.5)
    }

    .truncated-links-wrapper .truncated-links {
        height: calc(var(--base-type-leading-normal, 1.5)*1em);
        overflow: hidden
    }

    .truncated-links-wrapper .truncated-links-trigger {
        border-left: 1px solid var(--comp-color-border-panel, var(--base-color-neutral-200, #e1e4e8));
        white-space: nowrap
    }

    .truncated-links-wrapper .full-links {
        border-top: 1px solid var(--comp-color-border-panel, var(--base-color-neutral-200, #e1e4e8))
    }

    .list-truncated {
        text-overflow: ellipsis;
        white-space: nowrap;
        position: relative;
        overflow: hidden
    }

    @media (min-width:1024px) {
        .ad-overlay-container .backdrop-content .container {
            width: 1012px
        }
    }

    @media (min-width:1300px) {
        .ad-overlay-container .backdrop-content .container {
            width: 1012px
        }
    }

    .ad-overlay-container .backdrop-content .row>button {
        color: #fff;
        font-size: 50px
    }

    .ad-overlay-container .backdrop-content .row>button:hover {
        background: 0 0
    }

    .bread-crumb {
        position: relative;
        top: 20px;
        left: 0
    }

    .auto-extend-btn-block-container .btn-block {
        width: auto;
        min-width: 100%
    }

    .btn-icon {
        box-shadow: none;
        background: 0 0;
        border: none;
        padding: 0
    }

    .btn-icon .glyphicon {
        max-width: calc(1em + var(--base-space-px-8, 8px)*2);
        padding: var(--base-space-px-8, 8px);
        aspect-ratio: 1;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        display: inline-flex;
        overflow: hidden
    }

    .btn-icon.btn-icon-lg .glyphicon,
    .btn-icon.btn-icon-md .glyphicon {
        max-width: calc(1em + var(--base-space-px-12, 12px)*2);
        padding: var(--base-space-px-12, 12px)
    }

    .btn-icon.btn-icon-sm .glyphicon {
        max-width: calc(1em + var(--base-space-px-8, 8px)*2);
        padding: var(--base-space-px-8, 8px)
    }

    .btn-icon:active .button-icon-label,
    .btn-icon:focus .button-icon-label,
    .btn-icon:hover .button-icon-label {
        text-decoration: underline
    }

    .btn-icon:active .glyphicon,
    .btn-icon:focus .glyphicon,
    .btn-icon:hover .glyphicon {
        background-color: var(--base-color-neutral-500, #6d7782)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .btn-icon:active .glyphicon,
        .btn-icon:focus .glyphicon,
        .btn-icon:hover .glyphicon {
            background-color: color-mix(in srgb, var(--base-color-neutral-500, #6d7782)5%, transparent)
        }
    }

    .btn-icon:active .glyphicon {
        background-color: var(--base-color-neutral-500, #6d7782)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn-icon:active .glyphicon {
            background-color: color-mix(in srgb, var(--base-color-neutral-500, #6d7782)1%, transparent)
        }
    }

    .btn-icon.btn-icon-muted:active .glyphicon,
    .btn-icon.btn-icon-muted:focus .glyphicon,
    .btn-icon.btn-icon-muted:hover .glyphicon {
        background-color: #0000
    }

    .btn-icon:focus-visible {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: 2px
    }

    .btn-icon:focus:not(:focus-visible) {
        outline: none
    }

    .play-video-button {
        cursor: default;
        pointer-events: all;
        width: auto;
        line-height: normal;
        background: 0 0;
        border: 0;
        outline: none;
        flex-direction: column;
        align-items: center;
        position: relative
    }

    .play-video-button:hover {
        text-decoration: none
    }

    .play-video-button:focus-visible {
        outline: auto !important
    }

    .play-video-button-label {
        color: #fff
    }

    .play-video-button-icon {
        color: #fff;
        width: 74px;
        height: 74px;
        padding: 6px;
        font-size: 74px
    }

    .play-video-button-icon:before {
        position: absolute;
        top: 0;
        left: 0
    }

    .play-video-button-icon:after {
        content: "";
        background: #00000080;
        border-radius: 50%;
        width: 62px;
        height: 62px;
        display: block
    }

    .play-video-button-icon:hover:after {
        background: var(--base-color-white, #fff)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .play-video-button-icon:hover:after {
            background: color-mix(in srgb, var(--base-color-white, #fff)50%, transparent)
        }
    }

    @media (max-width:1023px) {
        .video-sidebar-body {
            height: 300px
        }
    }

    .video-sidebar-body .video-placeholder {
        cursor: pointer;
        object-fit: cover;
        width: 100%
    }

    @media (max-width:1023px) {
        .video-sidebar-body .video-placeholder {
            height: 300px
        }
    }

    @media (min-width:1024px) {
        .video-sidebar-body .video-placeholder {
            height: 100%
        }
    }

    .video-sidebar-body .video-js {
        width: 100%;
        position: relative;
        top: 0;
        left: 0
    }

    @media (max-width:1023px) {
        .video-sidebar-body .video-js {
            height: 300px
        }
    }

    @media (min-width:1024px) {
        .video-sidebar-body .video-js {
            height: 100%
        }
    }

    .video-sidebar-body .glyphicon-play-circle {
        font-size: 50px
    }

    .input-password input::-ms-clear,
    .input-password input::-ms-reveal {
        display: none
    }

    .input-password .icon-fade {
        opacity: .6
    }

    .input-password .input {
        max-height: 80px
    }

    .federated-button .facebook,
    .federated-button .facebook:hover {
        color: var(--base-color-white, #fff);
        text-align: center;
        background: #1877f2
    }

    .federated-button .apple,
    .federated-button .apple:hover {
        background: var(--base-color-black, #000);
        color: var(--base-color-white, #fff);
        text-align: center
    }

    .federated-button .google,
    .federated-button .google:hover {
        background: var(--base-color-white, #fff);
        color: var(--base-color-black, #000);
        text-align: center
    }

    @media only screen and (min-width:768px) {

        .federated-button .apple,
        .federated-button .apple:hover,
        .federated-button .facebook,
        .federated-button .facebook:hover,
        .federated-button .google,
        .federated-button .google:hover {
            text-align: start
        }
    }

    .header-wallet-popover {
        width: 300px;
        color: var(--base-color-black, #000);
        top: 35px !important;
        left: -225px !important
    }

    .header-wallet-popover .arrow {
        left: 90% !important
    }

    .header-wallet-popover a {
        color: var(--base-color-primary-600, #024aa5) !important
    }

    .modal-lease-popover {
        left: -22px !important
    }

    .modal-lease-popover .arrow {
        left: 22% !important
    }

    @keyframes appearFromLeft {
        0% {
            max-width: 0
        }

        to {
            max-width: 100%
        }
    }

    .btn-animated.loaded,
    .btn-animated.loading {
        pointer-events: none;
        box-shadow: none
    }

    .btn-animated.loaded,
    .btn-animated.loading,
    .btn-animated:active {
        outline: none !important
    }

    .animated-text {
        max-width: 0;
        animation-name: appearFromLeft;
        animation-duration: .15s;
        animation-timing-function: linear;
        animation-iteration-count: 1;
        animation-delay: .2s;
        animation-fill-mode: forwards;
        overflow: hidden
    }

    .ajax-spinner {
        justify-content: center;
        align-items: center;
        display: flex
    }

    .ajax-spinner .spinner {
        aspect-ratio: 1;
        width: 21px;
        height: 21px;
        animation: load 1.5s steps(8) infinite;
        display: grid;
        -webkit-mask: conic-gradient(from 16deg, #0000, #000);
        mask: conic-gradient(from 16deg, #0000, #000)
    }

    .ajax-spinner .spinner,
    .ajax-spinner .spinner:before {
        --_g: linear-gradient(currentcolor 0 0)50%;
        background: var(--_g)/34% 7% space no-repeat, var(--_g)/7% 34% no-repeat space
    }

    .ajax-spinner .spinner:before {
        content: "";
        transform: rotate(45deg)
    }

    @keyframes load {
        to {
            transform: rotate(1turn)
        }
    }

    .box {
        border-radius: var(--comp-size-border-radius, var(--base-size-radius-xl, 12px));
        padding: var(--comp-space-padding-top-box-default, var(--base-space-px-16, 16px))var(--comp-space-padding-right-box-default, var(--base-space-px-16, 16px))var(--comp-space-padding-bottom-box-default, var(--base-space-px-16, 16px))var(--comp-space-padding-left-box-default, var(--base-space-px-16, 16px))
    }

    .box-compact {
        padding: var(--comp-space-padding-top-box-compact, var(--base-space-px-12, 12px))var(--comp-space-padding-right-box-compact, var(--base-space-px-12, 12px))var(--comp-space-padding-bottom-box-compact, var(--base-space-px-12, 12px))var(--comp-space-padding-left-box-compact, var(--base-space-px-12, 12px))
    }

    .box.box-radius-inset {
        border-radius: var(--comp-size-border-radius-inset, var(--base-size-radius-lg, 8px))
    }

    .box.box-radius-chat {
        border-radius: var(--comp-size-border-radius-chat, var(--base-size-radius-3xl, 24px))
    }

    .box[class*=border-] {
        border-width: var(--comp-size-border-box, 1px)
    }

    .step-indicator-list {
        grid-template-columns: repeat(auto-fit, minmax(10px, 1fr));
        padding: 0;
        list-style-type: none;
        display: grid;
        position: relative
    }

    .step-indicator-step {
        grid-template-rows: auto auto;
        justify-items: center;
        display: grid;
        position: relative
    }

    .step-indicator-step-anchor {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        display: flex;
        color: inherit !important
    }

    .step-indicator-step-number {
        background-color: var(--base-color-neutral-100, #f8f8f8);
        width: 24px;
        height: 24px;
        font-size: var(--base-type-size-sm, .86rem);
        margin-bottom: var(--base-space-px-4, 4px);
        z-index: 1;
        border-style: solid;
        border-width: 2px;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        display: flex
    }

    .step-indicator-step-number .glyphicon-success {
        font-size: var(--base-type-size-sm, .86rem);
        font-weight: var(--base-type-weight-bold, 700)
    }

    @media (min-width:768px) {
        .step-indicator-step-number {
            font-size: var(--base-type-size-md, 1rem);
            width: 32px;
            height: 32px
        }

        .step-indicator-step-number .glyphicon-success {
            font-size: var(--base-type-size-lg, 1.125rem)
        }
    }

    .step-indicator-step-title {
        -webkit-line-clamp: 1;
        line-clamp: 1;
        word-break: break-all;
        font-size: var(--base-type-size-sm, .86rem);
        padding: 0 var(--base-space-px-4, 4px);
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    @media (min-width:768px) {
        .step-indicator-step-title {
            font-size: var(--base-type-size-md, 1rem)
        }
    }

    .step-indicator-step-line {
        background-color: var(--base-color-neutral-300, #cfd4da);
        z-index: 0;
        width: calc(100% - 24px);
        height: 1.5px;
        position: absolute;
        top: 12px;
        left: 100%;
        transform: translate(-50%)
    }

    @media (min-width:768px) {
        .step-indicator-step-line {
            width: calc(100% - 32px);
            top: 16px
        }
    }

    .step-indicator-step:last-child .step-indicator-line {
        display: none
    }

    .step-indicator-step.disabled .step-indicator-step-number {
        border-color: var(--base-color-neutral-300, #cfd4da);
        color: var(--base-color-neutral-500, #6d7782)
    }

    .step-indicator-step.disabled .step-indicator-step-title {
        color: var(--base-color-neutral-500, #6d7782)
    }

    .step-indicator-step.disabled .step-indicator-step-anchor {
        pointer-events: none;
        color: inherit !important
    }

    .step-indicator-step.active .step-indicator-step-number {
        border-color: var(--base-color-primary-800, #012169);
        color: var(--base-color-primary-800, #012169);
        font-weight: var(--base-type-weight-bold, 700)
    }

    .step-indicator-step.active .step-indicator-step-title {
        color: var(--base-color-primary-800, #012169);
        font-weight: var(--base-type-weight-regular, 400)
    }

    .step-indicator-step.active .step-indicator-step-anchor {
        pointer-events: none
    }

    .step-indicator-step.visited .step-indicator-step-number {
        border-color: var(--base-color-neutral-300, #cfd4da);
        color: var(--base-color-primary-800, #012169);
        font-weight: var(--base-type-weight-bold, 700)
    }

    .step-indicator-step.visited .step-indicator-step-title {
        color: var(--base-color-neutral-800, #2d363e)
    }

    .step-indicator-step.complete .step-indicator-step-number {
        border-color: var(--base-color-success-700, #0f7e33);
        color: var(--base-color-success-700, #0f7e33)
    }

    .step-indicator-step.complete .step-indicator-step-title {
        color: var(--base-color-neutral-800, #2d363e)
    }

    .step-indicator-step.disabled.inverse .step-indicator-step-number {
        border-color: var(--base-color-neutral-300, #cfd4da);
        color: var(--base-color-neutral-300, #cfd4da);
        background-color: #0000
    }

    .step-indicator-step.disabled.inverse .step-indicator-step-title {
        color: var(--base-color-neutral-300, #cfd4da)
    }

    .step-indicator-step.active.inverse .step-indicator-step-number {
        background-color: var(--base-color-neutral-500, #6d7782)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .step-indicator-step.active.inverse .step-indicator-step-number {
            background-color: color-mix(in srgb, var(--base-color-neutral-500, #6d7782)70%, black)
        }
    }

    .step-indicator-step.active.inverse .step-indicator-step-number {
        border-color: var(--base-color-primary-300, #8dc9ff);
        color: var(--base-color-primary-300, #8dc9ff)
    }

    .step-indicator-step.active.inverse .step-indicator-step-title {
        color: var(--base-color-primary-300, #8dc9ff)
    }

    .step-indicator-step.visited.inverse .step-indicator-step-number {
        border-color: var(--base-color-neutral-300, #cfd4da);
        color: var(--base-color-primary-300, #8dc9ff);
        background-color: #0000
    }

    .step-indicator-step.visited.inverse .step-indicator-step-title {
        color: var(--base-color-white, #fff)
    }

    .step-indicator-step.complete.inverse .step-indicator-step-number {
        border-color: var(--base-color-success-300, #b1ed8e);
        color: var(--base-color-success-300, #b1ed8e);
        background-color: #0000
    }

    .step-indicator-step.complete.inverse .step-indicator-step-title {
        color: var(--base-color-white, #fff)
    }

    .unified-dropdown-container {
        border: 1px solid var(--base-color-black-alpha-20, var(--base-color-black, #000));
        align-items: stretch;
        display: flex
    }

    @supports (color:color-mix(in lab, red, red)) {
        .unified-dropdown-container {
            border: 1px solid var(--base-color-black-alpha-20, color-mix(in srgb, var(--base-color-black, #000)20%, transparent))
        }
    }

    .unified-dropdown-container {
        border-radius: 4px;
        overflow: hidden
    }

    .unified-dropdown-container:has(.unified-dropdown-item:last-child select) {
        padding-inline-end: .5rem
    }

    .unified-dropdown-container:has(.btn-circle) {
        padding-inline-end: 0;
        overflow: hidden
    }

    .unified-dropdown-item {
        flex: 1;
        align-items: center;
        min-width: 0;
        display: flex;
        position: relative
    }

    .unified-dropdown-item button:not(.btn-circle),
    .unified-dropdown-item select {
        border: none;
        border-radius: 0;
        width: 100%;
        height: 100%;
        padding-block: .5rem;
        padding-inline: 1rem
    }

    .unified-dropdown-item button:not(.btn-circle):focus,
    .unified-dropdown-item select:focus {
        outline: none
    }

    .unified-dropdown-item select {
        appearance: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");
        background-position: right .5rem center;
        background-repeat: no-repeat;
        background-size: 20px 20px;
        padding-inline-end: 2rem
    }

    .unified-dropdown-item select:focus {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M4 10l4-4 4 4'/%3E%3C/svg%3E")
    }

    .unified-dropdown-item:has(+.unified-dropdown-divider) select {
        background-position: right 1rem center;
        padding-inline-end: 2.5rem
    }

    .unified-dropdown-item:focus-within:after {
        content: "";
        border: 2px solid var(--sem-color-content-info-primary, var(--base-color-primary-700, #0f3485));
        pointer-events: none;
        position: absolute;
        inset: 0
    }

    .unified-dropdown-item:has(.btn-circle) {
        flex: 0;
        padding-block: .4rem;
        padding-inline: 1rem 2.5rem
    }

    .unified-dropdown-item:has(.btn-circle) .btn-circle {
        width: 24px;
        height: 24px;
        min-width: unset;
        border-radius: 50%;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        padding: 0;
        display: flex
    }

    .unified-dropdown-item:has(.btn-circle) .btn-circle:focus,
    .unified-dropdown-item:has(.btn-circle) .btn-circle:focus-visible {
        box-shadow: 0 0 0 2px var(--sem-color-content-info-primary, var(--base-color-primary-700, #0f3485));
        outline: none
    }

    .unified-dropdown-item:has(.btn-circle):focus-within:after {
        display: none
    }

    .unified-dropdown-divider {
        border-inline-start: 1px solid var(--base-color-black-alpha-10, var(--base-color-black, #000));
        flex-shrink: 0;
        width: 0
    }

    @supports (color:color-mix(in lab, red, red)) {
        .unified-dropdown-divider {
            border-inline-start: 1px solid var(--base-color-black-alpha-10, color-mix(in srgb, var(--base-color-black, #000)10%, transparent))
        }
    }

    .unified-dropdown-divider {
        align-self: center;
        height: 24px
    }

    .unified-dropdown-submit-btn.btn {
        color: var(--sem-color-content-accent-primary, var(--base-color-secondary-700, #d54101));
        border-color: var(--sem-color-content-accent-primary, var(--base-color-secondary-700, #d54101));
        box-shadow: none;
        background: 0 0
    }

    .unified-dropdown-submit-btn.btn.active,
    .unified-dropdown-submit-btn.btn:active,
    .unified-dropdown-submit-btn.btn:hover {
        color: var(--sem-color-content-accent-primary, var(--base-color-secondary-700, #d54101)) !important;
        border-color: var(--sem-color-content-accent-primary, var(--base-color-secondary-700, #d54101)) !important;
        box-shadow: none !important;
        background: 0 0 !important
    }

    .unified-dropdown-submit-btn.btn:focus,
    .unified-dropdown-submit-btn.btn:focus-visible {
        color: var(--sem-color-content-accent-primary, var(--base-color-secondary-700, #d54101)) !important;
        border-color: var(--sem-color-content-accent-primary, var(--base-color-secondary-700, #d54101)) !important;
        background: 0 0 !important
    }

    .unified-dropdown-inverse {
        background-color: var(--base-color-neutral-500, #6d7782)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .unified-dropdown-inverse {
            background-color: color-mix(in srgb, var(--base-color-neutral-500, #6d7782)30%, transparent)
        }
    }

    .unified-dropdown-inverse {
        border-color: var(--base-color-white-alpha-30, var(--base-color-white, #fff))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .unified-dropdown-inverse {
            border-color: var(--base-color-white-alpha-30, color-mix(in srgb, var(--base-color-white, #fff)30%, transparent))
        }
    }

    .unified-dropdown-inverse .unified-dropdown-divider {
        border-inline-start-color: var(--base-color-white-alpha-20, var(--base-color-white, #fff))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .unified-dropdown-inverse .unified-dropdown-divider {
            border-inline-start-color: var(--base-color-white-alpha-20, color-mix(in srgb, var(--base-color-white, #fff)20%, transparent))
        }
    }

    .unified-dropdown-inverse .unified-dropdown-item button:not(.btn-circle),
    .unified-dropdown-inverse .unified-dropdown-item select {
        color: var(--sem-color-content-neutral-inverse-primary, var(--base-color-white, #fff));
        background-color: #0000
    }

    .unified-dropdown-inverse .unified-dropdown-item select {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23939DA8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M4 6l4 4 4-4'/%3E%3C/svg%3E")
    }

    .unified-dropdown-inverse .unified-dropdown-item select:focus {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23939DA8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M4 10l4-4 4 4'/%3E%3C/svg%3E")
    }

    .unified-dropdown-inverse .unified-dropdown-item select option {
        background-color: var(--base-color-white, #fff);
        color: var(--base-color-neutral-800, #2d363e)
    }

    .unified-dropdown-inverse .unified-dropdown-item:focus-within:after {
        border-color: var(--base-color-white, #fff)
    }

    .unified-dropdown-inverse .unified-dropdown-item .btn-circle:focus,
    .unified-dropdown-inverse .unified-dropdown-item .btn-circle:focus-visible {
        box-shadow: 0 0 0 2px var(--base-color-white, #fff)
    }

    .unified-dropdown-inverse .unified-dropdown-submit-btn.btn {
        color: var(--base-color-secondary-500, #e85b00);
        border-color: var(--base-color-secondary-500, #e85b00)
    }

    .unified-dropdown-inverse .unified-dropdown-submit-btn.btn.active,
    .unified-dropdown-inverse .unified-dropdown-submit-btn.btn:active,
    .unified-dropdown-inverse .unified-dropdown-submit-btn.btn:focus,
    .unified-dropdown-inverse .unified-dropdown-submit-btn.btn:focus-visible,
    .unified-dropdown-inverse .unified-dropdown-submit-btn.btn:hover {
        color: var(--base-color-secondary-500, #e85b00) !important;
        border-color: var(--base-color-secondary-500, #e85b00) !important
    }

    .unified-dropdown-item:has(select:disabled) {
        filter: opacity(40%);
        pointer-events: none
    }

    .outline-focus:focus-visible {
        outline: 3px solid highlight;
        outline: 3px solid -webkit-focus-ring-color
    }

    .outline-focus:focus:not(:focus-visible) {
        outline: none
    }

    .fade-in-slide-down {
        animation: fade-in-slide-down var(--sem-motion-duration-small-02, var(--base-motion-250, .25s))var(--sem-motion-easing-ease-out, var(--base-motion-easing-ease-out, cubic-bezier(0, 0, .2, 1)))
    }

    .fade-out-slide-up {
        animation: fade-out-slide-up var(--sem-motion-duration-small-01, var(--base-motion-150, .15s))var(--sem-motion-easing-ease-in, var(--base-motion-easing-ease-in, cubic-bezier(.4, 0, 1, 1)));
        animation-fill-mode: forwards
    }

    @keyframes fade-in-slide-down {
        0% {
            opacity: 0;
            transform: translateY(calc(var(--base-space-px-8, 8px)*-1))
        }

        to {
            opacity: 1;
            transform: translate(0)
        }
    }

    @keyframes fade-out-slide-up {
        0% {
            opacity: 1;
            transform: translate(0)
        }

        to {
            opacity: 0;
            transform: translateY(calc(var(--base-space-px-8, 8px)*-1));
            display: none
        }
    }

    .slide-enter-exit-top {
        animation: slide-enter-top, slide-exit-top;
        animation-duration: var(--sem-motion-duration-small-03, var(--base-motion-350, .35s)), var(--sem-motion-duration-small-02, var(--base-motion-250, .25s));
        animation-fill-mode: forwards;
        animation-timing-function: var(--base-motion-easing-ease-out, cubic-bezier(0, 0, .2, 1)), var(--base-motion-easing-ease-in, cubic-bezier(.4, 0, 1, 1))
    }

    .slide-enter-exit-top.quick {
        animation-delay: 0s, 5s
    }

    .slide-enter-exit-top.slow {
        animation-delay: 0s, 10s
    }

    .slide-enter-exit-bottom {
        animation: slide-enter-bottom, slide-exit-bottom;
        animation-duration: var(--sem-motion-duration-small-03, var(--base-motion-350, .35s)), var(--sem-motion-duration-small-02, var(--base-motion-250, .25s));
        animation-fill-mode: forwards, forwards;
        animation-timing-function: var(--base-motion-easing-ease-out, cubic-bezier(0, 0, .2, 1)), var(--base-motion-easing-ease-in, cubic-bezier(.4, 0, 1, 1))
    }

    .slide-enter-exit-bottom.quick {
        animation-delay: 0s, 5s
    }

    .slide-enter-exit-bottom.slow {
        animation-delay: 0s, 10s
    }

    @keyframes slide-enter-top {
        0% {
            top: -200px
        }

        to {
            top: 70px
        }
    }

    @keyframes slide-exit-top {
        0% {
            top: 10px
        }

        to {
            top: -200px
        }
    }

    @keyframes slide-enter-bottom {
        0% {
            bottom: -200px
        }

        to {
            bottom: 10px
        }
    }

    @keyframes slide-exit-bottom {
        0% {
            bottom: 10px
        }

        to {
            bottom: -200px
        }
    }

    .bg-gray-darkest {
        background-color: var(--base-color-neutral-900, #192026) !important
    }

    .bg-gray-base {
        background-color: var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e)) !important
    }

    .bg-gray-darker {
        background-color: var(--base-color-neutral-700, #414c58) !important
    }

    .bg-gray-dark {
        background-color: var(--sem-color-content-neutral-secondary, var(--base-color-neutral-600, #59636e)) !important
    }

    .bg-gray {
        background-color: var(--sem-color-content-neutral-tertiary, var(--base-color-neutral-500, #6d7782)) !important
    }

    .bg-gray-muted {
        background-color: var(--base-color-neutral-400, #939da8) !important
    }

    .bg-gray-light {
        background-color: var(--base-color-neutral-300, #cfd4da) !important
    }

    .bg-gray-lighter {
        background-color: var(--base-color-neutral-200, #e1e4e8) !important
    }

    .bg-gray-lightest {
        background-color: var(--base-color-neutral-100, #f8f8f8) !important
    }

    .bg-blue-darkest {
        background-color: var(--base-color-primary-800, #012169) !important
    }

    .bg-blue-darker {
        background-color: var(--base-color-primary-700, #0f3485) !important
    }

    .bg-blue {
        background-color: var(--base-color-primary-600, #024aa5) !important
    }

    .bg-blue-light {
        background-color: var(--base-color-primary-300, #8dc9ff) !important
    }

    .bg-blue-lightest {
        background-color: var(--base-color-primary-100, #e3f2ff) !important
    }

    .bg-accent {
        background-color: var(--sem-color-content-accent-primary, var(--base-color-secondary-800, #a42c00))
    }

    .bg-neutral-primary,
    .bg-white {
        background-color: var(--sem-color-background-neutral-primary, var(--base-color-white, #fff))
    }

    .bg-neutral-primary-transparent-10 {
        background-color: var(--base-color-white-alpha-10, var(--base-color-white, #fff))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-neutral-primary-transparent-10 {
            background-color: var(--base-color-white-alpha-10, color-mix(in srgb, var(--base-color-white, #fff)10%, transparent))
        }
    }

    .bg-neutral-primary-transparent-40 {
        background-color: var(--sem-color-background-neutral-transparent-primary, var(--base-color-white-alpha-40, var(--base-color-white, #fff)))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-neutral-primary-transparent-40 {
            background-color: var(--sem-color-background-neutral-transparent-primary, var(--base-color-white-alpha-40, color-mix(in srgb, var(--base-color-white, #fff)40%, transparent)))
        }
    }

    .bg-neutral-primary-transparent {
        background-color: var(--sem-color-background-neutral-transparent-primary, var(--base-color-white-alpha-40, var(--base-color-white, #fff)))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-neutral-primary-transparent {
            background-color: var(--sem-color-background-neutral-transparent-primary, var(--base-color-white-alpha-40, color-mix(in srgb, var(--base-color-white, #fff)40%, transparent)))
        }
    }

    .bg-neutral-secondary {
        background-color: var(--sem-color-background-neutral-secondary, var(--base-color-neutral-100, #f8f8f8))
    }

    .bg-neutral-tertiary {
        background-color: var(--sem-color-background-neutral-tertiary, var(--base-color-neutral-200, #e1e4e8))
    }

    .bg-info-100,
    .bg-periwinkle {
        background-color: var(--base-color-info-100, #f3f4fa)
    }

    .bg-dark-transparent-85 {
        background-color: var(--base-color-neutral-800, #2d363e)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-dark-transparent-85 {
            background-color: color-mix(in srgb, var(--base-color-neutral-800, #2d363e)85%, transparent)
        }
    }

    .bg-dark,
    .bg-neutral-inverse-primary {
        background-color: var(--sem-color-background-neutral-inverse-primary, var(--base-color-black, #000))
    }

    .bg-brand-primary {
        background-color: var(--sem-color-background-brand-primary, var(--base-color-primary-100, #e3f2ff))
    }

    .bg-brand-secondary {
        background-color: var(--sem-color-background-brand-secondary, var(--base-color-primary-25, #f8fbfe))
    }

    .bg-brand-tertiary {
        background-color: var(--sem-color-background-brand-tertiary, var(--base-color-primary-50, #f1f7fd))
    }

    .bg-brand-inverse {
        background-color: var(--sem-color-background-brand-inverse-secondary, var(--base-color-primary-700, #0f3485))
    }

    .bg-orange-light {
        background-color: var(--base-color-secondary-100, #ffe7d8)
    }

    .rounded {
        border-radius: var(--base-space-px-4, 4px)
    }

    .rounded-lg {
        border-radius: var(--base-size-radius-lg, 8px)
    }

    .rounded-top {
        border-radius: var(--base-space-px-4, 4px)var(--base-space-px-4, 4px)0 0
    }

    .rounded-bottom {
        border-radius: 0 0 var(--base-space-px-4, 4px)var(--base-space-px-4, 4px)
    }

    .rounded-full {
        border-radius: 50%
    }

    .border-brand-primary,
    .border-primary {
        border: 1px solid var(--sem-color-border-brand-primary, var(--base-color-primary-800, #012169));
        border-radius: var(--base-space-px-4, 4px)
    }

    .border-gray-dark {
        border: 1px solid var(--base-color-neutral-600, #59636e)
    }

    .border-gray,
    .border-neutral-primary {
        border: 1px solid var(--sem-color-border-neutral-primary, var(--base-color-neutral-500, #6d7782))
    }

    .border-gray-muted {
        border: 1px solid var(--base-color-neutral-400, #939da8)
    }

    .border-gray-lighter,
    .border-neutral-tertiary {
        border: 1px solid var(--sem-color-border-neutral-tertiary, var(--base-color-neutral-200, #e1e4e8))
    }

    .border-gray-light,
    .border-neutral-secondary {
        border: 1px solid var(--sem-color-border-neutral-secondary, var(--base-color-neutral-300, #cfd4da))
    }

    .border-transparent {
        border: 1px solid var(--base-color-transparent, var(--base-color-white, #fff))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-transparent {
            border: 1px solid var(--base-color-transparent, color-mix(in srgb, var(--base-color-white, #fff)0%, transparent))
        }
    }

    .border-info-200,
    .border-periwinkle {
        border: 1px solid var(--base-color-info-200, #dee2ec)
    }

    .border-blue-lighter,
    .border-brand-tertiary {
        border: 1px solid var(--sem-color-border-brand-tertiary, var(--base-color-primary-200, #c7e5ff))
    }

    .border-top,
    .border-vertical {
        border-top-width: 1px !important
    }

    .border-bottom,
    .border-vertical {
        border-bottom-width: 1px !important
    }

    .border-horizontal,
    .border-left {
        border-left-width: 1px !important
    }

    .border-horizontal,
    .border-right {
        border-right-width: 1px !important
    }

    .border-top-0,
    .border-vertical-0 {
        border-top-width: 0 !important
    }

    .border-bottom-0,
    .border-vertical-0 {
        border-bottom-width: 0 !important
    }

    .border-horizontal-0,
    .border-left-0 {
        border-left-width: 0 !important
    }

    .border-horizontal-0,
    .border-right-0 {
        border-right-width: 0 !important
    }

    .border-0 {
        border-width: 0 !important
    }

    @media (min-width:768px) {

        .border-top-sm,
        .border-vertical-sm {
            border-top-width: 1px !important
        }

        .border-bottom-sm,
        .border-vertical-sm {
            border-bottom-width: 1px !important
        }

        .border-horizontal-sm,
        .border-left-sm {
            border-left-width: 1px !important
        }

        .border-horizontal-sm,
        .border-right-sm {
            border-right-width: 1px !important
        }

        .border-top-sm-0,
        .border-vertical-sm-0 {
            border-top-width: 0 !important
        }

        .border-bottom-sm-0,
        .border-vertical-sm-0 {
            border-bottom-width: 0 !important
        }

        .border-horizontal-sm-0,
        .border-left-sm-0 {
            border-left-width: 0 !important
        }

        .border-horizontal-sm-0,
        .border-right-sm-0 {
            border-right-width: 0 !important
        }

        .border-sm-0 {
            border-width: 0 !important
        }
    }

    @media (min-width:1024px) {

        .border-top-md,
        .border-vertical-md {
            border-top-width: 1px !important
        }

        .border-bottom-md,
        .border-vertical-md {
            border-bottom-width: 1px !important
        }

        .border-horizontal-md,
        .border-left-md {
            border-left-width: 1px !important
        }

        .border-horizontal-md,
        .border-right-md {
            border-right-width: 1px !important
        }

        .border-top-md-0,
        .border-vertical-md-0 {
            border-top-width: 0 !important
        }

        .border-bottom-md-0,
        .border-vertical-md-0 {
            border-bottom-width: 0 !important
        }

        .border-horizontal-md-0,
        .border-left-md-0 {
            border-left-width: 0 !important
        }

        .border-horizontal-md-0,
        .border-right-md-0 {
            border-right-width: 0 !important
        }

        .border-md-0 {
            border-width: 0 !important
        }
    }

    @media (min-width:1300px) {

        .border-top-lg,
        .border-vertical-lg {
            border-top-width: 1px !important
        }

        .border-bottom-lg,
        .border-vertical-lg {
            border-bottom-width: 1px !important
        }

        .border-horizontal-lg,
        .border-left-lg {
            border-left-width: 1px !important
        }

        .border-horizontal-lg,
        .border-right-lg {
            border-right-width: 1px !important
        }

        .border-top-lg-0,
        .border-vertical-lg-0 {
            border-top-width: 0 !important
        }

        .border-bottom-lg-0,
        .border-vertical-lg-0 {
            border-bottom-width: 0 !important
        }

        .border-horizontal-lg-0,
        .border-left-lg-0 {
            border-left-width: 0 !important
        }

        .border-horizontal-lg-0,
        .border-right-lg-0 {
            border-right-width: 0 !important
        }

        .border-lg-0 {
            border-width: 0 !important
        }
    }

    .columns {
        list-style-position: inside
    }

    .columns.list-bulleted>li {
        display: list-item
    }

    .columns>* {
        -webkit-column-break-inside: avoid;
        column-break-inside: avoid;
        width: 100%;
        display: inline-block
    }

    .columns-1 {
        column-count: 1
    }

    .columns-2 {
        column-count: 2
    }

    .columns-3 {
        column-count: 3
    }

    .columns-4 {
        column-count: 4
    }

    .columns-5 {
        column-count: 5
    }

    .columns-6 {
        column-count: 6
    }

    @media (min-width:768px) {
        .columns-sm-1 {
            column-count: 1
        }

        .columns-sm-2 {
            column-count: 2
        }

        .columns-sm-3 {
            column-count: 3
        }

        .columns-sm-4 {
            column-count: 4
        }

        .columns-sm-5 {
            column-count: 5
        }

        .columns-sm-6 {
            column-count: 6
        }
    }

    @media (min-width:1024px) {
        .columns-md-1 {
            column-count: 1
        }

        .columns-md-2 {
            column-count: 2
        }

        .columns-md-3 {
            column-count: 3
        }

        .columns-md-4 {
            column-count: 4
        }

        .columns-md-5 {
            column-count: 5
        }

        .columns-md-6 {
            column-count: 6
        }
    }

    @media (min-width:1300px) {
        .columns-lg-1 {
            column-count: 1
        }

        .columns-lg-2 {
            column-count: 2
        }

        .columns-lg-3 {
            column-count: 3
        }

        .columns-lg-4 {
            column-count: 4
        }

        .columns-lg-5 {
            column-count: 5
        }

        .columns-lg-6 {
            column-count: 6
        }
    }

    .display-none {
        display: none !important
    }

    .display-inline {
        display: inline !important
    }

    .display-inline-block {
        display: inline-block !important
    }

    .display-block {
        display: block !important
    }

    .display-table {
        display: table !important
    }

    .display-table-row {
        display: table-row !important
    }

    .display-table-cell {
        display: table-cell !important
    }

    .display-flex {
        display: flex !important
    }

    .display-inline-flex {
        display: inline-flex !important
    }

    .display-grid {
        display: grid !important
    }

    @media (min-width:768px) {
        .display-sm-none {
            display: none !important
        }

        .display-sm-inline {
            display: inline !important
        }

        .display-sm-inline-block {
            display: inline-block !important
        }

        .display-sm-block {
            display: block !important
        }

        .display-sm-table {
            display: table !important
        }

        .display-sm-table-row {
            display: table-row !important
        }

        .display-sm-table-cell {
            display: table-cell !important
        }

        .display-sm-flex {
            display: flex !important
        }

        .display-sm-inline-flex {
            display: inline-flex !important
        }

        .display-sm-grid {
            display: grid !important
        }
    }

    @media (min-width:1024px) {
        .display-md-none {
            display: none !important
        }

        .display-md-inline {
            display: inline !important
        }

        .display-md-inline-block {
            display: inline-block !important
        }

        .display-md-block {
            display: block !important
        }

        .display-md-table {
            display: table !important
        }

        .display-md-table-row {
            display: table-row !important
        }

        .display-md-table-cell {
            display: table-cell !important
        }

        .display-md-flex {
            display: flex !important
        }

        .display-md-inline-flex {
            display: inline-flex !important
        }

        .display-md-grid {
            display: grid !important
        }
    }

    @media (min-width:1300px) {
        .display-lg-none {
            display: none !important
        }

        .display-lg-inline {
            display: inline !important
        }

        .display-lg-inline-block {
            display: inline-block !important
        }

        .display-lg-block {
            display: block !important
        }

        .display-lg-table {
            display: table !important
        }

        .display-lg-table-row {
            display: table-row !important
        }

        .display-lg-table-cell {
            display: table-cell !important
        }

        .display-lg-flex {
            display: flex !important
        }

        .display-lg-inline-flex {
            display: inline-flex !important
        }

        .display-lg-grid {
            display: grid !important
        }
    }

    @media (min-width:1301px) {
        .display-lg-min-none {
            display: none !important
        }

        .display-lg-min-flex {
            display: flex !important
        }
    }

    .display-print-block {
        display: none !important
    }

    @media print {
        .display-print-block {
            display: block !important
        }
    }

    .display-print-inline {
        display: none !important
    }

    @media print {
        .display-print-inline {
            display: inline !important
        }
    }

    .display-print-inline-block {
        display: none !important
    }

    @media print {
        .display-print-inline-block {
            display: inline-block !important
        }

        .display-print-none {
            display: none !important
        }
    }

    .overflow-hidden {
        overflow: hidden
    }

    .flex-grow {
        flex-grow: 1
    }

    .flex-shrink-0 {
        flex-shrink: 0
    }

    .flex-grow-0 {
        flex-grow: 0
    }

    .flex-grow-1 {
        flex-grow: 1
    }

    .flex-grow-2 {
        flex-grow: 2
    }

    .flex-grow-3 {
        flex-grow: 3
    }

    .flex-1 {
        flex: 1
    }

    .flex-row {
        flex-direction: row !important
    }

    .flex-column {
        flex-direction: column !important
    }

    .flex-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-wrap {
        flex-wrap: wrap !important
    }

    .flex-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-start {
        justify-content: flex-start !important
    }

    .justify-content-end {
        justify-content: flex-end !important
    }

    .justify-content-center {
        justify-content: center !important
    }

    .justify-content-between {
        justify-content: space-between !important
    }

    .justify-content-around {
        justify-content: space-around !important
    }

    .align-items-start {
        align-items: flex-start !important
    }

    .align-items-end {
        align-items: flex-end !important
    }

    .align-items-center {
        align-items: center !important
    }

    .align-items-baseline {
        align-items: baseline !important
    }

    .align-items-stretch {
        align-items: stretch !important
    }

    .align-content-start {
        align-content: flex-start !important
    }

    .align-content-end {
        align-content: flex-end !important
    }

    .align-content-center {
        align-content: center !important
    }

    .align-content-between {
        align-content: space-between !important
    }

    .align-content-around {
        align-content: space-around !important
    }

    .align-content-stretch {
        align-content: stretch !important
    }

    .align-self-auto {
        align-self: auto !important
    }

    .align-self-start {
        align-self: flex-start !important
    }

    .align-self-end {
        align-self: flex-end !important
    }

    .align-self-center {
        align-self: center !important
    }

    .align-self-baseline {
        align-self: baseline !important
    }

    .align-self-stretch {
        align-self: stretch !important
    }

    .gap-0 {
        gap: var(--base-space-px-0, 0) !important
    }

    .gap-1 {
        gap: var(--base-space-px-4, 4px) !important
    }

    .gap-2 {
        gap: var(--base-space-px-8, 8px) !important
    }

    .gap-3 {
        gap: var(--base-space-px-12, 12px) !important
    }

    .gap-4 {
        gap: var(--base-space-px-16, 16px) !important
    }

    .gap-5 {
        gap: var(--base-space-px-24, 24px) !important
    }

    .gap-6 {
        gap: var(--base-space-px-48, 48px) !important
    }

    .gap-7 {
        gap: var(--base-space-px-64, 16px) !important
    }

    @media (min-width:768px) {
        .flex-shrink-sm-0 {
            flex-shrink: 0
        }

        .flex-grow-sm-0 {
            flex-grow: 0
        }

        .flex-grow-sm-1 {
            flex-grow: 1
        }

        .flex-grow-sm-2 {
            flex-grow: 2
        }

        .flex-grow-sm-3 {
            flex-grow: 3
        }

        .flex-sm-1 {
            flex: 1
        }

        .flex-sm-row {
            flex-direction: row !important
        }

        .flex-sm-column {
            flex-direction: column !important
        }

        .flex-sm-row-reverse {
            flex-direction: row-reverse !important
        }

        .flex-sm-column-reverse {
            flex-direction: column-reverse !important
        }

        .flex-sm-wrap {
            flex-wrap: wrap !important
        }

        .flex-sm-nowrap {
            flex-wrap: nowrap !important
        }

        .flex-sm-wrap-reverse {
            flex-wrap: wrap-reverse !important
        }

        .justify-content-sm-start {
            justify-content: flex-start !important
        }

        .justify-content-sm-end {
            justify-content: flex-end !important
        }

        .justify-content-sm-center {
            justify-content: center !important
        }

        .justify-content-sm-between {
            justify-content: space-between !important
        }

        .justify-content-sm-around {
            justify-content: space-around !important
        }

        .align-items-sm-start {
            align-items: flex-start !important
        }

        .align-items-sm-end {
            align-items: flex-end !important
        }

        .align-items-sm-center {
            align-items: center !important
        }

        .align-items-sm-baseline {
            align-items: baseline !important
        }

        .align-items-sm-stretch {
            align-items: stretch !important
        }

        .align-content-sm-start {
            align-content: flex-start !important
        }

        .align-content-sm-end {
            align-content: flex-end !important
        }

        .align-content-sm-center {
            align-content: center !important
        }

        .align-content-sm-between {
            align-content: space-between !important
        }

        .align-content-sm-around {
            align-content: space-around !important
        }

        .align-content-sm-stretch {
            align-content: stretch !important
        }

        .align-self-sm-auto {
            align-self: auto !important
        }

        .align-self-sm-start {
            align-self: flex-start !important
        }

        .align-self-sm-end {
            align-self: flex-end !important
        }

        .align-self-sm-center {
            align-self: center !important
        }

        .align-self-sm-baseline {
            align-self: baseline !important
        }

        .align-self-sm-stretch {
            align-self: stretch !important
        }

        .gap-sm-0 {
            gap: var(--base-space-px-0, 0) !important
        }

        .gap-sm-1 {
            gap: var(--base-space-px-4, 4px) !important
        }

        .gap-sm-2 {
            gap: var(--base-space-px-8, 8px) !important
        }

        .gap-sm-3 {
            gap: var(--base-space-px-12, 12px) !important
        }

        .gap-sm-4 {
            gap: var(--base-space-px-16, 16px) !important
        }

        .gap-sm-5 {
            gap: var(--base-space-px-24, 24px) !important
        }

        .gap-sm-6 {
            gap: var(--base-space-px-48, 48px) !important
        }

        .gap-sm-7 {
            gap: var(--base-space-px-64, 16px) !important
        }
    }

    @media (min-width:1024px) {
        .flex-shrink-md-0 {
            flex-shrink: 0
        }

        .flex-grow-md-0 {
            flex-grow: 0
        }

        .flex-grow-md-1 {
            flex-grow: 1
        }

        .flex-grow-md-2 {
            flex-grow: 2
        }

        .flex-grow-md-3 {
            flex-grow: 3
        }

        .flex-md-1 {
            flex: 1
        }

        .flex-md-row {
            flex-direction: row !important
        }

        .flex-md-column {
            flex-direction: column !important
        }

        .flex-md-row-reverse {
            flex-direction: row-reverse !important
        }

        .flex-md-column-reverse {
            flex-direction: column-reverse !important
        }

        .flex-md-wrap {
            flex-wrap: wrap !important
        }

        .flex-md-nowrap {
            flex-wrap: nowrap !important
        }

        .flex-md-wrap-reverse {
            flex-wrap: wrap-reverse !important
        }

        .justify-content-md-start {
            justify-content: flex-start !important
        }

        .justify-content-md-end {
            justify-content: flex-end !important
        }

        .justify-content-md-center {
            justify-content: center !important
        }

        .justify-content-md-between {
            justify-content: space-between !important
        }

        .justify-content-md-around {
            justify-content: space-around !important
        }

        .align-items-md-start {
            align-items: flex-start !important
        }

        .align-items-md-end {
            align-items: flex-end !important
        }

        .align-items-md-center {
            align-items: center !important
        }

        .align-items-md-baseline {
            align-items: baseline !important
        }

        .align-items-md-stretch {
            align-items: stretch !important
        }

        .align-content-md-start {
            align-content: flex-start !important
        }

        .align-content-md-end {
            align-content: flex-end !important
        }

        .align-content-md-center {
            align-content: center !important
        }

        .align-content-md-between {
            align-content: space-between !important
        }

        .align-content-md-around {
            align-content: space-around !important
        }

        .align-content-md-stretch {
            align-content: stretch !important
        }

        .align-self-md-auto {
            align-self: auto !important
        }

        .align-self-md-start {
            align-self: flex-start !important
        }

        .align-self-md-end {
            align-self: flex-end !important
        }

        .align-self-md-center {
            align-self: center !important
        }

        .align-self-md-baseline {
            align-self: baseline !important
        }

        .align-self-md-stretch {
            align-self: stretch !important
        }

        .gap-md-0 {
            gap: var(--base-space-px-0, 0) !important
        }

        .gap-md-1 {
            gap: var(--base-space-px-4, 4px) !important
        }

        .gap-md-2 {
            gap: var(--base-space-px-8, 8px) !important
        }

        .gap-md-3 {
            gap: var(--base-space-px-12, 12px) !important
        }

        .gap-md-4 {
            gap: var(--base-space-px-16, 16px) !important
        }

        .gap-md-5 {
            gap: var(--base-space-px-24, 24px) !important
        }

        .gap-md-6 {
            gap: var(--base-space-px-48, 48px) !important
        }

        .gap-md-7 {
            gap: var(--base-space-px-64, 16px) !important
        }
    }

    @media (min-width:1300px) {
        .flex-shrink-lg-0 {
            flex-shrink: 0
        }

        .flex-grow-lg-0 {
            flex-grow: 0
        }

        .flex-grow-lg-1 {
            flex-grow: 1
        }

        .flex-grow-lg-2 {
            flex-grow: 2
        }

        .flex-grow-lg-3 {
            flex-grow: 3
        }

        .flex-lg-1 {
            flex: 1
        }

        .flex-lg-row {
            flex-direction: row !important
        }

        .flex-lg-column {
            flex-direction: column !important
        }

        .flex-lg-row-reverse {
            flex-direction: row-reverse !important
        }

        .flex-lg-column-reverse {
            flex-direction: column-reverse !important
        }

        .flex-lg-wrap {
            flex-wrap: wrap !important
        }

        .flex-lg-nowrap {
            flex-wrap: nowrap !important
        }

        .flex-lg-wrap-reverse {
            flex-wrap: wrap-reverse !important
        }

        .justify-content-lg-start {
            justify-content: flex-start !important
        }

        .justify-content-lg-end {
            justify-content: flex-end !important
        }

        .justify-content-lg-center {
            justify-content: center !important
        }

        .justify-content-lg-between {
            justify-content: space-between !important
        }

        .justify-content-lg-around {
            justify-content: space-around !important
        }

        .align-items-lg-start {
            align-items: flex-start !important
        }

        .align-items-lg-end {
            align-items: flex-end !important
        }

        .align-items-lg-center {
            align-items: center !important
        }

        .align-items-lg-baseline {
            align-items: baseline !important
        }

        .align-items-lg-stretch {
            align-items: stretch !important
        }

        .align-content-lg-start {
            align-content: flex-start !important
        }

        .align-content-lg-end {
            align-content: flex-end !important
        }

        .align-content-lg-center {
            align-content: center !important
        }

        .align-content-lg-between {
            align-content: space-between !important
        }

        .align-content-lg-around {
            align-content: space-around !important
        }

        .align-content-lg-stretch {
            align-content: stretch !important
        }

        .align-self-lg-auto {
            align-self: auto !important
        }

        .align-self-lg-start {
            align-self: flex-start !important
        }

        .align-self-lg-end {
            align-self: flex-end !important
        }

        .align-self-lg-center {
            align-self: center !important
        }

        .align-self-lg-baseline {
            align-self: baseline !important
        }

        .align-self-lg-stretch {
            align-self: stretch !important
        }

        .gap-lg-0 {
            gap: var(--base-space-px-0, 0) !important
        }

        .gap-lg-1 {
            gap: var(--base-space-px-4, 4px) !important
        }

        .gap-lg-2 {
            gap: var(--base-space-px-8, 8px) !important
        }

        .gap-lg-3 {
            gap: var(--base-space-px-12, 12px) !important
        }

        .gap-lg-4 {
            gap: var(--base-space-px-16, 16px) !important
        }

        .gap-lg-5 {
            gap: var(--base-space-px-24, 24px) !important
        }

        .gap-lg-6 {
            gap: var(--base-space-px-48, 48px) !important
        }

        .gap-lg-7 {
            gap: var(--base-space-px-64, 16px) !important
        }
    }

    .position-relative {
        position: relative
    }

    .position-absolute {
        position: absolute
    }

    .img-responsive-scale {
        width: 100%;
        height: auto
    }

    div.img-responsive-scale {
        height: 100%;
        position: absolute
    }

    .h-100 {
        height: 100%
    }

    .w-100 {
        width: 100%
    }

    .w-auto {
        width: auto
    }

    @supports (--custom:property) {
        div.img-responsive-scale[style*=--aspect-ratio-calculation] {
            height: auto;
            position: static;
            min-height: auto !important
        }

        div.img-responsive-scale[style*=--aspect-ratio-calculation]:before {
            content: "";
            padding-bottom: var(--aspect-ratio-calculation);
            display: block
        }
    }

    .clear-none {
        clear: none !important
    }

    .clear {
        clear: both !important
    }

    @media (min-width:768px) {
        .clear-sm-none {
            clear: none !important
        }

        .clear-sm {
            clear: both !important
        }
    }

    @media (min-width:1024px) {
        .clear-md-none {
            clear: none !important
        }

        .clear-md {
            clear: both !important
        }
    }

    @media (min-width:1300px) {
        .clear-lg-none {
            clear: none !important
        }

        .clear-lg {
            clear: both !important
        }
    }

    .overlay-shadow {
        box-shadow: var(--sem-elevation-shadow-overlay, 0 2px 4px 0 #0000000d, 0 4px 16px 0 #0000000d, 0 8px 24px 0 #0000000d)
    }

    .margin-0 {
        margin: var(--base-space-px-0, 0) !important
    }

    .margin-top-0,
    .margin-vertical-0 {
        margin-top: var(--base-space-px-0, 0) !important
    }

    .margin-horizontal-0,
    .margin-right-0 {
        margin-right: var(--base-space-px-0, 0) !important
    }

    .margin-bottom-0,
    .margin-vertical-0 {
        margin-bottom: var(--base-space-px-0, 0) !important
    }

    .margin-horizontal-0,
    .margin-left-0 {
        margin-left: var(--base-space-px-0, 0) !important
    }

    .margin-1 {
        margin: var(--base-space-px-4, 4px) !important
    }

    .margin-top-1,
    .margin-vertical-1 {
        margin-top: var(--base-space-px-4, 4px) !important
    }

    .margin-horizontal-1,
    .margin-right-1 {
        margin-right: var(--base-space-px-4, 4px) !important
    }

    .margin-bottom-1,
    .margin-vertical-1 {
        margin-bottom: var(--base-space-px-4, 4px) !important
    }

    .margin-horizontal-1,
    .margin-left-1 {
        margin-left: var(--base-space-px-4, 4px) !important
    }

    .margin-2 {
        margin: var(--base-space-px-8, 8px) !important
    }

    .margin-top-2,
    .margin-vertical-2 {
        margin-top: var(--base-space-px-8, 8px) !important
    }

    .margin-horizontal-2,
    .margin-right-2 {
        margin-right: var(--base-space-px-8, 8px) !important
    }

    .margin-bottom-2,
    .margin-vertical-2 {
        margin-bottom: var(--base-space-px-8, 8px) !important
    }

    .margin-horizontal-2,
    .margin-left-2 {
        margin-left: var(--base-space-px-8, 8px) !important
    }

    .margin-3 {
        margin: var(--base-space-px-12, 12px) !important
    }

    .margin-top-3,
    .margin-vertical-3 {
        margin-top: var(--base-space-px-12, 12px) !important
    }

    .margin-horizontal-3,
    .margin-right-3 {
        margin-right: var(--base-space-px-12, 12px) !important
    }

    .margin-bottom-3,
    .margin-vertical-3 {
        margin-bottom: var(--base-space-px-12, 12px) !important
    }

    .margin-horizontal-3,
    .margin-left-3 {
        margin-left: var(--base-space-px-12, 12px) !important
    }

    .margin-4 {
        margin: var(--base-space-px-16, 16px) !important
    }

    .margin-top-4,
    .margin-vertical-4 {
        margin-top: var(--base-space-px-16, 16px) !important
    }

    .margin-horizontal-4,
    .margin-right-4 {
        margin-right: var(--base-space-px-16, 16px) !important
    }

    .margin-bottom-4,
    .margin-vertical-4 {
        margin-bottom: var(--base-space-px-16, 16px) !important
    }

    .margin-horizontal-4,
    .margin-left-4 {
        margin-left: var(--base-space-px-16, 16px) !important
    }

    .margin-5 {
        margin: var(--base-space-px-24, 24px) !important
    }

    .margin-top-5,
    .margin-vertical-5 {
        margin-top: var(--base-space-px-24, 24px) !important
    }

    .margin-horizontal-5,
    .margin-right-5 {
        margin-right: var(--base-space-px-24, 24px) !important
    }

    .margin-bottom-5,
    .margin-vertical-5 {
        margin-bottom: var(--base-space-px-24, 24px) !important
    }

    .margin-horizontal-5,
    .margin-left-5 {
        margin-left: var(--base-space-px-24, 24px) !important
    }

    .margin-6 {
        margin: var(--base-space-px-48, 48px) !important
    }

    .margin-top-6,
    .margin-vertical-6 {
        margin-top: var(--base-space-px-48, 48px) !important
    }

    .margin-horizontal-6,
    .margin-right-6 {
        margin-right: var(--base-space-px-48, 48px) !important
    }

    .margin-bottom-6,
    .margin-vertical-6 {
        margin-bottom: var(--base-space-px-48, 48px) !important
    }

    .margin-horizontal-6,
    .margin-left-6 {
        margin-left: var(--base-space-px-48, 48px) !important
    }

    .margin-7 {
        margin: var(--base-space-px-64, 16px) !important
    }

    .margin-top-7,
    .margin-vertical-7 {
        margin-top: var(--base-space-px-64, 16px) !important
    }

    .margin-horizontal-7,
    .margin-right-7 {
        margin-right: var(--base-space-px-64, 16px) !important
    }

    .margin-bottom-7,
    .margin-vertical-7 {
        margin-bottom: var(--base-space-px-64, 16px) !important
    }

    .margin-horizontal-7,
    .margin-left-7 {
        margin-left: var(--base-space-px-64, 16px) !important
    }

    .padding-0 {
        padding: var(--base-space-px-0, 0) !important
    }

    .padding-top-0,
    .padding-vertical-0 {
        padding-top: var(--base-space-px-0, 0) !important
    }

    .padding-horizontal-0,
    .padding-right-0 {
        padding-right: var(--base-space-px-0, 0) !important
    }

    .padding-bottom-0,
    .padding-vertical-0 {
        padding-bottom: var(--base-space-px-0, 0) !important
    }

    .padding-horizontal-0,
    .padding-left-0 {
        padding-left: var(--base-space-px-0, 0) !important
    }

    .padding-1 {
        padding: var(--base-space-px-4, 4px) !important
    }

    .padding-top-1,
    .padding-vertical-1 {
        padding-top: var(--base-space-px-4, 4px) !important
    }

    .padding-horizontal-1,
    .padding-right-1 {
        padding-right: var(--base-space-px-4, 4px) !important
    }

    .padding-bottom-1,
    .padding-vertical-1 {
        padding-bottom: var(--base-space-px-4, 4px) !important
    }

    .padding-horizontal-1,
    .padding-left-1 {
        padding-left: var(--base-space-px-4, 4px) !important
    }

    .padding-2 {
        padding: var(--base-space-px-8, 8px) !important
    }

    .padding-top-2,
    .padding-vertical-2 {
        padding-top: var(--base-space-px-8, 8px) !important
    }

    .padding-horizontal-2,
    .padding-right-2 {
        padding-right: var(--base-space-px-8, 8px) !important
    }

    .padding-bottom-2,
    .padding-vertical-2 {
        padding-bottom: var(--base-space-px-8, 8px) !important
    }

    .padding-horizontal-2,
    .padding-left-2 {
        padding-left: var(--base-space-px-8, 8px) !important
    }

    .padding-3 {
        padding: var(--base-space-px-12, 12px) !important
    }

    .padding-top-3,
    .padding-vertical-3 {
        padding-top: var(--base-space-px-12, 12px) !important
    }

    .padding-horizontal-3,
    .padding-right-3 {
        padding-right: var(--base-space-px-12, 12px) !important
    }

    .padding-bottom-3,
    .padding-vertical-3 {
        padding-bottom: var(--base-space-px-12, 12px) !important
    }

    .padding-horizontal-3,
    .padding-left-3 {
        padding-left: var(--base-space-px-12, 12px) !important
    }

    .padding-4 {
        padding: var(--base-space-px-16, 16px) !important
    }

    .padding-top-4,
    .padding-vertical-4 {
        padding-top: var(--base-space-px-16, 16px) !important
    }

    .padding-horizontal-4,
    .padding-right-4 {
        padding-right: var(--base-space-px-16, 16px) !important
    }

    .padding-bottom-4,
    .padding-vertical-4 {
        padding-bottom: var(--base-space-px-16, 16px) !important
    }

    .padding-horizontal-4,
    .padding-left-4 {
        padding-left: var(--base-space-px-16, 16px) !important
    }

    .padding-5 {
        padding: var(--base-space-px-24, 24px) !important
    }

    .padding-top-5,
    .padding-vertical-5 {
        padding-top: var(--base-space-px-24, 24px) !important
    }

    .padding-horizontal-5,
    .padding-right-5 {
        padding-right: var(--base-space-px-24, 24px) !important
    }

    .padding-bottom-5,
    .padding-vertical-5 {
        padding-bottom: var(--base-space-px-24, 24px) !important
    }

    .padding-horizontal-5,
    .padding-left-5 {
        padding-left: var(--base-space-px-24, 24px) !important
    }

    .padding-6 {
        padding: var(--base-space-px-48, 48px) !important
    }

    .padding-top-6,
    .padding-vertical-6 {
        padding-top: var(--base-space-px-48, 48px) !important
    }

    .padding-horizontal-6,
    .padding-right-6 {
        padding-right: var(--base-space-px-48, 48px) !important
    }

    .padding-bottom-6,
    .padding-vertical-6 {
        padding-bottom: var(--base-space-px-48, 48px) !important
    }

    .padding-horizontal-6,
    .padding-left-6 {
        padding-left: var(--base-space-px-48, 48px) !important
    }

    .padding-7 {
        padding: var(--base-space-px-64, 16px) !important
    }

    .padding-top-7,
    .padding-vertical-7 {
        padding-top: var(--base-space-px-64, 16px) !important
    }

    .padding-horizontal-7,
    .padding-right-7 {
        padding-right: var(--base-space-px-64, 16px) !important
    }

    .padding-bottom-7,
    .padding-vertical-7 {
        padding-bottom: var(--base-space-px-64, 16px) !important
    }

    .padding-horizontal-7,
    .padding-left-7 {
        padding-left: var(--base-space-px-64, 16px) !important
    }

    .top-0 {
        top: var(--base-space-px-0, 0) !important
    }

    .top-top-0,
    .top-vertical-0 {
        top-top: var(--base-space-px-0, 0) !important
    }

    .top-horizontal-0,
    .top-right-0 {
        top-right: var(--base-space-px-0, 0) !important
    }

    .top-bottom-0,
    .top-vertical-0 {
        top-bottom: var(--base-space-px-0, 0) !important
    }

    .top-horizontal-0,
    .top-left-0 {
        top-left: var(--base-space-px-0, 0) !important
    }

    .top-1 {
        top: var(--base-space-px-4, 4px) !important
    }

    .top-top-1,
    .top-vertical-1 {
        top-top: var(--base-space-px-4, 4px) !important
    }

    .top-horizontal-1,
    .top-right-1 {
        top-right: var(--base-space-px-4, 4px) !important
    }

    .top-bottom-1,
    .top-vertical-1 {
        top-bottom: var(--base-space-px-4, 4px) !important
    }

    .top-horizontal-1,
    .top-left-1 {
        top-left: var(--base-space-px-4, 4px) !important
    }

    .top-2 {
        top: var(--base-space-px-8, 8px) !important
    }

    .top-top-2,
    .top-vertical-2 {
        top-top: var(--base-space-px-8, 8px) !important
    }

    .top-horizontal-2,
    .top-right-2 {
        top-right: var(--base-space-px-8, 8px) !important
    }

    .top-bottom-2,
    .top-vertical-2 {
        top-bottom: var(--base-space-px-8, 8px) !important
    }

    .top-horizontal-2,
    .top-left-2 {
        top-left: var(--base-space-px-8, 8px) !important
    }

    .top-3 {
        top: var(--base-space-px-12, 12px) !important
    }

    .top-top-3,
    .top-vertical-3 {
        top-top: var(--base-space-px-12, 12px) !important
    }

    .top-horizontal-3,
    .top-right-3 {
        top-right: var(--base-space-px-12, 12px) !important
    }

    .top-bottom-3,
    .top-vertical-3 {
        top-bottom: var(--base-space-px-12, 12px) !important
    }

    .top-horizontal-3,
    .top-left-3 {
        top-left: var(--base-space-px-12, 12px) !important
    }

    .top-4 {
        top: var(--base-space-px-16, 16px) !important
    }

    .top-top-4,
    .top-vertical-4 {
        top-top: var(--base-space-px-16, 16px) !important
    }

    .top-horizontal-4,
    .top-right-4 {
        top-right: var(--base-space-px-16, 16px) !important
    }

    .top-bottom-4,
    .top-vertical-4 {
        top-bottom: var(--base-space-px-16, 16px) !important
    }

    .top-horizontal-4,
    .top-left-4 {
        top-left: var(--base-space-px-16, 16px) !important
    }

    .top-5 {
        top: var(--base-space-px-24, 24px) !important
    }

    .top-top-5,
    .top-vertical-5 {
        top-top: var(--base-space-px-24, 24px) !important
    }

    .top-horizontal-5,
    .top-right-5 {
        top-right: var(--base-space-px-24, 24px) !important
    }

    .top-bottom-5,
    .top-vertical-5 {
        top-bottom: var(--base-space-px-24, 24px) !important
    }

    .top-horizontal-5,
    .top-left-5 {
        top-left: var(--base-space-px-24, 24px) !important
    }

    .top-6 {
        top: var(--base-space-px-48, 48px) !important
    }

    .top-top-6,
    .top-vertical-6 {
        top-top: var(--base-space-px-48, 48px) !important
    }

    .top-horizontal-6,
    .top-right-6 {
        top-right: var(--base-space-px-48, 48px) !important
    }

    .top-bottom-6,
    .top-vertical-6 {
        top-bottom: var(--base-space-px-48, 48px) !important
    }

    .top-horizontal-6,
    .top-left-6 {
        top-left: var(--base-space-px-48, 48px) !important
    }

    .top-7 {
        top: var(--base-space-px-64, 16px) !important
    }

    .top-top-7,
    .top-vertical-7 {
        top-top: var(--base-space-px-64, 16px) !important
    }

    .top-horizontal-7,
    .top-right-7 {
        top-right: var(--base-space-px-64, 16px) !important
    }

    .top-bottom-7,
    .top-vertical-7 {
        top-bottom: var(--base-space-px-64, 16px) !important
    }

    .top-horizontal-7,
    .top-left-7 {
        top-left: var(--base-space-px-64, 16px) !important
    }

    .bottom-0 {
        bottom: var(--base-space-px-0, 0) !important
    }

    .bottom-top-0,
    .bottom-vertical-0 {
        bottom-top: var(--base-space-px-0, 0) !important
    }

    .bottom-horizontal-0,
    .bottom-right-0 {
        bottom-right: var(--base-space-px-0, 0) !important
    }

    .bottom-bottom-0,
    .bottom-vertical-0 {
        bottom-bottom: var(--base-space-px-0, 0) !important
    }

    .bottom-horizontal-0,
    .bottom-left-0 {
        bottom-left: var(--base-space-px-0, 0) !important
    }

    .bottom-1 {
        bottom: var(--base-space-px-4, 4px) !important
    }

    .bottom-top-1,
    .bottom-vertical-1 {
        bottom-top: var(--base-space-px-4, 4px) !important
    }

    .bottom-horizontal-1,
    .bottom-right-1 {
        bottom-right: var(--base-space-px-4, 4px) !important
    }

    .bottom-bottom-1,
    .bottom-vertical-1 {
        bottom-bottom: var(--base-space-px-4, 4px) !important
    }

    .bottom-horizontal-1,
    .bottom-left-1 {
        bottom-left: var(--base-space-px-4, 4px) !important
    }

    .bottom-2 {
        bottom: var(--base-space-px-8, 8px) !important
    }

    .bottom-top-2,
    .bottom-vertical-2 {
        bottom-top: var(--base-space-px-8, 8px) !important
    }

    .bottom-horizontal-2,
    .bottom-right-2 {
        bottom-right: var(--base-space-px-8, 8px) !important
    }

    .bottom-bottom-2,
    .bottom-vertical-2 {
        bottom-bottom: var(--base-space-px-8, 8px) !important
    }

    .bottom-horizontal-2,
    .bottom-left-2 {
        bottom-left: var(--base-space-px-8, 8px) !important
    }

    .bottom-3 {
        bottom: var(--base-space-px-12, 12px) !important
    }

    .bottom-top-3,
    .bottom-vertical-3 {
        bottom-top: var(--base-space-px-12, 12px) !important
    }

    .bottom-horizontal-3,
    .bottom-right-3 {
        bottom-right: var(--base-space-px-12, 12px) !important
    }

    .bottom-bottom-3,
    .bottom-vertical-3 {
        bottom-bottom: var(--base-space-px-12, 12px) !important
    }

    .bottom-horizontal-3,
    .bottom-left-3 {
        bottom-left: var(--base-space-px-12, 12px) !important
    }

    .bottom-4 {
        bottom: var(--base-space-px-16, 16px) !important
    }

    .bottom-top-4,
    .bottom-vertical-4 {
        bottom-top: var(--base-space-px-16, 16px) !important
    }

    .bottom-horizontal-4,
    .bottom-right-4 {
        bottom-right: var(--base-space-px-16, 16px) !important
    }

    .bottom-bottom-4,
    .bottom-vertical-4 {
        bottom-bottom: var(--base-space-px-16, 16px) !important
    }

    .bottom-horizontal-4,
    .bottom-left-4 {
        bottom-left: var(--base-space-px-16, 16px) !important
    }

    .bottom-5 {
        bottom: var(--base-space-px-24, 24px) !important
    }

    .bottom-top-5,
    .bottom-vertical-5 {
        bottom-top: var(--base-space-px-24, 24px) !important
    }

    .bottom-horizontal-5,
    .bottom-right-5 {
        bottom-right: var(--base-space-px-24, 24px) !important
    }

    .bottom-bottom-5,
    .bottom-vertical-5 {
        bottom-bottom: var(--base-space-px-24, 24px) !important
    }

    .bottom-horizontal-5,
    .bottom-left-5 {
        bottom-left: var(--base-space-px-24, 24px) !important
    }

    .bottom-6 {
        bottom: var(--base-space-px-48, 48px) !important
    }

    .bottom-top-6,
    .bottom-vertical-6 {
        bottom-top: var(--base-space-px-48, 48px) !important
    }

    .bottom-horizontal-6,
    .bottom-right-6 {
        bottom-right: var(--base-space-px-48, 48px) !important
    }

    .bottom-bottom-6,
    .bottom-vertical-6 {
        bottom-bottom: var(--base-space-px-48, 48px) !important
    }

    .bottom-horizontal-6,
    .bottom-left-6 {
        bottom-left: var(--base-space-px-48, 48px) !important
    }

    .bottom-7 {
        bottom: var(--base-space-px-64, 16px) !important
    }

    .bottom-top-7,
    .bottom-vertical-7 {
        bottom-top: var(--base-space-px-64, 16px) !important
    }

    .bottom-horizontal-7,
    .bottom-right-7 {
        bottom-right: var(--base-space-px-64, 16px) !important
    }

    .bottom-bottom-7,
    .bottom-vertical-7 {
        bottom-bottom: var(--base-space-px-64, 16px) !important
    }

    .bottom-horizontal-7,
    .bottom-left-7 {
        bottom-left: var(--base-space-px-64, 16px) !important
    }

    .left-0 {
        left: var(--base-space-px-0, 0) !important
    }

    .left-top-0,
    .left-vertical-0 {
        left-top: var(--base-space-px-0, 0) !important
    }

    .left-horizontal-0,
    .left-right-0 {
        left-right: var(--base-space-px-0, 0) !important
    }

    .left-bottom-0,
    .left-vertical-0 {
        left-bottom: var(--base-space-px-0, 0) !important
    }

    .left-horizontal-0,
    .left-left-0 {
        left-left: var(--base-space-px-0, 0) !important
    }

    .left-1 {
        left: var(--base-space-px-4, 4px) !important
    }

    .left-top-1,
    .left-vertical-1 {
        left-top: var(--base-space-px-4, 4px) !important
    }

    .left-horizontal-1,
    .left-right-1 {
        left-right: var(--base-space-px-4, 4px) !important
    }

    .left-bottom-1,
    .left-vertical-1 {
        left-bottom: var(--base-space-px-4, 4px) !important
    }

    .left-horizontal-1,
    .left-left-1 {
        left-left: var(--base-space-px-4, 4px) !important
    }

    .left-2 {
        left: var(--base-space-px-8, 8px) !important
    }

    .left-top-2,
    .left-vertical-2 {
        left-top: var(--base-space-px-8, 8px) !important
    }

    .left-horizontal-2,
    .left-right-2 {
        left-right: var(--base-space-px-8, 8px) !important
    }

    .left-bottom-2,
    .left-vertical-2 {
        left-bottom: var(--base-space-px-8, 8px) !important
    }

    .left-horizontal-2,
    .left-left-2 {
        left-left: var(--base-space-px-8, 8px) !important
    }

    .left-3 {
        left: var(--base-space-px-12, 12px) !important
    }

    .left-top-3,
    .left-vertical-3 {
        left-top: var(--base-space-px-12, 12px) !important
    }

    .left-horizontal-3,
    .left-right-3 {
        left-right: var(--base-space-px-12, 12px) !important
    }

    .left-bottom-3,
    .left-vertical-3 {
        left-bottom: var(--base-space-px-12, 12px) !important
    }

    .left-horizontal-3,
    .left-left-3 {
        left-left: var(--base-space-px-12, 12px) !important
    }

    .left-4 {
        left: var(--base-space-px-16, 16px) !important
    }

    .left-top-4,
    .left-vertical-4 {
        left-top: var(--base-space-px-16, 16px) !important
    }

    .left-horizontal-4,
    .left-right-4 {
        left-right: var(--base-space-px-16, 16px) !important
    }

    .left-bottom-4,
    .left-vertical-4 {
        left-bottom: var(--base-space-px-16, 16px) !important
    }

    .left-horizontal-4,
    .left-left-4 {
        left-left: var(--base-space-px-16, 16px) !important
    }

    .left-5 {
        left: var(--base-space-px-24, 24px) !important
    }

    .left-top-5,
    .left-vertical-5 {
        left-top: var(--base-space-px-24, 24px) !important
    }

    .left-horizontal-5,
    .left-right-5 {
        left-right: var(--base-space-px-24, 24px) !important
    }

    .left-bottom-5,
    .left-vertical-5 {
        left-bottom: var(--base-space-px-24, 24px) !important
    }

    .left-horizontal-5,
    .left-left-5 {
        left-left: var(--base-space-px-24, 24px) !important
    }

    .left-6 {
        left: var(--base-space-px-48, 48px) !important
    }

    .left-top-6,
    .left-vertical-6 {
        left-top: var(--base-space-px-48, 48px) !important
    }

    .left-horizontal-6,
    .left-right-6 {
        left-right: var(--base-space-px-48, 48px) !important
    }

    .left-bottom-6,
    .left-vertical-6 {
        left-bottom: var(--base-space-px-48, 48px) !important
    }

    .left-horizontal-6,
    .left-left-6 {
        left-left: var(--base-space-px-48, 48px) !important
    }

    .left-7 {
        left: var(--base-space-px-64, 16px) !important
    }

    .left-top-7,
    .left-vertical-7 {
        left-top: var(--base-space-px-64, 16px) !important
    }

    .left-horizontal-7,
    .left-right-7 {
        left-right: var(--base-space-px-64, 16px) !important
    }

    .left-bottom-7,
    .left-vertical-7 {
        left-bottom: var(--base-space-px-64, 16px) !important
    }

    .left-horizontal-7,
    .left-left-7 {
        left-left: var(--base-space-px-64, 16px) !important
    }

    .right-0 {
        right: var(--base-space-px-0, 0) !important
    }

    .right-top-0,
    .right-vertical-0 {
        right-top: var(--base-space-px-0, 0) !important
    }

    .right-horizontal-0,
    .right-right-0 {
        right-right: var(--base-space-px-0, 0) !important
    }

    .right-bottom-0,
    .right-vertical-0 {
        right-bottom: var(--base-space-px-0, 0) !important
    }

    .right-horizontal-0,
    .right-left-0 {
        right-left: var(--base-space-px-0, 0) !important
    }

    .right-1 {
        right: var(--base-space-px-4, 4px) !important
    }

    .right-top-1,
    .right-vertical-1 {
        right-top: var(--base-space-px-4, 4px) !important
    }

    .right-horizontal-1,
    .right-right-1 {
        right-right: var(--base-space-px-4, 4px) !important
    }

    .right-bottom-1,
    .right-vertical-1 {
        right-bottom: var(--base-space-px-4, 4px) !important
    }

    .right-horizontal-1,
    .right-left-1 {
        right-left: var(--base-space-px-4, 4px) !important
    }

    .right-2 {
        right: var(--base-space-px-8, 8px) !important
    }

    .right-top-2,
    .right-vertical-2 {
        right-top: var(--base-space-px-8, 8px) !important
    }

    .right-horizontal-2,
    .right-right-2 {
        right-right: var(--base-space-px-8, 8px) !important
    }

    .right-bottom-2,
    .right-vertical-2 {
        right-bottom: var(--base-space-px-8, 8px) !important
    }

    .right-horizontal-2,
    .right-left-2 {
        right-left: var(--base-space-px-8, 8px) !important
    }

    .right-3 {
        right: var(--base-space-px-12, 12px) !important
    }

    .right-top-3,
    .right-vertical-3 {
        right-top: var(--base-space-px-12, 12px) !important
    }

    .right-horizontal-3,
    .right-right-3 {
        right-right: var(--base-space-px-12, 12px) !important
    }

    .right-bottom-3,
    .right-vertical-3 {
        right-bottom: var(--base-space-px-12, 12px) !important
    }

    .right-horizontal-3,
    .right-left-3 {
        right-left: var(--base-space-px-12, 12px) !important
    }

    .right-4 {
        right: var(--base-space-px-16, 16px) !important
    }

    .right-top-4,
    .right-vertical-4 {
        right-top: var(--base-space-px-16, 16px) !important
    }

    .right-horizontal-4,
    .right-right-4 {
        right-right: var(--base-space-px-16, 16px) !important
    }

    .right-bottom-4,
    .right-vertical-4 {
        right-bottom: var(--base-space-px-16, 16px) !important
    }

    .right-horizontal-4,
    .right-left-4 {
        right-left: var(--base-space-px-16, 16px) !important
    }

    .right-5 {
        right: var(--base-space-px-24, 24px) !important
    }

    .right-top-5,
    .right-vertical-5 {
        right-top: var(--base-space-px-24, 24px) !important
    }

    .right-horizontal-5,
    .right-right-5 {
        right-right: var(--base-space-px-24, 24px) !important
    }

    .right-bottom-5,
    .right-vertical-5 {
        right-bottom: var(--base-space-px-24, 24px) !important
    }

    .right-horizontal-5,
    .right-left-5 {
        right-left: var(--base-space-px-24, 24px) !important
    }

    .right-6 {
        right: var(--base-space-px-48, 48px) !important
    }

    .right-top-6,
    .right-vertical-6 {
        right-top: var(--base-space-px-48, 48px) !important
    }

    .right-horizontal-6,
    .right-right-6 {
        right-right: var(--base-space-px-48, 48px) !important
    }

    .right-bottom-6,
    .right-vertical-6 {
        right-bottom: var(--base-space-px-48, 48px) !important
    }

    .right-horizontal-6,
    .right-left-6 {
        right-left: var(--base-space-px-48, 48px) !important
    }

    .right-7 {
        right: var(--base-space-px-64, 16px) !important
    }

    .right-top-7,
    .right-vertical-7 {
        right-top: var(--base-space-px-64, 16px) !important
    }

    .right-horizontal-7,
    .right-right-7 {
        right-right: var(--base-space-px-64, 16px) !important
    }

    .right-bottom-7,
    .right-vertical-7 {
        right-bottom: var(--base-space-px-64, 16px) !important
    }

    .right-horizontal-7,
    .right-left-7 {
        right-left: var(--base-space-px-64, 16px) !important
    }

    .margin-auto {
        margin: auto !important
    }

    .margin-top-auto,
    .margin-vertical-auto {
        margin-top: auto !important
    }

    .margin-horizontal-auto,
    .margin-right-auto {
        margin-right: auto !important
    }

    .margin-bottom-auto,
    .margin-vertical-auto {
        margin-bottom: auto !important
    }

    .margin-horizontal-auto,
    .margin-left-auto {
        margin-left: auto !important
    }

    @media (min-width:768px) {
        .margin-sm-0 {
            margin: var(--base-space-px-0, 0) !important
        }

        .margin-top-sm-0,
        .margin-vertical-sm-0 {
            margin-top: var(--base-space-px-0, 0) !important
        }

        .margin-horizontal-sm-0,
        .margin-right-sm-0 {
            margin-right: var(--base-space-px-0, 0) !important
        }

        .margin-bottom-sm-0,
        .margin-vertical-sm-0 {
            margin-bottom: var(--base-space-px-0, 0) !important
        }

        .margin-horizontal-sm-0,
        .margin-left-sm-0 {
            margin-left: var(--base-space-px-0, 0) !important
        }

        .margin-sm-1 {
            margin: var(--base-space-px-4, 4px) !important
        }

        .margin-top-sm-1,
        .margin-vertical-sm-1 {
            margin-top: var(--base-space-px-4, 4px) !important
        }

        .margin-horizontal-sm-1,
        .margin-right-sm-1 {
            margin-right: var(--base-space-px-4, 4px) !important
        }

        .margin-bottom-sm-1,
        .margin-vertical-sm-1 {
            margin-bottom: var(--base-space-px-4, 4px) !important
        }

        .margin-horizontal-sm-1,
        .margin-left-sm-1 {
            margin-left: var(--base-space-px-4, 4px) !important
        }

        .margin-sm-2 {
            margin: var(--base-space-px-8, 8px) !important
        }

        .margin-top-sm-2,
        .margin-vertical-sm-2 {
            margin-top: var(--base-space-px-8, 8px) !important
        }

        .margin-horizontal-sm-2,
        .margin-right-sm-2 {
            margin-right: var(--base-space-px-8, 8px) !important
        }

        .margin-bottom-sm-2,
        .margin-vertical-sm-2 {
            margin-bottom: var(--base-space-px-8, 8px) !important
        }

        .margin-horizontal-sm-2,
        .margin-left-sm-2 {
            margin-left: var(--base-space-px-8, 8px) !important
        }

        .margin-sm-3 {
            margin: var(--base-space-px-12, 12px) !important
        }

        .margin-top-sm-3,
        .margin-vertical-sm-3 {
            margin-top: var(--base-space-px-12, 12px) !important
        }

        .margin-horizontal-sm-3,
        .margin-right-sm-3 {
            margin-right: var(--base-space-px-12, 12px) !important
        }

        .margin-bottom-sm-3,
        .margin-vertical-sm-3 {
            margin-bottom: var(--base-space-px-12, 12px) !important
        }

        .margin-horizontal-sm-3,
        .margin-left-sm-3 {
            margin-left: var(--base-space-px-12, 12px) !important
        }

        .margin-sm-4 {
            margin: var(--base-space-px-16, 16px) !important
        }

        .margin-top-sm-4,
        .margin-vertical-sm-4 {
            margin-top: var(--base-space-px-16, 16px) !important
        }

        .margin-horizontal-sm-4,
        .margin-right-sm-4 {
            margin-right: var(--base-space-px-16, 16px) !important
        }

        .margin-bottom-sm-4,
        .margin-vertical-sm-4 {
            margin-bottom: var(--base-space-px-16, 16px) !important
        }

        .margin-horizontal-sm-4,
        .margin-left-sm-4 {
            margin-left: var(--base-space-px-16, 16px) !important
        }

        .margin-sm-5 {
            margin: var(--base-space-px-24, 24px) !important
        }

        .margin-top-sm-5,
        .margin-vertical-sm-5 {
            margin-top: var(--base-space-px-24, 24px) !important
        }

        .margin-horizontal-sm-5,
        .margin-right-sm-5 {
            margin-right: var(--base-space-px-24, 24px) !important
        }

        .margin-bottom-sm-5,
        .margin-vertical-sm-5 {
            margin-bottom: var(--base-space-px-24, 24px) !important
        }

        .margin-horizontal-sm-5,
        .margin-left-sm-5 {
            margin-left: var(--base-space-px-24, 24px) !important
        }

        .margin-sm-6 {
            margin: var(--base-space-px-48, 48px) !important
        }

        .margin-top-sm-6,
        .margin-vertical-sm-6 {
            margin-top: var(--base-space-px-48, 48px) !important
        }

        .margin-horizontal-sm-6,
        .margin-right-sm-6 {
            margin-right: var(--base-space-px-48, 48px) !important
        }

        .margin-bottom-sm-6,
        .margin-vertical-sm-6 {
            margin-bottom: var(--base-space-px-48, 48px) !important
        }

        .margin-horizontal-sm-6,
        .margin-left-sm-6 {
            margin-left: var(--base-space-px-48, 48px) !important
        }

        .margin-sm-7 {
            margin: var(--base-space-px-64, 16px) !important
        }

        .margin-top-sm-7,
        .margin-vertical-sm-7 {
            margin-top: var(--base-space-px-64, 16px) !important
        }

        .margin-horizontal-sm-7,
        .margin-right-sm-7 {
            margin-right: var(--base-space-px-64, 16px) !important
        }

        .margin-bottom-sm-7,
        .margin-vertical-sm-7 {
            margin-bottom: var(--base-space-px-64, 16px) !important
        }

        .margin-horizontal-sm-7,
        .margin-left-sm-7 {
            margin-left: var(--base-space-px-64, 16px) !important
        }

        .padding-sm-0 {
            padding: var(--base-space-px-0, 0) !important
        }

        .padding-top-sm-0,
        .padding-vertical-sm-0 {
            padding-top: var(--base-space-px-0, 0) !important
        }

        .padding-horizontal-sm-0,
        .padding-right-sm-0 {
            padding-right: var(--base-space-px-0, 0) !important
        }

        .padding-bottom-sm-0,
        .padding-vertical-sm-0 {
            padding-bottom: var(--base-space-px-0, 0) !important
        }

        .padding-horizontal-sm-0,
        .padding-left-sm-0 {
            padding-left: var(--base-space-px-0, 0) !important
        }

        .padding-sm-1 {
            padding: var(--base-space-px-4, 4px) !important
        }

        .padding-top-sm-1,
        .padding-vertical-sm-1 {
            padding-top: var(--base-space-px-4, 4px) !important
        }

        .padding-horizontal-sm-1,
        .padding-right-sm-1 {
            padding-right: var(--base-space-px-4, 4px) !important
        }

        .padding-bottom-sm-1,
        .padding-vertical-sm-1 {
            padding-bottom: var(--base-space-px-4, 4px) !important
        }

        .padding-horizontal-sm-1,
        .padding-left-sm-1 {
            padding-left: var(--base-space-px-4, 4px) !important
        }

        .padding-sm-2 {
            padding: var(--base-space-px-8, 8px) !important
        }

        .padding-top-sm-2,
        .padding-vertical-sm-2 {
            padding-top: var(--base-space-px-8, 8px) !important
        }

        .padding-horizontal-sm-2,
        .padding-right-sm-2 {
            padding-right: var(--base-space-px-8, 8px) !important
        }

        .padding-bottom-sm-2,
        .padding-vertical-sm-2 {
            padding-bottom: var(--base-space-px-8, 8px) !important
        }

        .padding-horizontal-sm-2,
        .padding-left-sm-2 {
            padding-left: var(--base-space-px-8, 8px) !important
        }

        .padding-sm-3 {
            padding: var(--base-space-px-12, 12px) !important
        }

        .padding-top-sm-3,
        .padding-vertical-sm-3 {
            padding-top: var(--base-space-px-12, 12px) !important
        }

        .padding-horizontal-sm-3,
        .padding-right-sm-3 {
            padding-right: var(--base-space-px-12, 12px) !important
        }

        .padding-bottom-sm-3,
        .padding-vertical-sm-3 {
            padding-bottom: var(--base-space-px-12, 12px) !important
        }

        .padding-horizontal-sm-3,
        .padding-left-sm-3 {
            padding-left: var(--base-space-px-12, 12px) !important
        }

        .padding-sm-4 {
            padding: var(--base-space-px-16, 16px) !important
        }

        .padding-top-sm-4,
        .padding-vertical-sm-4 {
            padding-top: var(--base-space-px-16, 16px) !important
        }

        .padding-horizontal-sm-4,
        .padding-right-sm-4 {
            padding-right: var(--base-space-px-16, 16px) !important
        }

        .padding-bottom-sm-4,
        .padding-vertical-sm-4 {
            padding-bottom: var(--base-space-px-16, 16px) !important
        }

        .padding-horizontal-sm-4,
        .padding-left-sm-4 {
            padding-left: var(--base-space-px-16, 16px) !important
        }

        .padding-sm-5 {
            padding: var(--base-space-px-24, 24px) !important
        }

        .padding-top-sm-5,
        .padding-vertical-sm-5 {
            padding-top: var(--base-space-px-24, 24px) !important
        }

        .padding-horizontal-sm-5,
        .padding-right-sm-5 {
            padding-right: var(--base-space-px-24, 24px) !important
        }

        .padding-bottom-sm-5,
        .padding-vertical-sm-5 {
            padding-bottom: var(--base-space-px-24, 24px) !important
        }

        .padding-horizontal-sm-5,
        .padding-left-sm-5 {
            padding-left: var(--base-space-px-24, 24px) !important
        }

        .padding-sm-6 {
            padding: var(--base-space-px-48, 48px) !important
        }

        .padding-top-sm-6,
        .padding-vertical-sm-6 {
            padding-top: var(--base-space-px-48, 48px) !important
        }

        .padding-horizontal-sm-6,
        .padding-right-sm-6 {
            padding-right: var(--base-space-px-48, 48px) !important
        }

        .padding-bottom-sm-6,
        .padding-vertical-sm-6 {
            padding-bottom: var(--base-space-px-48, 48px) !important
        }

        .padding-horizontal-sm-6,
        .padding-left-sm-6 {
            padding-left: var(--base-space-px-48, 48px) !important
        }

        .padding-sm-7 {
            padding: var(--base-space-px-64, 16px) !important
        }

        .padding-top-sm-7,
        .padding-vertical-sm-7 {
            padding-top: var(--base-space-px-64, 16px) !important
        }

        .padding-horizontal-sm-7,
        .padding-right-sm-7 {
            padding-right: var(--base-space-px-64, 16px) !important
        }

        .padding-bottom-sm-7,
        .padding-vertical-sm-7 {
            padding-bottom: var(--base-space-px-64, 16px) !important
        }

        .padding-horizontal-sm-7,
        .padding-left-sm-7 {
            padding-left: var(--base-space-px-64, 16px) !important
        }

        .top-sm-0 {
            top: var(--base-space-px-0, 0) !important
        }

        .top-top-sm-0,
        .top-vertical-sm-0 {
            top-top: var(--base-space-px-0, 0) !important
        }

        .top-horizontal-sm-0,
        .top-right-sm-0 {
            top-right: var(--base-space-px-0, 0) !important
        }

        .top-bottom-sm-0,
        .top-vertical-sm-0 {
            top-bottom: var(--base-space-px-0, 0) !important
        }

        .top-horizontal-sm-0,
        .top-left-sm-0 {
            top-left: var(--base-space-px-0, 0) !important
        }

        .top-sm-1 {
            top: var(--base-space-px-4, 4px) !important
        }

        .top-top-sm-1,
        .top-vertical-sm-1 {
            top-top: var(--base-space-px-4, 4px) !important
        }

        .top-horizontal-sm-1,
        .top-right-sm-1 {
            top-right: var(--base-space-px-4, 4px) !important
        }

        .top-bottom-sm-1,
        .top-vertical-sm-1 {
            top-bottom: var(--base-space-px-4, 4px) !important
        }

        .top-horizontal-sm-1,
        .top-left-sm-1 {
            top-left: var(--base-space-px-4, 4px) !important
        }

        .top-sm-2 {
            top: var(--base-space-px-8, 8px) !important
        }

        .top-top-sm-2,
        .top-vertical-sm-2 {
            top-top: var(--base-space-px-8, 8px) !important
        }

        .top-horizontal-sm-2,
        .top-right-sm-2 {
            top-right: var(--base-space-px-8, 8px) !important
        }

        .top-bottom-sm-2,
        .top-vertical-sm-2 {
            top-bottom: var(--base-space-px-8, 8px) !important
        }

        .top-horizontal-sm-2,
        .top-left-sm-2 {
            top-left: var(--base-space-px-8, 8px) !important
        }

        .top-sm-3 {
            top: var(--base-space-px-12, 12px) !important
        }

        .top-top-sm-3,
        .top-vertical-sm-3 {
            top-top: var(--base-space-px-12, 12px) !important
        }

        .top-horizontal-sm-3,
        .top-right-sm-3 {
            top-right: var(--base-space-px-12, 12px) !important
        }

        .top-bottom-sm-3,
        .top-vertical-sm-3 {
            top-bottom: var(--base-space-px-12, 12px) !important
        }

        .top-horizontal-sm-3,
        .top-left-sm-3 {
            top-left: var(--base-space-px-12, 12px) !important
        }

        .top-sm-4 {
            top: var(--base-space-px-16, 16px) !important
        }

        .top-top-sm-4,
        .top-vertical-sm-4 {
            top-top: var(--base-space-px-16, 16px) !important
        }

        .top-horizontal-sm-4,
        .top-right-sm-4 {
            top-right: var(--base-space-px-16, 16px) !important
        }

        .top-bottom-sm-4,
        .top-vertical-sm-4 {
            top-bottom: var(--base-space-px-16, 16px) !important
        }

        .top-horizontal-sm-4,
        .top-left-sm-4 {
            top-left: var(--base-space-px-16, 16px) !important
        }

        .top-sm-5 {
            top: var(--base-space-px-24, 24px) !important
        }

        .top-top-sm-5,
        .top-vertical-sm-5 {
            top-top: var(--base-space-px-24, 24px) !important
        }

        .top-horizontal-sm-5,
        .top-right-sm-5 {
            top-right: var(--base-space-px-24, 24px) !important
        }

        .top-bottom-sm-5,
        .top-vertical-sm-5 {
            top-bottom: var(--base-space-px-24, 24px) !important
        }

        .top-horizontal-sm-5,
        .top-left-sm-5 {
            top-left: var(--base-space-px-24, 24px) !important
        }

        .top-sm-6 {
            top: var(--base-space-px-48, 48px) !important
        }

        .top-top-sm-6,
        .top-vertical-sm-6 {
            top-top: var(--base-space-px-48, 48px) !important
        }

        .top-horizontal-sm-6,
        .top-right-sm-6 {
            top-right: var(--base-space-px-48, 48px) !important
        }

        .top-bottom-sm-6,
        .top-vertical-sm-6 {
            top-bottom: var(--base-space-px-48, 48px) !important
        }

        .top-horizontal-sm-6,
        .top-left-sm-6 {
            top-left: var(--base-space-px-48, 48px) !important
        }

        .top-sm-7 {
            top: var(--base-space-px-64, 16px) !important
        }

        .top-top-sm-7,
        .top-vertical-sm-7 {
            top-top: var(--base-space-px-64, 16px) !important
        }

        .top-horizontal-sm-7,
        .top-right-sm-7 {
            top-right: var(--base-space-px-64, 16px) !important
        }

        .top-bottom-sm-7,
        .top-vertical-sm-7 {
            top-bottom: var(--base-space-px-64, 16px) !important
        }

        .top-horizontal-sm-7,
        .top-left-sm-7 {
            top-left: var(--base-space-px-64, 16px) !important
        }

        .bottom-sm-0 {
            bottom: var(--base-space-px-0, 0) !important
        }

        .bottom-top-sm-0,
        .bottom-vertical-sm-0 {
            bottom-top: var(--base-space-px-0, 0) !important
        }

        .bottom-horizontal-sm-0,
        .bottom-right-sm-0 {
            bottom-right: var(--base-space-px-0, 0) !important
        }

        .bottom-bottom-sm-0,
        .bottom-vertical-sm-0 {
            bottom-bottom: var(--base-space-px-0, 0) !important
        }

        .bottom-horizontal-sm-0,
        .bottom-left-sm-0 {
            bottom-left: var(--base-space-px-0, 0) !important
        }

        .bottom-sm-1 {
            bottom: var(--base-space-px-4, 4px) !important
        }

        .bottom-top-sm-1,
        .bottom-vertical-sm-1 {
            bottom-top: var(--base-space-px-4, 4px) !important
        }

        .bottom-horizontal-sm-1,
        .bottom-right-sm-1 {
            bottom-right: var(--base-space-px-4, 4px) !important
        }

        .bottom-bottom-sm-1,
        .bottom-vertical-sm-1 {
            bottom-bottom: var(--base-space-px-4, 4px) !important
        }

        .bottom-horizontal-sm-1,
        .bottom-left-sm-1 {
            bottom-left: var(--base-space-px-4, 4px) !important
        }

        .bottom-sm-2 {
            bottom: var(--base-space-px-8, 8px) !important
        }

        .bottom-top-sm-2,
        .bottom-vertical-sm-2 {
            bottom-top: var(--base-space-px-8, 8px) !important
        }

        .bottom-horizontal-sm-2,
        .bottom-right-sm-2 {
            bottom-right: var(--base-space-px-8, 8px) !important
        }

        .bottom-bottom-sm-2,
        .bottom-vertical-sm-2 {
            bottom-bottom: var(--base-space-px-8, 8px) !important
        }

        .bottom-horizontal-sm-2,
        .bottom-left-sm-2 {
            bottom-left: var(--base-space-px-8, 8px) !important
        }

        .bottom-sm-3 {
            bottom: var(--base-space-px-12, 12px) !important
        }

        .bottom-top-sm-3,
        .bottom-vertical-sm-3 {
            bottom-top: var(--base-space-px-12, 12px) !important
        }

        .bottom-horizontal-sm-3,
        .bottom-right-sm-3 {
            bottom-right: var(--base-space-px-12, 12px) !important
        }

        .bottom-bottom-sm-3,
        .bottom-vertical-sm-3 {
            bottom-bottom: var(--base-space-px-12, 12px) !important
        }

        .bottom-horizontal-sm-3,
        .bottom-left-sm-3 {
            bottom-left: var(--base-space-px-12, 12px) !important
        }

        .bottom-sm-4 {
            bottom: var(--base-space-px-16, 16px) !important
        }

        .bottom-top-sm-4,
        .bottom-vertical-sm-4 {
            bottom-top: var(--base-space-px-16, 16px) !important
        }

        .bottom-horizontal-sm-4,
        .bottom-right-sm-4 {
            bottom-right: var(--base-space-px-16, 16px) !important
        }

        .bottom-bottom-sm-4,
        .bottom-vertical-sm-4 {
            bottom-bottom: var(--base-space-px-16, 16px) !important
        }

        .bottom-horizontal-sm-4,
        .bottom-left-sm-4 {
            bottom-left: var(--base-space-px-16, 16px) !important
        }

        .bottom-sm-5 {
            bottom: var(--base-space-px-24, 24px) !important
        }

        .bottom-top-sm-5,
        .bottom-vertical-sm-5 {
            bottom-top: var(--base-space-px-24, 24px) !important
        }

        .bottom-horizontal-sm-5,
        .bottom-right-sm-5 {
            bottom-right: var(--base-space-px-24, 24px) !important
        }

        .bottom-bottom-sm-5,
        .bottom-vertical-sm-5 {
            bottom-bottom: var(--base-space-px-24, 24px) !important
        }

        .bottom-horizontal-sm-5,
        .bottom-left-sm-5 {
            bottom-left: var(--base-space-px-24, 24px) !important
        }

        .bottom-sm-6 {
            bottom: var(--base-space-px-48, 48px) !important
        }

        .bottom-top-sm-6,
        .bottom-vertical-sm-6 {
            bottom-top: var(--base-space-px-48, 48px) !important
        }

        .bottom-horizontal-sm-6,
        .bottom-right-sm-6 {
            bottom-right: var(--base-space-px-48, 48px) !important
        }

        .bottom-bottom-sm-6,
        .bottom-vertical-sm-6 {
            bottom-bottom: var(--base-space-px-48, 48px) !important
        }

        .bottom-horizontal-sm-6,
        .bottom-left-sm-6 {
            bottom-left: var(--base-space-px-48, 48px) !important
        }

        .bottom-sm-7 {
            bottom: var(--base-space-px-64, 16px) !important
        }

        .bottom-top-sm-7,
        .bottom-vertical-sm-7 {
            bottom-top: var(--base-space-px-64, 16px) !important
        }

        .bottom-horizontal-sm-7,
        .bottom-right-sm-7 {
            bottom-right: var(--base-space-px-64, 16px) !important
        }

        .bottom-bottom-sm-7,
        .bottom-vertical-sm-7 {
            bottom-bottom: var(--base-space-px-64, 16px) !important
        }

        .bottom-horizontal-sm-7,
        .bottom-left-sm-7 {
            bottom-left: var(--base-space-px-64, 16px) !important
        }

        .left-sm-0 {
            left: var(--base-space-px-0, 0) !important
        }

        .left-top-sm-0,
        .left-vertical-sm-0 {
            left-top: var(--base-space-px-0, 0) !important
        }

        .left-horizontal-sm-0,
        .left-right-sm-0 {
            left-right: var(--base-space-px-0, 0) !important
        }

        .left-bottom-sm-0,
        .left-vertical-sm-0 {
            left-bottom: var(--base-space-px-0, 0) !important
        }

        .left-horizontal-sm-0,
        .left-left-sm-0 {
            left-left: var(--base-space-px-0, 0) !important
        }

        .left-sm-1 {
            left: var(--base-space-px-4, 4px) !important
        }

        .left-top-sm-1,
        .left-vertical-sm-1 {
            left-top: var(--base-space-px-4, 4px) !important
        }

        .left-horizontal-sm-1,
        .left-right-sm-1 {
            left-right: var(--base-space-px-4, 4px) !important
        }

        .left-bottom-sm-1,
        .left-vertical-sm-1 {
            left-bottom: var(--base-space-px-4, 4px) !important
        }

        .left-horizontal-sm-1,
        .left-left-sm-1 {
            left-left: var(--base-space-px-4, 4px) !important
        }

        .left-sm-2 {
            left: var(--base-space-px-8, 8px) !important
        }

        .left-top-sm-2,
        .left-vertical-sm-2 {
            left-top: var(--base-space-px-8, 8px) !important
        }

        .left-horizontal-sm-2,
        .left-right-sm-2 {
            left-right: var(--base-space-px-8, 8px) !important
        }

        .left-bottom-sm-2,
        .left-vertical-sm-2 {
            left-bottom: var(--base-space-px-8, 8px) !important
        }

        .left-horizontal-sm-2,
        .left-left-sm-2 {
            left-left: var(--base-space-px-8, 8px) !important
        }

        .left-sm-3 {
            left: var(--base-space-px-12, 12px) !important
        }

        .left-top-sm-3,
        .left-vertical-sm-3 {
            left-top: var(--base-space-px-12, 12px) !important
        }

        .left-horizontal-sm-3,
        .left-right-sm-3 {
            left-right: var(--base-space-px-12, 12px) !important
        }

        .left-bottom-sm-3,
        .left-vertical-sm-3 {
            left-bottom: var(--base-space-px-12, 12px) !important
        }

        .left-horizontal-sm-3,
        .left-left-sm-3 {
            left-left: var(--base-space-px-12, 12px) !important
        }

        .left-sm-4 {
            left: var(--base-space-px-16, 16px) !important
        }

        .left-top-sm-4,
        .left-vertical-sm-4 {
            left-top: var(--base-space-px-16, 16px) !important
        }

        .left-horizontal-sm-4,
        .left-right-sm-4 {
            left-right: var(--base-space-px-16, 16px) !important
        }

        .left-bottom-sm-4,
        .left-vertical-sm-4 {
            left-bottom: var(--base-space-px-16, 16px) !important
        }

        .left-horizontal-sm-4,
        .left-left-sm-4 {
            left-left: var(--base-space-px-16, 16px) !important
        }

        .left-sm-5 {
            left: var(--base-space-px-24, 24px) !important
        }

        .left-top-sm-5,
        .left-vertical-sm-5 {
            left-top: var(--base-space-px-24, 24px) !important
        }

        .left-horizontal-sm-5,
        .left-right-sm-5 {
            left-right: var(--base-space-px-24, 24px) !important
        }

        .left-bottom-sm-5,
        .left-vertical-sm-5 {
            left-bottom: var(--base-space-px-24, 24px) !important
        }

        .left-horizontal-sm-5,
        .left-left-sm-5 {
            left-left: var(--base-space-px-24, 24px) !important
        }

        .left-sm-6 {
            left: var(--base-space-px-48, 48px) !important
        }

        .left-top-sm-6,
        .left-vertical-sm-6 {
            left-top: var(--base-space-px-48, 48px) !important
        }

        .left-horizontal-sm-6,
        .left-right-sm-6 {
            left-right: var(--base-space-px-48, 48px) !important
        }

        .left-bottom-sm-6,
        .left-vertical-sm-6 {
            left-bottom: var(--base-space-px-48, 48px) !important
        }

        .left-horizontal-sm-6,
        .left-left-sm-6 {
            left-left: var(--base-space-px-48, 48px) !important
        }

        .left-sm-7 {
            left: var(--base-space-px-64, 16px) !important
        }

        .left-top-sm-7,
        .left-vertical-sm-7 {
            left-top: var(--base-space-px-64, 16px) !important
        }

        .left-horizontal-sm-7,
        .left-right-sm-7 {
            left-right: var(--base-space-px-64, 16px) !important
        }

        .left-bottom-sm-7,
        .left-vertical-sm-7 {
            left-bottom: var(--base-space-px-64, 16px) !important
        }

        .left-horizontal-sm-7,
        .left-left-sm-7 {
            left-left: var(--base-space-px-64, 16px) !important
        }

        .right-sm-0 {
            right: var(--base-space-px-0, 0) !important
        }

        .right-top-sm-0,
        .right-vertical-sm-0 {
            right-top: var(--base-space-px-0, 0) !important
        }

        .right-horizontal-sm-0,
        .right-right-sm-0 {
            right-right: var(--base-space-px-0, 0) !important
        }

        .right-bottom-sm-0,
        .right-vertical-sm-0 {
            right-bottom: var(--base-space-px-0, 0) !important
        }

        .right-horizontal-sm-0,
        .right-left-sm-0 {
            right-left: var(--base-space-px-0, 0) !important
        }

        .right-sm-1 {
            right: var(--base-space-px-4, 4px) !important
        }

        .right-top-sm-1,
        .right-vertical-sm-1 {
            right-top: var(--base-space-px-4, 4px) !important
        }

        .right-horizontal-sm-1,
        .right-right-sm-1 {
            right-right: var(--base-space-px-4, 4px) !important
        }

        .right-bottom-sm-1,
        .right-vertical-sm-1 {
            right-bottom: var(--base-space-px-4, 4px) !important
        }

        .right-horizontal-sm-1,
        .right-left-sm-1 {
            right-left: var(--base-space-px-4, 4px) !important
        }

        .right-sm-2 {
            right: var(--base-space-px-8, 8px) !important
        }

        .right-top-sm-2,
        .right-vertical-sm-2 {
            right-top: var(--base-space-px-8, 8px) !important
        }

        .right-horizontal-sm-2,
        .right-right-sm-2 {
            right-right: var(--base-space-px-8, 8px) !important
        }

        .right-bottom-sm-2,
        .right-vertical-sm-2 {
            right-bottom: var(--base-space-px-8, 8px) !important
        }

        .right-horizontal-sm-2,
        .right-left-sm-2 {
            right-left: var(--base-space-px-8, 8px) !important
        }

        .right-sm-3 {
            right: var(--base-space-px-12, 12px) !important
        }

        .right-top-sm-3,
        .right-vertical-sm-3 {
            right-top: var(--base-space-px-12, 12px) !important
        }

        .right-horizontal-sm-3,
        .right-right-sm-3 {
            right-right: var(--base-space-px-12, 12px) !important
        }

        .right-bottom-sm-3,
        .right-vertical-sm-3 {
            right-bottom: var(--base-space-px-12, 12px) !important
        }

        .right-horizontal-sm-3,
        .right-left-sm-3 {
            right-left: var(--base-space-px-12, 12px) !important
        }

        .right-sm-4 {
            right: var(--base-space-px-16, 16px) !important
        }

        .right-top-sm-4,
        .right-vertical-sm-4 {
            right-top: var(--base-space-px-16, 16px) !important
        }

        .right-horizontal-sm-4,
        .right-right-sm-4 {
            right-right: var(--base-space-px-16, 16px) !important
        }

        .right-bottom-sm-4,
        .right-vertical-sm-4 {
            right-bottom: var(--base-space-px-16, 16px) !important
        }

        .right-horizontal-sm-4,
        .right-left-sm-4 {
            right-left: var(--base-space-px-16, 16px) !important
        }

        .right-sm-5 {
            right: var(--base-space-px-24, 24px) !important
        }

        .right-top-sm-5,
        .right-vertical-sm-5 {
            right-top: var(--base-space-px-24, 24px) !important
        }

        .right-horizontal-sm-5,
        .right-right-sm-5 {
            right-right: var(--base-space-px-24, 24px) !important
        }

        .right-bottom-sm-5,
        .right-vertical-sm-5 {
            right-bottom: var(--base-space-px-24, 24px) !important
        }

        .right-horizontal-sm-5,
        .right-left-sm-5 {
            right-left: var(--base-space-px-24, 24px) !important
        }

        .right-sm-6 {
            right: var(--base-space-px-48, 48px) !important
        }

        .right-top-sm-6,
        .right-vertical-sm-6 {
            right-top: var(--base-space-px-48, 48px) !important
        }

        .right-horizontal-sm-6,
        .right-right-sm-6 {
            right-right: var(--base-space-px-48, 48px) !important
        }

        .right-bottom-sm-6,
        .right-vertical-sm-6 {
            right-bottom: var(--base-space-px-48, 48px) !important
        }

        .right-horizontal-sm-6,
        .right-left-sm-6 {
            right-left: var(--base-space-px-48, 48px) !important
        }

        .right-sm-7 {
            right: var(--base-space-px-64, 16px) !important
        }

        .right-top-sm-7,
        .right-vertical-sm-7 {
            right-top: var(--base-space-px-64, 16px) !important
        }

        .right-horizontal-sm-7,
        .right-right-sm-7 {
            right-right: var(--base-space-px-64, 16px) !important
        }

        .right-bottom-sm-7,
        .right-vertical-sm-7 {
            right-bottom: var(--base-space-px-64, 16px) !important
        }

        .right-horizontal-sm-7,
        .right-left-sm-7 {
            right-left: var(--base-space-px-64, 16px) !important
        }

        .margin-sm-auto {
            margin: auto !important
        }

        .margin-top-sm-auto,
        .margin-vertical-sm-auto {
            margin-top: auto !important
        }

        .margin-horizontal-sm-auto,
        .margin-right-sm-auto {
            margin-right: auto !important
        }

        .margin-bottom-sm-auto,
        .margin-vertical-sm-auto {
            margin-bottom: auto !important
        }

        .margin-horizontal-sm-auto,
        .margin-left-sm-auto {
            margin-left: auto !important
        }
    }

    @media (min-width:1024px) {
        .margin-md-0 {
            margin: var(--base-space-px-0, 0) !important
        }

        .margin-top-md-0,
        .margin-vertical-md-0 {
            margin-top: var(--base-space-px-0, 0) !important
        }

        .margin-horizontal-md-0,
        .margin-right-md-0 {
            margin-right: var(--base-space-px-0, 0) !important
        }

        .margin-bottom-md-0,
        .margin-vertical-md-0 {
            margin-bottom: var(--base-space-px-0, 0) !important
        }

        .margin-horizontal-md-0,
        .margin-left-md-0 {
            margin-left: var(--base-space-px-0, 0) !important
        }

        .margin-md-1 {
            margin: var(--base-space-px-4, 4px) !important
        }

        .margin-top-md-1,
        .margin-vertical-md-1 {
            margin-top: var(--base-space-px-4, 4px) !important
        }

        .margin-horizontal-md-1,
        .margin-right-md-1 {
            margin-right: var(--base-space-px-4, 4px) !important
        }

        .margin-bottom-md-1,
        .margin-vertical-md-1 {
            margin-bottom: var(--base-space-px-4, 4px) !important
        }

        .margin-horizontal-md-1,
        .margin-left-md-1 {
            margin-left: var(--base-space-px-4, 4px) !important
        }

        .margin-md-2 {
            margin: var(--base-space-px-8, 8px) !important
        }

        .margin-top-md-2,
        .margin-vertical-md-2 {
            margin-top: var(--base-space-px-8, 8px) !important
        }

        .margin-horizontal-md-2,
        .margin-right-md-2 {
            margin-right: var(--base-space-px-8, 8px) !important
        }

        .margin-bottom-md-2,
        .margin-vertical-md-2 {
            margin-bottom: var(--base-space-px-8, 8px) !important
        }

        .margin-horizontal-md-2,
        .margin-left-md-2 {
            margin-left: var(--base-space-px-8, 8px) !important
        }

        .margin-md-3 {
            margin: var(--base-space-px-12, 12px) !important
        }

        .margin-top-md-3,
        .margin-vertical-md-3 {
            margin-top: var(--base-space-px-12, 12px) !important
        }

        .margin-horizontal-md-3,
        .margin-right-md-3 {
            margin-right: var(--base-space-px-12, 12px) !important
        }

        .margin-bottom-md-3,
        .margin-vertical-md-3 {
            margin-bottom: var(--base-space-px-12, 12px) !important
        }

        .margin-horizontal-md-3,
        .margin-left-md-3 {
            margin-left: var(--base-space-px-12, 12px) !important
        }

        .margin-md-4 {
            margin: var(--base-space-px-16, 16px) !important
        }

        .margin-top-md-4,
        .margin-vertical-md-4 {
            margin-top: var(--base-space-px-16, 16px) !important
        }

        .margin-horizontal-md-4,
        .margin-right-md-4 {
            margin-right: var(--base-space-px-16, 16px) !important
        }

        .margin-bottom-md-4,
        .margin-vertical-md-4 {
            margin-bottom: var(--base-space-px-16, 16px) !important
        }

        .margin-horizontal-md-4,
        .margin-left-md-4 {
            margin-left: var(--base-space-px-16, 16px) !important
        }

        .margin-md-5 {
            margin: var(--base-space-px-24, 24px) !important
        }

        .margin-top-md-5,
        .margin-vertical-md-5 {
            margin-top: var(--base-space-px-24, 24px) !important
        }

        .margin-horizontal-md-5,
        .margin-right-md-5 {
            margin-right: var(--base-space-px-24, 24px) !important
        }

        .margin-bottom-md-5,
        .margin-vertical-md-5 {
            margin-bottom: var(--base-space-px-24, 24px) !important
        }

        .margin-horizontal-md-5,
        .margin-left-md-5 {
            margin-left: var(--base-space-px-24, 24px) !important
        }

        .margin-md-6 {
            margin: var(--base-space-px-48, 48px) !important
        }

        .margin-top-md-6,
        .margin-vertical-md-6 {
            margin-top: var(--base-space-px-48, 48px) !important
        }

        .margin-horizontal-md-6,
        .margin-right-md-6 {
            margin-right: var(--base-space-px-48, 48px) !important
        }

        .margin-bottom-md-6,
        .margin-vertical-md-6 {
            margin-bottom: var(--base-space-px-48, 48px) !important
        }

        .margin-horizontal-md-6,
        .margin-left-md-6 {
            margin-left: var(--base-space-px-48, 48px) !important
        }

        .margin-md-7 {
            margin: var(--base-space-px-64, 16px) !important
        }

        .margin-top-md-7,
        .margin-vertical-md-7 {
            margin-top: var(--base-space-px-64, 16px) !important
        }

        .margin-horizontal-md-7,
        .margin-right-md-7 {
            margin-right: var(--base-space-px-64, 16px) !important
        }

        .margin-bottom-md-7,
        .margin-vertical-md-7 {
            margin-bottom: var(--base-space-px-64, 16px) !important
        }

        .margin-horizontal-md-7,
        .margin-left-md-7 {
            margin-left: var(--base-space-px-64, 16px) !important
        }

        .padding-md-0 {
            padding: var(--base-space-px-0, 0) !important
        }

        .padding-top-md-0,
        .padding-vertical-md-0 {
            padding-top: var(--base-space-px-0, 0) !important
        }

        .padding-horizontal-md-0,
        .padding-right-md-0 {
            padding-right: var(--base-space-px-0, 0) !important
        }

        .padding-bottom-md-0,
        .padding-vertical-md-0 {
            padding-bottom: var(--base-space-px-0, 0) !important
        }

        .padding-horizontal-md-0,
        .padding-left-md-0 {
            padding-left: var(--base-space-px-0, 0) !important
        }

        .padding-md-1 {
            padding: var(--base-space-px-4, 4px) !important
        }

        .padding-top-md-1,
        .padding-vertical-md-1 {
            padding-top: var(--base-space-px-4, 4px) !important
        }

        .padding-horizontal-md-1,
        .padding-right-md-1 {
            padding-right: var(--base-space-px-4, 4px) !important
        }

        .padding-bottom-md-1,
        .padding-vertical-md-1 {
            padding-bottom: var(--base-space-px-4, 4px) !important
        }

        .padding-horizontal-md-1,
        .padding-left-md-1 {
            padding-left: var(--base-space-px-4, 4px) !important
        }

        .padding-md-2 {
            padding: var(--base-space-px-8, 8px) !important
        }

        .padding-top-md-2,
        .padding-vertical-md-2 {
            padding-top: var(--base-space-px-8, 8px) !important
        }

        .padding-horizontal-md-2,
        .padding-right-md-2 {
            padding-right: var(--base-space-px-8, 8px) !important
        }

        .padding-bottom-md-2,
        .padding-vertical-md-2 {
            padding-bottom: var(--base-space-px-8, 8px) !important
        }

        .padding-horizontal-md-2,
        .padding-left-md-2 {
            padding-left: var(--base-space-px-8, 8px) !important
        }

        .padding-md-3 {
            padding: var(--base-space-px-12, 12px) !important
        }

        .padding-top-md-3,
        .padding-vertical-md-3 {
            padding-top: var(--base-space-px-12, 12px) !important
        }

        .padding-horizontal-md-3,
        .padding-right-md-3 {
            padding-right: var(--base-space-px-12, 12px) !important
        }

        .padding-bottom-md-3,
        .padding-vertical-md-3 {
            padding-bottom: var(--base-space-px-12, 12px) !important
        }

        .padding-horizontal-md-3,
        .padding-left-md-3 {
            padding-left: var(--base-space-px-12, 12px) !important
        }

        .padding-md-4 {
            padding: var(--base-space-px-16, 16px) !important
        }

        .padding-top-md-4,
        .padding-vertical-md-4 {
            padding-top: var(--base-space-px-16, 16px) !important
        }

        .padding-horizontal-md-4,
        .padding-right-md-4 {
            padding-right: var(--base-space-px-16, 16px) !important
        }

        .padding-bottom-md-4,
        .padding-vertical-md-4 {
            padding-bottom: var(--base-space-px-16, 16px) !important
        }

        .padding-horizontal-md-4,
        .padding-left-md-4 {
            padding-left: var(--base-space-px-16, 16px) !important
        }

        .padding-md-5 {
            padding: var(--base-space-px-24, 24px) !important
        }

        .padding-top-md-5,
        .padding-vertical-md-5 {
            padding-top: var(--base-space-px-24, 24px) !important
        }

        .padding-horizontal-md-5,
        .padding-right-md-5 {
            padding-right: var(--base-space-px-24, 24px) !important
        }

        .padding-bottom-md-5,
        .padding-vertical-md-5 {
            padding-bottom: var(--base-space-px-24, 24px) !important
        }

        .padding-horizontal-md-5,
        .padding-left-md-5 {
            padding-left: var(--base-space-px-24, 24px) !important
        }

        .padding-md-6 {
            padding: var(--base-space-px-48, 48px) !important
        }

        .padding-top-md-6,
        .padding-vertical-md-6 {
            padding-top: var(--base-space-px-48, 48px) !important
        }

        .padding-horizontal-md-6,
        .padding-right-md-6 {
            padding-right: var(--base-space-px-48, 48px) !important
        }

        .padding-bottom-md-6,
        .padding-vertical-md-6 {
            padding-bottom: var(--base-space-px-48, 48px) !important
        }

        .padding-horizontal-md-6,
        .padding-left-md-6 {
            padding-left: var(--base-space-px-48, 48px) !important
        }

        .padding-md-7 {
            padding: var(--base-space-px-64, 16px) !important
        }

        .padding-top-md-7,
        .padding-vertical-md-7 {
            padding-top: var(--base-space-px-64, 16px) !important
        }

        .padding-horizontal-md-7,
        .padding-right-md-7 {
            padding-right: var(--base-space-px-64, 16px) !important
        }

        .padding-bottom-md-7,
        .padding-vertical-md-7 {
            padding-bottom: var(--base-space-px-64, 16px) !important
        }

        .padding-horizontal-md-7,
        .padding-left-md-7 {
            padding-left: var(--base-space-px-64, 16px) !important
        }

        .top-md-0 {
            top: var(--base-space-px-0, 0) !important
        }

        .top-top-md-0,
        .top-vertical-md-0 {
            top-top: var(--base-space-px-0, 0) !important
        }

        .top-horizontal-md-0,
        .top-right-md-0 {
            top-right: var(--base-space-px-0, 0) !important
        }

        .top-bottom-md-0,
        .top-vertical-md-0 {
            top-bottom: var(--base-space-px-0, 0) !important
        }

        .top-horizontal-md-0,
        .top-left-md-0 {
            top-left: var(--base-space-px-0, 0) !important
        }

        .top-md-1 {
            top: var(--base-space-px-4, 4px) !important
        }

        .top-top-md-1,
        .top-vertical-md-1 {
            top-top: var(--base-space-px-4, 4px) !important
        }

        .top-horizontal-md-1,
        .top-right-md-1 {
            top-right: var(--base-space-px-4, 4px) !important
        }

        .top-bottom-md-1,
        .top-vertical-md-1 {
            top-bottom: var(--base-space-px-4, 4px) !important
        }

        .top-horizontal-md-1,
        .top-left-md-1 {
            top-left: var(--base-space-px-4, 4px) !important
        }

        .top-md-2 {
            top: var(--base-space-px-8, 8px) !important
        }

        .top-top-md-2,
        .top-vertical-md-2 {
            top-top: var(--base-space-px-8, 8px) !important
        }

        .top-horizontal-md-2,
        .top-right-md-2 {
            top-right: var(--base-space-px-8, 8px) !important
        }

        .top-bottom-md-2,
        .top-vertical-md-2 {
            top-bottom: var(--base-space-px-8, 8px) !important
        }

        .top-horizontal-md-2,
        .top-left-md-2 {
            top-left: var(--base-space-px-8, 8px) !important
        }

        .top-md-3 {
            top: var(--base-space-px-12, 12px) !important
        }

        .top-top-md-3,
        .top-vertical-md-3 {
            top-top: var(--base-space-px-12, 12px) !important
        }

        .top-horizontal-md-3,
        .top-right-md-3 {
            top-right: var(--base-space-px-12, 12px) !important
        }

        .top-bottom-md-3,
        .top-vertical-md-3 {
            top-bottom: var(--base-space-px-12, 12px) !important
        }

        .top-horizontal-md-3,
        .top-left-md-3 {
            top-left: var(--base-space-px-12, 12px) !important
        }

        .top-md-4 {
            top: var(--base-space-px-16, 16px) !important
        }

        .top-top-md-4,
        .top-vertical-md-4 {
            top-top: var(--base-space-px-16, 16px) !important
        }

        .top-horizontal-md-4,
        .top-right-md-4 {
            top-right: var(--base-space-px-16, 16px) !important
        }

        .top-bottom-md-4,
        .top-vertical-md-4 {
            top-bottom: var(--base-space-px-16, 16px) !important
        }

        .top-horizontal-md-4,
        .top-left-md-4 {
            top-left: var(--base-space-px-16, 16px) !important
        }

        .top-md-5 {
            top: var(--base-space-px-24, 24px) !important
        }

        .top-top-md-5,
        .top-vertical-md-5 {
            top-top: var(--base-space-px-24, 24px) !important
        }

        .top-horizontal-md-5,
        .top-right-md-5 {
            top-right: var(--base-space-px-24, 24px) !important
        }

        .top-bottom-md-5,
        .top-vertical-md-5 {
            top-bottom: var(--base-space-px-24, 24px) !important
        }

        .top-horizontal-md-5,
        .top-left-md-5 {
            top-left: var(--base-space-px-24, 24px) !important
        }

        .top-md-6 {
            top: var(--base-space-px-48, 48px) !important
        }

        .top-top-md-6,
        .top-vertical-md-6 {
            top-top: var(--base-space-px-48, 48px) !important
        }

        .top-horizontal-md-6,
        .top-right-md-6 {
            top-right: var(--base-space-px-48, 48px) !important
        }

        .top-bottom-md-6,
        .top-vertical-md-6 {
            top-bottom: var(--base-space-px-48, 48px) !important
        }

        .top-horizontal-md-6,
        .top-left-md-6 {
            top-left: var(--base-space-px-48, 48px) !important
        }

        .top-md-7 {
            top: var(--base-space-px-64, 16px) !important
        }

        .top-top-md-7,
        .top-vertical-md-7 {
            top-top: var(--base-space-px-64, 16px) !important
        }

        .top-horizontal-md-7,
        .top-right-md-7 {
            top-right: var(--base-space-px-64, 16px) !important
        }

        .top-bottom-md-7,
        .top-vertical-md-7 {
            top-bottom: var(--base-space-px-64, 16px) !important
        }

        .top-horizontal-md-7,
        .top-left-md-7 {
            top-left: var(--base-space-px-64, 16px) !important
        }

        .bottom-md-0 {
            bottom: var(--base-space-px-0, 0) !important
        }

        .bottom-top-md-0,
        .bottom-vertical-md-0 {
            bottom-top: var(--base-space-px-0, 0) !important
        }

        .bottom-horizontal-md-0,
        .bottom-right-md-0 {
            bottom-right: var(--base-space-px-0, 0) !important
        }

        .bottom-bottom-md-0,
        .bottom-vertical-md-0 {
            bottom-bottom: var(--base-space-px-0, 0) !important
        }

        .bottom-horizontal-md-0,
        .bottom-left-md-0 {
            bottom-left: var(--base-space-px-0, 0) !important
        }

        .bottom-md-1 {
            bottom: var(--base-space-px-4, 4px) !important
        }

        .bottom-top-md-1,
        .bottom-vertical-md-1 {
            bottom-top: var(--base-space-px-4, 4px) !important
        }

        .bottom-horizontal-md-1,
        .bottom-right-md-1 {
            bottom-right: var(--base-space-px-4, 4px) !important
        }

        .bottom-bottom-md-1,
        .bottom-vertical-md-1 {
            bottom-bottom: var(--base-space-px-4, 4px) !important
        }

        .bottom-horizontal-md-1,
        .bottom-left-md-1 {
            bottom-left: var(--base-space-px-4, 4px) !important
        }

        .bottom-md-2 {
            bottom: var(--base-space-px-8, 8px) !important
        }

        .bottom-top-md-2,
        .bottom-vertical-md-2 {
            bottom-top: var(--base-space-px-8, 8px) !important
        }

        .bottom-horizontal-md-2,
        .bottom-right-md-2 {
            bottom-right: var(--base-space-px-8, 8px) !important
        }

        .bottom-bottom-md-2,
        .bottom-vertical-md-2 {
            bottom-bottom: var(--base-space-px-8, 8px) !important
        }

        .bottom-horizontal-md-2,
        .bottom-left-md-2 {
            bottom-left: var(--base-space-px-8, 8px) !important
        }

        .bottom-md-3 {
            bottom: var(--base-space-px-12, 12px) !important
        }

        .bottom-top-md-3,
        .bottom-vertical-md-3 {
            bottom-top: var(--base-space-px-12, 12px) !important
        }

        .bottom-horizontal-md-3,
        .bottom-right-md-3 {
            bottom-right: var(--base-space-px-12, 12px) !important
        }

        .bottom-bottom-md-3,
        .bottom-vertical-md-3 {
            bottom-bottom: var(--base-space-px-12, 12px) !important
        }

        .bottom-horizontal-md-3,
        .bottom-left-md-3 {
            bottom-left: var(--base-space-px-12, 12px) !important
        }

        .bottom-md-4 {
            bottom: var(--base-space-px-16, 16px) !important
        }

        .bottom-top-md-4,
        .bottom-vertical-md-4 {
            bottom-top: var(--base-space-px-16, 16px) !important
        }

        .bottom-horizontal-md-4,
        .bottom-right-md-4 {
            bottom-right: var(--base-space-px-16, 16px) !important
        }

        .bottom-bottom-md-4,
        .bottom-vertical-md-4 {
            bottom-bottom: var(--base-space-px-16, 16px) !important
        }

        .bottom-horizontal-md-4,
        .bottom-left-md-4 {
            bottom-left: var(--base-space-px-16, 16px) !important
        }

        .bottom-md-5 {
            bottom: var(--base-space-px-24, 24px) !important
        }

        .bottom-top-md-5,
        .bottom-vertical-md-5 {
            bottom-top: var(--base-space-px-24, 24px) !important
        }

        .bottom-horizontal-md-5,
        .bottom-right-md-5 {
            bottom-right: var(--base-space-px-24, 24px) !important
        }

        .bottom-bottom-md-5,
        .bottom-vertical-md-5 {
            bottom-bottom: var(--base-space-px-24, 24px) !important
        }

        .bottom-horizontal-md-5,
        .bottom-left-md-5 {
            bottom-left: var(--base-space-px-24, 24px) !important
        }

        .bottom-md-6 {
            bottom: var(--base-space-px-48, 48px) !important
        }

        .bottom-top-md-6,
        .bottom-vertical-md-6 {
            bottom-top: var(--base-space-px-48, 48px) !important
        }

        .bottom-horizontal-md-6,
        .bottom-right-md-6 {
            bottom-right: var(--base-space-px-48, 48px) !important
        }

        .bottom-bottom-md-6,
        .bottom-vertical-md-6 {
            bottom-bottom: var(--base-space-px-48, 48px) !important
        }

        .bottom-horizontal-md-6,
        .bottom-left-md-6 {
            bottom-left: var(--base-space-px-48, 48px) !important
        }

        .bottom-md-7 {
            bottom: var(--base-space-px-64, 16px) !important
        }

        .bottom-top-md-7,
        .bottom-vertical-md-7 {
            bottom-top: var(--base-space-px-64, 16px) !important
        }

        .bottom-horizontal-md-7,
        .bottom-right-md-7 {
            bottom-right: var(--base-space-px-64, 16px) !important
        }

        .bottom-bottom-md-7,
        .bottom-vertical-md-7 {
            bottom-bottom: var(--base-space-px-64, 16px) !important
        }

        .bottom-horizontal-md-7,
        .bottom-left-md-7 {
            bottom-left: var(--base-space-px-64, 16px) !important
        }

        .left-md-0 {
            left: var(--base-space-px-0, 0) !important
        }

        .left-top-md-0,
        .left-vertical-md-0 {
            left-top: var(--base-space-px-0, 0) !important
        }

        .left-horizontal-md-0,
        .left-right-md-0 {
            left-right: var(--base-space-px-0, 0) !important
        }

        .left-bottom-md-0,
        .left-vertical-md-0 {
            left-bottom: var(--base-space-px-0, 0) !important
        }

        .left-horizontal-md-0,
        .left-left-md-0 {
            left-left: var(--base-space-px-0, 0) !important
        }

        .left-md-1 {
            left: var(--base-space-px-4, 4px) !important
        }

        .left-top-md-1,
        .left-vertical-md-1 {
            left-top: var(--base-space-px-4, 4px) !important
        }

        .left-horizontal-md-1,
        .left-right-md-1 {
            left-right: var(--base-space-px-4, 4px) !important
        }

        .left-bottom-md-1,
        .left-vertical-md-1 {
            left-bottom: var(--base-space-px-4, 4px) !important
        }

        .left-horizontal-md-1,
        .left-left-md-1 {
            left-left: var(--base-space-px-4, 4px) !important
        }

        .left-md-2 {
            left: var(--base-space-px-8, 8px) !important
        }

        .left-top-md-2,
        .left-vertical-md-2 {
            left-top: var(--base-space-px-8, 8px) !important
        }

        .left-horizontal-md-2,
        .left-right-md-2 {
            left-right: var(--base-space-px-8, 8px) !important
        }

        .left-bottom-md-2,
        .left-vertical-md-2 {
            left-bottom: var(--base-space-px-8, 8px) !important
        }

        .left-horizontal-md-2,
        .left-left-md-2 {
            left-left: var(--base-space-px-8, 8px) !important
        }

        .left-md-3 {
            left: var(--base-space-px-12, 12px) !important
        }

        .left-top-md-3,
        .left-vertical-md-3 {
            left-top: var(--base-space-px-12, 12px) !important
        }

        .left-horizontal-md-3,
        .left-right-md-3 {
            left-right: var(--base-space-px-12, 12px) !important
        }

        .left-bottom-md-3,
        .left-vertical-md-3 {
            left-bottom: var(--base-space-px-12, 12px) !important
        }

        .left-horizontal-md-3,
        .left-left-md-3 {
            left-left: var(--base-space-px-12, 12px) !important
        }

        .left-md-4 {
            left: var(--base-space-px-16, 16px) !important
        }

        .left-top-md-4,
        .left-vertical-md-4 {
            left-top: var(--base-space-px-16, 16px) !important
        }

        .left-horizontal-md-4,
        .left-right-md-4 {
            left-right: var(--base-space-px-16, 16px) !important
        }

        .left-bottom-md-4,
        .left-vertical-md-4 {
            left-bottom: var(--base-space-px-16, 16px) !important
        }

        .left-horizontal-md-4,
        .left-left-md-4 {
            left-left: var(--base-space-px-16, 16px) !important
        }

        .left-md-5 {
            left: var(--base-space-px-24, 24px) !important
        }

        .left-top-md-5,
        .left-vertical-md-5 {
            left-top: var(--base-space-px-24, 24px) !important
        }

        .left-horizontal-md-5,
        .left-right-md-5 {
            left-right: var(--base-space-px-24, 24px) !important
        }

        .left-bottom-md-5,
        .left-vertical-md-5 {
            left-bottom: var(--base-space-px-24, 24px) !important
        }

        .left-horizontal-md-5,
        .left-left-md-5 {
            left-left: var(--base-space-px-24, 24px) !important
        }

        .left-md-6 {
            left: var(--base-space-px-48, 48px) !important
        }

        .left-top-md-6,
        .left-vertical-md-6 {
            left-top: var(--base-space-px-48, 48px) !important
        }

        .left-horizontal-md-6,
        .left-right-md-6 {
            left-right: var(--base-space-px-48, 48px) !important
        }

        .left-bottom-md-6,
        .left-vertical-md-6 {
            left-bottom: var(--base-space-px-48, 48px) !important
        }

        .left-horizontal-md-6,
        .left-left-md-6 {
            left-left: var(--base-space-px-48, 48px) !important
        }

        .left-md-7 {
            left: var(--base-space-px-64, 16px) !important
        }

        .left-top-md-7,
        .left-vertical-md-7 {
            left-top: var(--base-space-px-64, 16px) !important
        }

        .left-horizontal-md-7,
        .left-right-md-7 {
            left-right: var(--base-space-px-64, 16px) !important
        }

        .left-bottom-md-7,
        .left-vertical-md-7 {
            left-bottom: var(--base-space-px-64, 16px) !important
        }

        .left-horizontal-md-7,
        .left-left-md-7 {
            left-left: var(--base-space-px-64, 16px) !important
        }

        .right-md-0 {
            right: var(--base-space-px-0, 0) !important
        }

        .right-top-md-0,
        .right-vertical-md-0 {
            right-top: var(--base-space-px-0, 0) !important
        }

        .right-horizontal-md-0,
        .right-right-md-0 {
            right-right: var(--base-space-px-0, 0) !important
        }

        .right-bottom-md-0,
        .right-vertical-md-0 {
            right-bottom: var(--base-space-px-0, 0) !important
        }

        .right-horizontal-md-0,
        .right-left-md-0 {
            right-left: var(--base-space-px-0, 0) !important
        }

        .right-md-1 {
            right: var(--base-space-px-4, 4px) !important
        }

        .right-top-md-1,
        .right-vertical-md-1 {
            right-top: var(--base-space-px-4, 4px) !important
        }

        .right-horizontal-md-1,
        .right-right-md-1 {
            right-right: var(--base-space-px-4, 4px) !important
        }

        .right-bottom-md-1,
        .right-vertical-md-1 {
            right-bottom: var(--base-space-px-4, 4px) !important
        }

        .right-horizontal-md-1,
        .right-left-md-1 {
            right-left: var(--base-space-px-4, 4px) !important
        }

        .right-md-2 {
            right: var(--base-space-px-8, 8px) !important
        }

        .right-top-md-2,
        .right-vertical-md-2 {
            right-top: var(--base-space-px-8, 8px) !important
        }

        .right-horizontal-md-2,
        .right-right-md-2 {
            right-right: var(--base-space-px-8, 8px) !important
        }

        .right-bottom-md-2,
        .right-vertical-md-2 {
            right-bottom: var(--base-space-px-8, 8px) !important
        }

        .right-horizontal-md-2,
        .right-left-md-2 {
            right-left: var(--base-space-px-8, 8px) !important
        }

        .right-md-3 {
            right: var(--base-space-px-12, 12px) !important
        }

        .right-top-md-3,
        .right-vertical-md-3 {
            right-top: var(--base-space-px-12, 12px) !important
        }

        .right-horizontal-md-3,
        .right-right-md-3 {
            right-right: var(--base-space-px-12, 12px) !important
        }

        .right-bottom-md-3,
        .right-vertical-md-3 {
            right-bottom: var(--base-space-px-12, 12px) !important
        }

        .right-horizontal-md-3,
        .right-left-md-3 {
            right-left: var(--base-space-px-12, 12px) !important
        }

        .right-md-4 {
            right: var(--base-space-px-16, 16px) !important
        }

        .right-top-md-4,
        .right-vertical-md-4 {
            right-top: var(--base-space-px-16, 16px) !important
        }

        .right-horizontal-md-4,
        .right-right-md-4 {
            right-right: var(--base-space-px-16, 16px) !important
        }

        .right-bottom-md-4,
        .right-vertical-md-4 {
            right-bottom: var(--base-space-px-16, 16px) !important
        }

        .right-horizontal-md-4,
        .right-left-md-4 {
            right-left: var(--base-space-px-16, 16px) !important
        }

        .right-md-5 {
            right: var(--base-space-px-24, 24px) !important
        }

        .right-top-md-5,
        .right-vertical-md-5 {
            right-top: var(--base-space-px-24, 24px) !important
        }

        .right-horizontal-md-5,
        .right-right-md-5 {
            right-right: var(--base-space-px-24, 24px) !important
        }

        .right-bottom-md-5,
        .right-vertical-md-5 {
            right-bottom: var(--base-space-px-24, 24px) !important
        }

        .right-horizontal-md-5,
        .right-left-md-5 {
            right-left: var(--base-space-px-24, 24px) !important
        }

        .right-md-6 {
            right: var(--base-space-px-48, 48px) !important
        }

        .right-top-md-6,
        .right-vertical-md-6 {
            right-top: var(--base-space-px-48, 48px) !important
        }

        .right-horizontal-md-6,
        .right-right-md-6 {
            right-right: var(--base-space-px-48, 48px) !important
        }

        .right-bottom-md-6,
        .right-vertical-md-6 {
            right-bottom: var(--base-space-px-48, 48px) !important
        }

        .right-horizontal-md-6,
        .right-left-md-6 {
            right-left: var(--base-space-px-48, 48px) !important
        }

        .right-md-7 {
            right: var(--base-space-px-64, 16px) !important
        }

        .right-top-md-7,
        .right-vertical-md-7 {
            right-top: var(--base-space-px-64, 16px) !important
        }

        .right-horizontal-md-7,
        .right-right-md-7 {
            right-right: var(--base-space-px-64, 16px) !important
        }

        .right-bottom-md-7,
        .right-vertical-md-7 {
            right-bottom: var(--base-space-px-64, 16px) !important
        }

        .right-horizontal-md-7,
        .right-left-md-7 {
            right-left: var(--base-space-px-64, 16px) !important
        }

        .margin-md-auto {
            margin: auto !important
        }

        .margin-top-md-auto,
        .margin-vertical-md-auto {
            margin-top: auto !important
        }

        .margin-horizontal-md-auto,
        .margin-right-md-auto {
            margin-right: auto !important
        }

        .margin-bottom-md-auto,
        .margin-vertical-md-auto {
            margin-bottom: auto !important
        }

        .margin-horizontal-md-auto,
        .margin-left-md-auto {
            margin-left: auto !important
        }
    }

    @media (min-width:1300px) {
        .margin-lg-0 {
            margin: var(--base-space-px-0, 0) !important
        }

        .margin-top-lg-0,
        .margin-vertical-lg-0 {
            margin-top: var(--base-space-px-0, 0) !important
        }

        .margin-horizontal-lg-0,
        .margin-right-lg-0 {
            margin-right: var(--base-space-px-0, 0) !important
        }

        .margin-bottom-lg-0,
        .margin-vertical-lg-0 {
            margin-bottom: var(--base-space-px-0, 0) !important
        }

        .margin-horizontal-lg-0,
        .margin-left-lg-0 {
            margin-left: var(--base-space-px-0, 0) !important
        }

        .margin-lg-1 {
            margin: var(--base-space-px-4, 4px) !important
        }

        .margin-top-lg-1,
        .margin-vertical-lg-1 {
            margin-top: var(--base-space-px-4, 4px) !important
        }

        .margin-horizontal-lg-1,
        .margin-right-lg-1 {
            margin-right: var(--base-space-px-4, 4px) !important
        }

        .margin-bottom-lg-1,
        .margin-vertical-lg-1 {
            margin-bottom: var(--base-space-px-4, 4px) !important
        }

        .margin-horizontal-lg-1,
        .margin-left-lg-1 {
            margin-left: var(--base-space-px-4, 4px) !important
        }

        .margin-lg-2 {
            margin: var(--base-space-px-8, 8px) !important
        }

        .margin-top-lg-2,
        .margin-vertical-lg-2 {
            margin-top: var(--base-space-px-8, 8px) !important
        }

        .margin-horizontal-lg-2,
        .margin-right-lg-2 {
            margin-right: var(--base-space-px-8, 8px) !important
        }

        .margin-bottom-lg-2,
        .margin-vertical-lg-2 {
            margin-bottom: var(--base-space-px-8, 8px) !important
        }

        .margin-horizontal-lg-2,
        .margin-left-lg-2 {
            margin-left: var(--base-space-px-8, 8px) !important
        }

        .margin-lg-3 {
            margin: var(--base-space-px-12, 12px) !important
        }

        .margin-top-lg-3,
        .margin-vertical-lg-3 {
            margin-top: var(--base-space-px-12, 12px) !important
        }

        .margin-horizontal-lg-3,
        .margin-right-lg-3 {
            margin-right: var(--base-space-px-12, 12px) !important
        }

        .margin-bottom-lg-3,
        .margin-vertical-lg-3 {
            margin-bottom: var(--base-space-px-12, 12px) !important
        }

        .margin-horizontal-lg-3,
        .margin-left-lg-3 {
            margin-left: var(--base-space-px-12, 12px) !important
        }

        .margin-lg-4 {
            margin: var(--base-space-px-16, 16px) !important
        }

        .margin-top-lg-4,
        .margin-vertical-lg-4 {
            margin-top: var(--base-space-px-16, 16px) !important
        }

        .margin-horizontal-lg-4,
        .margin-right-lg-4 {
            margin-right: var(--base-space-px-16, 16px) !important
        }

        .margin-bottom-lg-4,
        .margin-vertical-lg-4 {
            margin-bottom: var(--base-space-px-16, 16px) !important
        }

        .margin-horizontal-lg-4,
        .margin-left-lg-4 {
            margin-left: var(--base-space-px-16, 16px) !important
        }

        .margin-lg-5 {
            margin: var(--base-space-px-24, 24px) !important
        }

        .margin-top-lg-5,
        .margin-vertical-lg-5 {
            margin-top: var(--base-space-px-24, 24px) !important
        }

        .margin-horizontal-lg-5,
        .margin-right-lg-5 {
            margin-right: var(--base-space-px-24, 24px) !important
        }

        .margin-bottom-lg-5,
        .margin-vertical-lg-5 {
            margin-bottom: var(--base-space-px-24, 24px) !important
        }

        .margin-horizontal-lg-5,
        .margin-left-lg-5 {
            margin-left: var(--base-space-px-24, 24px) !important
        }

        .margin-lg-6 {
            margin: var(--base-space-px-48, 48px) !important
        }

        .margin-top-lg-6,
        .margin-vertical-lg-6 {
            margin-top: var(--base-space-px-48, 48px) !important
        }

        .margin-horizontal-lg-6,
        .margin-right-lg-6 {
            margin-right: var(--base-space-px-48, 48px) !important
        }

        .margin-bottom-lg-6,
        .margin-vertical-lg-6 {
            margin-bottom: var(--base-space-px-48, 48px) !important
        }

        .margin-horizontal-lg-6,
        .margin-left-lg-6 {
            margin-left: var(--base-space-px-48, 48px) !important
        }

        .margin-lg-7 {
            margin: var(--base-space-px-64, 16px) !important
        }

        .margin-top-lg-7,
        .margin-vertical-lg-7 {
            margin-top: var(--base-space-px-64, 16px) !important
        }

        .margin-horizontal-lg-7,
        .margin-right-lg-7 {
            margin-right: var(--base-space-px-64, 16px) !important
        }

        .margin-bottom-lg-7,
        .margin-vertical-lg-7 {
            margin-bottom: var(--base-space-px-64, 16px) !important
        }

        .margin-horizontal-lg-7,
        .margin-left-lg-7 {
            margin-left: var(--base-space-px-64, 16px) !important
        }

        .padding-lg-0 {
            padding: var(--base-space-px-0, 0) !important
        }

        .padding-top-lg-0,
        .padding-vertical-lg-0 {
            padding-top: var(--base-space-px-0, 0) !important
        }

        .padding-horizontal-lg-0,
        .padding-right-lg-0 {
            padding-right: var(--base-space-px-0, 0) !important
        }

        .padding-bottom-lg-0,
        .padding-vertical-lg-0 {
            padding-bottom: var(--base-space-px-0, 0) !important
        }

        .padding-horizontal-lg-0,
        .padding-left-lg-0 {
            padding-left: var(--base-space-px-0, 0) !important
        }

        .padding-lg-1 {
            padding: var(--base-space-px-4, 4px) !important
        }

        .padding-top-lg-1,
        .padding-vertical-lg-1 {
            padding-top: var(--base-space-px-4, 4px) !important
        }

        .padding-horizontal-lg-1,
        .padding-right-lg-1 {
            padding-right: var(--base-space-px-4, 4px) !important
        }

        .padding-bottom-lg-1,
        .padding-vertical-lg-1 {
            padding-bottom: var(--base-space-px-4, 4px) !important
        }

        .padding-horizontal-lg-1,
        .padding-left-lg-1 {
            padding-left: var(--base-space-px-4, 4px) !important
        }

        .padding-lg-2 {
            padding: var(--base-space-px-8, 8px) !important
        }

        .padding-top-lg-2,
        .padding-vertical-lg-2 {
            padding-top: var(--base-space-px-8, 8px) !important
        }

        .padding-horizontal-lg-2,
        .padding-right-lg-2 {
            padding-right: var(--base-space-px-8, 8px) !important
        }

        .padding-bottom-lg-2,
        .padding-vertical-lg-2 {
            padding-bottom: var(--base-space-px-8, 8px) !important
        }

        .padding-horizontal-lg-2,
        .padding-left-lg-2 {
            padding-left: var(--base-space-px-8, 8px) !important
        }

        .padding-lg-3 {
            padding: var(--base-space-px-12, 12px) !important
        }

        .padding-top-lg-3,
        .padding-vertical-lg-3 {
            padding-top: var(--base-space-px-12, 12px) !important
        }

        .padding-horizontal-lg-3,
        .padding-right-lg-3 {
            padding-right: var(--base-space-px-12, 12px) !important
        }

        .padding-bottom-lg-3,
        .padding-vertical-lg-3 {
            padding-bottom: var(--base-space-px-12, 12px) !important
        }

        .padding-horizontal-lg-3,
        .padding-left-lg-3 {
            padding-left: var(--base-space-px-12, 12px) !important
        }

        .padding-lg-4 {
            padding: var(--base-space-px-16, 16px) !important
        }

        .padding-top-lg-4,
        .padding-vertical-lg-4 {
            padding-top: var(--base-space-px-16, 16px) !important
        }

        .padding-horizontal-lg-4,
        .padding-right-lg-4 {
            padding-right: var(--base-space-px-16, 16px) !important
        }

        .padding-bottom-lg-4,
        .padding-vertical-lg-4 {
            padding-bottom: var(--base-space-px-16, 16px) !important
        }

        .padding-horizontal-lg-4,
        .padding-left-lg-4 {
            padding-left: var(--base-space-px-16, 16px) !important
        }

        .padding-lg-5 {
            padding: var(--base-space-px-24, 24px) !important
        }

        .padding-top-lg-5,
        .padding-vertical-lg-5 {
            padding-top: var(--base-space-px-24, 24px) !important
        }

        .padding-horizontal-lg-5,
        .padding-right-lg-5 {
            padding-right: var(--base-space-px-24, 24px) !important
        }

        .padding-bottom-lg-5,
        .padding-vertical-lg-5 {
            padding-bottom: var(--base-space-px-24, 24px) !important
        }

        .padding-horizontal-lg-5,
        .padding-left-lg-5 {
            padding-left: var(--base-space-px-24, 24px) !important
        }

        .padding-lg-6 {
            padding: var(--base-space-px-48, 48px) !important
        }

        .padding-top-lg-6,
        .padding-vertical-lg-6 {
            padding-top: var(--base-space-px-48, 48px) !important
        }

        .padding-horizontal-lg-6,
        .padding-right-lg-6 {
            padding-right: var(--base-space-px-48, 48px) !important
        }

        .padding-bottom-lg-6,
        .padding-vertical-lg-6 {
            padding-bottom: var(--base-space-px-48, 48px) !important
        }

        .padding-horizontal-lg-6,
        .padding-left-lg-6 {
            padding-left: var(--base-space-px-48, 48px) !important
        }

        .padding-lg-7 {
            padding: var(--base-space-px-64, 16px) !important
        }

        .padding-top-lg-7,
        .padding-vertical-lg-7 {
            padding-top: var(--base-space-px-64, 16px) !important
        }

        .padding-horizontal-lg-7,
        .padding-right-lg-7 {
            padding-right: var(--base-space-px-64, 16px) !important
        }

        .padding-bottom-lg-7,
        .padding-vertical-lg-7 {
            padding-bottom: var(--base-space-px-64, 16px) !important
        }

        .padding-horizontal-lg-7,
        .padding-left-lg-7 {
            padding-left: var(--base-space-px-64, 16px) !important
        }

        .top-lg-0 {
            top: var(--base-space-px-0, 0) !important
        }

        .top-top-lg-0,
        .top-vertical-lg-0 {
            top-top: var(--base-space-px-0, 0) !important
        }

        .top-horizontal-lg-0,
        .top-right-lg-0 {
            top-right: var(--base-space-px-0, 0) !important
        }

        .top-bottom-lg-0,
        .top-vertical-lg-0 {
            top-bottom: var(--base-space-px-0, 0) !important
        }

        .top-horizontal-lg-0,
        .top-left-lg-0 {
            top-left: var(--base-space-px-0, 0) !important
        }

        .top-lg-1 {
            top: var(--base-space-px-4, 4px) !important
        }

        .top-top-lg-1,
        .top-vertical-lg-1 {
            top-top: var(--base-space-px-4, 4px) !important
        }

        .top-horizontal-lg-1,
        .top-right-lg-1 {
            top-right: var(--base-space-px-4, 4px) !important
        }

        .top-bottom-lg-1,
        .top-vertical-lg-1 {
            top-bottom: var(--base-space-px-4, 4px) !important
        }

        .top-horizontal-lg-1,
        .top-left-lg-1 {
            top-left: var(--base-space-px-4, 4px) !important
        }

        .top-lg-2 {
            top: var(--base-space-px-8, 8px) !important
        }

        .top-top-lg-2,
        .top-vertical-lg-2 {
            top-top: var(--base-space-px-8, 8px) !important
        }

        .top-horizontal-lg-2,
        .top-right-lg-2 {
            top-right: var(--base-space-px-8, 8px) !important
        }

        .top-bottom-lg-2,
        .top-vertical-lg-2 {
            top-bottom: var(--base-space-px-8, 8px) !important
        }

        .top-horizontal-lg-2,
        .top-left-lg-2 {
            top-left: var(--base-space-px-8, 8px) !important
        }

        .top-lg-3 {
            top: var(--base-space-px-12, 12px) !important
        }

        .top-top-lg-3,
        .top-vertical-lg-3 {
            top-top: var(--base-space-px-12, 12px) !important
        }

        .top-horizontal-lg-3,
        .top-right-lg-3 {
            top-right: var(--base-space-px-12, 12px) !important
        }

        .top-bottom-lg-3,
        .top-vertical-lg-3 {
            top-bottom: var(--base-space-px-12, 12px) !important
        }

        .top-horizontal-lg-3,
        .top-left-lg-3 {
            top-left: var(--base-space-px-12, 12px) !important
        }

        .top-lg-4 {
            top: var(--base-space-px-16, 16px) !important
        }

        .top-top-lg-4,
        .top-vertical-lg-4 {
            top-top: var(--base-space-px-16, 16px) !important
        }

        .top-horizontal-lg-4,
        .top-right-lg-4 {
            top-right: var(--base-space-px-16, 16px) !important
        }

        .top-bottom-lg-4,
        .top-vertical-lg-4 {
            top-bottom: var(--base-space-px-16, 16px) !important
        }

        .top-horizontal-lg-4,
        .top-left-lg-4 {
            top-left: var(--base-space-px-16, 16px) !important
        }

        .top-lg-5 {
            top: var(--base-space-px-24, 24px) !important
        }

        .top-top-lg-5,
        .top-vertical-lg-5 {
            top-top: var(--base-space-px-24, 24px) !important
        }

        .top-horizontal-lg-5,
        .top-right-lg-5 {
            top-right: var(--base-space-px-24, 24px) !important
        }

        .top-bottom-lg-5,
        .top-vertical-lg-5 {
            top-bottom: var(--base-space-px-24, 24px) !important
        }

        .top-horizontal-lg-5,
        .top-left-lg-5 {
            top-left: var(--base-space-px-24, 24px) !important
        }

        .top-lg-6 {
            top: var(--base-space-px-48, 48px) !important
        }

        .top-top-lg-6,
        .top-vertical-lg-6 {
            top-top: var(--base-space-px-48, 48px) !important
        }

        .top-horizontal-lg-6,
        .top-right-lg-6 {
            top-right: var(--base-space-px-48, 48px) !important
        }

        .top-bottom-lg-6,
        .top-vertical-lg-6 {
            top-bottom: var(--base-space-px-48, 48px) !important
        }

        .top-horizontal-lg-6,
        .top-left-lg-6 {
            top-left: var(--base-space-px-48, 48px) !important
        }

        .top-lg-7 {
            top: var(--base-space-px-64, 16px) !important
        }

        .top-top-lg-7,
        .top-vertical-lg-7 {
            top-top: var(--base-space-px-64, 16px) !important
        }

        .top-horizontal-lg-7,
        .top-right-lg-7 {
            top-right: var(--base-space-px-64, 16px) !important
        }

        .top-bottom-lg-7,
        .top-vertical-lg-7 {
            top-bottom: var(--base-space-px-64, 16px) !important
        }

        .top-horizontal-lg-7,
        .top-left-lg-7 {
            top-left: var(--base-space-px-64, 16px) !important
        }

        .bottom-lg-0 {
            bottom: var(--base-space-px-0, 0) !important
        }

        .bottom-top-lg-0,
        .bottom-vertical-lg-0 {
            bottom-top: var(--base-space-px-0, 0) !important
        }

        .bottom-horizontal-lg-0,
        .bottom-right-lg-0 {
            bottom-right: var(--base-space-px-0, 0) !important
        }

        .bottom-bottom-lg-0,
        .bottom-vertical-lg-0 {
            bottom-bottom: var(--base-space-px-0, 0) !important
        }

        .bottom-horizontal-lg-0,
        .bottom-left-lg-0 {
            bottom-left: var(--base-space-px-0, 0) !important
        }

        .bottom-lg-1 {
            bottom: var(--base-space-px-4, 4px) !important
        }

        .bottom-top-lg-1,
        .bottom-vertical-lg-1 {
            bottom-top: var(--base-space-px-4, 4px) !important
        }

        .bottom-horizontal-lg-1,
        .bottom-right-lg-1 {
            bottom-right: var(--base-space-px-4, 4px) !important
        }

        .bottom-bottom-lg-1,
        .bottom-vertical-lg-1 {
            bottom-bottom: var(--base-space-px-4, 4px) !important
        }

        .bottom-horizontal-lg-1,
        .bottom-left-lg-1 {
            bottom-left: var(--base-space-px-4, 4px) !important
        }

        .bottom-lg-2 {
            bottom: var(--base-space-px-8, 8px) !important
        }

        .bottom-top-lg-2,
        .bottom-vertical-lg-2 {
            bottom-top: var(--base-space-px-8, 8px) !important
        }

        .bottom-horizontal-lg-2,
        .bottom-right-lg-2 {
            bottom-right: var(--base-space-px-8, 8px) !important
        }

        .bottom-bottom-lg-2,
        .bottom-vertical-lg-2 {
            bottom-bottom: var(--base-space-px-8, 8px) !important
        }

        .bottom-horizontal-lg-2,
        .bottom-left-lg-2 {
            bottom-left: var(--base-space-px-8, 8px) !important
        }

        .bottom-lg-3 {
            bottom: var(--base-space-px-12, 12px) !important
        }

        .bottom-top-lg-3,
        .bottom-vertical-lg-3 {
            bottom-top: var(--base-space-px-12, 12px) !important
        }

        .bottom-horizontal-lg-3,
        .bottom-right-lg-3 {
            bottom-right: var(--base-space-px-12, 12px) !important
        }

        .bottom-bottom-lg-3,
        .bottom-vertical-lg-3 {
            bottom-bottom: var(--base-space-px-12, 12px) !important
        }

        .bottom-horizontal-lg-3,
        .bottom-left-lg-3 {
            bottom-left: var(--base-space-px-12, 12px) !important
        }

        .bottom-lg-4 {
            bottom: var(--base-space-px-16, 16px) !important
        }

        .bottom-top-lg-4,
        .bottom-vertical-lg-4 {
            bottom-top: var(--base-space-px-16, 16px) !important
        }

        .bottom-horizontal-lg-4,
        .bottom-right-lg-4 {
            bottom-right: var(--base-space-px-16, 16px) !important
        }

        .bottom-bottom-lg-4,
        .bottom-vertical-lg-4 {
            bottom-bottom: var(--base-space-px-16, 16px) !important
        }

        .bottom-horizontal-lg-4,
        .bottom-left-lg-4 {
            bottom-left: var(--base-space-px-16, 16px) !important
        }

        .bottom-lg-5 {
            bottom: var(--base-space-px-24, 24px) !important
        }

        .bottom-top-lg-5,
        .bottom-vertical-lg-5 {
            bottom-top: var(--base-space-px-24, 24px) !important
        }

        .bottom-horizontal-lg-5,
        .bottom-right-lg-5 {
            bottom-right: var(--base-space-px-24, 24px) !important
        }

        .bottom-bottom-lg-5,
        .bottom-vertical-lg-5 {
            bottom-bottom: var(--base-space-px-24, 24px) !important
        }

        .bottom-horizontal-lg-5,
        .bottom-left-lg-5 {
            bottom-left: var(--base-space-px-24, 24px) !important
        }

        .bottom-lg-6 {
            bottom: var(--base-space-px-48, 48px) !important
        }

        .bottom-top-lg-6,
        .bottom-vertical-lg-6 {
            bottom-top: var(--base-space-px-48, 48px) !important
        }

        .bottom-horizontal-lg-6,
        .bottom-right-lg-6 {
            bottom-right: var(--base-space-px-48, 48px) !important
        }

        .bottom-bottom-lg-6,
        .bottom-vertical-lg-6 {
            bottom-bottom: var(--base-space-px-48, 48px) !important
        }

        .bottom-horizontal-lg-6,
        .bottom-left-lg-6 {
            bottom-left: var(--base-space-px-48, 48px) !important
        }

        .bottom-lg-7 {
            bottom: var(--base-space-px-64, 16px) !important
        }

        .bottom-top-lg-7,
        .bottom-vertical-lg-7 {
            bottom-top: var(--base-space-px-64, 16px) !important
        }

        .bottom-horizontal-lg-7,
        .bottom-right-lg-7 {
            bottom-right: var(--base-space-px-64, 16px) !important
        }

        .bottom-bottom-lg-7,
        .bottom-vertical-lg-7 {
            bottom-bottom: var(--base-space-px-64, 16px) !important
        }

        .bottom-horizontal-lg-7,
        .bottom-left-lg-7 {
            bottom-left: var(--base-space-px-64, 16px) !important
        }

        .left-lg-0 {
            left: var(--base-space-px-0, 0) !important
        }

        .left-top-lg-0,
        .left-vertical-lg-0 {
            left-top: var(--base-space-px-0, 0) !important
        }

        .left-horizontal-lg-0,
        .left-right-lg-0 {
            left-right: var(--base-space-px-0, 0) !important
        }

        .left-bottom-lg-0,
        .left-vertical-lg-0 {
            left-bottom: var(--base-space-px-0, 0) !important
        }

        .left-horizontal-lg-0,
        .left-left-lg-0 {
            left-left: var(--base-space-px-0, 0) !important
        }

        .left-lg-1 {
            left: var(--base-space-px-4, 4px) !important
        }

        .left-top-lg-1,
        .left-vertical-lg-1 {
            left-top: var(--base-space-px-4, 4px) !important
        }

        .left-horizontal-lg-1,
        .left-right-lg-1 {
            left-right: var(--base-space-px-4, 4px) !important
        }

        .left-bottom-lg-1,
        .left-vertical-lg-1 {
            left-bottom: var(--base-space-px-4, 4px) !important
        }

        .left-horizontal-lg-1,
        .left-left-lg-1 {
            left-left: var(--base-space-px-4, 4px) !important
        }

        .left-lg-2 {
            left: var(--base-space-px-8, 8px) !important
        }

        .left-top-lg-2,
        .left-vertical-lg-2 {
            left-top: var(--base-space-px-8, 8px) !important
        }

        .left-horizontal-lg-2,
        .left-right-lg-2 {
            left-right: var(--base-space-px-8, 8px) !important
        }

        .left-bottom-lg-2,
        .left-vertical-lg-2 {
            left-bottom: var(--base-space-px-8, 8px) !important
        }

        .left-horizontal-lg-2,
        .left-left-lg-2 {
            left-left: var(--base-space-px-8, 8px) !important
        }

        .left-lg-3 {
            left: var(--base-space-px-12, 12px) !important
        }

        .left-top-lg-3,
        .left-vertical-lg-3 {
            left-top: var(--base-space-px-12, 12px) !important
        }

        .left-horizontal-lg-3,
        .left-right-lg-3 {
            left-right: var(--base-space-px-12, 12px) !important
        }

        .left-bottom-lg-3,
        .left-vertical-lg-3 {
            left-bottom: var(--base-space-px-12, 12px) !important
        }

        .left-horizontal-lg-3,
        .left-left-lg-3 {
            left-left: var(--base-space-px-12, 12px) !important
        }

        .left-lg-4 {
            left: var(--base-space-px-16, 16px) !important
        }

        .left-top-lg-4,
        .left-vertical-lg-4 {
            left-top: var(--base-space-px-16, 16px) !important
        }

        .left-horizontal-lg-4,
        .left-right-lg-4 {
            left-right: var(--base-space-px-16, 16px) !important
        }

        .left-bottom-lg-4,
        .left-vertical-lg-4 {
            left-bottom: var(--base-space-px-16, 16px) !important
        }

        .left-horizontal-lg-4,
        .left-left-lg-4 {
            left-left: var(--base-space-px-16, 16px) !important
        }

        .left-lg-5 {
            left: var(--base-space-px-24, 24px) !important
        }

        .left-top-lg-5,
        .left-vertical-lg-5 {
            left-top: var(--base-space-px-24, 24px) !important
        }

        .left-horizontal-lg-5,
        .left-right-lg-5 {
            left-right: var(--base-space-px-24, 24px) !important
        }

        .left-bottom-lg-5,
        .left-vertical-lg-5 {
            left-bottom: var(--base-space-px-24, 24px) !important
        }

        .left-horizontal-lg-5,
        .left-left-lg-5 {
            left-left: var(--base-space-px-24, 24px) !important
        }

        .left-lg-6 {
            left: var(--base-space-px-48, 48px) !important
        }

        .left-top-lg-6,
        .left-vertical-lg-6 {
            left-top: var(--base-space-px-48, 48px) !important
        }

        .left-horizontal-lg-6,
        .left-right-lg-6 {
            left-right: var(--base-space-px-48, 48px) !important
        }

        .left-bottom-lg-6,
        .left-vertical-lg-6 {
            left-bottom: var(--base-space-px-48, 48px) !important
        }

        .left-horizontal-lg-6,
        .left-left-lg-6 {
            left-left: var(--base-space-px-48, 48px) !important
        }

        .left-lg-7 {
            left: var(--base-space-px-64, 16px) !important
        }

        .left-top-lg-7,
        .left-vertical-lg-7 {
            left-top: var(--base-space-px-64, 16px) !important
        }

        .left-horizontal-lg-7,
        .left-right-lg-7 {
            left-right: var(--base-space-px-64, 16px) !important
        }

        .left-bottom-lg-7,
        .left-vertical-lg-7 {
            left-bottom: var(--base-space-px-64, 16px) !important
        }

        .left-horizontal-lg-7,
        .left-left-lg-7 {
            left-left: var(--base-space-px-64, 16px) !important
        }

        .right-lg-0 {
            right: var(--base-space-px-0, 0) !important
        }

        .right-top-lg-0,
        .right-vertical-lg-0 {
            right-top: var(--base-space-px-0, 0) !important
        }

        .right-horizontal-lg-0,
        .right-right-lg-0 {
            right-right: var(--base-space-px-0, 0) !important
        }

        .right-bottom-lg-0,
        .right-vertical-lg-0 {
            right-bottom: var(--base-space-px-0, 0) !important
        }

        .right-horizontal-lg-0,
        .right-left-lg-0 {
            right-left: var(--base-space-px-0, 0) !important
        }

        .right-lg-1 {
            right: var(--base-space-px-4, 4px) !important
        }

        .right-top-lg-1,
        .right-vertical-lg-1 {
            right-top: var(--base-space-px-4, 4px) !important
        }

        .right-horizontal-lg-1,
        .right-right-lg-1 {
            right-right: var(--base-space-px-4, 4px) !important
        }

        .right-bottom-lg-1,
        .right-vertical-lg-1 {
            right-bottom: var(--base-space-px-4, 4px) !important
        }

        .right-horizontal-lg-1,
        .right-left-lg-1 {
            right-left: var(--base-space-px-4, 4px) !important
        }

        .right-lg-2 {
            right: var(--base-space-px-8, 8px) !important
        }

        .right-top-lg-2,
        .right-vertical-lg-2 {
            right-top: var(--base-space-px-8, 8px) !important
        }

        .right-horizontal-lg-2,
        .right-right-lg-2 {
            right-right: var(--base-space-px-8, 8px) !important
        }

        .right-bottom-lg-2,
        .right-vertical-lg-2 {
            right-bottom: var(--base-space-px-8, 8px) !important
        }

        .right-horizontal-lg-2,
        .right-left-lg-2 {
            right-left: var(--base-space-px-8, 8px) !important
        }

        .right-lg-3 {
            right: var(--base-space-px-12, 12px) !important
        }

        .right-top-lg-3,
        .right-vertical-lg-3 {
            right-top: var(--base-space-px-12, 12px) !important
        }

        .right-horizontal-lg-3,
        .right-right-lg-3 {
            right-right: var(--base-space-px-12, 12px) !important
        }

        .right-bottom-lg-3,
        .right-vertical-lg-3 {
            right-bottom: var(--base-space-px-12, 12px) !important
        }

        .right-horizontal-lg-3,
        .right-left-lg-3 {
            right-left: var(--base-space-px-12, 12px) !important
        }

        .right-lg-4 {
            right: var(--base-space-px-16, 16px) !important
        }

        .right-top-lg-4,
        .right-vertical-lg-4 {
            right-top: var(--base-space-px-16, 16px) !important
        }

        .right-horizontal-lg-4,
        .right-right-lg-4 {
            right-right: var(--base-space-px-16, 16px) !important
        }

        .right-bottom-lg-4,
        .right-vertical-lg-4 {
            right-bottom: var(--base-space-px-16, 16px) !important
        }

        .right-horizontal-lg-4,
        .right-left-lg-4 {
            right-left: var(--base-space-px-16, 16px) !important
        }

        .right-lg-5 {
            right: var(--base-space-px-24, 24px) !important
        }

        .right-top-lg-5,
        .right-vertical-lg-5 {
            right-top: var(--base-space-px-24, 24px) !important
        }

        .right-horizontal-lg-5,
        .right-right-lg-5 {
            right-right: var(--base-space-px-24, 24px) !important
        }

        .right-bottom-lg-5,
        .right-vertical-lg-5 {
            right-bottom: var(--base-space-px-24, 24px) !important
        }

        .right-horizontal-lg-5,
        .right-left-lg-5 {
            right-left: var(--base-space-px-24, 24px) !important
        }

        .right-lg-6 {
            right: var(--base-space-px-48, 48px) !important
        }

        .right-top-lg-6,
        .right-vertical-lg-6 {
            right-top: var(--base-space-px-48, 48px) !important
        }

        .right-horizontal-lg-6,
        .right-right-lg-6 {
            right-right: var(--base-space-px-48, 48px) !important
        }

        .right-bottom-lg-6,
        .right-vertical-lg-6 {
            right-bottom: var(--base-space-px-48, 48px) !important
        }

        .right-horizontal-lg-6,
        .right-left-lg-6 {
            right-left: var(--base-space-px-48, 48px) !important
        }

        .right-lg-7 {
            right: var(--base-space-px-64, 16px) !important
        }

        .right-top-lg-7,
        .right-vertical-lg-7 {
            right-top: var(--base-space-px-64, 16px) !important
        }

        .right-horizontal-lg-7,
        .right-right-lg-7 {
            right-right: var(--base-space-px-64, 16px) !important
        }

        .right-bottom-lg-7,
        .right-vertical-lg-7 {
            right-bottom: var(--base-space-px-64, 16px) !important
        }

        .right-horizontal-lg-7,
        .right-left-lg-7 {
            right-left: var(--base-space-px-64, 16px) !important
        }

        .margin-lg-auto {
            margin: auto !important
        }

        .margin-top-lg-auto,
        .margin-vertical-lg-auto {
            margin-top: auto !important
        }

        .margin-horizontal-lg-auto,
        .margin-right-lg-auto {
            margin-right: auto !important
        }

        .margin-bottom-lg-auto,
        .margin-vertical-lg-auto {
            margin-bottom: auto !important
        }

        .margin-horizontal-lg-auto,
        .margin-left-lg-auto {
            margin-left: auto !important
        }
    }

    .spacer-padding-1 {
        padding: 1px !important
    }

    .spacer-padding-left-1 {
        padding-left: 1px !important
    }

    .spacer-padding-bottom-1 {
        padding-bottom: 1px !important
    }

    .spacer-padding-top-1 {
        padding-top: 1px !important
    }

    .text-size-100 {
        font-size: var(--base-type-size-xs, .72rem) !important
    }

    .text-size-200 {
        font-size: var(--base-type-size-sm, .86rem) !important
    }

    .text-size-300 {
        font-size: var(--base-type-size-md, 1rem) !important
    }

    .text-size-400 {
        font-size: var(--base-type-size-lg, 1.125rem) !important
    }

    .text-size-500 {
        font-size: var(--base-type-size-xxl, 1.5rem) !important
    }

    .text-size-600 {
        font-size: var(--base-type-size-3xl, 1.75rem) !important
    }

    .text-size-650 {
        font-size: var(--base-type-size-4xl, 2rem) !important
    }

    .text-size-700 {
        font-size: var(--base-type-size-5xl, 2.5rem) !important
    }

    .text-size-800 {
        font-size: var(--base-type-size-6xl, 3rem) !important
    }

    @media (min-width:768px) {
        .text-size-sm-100 {
            font-size: var(--base-type-size-xs, .72rem) !important
        }

        .text-size-sm-200 {
            font-size: var(--base-type-size-sm, .86rem) !important
        }

        .text-size-sm-300 {
            font-size: var(--base-type-size-md, 1rem) !important
        }

        .text-size-sm-400 {
            font-size: var(--base-type-size-lg, 1.125rem) !important
        }

        .text-size-sm-500 {
            font-size: var(--base-type-size-xxl, 1.5rem) !important
        }

        .text-size-sm-600 {
            font-size: var(--base-type-size-3xl, 1.75rem) !important
        }

        .text-size-sm-650 {
            font-size: var(--base-type-size-4xl, 2rem) !important
        }

        .text-size-sm-700 {
            font-size: var(--base-type-size-5xl, 2.5rem) !important
        }

        .text-size-sm-800 {
            font-size: var(--base-type-size-6xl, 3rem) !important
        }
    }

    @media (min-width:1024px) {
        .text-size-md-100 {
            font-size: var(--base-type-size-xs, .72rem) !important
        }

        .text-size-md-200 {
            font-size: var(--base-type-size-sm, .86rem) !important
        }

        .text-size-md-300 {
            font-size: var(--base-type-size-md, 1rem) !important
        }

        .text-size-md-400 {
            font-size: var(--base-type-size-lg, 1.125rem) !important
        }

        .text-size-md-500 {
            font-size: var(--base-type-size-xxl, 1.5rem) !important
        }

        .text-size-md-600 {
            font-size: var(--base-type-size-3xl, 1.75rem) !important
        }

        .text-size-md-650 {
            font-size: var(--base-type-size-4xl, 2rem) !important
        }

        .text-size-md-700 {
            font-size: var(--base-type-size-5xl, 2.5rem) !important
        }

        .text-size-md-800 {
            font-size: var(--base-type-size-6xl, 3rem) !important
        }
    }

    @media (min-width:1300px) {
        .text-size-lg-100 {
            font-size: var(--base-type-size-xs, .72rem) !important
        }

        .text-size-lg-200 {
            font-size: var(--base-type-size-sm, .86rem) !important
        }

        .text-size-lg-300 {
            font-size: var(--base-type-size-md, 1rem) !important
        }

        .text-size-lg-400 {
            font-size: var(--base-type-size-lg, 1.125rem) !important
        }

        .text-size-lg-500 {
            font-size: var(--base-type-size-xxl, 1.5rem) !important
        }

        .text-size-lg-600 {
            font-size: var(--base-type-size-3xl, 1.75rem) !important
        }

        .text-size-lg-650 {
            font-size: var(--base-type-size-4xl, 2rem) !important
        }

        .text-size-lg-700 {
            font-size: var(--base-type-size-5xl, 2.5rem) !important
        }

        .text-size-lg-800 {
            font-size: var(--base-type-size-6xl, 3rem) !important
        }
    }

    .text-left {
        text-align: left !important
    }

    .text-right {
        text-align: right !important
    }

    .text-center {
        text-align: center !important
    }

    .text-pre-wrap {
        white-space: pre-wrap !important
    }

    @media (min-width:768px) {
        .text-sm-left {
            text-align: left !important
        }

        .text-sm-right {
            text-align: right !important
        }

        .text-sm-center {
            text-align: center !important
        }

        .text-sm-pre-wrap {
            white-space: pre-wrap !important
        }
    }

    @media (min-width:1024px) {
        .text-md-left {
            text-align: left !important
        }

        .text-md-right {
            text-align: right !important
        }

        .text-md-center {
            text-align: center !important
        }

        .text-md-pre-wrap {
            white-space: pre-wrap !important
        }
    }

    @media (min-width:1300px) {
        .text-lg-left {
            text-align: left !important
        }

        .text-lg-right {
            text-align: right !important
        }

        .text-lg-center {
            text-align: center !important
        }

        .text-lg-pre-wrap {
            white-space: pre-wrap !important
        }
    }

    .text-light {
        font-weight: var(--base-type-weight-light, 300) !important
    }

    .text-normal {
        font-weight: var(--base-type-weight-regular, 400) !important
    }

    .text-bold {
        font-weight: var(--base-type-weight-bold, 700) !important
    }

    .text-ultra-bold {
        font-weight: var(--base-type-weight-black, 900) !important
    }

    .text-gray-darkest {
        color: var(--base-color-neutral-900, #192026) !important
    }

    .nav-tabs-container .nav-wrapper.nav-tabs-light .nav-tabs>li:not(.active)>a:hover,
    .nav-tabs-container.tabs-slider-animation .nav-wrapper.nav-tabs-light .nav-tabs>li:not(.active)>a:hover,
    .text-gray-base {
        color: var(--sem-color-content-neutral-primary, var(--base-color-neutral-800, #2d363e)) !important
    }

    .text-gray-darker,
    .text-subdued {
        color: var(--base-color-neutral-700, #414c58) !important
    }

    .nav-tabs-container .nav-wrapper.nav-tabs-light .nav-tabs>li,
    .text-gray-dark,
    .text-subdued-lighter {
        color: var(--sem-color-content-neutral-secondary, var(--base-color-neutral-600, #59636e)) !important
    }

    .text-gray,
    .text-subdued-lightest {
        color: var(--sem-color-content-neutral-tertiary, var(--base-color-neutral-500, #6d7782)) !important
    }

    .text-gray-muted,
    .text-subdued-muted {
        color: var(--base-color-neutral-400, #939da8) !important
    }

    .nav-tabs-container .nav-wrapper.nav-tabs-dark .nav-tabs>li,
    .nav-tabs-container .nav-wrapper.nav-tabs-light .nav-tabs>li.disabled>a,
    .text-gray-light,
    .text-subdued-light {
        color: var(--base-color-neutral-300, #cfd4da) !important
    }

    .nav-tabs-container .nav-wrapper.nav-tabs-dark .nav-tabs>li:not(.active)>a:hover,
    .text-gray-lighter {
        color: var(--base-color-neutral-200, #e1e4e8) !important
    }

    .text-gray-lightest {
        color: var(--base-color-neutral-100, #f8f8f8) !important
    }

    .text-blue-darkest {
        color: var(--base-color-primary-800, #012169) !important
    }

    .text-blue-darker {
        color: var(--base-color-primary-700, #0f3485) !important
    }

    .text-blue {
        color: var(--base-color-primary-600, #024aa5) !important
    }

    .text-blue-light {
        color: var(--base-color-primary-300, #8dc9ff) !important
    }

    .text-blue-lightest {
        color: var(--base-color-primary-100, #e3f2ff) !important
    }

    .text-yellow {
        color: var(--base-color-caution-500, #fdb714) !important
    }

    .text-yellow-lighter {
        color: var(--base-color-caution-200, #ffe8cf) !important
    }

    .text-yellow-lightest {
        color: var(--base-color-caution-100, #fff8e8) !important
    }

    .text-accent {
        color: var(--sem-color-content-accent-primary, var(--base-color-secondary-800, #a42c00)) !important
    }

    .text-inverse {
        color: var(--sem-color-content-neutral-inverse-primary, var(--base-color-white, #fff)) !important
    }

    .text-wrap-pretty {
        text-wrap-style: pretty
    }

    .inverted,
    .inverted .text-link:not(.btn),
    .inverted a:not(.btn) {
        color: var(--sem-color-content-neutral-inverse-primary, var(--base-color-white, #fff))
    }

    .text-saved {
        color: var(--base-color-secondary-700, #d54101)
    }

    .text-link {
        cursor: pointer;
        color: var(--comp-color-content-link-rest, var(--sem-color-content-interactive-rest, var(--base-color-primary-600, #024aa5)));
        -webkit-text-decoration: var(--comp-type-decoration-link-rest, underline);
        text-decoration: var(--comp-type-decoration-link-rest, underline)
    }

    .text-link:hover {
        color: var(--comp-color-content-link-hover, var(--sem-color-content-interactive-hover, var(--base-color-primary-700, #0f3485)));
        -webkit-text-decoration: var(--comp-type-decoration-link-hover, underline);
        text-decoration: var(--comp-type-decoration-link-hover, underline)
    }

    .text-link:active,
    .text-link:focus {
        color: var(--comp-color-content-link-pressed, var(--sem-color-content-interactive-pressed, var(--base-color-primary-800, #012169)));
        -webkit-text-decoration: var(--comp-type-decoration-link-pressed, underline);
        text-decoration: var(--comp-type-decoration-link-pressed, underline)
    }

    .text-link.inverse,
    .text-link.inverted,
    .text-link.text-inverse {
        color: var(--comp-color-content-link-inverse-rest, var(--sem-color-content-interactive-inverse-rest, var(--base-color-primary-300, #8dc9ff)));
        -webkit-text-decoration: var(--comp-type-decoration-link-inverse-rest, underline);
        text-decoration: var(--comp-type-decoration-link-inverse-rest, underline)
    }

    .text-link.inverse:hover,
    .text-link.inverted:hover,
    .text-link.text-inverse:hover {
        color: var(--comp-color-content-link-inverse-hover, var(--sem-color-content-interactive-inverse-hover, var(--base-color-primary-200, #c7e5ff)));
        -webkit-text-decoration: var(--comp-type-decoration-link-inverse-hover, underline);
        text-decoration: var(--comp-type-decoration-link-inverse-hover, underline)
    }

    .text-link.inverse:active,
    .text-link.inverse:focus,
    .text-link.inverted:active,
    .text-link.inverted:focus,
    .text-link.text-inverse:active,
    .text-link.text-inverse:focus {
        color: var(--comp-color-content-link-inverse-pressed, var(--sem-color-content-interactive-inverse-pressed, var(--base-color-primary-100, #e3f2ff)));
        -webkit-text-decoration: var(--comp-type-decoration-link-inverse-pressed, underline);
        text-decoration: var(--comp-type-decoration-link-inverse-pressed, underline)
    }

    .text-link[role=button] {
        outline: none
    }

    .text-link:focus-visible,
    .text-link[role=button]:focus-visible {
        outline: 3px solid highlight;
        outline: 3px solid -webkit-focus-ring-color
    }

    .text-link:focus:not(:focus-visible),
    .text-link[role=button]:focus:not(:focus-visible) {
        outline: none
    }

    .link-undecorated {
        text-decoration: none !important
    }

    .link-undecorated:hover {
        text-decoration: underline !important
    }

    .link-undecorated:active,
    .link-undecorated:focus {
        text-decoration: none !important
    }

    .text-inherit {
        font-weight: inherit;
        color: inherit !important
    }

    .link-unstyled {
        color: var(--base-color-neutral-800, #2d363e) !important
    }

    .link-unstyled,
    .link-unstyled:focus,
    .link-unstyled:hover {
        text-decoration: none
    }

    .link-decorated {
        text-decoration: underline
    }

    .text-small-caps {
        font-variant: small-caps
    }

    .text-line-through {
        text-decoration: line-through
    }

    .text-lowercase {
        text-transform: lowercase !important
    }

    .initialism,
    .text-uppercase {
        text-transform: uppercase !important
    }

    .text-capitalize {
        text-transform: capitalize !important
    }

    .text-overflow {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .text-antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .transparent {
        opacity: var(--base-opacity-50, 50%)
    }

    .transparent-heavy {
        opacity: var(--base-opacity-90, 90%)
    }

    .opacity-20 {
        opacity: var(--base-opacity-20, 20%)
    }

    .refresh .refreshed-hero {
        position: relative
    }

    @media screen and (max-width:767px) {
        .refresh .refreshed-hero {
            flex-direction: column;
            display: flex
        }
    }

    .refresh .refreshed-hero .search-tabs {
        min-height: 168px
    }

    .refresh .refreshed-hero .container,
    .refresh .refreshed-hero .hero .container .superhero,
    .refresh .refreshed-hero .superhero {
        height: 330px
    }

    .refresh .refreshed-hero .container.hero-positioned-overlay,
    .refresh .refreshed-hero .hero .container .superhero.hero-positioned-overlay,
    .refresh .refreshed-hero .superhero.hero-positioned-overlay {
        display: none
    }

    @media screen and (max-width:767px) {

        .refresh .refreshed-hero .container,
        .refresh .refreshed-hero .hero .container .superhero,
        .refresh .refreshed-hero .superhero {
            z-index: 1;
            order: 2;
            margin-top: 20px;
            margin-bottom: 40px;
            position: relative
        }

        .refresh .refreshed-hero .container picture,
        .refresh .refreshed-hero .hero .container .superhero picture,
        .refresh .refreshed-hero .superhero picture {
            width: calc(100% + 1px);
            display: block;
            position: relative;
            left: -1px
        }
    }

    @media screen and (min-width:768px) {

        .refresh .refreshed-hero .container,
        .refresh .refreshed-hero .hero .container .superhero,
        .refresh .refreshed-hero .superhero {
            height: 558px
        }
    }

    .refresh .refreshed-hero .play-video-button {
        cursor: pointer;
        opacity: .7
    }

    .refresh .refreshed-hero .play-video-button:hover {
        opacity: .9
    }

    .refresh .refreshed-hero .play-video-button:active {
        opacity: 1
    }

    @media screen and (min-width:1024px) {
        .refresh .refreshed-hero .play-video-button {
            top: 50%;
            left: 175%
        }
    }

    @media screen and (min-width:768px) and (max-width:1023px) {
        .refresh .refreshed-hero .play-video-button {
            top: 50%;
            left: 100%
        }
    }

    @media screen and (max-width:767px) {

        .refresh .refreshed-hero .hero,
        .refresh .refreshed-hero .hero.superhero .heroImgWrapper {
            z-index: 1;
            order: 2;
            position: relative
        }
    }

    @media screen and (min-width:1300px) {

        .refresh .refreshed-hero .hero,
        .refresh .refreshed-hero .hero.superhero .heroImgWrapper {
            height: 558px
        }
    }

    .refresh .search-box-container {
        z-index: 48;
        order: 1;
        position: relative;
        top: 60px;
        bottom: 64px
    }

    .refresh .search-box-container .hyundai-online-button-container {
        padding-bottom: var(--base-space-px-24)
    }

    @media screen and (min-width:1024px) {
        .refresh .search-box-container .hyundai-online-button-container {
            padding-bottom: var(--base-space-px-16)
        }
    }

    @media screen and (min-width:768px) {
        .refresh .search-box-container {
            top: auto;
            padding-left: 24px;
            display: block;
            position: absolute
        }
    }

    @media screen and (min-width:1024px) {
        .refresh .search-box-container {
            padding-left: 32px
        }
    }

    @media screen and (min-width:1280px) {
        .refresh .search-box-container {
            padding-left: 48px
        }
    }

    @media screen and (min-width:1552px) {
        .refresh .search-box-container {
            left: calc(50% - 776px)
        }
    }

    @media screen and (min-width:1024px) {
        .refresh .search-box-container.has-hyundai-cta {
            top: 100px
        }
    }

    .refresh .search-box-container .search-box-width {
        width: 100%
    }

    @media screen and (min-width:768px) {
        .refresh .search-box-container .search-box-width {
            width: 356px
        }
    }

    @media screen and (min-width:1024px) {
        .refresh .search-box-container .search-box-width {
            width: 484px
        }
    }

    @media screen and (min-width:1300px) {
        .refresh .search-box-container .search-box-width {
            width: 520px
        }
    }

    .refresh .search-box-container .search-box {
        background-image: radial-gradient(farthest-side at 80% 80%, var(--base-color-primary-600), #061c50);
        border-radius: 0;
        padding: 24px 16px 32px;
        line-height: 1.2
    }

    @media screen and (min-width:768px) {
        .refresh .search-box-container .search-box {
            border-radius: 40px;
            padding: 24px 24px 32px
        }
    }

    @media screen and (min-width:1024px) {
        .refresh .search-box-container .search-box {
            padding: 32px 32px 48px
        }
    }

    .refresh .search-box-container .search-box .hyundai-online-button {
        width: 100%;
        padding-top: 1px
    }

    .refresh .search-box-container .search-box .heading {
        font-size: 32px;
        line-height: 1.2
    }

    @media screen and (min-width:1024px) {
        .refresh .search-box-container .search-box .heading {
            font-size: 48px
        }
    }

    .refresh .search-box-container .search-box .links-container {
        color: #fff;
        line-height: 2
    }

    .refresh .search-box-container .search-box .links-container .text-link,
    .refresh .search-box-container .search-box .links-container a {
        color: #8dc9ff
    }

    .refresh .search-box-container .has-error>input,
    .refresh .search-box-container .has-error>input:hover {
        color: #cfd4da !important;
        background-color: #6d77824d !important
    }

    .refresh .search-box-container .search-box-dropdown svg>path {
        fill: #939da8
    }

    .refresh .search-box-container .form-control,
    .refresh .search-box-container .form-control.form-group.has-error {
        background-color: #6d77824d;
        border-color: #fff6;
        color: #cfd4da !important
    }

    .refresh .search-box-container .form-control input:-webkit-autofill,
    .refresh .search-box-container .form-control input:-webkit-autofill:focus {
        color: #cfd4da !important;
        -webkit-text-fill-color: #cfd4da !important;
        background-color: #6d77824d !important;
        border-color: #fff6 !important;
        -webkit-box-shadow: inset 0 0 0 1000px #6d77824d !important
    }

    .refresh .search-box-container .form-control input:-webkit-autofill:active,
    .refresh .search-box-container .form-control input:-webkit-autofill:hover {
        color: #cfd4da !important;
        -webkit-text-fill-color: #cfd4da !important;
        background-color: #6d77824d !important;
        border-color: #fff6 !important;
        -webkit-box-shadow: inset 0 0 0 1000px #6d77824d !important
    }

    .refresh .search-box-container .form-control:focus {
        background-color: #6d77824d;
        border-color: #fff6;
        color: #cfd4da !important
    }

    .refresh .search-box-container .form-control select {
        background-color: #6d7782;
        border-color: #fff6;
        color: #cfd4da !important
    }

    .refresh .search-box-container .form-control option {
        background-color: #6d7782;
        border-color: #fff6;
        color: #fff !important
    }

    .refresh .search-box-container .form-control option:active,
    .refresh .search-box-container .form-control option:focus,
    .refresh .search-box-container .form-control option:hover {
        background-color: #6d7782;
        border-color: #fff6;
        color: #cfd4da !important
    }

    .refresh .search-box-container .form-control option:checked {
        background-color: #6d7782;
        color: #c7e5ff !important
    }

    .refresh .search-box-container .form-control optgroup {
        background-color: #6d7782;
        border-color: #fff6;
        color: #fff !important
    }

    .refresh .search-box-container .form-control optgroup:active,
    .refresh .search-box-container .form-control optgroup:focus,
    .refresh .search-box-container .form-control optgroup:hover {
        background-color: #6d7782;
        border-color: #fff6;
        color: #cfd4da !important
    }

    .refresh .search-box-container .form-control optgroup:checked {
        background-color: #6d7782;
        color: #c7e5ff !important
    }

    .refresh .search-box-container .form-control.zip-input::placeholder {
        color: #cfd4da
    }

    .refresh .search-box-container .form-control.zip-input:-ms-placeholder-shown {
        color: #cfd4da
    }

    .refresh .search-box-container .form-control.zip-input:not(:placeholder-shown) {
        color: #fff !important
    }

    .refresh .search-box-container .search-box-with-tabs {
        padding: var(--base-space-px-4)var(--base-space-px-16)var(--base-space-px-16)var(--base-space-px-16);
        background-image: radial-gradient(farthest-side at 80% 80%, var(--base-color-primary-600), #061c50);
        border-radius: 0;
        line-height: 1.2
    }

    .refresh .search-box-container .search-box-with-tabs .nl-search-input .glyphicon-ai-search:before {
        color: #ff821c !important
    }

    .refresh .search-box-container .search-box-with-tabs .nl-search-input .form-control::placeholder {
        color: #cfd4da !important
    }

    @media screen and (min-width:768px) {
        .refresh .search-box-container .search-box-with-tabs {
            padding: var(--base-space-px-24);
            border-radius: 32px
        }
    }

    @media screen and (min-width:1024px) {
        .refresh .search-box-container .search-box-with-tabs {
            padding: var(--base-space-px-32);
            padding-bottom: var(--base-space-px-48)
        }
    }

    .refresh .search-box-container .search-box-with-tabs .hyundai-online-button-container {
        padding-bottom: var(--base-space-px-0)
    }

    .refresh .search-box-container .search-box-with-tabs .links-container {
        margin-top: var(--base-space-px-12);
        display: inline-table
    }

    @media screen and (min-width:1024px) {
        .refresh .search-box-container .search-box-with-tabs .links-container {
            margin-top: var(--base-space-px-16)
        }
    }

    .refresh .search-box-container .search-box-with-tabs .links-container .text-link,
    .refresh .search-box-container .search-box-with-tabs .links-container a {
        color: #8dc9ff
    }

    .refresh .search-box-container .search-box-with-tabs .tab-content {
        padding-top: var(--base-space-px-16)
    }

    @media screen and (max-width:1024px) {
        .refresh .search-box-container .search-box-with-tabs .tab-content {
            padding-top: var(--base-space-px-12)
        }
    }

    .refresh .search-box-container .search-box-with-tabs .nav-tabs {
        justify-content: flex-start;
        align-self: flex-start
    }

    .refresh .search-box-container .search-box-with-tabs .nav-tabs .nav-tabs-items-wrapper {
        box-shadow: inset 0 -2px 0 -1px, 0 #fff
    }

    .refresh .search-box-container .search-box-with-tabs .nav-tabs li {
        margin-right: var(--base-space-px-32)
    }

    .refresh .search-box-container .search-box-with-tabs .nav-tabs a {
        padding-left: var(--base-space-px-0);
        padding-right: var(--base-space-px-0)
    }

    .refresh .search-box-container .search-box-with-tabs .nav-tabs-items-wrapper {
        box-shadow: inset 0 -2px 0 -1px var(--base-color-white-alpha-40, var(--base-color-white, #fff))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .refresh .search-box-container .search-box-with-tabs .nav-tabs-items-wrapper {
            box-shadow: inset 0 -2px 0 -1px var(--base-color-white-alpha-40, color-mix(in srgb, var(--base-color-white, #fff)40%, transparent))
        }
    }

    .refresh .search-box-container .search-box-with-tabs .hyundai-online-button {
        width: 100%;
        padding-top: 1px
    }

    .refresh .search-box-container .search-box-with-tabs .heading {
        line-height: 1.2;
        font-size: var(--base-space-px-32)
    }

    @media screen and (min-width:1024px) {
        .refresh .search-box-container .search-box-with-tabs .heading {
            font-size: 40px
        }
    }

    .refresh .search-box-container .search-box-with-tabs .input-container {
        margin: var(--base-space-px-0)
    }

    .refresh .search-box-container .search-box-with-tabs .input-container.has-hyundai-cta {
        margin-top: 0;
        margin-bottom: 12px
    }

    @media screen and (min-width:1024px) {
        .refresh .search-box-container .search-box-with-tabs .input-container.has-hyundai-cta {
            margin-bottom: var(--base-space-px-16)
        }
    }

    .refresh .search-box-container .search-box-with-tabs .input-container .left-side {
        padding-right: 6px;
        padding-left: var(--base-space-px-0)
    }

    @media screen and (min-width:1024px) {
        .refresh .search-box-container .search-box-with-tabs .input-container .left-side {
            padding-right: var(--base-space-px-8)
        }
    }

    .refresh .search-box-container .search-box-with-tabs .input-container .right-side {
        padding-right: var(--base-space-px-0);
        padding-left: 6px
    }

    @media screen and (min-width:1024px) {
        .refresh .search-box-container .search-box-with-tabs .input-container .right-side {
            padding-left: var(--base-space-px-8)
        }
    }

    .refresh .search-box-container .search-box-with-tabs .input-container .form-group {
        margin-bottom: var(--base-space-px-0)
    }

    .refresh .search-box-container .search-box-with-tabs .input-container .form-group select {
        margin-bottom: var(--base-space-px-12)
    }

    @media screen and (min-width:1024px) {
        .refresh .search-box-container .search-box-with-tabs .input-container .form-group select {
            margin-bottom: var(--base-space-px-16)
        }
    }

    .refresh .hero-hot-spot {
        z-index: 4;
        cursor: pointer;
        width: 100%;
        max-width: 1300px;
        height: 100px;
        position: absolute;
        top: 65%;
        left: 50%;
        transform: translate(-50%)
    }

    @media screen and (min-width:768px) {
        .refresh .hero-hot-spot {
            height: 300px;
            top: 20%
        }
    }

    .refresh .play-button-container {
        z-index: 6;
        cursor: pointer;
        width: 100px;
        height: 100px;
        margin-left: -6px;
        position: absolute;
        top: 65%;
        left: 50%;
        transform: translate(-50%)
    }

    @media screen and (min-width:768px) {
        .refresh .play-button-container {
            width: 158px;
            height: 158px;
            margin-left: auto;
            top: 20%
        }
    }

    .refresh .play-button-container.hp {
        z-index: 6
    }

    .refresh .search-box-container .glyphicon-ai-search {
        color: var(--sem-color-content-accent-inverse-secondary) !important
    }

    .refresh .search-box-container .ai-search-icon-focused {
        color: var(--sem-color-content-accent-secondary) !important
    }

    .refresh .search-box-container .autocomplete .form-group {
        margin-bottom: 0
    }

    .refresh .search-box-container input.form-control[data-cmp=nlSearch]::placeholder {
        color: var(--comp-color-content-input-placeholder-inverse-rest)
    }

    .refresh .search-box-container input.form-control[data-cmp=nlSearch]:focus {
        background-color: var(--sem-color-background-neutral-tertiary);
        color: var(--comp-color-content-input-value-active) !important
    }

    .refresh .search-box-container input.form-control[data-cmp=nlSearch]:focus::placeholder {
        color: var(--sem-color-content-neutral-secondary)
    }
}

@layer components {
    .input {
        height: var(--comp-size-height-input);
        justify-content: space-between;
        align-items: center;
        column-gap: var(--base-space-px-16);
        border-radius: var(--comp-size-radius-input);
        border-style: var(--tw-border-style);
        width: 100%;
        padding-inline: var(--comp-space-padding-input-horizontal);
        padding-block: var(--comp-space-padding-text-input-vertical);
        font-size: var(--comp-type-size-input-value);
        --tw-leading: var(--comp-type-leading-input-value);
        line-height: var(--comp-type-leading-input-value);
        --tw-font-weight: var(--comp-type-weight-input-value);
        font-weight: var(--comp-type-weight-input-value);
        --tw-outline-style: none;
        border-width: 1px;
        outline-style: none;
        display: flex
    }

    .input:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
    }

    .input:disabled {
        cursor: not-allowed;
        opacity: var(--sem-opacity-interactive-disabled)
    }

    .iris\:small-caps {
        font-variant: small-caps
    }
}

@layer utilities {
    .iris\:\@container {
        container-type: inline-size
    }

    .iris\:pointer-events-auto {
        pointer-events: auto
    }

    .iris\:pointer-events-none {
        pointer-events: none
    }

    .iris\:invisible {
        visibility: hidden
    }

    .iris\:sr-only {
        clip-path: inset(50%);
        white-space: nowrap;
        border-width: 0;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden
    }

    .iris\:absolute,
    .iris\:sr-only {
        position: absolute
    }

    .iris\:fixed {
        position: fixed
    }

    .iris\:relative {
        position: relative
    }

    .iris\:sticky {
        position: sticky
    }

    .iris\:inset-0 {
        inset: calc(var(--iris-spacing)*0)
    }

    .iris\:top-\(--base-space-px-8\) {
        top: var(--base-space-px-8)
    }

    .iris\:top-0 {
        top: calc(var(--iris-spacing)*0)
    }

    .iris\:top-1\/2 {
        top: 50%
    }

    .iris\:top-\[-1\.1px\] {
        top: -1.1px
    }

    .iris\:top-\[10\%\] {
        top: 10%
    }

    .iris\:top-\[45\%\] {
        top: 45%
    }

    .iris\:top-\[70\%\] {
        top: 70%
    }

    .iris\:top-\[unset\] {
        top: unset
    }

    .iris\:top-full {
        top: 100%
    }

    .iris\:top-px {
        top: 1px
    }

    .iris\:right-0 {
        right: calc(var(--iris-spacing)*0)
    }

    .iris\:right-1\/4 {
        right: 25%
    }

    .iris\:right-4 {
        right: calc(var(--iris-spacing)*4)
    }

    .iris\:-bottom-px {
        bottom: -1px
    }

    .iris\:bottom-0 {
        bottom: calc(var(--iris-spacing)*0)
    }

    .iris\:bottom-4 {
        bottom: calc(var(--iris-spacing)*4)
    }

    .iris\:left-0 {
        left: calc(var(--iris-spacing)*0)
    }

    .iris\:left-1\/2 {
        left: 50%
    }

    .iris\:left-1\/4 {
        left: 25%
    }

    .iris\:left-\[var\(--comp-size-border-input\)\] {
        left: var(--comp-size-border-input)
    }

    .iris\:z-0 {
        z-index: 0
    }

    .iris\:z-1 {
        z-index: 1
    }

    .iris\:z-10 {
        z-index: 10
    }

    .iris\:z-20 {
        z-index: 20
    }

    .iris\:z-50 {
        z-index: 50
    }

    .iris\:z-99 {
        z-index: 99
    }

    .iris\:z-100 {
        z-index: 100
    }

    .iris\:z-999 {
        z-index: 999
    }

    .iris\:z-\[1\] {
        z-index: 1
    }

    .iris\:z-\[100\] {
        z-index: 100
    }

    .iris\:z-\[101\] {
        z-index: 101
    }

    .iris\:z-\[1000\] {
        z-index: 1000
    }

    .iris\:order-0 {
        order: 0
    }

    .iris\:order-1 {
        order: 1
    }

    .iris\:order-2 {
        order: 2
    }

    .iris\:order-last {
        order: 9999
    }

    .iris\:\[grid-column\:2\] {
        grid-column: 2
    }

    .iris\:col-span-1 {
        grid-column: span 1/span 1
    }

    .iris\:col-span-2 {
        grid-column: span 2/span 2
    }

    .iris\:col-span-3 {
        grid-column: span 3/span 3
    }

    .iris\:col-span-4 {
        grid-column: span 4/span 4
    }

    .iris\:col-span-5 {
        grid-column: span 5/span 5
    }

    .iris\:col-span-6 {
        grid-column: span 6/span 6
    }

    .iris\:col-span-7 {
        grid-column: span 7/span 7
    }

    .iris\:col-span-8 {
        grid-column: span 8/span 8
    }

    .iris\:col-span-9 {
        grid-column: span 9/span 9
    }

    .iris\:col-span-10 {
        grid-column: span 10/span 10
    }

    .iris\:col-span-11 {
        grid-column: span 11/span 11
    }

    .iris\:col-span-12 {
        grid-column: span 12/span 12
    }

    .iris\:\[grid-row\:1\] {
        grid-row: 1
    }

    .iris\:row-span-1 {
        grid-row: span 1/span 1
    }

    .iris\:row-span-2 {
        grid-row: span 2/span 2
    }

    .iris\:row-span-3 {
        grid-row: span 3/span 3
    }

    .iris\:row-span-4 {
        grid-row: span 4/span 4
    }

    .iris\:row-span-5 {
        grid-row: span 5/span 5
    }

    .iris\:row-span-6 {
        grid-row: span 6/span 6
    }

    .iris\:m-\(--base-space-px-8\) {
        margin: var(--base-space-px-8)
    }

    .iris\:m-\(--comp-space-padding-toast-horizonal\) {
        margin: var(--comp-space-padding-toast-horizonal)
    }

    .iris\:m-0 {
        margin: calc(var(--iris-spacing)*0)
    }

    .iris\:m-\[unset\] {
        margin: unset
    }

    .iris\:mx-\(--sem-space-page-margin-sm\) {
        margin-inline: var(--sem-space-page-margin-sm)
    }

    .iris\:mx-0 {
        margin-inline: calc(var(--iris-spacing)*0)
    }

    .iris\:mx-3 {
        margin-inline: calc(var(--iris-spacing)*3)
    }

    .iris\:mx-auto {
        margin-inline: auto
    }

    .iris\:my-6 {
        margin-block: calc(var(--iris-spacing)*6)
    }

    .iris\:mt-\(--base-space-px-8\) {
        margin-top: var(--base-space-px-8)
    }

    .iris\:mt-1 {
        margin-top: calc(var(--iris-spacing)*1)
    }

    .iris\:mt-2 {
        margin-top: calc(var(--iris-spacing)*2)
    }

    .iris\:mt-2\.5 {
        margin-top: calc(var(--iris-spacing)*2.5)
    }

    .iris\:mt-4 {
        margin-top: calc(var(--iris-spacing)*4)
    }

    .iris\:mt-5 {
        margin-top: calc(var(--iris-spacing)*5)
    }

    .iris\:mt-10 {
        margin-top: calc(var(--iris-spacing)*10)
    }

    .iris\:mt-auto {
        margin-top: auto
    }

    .iris\:mr-\(--base-space-px-neg-1\) {
        margin-right: var(--base-space-px-neg-1)
    }

    .iris\:mr-\(--comp-space-gap-carousel-item\) {
        margin-right: var(--comp-space-gap-carousel-item)
    }

    .iris\:mr-\(--comp-space-gap-check-radio\) {
        margin-right: var(--comp-space-gap-check-radio)
    }

    .iris\:mr-\(--comp-space-gap-label-tag-icon\) {
        margin-right: var(--comp-space-gap-label-tag-icon)
    }

    .iris\:mr-\(--comp-space-padding-carousel-controls-all\) {
        margin-right: var(--comp-space-padding-carousel-controls-all)
    }

    .iris\:mr-0 {
        margin-right: calc(var(--iris-spacing)*0)
    }

    .iris\:mr-1 {
        margin-right: calc(var(--iris-spacing)*1)
    }

    .iris\:mr-auto {
        margin-right: auto
    }

    .iris\:mb-\(--base-space-px-16\) {
        margin-bottom: var(--base-space-px-16)
    }

    .iris\:mb-0 {
        margin-bottom: calc(var(--iris-spacing)*0)
    }

    .iris\:mb-0\.5 {
        margin-bottom: calc(var(--iris-spacing)*.5)
    }

    .iris\:mb-2 {
        margin-bottom: calc(var(--iris-spacing)*2)
    }

    .iris\:mb-3 {
        margin-bottom: calc(var(--iris-spacing)*3)
    }

    .iris\:mb-4 {
        margin-bottom: calc(var(--iris-spacing)*4)
    }

    .iris\:mb-6 {
        margin-bottom: calc(var(--iris-spacing)*6)
    }

    .iris\:mb-10 {
        margin-bottom: calc(var(--iris-spacing)*10)
    }

    .iris\:mb-12 {
        margin-bottom: calc(var(--iris-spacing)*12)
    }

    .iris\:mb-\[5px\] {
        margin-bottom: 5px
    }

    .iris\:ml-\(--base-space-px-12\) {
        margin-left: var(--base-space-px-12)
    }

    .iris\:ml-\(--comp-space-padding-carousel-controls-all\) {
        margin-left: var(--comp-space-padding-carousel-controls-all)
    }

    .iris\:ml-1 {
        margin-left: calc(var(--iris-spacing)*1)
    }

    .iris\:ml-auto {
        margin-left: auto
    }

    .iris\:box-border {
        box-sizing: border-box
    }

    .iris\:box-content {
        box-sizing: content-box
    }

    .iris\:block {
        display: block
    }

    .iris\:contents {
        display: contents
    }

    .iris\:flex {
        display: flex
    }

    .iris\:grid {
        display: grid
    }

    .iris\:hidden {
        display: none
    }

    .iris\:inline {
        display: inline
    }

    .iris\:inline-block {
        display: inline-block
    }

    .iris\:inline-flex {
        display: inline-flex
    }

    .iris\:size-\(--base-space-px-16\) {
        width: var(--base-space-px-16);
        height: var(--base-space-px-16)
    }

    .iris\:size-\(--base-space-px-32\) {
        width: var(--base-space-px-32);
        height: var(--base-space-px-32)
    }

    .iris\:size-\(--comp-size-box-accordion-icon-container\) {
        width: var(--comp-size-box-accordion-icon-container);
        height: var(--comp-size-box-accordion-icon-container)
    }

    .iris\:size-\(--comp-size-box-calendar-items\) {
        width: var(--comp-size-box-calendar-items);
        height: var(--comp-size-box-calendar-items)
    }

    .iris\:size-\(--comp-size-box-check-radio-control\) {
        width: var(--comp-size-box-check-radio-control);
        height: var(--comp-size-box-check-radio-control)
    }

    .iris\:size-\(--comp-size-box-control-button\) {
        width: var(--comp-size-box-control-button);
        height: var(--comp-size-box-control-button)
    }

    .iris\:size-\(--comp-size-box-message-input-button\) {
        width: var(--comp-size-box-message-input-button);
        height: var(--comp-size-box-message-input-button)
    }

    .iris\:size-\(--comp-size-box-pagination-button\) {
        width: var(--comp-size-box-pagination-button);
        height: var(--comp-size-box-pagination-button)
    }

    .iris\:size-\(--comp-size-box-pagination-item\) {
        width: var(--comp-size-box-pagination-item);
        height: var(--comp-size-box-pagination-item)
    }

    .iris\:size-\(--comp-size-box-slider-handle\) {
        width: var(--comp-size-box-slider-handle);
        height: var(--comp-size-box-slider-handle)
    }

    .iris\:size-\(--comp-size-box-spinner-lg\) {
        width: var(--comp-size-box-spinner-lg);
        height: var(--comp-size-box-spinner-lg)
    }

    .iris\:size-\(--comp-size-box-spinner-md\) {
        width: var(--comp-size-box-spinner-md);
        height: var(--comp-size-box-spinner-md)
    }

    .iris\:size-\(--comp-size-box-spinner-sm\) {
        width: var(--comp-size-box-spinner-sm);
        height: var(--comp-size-box-spinner-sm)
    }

    .iris\:size-\(--comp-size-box-spinner-xl\) {
        width: var(--comp-size-box-spinner-xl);
        height: var(--comp-size-box-spinner-xl)
    }

    .iris\:size-\(--comp-size-box-step-indicator-mobile\) {
        width: var(--comp-size-box-step-indicator-mobile);
        height: var(--comp-size-box-step-indicator-mobile)
    }

    .iris\:size-\(--comp-size-box-toggle-switch-handle\) {
        width: var(--comp-size-box-toggle-switch-handle);
        height: var(--comp-size-box-toggle-switch-handle)
    }

    .iris\:size-\(--comp-size-icon-accordion\) {
        width: var(--comp-size-icon-accordion);
        height: var(--comp-size-icon-accordion)
    }

    .iris\:size-\(--comp-size-icon-alert\) {
        width: var(--comp-size-icon-alert);
        height: var(--comp-size-icon-alert)
    }

    .iris\:size-\(--comp-size-icon-button-lg\) {
        width: var(--comp-size-icon-button-lg);
        height: var(--comp-size-icon-button-lg)
    }

    .iris\:size-\(--comp-size-icon-button-md\) {
        width: var(--comp-size-icon-button-md);
        height: var(--comp-size-icon-button-md)
    }

    .iris\:size-\(--comp-size-icon-button-sm\) {
        width: var(--comp-size-icon-button-sm);
        height: var(--comp-size-icon-button-sm)
    }

    .iris\:size-\(--comp-size-icon-calendar\) {
        width: var(--comp-size-icon-calendar);
        height: var(--comp-size-icon-calendar)
    }

    .iris\:size-\(--comp-size-icon-carousel-button\) {
        width: var(--comp-size-icon-carousel-button);
        height: var(--comp-size-icon-carousel-button)
    }

    .iris\:size-\(--comp-size-icon-control-button\) {
        width: var(--comp-size-icon-control-button);
        height: var(--comp-size-icon-control-button)
    }

    .iris\:size-\(--comp-size-icon-icon-button-md\) {
        width: var(--comp-size-icon-icon-button-md);
        height: var(--comp-size-icon-icon-button-md)
    }

    .iris\:size-\(--comp-size-icon-icon-button-sm\) {
        width: var(--comp-size-icon-icon-button-sm);
        height: var(--comp-size-icon-icon-button-sm)
    }

    .iris\:size-\(--comp-size-icon-label-tag\) {
        width: var(--comp-size-icon-label-tag);
        height: var(--comp-size-icon-label-tag)
    }

    .iris\:size-\(--comp-size-icon-message-input\) {
        width: var(--comp-size-icon-message-input);
        height: var(--comp-size-icon-message-input)
    }

    .iris\:size-\(--comp-size-icon-pagination-button\) {
        width: var(--comp-size-icon-pagination-button);
        height: var(--comp-size-icon-pagination-button)
    }

    .iris\:size-\(--comp-size-icon-quick-tip\) {
        width: var(--comp-size-icon-quick-tip);
        height: var(--comp-size-icon-quick-tip)
    }

    .iris\:size-\(--comp-size-icon-sheet-header\) {
        width: var(--comp-size-icon-sheet-header);
        height: var(--comp-size-icon-sheet-header)
    }

    .iris\:size-\(--comp-size-icon-step-indicator-mobile\) {
        width: var(--comp-size-icon-step-indicator-mobile);
        height: var(--comp-size-icon-step-indicator-mobile)
    }

    .iris\:size-\(--comp-size-icon-video-play-button-lg\) {
        width: var(--comp-size-icon-video-play-button-lg);
        height: var(--comp-size-icon-video-play-button-lg)
    }

    .iris\:size-\(--comp-size-icon-video-trigger-button-md\) {
        width: var(--comp-size-icon-video-trigger-button-md);
        height: var(--comp-size-icon-video-trigger-button-md)
    }

    .iris\:size-2\.5 {
        width: calc(var(--iris-spacing)*2.5);
        height: calc(var(--iris-spacing)*2.5)
    }

    .iris\:size-4 {
        width: calc(var(--iris-spacing)*4);
        height: calc(var(--iris-spacing)*4)
    }

    .iris\:size-full {
        width: 100%;
        height: 100%
    }

    .iris\:h-\(--base-space-px-1\) {
        height: var(--base-space-px-1)
    }

    .iris\:h-\(--base-space-px-16\) {
        height: var(--base-space-px-16)
    }

    .iris\:h-\(--base-space-px-20\) {
        height: var(--base-space-px-20)
    }

    .iris\:h-\(--base-space-px-64\) {
        height: var(--base-space-px-64)
    }

    .iris\:h-\(--base-space-px-80\) {
        height: var(--base-space-px-80)
    }

    .iris\:h-\(--comp-size-border-step-indicator-track-mobile\) {
        height: var(--comp-size-border-step-indicator-track-mobile)
    }

    .iris\:h-\(--comp-size-box-avatar-lg\) {
        height: var(--comp-size-box-avatar-lg)
    }

    .iris\:h-\(--comp-size-box-avatar-md\) {
        height: var(--comp-size-box-avatar-md)
    }

    .iris\:h-\(--comp-size-box-avatar-sm\) {
        height: var(--comp-size-box-avatar-sm)
    }

    .iris\:h-\(--comp-size-box-carousel-button\) {
        height: var(--comp-size-box-carousel-button)
    }

    .iris\:h-\(--comp-size-box-progress-bar-large\) {
        height: var(--comp-size-box-progress-bar-large)
    }

    .iris\:h-\(--comp-size-box-progress-bar-medium\) {
        height: var(--comp-size-box-progress-bar-medium)
    }

    .iris\:h-\(--comp-size-box-slider-target\) {
        height: var(--comp-size-box-slider-target)
    }

    .iris\:h-\(--comp-size-box-star-rating-abbr-lg\) {
        height: var(--comp-size-box-star-rating-abbr-lg)
    }

    .iris\:h-\(--comp-size-box-star-rating-abbr-md\) {
        height: var(--comp-size-box-star-rating-abbr-md)
    }

    .iris\:h-\(--comp-size-box-star-rating-abbr-sm\) {
        height: var(--comp-size-box-star-rating-abbr-sm)
    }

    .iris\:h-\(--comp-size-box-star-rating-abbr-xl\) {
        height: var(--comp-size-box-star-rating-abbr-xl)
    }

    .iris\:h-\(--comp-size-box-toggle-switch-track-height\) {
        height: var(--comp-size-box-toggle-switch-track-height)
    }

    .iris\:h-\(--comp-size-box-video-trigger-button-lg\) {
        height: var(--comp-size-box-video-trigger-button-lg)
    }

    .iris\:h-\(--comp-size-box-video-trigger-button-md\) {
        height: var(--comp-size-box-video-trigger-button-md)
    }

    .iris\:h-\(--comp-size-height-button-lg\) {
        height: var(--comp-size-height-button-lg)
    }

    .iris\:h-\(--comp-size-height-button-md\) {
        height: var(--comp-size-height-button-md)
    }

    .iris\:h-\(--comp-size-height-button-sm\) {
        height: var(--comp-size-height-button-sm)
    }

    .iris\:h-\(--comp-size-height-chip-action\) {
        height: var(--comp-size-height-chip-action)
    }

    .iris\:h-\(--comp-size-height-chip-filter\) {
        height: var(--comp-size-height-chip-filter)
    }

    .iris\:h-\(--comp-size-height-chip-toggle\) {
        height: var(--comp-size-height-chip-toggle)
    }

    .iris\:h-\(--comp-size-height-input\) {
        height: var(--comp-size-height-input)
    }

    .iris\:h-\(--comp-size-height-listbox-item-desktop\) {
        height: var(--comp-size-height-listbox-item-desktop)
    }

    .iris\:h-\(--comp-size-height-meter-bar\) {
        height: var(--comp-size-height-meter-bar)
    }

    .iris\:h-\(--comp-size-height-slider-track\) {
        height: var(--comp-size-height-slider-track)
    }

    .iris\:h-\(--comp-size-height-tabs-pill\) {
        height: var(--comp-size-height-tabs-pill)
    }

    .iris\:h-\(--comp-size-icon-input-helper\) {
        height: var(--comp-size-icon-input-helper)
    }

    .iris\:h-\(--comp-size-icon-link-lg\) {
        height: var(--comp-size-icon-link-lg)
    }

    .iris\:h-\(--comp-size-icon-link-md\) {
        height: var(--comp-size-icon-link-md)
    }

    .iris\:h-\(--comp-size-icon-link-sm\) {
        height: var(--comp-size-icon-link-sm)
    }

    .iris\:h-\(--comp-size-icon-link-xs\) {
        height: var(--comp-size-icon-link-xs)
    }

    .iris\:h-\(--comp-size-icon-link-xxs\) {
        height: var(--comp-size-icon-link-xxs)
    }

    .iris\:h-\(--comp-size-icon-listbox\) {
        height: var(--comp-size-icon-listbox)
    }

    .iris\:h-\(--comp-size-icon-sheet-header\) {
        height: var(--comp-size-icon-sheet-header)
    }

    .iris\:h-\(size\:--comp-size-height-check-radio-control\) {
        height: var(--comp-size-height-check-radio-control)
    }

    .iris\:h-0 {
        height: calc(var(--iris-spacing)*0)
    }

    .iris\:h-2\.5 {
        height: calc(var(--iris-spacing)*2.5)
    }

    .iris\:h-4 {
        height: calc(var(--iris-spacing)*4)
    }

    .iris\:h-6 {
        height: calc(var(--iris-spacing)*6)
    }

    .iris\:h-8 {
        height: calc(var(--iris-spacing)*8)
    }

    .iris\:h-12 {
        height: calc(var(--iris-spacing)*12)
    }

    .iris\:h-\[16px\] {
        height: 16px
    }

    .iris\:h-\[20px\] {
        height: 20px
    }

    .iris\:h-\[50\%\] {
        height: 50%
    }

    .iris\:h-\[77px\] {
        height: 77px
    }

    .iris\:h-\[100dvh\] {
        height: 100dvh
    }

    .iris\:h-\[122px\] {
        height: 122px
    }

    .iris\:h-\[160px\] {
        height: 160px
    }

    .iris\:h-\[calc\(6\.67vw\+2px\)\] {
        height: calc(6.67vw + 2px)
    }

    .iris\:h-\[var\(--radix-navigation-menu-viewport-height\)\] {
        height: var(--radix-navigation-menu-viewport-height)
    }

    .iris\:h-auto {
        height: auto
    }

    .iris\:h-fit {
        height: fit-content
    }

    .iris\:h-full {
        height: 100%
    }

    .iris\:max-h-\[100dvh\] {
        max-height: 100dvh
    }

    .iris\:max-h-\[300px\] {
        max-height: 300px
    }

    .iris\:max-h-\[calc\(100dvh-var\(--comp-space-padding-bottom-sheet-scrim-top\)\)\] {
        max-height: calc(100dvh - var(--comp-space-padding-bottom-sheet-scrim-top))
    }

    .iris\:min-h-\(--base-space-px-24\) {
        min-height: var(--base-space-px-24)
    }

    .iris\:min-h-\(--base-space-px-32\) {
        min-height: var(--base-space-px-32)
    }

    .iris\:min-h-\(--comp-size-height-accordion\) {
        min-height: var(--comp-size-height-accordion)
    }

    .iris\:min-h-\(--comp-size-height-link\) {
        min-height: var(--comp-size-height-link)
    }

    .iris\:min-h-\(--comp-size-height-message-input\) {
        min-height: var(--comp-size-height-message-input)
    }

    .iris\:min-h-\[32px\] {
        min-height: 32px
    }

    .iris\:min-h-\[100dvh\] {
        min-height: 100dvh
    }

    .iris\:min-h-\[calc\(var\(--base-space-px-32\)-2\*var\(--comp-size-border-toggle-button\)\)\] {
        min-height: calc(var(--base-space-px-32) - 2*var(--comp-size-border-toggle-button))
    }

    .iris\:w-\(--base-space-px-1\) {
        width: var(--base-space-px-1)
    }

    .iris\:w-\(--base-space-px-16\) {
        width: var(--base-space-px-16)
    }

    .iris\:w-\(--base-space-px-20\) {
        width: var(--base-space-px-20)
    }

    .iris\:w-\(--base-space-px-48\) {
        width: var(--base-space-px-48)
    }

    .iris\:w-\(--base-space-px-64\) {
        width: var(--base-space-px-64)
    }

    .iris\:w-\(--comp-size-box-avatar-lg\) {
        width: var(--comp-size-box-avatar-lg)
    }

    .iris\:w-\(--comp-size-box-avatar-md\) {
        width: var(--comp-size-box-avatar-md)
    }

    .iris\:w-\(--comp-size-box-avatar-sm\) {
        width: var(--comp-size-box-avatar-sm)
    }

    .iris\:w-\(--comp-size-box-carousel-button\) {
        width: var(--comp-size-box-carousel-button)
    }

    .iris\:w-\(--comp-size-box-star-rating-abbr-lg\) {
        width: var(--comp-size-box-star-rating-abbr-lg)
    }

    .iris\:w-\(--comp-size-box-star-rating-abbr-md\) {
        width: var(--comp-size-box-star-rating-abbr-md)
    }

    .iris\:w-\(--comp-size-box-star-rating-abbr-sm\) {
        width: var(--comp-size-box-star-rating-abbr-sm)
    }

    .iris\:w-\(--comp-size-box-star-rating-abbr-xl\) {
        width: var(--comp-size-box-star-rating-abbr-xl)
    }

    .iris\:w-\(--comp-size-box-toggle-switch-track-width\) {
        width: var(--comp-size-box-toggle-switch-track-width)
    }

    .iris\:w-\(--comp-size-box-video-trigger-button-lg\) {
        width: var(--comp-size-box-video-trigger-button-lg)
    }

    .iris\:w-\(--comp-size-box-video-trigger-button-md\) {
        width: var(--comp-size-box-video-trigger-button-md)
    }

    .iris\:w-\(--comp-size-icon-link-lg\) {
        width: var(--comp-size-icon-link-lg)
    }

    .iris\:w-\(--comp-size-icon-link-md\) {
        width: var(--comp-size-icon-link-md)
    }

    .iris\:w-\(--comp-size-icon-link-sm\) {
        width: var(--comp-size-icon-link-sm)
    }

    .iris\:w-\(--comp-size-icon-link-xs\) {
        width: var(--comp-size-icon-link-xs)
    }

    .iris\:w-\(--comp-size-icon-link-xxs\) {
        width: var(--comp-size-icon-link-xxs)
    }

    .iris\:w-\(--comp-size-icon-listbox\) {
        width: var(--comp-size-icon-listbox)
    }

    .iris\:w-\(--comp-size-icon-sheet-header\) {
        width: var(--comp-size-icon-sheet-header)
    }

    .iris\:w-\(--comp-size-width-quick-tip\) {
        width: var(--comp-size-width-quick-tip)
    }

    .iris\:w-\(--radix-select-trigger-width\) {
        width: var(--radix-select-trigger-width)
    }

    .iris\:w-1\/2 {
        width: 50%
    }

    .iris\:w-3\/4 {
        width: 75%
    }

    .iris\:w-4 {
        width: calc(var(--iris-spacing)*4)
    }

    .iris\:w-6 {
        width: calc(var(--iris-spacing)*6)
    }

    .iris\:w-8 {
        width: calc(var(--iris-spacing)*8)
    }

    .iris\:w-9 {
        width: calc(var(--iris-spacing)*9)
    }

    .iris\:w-\[16px\] {
        width: 16px
    }

    .iris\:w-\[20px\] {
        width: 20px
    }

    .iris\:w-\[50\%\] {
        width: 50%
    }

    .iris\:w-\[134px\] {
        width: 134px
    }

    .iris\:w-\[216px\] {
        width: 216px
    }

    .iris\:w-\[268px\] {
        width: 268px
    }

    .iris\:w-\[298px\] {
        width: 298px
    }

    .iris\:w-\[300px\] {
        width: 300px
    }

    .iris\:w-\[calc\(var\(--comp-size-height-meter-bar\)\*2-0\.1rem\)\] {
        width: calc(var(--comp-size-height-meter-bar)*2 - .1rem)
    }

    .iris\:w-fit {
        width: fit-content
    }

    .iris\:w-full {
        width: 100%
    }

    .iris\:w-max {
        width: max-content
    }

    .iris\:max-w-\(--sem-space-page-max-width-lg\) {
        max-width: var(--sem-space-page-max-width-lg)
    }

    .iris\:max-w-\(--sem-space-page-max-width-md\) {
        max-width: var(--sem-space-page-max-width-md)
    }

    .iris\:max-w-\[280px\] {
        max-width: 280px
    }

    .iris\:max-w-\[374px\] {
        max-width: 374px
    }

    .iris\:max-w-\[720px\] {
        max-width: 720px
    }

    .iris\:max-w-\[767px\] {
        max-width: 767px
    }

    .iris\:max-w-\[min\(var\(--comp-size-width-chat-message\,600px\)\,80\%\)\] {
        max-width: min(var(--comp-size-width-chat-message, 600px), 80%)
    }

    .iris\:max-w-full {
        max-width: 100%
    }

    .iris\:max-w-none {
        max-width: none
    }

    .iris\:max-w-xs {
        max-width: var(--iris-container-xs)
    }

    .iris\:min-w-\(--base-space-px-32\) {
        min-width: var(--base-space-px-32)
    }

    .iris\:min-w-0 {
        min-width: calc(var(--iris-spacing)*0)
    }

    .iris\:min-w-\[32px\] {
        min-width: 32px
    }

    .iris\:min-w-\[180px\] {
        min-width: 180px
    }

    .iris\:min-w-\[calc\(var\(--base-space-px-20\)-2\*var\(--comp-size-border-toggle-button\)\)\] {
        min-width: calc(var(--base-space-px-20) - 2*var(--comp-size-border-toggle-button))
    }

    .iris\:min-w-full {
        min-width: 100%
    }

    .iris\:flex-1,
    .iris\:flex-\[1\] {
        flex: 1
    }

    .iris\:flex-\[2\] {
        flex: 2
    }

    .iris\:flex-none {
        flex: none
    }

    .iris\:flex-shrink-0,
    .iris\:shrink-0 {
        flex-shrink: 0
    }

    .iris\:flex-grow,
    .iris\:grow {
        flex-grow: 1
    }

    .iris\:basis-0 {
        flex-basis: calc(var(--iris-spacing)*0)
    }

    .iris\:border-collapse {
        border-collapse: collapse
    }

    .iris\:origin-\[top_center\] {
        transform-origin: top
    }

    .iris\:origin-top-left {
        transform-origin: 0 0
    }

    .iris\:-translate-x-1\/2 {
        --tw-translate-x: calc(calc(1/2*100%)*-1)
    }

    .iris\:-translate-x-1\/2,
    .iris\:-translate-y-1\/2 {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .iris\:-translate-y-1\/2 {
        --tw-translate-y: calc(calc(1/2*100%)*-1)
    }

    .iris\:scale-50 {
        --tw-scale-x: 50%;
        --tw-scale-y: 50%;
        --tw-scale-z: 50%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .iris\:rotate-45 {
        rotate: 45deg
    }

    .iris\:transform {
        transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, )
    }

    .iris\:\[animation\:fadeOutSkeleton_var\(--comp-motion-duration-skeleton-loader\)_var\(--comp-motion-easing-skeleton-loader\)_infinite\] {
        animation: fadeOutSkeleton var(--comp-motion-duration-skeleton-loader)var(--comp-motion-easing-skeleton-loader)infinite
    }

    .iris\:\[animation\:stickyElementBottomIn_var\(--comp-motion-duration-sticky-bar-entry\)_var\(--comp-motion-easing-sticky-bar\)_forwards\] {
        animation: stickyElementBottomIn var(--comp-motion-duration-sticky-bar-entry)var(--comp-motion-easing-sticky-bar)forwards
    }

    .iris\:\[animation\:stickyElementBottomOut_var\(--comp-motion-duration-sticky-bar-exit\)_var\(--comp-motion-easing-sticky-bar\)_forwards\] {
        animation: stickyElementBottomOut var(--comp-motion-duration-sticky-bar-exit)var(--comp-motion-easing-sticky-bar)forwards
    }

    .iris\:\[animation\:stickyElementTopIn_var\(--comp-motion-duration-sticky-bar-entry\)_var\(--comp-motion-easing-sticky-bar\)_forwards\] {
        animation: stickyElementTopIn var(--comp-motion-duration-sticky-bar-entry)var(--comp-motion-easing-sticky-bar)forwards
    }

    .iris\:\[animation\:stickyElementTopOut_var\(--comp-motion-duration-sticky-bar-exit\)_var\(--comp-motion-easing-sticky-bar\)_forwards\] {
        animation: stickyElementTopOut var(--comp-motion-duration-sticky-bar-exit)var(--comp-motion-easing-sticky-bar)forwards
    }

    .iris\:cursor-auto {
        cursor: auto
    }

    .iris\:cursor-default {
        cursor: default
    }

    .iris\:cursor-not-allowed {
        cursor: not-allowed
    }

    .iris\:cursor-pointer {
        cursor: pointer
    }

    .iris\:cursor-text {
        cursor: text
    }

    .iris\:touch-none {
        touch-action: none
    }

    .iris\:resize-none {
        resize: none
    }

    .iris\:list-inside {
        list-style-position: inside
    }

    .iris\:list-decimal {
        list-style-type: decimal
    }

    .iris\:list-disc {
        list-style-type: disc
    }

    .iris\:list-none {
        list-style-type: none
    }

    .iris\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .iris\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .iris\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .iris\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .iris\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .iris\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .iris\:grid-cols-\[1fr_auto_1fr\] {
        grid-template-columns: 1fr auto 1fr
    }

    .iris\:grid-cols-\[auto_1fr\] {
        grid-template-columns: auto 1fr
    }

    .iris\:grid-rows-1 {
        grid-template-rows: repeat(1, minmax(0, 1fr))
    }

    .iris\:grid-rows-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }

    .iris\:grid-rows-3 {
        grid-template-rows: repeat(3, minmax(0, 1fr))
    }

    .iris\:grid-rows-4 {
        grid-template-rows: repeat(4, minmax(0, 1fr))
    }

    .iris\:grid-rows-6 {
        grid-template-rows: repeat(6, minmax(0, 1fr))
    }

    .iris\:flex-col {
        flex-direction: column
    }

    .iris\:flex-col-reverse {
        flex-direction: column-reverse
    }

    .iris\:flex-row {
        flex-direction: row
    }

    .iris\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .iris\:flex-nowrap {
        flex-wrap: nowrap
    }

    .iris\:flex-wrap {
        flex-wrap: wrap
    }

    .iris\:flex-wrap-reverse {
        flex-wrap: wrap-reverse
    }

    .iris\:items-baseline {
        align-items: baseline
    }

    .iris\:items-center {
        align-items: center
    }

    .iris\:items-end {
        align-items: flex-end
    }

    .iris\:items-start {
        align-items: flex-start
    }

    .iris\:items-stretch {
        align-items: stretch
    }

    .iris\:justify-around {
        justify-content: space-around
    }

    .iris\:justify-between {
        justify-content: space-between
    }

    .iris\:justify-center {
        justify-content: center
    }

    .iris\:justify-end {
        justify-content: flex-end
    }

    .iris\:justify-evenly {
        justify-content: space-evenly
    }

    .iris\:justify-start {
        justify-content: flex-start
    }

    .iris\:justify-stretch {
        justify-content: stretch
    }

    .iris\:gap-\(--base-space-px-0\) {
        gap: var(--base-space-px-0)
    }

    .iris\:gap-\(--base-space-px-1\) {
        gap: var(--base-space-px-1)
    }

    .iris\:gap-\(--base-space-px-2\) {
        gap: var(--base-space-px-2)
    }

    .iris\:gap-\(--base-space-px-4\) {
        gap: var(--base-space-px-4)
    }

    .iris\:gap-\(--base-space-px-8\) {
        gap: var(--base-space-px-8)
    }

    .iris\:gap-\(--base-space-px-12\) {
        gap: var(--base-space-px-12)
    }

    .iris\:gap-\(--base-space-px-16\) {
        gap: var(--base-space-px-16)
    }

    .iris\:gap-\(--base-space-px-24\) {
        gap: var(--base-space-px-24)
    }

    .iris\:gap-\(--comp-space-gap-accordion-icon\) {
        gap: var(--comp-space-gap-accordion-icon)
    }

    .iris\:gap-\(--comp-space-gap-alert-content\) {
        gap: var(--comp-space-gap-alert-content)
    }

    .iris\:gap-\(--comp-space-gap-button-icon\) {
        gap: var(--comp-space-gap-button-icon)
    }

    .iris\:gap-\(--comp-space-gap-carousel-item\) {
        gap: var(--comp-space-gap-carousel-item)
    }

    .iris\:gap-\(--comp-space-gap-chat-message\) {
        gap: var(--comp-space-gap-chat-message)
    }

    .iris\:gap-\(--comp-space-gap-check-radio\) {
        gap: var(--comp-space-gap-check-radio)
    }

    .iris\:gap-\(--comp-space-gap-chip-filter-icon\) {
        gap: var(--comp-space-gap-chip-filter-icon)
    }

    .iris\:gap-\(--comp-space-gap-chip-filter-text\) {
        gap: var(--comp-space-gap-chip-filter-text)
    }

    .iris\:gap-\(--comp-space-gap-icon-button-label\) {
        gap: var(--comp-space-gap-icon-button-label)
    }

    .iris\:gap-\(--comp-space-gap-input\) {
        gap: var(--comp-space-gap-input)
    }

    .iris\:gap-\(--comp-space-gap-input-helper\) {
        gap: var(--comp-space-gap-input-helper)
    }

    .iris\:gap-\(--comp-space-gap-link-icon\) {
        gap: var(--comp-space-gap-link-icon)
    }

    .iris\:gap-\(--comp-space-gap-listbox-count\) {
        gap: var(--comp-space-gap-listbox-count)
    }

    .iris\:gap-\(--comp-space-gap-listbox-icon\) {
        gap: var(--comp-space-gap-listbox-icon)
    }

    .iris\:gap-\(--comp-space-gap-message-input-button\) {
        gap: var(--comp-space-gap-message-input-button)
    }

    .iris\:gap-\(--comp-space-gap-pagination-items\) {
        gap: var(--comp-space-gap-pagination-items)
    }

    .iris\:gap-\(--comp-space-gap-quick-tip-icon\) {
        gap: var(--comp-space-gap-quick-tip-icon)
    }

    .iris\:gap-\(--comp-space-gap-quick-tip-text\) {
        gap: var(--comp-space-gap-quick-tip-text)
    }

    .iris\:gap-\(--comp-space-gap-sheet-header\) {
        gap: var(--comp-space-gap-sheet-header)
    }

    .iris\:gap-\(--comp-space-gap-slider\) {
        gap: var(--comp-space-gap-slider)
    }

    .iris\:gap-\(--comp-space-gap-slider-input\) {
        gap: var(--comp-space-gap-slider-input)
    }

    .iris\:gap-\(--comp-space-gap-step-indicator\) {
        gap: var(--comp-space-gap-step-indicator)
    }

    .iris\:gap-\(--comp-space-gap-tabs\) {
        gap: var(--comp-space-gap-tabs)
    }

    .iris\:gap-\(--comp-space-gap-tabs-text-tab-icon\) {
        gap: var(--comp-space-gap-tabs-text-tab-icon)
    }

    .iris\:gap-\(--comp-space-gap-tabs-text-tab-narrow\) {
        gap: var(--comp-space-gap-tabs-text-tab-narrow)
    }

    .iris\:gap-\(--comp-space-gap-toast-icon\) {
        gap: var(--comp-space-gap-toast-icon)
    }

    .iris\:gap-\(--comp-space-gap-toast-text\) {
        gap: var(--comp-space-gap-toast-text)
    }

    .iris\:gap-\(--comp-space-gap-toggle-button-icon\) {
        gap: var(--comp-space-gap-toggle-button-icon)
    }

    .iris\:gap-\(--comp-space-gap-toggle-switch\) {
        gap: var(--comp-space-gap-toggle-switch)
    }

    .iris\:gap-\(--comp-space-padding-accordion-contained\) {
        gap: var(--comp-space-padding-accordion-contained)
    }

    .iris\:gap-0 {
        gap: calc(var(--iris-spacing)*0)
    }

    .iris\:gap-0\.5 {
        gap: calc(var(--iris-spacing)*.5)
    }

    .iris\:gap-1 {
        gap: calc(var(--iris-spacing)*1)
    }

    .iris\:gap-2 {
        gap: calc(var(--iris-spacing)*2)
    }

    .iris\:gap-3 {
        gap: calc(var(--iris-spacing)*3)
    }

    .iris\:gap-4 {
        gap: calc(var(--iris-spacing)*4)
    }

    .iris\:gap-6 {
        gap: calc(var(--iris-spacing)*6)
    }

    .iris\:gap-\[6px\] {
        gap: 6px
    }

    .iris\:gap-\[unset\] {
        gap: unset
    }

    :where(.iris\:space-y-\(--comp-space-gap-accordion-slot\)>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(var(--comp-space-gap-accordion-slot)*var(--tw-space-y-reverse));
        margin-block-end: calc(var(--comp-space-gap-accordion-slot)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.iris\:space-y-1>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--iris-spacing)*1)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--iris-spacing)*1)*calc(1 - var(--tw-space-y-reverse)))
    }

    .iris\:gap-x-\(--base-space-px-16\) {
        column-gap: var(--base-space-px-16)
    }

    .iris\:gap-x-\(--base-space-px-24\) {
        column-gap: var(--base-space-px-24)
    }

    .iris\:gap-x-\(--comp-space-gap-progress-bar-perc-text\) {
        column-gap: var(--comp-space-gap-progress-bar-perc-text)
    }

    .iris\:gap-x-0 {
        column-gap: calc(var(--iris-spacing)*0)
    }

    .iris\:gap-x-1 {
        column-gap: calc(var(--iris-spacing)*1)
    }

    .iris\:gap-x-2 {
        column-gap: calc(var(--iris-spacing)*2)
    }

    .iris\:gap-x-3 {
        column-gap: calc(var(--iris-spacing)*3)
    }

    .iris\:gap-x-4 {
        column-gap: calc(var(--iris-spacing)*4)
    }

    .iris\:gap-y-\(--comp-space-gap-progress-bar-label-lg\) {
        row-gap: var(--comp-space-gap-progress-bar-label-lg)
    }

    .iris\:gap-y-\(--comp-space-gap-progress-bar-label-md\) {
        row-gap: var(--comp-space-gap-progress-bar-label-md)
    }

    .iris\:gap-y-0 {
        row-gap: calc(var(--iris-spacing)*0)
    }

    .iris\:gap-y-1 {
        row-gap: calc(var(--iris-spacing)*1)
    }

    .iris\:gap-y-2 {
        row-gap: calc(var(--iris-spacing)*2)
    }

    .iris\:gap-y-3 {
        row-gap: calc(var(--iris-spacing)*3)
    }

    .iris\:gap-y-4 {
        row-gap: calc(var(--iris-spacing)*4)
    }

    :where(.iris\:divide-y>:not(:last-child)) {
        --tw-divide-y-reverse: 0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(1px*var(--tw-divide-y-reverse));
        border-bottom-width: calc(1px*calc(1 - var(--tw-divide-y-reverse)))
    }

    :where(.iris\:divide-gray-200>:not(:last-child)) {
        border-color: var(--iris-color-gray-200)
    }

    .iris\:place-self-center {
        place-self: center
    }

    .iris\:self-center {
        align-self: center
    }

    .iris\:self-end {
        align-self: flex-end
    }

    .iris\:self-start {
        align-self: flex-start
    }

    .iris\:self-stretch {
        align-self: stretch
    }

    .iris\:overflow-auto {
        overflow: auto
    }

    .iris\:overflow-hidden {
        overflow: hidden
    }

    .iris\:overflow-x-auto {
        overflow-x: auto
    }

    .iris\:overflow-y-auto {
        overflow-y: auto
    }

    .iris\:rounded {
        border-radius: .25rem
    }

    .iris\:rounded-\(--base-size-radius-rounded\) {
        border-radius: var(--base-size-radius-rounded)
    }

    .iris\:rounded-\(--comp-size-radius-accordion-contained\) {
        border-radius: var(--comp-size-radius-accordion-contained)
    }

    .iris\:rounded-\(--comp-size-radius-accordion-icon\) {
        border-radius: var(--comp-size-radius-accordion-icon)
    }

    .iris\:rounded-\(--comp-size-radius-avatar\) {
        border-radius: var(--comp-size-radius-avatar)
    }

    .iris\:rounded-\(--comp-size-radius-button\) {
        border-radius: var(--comp-size-radius-button)
    }

    .iris\:rounded-\(--comp-size-radius-calendar\) {
        border-radius: var(--comp-size-radius-calendar)
    }

    .iris\:rounded-\(--comp-size-radius-card\) {
        border-radius: var(--comp-size-radius-card)
    }

    .iris\:rounded-\(--comp-size-radius-carousel-button\) {
        border-radius: var(--comp-size-radius-carousel-button)
    }

    .iris\:rounded-\(--comp-size-radius-checkbox-control\) {
        border-radius: var(--comp-size-radius-checkbox-control)
    }

    .iris\:rounded-\(--comp-size-radius-chip-action\) {
        border-radius: var(--comp-size-radius-chip-action)
    }

    .iris\:rounded-\(--comp-size-radius-chip-filter\) {
        border-radius: var(--comp-size-radius-chip-filter)
    }

    .iris\:rounded-\(--comp-size-radius-chip-toggle\) {
        border-radius: var(--comp-size-radius-chip-toggle)
    }

    .iris\:rounded-\(--comp-size-radius-control-button\) {
        border-radius: var(--comp-size-radius-control-button)
    }

    .iris\:rounded-\(--comp-size-radius-icon-button\) {
        border-radius: var(--comp-size-radius-icon-button)
    }

    .iris\:rounded-\(--comp-size-radius-input\) {
        border-radius: var(--comp-size-radius-input)
    }

    .iris\:rounded-\(--comp-size-radius-label-tag\) {
        border-radius: var(--comp-size-radius-label-tag)
    }

    .iris\:rounded-\(--comp-size-radius-listbox-item\) {
        border-radius: var(--comp-size-radius-listbox-item)
    }

    .iris\:rounded-\(--comp-size-radius-message-input\) {
        border-radius: var(--comp-size-radius-message-input)
    }

    .iris\:rounded-\(--comp-size-radius-message-input-button\) {
        border-radius: var(--comp-size-radius-message-input-button)
    }

    .iris\:rounded-\(--comp-size-radius-pagination-button\) {
        border-radius: var(--comp-size-radius-pagination-button)
    }

    .iris\:rounded-\(--comp-size-radius-pagination-item\) {
        border-radius: var(--comp-size-radius-pagination-item)
    }

    .iris\:rounded-\(--comp-size-radius-popover\) {
        border-radius: var(--comp-size-radius-popover)
    }

    .iris\:rounded-\(--comp-size-radius-progress-bar\) {
        border-radius: var(--comp-size-radius-progress-bar)
    }

    .iris\:rounded-\(--comp-size-radius-quick-tip\) {
        border-radius: var(--comp-size-radius-quick-tip)
    }

    .iris\:rounded-\(--comp-size-radius-radio-control\) {
        border-radius: var(--comp-size-radius-radio-control)
    }

    .iris\:rounded-\(--comp-size-radius-selectable-container\) {
        border-radius: var(--comp-size-radius-selectable-container)
    }

    .iris\:rounded-\(--comp-size-radius-sheet-control-button\) {
        border-radius: var(--comp-size-radius-sheet-control-button)
    }

    .iris\:rounded-\(--comp-size-radius-skeleton-loader\) {
        border-radius: var(--comp-size-radius-skeleton-loader)
    }

    .iris\:rounded-\(--comp-size-radius-slider-handle\) {
        border-radius: var(--comp-size-radius-slider-handle)
    }

    .iris\:rounded-\(--comp-size-radius-slider-track\) {
        border-radius: var(--comp-size-radius-slider-track)
    }

    .iris\:rounded-\(--comp-size-radius-step-indicator\) {
        border-radius: var(--comp-size-radius-step-indicator)
    }

    .iris\:rounded-\(--comp-size-radius-tabs-pill\) {
        border-radius: var(--comp-size-radius-tabs-pill)
    }

    .iris\:rounded-\(--comp-size-radius-toast\) {
        border-radius: var(--comp-size-radius-toast)
    }

    .iris\:rounded-\(--comp-size-radius-toggle-switch-handle\) {
        border-radius: var(--comp-size-radius-toggle-switch-handle)
    }

    .iris\:rounded-\(--comp-size-radius-toggle-switch-track\) {
        border-radius: var(--comp-size-radius-toggle-switch-track)
    }

    .iris\:rounded-\(--comp-size-radius-tooltip\) {
        border-radius: var(--comp-size-radius-tooltip)
    }

    .iris\:rounded-\(--comp-size-radius-video-trigger-button\) {
        border-radius: var(--comp-size-radius-video-trigger-button)
    }

    .iris\:rounded-3xl {
        border-radius: var(--base-size-radius-3xl)
    }

    .iris\:rounded-\[8px\] {
        border-radius: 8px
    }

    .iris\:rounded-full {
        border-radius: 3.40282e+38px
    }

    .iris\:rounded-lg {
        border-radius: var(--base-size-radius-lg)
    }

    .iris\:rounded-md {
        border-radius: var(--base-size-radius-md)
    }

    .iris\:rounded-t-\(--comp-size-radius-card\) {
        border-top-left-radius: var(--comp-size-radius-card);
        border-top-right-radius: var(--comp-size-radius-card)
    }

    .iris\:rounded-t-\(--comp-size-radius-sheet\) {
        border-top-left-radius: var(--comp-size-radius-sheet);
        border-top-right-radius: var(--comp-size-radius-sheet)
    }

    .iris\:rounded-l-\(--comp-size-radius-alert\) {
        border-top-left-radius: var(--comp-size-radius-alert);
        border-bottom-left-radius: var(--comp-size-radius-alert)
    }

    .iris\:rounded-l-\(--comp-size-radius-card\) {
        border-top-left-radius: var(--comp-size-radius-card);
        border-bottom-left-radius: var(--comp-size-radius-card)
    }

    .iris\:rounded-tl-\(--base-space-px-0\) {
        border-top-left-radius: var(--base-space-px-0)
    }

    .iris\:rounded-tl-\(--comp-size-radius-chat-message-top-left\) {
        border-top-left-radius: var(--comp-size-radius-chat-message-top-left)
    }

    .iris\:rounded-tl-\(--comp-size-radius-meter-bar\) {
        border-top-left-radius: var(--comp-size-radius-meter-bar)
    }

    .iris\:rounded-tl-\(--comp-size-radius-toggle-button\) {
        border-top-left-radius: var(--comp-size-radius-toggle-button)
    }

    .iris\:rounded-tl-sm {
        border-top-left-radius: var(--base-size-radius-sm)
    }

    .iris\:rounded-r-\(--comp-size-radius-alert\) {
        border-top-right-radius: var(--comp-size-radius-alert);
        border-bottom-right-radius: var(--comp-size-radius-alert)
    }

    .iris\:rounded-tr-\(--base-space-px-0\) {
        border-top-right-radius: var(--base-space-px-0)
    }

    .iris\:rounded-tr-\(--comp-size-radius-chat-message-top-right\) {
        border-top-right-radius: var(--comp-size-radius-chat-message-top-right)
    }

    .iris\:rounded-tr-\(--comp-size-radius-meter-bar\) {
        border-top-right-radius: var(--comp-size-radius-meter-bar)
    }

    .iris\:rounded-tr-\(--comp-size-radius-toggle-button\) {
        border-top-right-radius: var(--comp-size-radius-toggle-button)
    }

    .iris\:rounded-b-\(--comp-size-radius-input\) {
        border-bottom-right-radius: var(--comp-size-radius-input);
        border-bottom-left-radius: var(--comp-size-radius-input)
    }

    .iris\:rounded-br-\(--base-space-px-0\) {
        border-bottom-right-radius: var(--base-space-px-0)
    }

    .iris\:rounded-br-\(--comp-size-radius-chat-message-bottom-right\) {
        border-bottom-right-radius: var(--comp-size-radius-chat-message-bottom-right)
    }

    .iris\:rounded-br-\(--comp-size-radius-meter-bar\) {
        border-bottom-right-radius: var(--comp-size-radius-meter-bar)
    }

    .iris\:rounded-br-\(--comp-size-radius-toggle-button\) {
        border-bottom-right-radius: var(--comp-size-radius-toggle-button)
    }

    .iris\:rounded-br-\[unset\] {
        border-bottom-right-radius: unset
    }

    .iris\:rounded-bl-\(--base-space-px-0\) {
        border-bottom-left-radius: var(--base-space-px-0)
    }

    .iris\:rounded-bl-\(--comp-size-radius-chat-message-bottom-left\) {
        border-bottom-left-radius: var(--comp-size-radius-chat-message-bottom-left)
    }

    .iris\:rounded-bl-\(--comp-size-radius-meter-bar\) {
        border-bottom-left-radius: var(--comp-size-radius-meter-bar)
    }

    .iris\:rounded-bl-\(--comp-size-radius-toggle-button\) {
        border-bottom-left-radius: var(--comp-size-radius-toggle-button)
    }

    .iris\:rounded-bl-\[unset\] {
        border-bottom-left-radius: unset
    }

    .iris\:border {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .iris\:border-\(length\:--comp-size-border-avatar-image\) {
        border-style: var(--tw-border-style);
        border-width: var(--comp-size-border-avatar-image)
    }

    .iris\:border-\(length\:--comp-size-border-avatar-image-inverse\) {
        border-style: var(--tw-border-style);
        border-width: var(--comp-size-border-avatar-image-inverse)
    }

    .iris\:border-\(length\:--comp-size-border-avatar-text\) {
        border-style: var(--tw-border-style);
        border-width: var(--comp-size-border-avatar-text)
    }

    .iris\:border-\(length\:--comp-size-border-avatar-text-inverse\) {
        border-style: var(--tw-border-style);
        border-width: var(--comp-size-border-avatar-text-inverse)
    }

    .iris\:border-\(length\:--comp-size-border-button\) {
        border-style: var(--tw-border-style);
        border-width: var(--comp-size-border-button)
    }

    .iris\:border-\(length\:--comp-size-border-card\) {
        border-style: var(--tw-border-style);
        border-width: var(--comp-size-border-card)
    }

    .iris\:border-\(length\:--comp-size-border-carousel-button\) {
        border-style: var(--tw-border-style);
        border-width: var(--comp-size-border-carousel-button)
    }

    .iris\:border-\(length\:--comp-size-border-check-radio-control\) {
        border-style: var(--tw-border-style);
        border-width: var(--comp-size-border-check-radio-control)
    }

    .iris\:border-\(length\:--comp-size-border-chip-action\) {
        border-style: var(--tw-border-style);
        border-width: var(--comp-size-border-chip-action)
    }

    .iris\:border-\(length\:--comp-size-border-chip-filter\) {
        border-style: var(--tw-border-style);
        border-width: var(--comp-size-border-chip-filter)
    }

    .iris\:border-\(length\:--comp-size-border-chip-toggle\) {
        border-style: var(--tw-border-style);
        border-width: var(--comp-size-border-chip-toggle)
    }

    .iris\:border-\(length\:--comp-size-border-input\) {
        border-style: var(--tw-border-style);
        border-width: var(--comp-size-border-input)
    }

    .iris\:border-\(length\:--comp-size-border-message-input\) {
        border-style: var(--tw-border-style);
        border-width: var(--comp-size-border-message-input)
    }

    .iris\:border-\(length\:--comp-size-border-pagination-button\) {
        border-style: var(--tw-border-style);
        border-width: var(--comp-size-border-pagination-button)
    }

    .iris\:border-\(length\:--comp-size-border-selectable-container\) {
        border-style: var(--tw-border-style);
        border-width: var(--comp-size-border-selectable-container)
    }

    .iris\:border-\(length\:--comp-size-border-slider-handle\) {
        border-style: var(--tw-border-style);
        border-width: var(--comp-size-border-slider-handle)
    }

    .iris\:border-\(length\:--comp-size-border-step-indicator-circle-mobile\) {
        border-style: var(--tw-border-style);
        border-width: var(--comp-size-border-step-indicator-circle-mobile)
    }

    .iris\:border-\(length\:--comp-size-border-step-indicator-track-mobile\) {
        border-style: var(--tw-border-style);
        border-width: var(--comp-size-border-step-indicator-track-mobile)
    }

    .iris\:border-\(length\:--comp-size-border-toggle-button\) {
        border-style: var(--tw-border-style);
        border-width: var(--comp-size-border-toggle-button)
    }

    .iris\:border-\(length\:--comp-size-border-toggle-switch\) {
        border-style: var(--tw-border-style);
        border-width: var(--comp-size-border-toggle-switch)
    }

    .iris\:border-\(length\:--comp-size-border-video-trigger-button\) {
        border-style: var(--tw-border-style);
        border-width: var(--comp-size-border-video-trigger-button)
    }

    .iris\:border-0 {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .iris\:border-1 {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .iris\:border-t {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px
    }

    .iris\:border-r-0 {
        border-right-style: var(--tw-border-style);
        border-right-width: 0
    }

    .iris\:border-b {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .iris\:border-b-\(length\:--comp-size-border-tabs-text-tab-rest\) {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: var(--comp-size-border-tabs-text-tab-rest)
    }

    .iris\:border-b-2 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 2px
    }

    .iris\:border-l-0 {
        border-left-style: var(--tw-border-style);
        border-left-width: 0
    }

    .iris\:border-l-4 {
        border-left-style: var(--tw-border-style);
        border-left-width: 4px
    }

    .iris\:border-none {
        --tw-border-style: none;
        border-style: none
    }

    .iris\:border-solid {
        --tw-border-style: solid;
        border-style: solid
    }

    .iris\:border-\(--comp-color-border-accordion-contained\) {
        border-color: var(--comp-color-border-accordion-contained)
    }

    .iris\:border-\(--comp-color-border-accordion-contained-inverse\) {
        border-color: var(--comp-color-border-accordion-contained-inverse)
    }

    .iris\:border-\(--comp-color-border-accordion-icon-container\) {
        border-color: var(--comp-color-border-accordion-icon-container)
    }

    .iris\:border-\(--comp-color-border-accordion-icon-container-inverse\) {
        border-color: var(--comp-color-border-accordion-icon-container-inverse)
    }

    .iris\:border-\(--comp-color-border-alert-default-caution\) {
        border-color: var(--comp-color-border-alert-default-caution)
    }

    .iris\:border-\(--comp-color-border-alert-default-error\) {
        border-color: var(--comp-color-border-alert-default-error)
    }

    .iris\:border-\(--comp-color-border-alert-default-info\) {
        border-color: var(--comp-color-border-alert-default-info)
    }

    .iris\:border-\(--comp-color-border-alert-default-success\) {
        border-color: var(--comp-color-border-alert-default-success)
    }

    .iris\:border-\(--comp-color-border-alert-inverse-caution\) {
        border-color: var(--comp-color-border-alert-inverse-caution)
    }

    .iris\:border-\(--comp-color-border-alert-inverse-error\) {
        border-color: var(--comp-color-border-alert-inverse-error)
    }

    .iris\:border-\(--comp-color-border-alert-inverse-info\) {
        border-color: var(--comp-color-border-alert-inverse-info)
    }

    .iris\:border-\(--comp-color-border-alert-inverse-success\) {
        border-color: var(--comp-color-border-alert-inverse-success)
    }

    .iris\:border-\(--comp-color-border-button-primary-disabled\) {
        border-color: var(--comp-color-border-button-primary-disabled)
    }

    .iris\:border-\(--comp-color-border-button-primary-inverse-disabled\) {
        border-color: var(--comp-color-border-button-primary-inverse-disabled)
    }

    .iris\:border-\(--comp-color-border-button-primary-inverse-rest\) {
        border-color: var(--comp-color-border-button-primary-inverse-rest)
    }

    .iris\:border-\(--comp-color-border-button-primary-rest\) {
        border-color: var(--comp-color-border-button-primary-rest)
    }

    .iris\:border-\(--comp-color-border-button-secondary-disabled\) {
        border-color: var(--comp-color-border-button-secondary-disabled)
    }

    .iris\:border-\(--comp-color-border-button-secondary-inverse-disabled\) {
        border-color: var(--comp-color-border-button-secondary-inverse-disabled)
    }

    .iris\:border-\(--comp-color-border-button-secondary-inverse-rest\) {
        border-color: var(--comp-color-border-button-secondary-inverse-rest)
    }

    .iris\:border-\(--comp-color-border-button-secondary-rest\) {
        border-color: var(--comp-color-border-button-secondary-rest)
    }

    .iris\:border-\(--comp-color-border-button-tertiary-disabled\) {
        border-color: var(--comp-color-border-button-tertiary-disabled)
    }

    .iris\:border-\(--comp-color-border-button-tertiary-inverse-disabled\) {
        border-color: var(--comp-color-border-button-tertiary-inverse-disabled)
    }

    .iris\:border-\(--comp-color-border-button-tertiary-inverse-rest\) {
        border-color: var(--comp-color-border-button-tertiary-inverse-rest)
    }

    .iris\:border-\(--comp-color-border-button-tertiary-rest\) {
        border-color: var(--comp-color-border-button-tertiary-rest)
    }

    .iris\:border-\(--comp-color-border-card-brand\) {
        border-color: var(--comp-color-border-card-brand)
    }

    .iris\:border-\(--comp-color-border-card-brand-inverse\) {
        border-color: var(--comp-color-border-card-brand-inverse)
    }

    .iris\:border-\(--comp-color-border-card-brand-subtle\) {
        border-color: var(--comp-color-border-card-brand-subtle)
    }

    .iris\:border-\(--comp-color-border-card-brand-subtle-inverse\) {
        border-color: var(--comp-color-border-card-brand-subtle-inverse)
    }

    .iris\:border-\(--comp-color-border-card-standard\) {
        border-color: var(--comp-color-border-card-standard)
    }

    .iris\:border-\(--comp-color-border-card-standard-inverse\) {
        border-color: var(--comp-color-border-card-standard-inverse)
    }

    .iris\:border-\(--comp-color-border-card-subtle\) {
        border-color: var(--comp-color-border-card-subtle)
    }

    .iris\:border-\(--comp-color-border-card-subtle-inverse\) {
        border-color: var(--comp-color-border-card-subtle-inverse)
    }

    .iris\:border-\(--comp-color-border-carousel-button-image-rest\) {
        border-color: var(--comp-color-border-carousel-button-image-rest)
    }

    .iris\:border-\(--comp-color-border-carousel-button-inverse-rest\) {
        border-color: var(--comp-color-border-carousel-button-inverse-rest)
    }

    .iris\:border-\(--comp-color-border-carousel-button-rest\) {
        border-color: var(--comp-color-border-carousel-button-rest)
    }

    .iris\:border-\(--comp-color-border-check-radio-control-error\) {
        border-color: var(--comp-color-border-check-radio-control-error)
    }

    .iris\:border-\(--comp-color-border-check-radio-control-inverse-error\) {
        border-color: var(--comp-color-border-check-radio-control-inverse-error)
    }

    .iris\:border-\(--comp-color-border-check-radio-control-inverse-rest\) {
        border-color: var(--comp-color-border-check-radio-control-inverse-rest)
    }

    .iris\:border-\(--comp-color-border-check-radio-control-rest\) {
        border-color: var(--comp-color-border-check-radio-control-rest)
    }

    .iris\:border-\(--comp-color-border-chip-action-inverse-rest\) {
        border-color: var(--comp-color-border-chip-action-inverse-rest)
    }

    .iris\:border-\(--comp-color-border-chip-action-rest\) {
        border-color: var(--comp-color-border-chip-action-rest)
    }

    .iris\:border-\(--comp-color-border-chip-filter-inverse-rest\) {
        border-color: var(--comp-color-border-chip-filter-inverse-rest)
    }

    .iris\:border-\(--comp-color-border-chip-filter-rest\) {
        border-color: var(--comp-color-border-chip-filter-rest)
    }

    .iris\:border-\(--comp-color-border-chip-toggle-inverse-rest\) {
        border-color: var(--comp-color-border-chip-toggle-inverse-rest)
    }

    .iris\:border-\(--comp-color-border-chip-toggle-rest\) {
        border-color: var(--comp-color-border-chip-toggle-rest)
    }

    .iris\:border-\(--comp-color-border-chip-toggle-selected-inverse-rest\) {
        border-color: var(--comp-color-border-chip-toggle-selected-inverse-rest)
    }

    .iris\:border-\(--comp-color-border-chip-toggle-selected-rest\) {
        border-color: var(--comp-color-border-chip-toggle-selected-rest)
    }

    .iris\:border-\(--comp-color-border-divider-inverse\) {
        border-color: var(--comp-color-border-divider-inverse)
    }

    .iris\:border-\(--comp-color-border-input-error\) {
        border-color: var(--comp-color-border-input-error)
    }

    .iris\:border-\(--comp-color-border-input-inverse-error\) {
        border-color: var(--comp-color-border-input-inverse-error)
    }

    .iris\:border-\(--comp-color-border-input-inverse-rest\) {
        border-color: var(--comp-color-border-input-inverse-rest)
    }

    .iris\:border-\(--comp-color-border-input-rest\) {
        border-color: var(--comp-color-border-input-rest)
    }

    .iris\:border-\(--comp-color-border-message-input-inverse-rest\) {
        border-color: var(--comp-color-border-message-input-inverse-rest)
    }

    .iris\:border-\(--comp-color-border-message-input-rest\) {
        border-color: var(--comp-color-border-message-input-rest)
    }

    .iris\:border-\(--comp-color-border-pagination-button\) {
        border-color: var(--comp-color-border-pagination-button)
    }

    .iris\:border-\(--comp-color-border-pagination-button-inverse\) {
        border-color: var(--comp-color-border-pagination-button-inverse)
    }

    .iris\:border-\(--comp-color-border-selectable-container-default-disabled\) {
        border-color: var(--comp-color-border-selectable-container-default-disabled)
    }

    .iris\:border-\(--comp-color-border-selectable-container-default-rest\) {
        border-color: var(--comp-color-border-selectable-container-default-rest)
    }

    .iris\:border-\(--comp-color-border-selectable-container-inverse-disabled\) {
        border-color: var(--comp-color-border-selectable-container-inverse-disabled)
    }

    .iris\:border-\(--comp-color-border-selectable-container-inverse-rest\) {
        border-color: var(--comp-color-border-selectable-container-inverse-rest)
    }

    .iris\:border-\(--comp-color-border-slider-handle-inverse-rest\) {
        border-color: var(--comp-color-border-slider-handle-inverse-rest)
    }

    .iris\:border-\(--comp-color-border-slider-handle-rest\) {
        border-color: var(--comp-color-border-slider-handle-rest)
    }

    .iris\:border-\(--comp-color-border-step-indicator-circle-active\) {
        border-color: var(--comp-color-border-step-indicator-circle-active)
    }

    .iris\:border-\(--comp-color-border-step-indicator-circle-complete\) {
        border-color: var(--comp-color-border-step-indicator-circle-complete)
    }

    .iris\:border-\(--comp-color-border-step-indicator-circle-disabled\) {
        border-color: var(--comp-color-border-step-indicator-circle-disabled)
    }

    .iris\:border-\(--comp-color-border-step-indicator-circle-inverse-active\) {
        border-color: var(--comp-color-border-step-indicator-circle-inverse-active)
    }

    .iris\:border-\(--comp-color-border-step-indicator-circle-inverse-complete\) {
        border-color: var(--comp-color-border-step-indicator-circle-inverse-complete)
    }

    .iris\:border-\(--comp-color-border-step-indicator-circle-inverse-disabled\) {
        border-color: var(--comp-color-border-step-indicator-circle-inverse-disabled)
    }

    .iris\:border-\(--comp-color-border-step-indicator-circle-inverse-visited\) {
        border-color: var(--comp-color-border-step-indicator-circle-inverse-visited)
    }

    .iris\:border-\(--comp-color-border-step-indicator-circle-visited\) {
        border-color: var(--comp-color-border-step-indicator-circle-visited)
    }

    .iris\:border-\(--comp-color-border-step-indicator-track\) {
        border-color: var(--comp-color-border-step-indicator-track)
    }

    .iris\:border-\(--comp-color-border-step-indicator-track-complete\) {
        border-color: var(--comp-color-border-step-indicator-track-complete)
    }

    .iris\:border-\(--comp-color-border-step-indicator-track-complete-inverse\) {
        border-color: var(--comp-color-border-step-indicator-track-complete-inverse)
    }

    .iris\:border-\(--comp-color-border-step-indicator-track-inverse\) {
        border-color: var(--comp-color-border-step-indicator-track-inverse)
    }

    .iris\:border-\(--comp-color-border-tabs-pill-container\) {
        border-color: var(--comp-color-border-tabs-pill-container)
    }

    .iris\:border-\(--comp-color-border-tabs-pill-container-inverse\) {
        border-color: var(--comp-color-border-tabs-pill-container-inverse)
    }

    .iris\:border-\(--comp-color-border-tabs-text-tab-inverse-rest\) {
        border-color: var(--comp-color-border-tabs-text-tab-inverse-rest)
    }

    .iris\:border-\(--comp-color-border-tabs-text-tab-rest\) {
        border-color: var(--comp-color-border-tabs-text-tab-rest)
    }

    .iris\:border-\(--comp-color-border-toggle-button-default-rest\) {
        border-color: var(--comp-color-border-toggle-button-default-rest)
    }

    .iris\:border-\(--comp-color-border-toggle-button-inverse-rest\) {
        border-color: var(--comp-color-border-toggle-button-inverse-rest)
    }

    .iris\:border-\(--comp-color-border-toggle-switch-track-inverse-rest\) {
        border-color: var(--comp-color-border-toggle-switch-track-inverse-rest)
    }

    .iris\:border-\(--comp-color-border-toggle-switch-track-rest\) {
        border-color: var(--comp-color-border-toggle-switch-track-rest)
    }

    .iris\:border-\(--comp-color-border-tooltip-default\) {
        border-color: var(--comp-color-border-tooltip-default)
    }

    .iris\:border-\(--comp-color-border-tooltip-inverse\) {
        border-color: var(--comp-color-border-tooltip-inverse)
    }

    .iris\:border-\(--comp-color-border-video-trigger-button-rest\) {
        border-color: var(--comp-color-border-video-trigger-button-rest)
    }

    .iris\:border-\(color\:--comp-color-border-avatar-image\) {
        border-color: var(--comp-color-border-avatar-image)
    }

    .iris\:border-\(color\:--comp-color-border-avatar-image-inverse\) {
        border-color: var(--comp-color-border-avatar-image-inverse)
    }

    .iris\:border-\(color\:--comp-color-border-avatar-initials\) {
        border-color: var(--comp-color-border-avatar-initials)
    }

    .iris\:border-\(color\:--comp-color-border-avatar-initials-inverse\) {
        border-color: var(--comp-color-border-avatar-initials-inverse)
    }

    .iris\:border-gray-300 {
        border-color: var(--iris-color-gray-300)
    }

    .iris\:border-transparent {
        border-color: #0000
    }

    .iris\:border-t-\(--base-size-border-none\) {
        border-top-color: var(--base-size-border-none)
    }

    .iris\:border-t-\(--comp-color-border-sheet-default\) {
        border-top-color: var(--comp-color-border-sheet-default)
    }

    .iris\:border-r-\(--base-size-border-none\) {
        border-right-color: var(--base-size-border-none)
    }

    .iris\:border-b-\(--comp-color-border-sheet-default\) {
        border-bottom-color: var(--comp-color-border-sheet-default)
    }

    .iris\:border-b-\(--comp-color-border-tabs-text-container\) {
        border-bottom-color: var(--comp-color-border-tabs-text-container)
    }

    .iris\:border-b-\(--comp-color-border-tabs-text-container-inverse\) {
        border-bottom-color: var(--comp-color-border-tabs-text-container-inverse)
    }

    .iris\:border-l-\(--base-size-border-none\) {
        border-left-color: var(--base-size-border-none)
    }

    .iris\:bg-\(--base-color-transparent\) {
        background-color: var(--base-color-transparent)
    }

    .iris\:bg-\(--comp-color-background-accordion-contained-inverse-rest\) {
        background-color: var(--comp-color-background-accordion-contained-inverse-rest)
    }

    .iris\:bg-\(--comp-color-background-accordion-contained-rest\) {
        background-color: var(--comp-color-background-accordion-contained-rest)
    }

    .iris\:bg-\(--comp-color-background-accordion-icon-uncontained-inverse-rest\) {
        background-color: var(--comp-color-background-accordion-icon-uncontained-inverse-rest)
    }

    .iris\:bg-\(--comp-color-background-accordion-icon-uncontained-rest\) {
        background-color: var(--comp-color-background-accordion-icon-uncontained-rest)
    }

    .iris\:bg-\(--comp-color-background-accordion-uncontained-inverse-rest\) {
        background-color: var(--comp-color-background-accordion-uncontained-inverse-rest)
    }

    .iris\:bg-\(--comp-color-background-accordion-uncontained-rest\) {
        background-color: var(--comp-color-background-accordion-uncontained-rest)
    }

    .iris\:bg-\(--comp-color-background-alert-caution\) {
        background-color: var(--comp-color-background-alert-caution)
    }

    .iris\:bg-\(--comp-color-background-alert-error\) {
        background-color: var(--comp-color-background-alert-error)
    }

    .iris\:bg-\(--comp-color-background-alert-icon-container-caution\) {
        background-color: var(--comp-color-background-alert-icon-container-caution)
    }

    .iris\:bg-\(--comp-color-background-alert-icon-container-error\) {
        background-color: var(--comp-color-background-alert-icon-container-error)
    }

    .iris\:bg-\(--comp-color-background-alert-icon-container-info\) {
        background-color: var(--comp-color-background-alert-icon-container-info)
    }

    .iris\:bg-\(--comp-color-background-alert-icon-container-inverse-caution\) {
        background-color: var(--comp-color-background-alert-icon-container-inverse-caution)
    }

    .iris\:bg-\(--comp-color-background-alert-icon-container-inverse-error\) {
        background-color: var(--comp-color-background-alert-icon-container-inverse-error)
    }

    .iris\:bg-\(--comp-color-background-alert-icon-container-inverse-info\) {
        background-color: var(--comp-color-background-alert-icon-container-inverse-info)
    }

    .iris\:bg-\(--comp-color-background-alert-icon-container-inverse-success\) {
        background-color: var(--comp-color-background-alert-icon-container-inverse-success)
    }

    .iris\:bg-\(--comp-color-background-alert-icon-container-success\) {
        background-color: var(--comp-color-background-alert-icon-container-success)
    }

    .iris\:bg-\(--comp-color-background-alert-info\) {
        background-color: var(--comp-color-background-alert-info)
    }

    .iris\:bg-\(--comp-color-background-alert-inverse-caution\) {
        background-color: var(--comp-color-background-alert-inverse-caution)
    }

    .iris\:bg-\(--comp-color-background-alert-inverse-error\) {
        background-color: var(--comp-color-background-alert-inverse-error)
    }

    .iris\:bg-\(--comp-color-background-alert-inverse-info\) {
        background-color: var(--comp-color-background-alert-inverse-info)
    }

    .iris\:bg-\(--comp-color-background-alert-inverse-success\) {
        background-color: var(--comp-color-background-alert-inverse-success)
    }

    .iris\:bg-\(--comp-color-background-alert-success\) {
        background-color: var(--comp-color-background-alert-success)
    }

    .iris\:bg-\(--comp-color-background-avatar-initials\) {
        background-color: var(--comp-color-background-avatar-initials)
    }

    .iris\:bg-\(--comp-color-background-avatar-initials-inverse\) {
        background-color: var(--comp-color-background-avatar-initials-inverse)
    }

    .iris\:bg-\(--comp-color-background-button-primary-disabled\) {
        background-color: var(--comp-color-background-button-primary-disabled)
    }

    .iris\:bg-\(--comp-color-background-button-primary-inverse-disabled\) {
        background-color: var(--comp-color-background-button-primary-inverse-disabled)
    }

    .iris\:bg-\(--comp-color-background-button-primary-inverse-rest\) {
        background-color: var(--comp-color-background-button-primary-inverse-rest)
    }

    .iris\:bg-\(--comp-color-background-button-primary-rest\) {
        background-color: var(--comp-color-background-button-primary-rest)
    }

    .iris\:bg-\(--comp-color-background-button-secondary-disabled\) {
        background-color: var(--comp-color-background-button-secondary-disabled)
    }

    .iris\:bg-\(--comp-color-background-button-secondary-inverse-disabled\) {
        background-color: var(--comp-color-background-button-secondary-inverse-disabled)
    }

    .iris\:bg-\(--comp-color-background-button-secondary-inverse-rest\) {
        background-color: var(--comp-color-background-button-secondary-inverse-rest)
    }

    .iris\:bg-\(--comp-color-background-button-secondary-rest\) {
        background-color: var(--comp-color-background-button-secondary-rest)
    }

    .iris\:bg-\(--comp-color-background-button-tertiary-disabled\) {
        background-color: var(--comp-color-background-button-tertiary-disabled)
    }

    .iris\:bg-\(--comp-color-background-button-tertiary-inverse-disabled\) {
        background-color: var(--comp-color-background-button-tertiary-inverse-disabled)
    }

    .iris\:bg-\(--comp-color-background-button-tertiary-inverse-rest\) {
        background-color: var(--comp-color-background-button-tertiary-inverse-rest)
    }

    .iris\:bg-\(--comp-color-background-button-tertiary-rest\) {
        background-color: var(--comp-color-background-button-tertiary-rest)
    }

    .iris\:bg-\(--comp-color-background-calendar-button-inverse-rest\) {
        background-color: var(--comp-color-background-calendar-button-inverse-rest)
    }

    .iris\:bg-\(--comp-color-background-calendar-button-rest\) {
        background-color: var(--comp-color-background-calendar-button-rest)
    }

    .iris\:bg-\(--comp-color-background-calendar-day-inverse-rest\) {
        background-color: var(--comp-color-background-calendar-day-inverse-rest)
    }

    .iris\:bg-\(--comp-color-background-calendar-day-rest\) {
        background-color: var(--comp-color-background-calendar-day-rest)
    }

    .iris\:bg-\(--comp-color-background-card-brand\) {
        background-color: var(--comp-color-background-card-brand)
    }

    .iris\:bg-\(--comp-color-background-card-brand-inverse\) {
        background-color: var(--comp-color-background-card-brand-inverse)
    }

    .iris\:bg-\(--comp-color-background-card-brand-subtle\) {
        background-color: var(--comp-color-background-card-brand-subtle)
    }

    .iris\:bg-\(--comp-color-background-card-brand-subtle-inverse\) {
        background-color: var(--comp-color-background-card-brand-subtle-inverse)
    }

    .iris\:bg-\(--comp-color-background-card-standard\) {
        background-color: var(--comp-color-background-card-standard)
    }

    .iris\:bg-\(--comp-color-background-card-standard-inverse\) {
        background-color: var(--comp-color-background-card-standard-inverse)
    }

    .iris\:bg-\(--comp-color-background-card-subtle\) {
        background-color: var(--comp-color-background-card-subtle)
    }

    .iris\:bg-\(--comp-color-background-card-subtle-inverse\) {
        background-color: var(--comp-color-background-card-subtle-inverse)
    }

    .iris\:bg-\(--comp-color-background-carousel-button-image-rest\) {
        background-color: var(--comp-color-background-carousel-button-image-rest)
    }

    .iris\:bg-\(--comp-color-background-carousel-button-inverse-rest\) {
        background-color: var(--comp-color-background-carousel-button-inverse-rest)
    }

    .iris\:bg-\(--comp-color-background-carousel-button-rest\) {
        background-color: var(--comp-color-background-carousel-button-rest)
    }

    .iris\:bg-\(--comp-color-background-chat-message-received\) {
        background-color: var(--comp-color-background-chat-message-received)
    }

    .iris\:bg-\(--comp-color-background-chat-message-received-inverse\) {
        background-color: var(--comp-color-background-chat-message-received-inverse)
    }

    .iris\:bg-\(--comp-color-background-chat-message-sent\) {
        background-color: var(--comp-color-background-chat-message-sent)
    }

    .iris\:bg-\(--comp-color-background-chat-message-sent-inverse\) {
        background-color: var(--comp-color-background-chat-message-sent-inverse)
    }

    .iris\:bg-\(--comp-color-background-check-radio-control-error\) {
        background-color: var(--comp-color-background-check-radio-control-error)
    }

    .iris\:bg-\(--comp-color-background-check-radio-control-inverse-error\) {
        background-color: var(--comp-color-background-check-radio-control-inverse-error)
    }

    .iris\:bg-\(--comp-color-background-check-radio-control-inverse-rest\) {
        background-color: var(--comp-color-background-check-radio-control-inverse-rest)
    }

    .iris\:bg-\(--comp-color-background-check-radio-control-inverse-selected\) {
        background-color: var(--comp-color-background-check-radio-control-inverse-selected)
    }

    .iris\:bg-\(--comp-color-background-check-radio-control-rest\) {
        background-color: var(--comp-color-background-check-radio-control-rest)
    }

    .iris\:bg-\(--comp-color-background-check-radio-control-selected\) {
        background-color: var(--comp-color-background-check-radio-control-selected)
    }

    .iris\:bg-\(--comp-color-background-chip-action-inverse-rest\) {
        background-color: var(--comp-color-background-chip-action-inverse-rest)
    }

    .iris\:bg-\(--comp-color-background-chip-action-rest\) {
        background-color: var(--comp-color-background-chip-action-rest)
    }

    .iris\:bg-\(--comp-color-background-chip-filter-inverse-rest\) {
        background-color: var(--comp-color-background-chip-filter-inverse-rest)
    }

    .iris\:bg-\(--comp-color-background-chip-filter-rest\) {
        background-color: var(--comp-color-background-chip-filter-rest)
    }

    .iris\:bg-\(--comp-color-background-chip-filter-selected-inverse-rest\) {
        background-color: var(--comp-color-background-chip-filter-selected-inverse-rest)
    }

    .iris\:bg-\(--comp-color-background-chip-filter-selected-rest\) {
        background-color: var(--comp-color-background-chip-filter-selected-rest)
    }

    .iris\:bg-\(--comp-color-background-chip-toggle-inverse-rest\) {
        background-color: var(--comp-color-background-chip-toggle-inverse-rest)
    }

    .iris\:bg-\(--comp-color-background-chip-toggle-rest\) {
        background-color: var(--comp-color-background-chip-toggle-rest)
    }

    .iris\:bg-\(--comp-color-background-chip-toggle-selected-inverse-rest\) {
        background-color: var(--comp-color-background-chip-toggle-selected-inverse-rest)
    }

    .iris\:bg-\(--comp-color-background-chip-toggle-selected-rest\) {
        background-color: var(--comp-color-background-chip-toggle-selected-rest)
    }

    .iris\:bg-\(--comp-color-background-deal-indicator-good-price-tag\) {
        background-color: var(--comp-color-background-deal-indicator-good-price-tag)
    }

    .iris\:bg-\(--comp-color-background-deal-indicator-good-price-tag-inverse\) {
        background-color: var(--comp-color-background-deal-indicator-good-price-tag-inverse)
    }

    .iris\:bg-\(--comp-color-background-deal-indicator-great-price-tag\) {
        background-color: var(--comp-color-background-deal-indicator-great-price-tag)
    }

    .iris\:bg-\(--comp-color-background-deal-indicator-great-price-tag-inverse\) {
        background-color: var(--comp-color-background-deal-indicator-great-price-tag-inverse)
    }

    .iris\:bg-\(--comp-color-background-icon-button-inverse-rest\) {
        background-color: var(--comp-color-background-icon-button-inverse-rest)
    }

    .iris\:bg-\(--comp-color-background-icon-button-rest\) {
        background-color: var(--comp-color-background-icon-button-rest)
    }

    .iris\:bg-\(--comp-color-background-input-error\) {
        background-color: var(--comp-color-background-input-error)
    }

    .iris\:bg-\(--comp-color-background-input-input-inverse-error\) {
        background-color: var(--comp-color-background-input-input-inverse-error)
    }

    .iris\:bg-\(--comp-color-background-input-inverse-rest\) {
        background-color: var(--comp-color-background-input-inverse-rest)
    }

    .iris\:bg-\(--comp-color-background-input-rest\) {
        background-color: var(--comp-color-background-input-rest)
    }

    .iris\:bg-\(--comp-color-background-label-tag-accent\) {
        background-color: var(--comp-color-background-label-tag-accent)
    }

    .iris\:bg-\(--comp-color-background-label-tag-accent-inverse\) {
        background-color: var(--comp-color-background-label-tag-accent-inverse)
    }

    .iris\:bg-\(--comp-color-background-label-tag-brand\) {
        background-color: var(--comp-color-background-label-tag-brand)
    }

    .iris\:bg-\(--comp-color-background-label-tag-brand-inverse\) {
        background-color: var(--comp-color-background-label-tag-brand-inverse)
    }

    .iris\:bg-\(--comp-color-background-label-tag-negative\) {
        background-color: var(--comp-color-background-label-tag-negative)
    }

    .iris\:bg-\(--comp-color-background-label-tag-negative-inverse\) {
        background-color: var(--comp-color-background-label-tag-negative-inverse)
    }

    .iris\:bg-\(--comp-color-background-label-tag-neutral\) {
        background-color: var(--comp-color-background-label-tag-neutral)
    }

    .iris\:bg-\(--comp-color-background-label-tag-neutral-inverse\) {
        background-color: var(--comp-color-background-label-tag-neutral-inverse)
    }

    .iris\:bg-\(--comp-color-background-label-tag-positive\) {
        background-color: var(--comp-color-background-label-tag-positive)
    }

    .iris\:bg-\(--comp-color-background-label-tag-positive-inverse\) {
        background-color: var(--comp-color-background-label-tag-positive-inverse)
    }

    .iris\:bg-\(--comp-color-background-listbox\) {
        background-color: var(--comp-color-background-listbox)
    }

    .iris\:bg-\(--comp-color-background-message-input-button-disabled\) {
        background-color: var(--comp-color-background-message-input-button-disabled)
    }

    .iris\:bg-\(--comp-color-background-message-input-button-rest\) {
        background-color: var(--comp-color-background-message-input-button-rest)
    }

    .iris\:bg-\(--comp-color-background-message-input-inverse-rest\) {
        background-color: var(--comp-color-background-message-input-inverse-rest)
    }

    .iris\:bg-\(--comp-color-background-message-input-rest\) {
        background-color: var(--comp-color-background-message-input-rest)
    }

    .iris\:bg-\(--comp-color-background-pagination-button-inverse-rest\) {
        background-color: var(--comp-color-background-pagination-button-inverse-rest)
    }

    .iris\:bg-\(--comp-color-background-pagination-button-rest\) {
        background-color: var(--comp-color-background-pagination-button-rest)
    }

    .iris\:bg-\(--comp-color-background-pagination-item-inverse-rest\) {
        background-color: var(--comp-color-background-pagination-item-inverse-rest)
    }

    .iris\:bg-\(--comp-color-background-pagination-item-inverse-selected\) {
        background-color: var(--comp-color-background-pagination-item-inverse-selected)
    }

    .iris\:bg-\(--comp-color-background-pagination-item-rest\) {
        background-color: var(--comp-color-background-pagination-item-rest)
    }

    .iris\:bg-\(--comp-color-background-pagination-item-selected\) {
        background-color: var(--comp-color-background-pagination-item-selected)
    }

    .iris\:bg-\(--comp-color-background-popover-default\) {
        background-color: var(--comp-color-background-popover-default)
    }

    .iris\:bg-\(--comp-color-background-popover-inverse\) {
        background-color: var(--comp-color-background-popover-inverse)
    }

    .iris\:bg-\(--comp-color-background-progress-bar-default\) {
        background-color: var(--comp-color-background-progress-bar-default)
    }

    .iris\:bg-\(--comp-color-background-progress-bar-inverse\) {
        background-color: var(--comp-color-background-progress-bar-inverse)
    }

    .iris\:bg-\(--comp-color-background-quick-tip-default\) {
        background-color: var(--comp-color-background-quick-tip-default)
    }

    .iris\:bg-\(--comp-color-background-quick-tip-inverse\) {
        background-color: var(--comp-color-background-quick-tip-inverse)
    }

    .iris\:bg-\(--comp-color-background-selectable-container-default-disabled\) {
        background-color: var(--comp-color-background-selectable-container-default-disabled)
    }

    .iris\:bg-\(--comp-color-background-selectable-container-default-rest\) {
        background-color: var(--comp-color-background-selectable-container-default-rest)
    }

    .iris\:bg-\(--comp-color-background-selectable-container-inverse-disabled\) {
        background-color: var(--comp-color-background-selectable-container-inverse-disabled)
    }

    .iris\:bg-\(--comp-color-background-selectable-container-inverse-rest\) {
        background-color: var(--comp-color-background-selectable-container-inverse-rest)
    }

    .iris\:bg-\(--comp-color-background-sheet-header-icon-rest\) {
        background-color: var(--comp-color-background-sheet-header-icon-rest)
    }

    .iris\:bg-\(--comp-color-background-sheet-scrim-default\) {
        background-color: var(--comp-color-background-sheet-scrim-default)
    }

    .iris\:bg-\(--comp-color-background-sheet-sheet-default\) {
        background-color: var(--comp-color-background-sheet-sheet-default)
    }

    .iris\:bg-\(--comp-color-background-slider-handle-inverse-rest\) {
        background-color: var(--comp-color-background-slider-handle-inverse-rest)
    }

    .iris\:bg-\(--comp-color-background-slider-handle-rest\) {
        background-color: var(--comp-color-background-slider-handle-rest)
    }

    .iris\:bg-\(--comp-color-background-slider-track\) {
        background-color: var(--comp-color-background-slider-track)
    }

    .iris\:bg-\(--comp-color-background-slider-track-inverse\) {
        background-color: var(--comp-color-background-slider-track-inverse)
    }

    .iris\:bg-\(--comp-color-background-step-indicator-active\) {
        background-color: var(--comp-color-background-step-indicator-active)
    }

    .iris\:bg-\(--comp-color-background-step-indicator-complete\) {
        background-color: var(--comp-color-background-step-indicator-complete)
    }

    .iris\:bg-\(--comp-color-background-step-indicator-disabled\) {
        background-color: var(--comp-color-background-step-indicator-disabled)
    }

    .iris\:bg-\(--comp-color-background-step-indicator-inverse-active\) {
        background-color: var(--comp-color-background-step-indicator-inverse-active)
    }

    .iris\:bg-\(--comp-color-background-step-indicator-inverse-complete\) {
        background-color: var(--comp-color-background-step-indicator-inverse-complete)
    }

    .iris\:bg-\(--comp-color-background-step-indicator-inverse-disabled\) {
        background-color: var(--comp-color-background-step-indicator-inverse-disabled)
    }

    .iris\:bg-\(--comp-color-background-step-indicator-inverse-visited\) {
        background-color: var(--comp-color-background-step-indicator-inverse-visited)
    }

    .iris\:bg-\(--comp-color-background-step-indicator-visited\) {
        background-color: var(--comp-color-background-step-indicator-visited)
    }

    .iris\:bg-\(--comp-color-background-sticky-bar-default\) {
        background-color: var(--comp-color-background-sticky-bar-default)
    }

    .iris\:bg-\(--comp-color-background-tabs-pill-container\) {
        background-color: var(--comp-color-background-tabs-pill-container)
    }

    .iris\:bg-\(--comp-color-background-tabs-pill-container-inverse\) {
        background-color: var(--comp-color-background-tabs-pill-container-inverse)
    }

    .iris\:bg-\(--comp-color-background-tabs-pill-tab-inverse-rest\) {
        background-color: var(--comp-color-background-tabs-pill-tab-inverse-rest)
    }

    .iris\:bg-\(--comp-color-background-tabs-pill-tab-rest\) {
        background-color: var(--comp-color-background-tabs-pill-tab-rest)
    }

    .iris\:bg-\(--comp-color-background-toast-default\) {
        background-color: var(--comp-color-background-toast-default)
    }

    .iris\:bg-\(--comp-color-background-toggle-button-default-rest\) {
        background-color: var(--comp-color-background-toggle-button-default-rest)
    }

    .iris\:bg-\(--comp-color-background-toggle-button-inverse-rest\) {
        background-color: var(--comp-color-background-toggle-button-inverse-rest)
    }

    .iris\:bg-\(--comp-color-background-toggle-switch-handle-inverse-rest\) {
        background-color: var(--comp-color-background-toggle-switch-handle-inverse-rest)
    }

    .iris\:bg-\(--comp-color-background-toggle-switch-handle-rest\) {
        background-color: var(--comp-color-background-toggle-switch-handle-rest)
    }

    .iris\:bg-\(--comp-color-background-toggle-switch-track-inverse-rest\) {
        background-color: var(--comp-color-background-toggle-switch-track-inverse-rest)
    }

    .iris\:bg-\(--comp-color-background-toggle-switch-track-rest\) {
        background-color: var(--comp-color-background-toggle-switch-track-rest)
    }

    .iris\:bg-\(--comp-color-background-tooltip-default\) {
        background-color: var(--comp-color-background-tooltip-default)
    }

    .iris\:bg-\(--comp-color-background-tooltip-inverse\) {
        background-color: var(--comp-color-background-tooltip-inverse)
    }

    .iris\:bg-\(--comp-color-background-video-trigger-button-rest\) {
        background-color: var(--comp-color-background-video-trigger-button-rest)
    }

    .iris\:bg-\(--comp-color-border-divider-default\) {
        background-color: var(--comp-color-border-divider-default)
    }

    .iris\:bg-\(--comp-color-border-divider-inverse\) {
        background-color: var(--comp-color-border-divider-inverse)
    }

    .iris\:bg-\(--comp-color-content-progress-bar-perc-bar\) {
        background-color: var(--comp-color-content-progress-bar-perc-bar)
    }

    .iris\:bg-\(--comp-color-content-progress-bar-perc-bar-inverse\) {
        background-color: var(--comp-color-content-progress-bar-perc-bar-inverse)
    }

    .iris\:bg-\(--comp-color-content-skeleton-loader-default\) {
        background-color: var(--comp-color-content-skeleton-loader-default)
    }

    .iris\:bg-\(--comp-color-content-skeleton-loader-inverse\) {
        background-color: var(--comp-color-content-skeleton-loader-inverse)
    }

    .iris\:bg-\(--comp-color-content-slider-active-track\) {
        background-color: var(--comp-color-content-slider-active-track)
    }

    .iris\:bg-\(--comp-color-content-slider-active-track-inverse\) {
        background-color: var(--comp-color-content-slider-active-track-inverse)
    }

    .iris\:bg-\(--sem-color-background-brand-primary\) {
        background-color: var(--sem-color-background-brand-primary)
    }

    .iris\:bg-\(--sem-color-background-brand-secondary\) {
        background-color: var(--sem-color-background-brand-secondary)
    }

    .iris\:bg-\(--sem-color-background-neutral-primary\) {
        background-color: var(--sem-color-background-neutral-primary)
    }

    .iris\:bg-\[transparent\] {
        background-color: #0000
    }

    .iris\:bg-error-100 {
        background-color: var(--base-color-error-100)
    }

    .iris\:bg-gray-100 {
        background-color: var(--iris-color-gray-100)
    }

    .iris\:bg-gray-400 {
        background-color: var(--iris-color-gray-400)
    }

    .iris\:bg-primary-100 {
        background-color: var(--base-color-primary-100)
    }

    .iris\:bg-transparent {
        background-color: #0000
    }

    .iris\:bg-white {
        background-color: var(--iris-color-white)
    }

    .iris\:bg-gradient-to-l {
        --tw-gradient-position: to left in oklab
    }

    .iris\:bg-gradient-to-l,
    .iris\:bg-gradient-to-r {
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .iris\:bg-gradient-to-r {
        --tw-gradient-position: to right in oklab
    }

    .iris\:bg-\[radial-gradient\(141\.4\%_141\.4\%_at_0\%_0\%\,var\(--comp-color-background-color-swatch-beige-light\)_60\%\,var\(--comp-color-background-color-swatch-beige-dark\)_100\%\)\] {
        background-image: radial-gradient(141.4% 141.4% at 0 0, var(--comp-color-background-color-swatch-beige-light)60%, var(--comp-color-background-color-swatch-beige-dark)100%)
    }

    .iris\:bg-\[radial-gradient\(141\.4\%_141\.4\%_at_0\%_0\%\,var\(--comp-color-background-color-swatch-black-light\)_60\%\,var\(--comp-color-background-color-swatch-black-dark\)_100\%\)\] {
        background-image: radial-gradient(141.4% 141.4% at 0 0, var(--comp-color-background-color-swatch-black-light)60%, var(--comp-color-background-color-swatch-black-dark)100%)
    }

    .iris\:bg-\[radial-gradient\(141\.4\%_141\.4\%_at_0\%_0\%\,var\(--comp-color-background-color-swatch-blue-light\)_60\%\,var\(--comp-color-background-color-swatch-blue-dark\)_100\%\)\] {
        background-image: radial-gradient(141.4% 141.4% at 0 0, var(--comp-color-background-color-swatch-blue-light)60%, var(--comp-color-background-color-swatch-blue-dark)100%)
    }

    .iris\:bg-\[radial-gradient\(141\.4\%_141\.4\%_at_0\%_0\%\,var\(--comp-color-background-color-swatch-brown-light\)_60\%\,var\(--comp-color-background-color-swatch-brown-dark\)_100\%\)\] {
        background-image: radial-gradient(141.4% 141.4% at 0 0, var(--comp-color-background-color-swatch-brown-light)60%, var(--comp-color-background-color-swatch-brown-dark)100%)
    }

    .iris\:bg-\[radial-gradient\(141\.4\%_141\.4\%_at_0\%_0\%\,var\(--comp-color-background-color-swatch-burgundy-light\)_60\%\,var\(--comp-color-background-color-swatch-burgundy-dark\)_100\%\)\] {
        background-image: radial-gradient(141.4% 141.4% at 0 0, var(--comp-color-background-color-swatch-burgundy-light)60%, var(--comp-color-background-color-swatch-burgundy-dark)100%)
    }

    .iris\:bg-\[radial-gradient\(141\.4\%_141\.4\%_at_0\%_0\%\,var\(--comp-color-background-color-swatch-charcoal-light\)_60\%\,var\(--comp-color-background-color-swatch-charcoal-dark\)_100\%\)\] {
        background-image: radial-gradient(141.4% 141.4% at 0 0, var(--comp-color-background-color-swatch-charcoal-light)60%, var(--comp-color-background-color-swatch-charcoal-dark)100%)
    }

    .iris\:bg-\[radial-gradient\(141\.4\%_141\.4\%_at_0\%_0\%\,var\(--comp-color-background-color-swatch-gold-light\)_60\%\,var\(--comp-color-background-color-swatch-gold-dark\)_100\%\)\] {
        background-image: radial-gradient(141.4% 141.4% at 0 0, var(--comp-color-background-color-swatch-gold-light)60%, var(--comp-color-background-color-swatch-gold-dark)100%)
    }

    .iris\:bg-\[radial-gradient\(141\.4\%_141\.4\%_at_0\%_0\%\,var\(--comp-color-background-color-swatch-gray-light\)_60\%\,var\(--comp-color-background-color-swatch-gray-dark\)_100\%\)\] {
        background-image: radial-gradient(141.4% 141.4% at 0 0, var(--comp-color-background-color-swatch-gray-light)60%, var(--comp-color-background-color-swatch-gray-dark)100%)
    }

    .iris\:bg-\[radial-gradient\(141\.4\%_141\.4\%_at_0\%_0\%\,var\(--comp-color-background-color-swatch-green-light\)_60\%\,var\(--comp-color-background-color-swatch-green-dark\)_100\%\)\] {
        background-image: radial-gradient(141.4% 141.4% at 0 0, var(--comp-color-background-color-swatch-green-light)60%, var(--comp-color-background-color-swatch-green-dark)100%)
    }

    .iris\:bg-\[radial-gradient\(141\.4\%_141\.4\%_at_0\%_0\%\,var\(--comp-color-background-color-swatch-offwhite-light\)_60\%\,var\(--comp-color-background-color-swatch-offwhite-dark\)_100\%\)\] {
        background-image: radial-gradient(141.4% 141.4% at 0 0, var(--comp-color-background-color-swatch-offwhite-light)60%, var(--comp-color-background-color-swatch-offwhite-dark)100%)
    }

    .iris\:bg-\[radial-gradient\(141\.4\%_141\.4\%_at_0\%_0\%\,var\(--comp-color-background-color-swatch-orange-light\)_60\%\,var\(--comp-color-background-color-swatch-orange-dark\)_100\%\)\] {
        background-image: radial-gradient(141.4% 141.4% at 0 0, var(--comp-color-background-color-swatch-orange-light)60%, var(--comp-color-background-color-swatch-orange-dark)100%)
    }

    .iris\:bg-\[radial-gradient\(141\.4\%_141\.4\%_at_0\%_0\%\,var\(--comp-color-background-color-swatch-pink-light\)_60\%\,var\(--comp-color-background-color-swatch-pink-dark\)_100\%\)\] {
        background-image: radial-gradient(141.4% 141.4% at 0 0, var(--comp-color-background-color-swatch-pink-light)60%, var(--comp-color-background-color-swatch-pink-dark)100%)
    }

    .iris\:bg-\[radial-gradient\(141\.4\%_141\.4\%_at_0\%_0\%\,var\(--comp-color-background-color-swatch-purple-light\)_60\%\,var\(--comp-color-background-color-swatch-purple-dark\)_100\%\)\] {
        background-image: radial-gradient(141.4% 141.4% at 0 0, var(--comp-color-background-color-swatch-purple-light)60%, var(--comp-color-background-color-swatch-purple-dark)100%)
    }

    .iris\:bg-\[radial-gradient\(141\.4\%_141\.4\%_at_0\%_0\%\,var\(--comp-color-background-color-swatch-red-light\)_60\%\,var\(--comp-color-background-color-swatch-red-dark\)_100\%\)\] {
        background-image: radial-gradient(141.4% 141.4% at 0 0, var(--comp-color-background-color-swatch-red-light)60%, var(--comp-color-background-color-swatch-red-dark)100%)
    }

    .iris\:bg-\[radial-gradient\(141\.4\%_141\.4\%_at_0\%_0\%\,var\(--comp-color-background-color-swatch-silver-light\)_60\%\,var\(--comp-color-background-color-swatch-silver-dark\)_100\%\)\] {
        background-image: radial-gradient(141.4% 141.4% at 0 0, var(--comp-color-background-color-swatch-silver-light)60%, var(--comp-color-background-color-swatch-silver-dark)100%)
    }

    .iris\:bg-\[radial-gradient\(141\.4\%_141\.4\%_at_0\%_0\%\,var\(--comp-color-background-color-swatch-tan-light\)_60\%\,var\(--comp-color-background-color-swatch-tan-dark\)_100\%\)\] {
        background-image: radial-gradient(141.4% 141.4% at 0 0, var(--comp-color-background-color-swatch-tan-light)60%, var(--comp-color-background-color-swatch-tan-dark)100%)
    }

    .iris\:bg-\[radial-gradient\(141\.4\%_141\.4\%_at_0\%_0\%\,var\(--comp-color-background-color-swatch-turquoise-light\)_60\%\,var\(--comp-color-background-color-swatch-turquoise-dark\)_100\%\)\] {
        background-image: radial-gradient(141.4% 141.4% at 0 0, var(--comp-color-background-color-swatch-turquoise-light)60%, var(--comp-color-background-color-swatch-turquoise-dark)100%)
    }

    .iris\:bg-\[radial-gradient\(141\.4\%_141\.4\%_at_0\%_0\%\,var\(--comp-color-background-color-swatch-white-light\)_60\%\,var\(--comp-color-background-color-swatch-white-dark\)_100\%\)\] {
        background-image: radial-gradient(141.4% 141.4% at 0 0, var(--comp-color-background-color-swatch-white-light)60%, var(--comp-color-background-color-swatch-white-dark)100%)
    }

    .iris\:bg-\[radial-gradient\(141\.4\%_141\.4\%_at_0\%_0\%\,var\(--comp-color-background-color-swatch-yellow-light\)_60\%\,var\(--comp-color-background-color-swatch-yellow-dark\)_100\%\)\] {
        background-image: radial-gradient(141.4% 141.4% at 0 0, var(--comp-color-background-color-swatch-yellow-light)60%, var(--comp-color-background-color-swatch-yellow-dark)100%)
    }

    .iris\:from-\(--sem-color-background-neutral-inverse-primary\) {
        --tw-gradient-from: var(--sem-color-background-neutral-inverse-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .iris\:from-\(--sem-color-background-neutral-primary\) {
        --tw-gradient-from: var(--sem-color-background-neutral-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .iris\:to-transparent {
        --tw-gradient-to: transparent;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .iris\:fill-\(--comp-color-background-tooltip-default\) {
        fill: var(--comp-color-background-tooltip-default)
    }

    .iris\:fill-\(--comp-color-background-tooltip-inverse\) {
        fill: var(--comp-color-background-tooltip-inverse)
    }

    .iris\:fill-\(--comp-color-content-star-rating-icon\) {
        fill: var(--comp-color-content-star-rating-icon)
    }

    .iris\:fill-\(--comp-color-content-star-rating-icon-inverse\) {
        fill: var(--comp-color-content-star-rating-icon-inverse)
    }

    .iris\:fill-\(--comp-color-content-step-indicator-icon-complete\) {
        fill: var(--comp-color-content-step-indicator-icon-complete)
    }

    .iris\:fill-\(--comp-color-content-step-indicator-icon-inverse-complete\) {
        fill: var(--comp-color-content-step-indicator-icon-inverse-complete)
    }

    .iris\:stroke-\(--comp-color-background-spinner-dark\) {
        stroke: var(--comp-color-background-spinner-dark)
    }

    .iris\:stroke-\(--comp-color-background-spinner-light\) {
        stroke: var(--comp-color-background-spinner-light)
    }

    .iris\:stroke-\(--comp-color-border-tooltip-default\) {
        stroke: var(--comp-color-border-tooltip-default)
    }

    .iris\:stroke-\(--comp-color-border-tooltip-inverse\) {
        stroke: var(--comp-color-border-tooltip-inverse)
    }

    .iris\:stroke-\(--comp-color-content-button-primary-disabled\) {
        stroke: var(--comp-color-content-button-primary-disabled)
    }

    .iris\:stroke-\(--comp-color-content-button-primary-inverse-disabled\) {
        stroke: var(--comp-color-content-button-primary-inverse-disabled)
    }

    .iris\:stroke-\(--comp-color-content-button-secondary-disabled\) {
        stroke: var(--comp-color-content-button-secondary-disabled)
    }

    .iris\:stroke-\(--comp-color-content-button-secondary-inverse-disabled\) {
        stroke: var(--comp-color-content-button-secondary-inverse-disabled)
    }

    .iris\:stroke-\(--comp-color-content-button-tertiary-disabled\) {
        stroke: var(--comp-color-content-button-tertiary-disabled)
    }

    .iris\:stroke-\(--comp-color-content-button-tertiary-inverse-disabled\) {
        stroke: var(--comp-color-content-button-tertiary-inverse-disabled)
    }

    .iris\:stroke-\(--comp-color-content-spinner-arc\) {
        stroke: var(--comp-color-content-spinner-arc)
    }

    .iris\:stroke-\(--comp-color-content-spinner-arc-inverse\) {
        stroke: var(--comp-color-content-spinner-arc-inverse)
    }

    .iris\:stroke-\[0\.5px\] {
        stroke-width: .5px
    }

    .iris\:object-contain {
        object-fit: contain
    }

    .iris\:object-cover {
        object-fit: cover
    }

    .iris\:p-\(--base-space-px-0\) {
        padding: var(--base-space-px-0)
    }

    .iris\:p-\(--comp-space-padding-alert-content-all\) {
        padding: var(--comp-space-padding-alert-content-all)
    }

    .iris\:p-\(--comp-space-padding-alert-icon-vertical\) {
        padding: var(--comp-space-padding-alert-icon-vertical)
    }

    .iris\:p-\(--comp-space-padding-bottom-sheet-all\) {
        padding: var(--comp-space-padding-bottom-sheet-all)
    }

    .iris\:p-\(--comp-space-padding-card-all\) {
        padding: var(--comp-space-padding-card-all)
    }

    .iris\:p-\(--comp-space-padding-control-button-all\) {
        padding: var(--comp-space-padding-control-button-all)
    }

    .iris\:p-\(--comp-space-padding-icon-button-md\) {
        padding: var(--comp-space-padding-icon-button-md)
    }

    .iris\:p-\(--comp-space-padding-icon-button-sm\) {
        padding: var(--comp-space-padding-icon-button-sm)
    }

    .iris\:p-\(--comp-space-padding-listbox-popover\) {
        padding: var(--comp-space-padding-listbox-popover)
    }

    .iris\:p-\(--comp-space-padding-pagination-truncation-all\) {
        padding: var(--comp-space-padding-pagination-truncation-all)
    }

    .iris\:p-\(--comp-space-padding-popover-all\) {
        padding: var(--comp-space-padding-popover-all)
    }

    .iris\:p-\(--comp-space-padding-quick-tip-all\) {
        padding: var(--comp-space-padding-quick-tip-all)
    }

    .iris\:p-\(--comp-space-padding-toggle-switch\) {
        padding: var(--comp-space-padding-toggle-switch)
    }

    .iris\:p-\(--comp-space-padding-video-trigger-button-lg\) {
        padding: var(--comp-space-padding-video-trigger-button-lg)
    }

    .iris\:p-\(--comp-space-padding-video-trigger-button-md\) {
        padding: var(--comp-space-padding-video-trigger-button-md)
    }

    .iris\:p-0 {
        padding: calc(var(--iris-spacing)*0)
    }

    .iris\:p-0\.5 {
        padding: calc(var(--iris-spacing)*.5)
    }

    .iris\:p-1 {
        padding: calc(var(--iris-spacing)*1)
    }

    .iris\:p-2 {
        padding: calc(var(--iris-spacing)*2)
    }

    .iris\:p-3 {
        padding: calc(var(--iris-spacing)*3)
    }

    .iris\:p-4 {
        padding: calc(var(--iris-spacing)*4)
    }

    .iris\:p-6 {
        padding: calc(var(--iris-spacing)*6)
    }

    .iris\:p-8 {
        padding: calc(var(--iris-spacing)*8)
    }

    .iris\:p-\[unset\] {
        padding: unset
    }

    .iris\:px-\(--base-space-px-0\) {
        padding-inline: var(--base-space-px-0)
    }

    .iris\:px-\(--base-space-px-4\) {
        padding-inline: var(--base-space-px-4)
    }

    .iris\:px-\(--base-space-px-8\) {
        padding-inline: var(--base-space-px-8)
    }

    .iris\:px-\(--base-space-px-32\) {
        padding-inline: var(--base-space-px-32)
    }

    .iris\:px-\(--comp-space-padding-accordion-contained\) {
        padding-inline: var(--comp-space-padding-accordion-contained)
    }

    .iris\:px-\(--comp-space-padding-accordion-uncontained\) {
        padding-inline: var(--comp-space-padding-accordion-uncontained)
    }

    .iris\:px-\(--comp-space-padding-bottom-sheet-all\) {
        padding-inline: var(--comp-space-padding-bottom-sheet-all)
    }

    .iris\:px-\(--comp-space-padding-button-lg-horizontal\) {
        padding-inline: var(--comp-space-padding-button-lg-horizontal)
    }

    .iris\:px-\(--comp-space-padding-button-md-horizontal\) {
        padding-inline: var(--comp-space-padding-button-md-horizontal)
    }

    .iris\:px-\(--comp-space-padding-button-sm-horizontal\) {
        padding-inline: var(--comp-space-padding-button-sm-horizontal)
    }

    .iris\:px-\(--comp-space-padding-calendar-horizontal\) {
        padding-inline: var(--comp-space-padding-calendar-horizontal)
    }

    .iris\:px-\(--comp-space-padding-chat-message-horizontal\) {
        padding-inline: var(--comp-space-padding-chat-message-horizontal)
    }

    .iris\:px-\(--comp-space-padding-check-radio-all\) {
        padding-inline: var(--comp-space-padding-check-radio-all)
    }

    .iris\:px-\(--comp-space-padding-chip-action-horizontal\) {
        padding-inline: var(--comp-space-padding-chip-action-horizontal)
    }

    .iris\:px-\(--comp-space-padding-chip-filter-horizontal\) {
        padding-inline: var(--comp-space-padding-chip-filter-horizontal)
    }

    .iris\:px-\(--comp-space-padding-chip-toggle-horizontal\) {
        padding-inline: var(--comp-space-padding-chip-toggle-horizontal)
    }

    .iris\:px-\(--comp-space-padding-fullscreen-sheet-horizontal\) {
        padding-inline: var(--comp-space-padding-fullscreen-sheet-horizontal)
    }

    .iris\:px-\(--comp-space-padding-input-horizontal\) {
        padding-inline: var(--comp-space-padding-input-horizontal)
    }

    .iris\:px-\(--comp-space-padding-label-tag-horizontal\) {
        padding-inline: var(--comp-space-padding-label-tag-horizontal)
    }

    .iris\:px-\(--comp-space-padding-listbox-divider-horizontal\) {
        padding-inline: var(--comp-space-padding-listbox-divider-horizontal)
    }

    .iris\:px-\(--comp-space-padding-listbox-item-horizontal\) {
        padding-inline: var(--comp-space-padding-listbox-item-horizontal)
    }

    .iris\:px-\(--comp-space-padding-pagination-horizontal\) {
        padding-inline: var(--comp-space-padding-pagination-horizontal)
    }

    .iris\:px-\(--comp-space-padding-selectable-container-horizontal\) {
        padding-inline: var(--comp-space-padding-selectable-container-horizontal)
    }

    .iris\:px-\(--comp-space-padding-sheet-header-horizontal\) {
        padding-inline: var(--comp-space-padding-sheet-header-horizontal)
    }

    .iris\:px-\(--comp-space-padding-tabs-pill-horizontal-narrow\) {
        padding-inline: var(--comp-space-padding-tabs-pill-horizontal-narrow)
    }

    .iris\:px-\(--comp-space-padding-toast-horizonal\) {
        padding-inline: var(--comp-space-padding-toast-horizonal)
    }

    .iris\:px-\(--comp-space-padding-toggle-button-horizontal\) {
        padding-inline: var(--comp-space-padding-toggle-button-horizontal)
    }

    .iris\:px-0 {
        padding-inline: calc(var(--iris-spacing)*0)
    }

    .iris\:px-1 {
        padding-inline: calc(var(--iris-spacing)*1)
    }

    .iris\:px-3 {
        padding-inline: calc(var(--iris-spacing)*3)
    }

    .iris\:px-4 {
        padding-inline: calc(var(--iris-spacing)*4)
    }

    .iris\:px-6 {
        padding-inline: calc(var(--iris-spacing)*6)
    }

    .iris\:px-8 {
        padding-inline: calc(var(--iris-spacing)*8)
    }

    .iris\:py-\(--base-space-px-2\) {
        padding-block: var(--base-space-px-2)
    }

    .iris\:py-\(--base-space-px-8\) {
        padding-block: var(--base-space-px-8)
    }

    .iris\:py-\(--base-space-px-16\) {
        padding-block: var(--base-space-px-16)
    }

    .iris\:py-\(--comp-space-padding-accordion-header-vertical\) {
        padding-block: var(--comp-space-padding-accordion-header-vertical)
    }

    .iris\:py-\(--comp-space-padding-alert-icon-vertical\) {
        padding-block: var(--comp-space-padding-alert-icon-vertical)
    }

    .iris\:py-\(--comp-space-padding-button-vertical\) {
        padding-block: var(--comp-space-padding-button-vertical)
    }

    .iris\:py-\(--comp-space-padding-chat-message-vertical\) {
        padding-block: var(--comp-space-padding-chat-message-vertical)
    }

    .iris\:py-\(--comp-space-padding-check-radio-all\) {
        padding-block: var(--comp-space-padding-check-radio-all)
    }

    .iris\:py-\(--comp-space-padding-chip-action-vertical\) {
        padding-block: var(--comp-space-padding-chip-action-vertical)
    }

    .iris\:py-\(--comp-space-padding-chip-filter-vertical\) {
        padding-block: var(--comp-space-padding-chip-filter-vertical)
    }

    .iris\:py-\(--comp-space-padding-chip-toggle-vertical\) {
        padding-block: var(--comp-space-padding-chip-toggle-vertical)
    }

    .iris\:py-\(--comp-space-padding-fullscreen-sheet-header-vertical\) {
        padding-block: var(--comp-space-padding-fullscreen-sheet-header-vertical)
    }

    .iris\:py-\(--comp-space-padding-label-tag-vertical\) {
        padding-block: var(--comp-space-padding-label-tag-vertical)
    }

    .iris\:py-\(--comp-space-padding-listbox-item-vertical\) {
        padding-block: var(--comp-space-padding-listbox-item-vertical)
    }

    .iris\:py-\(--comp-space-padding-message-input-text-area-vertical\) {
        padding-block: var(--comp-space-padding-message-input-text-area-vertical)
    }

    .iris\:py-\(--comp-space-padding-pagination-vertical\) {
        padding-block: var(--comp-space-padding-pagination-vertical)
    }

    .iris\:py-\(--comp-space-padding-select-vertical\) {
        padding-block: var(--comp-space-padding-select-vertical)
    }

    .iris\:py-\(--comp-space-padding-selectable-container-vertical\) {
        padding-block: var(--comp-space-padding-selectable-container-vertical)
    }

    .iris\:py-\(--comp-space-padding-sheet-header-vertical\) {
        padding-block: var(--comp-space-padding-sheet-header-vertical)
    }

    .iris\:py-\(--comp-space-padding-tabs-pill-vertical\) {
        padding-block: var(--comp-space-padding-tabs-pill-vertical)
    }

    .iris\:py-\(--comp-space-padding-text-area-vertical\) {
        padding-block: var(--comp-space-padding-text-area-vertical)
    }

    .iris\:py-\(--comp-space-padding-text-input-vertical\) {
        padding-block: var(--comp-space-padding-text-input-vertical)
    }

    .iris\:py-\(--comp-space-padding-toast-vertical\) {
        padding-block: var(--comp-space-padding-toast-vertical)
    }

    .iris\:py-\(--comp-space-padding-toggle-button-vertical\) {
        padding-block: var(--comp-space-padding-toggle-button-vertical)
    }

    .iris\:py-0\.5 {
        padding-block: calc(var(--iris-spacing)*.5)
    }

    .iris\:py-2 {
        padding-block: calc(var(--iris-spacing)*2)
    }

    .iris\:py-3 {
        padding-block: calc(var(--iris-spacing)*3)
    }

    .iris\:py-4 {
        padding-block: calc(var(--iris-spacing)*4)
    }

    .iris\:py-8 {
        padding-block: calc(var(--iris-spacing)*8)
    }

    .iris\:py-12 {
        padding-block: calc(var(--iris-spacing)*12)
    }

    .iris\:pt-\(--base-space-px-8\) {
        padding-top: var(--base-space-px-8)
    }

    .iris\:pt-\(--base-space-px-16\) {
        padding-top: var(--base-space-px-16)
    }

    .iris\:pt-\(--comp-space-padding-accordion-content-top\) {
        padding-top: var(--comp-space-padding-accordion-content-top)
    }

    .iris\:pt-\(--comp-space-padding-bottom-sheet-all\) {
        padding-top: var(--comp-space-padding-bottom-sheet-all)
    }

    .iris\:pt-\(--comp-space-padding-message-input-top\) {
        padding-top: var(--comp-space-padding-message-input-top)
    }

    .iris\:pt-\(--comp-space-padding-select-inner-label-filled-top\) {
        padding-top: var(--comp-space-padding-select-inner-label-filled-top)
    }

    .iris\:pt-\(--comp-space-padding-text-area-vertical\) {
        padding-top: var(--comp-space-padding-text-area-vertical)
    }

    .iris\:pt-\(--comp-space-padding-text-input-inner-label-filled-top\) {
        padding-top: var(--comp-space-padding-text-input-inner-label-filled-top)
    }

    .iris\:pt-4 {
        padding-top: calc(var(--iris-spacing)*4)
    }

    .iris\:pt-6 {
        padding-top: calc(var(--iris-spacing)*6)
    }

    .iris\:pt-\[unset\] {
        padding-top: unset
    }

    .iris\:pr-\(--base-space-px-2\) {
        padding-right: var(--base-space-px-2)
    }

    .iris\:pr-\(--base-space-px-32\) {
        padding-right: var(--base-space-px-32)
    }

    .iris\:pr-\(--comp-size-icon-sheet-header\)\! {
        padding-right: var(--comp-size-icon-sheet-header) !important
    }

    .iris\:pr-\(--comp-space-padding-accordion-contained\) {
        padding-right: var(--comp-space-padding-accordion-contained)
    }

    .iris\:pr-\(--comp-space-padding-accordion-contained-icon\) {
        padding-right: var(--comp-space-padding-accordion-contained-icon)
    }

    .iris\:pr-\(--comp-space-padding-accordion-uncontained\) {
        padding-right: var(--comp-space-padding-accordion-uncontained)
    }

    .iris\:pr-\(--comp-space-padding-accordion-uncontained-icon\) {
        padding-right: var(--comp-space-padding-accordion-uncontained-icon)
    }

    .iris\:pr-\(--comp-space-padding-alert-icon-right\) {
        padding-right: var(--comp-space-padding-alert-icon-right)
    }

    .iris\:pr-\(--comp-space-padding-alert-text-right\) {
        padding-right: var(--comp-space-padding-alert-text-right)
    }

    .iris\:pr-\(--comp-space-padding-alert-text-right-dismissable\) {
        padding-right: var(--comp-space-padding-alert-text-right-dismissable)
    }

    .iris\:pr-\(--comp-space-padding-carousel-button-icon-nudge\) {
        padding-right: var(--comp-space-padding-carousel-button-icon-nudge)
    }

    .iris\:pr-\(--comp-space-padding-chip-filter-selected-right\) {
        padding-right: var(--comp-space-padding-chip-filter-selected-right)
    }

    .iris\:pr-\(--comp-space-padding-fullscreen-sheet-header-right\) {
        padding-right: var(--comp-space-padding-fullscreen-sheet-header-right)
    }

    .iris\:pr-\(--comp-space-padding-listbox-item-horizontal\) {
        padding-right: var(--comp-space-padding-listbox-item-horizontal)
    }

    .iris\:pr-\(--comp-space-padding-message-input-right\) {
        padding-right: var(--comp-space-padding-message-input-right)
    }

    .iris\:pr-\(--comp-space-padding-select-right\) {
        padding-right: var(--comp-space-padding-select-right)
    }

    .iris\:pr-\(--comp-space-padding-sheet-scrim-all\) {
        padding-right: var(--comp-space-padding-sheet-scrim-all)
    }

    .iris\:pb-\(--base-space-px-8\) {
        padding-bottom: var(--base-space-px-8)
    }

    .iris\:pb-\(--base-space-px-24\) {
        padding-bottom: var(--base-space-px-24)
    }

    .iris\:pb-\(--base-space-px-32\) {
        padding-bottom: var(--base-space-px-32)
    }

    .iris\:pb-\(--comp-space-gap-tabs-text-tab-label\) {
        padding-bottom: var(--comp-space-gap-tabs-text-tab-label)
    }

    .iris\:pb-\(--comp-space-padding-accordion-content-bottom\) {
        padding-bottom: var(--comp-space-padding-accordion-content-bottom)
    }

    .iris\:pb-\(--comp-space-padding-bottom-sheet-all\) {
        padding-bottom: var(--comp-space-padding-bottom-sheet-all)
    }

    .iris\:pb-\(--comp-space-padding-message-input-bottom\) {
        padding-bottom: var(--comp-space-padding-message-input-bottom)
    }

    .iris\:pb-\(--comp-space-padding-select-inner-label-filled-bottom\) {
        padding-bottom: var(--comp-space-padding-select-inner-label-filled-bottom)
    }

    .iris\:pb-\(--comp-space-padding-text-area-vertical\) {
        padding-bottom: var(--comp-space-padding-text-area-vertical)
    }

    .iris\:pb-\(--comp-space-padding-text-input-inner-label-filled-bottom\) {
        padding-bottom: var(--comp-space-padding-text-input-inner-label-filled-bottom)
    }

    .iris\:pb-6 {
        padding-bottom: calc(var(--iris-spacing)*6)
    }

    .iris\:pl-\(--base-space-px-2\) {
        padding-left: var(--base-space-px-2)
    }

    .iris\:pl-\(--base-space-px-8\) {
        padding-left: var(--base-space-px-8)
    }

    .iris\:pl-\(--base-space-px-12\) {
        padding-left: var(--base-space-px-12)
    }

    .iris\:pl-\(--comp-space-padding-accordion-contained\) {
        padding-left: var(--comp-space-padding-accordion-contained)
    }

    .iris\:pl-\(--comp-space-padding-accordion-contained-icon\) {
        padding-left: var(--comp-space-padding-accordion-contained-icon)
    }

    .iris\:pl-\(--comp-space-padding-accordion-uncontained\) {
        padding-left: var(--comp-space-padding-accordion-uncontained)
    }

    .iris\:pl-\(--comp-space-padding-accordion-uncontained-icon\) {
        padding-left: var(--comp-space-padding-accordion-uncontained-icon)
    }

    .iris\:pl-\(--comp-space-padding-alert-icon-left\) {
        padding-left: var(--comp-space-padding-alert-icon-left)
    }

    .iris\:pl-\(--comp-space-padding-carousel-button-icon-nudge\) {
        padding-left: var(--comp-space-padding-carousel-button-icon-nudge)
    }

    .iris\:pl-\(--comp-space-padding-chip-filter-selected-left\) {
        padding-left: var(--comp-space-padding-chip-filter-selected-left)
    }

    .iris\:pl-\(--comp-space-padding-fullscreen-sheet-header-left\) {
        padding-left: var(--comp-space-padding-fullscreen-sheet-header-left)
    }

    .iris\:pl-\(--comp-space-padding-listbox-option-group-left\) {
        padding-left: var(--comp-space-padding-listbox-option-group-left)
    }

    .iris\:pl-\(--comp-space-padding-message-input-left\) {
        padding-left: var(--comp-space-padding-message-input-left)
    }

    .iris\:pl-\(--comp-space-padding-select-left\) {
        padding-left: var(--comp-space-padding-select-left)
    }

    .iris\:pl-\(--comp-space-padding-sheet-scrim-all\) {
        padding-left: var(--comp-space-padding-sheet-scrim-all)
    }

    .iris\:pl-4 {
        padding-left: calc(var(--iris-spacing)*4)
    }

    .iris\:text-center {
        text-align: center
    }

    .iris\:text-left {
        text-align: left
    }

    .iris\:text-right {
        text-align: right
    }

    .iris\:align-bottom {
        vertical-align: bottom
    }

    .iris\:font-\(family-name\:--base-type-font-body\) {
        font-family: var(--base-type-font-body)
    }

    .iris\:font-\(family-name\:--base-type-font-display\) {
        font-family: var(--base-type-font-display)
    }

    .iris\:font-\(family-name\:--base-type-font-heading\) {
        font-family: var(--base-type-font-heading)
    }

    .iris\:font-\(family-name\:--comp-type-font-accordion-label\) {
        font-family: var(--comp-type-font-accordion-label)
    }

    .iris\:font-\(family-name\:--comp-type-font-accordion-panel-text\) {
        font-family: var(--comp-type-font-accordion-panel-text)
    }

    .iris\:font-\(family-name\:--comp-type-font-accordion-title\) {
        font-family: var(--comp-type-font-accordion-title)
    }

    .iris\:font-\(family-name\:--comp-type-font-alert-body\) {
        font-family: var(--comp-type-font-alert-body)
    }

    .iris\:font-\(family-name\:--comp-type-font-alert-title\) {
        font-family: var(--comp-type-font-alert-title)
    }

    .iris\:font-\(family-name\:--comp-type-font-avatar\) {
        font-family: var(--comp-type-font-avatar)
    }

    .iris\:font-\(family-name\:--comp-type-font-body\) {
        font-family: var(--comp-type-font-body)
    }

    .iris\:font-\(family-name\:--comp-type-font-button\) {
        font-family: var(--comp-type-font-button)
    }

    .iris\:font-\(family-name\:--comp-type-font-calendar-day\) {
        font-family: var(--comp-type-font-calendar-day)
    }

    .iris\:font-\(family-name\:--comp-type-font-calendar-header\) {
        font-family: var(--comp-type-font-calendar-header)
    }

    .iris\:font-\(family-name\:--comp-type-font-calendar-title\) {
        font-family: var(--comp-type-font-calendar-title)
    }

    .iris\:font-\(family-name\:--comp-type-font-check-radio-label\) {
        font-family: var(--comp-type-font-check-radio-label)
    }

    .iris\:font-\(family-name\:--comp-type-font-chip-action\) {
        font-family: var(--comp-type-font-chip-action)
    }

    .iris\:font-\(family-name\:--comp-type-font-chip-filter\) {
        font-family: var(--comp-type-font-chip-filter)
    }

    .iris\:font-\(family-name\:--comp-type-font-chip-toggle\) {
        font-family: var(--comp-type-font-chip-toggle)
    }

    .iris\:font-\(family-name\:--comp-type-font-disclaimer\) {
        font-family: var(--comp-type-font-disclaimer)
    }

    .iris\:font-\(family-name\:--comp-type-font-icon-button\) {
        font-family: var(--comp-type-font-icon-button)
    }

    .iris\:font-\(family-name\:--comp-type-font-input-helper\) {
        font-family: var(--comp-type-font-input-helper)
    }

    .iris\:font-\(family-name\:--comp-type-font-input-inner-label\) {
        font-family: var(--comp-type-font-input-inner-label)
    }

    .iris\:font-\(family-name\:--comp-type-font-input-label\) {
        font-family: var(--comp-type-font-input-label)
    }

    .iris\:font-\(family-name\:--comp-type-font-input-value\) {
        font-family: var(--comp-type-font-input-value)
    }

    .iris\:font-\(family-name\:--comp-type-font-label-tag\) {
        font-family: var(--comp-type-font-label-tag)
    }

    .iris\:font-\(family-name\:--comp-type-font-link\) {
        font-family: var(--comp-type-font-link)
    }

    .iris\:font-\(family-name\:--comp-type-font-listbox\) {
        font-family: var(--comp-type-font-listbox)
    }

    .iris\:font-\(family-name\:--comp-type-font-message-input-value\) {
        font-family: var(--comp-type-font-message-input-value)
    }

    .iris\:font-\(family-name\:--comp-type-font-pagination\) {
        font-family: var(--comp-type-font-pagination)
    }

    .iris\:font-\(family-name\:--comp-type-font-progress-bar-label\) {
        font-family: var(--comp-type-font-progress-bar-label)
    }

    .iris\:font-\(family-name\:--comp-type-font-progress-bar-perc-text\) {
        font-family: var(--comp-type-font-progress-bar-perc-text)
    }

    .iris\:font-\(family-name\:--comp-type-font-quick-tip-body\) {
        font-family: var(--comp-type-font-quick-tip-body)
    }

    .iris\:font-\(family-name\:--comp-type-font-quick-tip-title\) {
        font-family: var(--comp-type-font-quick-tip-title)
    }

    .iris\:font-\(family-name\:--comp-type-font-selectable-container-label\) {
        font-family: var(--comp-type-font-selectable-container-label)
    }

    .iris\:font-\(family-name\:--comp-type-font-selectable-container-secondary-label\) {
        font-family: var(--comp-type-font-selectable-container-secondary-label)
    }

    .iris\:font-\(family-name\:--comp-type-font-sheet-title\) {
        font-family: var(--comp-type-font-sheet-title)
    }

    .iris\:font-\(family-name\:--comp-type-font-step-indicator\) {
        font-family: var(--comp-type-font-step-indicator)
    }

    .iris\:font-\(family-name\:--comp-type-font-tabs-pill-label\) {
        font-family: var(--comp-type-font-tabs-pill-label)
    }

    .iris\:font-\(family-name\:--comp-type-font-tabs-text-label\) {
        font-family: var(--comp-type-font-tabs-text-label)
    }

    .iris\:font-\(family-name\:--comp-type-font-toast-body\) {
        font-family: var(--comp-type-font-toast-body)
    }

    .iris\:font-\(family-name\:--comp-type-font-toast-title\) {
        font-family: var(--comp-type-font-toast-title)
    }

    .iris\:font-\(family-name\:--comp-type-font-toggle-button\) {
        font-family: var(--comp-type-font-toggle-button)
    }

    .iris\:font-\(family-name\:--comp-type-font-toggle-switch-label\) {
        font-family: var(--comp-type-font-toggle-switch-label)
    }

    .iris\:font-\(family-name\:--comp-type-font-tooltip\) {
        font-family: var(--comp-type-font-tooltip)
    }

    .iris\:font-mono {
        font-family: var(--iris-font-mono)
    }

    .iris\:text-sm {
        font-size: var(--iris-text-sm);
        line-height: var(--tw-leading, var(--iris-text-sm--line-height))
    }

    .iris\:text-xs {
        font-size: var(--iris-text-xs);
        line-height: var(--tw-leading, var(--iris-text-xs--line-height))
    }

    .iris\:text-\(length\:--comp-type-size-accordion-label-mobile\) {
        font-size: var(--comp-type-size-accordion-label-mobile)
    }

    .iris\:text-\(length\:--comp-type-size-accordion-panel-text\) {
        font-size: var(--comp-type-size-accordion-panel-text)
    }

    .iris\:text-\(length\:--comp-type-size-accordion-title-contained-mobile\) {
        font-size: var(--comp-type-size-accordion-title-contained-mobile)
    }

    .iris\:text-\(length\:--comp-type-size-accordion-title-uncontained-mobile\) {
        font-size: var(--comp-type-size-accordion-title-uncontained-mobile)
    }

    .iris\:text-\(length\:--comp-type-size-alert-body\) {
        font-size: var(--comp-type-size-alert-body)
    }

    .iris\:text-\(length\:--comp-type-size-alert-title\) {
        font-size: var(--comp-type-size-alert-title)
    }

    .iris\:text-\(length\:--comp-type-size-avatar-lg\) {
        font-size: var(--comp-type-size-avatar-lg)
    }

    .iris\:text-\(length\:--comp-type-size-avatar-md\) {
        font-size: var(--comp-type-size-avatar-md)
    }

    .iris\:text-\(length\:--comp-type-size-avatar-sm\) {
        font-size: var(--comp-type-size-avatar-sm)
    }

    .iris\:text-\(length\:--comp-type-size-body-xs\) {
        font-size: var(--comp-type-size-body-xs)
    }

    .iris\:text-\(length\:--comp-type-size-button-lg\) {
        font-size: var(--comp-type-size-button-lg)
    }

    .iris\:text-\(length\:--comp-type-size-button-md\) {
        font-size: var(--comp-type-size-button-md)
    }

    .iris\:text-\(length\:--comp-type-size-button-sm\) {
        font-size: var(--comp-type-size-button-sm)
    }

    .iris\:text-\(length\:--comp-type-size-calendar-day\) {
        font-size: var(--comp-type-size-calendar-day)
    }

    .iris\:text-\(length\:--comp-type-size-calendar-header\) {
        font-size: var(--comp-type-size-calendar-header)
    }

    .iris\:text-\(length\:--comp-type-size-calendar-title\) {
        font-size: var(--comp-type-size-calendar-title)
    }

    .iris\:text-\(length\:--comp-type-size-check-radio-label\) {
        font-size: var(--comp-type-size-check-radio-label)
    }

    .iris\:text-\(length\:--comp-type-size-chip-action\) {
        font-size: var(--comp-type-size-chip-action)
    }

    .iris\:text-\(length\:--comp-type-size-chip-filter\) {
        font-size: var(--comp-type-size-chip-filter)
    }

    .iris\:text-\(length\:--comp-type-size-chip-toggle\) {
        font-size: var(--comp-type-size-chip-toggle)
    }

    .iris\:text-\(length\:--comp-type-size-disclaimer\) {
        font-size: var(--comp-type-size-disclaimer)
    }

    .iris\:text-\(length\:--comp-type-size-icon-button-label\) {
        font-size: var(--comp-type-size-icon-button-label)
    }

    .iris\:text-\(length\:--comp-type-size-input-helper\) {
        font-size: var(--comp-type-size-input-helper)
    }

    .iris\:text-\(length\:--comp-type-size-input-inner-label\) {
        font-size: var(--comp-type-size-input-inner-label)
    }

    .iris\:text-\(length\:--comp-type-size-input-label\) {
        font-size: var(--comp-type-size-input-label)
    }

    .iris\:text-\(length\:--comp-type-size-input-value\) {
        font-size: var(--comp-type-size-input-value)
    }

    .iris\:text-\(length\:--comp-type-size-label-tag\) {
        font-size: var(--comp-type-size-label-tag)
    }

    .iris\:text-\(length\:--comp-type-size-link-md\) {
        font-size: var(--comp-type-size-link-md)
    }

    .iris\:text-\(length\:--comp-type-size-link-sm\) {
        font-size: var(--comp-type-size-link-sm)
    }

    .iris\:text-\(length\:--comp-type-size-link-xs\) {
        font-size: var(--comp-type-size-link-xs)
    }

    .iris\:text-\(length\:--comp-type-size-link-xxs\) {
        font-size: var(--comp-type-size-link-xxs)
    }

    .iris\:text-\(length\:--comp-type-size-listbox\) {
        font-size: var(--comp-type-size-listbox)
    }

    .iris\:text-\(length\:--comp-type-size-message-input-value\) {
        font-size: var(--comp-type-size-message-input-value)
    }

    .iris\:text-\(length\:--comp-type-size-pagination\) {
        font-size: var(--comp-type-size-pagination)
    }

    .iris\:text-\(length\:--comp-type-size-progress-bar-label\) {
        font-size: var(--comp-type-size-progress-bar-label)
    }

    .iris\:text-\(length\:--comp-type-size-progress-bar-perc-text\) {
        font-size: var(--comp-type-size-progress-bar-perc-text)
    }

    .iris\:text-\(length\:--comp-type-size-quick-tip-body\) {
        font-size: var(--comp-type-size-quick-tip-body)
    }

    .iris\:text-\(length\:--comp-type-size-quick-tip-title\) {
        font-size: var(--comp-type-size-quick-tip-title)
    }

    .iris\:text-\(length\:--comp-type-size-selectable-container-label\) {
        font-size: var(--comp-type-size-selectable-container-label)
    }

    .iris\:text-\(length\:--comp-type-size-selectable-container-secondary-label\) {
        font-size: var(--comp-type-size-selectable-container-secondary-label)
    }

    .iris\:text-\(length\:--comp-type-size-sheet-header-title\) {
        font-size: var(--comp-type-size-sheet-header-title)
    }

    .iris\:text-\(length\:--comp-type-size-sheet-title-mobile\) {
        font-size: var(--comp-type-size-sheet-title-mobile)
    }

    .iris\:text-\(length\:--comp-type-size-step-indicator-mobile\) {
        font-size: var(--comp-type-size-step-indicator-mobile)
    }

    .iris\:text-\(length\:--comp-type-size-tabs-pill-label\) {
        font-size: var(--comp-type-size-tabs-pill-label)
    }

    .iris\:text-\(length\:--comp-type-size-tabs-text-label\) {
        font-size: var(--comp-type-size-tabs-text-label)
    }

    .iris\:text-\(length\:--comp-type-size-toast-body\) {
        font-size: var(--comp-type-size-toast-body)
    }

    .iris\:text-\(length\:--comp-type-size-toast-title\) {
        font-size: var(--comp-type-size-toast-title)
    }

    .iris\:text-\(length\:--comp-type-size-toggle-button\) {
        font-size: var(--comp-type-size-toggle-button)
    }

    .iris\:text-\(length\:--comp-type-size-toggle-switch-label\) {
        font-size: var(--comp-type-size-toggle-switch-label)
    }

    .iris\:text-\(length\:--comp-type-size-tooltip\) {
        font-size: var(--comp-type-size-tooltip)
    }

    .iris\:text-\(length\:--comp-typography-size-listbox\) {
        font-size: var(--comp-typography-size-listbox)
    }

    .iris\:text-\(length\:--sem-type-size-body-lg\) {
        font-size: var(--sem-type-size-body-lg)
    }

    .iris\:text-\(length\:--sem-type-size-body-md\) {
        font-size: var(--sem-type-size-body-md)
    }

    .iris\:text-\(length\:--sem-type-size-body-sm\) {
        font-size: var(--sem-type-size-body-sm)
    }

    .iris\:text-\(length\:--sem-type-size-body-xs\) {
        font-size: var(--sem-type-size-body-xs)
    }

    .iris\:text-\(length\:--sem-type-size-body-xxs\) {
        font-size: var(--sem-type-size-body-xxs)
    }

    .iris\:text-\(length\:--sem-type-size-display-lg-mobile\) {
        font-size: var(--sem-type-size-display-lg-mobile)
    }

    .iris\:text-\(length\:--sem-type-size-display-md-mobile\) {
        font-size: var(--sem-type-size-display-md-mobile)
    }

    .iris\:text-\(length\:--sem-type-size-display-xl-mobile\) {
        font-size: var(--sem-type-size-display-xl-mobile)
    }

    .iris\:text-\(length\:--sem-type-size-display-xxl-mobile\) {
        font-size: var(--sem-type-size-display-xxl-mobile)
    }

    .iris\:text-\(length\:--sem-type-size-heading-lg-mobile\) {
        font-size: var(--sem-type-size-heading-lg-mobile)
    }

    .iris\:text-\(length\:--sem-type-size-heading-md-mobile\) {
        font-size: var(--sem-type-size-heading-md-mobile)
    }

    .iris\:text-\(length\:--sem-type-size-heading-sm-mobile\) {
        font-size: var(--sem-type-size-heading-sm-mobile)
    }

    .iris\:text-\(length\:--sem-type-size-heading-xl-mobile\) {
        font-size: var(--sem-type-size-heading-xl-mobile)
    }

    .iris\:text-\(length\:--sem-type-size-heading-xs-mobile\) {
        font-size: var(--sem-type-size-heading-xs-mobile)
    }

    .iris\:text-\(length\:--sem-type-size-heading-xxl-mobile\) {
        font-size: var(--sem-type-size-heading-xxl-mobile)
    }

    .iris\:text-\(length\:--sem-type-size-title-lg-mobile\) {
        font-size: var(--sem-type-size-title-lg-mobile)
    }

    .iris\:text-\(length\:--sem-type-size-title-md-mobile\) {
        font-size: var(--sem-type-size-title-md-mobile)
    }

    .iris\:text-\(length\:--sem-type-size-title-xl-mobile\) {
        font-size: var(--sem-type-size-title-xl-mobile)
    }

    .iris\:text-\(length\:--sem-type-size-title-xxl-mobile\) {
        font-size: var(--sem-type-size-title-xxl-mobile)
    }

    .iris\:text-\[15px\] {
        font-size: 15px
    }

    .iris\:leading-\(--base-type-leading-none\) {
        --tw-leading: var(--base-type-leading-none);
        line-height: var(--base-type-leading-none)
    }

    .iris\:leading-\(--base-type-leading-normal\) {
        --tw-leading: var(--base-type-leading-normal);
        line-height: var(--base-type-leading-normal)
    }

    .iris\:leading-\(--base-type-leading-tight\) {
        --tw-leading: var(--base-type-leading-tight);
        line-height: var(--base-type-leading-tight)
    }

    .iris\:leading-\(--base-typography-leading-normal\) {
        --tw-leading: var(--base-typography-leading-normal);
        line-height: var(--base-typography-leading-normal)
    }

    .iris\:leading-\(--comp-type-leading-alert-body\) {
        --tw-leading: var(--comp-type-leading-alert-body);
        line-height: var(--comp-type-leading-alert-body)
    }

    .iris\:leading-\(--comp-type-leading-alert-title\) {
        --tw-leading: var(--comp-type-leading-alert-title);
        line-height: var(--comp-type-leading-alert-title)
    }

    .iris\:leading-\(--comp-type-leading-avatar\) {
        --tw-leading: var(--comp-type-leading-avatar);
        line-height: var(--comp-type-leading-avatar)
    }

    .iris\:leading-\(--comp-type-leading-body-xs\) {
        --tw-leading: var(--comp-type-leading-body-xs);
        line-height: var(--comp-type-leading-body-xs)
    }

    .iris\:leading-\(--comp-type-leading-check-radio-label\) {
        --tw-leading: var(--comp-type-leading-check-radio-label);
        line-height: var(--comp-type-leading-check-radio-label)
    }

    .iris\:leading-\(--comp-type-leading-chip-action\) {
        --tw-leading: var(--comp-type-leading-chip-action);
        line-height: var(--comp-type-leading-chip-action)
    }

    .iris\:leading-\(--comp-type-leading-chip-toggle\) {
        --tw-leading: var(--comp-type-leading-chip-toggle);
        line-height: var(--comp-type-leading-chip-toggle)
    }

    .iris\:leading-\(--comp-type-leading-disclaimer\) {
        --tw-leading: var(--comp-type-leading-disclaimer);
        line-height: var(--comp-type-leading-disclaimer)
    }

    .iris\:leading-\(--comp-type-leading-icon-button-label\) {
        --tw-leading: var(--comp-type-leading-icon-button-label);
        line-height: var(--comp-type-leading-icon-button-label)
    }

    .iris\:leading-\(--comp-type-leading-input-helper\) {
        --tw-leading: var(--comp-type-leading-input-helper);
        line-height: var(--comp-type-leading-input-helper)
    }

    .iris\:leading-\(--comp-type-leading-input-helper\)\! {
        --tw-leading: var(--comp-type-leading-input-helper) !important;
        line-height: var(--comp-type-leading-input-helper) !important
    }

    .iris\:leading-\(--comp-type-leading-input-inner-label\) {
        --tw-leading: var(--comp-type-leading-input-inner-label);
        line-height: var(--comp-type-leading-input-inner-label)
    }

    .iris\:leading-\(--comp-type-leading-input-label\) {
        --tw-leading: var(--comp-type-leading-input-label);
        line-height: var(--comp-type-leading-input-label)
    }

    .iris\:leading-\(--comp-type-leading-input-value\) {
        --tw-leading: var(--comp-type-leading-input-value);
        line-height: var(--comp-type-leading-input-value)
    }

    .iris\:leading-\(--comp-type-leading-input-value\)\! {
        --tw-leading: var(--comp-type-leading-input-value) !important;
        line-height: var(--comp-type-leading-input-value) !important
    }

    .iris\:leading-\(--comp-type-leading-message-input-value\) {
        --tw-leading: var(--comp-type-leading-message-input-value);
        line-height: var(--comp-type-leading-message-input-value)
    }

    .iris\:leading-\(--comp-type-leading-progress-bar-label\) {
        --tw-leading: var(--comp-type-leading-progress-bar-label);
        line-height: var(--comp-type-leading-progress-bar-label)
    }

    .iris\:leading-\(--comp-type-leading-progress-bar-perc-text\) {
        --tw-leading: var(--comp-type-leading-progress-bar-perc-text);
        line-height: var(--comp-type-leading-progress-bar-perc-text)
    }

    .iris\:leading-\(--comp-type-leading-quick-tip-body\) {
        --tw-leading: var(--comp-type-leading-quick-tip-body);
        line-height: var(--comp-type-leading-quick-tip-body)
    }

    .iris\:leading-\(--comp-type-leading-quick-tip-title\) {
        --tw-leading: var(--comp-type-leading-quick-tip-title);
        line-height: var(--comp-type-leading-quick-tip-title)
    }

    .iris\:leading-\(--comp-type-leading-sheet-header-title\) {
        --tw-leading: var(--comp-type-leading-sheet-header-title);
        line-height: var(--comp-type-leading-sheet-header-title)
    }

    .iris\:leading-\(--comp-type-leading-tabs-pill-label\) {
        --tw-leading: var(--comp-type-leading-tabs-pill-label);
        line-height: var(--comp-type-leading-tabs-pill-label)
    }

    .iris\:leading-\(--comp-type-leading-tabs-text-label\) {
        --tw-leading: var(--comp-type-leading-tabs-text-label);
        line-height: var(--comp-type-leading-tabs-text-label)
    }

    .iris\:leading-\(--comp-type-leading-textarea-value\) {
        --tw-leading: var(--comp-type-leading-textarea-value);
        line-height: var(--comp-type-leading-textarea-value)
    }

    .iris\:leading-\(--comp-type-leading-toast-body\) {
        --tw-leading: var(--comp-type-leading-toast-body);
        line-height: var(--comp-type-leading-toast-body)
    }

    .iris\:leading-\(--comp-type-leading-toast-title\) {
        --tw-leading: var(--comp-type-leading-toast-title);
        line-height: var(--comp-type-leading-toast-title)
    }

    .iris\:leading-\(--comp-type-leading-toggle-button\) {
        --tw-leading: var(--comp-type-leading-toggle-button);
        line-height: var(--comp-type-leading-toggle-button)
    }

    .iris\:leading-\(--comp-type-leading-toggle-switch-label\) {
        --tw-leading: var(--comp-type-leading-toggle-switch-label);
        line-height: var(--comp-type-leading-toggle-switch-label)
    }

    .iris\:leading-\(--comp-type-leading-tooltip\) {
        --tw-leading: var(--comp-type-leading-tooltip);
        line-height: var(--comp-type-leading-tooltip)
    }

    .iris\:leading-\(--sem-type-leading-body\) {
        --tw-leading: var(--sem-type-leading-body);
        line-height: var(--sem-type-leading-body)
    }

    .iris\:leading-\(--sem-type-leading-display\) {
        --tw-leading: var(--sem-type-leading-display);
        line-height: var(--sem-type-leading-display)
    }

    .iris\:leading-\(--sem-type-leading-heading\) {
        --tw-leading: var(--sem-type-leading-heading);
        line-height: var(--sem-type-leading-heading)
    }

    .iris\:leading-\(--sem-type-leading-title\) {
        --tw-leading: var(--sem-type-leading-title);
        line-height: var(--sem-type-leading-title)
    }

    .iris\:leading-\[1\.2\] {
        --tw-leading: 1.2;
        line-height: 1.2
    }

    .iris\:leading-\[1\.4\] {
        --tw-leading: 1.4;
        line-height: 1.4
    }

    .iris\:leading-\[unset\] {
        --tw-leading: unset;
        line-height: unset
    }

    .iris\:leading-none {
        --tw-leading: 1;
        line-height: 1
    }

    .iris\:font-\(--comp-type-weight-accordion-panel-text\)\! {
        --tw-font-weight: var(--comp-type-weight-accordion-panel-text) !important;
        font-weight: var(--comp-type-weight-accordion-panel-text) !important
    }

    .iris\:font-\(--comp-type-weight-alert-body\) {
        --tw-font-weight: var(--comp-type-weight-alert-body);
        font-weight: var(--comp-type-weight-alert-body)
    }

    .iris\:font-\(--comp-type-weight-alert-title\) {
        --tw-font-weight: var(--comp-type-weight-alert-title);
        font-weight: var(--comp-type-weight-alert-title)
    }

    .iris\:font-\(--comp-type-weight-avatar\) {
        --tw-font-weight: var(--comp-type-weight-avatar);
        font-weight: var(--comp-type-weight-avatar)
    }

    .iris\:font-\(--comp-type-weight-button\)\! {
        --tw-font-weight: var(--comp-type-weight-button) !important;
        font-weight: var(--comp-type-weight-button) !important
    }

    .iris\:font-\(--comp-type-weight-calendar-day\)\! {
        --tw-font-weight: var(--comp-type-weight-calendar-day) !important;
        font-weight: var(--comp-type-weight-calendar-day) !important
    }

    .iris\:font-\(--comp-type-weight-calendar-header\)\! {
        --tw-font-weight: var(--comp-type-weight-calendar-header) !important;
        font-weight: var(--comp-type-weight-calendar-header) !important
    }

    .iris\:font-\(--comp-type-weight-calendar-title\)\! {
        --tw-font-weight: var(--comp-type-weight-calendar-title) !important;
        font-weight: var(--comp-type-weight-calendar-title) !important
    }

    .iris\:font-\(--comp-type-weight-check-radio-label\)\! {
        --tw-font-weight: var(--comp-type-weight-check-radio-label) !important;
        font-weight: var(--comp-type-weight-check-radio-label) !important
    }

    .iris\:font-\(--comp-type-weight-chip-action\)\! {
        --tw-font-weight: var(--comp-type-weight-chip-action) !important;
        font-weight: var(--comp-type-weight-chip-action) !important
    }

    .iris\:font-\(--comp-type-weight-chip-filter\)\! {
        --tw-font-weight: var(--comp-type-weight-chip-filter) !important;
        font-weight: var(--comp-type-weight-chip-filter) !important
    }

    .iris\:font-\(--comp-type-weight-chip-toggle\)\! {
        --tw-font-weight: var(--comp-type-weight-chip-toggle) !important;
        font-weight: var(--comp-type-weight-chip-toggle) !important
    }

    .iris\:font-\(--comp-type-weight-disclaimer\)\! {
        --tw-font-weight: var(--comp-type-weight-disclaimer) !important;
        font-weight: var(--comp-type-weight-disclaimer) !important
    }

    .iris\:font-\(--comp-type-weight-icon-button-label\) {
        --tw-font-weight: var(--comp-type-weight-icon-button-label);
        font-weight: var(--comp-type-weight-icon-button-label)
    }

    .iris\:font-\(--comp-type-weight-input-helper\) {
        --tw-font-weight: var(--comp-type-weight-input-helper);
        font-weight: var(--comp-type-weight-input-helper)
    }

    .iris\:font-\(--comp-type-weight-input-helper\)\! {
        --tw-font-weight: var(--comp-type-weight-input-helper) !important;
        font-weight: var(--comp-type-weight-input-helper) !important
    }

    .iris\:font-\(--comp-type-weight-input-inner-label\) {
        --tw-font-weight: var(--comp-type-weight-input-inner-label);
        font-weight: var(--comp-type-weight-input-inner-label)
    }

    .iris\:font-\(--comp-type-weight-input-inner-label\)\! {
        --tw-font-weight: var(--comp-type-weight-input-inner-label) !important;
        font-weight: var(--comp-type-weight-input-inner-label) !important
    }

    .iris\:font-\(--comp-type-weight-input-label\) {
        --tw-font-weight: var(--comp-type-weight-input-label);
        font-weight: var(--comp-type-weight-input-label)
    }

    .iris\:font-\(--comp-type-weight-input-label\)\! {
        --tw-font-weight: var(--comp-type-weight-input-label) !important;
        font-weight: var(--comp-type-weight-input-label) !important
    }

    .iris\:font-\(--comp-type-weight-input-value\) {
        --tw-font-weight: var(--comp-type-weight-input-value);
        font-weight: var(--comp-type-weight-input-value)
    }

    .iris\:font-\(--comp-type-weight-input-value\)\! {
        --tw-font-weight: var(--comp-type-weight-input-value) !important;
        font-weight: var(--comp-type-weight-input-value) !important
    }

    .iris\:font-\(--comp-type-weight-label-tag\)\! {
        --tw-font-weight: var(--comp-type-weight-label-tag) !important;
        font-weight: var(--comp-type-weight-label-tag) !important
    }

    .iris\:font-\(--comp-type-weight-link-bold\)\! {
        --tw-font-weight: var(--comp-type-weight-link-bold) !important;
        font-weight: var(--comp-type-weight-link-bold) !important
    }

    .iris\:font-\(--comp-type-weight-link-regular\)\! {
        --tw-font-weight: var(--comp-type-weight-link-regular) !important;
        font-weight: var(--comp-type-weight-link-regular) !important
    }

    .iris\:font-\(--comp-type-weight-listbox\)\! {
        --tw-font-weight: var(--comp-type-weight-listbox) !important;
        font-weight: var(--comp-type-weight-listbox) !important
    }

    .iris\:font-\(--comp-type-weight-message-input-value\)\! {
        --tw-font-weight: var(--comp-type-weight-message-input-value) !important;
        font-weight: var(--comp-type-weight-message-input-value) !important
    }

    .iris\:font-\(--comp-type-weight-pagination\) {
        --tw-font-weight: var(--comp-type-weight-pagination);
        font-weight: var(--comp-type-weight-pagination)
    }

    .iris\:font-\(--comp-type-weight-pagination-selected\)\! {
        --tw-font-weight: var(--comp-type-weight-pagination-selected) !important;
        font-weight: var(--comp-type-weight-pagination-selected) !important
    }

    .iris\:font-\(--comp-type-weight-progress-bar-label\)\! {
        --tw-font-weight: var(--comp-type-weight-progress-bar-label) !important;
        font-weight: var(--comp-type-weight-progress-bar-label) !important
    }

    .iris\:font-\(--comp-type-weight-progress-bar-perc-text\)\! {
        --tw-font-weight: var(--comp-type-weight-progress-bar-perc-text) !important;
        font-weight: var(--comp-type-weight-progress-bar-perc-text) !important
    }

    .iris\:font-\(--comp-type-weight-quick-tip-body\)\! {
        --tw-font-weight: var(--comp-type-weight-quick-tip-body) !important;
        font-weight: var(--comp-type-weight-quick-tip-body) !important
    }

    .iris\:font-\(--comp-type-weight-quick-tip-title\)\! {
        --tw-font-weight: var(--comp-type-weight-quick-tip-title) !important;
        font-weight: var(--comp-type-weight-quick-tip-title) !important
    }

    .iris\:font-\(--comp-type-weight-selectable-container-label\)\! {
        --tw-font-weight: var(--comp-type-weight-selectable-container-label) !important;
        font-weight: var(--comp-type-weight-selectable-container-label) !important
    }

    .iris\:font-\(--comp-type-weight-selectable-container-secondary-label\)\! {
        --tw-font-weight: var(--comp-type-weight-selectable-container-secondary-label) !important;
        font-weight: var(--comp-type-weight-selectable-container-secondary-label) !important
    }

    .iris\:font-\(--comp-type-weight-sheet-header-title\) {
        --tw-font-weight: var(--comp-type-weight-sheet-header-title);
        font-weight: var(--comp-type-weight-sheet-header-title)
    }

    .iris\:font-\(--comp-type-weight-sheet-title\) {
        --tw-font-weight: var(--comp-type-weight-sheet-title);
        font-weight: var(--comp-type-weight-sheet-title)
    }

    .iris\:font-\(--comp-type-weight-step-indicator-label\)\! {
        --tw-font-weight: var(--comp-type-weight-step-indicator-label) !important;
        font-weight: var(--comp-type-weight-step-indicator-label) !important
    }

    .iris\:font-\(--comp-type-weight-step-indicator-number\)\! {
        --tw-font-weight: var(--comp-type-weight-step-indicator-number) !important;
        font-weight: var(--comp-type-weight-step-indicator-number) !important
    }

    .iris\:font-\(--comp-type-weight-step-indicator-number-disabled\)\! {
        --tw-font-weight: var(--comp-type-weight-step-indicator-number-disabled) !important;
        font-weight: var(--comp-type-weight-step-indicator-number-disabled) !important
    }

    .iris\:font-\(--comp-type-weight-tabs-pill-label\)\! {
        --tw-font-weight: var(--comp-type-weight-tabs-pill-label) !important;
        font-weight: var(--comp-type-weight-tabs-pill-label) !important
    }

    .iris\:font-\(--comp-type-weight-tabs-text-label\)\! {
        --tw-font-weight: var(--comp-type-weight-tabs-text-label) !important;
        font-weight: var(--comp-type-weight-tabs-text-label) !important
    }

    .iris\:font-\(--comp-type-weight-toast-body\) {
        --tw-font-weight: var(--comp-type-weight-toast-body);
        font-weight: var(--comp-type-weight-toast-body)
    }

    .iris\:font-\(--comp-type-weight-toast-title\) {
        --tw-font-weight: var(--comp-type-weight-toast-title);
        font-weight: var(--comp-type-weight-toast-title)
    }

    .iris\:font-\(--comp-type-weight-toggle-button-label\) {
        --tw-font-weight: var(--comp-type-weight-toggle-button-label);
        font-weight: var(--comp-type-weight-toggle-button-label)
    }

    .iris\:font-\(--comp-type-weight-toggle-button-label-selected\) {
        --tw-font-weight: var(--comp-type-weight-toggle-button-label-selected);
        font-weight: var(--comp-type-weight-toggle-button-label-selected)
    }

    .iris\:font-\(--comp-type-weight-toggle-switch-label\)\! {
        --tw-font-weight: var(--comp-type-weight-toggle-switch-label) !important;
        font-weight: var(--comp-type-weight-toggle-switch-label) !important
    }

    .iris\:font-\(--comp-type-weight-tooltip\)\! {
        --tw-font-weight: var(--comp-type-weight-tooltip) !important;
        font-weight: var(--comp-type-weight-tooltip) !important
    }

    .iris\:font-\(--comp-typography-weight-listbox\)\! {
        --tw-font-weight: var(--comp-typography-weight-listbox) !important;
        font-weight: var(--comp-typography-weight-listbox) !important
    }

    .iris\:font-\(--sem-type-weight-body\)\! {
        --tw-font-weight: var(--sem-type-weight-body) !important;
        font-weight: var(--sem-type-weight-body) !important
    }

    .iris\:font-\(--sem-type-weight-display\)\! {
        --tw-font-weight: var(--sem-type-weight-display) !important;
        font-weight: var(--sem-type-weight-display) !important
    }

    .iris\:font-\(--sem-type-weight-heading\)\! {
        --tw-font-weight: var(--sem-type-weight-heading) !important;
        font-weight: var(--sem-type-weight-heading) !important
    }

    .iris\:font-\(--sem-type-weight-title\)\! {
        --tw-font-weight: var(--sem-type-weight-title) !important;
        font-weight: var(--sem-type-weight-title) !important
    }

    .iris\:font-\[var\(--comp-type-weight-accordion-label\)\] {
        --tw-font-weight: var(--comp-type-weight-accordion-label);
        font-weight: var(--comp-type-weight-accordion-label)
    }

    .iris\:font-\[var\(--comp-type-weight-accordion-title\)\] {
        --tw-font-weight: var(--comp-type-weight-accordion-title);
        font-weight: var(--comp-type-weight-accordion-title)
    }

    .iris\:font-\[var\(--comp-type-weight-input-helper\)\] {
        --tw-font-weight: var(--comp-type-weight-input-helper);
        font-weight: var(--comp-type-weight-input-helper)
    }

    .iris\:font-bold\! {
        --tw-font-weight: var(--iris-font-weight-bold) !important;
        font-weight: var(--iris-font-weight-bold) !important
    }

    .iris\:font-medium {
        --tw-font-weight: var(--iris-font-weight-medium);
        font-weight: var(--iris-font-weight-medium)
    }

    .iris\:font-normal {
        --tw-font-weight: var(--iris-font-weight-normal);
        font-weight: var(--iris-font-weight-normal)
    }

    .iris\:font-semibold {
        --tw-font-weight: var(--iris-font-weight-semibold);
        font-weight: var(--iris-font-weight-semibold)
    }

    .iris\:tracking-\(--comp-type-tracking-alert-body\) {
        --tw-tracking: var(--comp-type-tracking-alert-body);
        letter-spacing: var(--comp-type-tracking-alert-body)
    }

    .iris\:tracking-\(--comp-type-tracking-alert-title\) {
        --tw-tracking: var(--comp-type-tracking-alert-title);
        letter-spacing: var(--comp-type-tracking-alert-title)
    }

    .iris\:tracking-\(--comp-type-tracking-avatar\) {
        --tw-tracking: var(--comp-type-tracking-avatar);
        letter-spacing: var(--comp-type-tracking-avatar)
    }

    .iris\:tracking-\(--comp-type-tracking-check-radio-label\) {
        --tw-tracking: var(--comp-type-tracking-check-radio-label);
        letter-spacing: var(--comp-type-tracking-check-radio-label)
    }

    .iris\:tracking-\(--comp-type-tracking-chip-action\) {
        --tw-tracking: var(--comp-type-tracking-chip-action);
        letter-spacing: var(--comp-type-tracking-chip-action)
    }

    .iris\:tracking-\(--comp-type-tracking-chip-filter\) {
        --tw-tracking: var(--comp-type-tracking-chip-filter);
        letter-spacing: var(--comp-type-tracking-chip-filter)
    }

    .iris\:tracking-\(--comp-type-tracking-chip-toggle\) {
        --tw-tracking: var(--comp-type-tracking-chip-toggle);
        letter-spacing: var(--comp-type-tracking-chip-toggle)
    }

    .iris\:tracking-\(--comp-type-tracking-disclaimer\) {
        --tw-tracking: var(--comp-type-tracking-disclaimer);
        letter-spacing: var(--comp-type-tracking-disclaimer)
    }

    .iris\:tracking-\(--comp-type-tracking-input-helper\) {
        --tw-tracking: var(--comp-type-tracking-input-helper);
        letter-spacing: var(--comp-type-tracking-input-helper)
    }

    .iris\:tracking-\(--comp-type-tracking-input-inner-label\) {
        --tw-tracking: var(--comp-type-tracking-input-inner-label);
        letter-spacing: var(--comp-type-tracking-input-inner-label)
    }

    .iris\:tracking-\(--comp-type-tracking-input-label\) {
        --tw-tracking: var(--comp-type-tracking-input-label);
        letter-spacing: var(--comp-type-tracking-input-label)
    }

    .iris\:tracking-\(--comp-type-tracking-input-value\) {
        --tw-tracking: var(--comp-type-tracking-input-value);
        letter-spacing: var(--comp-type-tracking-input-value)
    }

    .iris\:tracking-\(--comp-type-tracking-label-tag\) {
        --tw-tracking: var(--comp-type-tracking-label-tag);
        letter-spacing: var(--comp-type-tracking-label-tag)
    }

    .iris\:tracking-\(--comp-type-tracking-link\) {
        --tw-tracking: var(--comp-type-tracking-link);
        letter-spacing: var(--comp-type-tracking-link)
    }

    .iris\:tracking-\(--comp-type-tracking-listbox\) {
        --tw-tracking: var(--comp-type-tracking-listbox);
        letter-spacing: var(--comp-type-tracking-listbox)
    }

    .iris\:tracking-\(--comp-type-tracking-message-input-value\) {
        --tw-tracking: var(--comp-type-tracking-message-input-value);
        letter-spacing: var(--comp-type-tracking-message-input-value)
    }

    .iris\:tracking-\(--comp-type-tracking-pagination\) {
        --tw-tracking: var(--comp-type-tracking-pagination);
        letter-spacing: var(--comp-type-tracking-pagination)
    }

    .iris\:tracking-\(--comp-type-tracking-progress-bar-label\) {
        --tw-tracking: var(--comp-type-tracking-progress-bar-label);
        letter-spacing: var(--comp-type-tracking-progress-bar-label)
    }

    .iris\:tracking-\(--comp-type-tracking-quick-tip-body\) {
        --tw-tracking: var(--comp-type-tracking-quick-tip-body);
        letter-spacing: var(--comp-type-tracking-quick-tip-body)
    }

    .iris\:tracking-\(--comp-type-tracking-quick-tip-title\) {
        --tw-tracking: var(--comp-type-tracking-quick-tip-title);
        letter-spacing: var(--comp-type-tracking-quick-tip-title)
    }

    .iris\:tracking-\(--comp-type-tracking-selectable-container-label\) {
        --tw-tracking: var(--comp-type-tracking-selectable-container-label);
        letter-spacing: var(--comp-type-tracking-selectable-container-label)
    }

    .iris\:tracking-\(--comp-type-tracking-selectable-container-secondary-label\) {
        --tw-tracking: var(--comp-type-tracking-selectable-container-secondary-label);
        letter-spacing: var(--comp-type-tracking-selectable-container-secondary-label)
    }

    .iris\:tracking-\(--comp-type-tracking-sheet-header-title\) {
        --tw-tracking: var(--comp-type-tracking-sheet-header-title);
        letter-spacing: var(--comp-type-tracking-sheet-header-title)
    }

    .iris\:tracking-\(--comp-type-tracking-sheet-title\) {
        --tw-tracking: var(--comp-type-tracking-sheet-title);
        letter-spacing: var(--comp-type-tracking-sheet-title)
    }

    .iris\:tracking-\(--comp-type-tracking-step-indicator\) {
        --tw-tracking: var(--comp-type-tracking-step-indicator);
        letter-spacing: var(--comp-type-tracking-step-indicator)
    }

    .iris\:tracking-\(--comp-type-tracking-tabs-pill-label\) {
        --tw-tracking: var(--comp-type-tracking-tabs-pill-label);
        letter-spacing: var(--comp-type-tracking-tabs-pill-label)
    }

    .iris\:tracking-\(--comp-type-tracking-tabs-text-label\) {
        --tw-tracking: var(--comp-type-tracking-tabs-text-label);
        letter-spacing: var(--comp-type-tracking-tabs-text-label)
    }

    .iris\:tracking-\(--comp-type-tracking-toast-body\) {
        --tw-tracking: var(--comp-type-tracking-toast-body);
        letter-spacing: var(--comp-type-tracking-toast-body)
    }

    .iris\:tracking-\(--comp-type-tracking-toast-title\) {
        --tw-tracking: var(--comp-type-tracking-toast-title);
        letter-spacing: var(--comp-type-tracking-toast-title)
    }

    .iris\:tracking-\(--comp-type-tracking-toggle-button\) {
        --tw-tracking: var(--comp-type-tracking-toggle-button);
        letter-spacing: var(--comp-type-tracking-toggle-button)
    }

    .iris\:tracking-\(--comp-type-tracking-toggle-switch-label\) {
        --tw-tracking: var(--comp-type-tracking-toggle-switch-label);
        letter-spacing: var(--comp-type-tracking-toggle-switch-label)
    }

    .iris\:tracking-\(--comp-typography-tracking-listbox\) {
        --tw-tracking: var(--comp-typography-tracking-listbox);
        letter-spacing: var(--comp-typography-tracking-listbox)
    }

    .iris\:tracking-\(--sem-type-tracking-body\) {
        --tw-tracking: var(--sem-type-tracking-body);
        letter-spacing: var(--sem-type-tracking-body)
    }

    .iris\:tracking-\(--sem-type-tracking-display\) {
        --tw-tracking: var(--sem-type-tracking-display);
        letter-spacing: var(--sem-type-tracking-display)
    }

    .iris\:tracking-\(--sem-type-tracking-heading\) {
        --tw-tracking: var(--sem-type-tracking-heading);
        letter-spacing: var(--sem-type-tracking-heading)
    }

    .iris\:tracking-\(--sem-type-tracking-title\) {
        --tw-tracking: var(--sem-type-tracking-title);
        letter-spacing: var(--sem-type-tracking-title)
    }

    .iris\:tracking-wider {
        --tw-tracking: var(--iris-tracking-wider);
        letter-spacing: var(--iris-tracking-wider)
    }

    .iris\:break-words {
        overflow-wrap: break-word
    }

    .iris\:whitespace-normal {
        white-space: normal
    }

    .iris\:whitespace-nowrap {
        white-space: nowrap
    }

    .iris\:text-\(--comp-color-content-accordion-icon\) {
        color: var(--comp-color-content-accordion-icon)
    }

    .iris\:text-\(--comp-color-content-accordion-icon-inverse\) {
        color: var(--comp-color-content-accordion-icon-inverse)
    }

    .iris\:text-\(--comp-color-content-accordion-label-contained\) {
        color: var(--comp-color-content-accordion-label-contained)
    }

    .iris\:text-\(--comp-color-content-accordion-label-uncontained-inverse\) {
        color: var(--comp-color-content-accordion-label-uncontained-inverse)
    }

    .iris\:text-\(--comp-color-content-accordion-panel-text-contained\) {
        color: var(--comp-color-content-accordion-panel-text-contained)
    }

    .iris\:text-\(--comp-color-content-accordion-panel-text-contained-inverse\) {
        color: var(--comp-color-content-accordion-panel-text-contained-inverse)
    }

    .iris\:text-\(--comp-color-content-accordion-panel-text-uncontained\) {
        color: var(--comp-color-content-accordion-panel-text-uncontained)
    }

    .iris\:text-\(--comp-color-content-accordion-panel-text-uncontained-inverse\) {
        color: var(--comp-color-content-accordion-panel-text-uncontained-inverse)
    }

    .iris\:text-\(--comp-color-content-accordion-title-contained-inverse-rest\) {
        color: var(--comp-color-content-accordion-title-contained-inverse-rest)
    }

    .iris\:text-\(--comp-color-content-accordion-title-contained-rest\) {
        color: var(--comp-color-content-accordion-title-contained-rest)
    }

    .iris\:text-\(--comp-color-content-accordion-title-uncontained-inverse-rest\) {
        color: var(--comp-color-content-accordion-title-uncontained-inverse-rest)
    }

    .iris\:text-\(--comp-color-content-accordion-title-uncontained-rest\) {
        color: var(--comp-color-content-accordion-title-uncontained-rest)
    }

    .iris\:text-\(--comp-color-content-ai-loader-label\) {
        color: var(--comp-color-content-ai-loader-label)
    }

    .iris\:text-\(--comp-color-content-ai-loader-label-inverse\) {
        color: var(--comp-color-content-ai-loader-label-inverse)
    }

    .iris\:text-\(--comp-color-content-alert-body-caution\) {
        color: var(--comp-color-content-alert-body-caution)
    }

    .iris\:text-\(--comp-color-content-alert-body-error\) {
        color: var(--comp-color-content-alert-body-error)
    }

    .iris\:text-\(--comp-color-content-alert-body-info\) {
        color: var(--comp-color-content-alert-body-info)
    }

    .iris\:text-\(--comp-color-content-alert-body-inverse-caution\) {
        color: var(--comp-color-content-alert-body-inverse-caution)
    }

    .iris\:text-\(--comp-color-content-alert-body-inverse-error\) {
        color: var(--comp-color-content-alert-body-inverse-error)
    }

    .iris\:text-\(--comp-color-content-alert-body-inverse-info\) {
        color: var(--comp-color-content-alert-body-inverse-info)
    }

    .iris\:text-\(--comp-color-content-alert-body-inverse-success\) {
        color: var(--comp-color-content-alert-body-inverse-success)
    }

    .iris\:text-\(--comp-color-content-alert-body-success\) {
        color: var(--comp-color-content-alert-body-success)
    }

    .iris\:text-\(--comp-color-content-alert-close-icon-caution\) {
        color: var(--comp-color-content-alert-close-icon-caution)
    }

    .iris\:text-\(--comp-color-content-alert-close-icon-error\) {
        color: var(--comp-color-content-alert-close-icon-error)
    }

    .iris\:text-\(--comp-color-content-alert-close-icon-info\) {
        color: var(--comp-color-content-alert-close-icon-info)
    }

    .iris\:text-\(--comp-color-content-alert-close-icon-inverse-caution\) {
        color: var(--comp-color-content-alert-close-icon-inverse-caution)
    }

    .iris\:text-\(--comp-color-content-alert-close-icon-inverse-error\) {
        color: var(--comp-color-content-alert-close-icon-inverse-error)
    }

    .iris\:text-\(--comp-color-content-alert-close-icon-inverse-info\) {
        color: var(--comp-color-content-alert-close-icon-inverse-info)
    }

    .iris\:text-\(--comp-color-content-alert-close-icon-inverse-success\) {
        color: var(--comp-color-content-alert-close-icon-inverse-success)
    }

    .iris\:text-\(--comp-color-content-alert-close-icon-success\) {
        color: var(--comp-color-content-alert-close-icon-success)
    }

    .iris\:text-\(--comp-color-content-alert-icon-caution\) {
        color: var(--comp-color-content-alert-icon-caution)
    }

    .iris\:text-\(--comp-color-content-alert-icon-error\) {
        color: var(--comp-color-content-alert-icon-error)
    }

    .iris\:text-\(--comp-color-content-alert-icon-info\) {
        color: var(--comp-color-content-alert-icon-info)
    }

    .iris\:text-\(--comp-color-content-alert-icon-inverse-caution\) {
        color: var(--comp-color-content-alert-icon-inverse-caution)
    }

    .iris\:text-\(--comp-color-content-alert-icon-inverse-error\) {
        color: var(--comp-color-content-alert-icon-inverse-error)
    }

    .iris\:text-\(--comp-color-content-alert-icon-inverse-info\) {
        color: var(--comp-color-content-alert-icon-inverse-info)
    }

    .iris\:text-\(--comp-color-content-alert-icon-inverse-success\) {
        color: var(--comp-color-content-alert-icon-inverse-success)
    }

    .iris\:text-\(--comp-color-content-alert-icon-success\) {
        color: var(--comp-color-content-alert-icon-success)
    }

    .iris\:text-\(--comp-color-content-alert-title-caution\) {
        color: var(--comp-color-content-alert-title-caution)
    }

    .iris\:text-\(--comp-color-content-alert-title-error\) {
        color: var(--comp-color-content-alert-title-error)
    }

    .iris\:text-\(--comp-color-content-alert-title-info\) {
        color: var(--comp-color-content-alert-title-info)
    }

    .iris\:text-\(--comp-color-content-alert-title-success\) {
        color: var(--comp-color-content-alert-title-success)
    }

    .iris\:text-\(--comp-color-content-button-primary-disabled\) {
        color: var(--comp-color-content-button-primary-disabled)
    }

    .iris\:text-\(--comp-color-content-button-primary-inverse-disabled\) {
        color: var(--comp-color-content-button-primary-inverse-disabled)
    }

    .iris\:text-\(--comp-color-content-button-primary-inverse-rest\) {
        color: var(--comp-color-content-button-primary-inverse-rest)
    }

    .iris\:text-\(--comp-color-content-button-primary-rest\) {
        color: var(--comp-color-content-button-primary-rest)
    }

    .iris\:text-\(--comp-color-content-button-secondary-disabled\) {
        color: var(--comp-color-content-button-secondary-disabled)
    }

    .iris\:text-\(--comp-color-content-button-secondary-inverse-disabled\) {
        color: var(--comp-color-content-button-secondary-inverse-disabled)
    }

    .iris\:text-\(--comp-color-content-button-secondary-inverse-rest\) {
        color: var(--comp-color-content-button-secondary-inverse-rest)
    }

    .iris\:text-\(--comp-color-content-button-secondary-rest\) {
        color: var(--comp-color-content-button-secondary-rest)
    }

    .iris\:text-\(--comp-color-content-button-tertiary-disabled\) {
        color: var(--comp-color-content-button-tertiary-disabled)
    }

    .iris\:text-\(--comp-color-content-button-tertiary-inverse-disabled\) {
        color: var(--comp-color-content-button-tertiary-inverse-disabled)
    }

    .iris\:text-\(--comp-color-content-button-tertiary-inverse-rest\) {
        color: var(--comp-color-content-button-tertiary-inverse-rest)
    }

    .iris\:text-\(--comp-color-content-button-tertiary-rest\) {
        color: var(--comp-color-content-button-tertiary-rest)
    }

    .iris\:text-\(--comp-color-content-calendar-button\) {
        color: var(--comp-color-content-calendar-button)
    }

    .iris\:text-\(--comp-color-content-calendar-button-inverse\) {
        color: var(--comp-color-content-calendar-button-inverse)
    }

    .iris\:text-\(--comp-color-content-calendar-day\) {
        color: var(--comp-color-content-calendar-day)
    }

    .iris\:text-\(--comp-color-content-calendar-day-inverse\) {
        color: var(--comp-color-content-calendar-day-inverse)
    }

    .iris\:text-\(--comp-color-content-calendar-header\) {
        color: var(--comp-color-content-calendar-header)
    }

    .iris\:text-\(--comp-color-content-calendar-header-inverse\) {
        color: var(--comp-color-content-calendar-header-inverse)
    }

    .iris\:text-\(--comp-color-content-calendar-title\) {
        color: var(--comp-color-content-calendar-title)
    }

    .iris\:text-\(--comp-color-content-calendar-title-inverse\) {
        color: var(--comp-color-content-calendar-title-inverse)
    }

    .iris\:text-\(--comp-color-content-carousel-button-icon-inverse-rest\) {
        color: var(--comp-color-content-carousel-button-icon-inverse-rest)
    }

    .iris\:text-\(--comp-color-content-carousel-button-icon-rest\) {
        color: var(--comp-color-content-carousel-button-icon-rest)
    }

    .iris\:text-\(--comp-color-content-carousel-button-image-icon-rest\) {
        color: var(--comp-color-content-carousel-button-image-icon-rest)
    }

    .iris\:text-\(--comp-color-content-chat-message-chat-message\) {
        color: var(--comp-color-content-chat-message-chat-message)
    }

    .iris\:text-\(--comp-color-content-chat-message-chat-message-inverse\) {
        color: var(--comp-color-content-chat-message-chat-message-inverse)
    }

    .iris\:text-\(--comp-color-content-chat-message-timestamp\) {
        color: var(--comp-color-content-chat-message-timestamp)
    }

    .iris\:text-\(--comp-color-content-chat-message-timestamp-inverse\) {
        color: var(--comp-color-content-chat-message-timestamp-inverse)
    }

    .iris\:text-\(--comp-color-content-check-radio-control-inverse-selected\) {
        color: var(--comp-color-content-check-radio-control-inverse-selected)
    }

    .iris\:text-\(--comp-color-content-check-radio-control-selected\) {
        color: var(--comp-color-content-check-radio-control-selected)
    }

    .iris\:text-\(--comp-color-content-check-radio-label-error\) {
        color: var(--comp-color-content-check-radio-label-error)
    }

    .iris\:text-\(--comp-color-content-check-radio-label-inverse-error\) {
        color: var(--comp-color-content-check-radio-label-inverse-error)
    }

    .iris\:text-\(--comp-color-content-check-radio-label-inverse-rest\) {
        color: var(--comp-color-content-check-radio-label-inverse-rest)
    }

    .iris\:text-\(--comp-color-content-check-radio-label-rest\) {
        color: var(--comp-color-content-check-radio-label-rest)
    }

    .iris\:text-\(--comp-color-content-chip-action-label-inverse-rest\) {
        color: var(--comp-color-content-chip-action-label-inverse-rest)
    }

    .iris\:text-\(--comp-color-content-chip-action-label-rest\) {
        color: var(--comp-color-content-chip-action-label-rest)
    }

    .iris\:text-\(--comp-color-content-chip-filter-count-text\) {
        color: var(--comp-color-content-chip-filter-count-text)
    }

    .iris\:text-\(--comp-color-content-chip-filter-count-text-inverse\) {
        color: var(--comp-color-content-chip-filter-count-text-inverse)
    }

    .iris\:text-\(--comp-color-content-chip-filter-icon\) {
        color: var(--comp-color-content-chip-filter-icon)
    }

    .iris\:text-\(--comp-color-content-chip-filter-icon-inverse\) {
        color: var(--comp-color-content-chip-filter-icon-inverse)
    }

    .iris\:text-\(--comp-color-content-chip-filter-label-inverse-rest\) {
        color: var(--comp-color-content-chip-filter-label-inverse-rest)
    }

    .iris\:text-\(--comp-color-content-chip-filter-label-rest\) {
        color: var(--comp-color-content-chip-filter-label-rest)
    }

    .iris\:text-\(--comp-color-content-chip-filter-label-selected-inverse-rest\) {
        color: var(--comp-color-content-chip-filter-label-selected-inverse-rest)
    }

    .iris\:text-\(--comp-color-content-chip-filter-label-selected-rest\) {
        color: var(--comp-color-content-chip-filter-label-selected-rest)
    }

    .iris\:text-\(--comp-color-content-chip-toggle-inverse-rest\) {
        color: var(--comp-color-content-chip-toggle-inverse-rest)
    }

    .iris\:text-\(--comp-color-content-chip-toggle-rest\) {
        color: var(--comp-color-content-chip-toggle-rest)
    }

    .iris\:text-\(--comp-color-content-chip-toggle-selected-inverse-rest\) {
        color: var(--comp-color-content-chip-toggle-selected-inverse-rest)
    }

    .iris\:text-\(--comp-color-content-chip-toggle-selected-rest\) {
        color: var(--comp-color-content-chip-toggle-selected-rest)
    }

    .iris\:text-\(--comp-color-content-control-button-icon-inverse-rest\) {
        color: var(--comp-color-content-control-button-icon-inverse-rest)
    }

    .iris\:text-\(--comp-color-content-control-button-icon-rest\) {
        color: var(--comp-color-content-control-button-icon-rest)
    }

    .iris\:text-\(--comp-color-content-deal-indicator-good-price-tag\) {
        color: var(--comp-color-content-deal-indicator-good-price-tag)
    }

    .iris\:text-\(--comp-color-content-deal-indicator-good-price-tag-inverse\) {
        color: var(--comp-color-content-deal-indicator-good-price-tag-inverse)
    }

    .iris\:text-\(--comp-color-content-deal-indicator-great-price-tag\) {
        color: var(--comp-color-content-deal-indicator-great-price-tag)
    }

    .iris\:text-\(--comp-color-content-deal-indicator-great-price-tag-inverse\) {
        color: var(--comp-color-content-deal-indicator-great-price-tag-inverse)
    }

    .iris\:text-\(--comp-color-content-icon-button-icon\) {
        color: var(--comp-color-content-icon-button-icon)
    }

    .iris\:text-\(--comp-color-content-icon-button-icon-inverse\) {
        color: var(--comp-color-content-icon-button-icon-inverse)
    }

    .iris\:text-\(--comp-color-content-icon-button-label\) {
        color: var(--comp-color-content-icon-button-label)
    }

    .iris\:text-\(--comp-color-content-icon-button-label-inverse\) {
        color: var(--comp-color-content-icon-button-label-inverse)
    }

    .iris\:text-\(--comp-color-content-input-helper-default\) {
        color: var(--comp-color-content-input-helper-default)
    }

    .iris\:text-\(--comp-color-content-input-helper-error\) {
        color: var(--comp-color-content-input-helper-error)
    }

    .iris\:text-\(--comp-color-content-input-helper-inverse-default\) {
        color: var(--comp-color-content-input-helper-inverse-default)
    }

    .iris\:text-\(--comp-color-content-input-helper-inverse-error\) {
        color: var(--comp-color-content-input-helper-inverse-error)
    }

    .iris\:text-\(--comp-color-content-input-icon-error\) {
        color: var(--comp-color-content-input-icon-error)
    }

    .iris\:text-\(--comp-color-content-input-icon-inverse-error\) {
        color: var(--comp-color-content-input-icon-inverse-error)
    }

    .iris\:text-\(--comp-color-content-input-icon-inverse-rest\) {
        color: var(--comp-color-content-input-icon-inverse-rest)
    }

    .iris\:text-\(--comp-color-content-input-icon-rest\) {
        color: var(--comp-color-content-input-icon-rest)
    }

    .iris\:text-\(--comp-color-content-input-label-disabled\) {
        color: var(--comp-color-content-input-label-disabled)
    }

    .iris\:text-\(--comp-color-content-input-label-error\) {
        color: var(--comp-color-content-input-label-error)
    }

    .iris\:text-\(--comp-color-content-input-label-inverse-active\) {
        color: var(--comp-color-content-input-label-inverse-active)
    }

    .iris\:text-\(--comp-color-content-input-label-inverse-error\) {
        color: var(--comp-color-content-input-label-inverse-error)
    }

    .iris\:text-\(--comp-color-content-input-label-inverse-rest\) {
        color: var(--comp-color-content-input-label-inverse-rest)
    }

    .iris\:text-\(--comp-color-content-input-label-rest\) {
        color: var(--comp-color-content-input-label-rest)
    }

    .iris\:text-\(--comp-color-content-input-value-error\) {
        color: var(--comp-color-content-input-value-error)
    }

    .iris\:text-\(--comp-color-content-input-value-inverse-error\) {
        color: var(--comp-color-content-input-value-inverse-error)
    }

    .iris\:text-\(--comp-color-content-input-value-inverse-rest\) {
        color: var(--comp-color-content-input-value-inverse-rest)
    }

    .iris\:text-\(--comp-color-content-input-value-rest\) {
        color: var(--comp-color-content-input-value-rest)
    }

    .iris\:text-\(--comp-color-content-label-tag-accent\) {
        color: var(--comp-color-content-label-tag-accent)
    }

    .iris\:text-\(--comp-color-content-label-tag-accent-inverse\) {
        color: var(--comp-color-content-label-tag-accent-inverse)
    }

    .iris\:text-\(--comp-color-content-label-tag-brand\) {
        color: var(--comp-color-content-label-tag-brand)
    }

    .iris\:text-\(--comp-color-content-label-tag-brand-inverse\) {
        color: var(--comp-color-content-label-tag-brand-inverse)
    }

    .iris\:text-\(--comp-color-content-label-tag-negative\) {
        color: var(--comp-color-content-label-tag-negative)
    }

    .iris\:text-\(--comp-color-content-label-tag-negative-inverse\) {
        color: var(--comp-color-content-label-tag-negative-inverse)
    }

    .iris\:text-\(--comp-color-content-label-tag-neutral\) {
        color: var(--comp-color-content-label-tag-neutral)
    }

    .iris\:text-\(--comp-color-content-label-tag-neutral-inverse\) {
        color: var(--comp-color-content-label-tag-neutral-inverse)
    }

    .iris\:text-\(--comp-color-content-label-tag-positive\) {
        color: var(--comp-color-content-label-tag-positive)
    }

    .iris\:text-\(--comp-color-content-label-tag-positive-inverse\) {
        color: var(--comp-color-content-label-tag-positive-inverse)
    }

    .iris\:text-\(--comp-color-content-link-inverse-rest\) {
        color: var(--comp-color-content-link-inverse-rest)
    }

    .iris\:text-\(--comp-color-content-link-rest\) {
        color: var(--comp-color-content-link-rest)
    }

    .iris\:text-\(--comp-color-content-listbox-count\) {
        color: var(--comp-color-content-listbox-count)
    }

    .iris\:text-\(--comp-color-content-listbox-group\) {
        color: var(--comp-color-content-listbox-group)
    }

    .iris\:text-\(--comp-color-content-listbox-icon\) {
        color: var(--comp-color-content-listbox-icon)
    }

    .iris\:text-\(--comp-color-content-message-input-button-disabled\) {
        color: var(--comp-color-content-message-input-button-disabled)
    }

    .iris\:text-\(--comp-color-content-message-input-button-inverse-disabled\) {
        color: var(--comp-color-content-message-input-button-inverse-disabled)
    }

    .iris\:text-\(--comp-color-content-message-input-button-inverse-rest\) {
        color: var(--comp-color-content-message-input-button-inverse-rest)
    }

    .iris\:text-\(--comp-color-content-message-input-button-rest\) {
        color: var(--comp-color-content-message-input-button-rest)
    }

    .iris\:text-\(--comp-color-content-message-input-value\) {
        color: var(--comp-color-content-message-input-value)
    }

    .iris\:text-\(--comp-color-content-message-input-value-inverse\) {
        color: var(--comp-color-content-message-input-value-inverse)
    }

    .iris\:text-\(--comp-color-content-pagination-button\) {
        color: var(--comp-color-content-pagination-button)
    }

    .iris\:text-\(--comp-color-content-pagination-button-inverse\) {
        color: var(--comp-color-content-pagination-button-inverse)
    }

    .iris\:text-\(--comp-color-content-pagination-item\) {
        color: var(--comp-color-content-pagination-item)
    }

    .iris\:text-\(--comp-color-content-pagination-item-inverse\) {
        color: var(--comp-color-content-pagination-item-inverse)
    }

    .iris\:text-\(--comp-color-content-pagination-item-selected\) {
        color: var(--comp-color-content-pagination-item-selected)
    }

    .iris\:text-\(--comp-color-content-progress-bar-label\) {
        color: var(--comp-color-content-progress-bar-label)
    }

    .iris\:text-\(--comp-color-content-progress-bar-label-inverse\) {
        color: var(--comp-color-content-progress-bar-label-inverse)
    }

    .iris\:text-\(--comp-color-content-progress-bar-perc-text-inverse\) {
        color: var(--comp-color-content-progress-bar-perc-text-inverse)
    }

    .iris\:text-\(--comp-color-content-quick-tip-body\) {
        color: var(--comp-color-content-quick-tip-body)
    }

    .iris\:text-\(--comp-color-content-quick-tip-body-inverse\) {
        color: var(--comp-color-content-quick-tip-body-inverse)
    }

    .iris\:text-\(--comp-color-content-quick-tip-icon\) {
        color: var(--comp-color-content-quick-tip-icon)
    }

    .iris\:text-\(--comp-color-content-quick-tip-icon-inverse\) {
        color: var(--comp-color-content-quick-tip-icon-inverse)
    }

    .iris\:text-\(--comp-color-content-quick-tip-title\) {
        color: var(--comp-color-content-quick-tip-title)
    }

    .iris\:text-\(--comp-color-content-quick-tip-title-inverse\) {
        color: var(--comp-color-content-quick-tip-title-inverse)
    }

    .iris\:text-\(--comp-color-content-selectable-container-label-default-disabled\) {
        color: var(--comp-color-content-selectable-container-label-default-disabled)
    }

    .iris\:text-\(--comp-color-content-selectable-container-label-default-rest\) {
        color: var(--comp-color-content-selectable-container-label-default-rest)
    }

    .iris\:text-\(--comp-color-content-selectable-container-label-inverse-disabled\) {
        color: var(--comp-color-content-selectable-container-label-inverse-disabled)
    }

    .iris\:text-\(--comp-color-content-selectable-container-label-inverse-rest\) {
        color: var(--comp-color-content-selectable-container-label-inverse-rest)
    }

    .iris\:text-\(--comp-color-content-selectable-container-secondary-label-default-disabled\) {
        color: var(--comp-color-content-selectable-container-secondary-label-default-disabled)
    }

    .iris\:text-\(--comp-color-content-selectable-container-secondary-label-default-rest\) {
        color: var(--comp-color-content-selectable-container-secondary-label-default-rest)
    }

    .iris\:text-\(--comp-color-content-selectable-container-secondary-label-inverse-disabled\) {
        color: var(--comp-color-content-selectable-container-secondary-label-inverse-disabled)
    }

    .iris\:text-\(--comp-color-content-selectable-container-secondary-label-inverse-rest\) {
        color: var(--comp-color-content-selectable-container-secondary-label-inverse-rest)
    }

    .iris\:text-\(--comp-color-content-sheet-header-icon-rest\) {
        color: var(--comp-color-content-sheet-header-icon-rest)
    }

    .iris\:text-\(--comp-color-content-sheet-header-title\) {
        color: var(--comp-color-content-sheet-header-title)
    }

    .iris\:text-\(--comp-color-content-sheet-title\) {
        color: var(--comp-color-content-sheet-title)
    }

    .iris\:text-\(--comp-color-content-step-indicator-label-active\) {
        color: var(--comp-color-content-step-indicator-label-active)
    }

    .iris\:text-\(--comp-color-content-step-indicator-label-complete\) {
        color: var(--comp-color-content-step-indicator-label-complete)
    }

    .iris\:text-\(--comp-color-content-step-indicator-label-disabled\) {
        color: var(--comp-color-content-step-indicator-label-disabled)
    }

    .iris\:text-\(--comp-color-content-step-indicator-label-inverse-active\) {
        color: var(--comp-color-content-step-indicator-label-inverse-active)
    }

    .iris\:text-\(--comp-color-content-step-indicator-label-inverse-complete\) {
        color: var(--comp-color-content-step-indicator-label-inverse-complete)
    }

    .iris\:text-\(--comp-color-content-step-indicator-label-inverse-disabled\) {
        color: var(--comp-color-content-step-indicator-label-inverse-disabled)
    }

    .iris\:text-\(--comp-color-content-step-indicator-label-inverse-visited\) {
        color: var(--comp-color-content-step-indicator-label-inverse-visited)
    }

    .iris\:text-\(--comp-color-content-step-indicator-label-visited\) {
        color: var(--comp-color-content-step-indicator-label-visited)
    }

    .iris\:text-\(--comp-color-content-step-indicator-number-active\) {
        color: var(--comp-color-content-step-indicator-number-active)
    }

    .iris\:text-\(--comp-color-content-step-indicator-number-disabled\) {
        color: var(--comp-color-content-step-indicator-number-disabled)
    }

    .iris\:text-\(--comp-color-content-step-indicator-number-inverse-active\) {
        color: var(--comp-color-content-step-indicator-number-inverse-active)
    }

    .iris\:text-\(--comp-color-content-step-indicator-number-inverse-disabled\) {
        color: var(--comp-color-content-step-indicator-number-inverse-disabled)
    }

    .iris\:text-\(--comp-color-content-step-indicator-number-inverse-visited\) {
        color: var(--comp-color-content-step-indicator-number-inverse-visited)
    }

    .iris\:text-\(--comp-color-content-step-indicator-number-visited\) {
        color: var(--comp-color-content-step-indicator-number-visited)
    }

    .iris\:text-\(--comp-color-content-tabs-pill-label-inverse-rest\) {
        color: var(--comp-color-content-tabs-pill-label-inverse-rest)
    }

    .iris\:text-\(--comp-color-content-tabs-pill-label-rest\) {
        color: var(--comp-color-content-tabs-pill-label-rest)
    }

    .iris\:text-\(--comp-color-content-tabs-text-label-inverse-rest\) {
        color: var(--comp-color-content-tabs-text-label-inverse-rest)
    }

    .iris\:text-\(--comp-color-content-tabs-text-label-rest\) {
        color: var(--comp-color-content-tabs-text-label-rest)
    }

    .iris\:text-\(--comp-color-content-toast-body\) {
        color: var(--comp-color-content-toast-body)
    }

    .iris\:text-\(--comp-color-content-toast-icon\) {
        color: var(--comp-color-content-toast-icon)
    }

    .iris\:text-\(--comp-color-content-toast-title\) {
        color: var(--comp-color-content-toast-title)
    }

    .iris\:text-\(--comp-color-content-toggle-button-icon-default-rest\) {
        color: var(--comp-color-content-toggle-button-icon-default-rest)
    }

    .iris\:text-\(--comp-color-content-toggle-button-icon-default-selected\) {
        color: var(--comp-color-content-toggle-button-icon-default-selected)
    }

    .iris\:text-\(--comp-color-content-toggle-button-icon-inverse-rest\) {
        color: var(--comp-color-content-toggle-button-icon-inverse-rest)
    }

    .iris\:text-\(--comp-color-content-toggle-button-icon-inverse-selected\) {
        color: var(--comp-color-content-toggle-button-icon-inverse-selected)
    }

    .iris\:text-\(--comp-color-content-toggle-button-label-default-rest\) {
        color: var(--comp-color-content-toggle-button-label-default-rest)
    }

    .iris\:text-\(--comp-color-content-toggle-button-label-default-selected\) {
        color: var(--comp-color-content-toggle-button-label-default-selected)
    }

    .iris\:text-\(--comp-color-content-toggle-button-label-inverse-rest\) {
        color: var(--comp-color-content-toggle-button-label-inverse-rest)
    }

    .iris\:text-\(--comp-color-content-toggle-button-label-inverse-selected\) {
        color: var(--comp-color-content-toggle-button-label-inverse-selected)
    }

    .iris\:text-\(--comp-color-content-toggle-switch-label-default\) {
        color: var(--comp-color-content-toggle-switch-label-default)
    }

    .iris\:text-\(--comp-color-content-toggle-switch-label-inverse\) {
        color: var(--comp-color-content-toggle-switch-label-inverse)
    }

    .iris\:text-\(--comp-color-content-tooltip-default\) {
        color: var(--comp-color-content-tooltip-default)
    }

    .iris\:text-\(--comp-color-content-tooltip-inverse\) {
        color: var(--comp-color-content-tooltip-inverse)
    }

    .iris\:text-\(--comp-color-content-type-body\) {
        color: var(--comp-color-content-type-body)
    }

    .iris\:text-\(--comp-color-content-type-body-inverse\) {
        color: var(--comp-color-content-type-body-inverse)
    }

    .iris\:text-\(--comp-color-content-type-disclaimer\) {
        color: var(--comp-color-content-type-disclaimer)
    }

    .iris\:text-\(--comp-color-content-type-disclaimer-inverse\) {
        color: var(--comp-color-content-type-disclaimer-inverse)
    }

    .iris\:text-\(--comp-color-content-type-display\) {
        color: var(--comp-color-content-type-display)
    }

    .iris\:text-\(--comp-color-content-type-display-inverse\) {
        color: var(--comp-color-content-type-display-inverse)
    }

    .iris\:text-\(--comp-color-content-type-heading\) {
        color: var(--comp-color-content-type-heading)
    }

    .iris\:text-\(--comp-color-content-type-heading-inverse\) {
        color: var(--comp-color-content-type-heading-inverse)
    }

    .iris\:text-\(--comp-color-content-type-title\) {
        color: var(--comp-color-content-type-title)
    }

    .iris\:text-\(--comp-color-content-type-title-inverse\) {
        color: var(--comp-color-content-type-title-inverse)
    }

    .iris\:text-\(--comp-color-content-video-trigger-button-icon-rest\) {
        color: var(--comp-color-content-video-trigger-button-icon-rest)
    }

    .iris\:text-\(--sem-color-content-brand-secondary\) {
        color: var(--sem-color-content-brand-secondary)
    }

    .iris\:text-\(--sem-color-content-caution-inverse-primary\) {
        color: var(--sem-color-content-caution-inverse-primary)
    }

    .iris\:text-\(--sem-color-content-error-inverse-primary\) {
        color: var(--sem-color-content-error-inverse-primary)
    }

    .iris\:text-\(--sem-color-content-info-inverse-primary\) {
        color: var(--sem-color-content-info-inverse-primary)
    }

    .iris\:text-\(--sem-color-content-neutral-primary\) {
        color: var(--sem-color-content-neutral-primary)
    }

    .iris\:text-\(--sem-color-content-neutral-secondary\) {
        color: var(--sem-color-content-neutral-secondary)
    }

    .iris\:text-\(--sem-color-content-success-inverse-primary\) {
        color: var(--sem-color-content-success-inverse-primary)
    }

    .iris\:text-\(color\:--comp-color-content-avatar-label\) {
        color: var(--comp-color-content-avatar-label)
    }

    .iris\:text-\(color\:--comp-color-content-avatar-label-inverse\) {
        color: var(--comp-color-content-avatar-label-inverse)
    }

    .iris\:text-gray-600 {
        color: var(--iris-color-gray-600)
    }

    .iris\:text-gray-700 {
        color: var(--iris-color-gray-700)
    }

    .iris\:\[text-transform\:var\(--comp-type-transform-avatar\)\] {
        text-transform: var(--comp-type-transform-avatar)
    }

    .iris\:\[text-transform\:var\(--comp-type-transform-button\)\] {
        text-transform: var(--comp-type-transform-button)
    }

    .iris\:\[text-transform\:var\(--comp-type-transform-label-tag\)\] {
        text-transform: var(--comp-type-transform-label-tag)
    }

    .iris\:\[text-transform\:var\(--comp-type-transform-quick-tip-title\)\] {
        text-transform: var(--comp-type-transform-quick-tip-title)
    }

    .iris\:uppercase {
        text-transform: uppercase
    }

    .iris\:italic {
        font-style: italic
    }

    .iris\:not-italic {
        font-style: normal
    }

    .iris\:no-underline {
        text-decoration-line: none
    }

    .iris\:underline {
        text-decoration-line: underline
    }

    .iris\:opacity-\(--sem-opacity-interactive-disabled\) {
        opacity: var(--sem-opacity-interactive-disabled)
    }

    .iris\:opacity-0 {
        opacity: 0
    }

    .iris\:opacity-50 {
        opacity: .5
    }

    .iris\:opacity-85 {
        opacity: .85
    }

    .iris\:opacity-100 {
        opacity: 1
    }

    .iris\:shadow-\[0_2px_10px\] {
        --tw-shadow: 0 2px 10px var(--tw-shadow-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .iris\:shadow-\[inset_0_0_0_var\(--comp-size-border-color-swatch\)_var\(--comp-color-border-color-swatch-default\)\] {
        --tw-shadow: inset 0 0 0 var(--tw-shadow-color, var(--comp-size-border-color-swatch))var(--comp-color-border-color-swatch-default);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .iris\:shadow-elevation-02 {
        --tw-shadow: 0 var(--sem-elevation-elevation-layer-01-y)var(--sem-elevation-elevation-layer-01-blur)var(--sem-elevation-elevation-layer-01-spread)var(--sem-color-shadow-default), 0 var(--sem-elevation-elevation-layer-02-y)var(--sem-elevation-elevation-layer-02-blur)var(--sem-elevation-elevation-layer-02-spread)var(--sem-color-shadow-default), 0 var(--sem-elevation-elevation-layer-03-y)var(--sem-elevation-elevation-layer-03-blur)var(--sem-elevation-elevation-layer-03-spread)var(--sem-color-shadow-default)
    }

    .iris\:shadow-elevation-02,
    .iris\:shadow-elevation-03 {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .iris\:shadow-elevation-03 {
        --tw-shadow: 0 var(--sem-elevation-elevation-layer-01-y)var(--sem-elevation-elevation-layer-01-blur)var(--sem-elevation-elevation-layer-01-spread)var(--sem-color-shadow-default), 0 var(--sem-elevation-elevation-layer-02-y)var(--sem-elevation-elevation-layer-02-blur)var(--sem-elevation-elevation-layer-02-spread)var(--sem-color-shadow-default), 0 var(--sem-elevation-elevation-layer-03-y)var(--sem-elevation-elevation-layer-03-blur)var(--sem-elevation-elevation-layer-03-spread)var(--sem-color-shadow-default), 0 var(--sem-elevation-elevation-layer-04-y)var(--sem-elevation-elevation-layer-04-blur)var(--sem-elevation-elevation-layer-04-spread)var(--sem-color-shadow-default), 0 var(--sem-elevation-elevation-layer-05-y)var(--sem-elevation-elevation-layer-05-blur)var(--sem-elevation-elevation-layer-05-spread)var(--sem-color-shadow-default)
    }

    .iris\:shadow-elevation-04 {
        --tw-shadow: 0 var(--sem-elevation-elevation-layer-01-y)var(--sem-elevation-elevation-layer-01-blur)var(--sem-elevation-elevation-layer-01-spread)var(--sem-color-shadow-default), 0 var(--sem-elevation-elevation-layer-02-y)var(--sem-elevation-elevation-layer-02-blur)var(--sem-elevation-elevation-layer-02-spread)var(--sem-color-shadow-default), 0 var(--sem-elevation-elevation-layer-03-y)var(--sem-elevation-elevation-layer-03-blur)var(--sem-elevation-elevation-layer-03-spread)var(--sem-color-shadow-default), 0 var(--sem-elevation-elevation-layer-04-y)var(--sem-elevation-elevation-layer-04-blur)var(--sem-elevation-elevation-layer-04-spread)var(--sem-color-shadow-default), 0 var(--sem-elevation-elevation-layer-05-y)var(--sem-elevation-elevation-layer-05-blur)var(--sem-elevation-elevation-layer-05-spread)var(--sem-color-shadow-default), 0 var(--sem-elevation-elevation-layer-06-y)var(--sem-elevation-elevation-layer-06-blur)var(--sem-elevation-elevation-layer-06-spread)var(--sem-color-shadow-default), 0 var(--sem-elevation-elevation-layer-07-y)var(--sem-elevation-elevation-layer-07-blur)var(--sem-elevation-elevation-layer-07-spread)var(--sem-color-shadow-default)
    }

    .iris\:shadow-elevation-04,
    .iris\:shadow-lg {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .iris\:shadow-lg {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a)
    }

    .iris\:shadow-none {
        --tw-shadow: 0 0 #0000
    }

    .iris\:shadow-none,
    .iris\:shadow-sm {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .iris\:shadow-sm {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a)
    }

    .iris\:ring-0 {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor)
    }

    .iris\:ring-0,
    .iris\:ring-2 {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .iris\:ring-2 {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor)
    }

    .iris\:\[box-shadow\:0_var\(--sem-elevation-elevation-layer-01-y\,0\)_var\(--sem-elevation-elevation-layer-01-blur\,0\)_var\(--sem-elevation-elevation-layer-01-spread\,1px\)_var\(--sem-color-shadow-default\,rgba\(0\,0\,0\,0\.05\)\)\,0_var\(--sem-elevation-elevation-layer-02-y\,2px\)_var\(--sem-elevation-elevation-layer-02-blur\,2px\)_var\(--sem-elevation-elevation-layer-02-spread\,0\)_var\(--sem-color-shadow-default\,rgba\(0\,0\,0\,0\.05\)\)\,0_var\(--sem-elevation-elevation-layer-03-y\,4px\)_var\(--sem-elevation-elevation-layer-03-blur\,4px\)_var\(--sem-elevation-elevation-layer-04-spread\,-2px\)_var\(--sem-color-shadow-default\,rgba\(0\,0\,0\,0\.05\)\)\] {
        box-shadow: 0 var(--sem-elevation-elevation-layer-01-y, 0)var(--sem-elevation-elevation-layer-01-blur, 0)var(--sem-elevation-elevation-layer-01-spread, 1px)var(--sem-color-shadow-default, #0000000d), 0 var(--sem-elevation-elevation-layer-02-y, 2px)var(--sem-elevation-elevation-layer-02-blur, 2px)var(--sem-elevation-elevation-layer-02-spread, 0)var(--sem-color-shadow-default, #0000000d), 0 var(--sem-elevation-elevation-layer-03-y, 4px)var(--sem-elevation-elevation-layer-03-blur, 4px)var(--sem-elevation-elevation-layer-04-spread, -2px)var(--sem-color-shadow-default, #0000000d)
    }

    .iris\:ring-\(--sem-color-border-interactive-inverse-selected\) {
        --tw-ring-color: var(--sem-color-border-interactive-inverse-selected)
    }

    .iris\:ring-\(--sem-color-border-interactive-selected\) {
        --tw-ring-color: var(--sem-color-border-interactive-selected)
    }

    .iris\:ring-offset-2 {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
    }

    .iris\:ring-offset-\(--sem-color-background-neutral-inverse-primary\) {
        --tw-ring-offset-color: var(--sem-color-background-neutral-inverse-primary)
    }

    .iris\:outline-hidden {
        --tw-outline-style: none;
        outline-style: none
    }

    @media (forced-colors:active) {
        .iris\:outline-hidden {
            outline-offset: 2px;
            outline: 2px solid #0000
        }
    }

    .iris\:outline-0 {
        outline-style: var(--tw-outline-style);
        outline-width: 0
    }

    .iris\:transition {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--iris-default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--iris-default-transition-duration))
    }

    .iris\:transition-\[ring_var\(--comp-motion-duration-focus-ring\)_var\(--comp-motion-easing-focus-ring\)\] {
        transition-property: ring var(--comp-motion-duration-focus-ring)var(--comp-motion-easing-focus-ring);
        transition-timing-function: var(--tw-ease, var(--iris-default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--iris-default-transition-duration))
    }

    .iris\:transition-\[width\,_height\] {
        transition-property: width, height;
        transition-timing-function: var(--tw-ease, var(--iris-default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--iris-default-transition-duration))
    }

    .iris\:transition-\[width\,transform_250ms_ease\] {
        transition-property: width, transform .25s ease;
        transition-timing-function: var(--tw-ease, var(--iris-default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--iris-default-transition-duration))
    }

    .iris\:transition-all {
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--iris-default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--iris-default-transition-duration))
    }

    .iris\:transition-colors {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--iris-default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--iris-default-transition-duration))
    }

    .iris\:transition-transform {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--iris-default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--iris-default-transition-duration))
    }

    .iris\:duration-\(--comp-motion-duration-accordion-state\) {
        --tw-duration: var(--comp-motion-duration-accordion-state);
        transition-duration: var(--comp-motion-duration-accordion-state)
    }

    .iris\:duration-\(--comp-motion-duration-button\) {
        --tw-duration: var(--comp-motion-duration-button);
        transition-duration: var(--comp-motion-duration-button)
    }

    .iris\:duration-\(--comp-motion-duration-calendar\) {
        --tw-duration: var(--comp-motion-duration-calendar);
        transition-duration: var(--comp-motion-duration-calendar)
    }

    .iris\:duration-\(--comp-motion-duration-carousel-button\) {
        --tw-duration: var(--comp-motion-duration-carousel-button);
        transition-duration: var(--comp-motion-duration-carousel-button)
    }

    .iris\:duration-\(--comp-motion-duration-check-radio\) {
        --tw-duration: var(--comp-motion-duration-check-radio);
        transition-duration: var(--comp-motion-duration-check-radio)
    }

    .iris\:duration-\(--comp-motion-duration-chip-action\) {
        --tw-duration: var(--comp-motion-duration-chip-action);
        transition-duration: var(--comp-motion-duration-chip-action)
    }

    .iris\:duration-\(--comp-motion-duration-chip-filter\) {
        --tw-duration: var(--comp-motion-duration-chip-filter);
        transition-duration: var(--comp-motion-duration-chip-filter)
    }

    .iris\:duration-\(--comp-motion-duration-chip-toggle\) {
        --tw-duration: var(--comp-motion-duration-chip-toggle);
        transition-duration: var(--comp-motion-duration-chip-toggle)
    }

    .iris\:duration-\(--comp-motion-duration-control-button\) {
        --tw-duration: var(--comp-motion-duration-control-button);
        transition-duration: var(--comp-motion-duration-control-button)
    }

    .iris\:duration-\(--comp-motion-duration-icon-button\) {
        --tw-duration: var(--comp-motion-duration-icon-button);
        transition-duration: var(--comp-motion-duration-icon-button)
    }

    .iris\:duration-\(--comp-motion-duration-input\) {
        --tw-duration: var(--comp-motion-duration-input);
        transition-duration: var(--comp-motion-duration-input)
    }

    .iris\:duration-\(--comp-motion-duration-link\) {
        --tw-duration: var(--comp-motion-duration-link);
        transition-duration: var(--comp-motion-duration-link)
    }

    .iris\:duration-\(--comp-motion-duration-message-input\) {
        --tw-duration: var(--comp-motion-duration-message-input);
        transition-duration: var(--comp-motion-duration-message-input)
    }

    .iris\:duration-\(--comp-motion-duration-meter-bar\) {
        --tw-duration: var(--comp-motion-duration-meter-bar);
        transition-duration: var(--comp-motion-duration-meter-bar)
    }

    .iris\:duration-\(--comp-motion-duration-pagination\) {
        --tw-duration: var(--comp-motion-duration-pagination);
        transition-duration: var(--comp-motion-duration-pagination)
    }

    .iris\:duration-\(--comp-motion-duration-progress-bar\) {
        --tw-duration: var(--comp-motion-duration-progress-bar);
        transition-duration: var(--comp-motion-duration-progress-bar)
    }

    .iris\:duration-\(--comp-motion-duration-selectable-container\) {
        --tw-duration: var(--comp-motion-duration-selectable-container);
        transition-duration: var(--comp-motion-duration-selectable-container)
    }

    .iris\:duration-\(--comp-motion-duration-slider\) {
        --tw-duration: var(--comp-motion-duration-slider);
        transition-duration: var(--comp-motion-duration-slider)
    }

    .iris\:duration-\(--comp-motion-duration-tabs-pill\) {
        --tw-duration: var(--comp-motion-duration-tabs-pill);
        transition-duration: var(--comp-motion-duration-tabs-pill)
    }

    .iris\:duration-\(--comp-motion-duration-tabs-text\) {
        --tw-duration: var(--comp-motion-duration-tabs-text);
        transition-duration: var(--comp-motion-duration-tabs-text)
    }

    .iris\:duration-\(--comp-motion-duration-text-input\) {
        --tw-duration: var(--comp-motion-duration-text-input);
        transition-duration: var(--comp-motion-duration-text-input)
    }

    .iris\:duration-\(--comp-motion-duration-toggle-button\) {
        --tw-duration: var(--comp-motion-duration-toggle-button);
        transition-duration: var(--comp-motion-duration-toggle-button)
    }

    .iris\:duration-\(--comp-motion-duration-toggle-switch\) {
        --tw-duration: var(--comp-motion-duration-toggle-switch);
        transition-duration: var(--comp-motion-duration-toggle-switch)
    }

    .iris\:duration-300 {
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .iris\:duration-\[250\] {
        --tw-duration: 250;
        transition-duration: 250
    }

    .iris\:ease-\(--comp-motion-easing-accordion\) {
        --tw-ease: var(--comp-motion-easing-accordion);
        transition-timing-function: var(--comp-motion-easing-accordion)
    }

    .iris\:ease-\(--comp-motion-easing-button\) {
        --tw-ease: var(--comp-motion-easing-button);
        transition-timing-function: var(--comp-motion-easing-button)
    }

    .iris\:ease-\(--comp-motion-easing-calendar\) {
        --tw-ease: var(--comp-motion-easing-calendar);
        transition-timing-function: var(--comp-motion-easing-calendar)
    }

    .iris\:ease-\(--comp-motion-easing-carousel-button\) {
        --tw-ease: var(--comp-motion-easing-carousel-button);
        transition-timing-function: var(--comp-motion-easing-carousel-button)
    }

    .iris\:ease-\(--comp-motion-easing-check-radio\) {
        --tw-ease: var(--comp-motion-easing-check-radio);
        transition-timing-function: var(--comp-motion-easing-check-radio)
    }

    .iris\:ease-\(--comp-motion-easing-chip-action\) {
        --tw-ease: var(--comp-motion-easing-chip-action);
        transition-timing-function: var(--comp-motion-easing-chip-action)
    }

    .iris\:ease-\(--comp-motion-easing-chip-filter\) {
        --tw-ease: var(--comp-motion-easing-chip-filter);
        transition-timing-function: var(--comp-motion-easing-chip-filter)
    }

    .iris\:ease-\(--comp-motion-easing-chip-toggle\) {
        --tw-ease: var(--comp-motion-easing-chip-toggle);
        transition-timing-function: var(--comp-motion-easing-chip-toggle)
    }

    .iris\:ease-\(--comp-motion-easing-control-button\) {
        --tw-ease: var(--comp-motion-easing-control-button);
        transition-timing-function: var(--comp-motion-easing-control-button)
    }

    .iris\:ease-\(--comp-motion-easing-icon-button\) {
        --tw-ease: var(--comp-motion-easing-icon-button);
        transition-timing-function: var(--comp-motion-easing-icon-button)
    }

    .iris\:ease-\(--comp-motion-easing-input\) {
        --tw-ease: var(--comp-motion-easing-input);
        transition-timing-function: var(--comp-motion-easing-input)
    }

    .iris\:ease-\(--comp-motion-easing-link\) {
        --tw-ease: var(--comp-motion-easing-link);
        transition-timing-function: var(--comp-motion-easing-link)
    }

    .iris\:ease-\(--comp-motion-easing-message-input\) {
        --tw-ease: var(--comp-motion-easing-message-input);
        transition-timing-function: var(--comp-motion-easing-message-input)
    }

    .iris\:ease-\(--comp-motion-easing-meter-bar\) {
        --tw-ease: var(--comp-motion-easing-meter-bar);
        transition-timing-function: var(--comp-motion-easing-meter-bar)
    }

    .iris\:ease-\(--comp-motion-easing-pagination\) {
        --tw-ease: var(--comp-motion-easing-pagination);
        transition-timing-function: var(--comp-motion-easing-pagination)
    }

    .iris\:ease-\(--comp-motion-easing-progress-bar\) {
        --tw-ease: var(--comp-motion-easing-progress-bar);
        transition-timing-function: var(--comp-motion-easing-progress-bar)
    }

    .iris\:ease-\(--comp-motion-easing-selectable-container\) {
        --tw-ease: var(--comp-motion-easing-selectable-container);
        transition-timing-function: var(--comp-motion-easing-selectable-container)
    }

    .iris\:ease-\(--comp-motion-easing-tabs-pill\) {
        --tw-ease: var(--comp-motion-easing-tabs-pill);
        transition-timing-function: var(--comp-motion-easing-tabs-pill)
    }

    .iris\:ease-\(--comp-motion-easing-tabs-text\) {
        --tw-ease: var(--comp-motion-easing-tabs-text);
        transition-timing-function: var(--comp-motion-easing-tabs-text)
    }

    .iris\:ease-\(--comp-motion-easing-text-input\) {
        --tw-ease: var(--comp-motion-easing-text-input);
        transition-timing-function: var(--comp-motion-easing-text-input)
    }

    .iris\:ease-\(--comp-motion-easing-toggle-button\) {
        --tw-ease: var(--comp-motion-easing-toggle-button);
        transition-timing-function: var(--comp-motion-easing-toggle-button)
    }

    .iris\:ease-\(--comp-motion-easing-toggle-switch\) {
        --tw-ease: var(--comp-motion-easing-toggle-switch);
        transition-timing-function: var(--comp-motion-easing-toggle-switch)
    }

    .iris\:ease-in {
        --tw-ease: var(--iris-ease-in);
        transition-timing-function: var(--iris-ease-in)
    }

    .iris\:will-change-transform {
        will-change: transform
    }

    .iris\:outline-none {
        --tw-outline-style: none;
        outline-style: none
    }

    .iris\:select-none {
        -webkit-user-select: none;
        user-select: none
    }

    .iris\:perspective-\[2000px\] {
        perspective: 2000px
    }

    .iris\:group-focus-within\:top-\(--base-space-px-12\):is(:where(.iris\:group):focus-within *) {
        top: var(--base-space-px-12)
    }

    .iris\:group-focus-within\:-translate-y-1\/2:is(:where(.iris\:group):focus-within *) {
        --tw-translate-y: calc(calc(1/2*100%)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .iris\:group-focus-within\:pt-\(--comp-space-padding-text-area-inner-label-filled-top\):is(:where(.iris\:group):focus-within *) {
        padding-top: var(--comp-space-padding-text-area-inner-label-filled-top)
    }

    .iris\:group-focus-within\:text-\(length\:--comp-type-size-input-inner-label\):is(:where(.iris\:group):focus-within *) {
        font-size: var(--comp-type-size-input-inner-label)
    }

    .iris\:group-focus-within\:tracking-\(--comp-type-tracking-input-inner-label\):is(:where(.iris\:group):focus-within *) {
        --tw-tracking: var(--comp-type-tracking-input-inner-label);
        letter-spacing: var(--comp-type-tracking-input-inner-label)
    }

    .iris\:group-focus-within\:text-\(--comp-color-content-input-label-active\):is(:where(.iris\:group):focus-within *) {
        color: var(--comp-color-content-input-label-active)
    }

    .iris\:group-focus-within\:text-\(--comp-color-content-input-label-error\):is(:where(.iris\:group):focus-within *) {
        color: var(--comp-color-content-input-label-error)
    }

    .iris\:group-focus-within\:text-\(--comp-color-content-input-label-inverse-active\):is(:where(.iris\:group):focus-within *) {
        color: var(--comp-color-content-input-label-inverse-active)
    }

    .iris\:group-focus-within\:text-\(--comp-color-content-input-label-inverse-error\):is(:where(.iris\:group):focus-within *) {
        color: var(--comp-color-content-input-label-inverse-error)
    }

    @media (hover:hover) {
        .iris\:group-hover\:border-\(length\:--comp-size-border-chip-toggle\):is(:where(.iris\:group):hover *) {
            border-style: var(--tw-border-style);
            border-width: var(--comp-size-border-chip-toggle)
        }

        .iris\:group-hover\:border-\(--comp-color-border-check-radio-control-error\):is(:where(.iris\:group):hover *) {
            border-color: var(--comp-color-border-check-radio-control-error)
        }

        .iris\:group-hover\:border-\(--comp-color-border-check-radio-control-hover\):is(:where(.iris\:group):hover *) {
            border-color: var(--comp-color-border-check-radio-control-hover)
        }

        .iris\:group-hover\:border-\(--comp-color-border-check-radio-control-inverse-error\):is(:where(.iris\:group):hover *) {
            border-color: var(--comp-color-border-check-radio-control-inverse-error)
        }

        .iris\:group-hover\:border-\(--comp-color-border-check-radio-control-inverse-hover\):is(:where(.iris\:group):hover *) {
            border-color: var(--comp-color-border-check-radio-control-inverse-hover)
        }

        .iris\:group-hover\:border-\(--comp-color-border-chip-toggle-hover\):is(:where(.iris\:group):hover *) {
            border-color: var(--comp-color-border-chip-toggle-hover)
        }

        .iris\:group-hover\:border-\(--comp-color-border-chip-toggle-inverse-hover\):is(:where(.iris\:group):hover *) {
            border-color: var(--comp-color-border-chip-toggle-inverse-hover)
        }

        .iris\:group-hover\:border-\(--comp-color-border-chip-toggle-selected-hover\):is(:where(.iris\:group):hover *) {
            border-color: var(--comp-color-border-chip-toggle-selected-hover)
        }

        .iris\:group-hover\:border-\(--comp-color-border-chip-toggle-selected-inverse-hover\):is(:where(.iris\:group):hover *) {
            border-color: var(--comp-color-border-chip-toggle-selected-inverse-hover)
        }

        .iris\:group-hover\:border-\(--comp-color-border-input-error\):is(:where(.iris\:group):hover *) {
            border-color: var(--comp-color-border-input-error)
        }

        .iris\:group-hover\:border-\(--comp-color-border-input-hover\):is(:where(.iris\:group):hover *) {
            border-color: var(--comp-color-border-input-hover)
        }

        .iris\:group-hover\:border-\(--comp-color-border-input-inverse-error\):is(:where(.iris\:group):hover *) {
            border-color: var(--comp-color-border-input-inverse-error)
        }

        .iris\:group-hover\:border-\(--comp-color-border-input-inverse-hover\):is(:where(.iris\:group):hover *) {
            border-color: var(--comp-color-border-input-inverse-hover)
        }

        .iris\:group-hover\:border-\(--comp-color-border-input-inverse-rest\):is(:where(.iris\:group):hover *) {
            border-color: var(--comp-color-border-input-inverse-rest)
        }

        .iris\:group-hover\:border-\(--comp-color-border-input-rest\):is(:where(.iris\:group):hover *) {
            border-color: var(--comp-color-border-input-rest)
        }

        .iris\:group-hover\:border-\(--comp-color-border-toggle-switch-track-hover\):is(:where(.iris\:group):hover *) {
            border-color: var(--comp-color-border-toggle-switch-track-hover)
        }

        .iris\:group-hover\:border-\(--comp-color-border-toggle-switch-track-inverse-hover\):is(:where(.iris\:group):hover *) {
            border-color: var(--comp-color-border-toggle-switch-track-inverse-hover)
        }

        .iris\:group-hover\:bg-\(--base-color-transparent\):is(:where(.iris\:group):hover *) {
            background-color: var(--base-color-transparent)
        }

        .iris\:group-hover\:bg-\(--comp-color-background-carousel-button-hover\):is(:where(.iris\:group):hover *) {
            background-color: var(--comp-color-background-carousel-button-hover)
        }

        .iris\:group-hover\:bg-\(--comp-color-background-carousel-button-image-hover\):is(:where(.iris\:group):hover *) {
            background-color: var(--comp-color-background-carousel-button-image-hover)
        }

        .iris\:group-hover\:bg-\(--comp-color-background-carousel-button-inverse-hover\):is(:where(.iris\:group):hover *) {
            background-color: var(--comp-color-background-carousel-button-inverse-hover)
        }

        .iris\:group-hover\:bg-\(--comp-color-background-check-radio-control-error\):is(:where(.iris\:group):hover *) {
            background-color: var(--comp-color-background-check-radio-control-error)
        }

        .iris\:group-hover\:bg-\(--comp-color-background-check-radio-control-hover\):is(:where(.iris\:group):hover *) {
            background-color: var(--comp-color-background-check-radio-control-hover)
        }

        .iris\:group-hover\:bg-\(--comp-color-background-check-radio-control-inverse-error\):is(:where(.iris\:group):hover *) {
            background-color: var(--comp-color-background-check-radio-control-inverse-error)
        }

        .iris\:group-hover\:bg-\(--comp-color-background-check-radio-control-inverse-hover\):is(:where(.iris\:group):hover *) {
            background-color: var(--comp-color-background-check-radio-control-inverse-hover)
        }

        .iris\:group-hover\:bg-\(--comp-color-background-chip-action-hover\):is(:where(.iris\:group):hover *) {
            background-color: var(--comp-color-background-chip-action-hover)
        }

        .iris\:group-hover\:bg-\(--comp-color-background-chip-action-inverse-hover\):is(:where(.iris\:group):hover *) {
            background-color: var(--comp-color-background-chip-action-inverse-hover)
        }

        .iris\:group-hover\:bg-\(--comp-color-background-chip-filter-hover\):is(:where(.iris\:group):hover *) {
            background-color: var(--comp-color-background-chip-filter-hover)
        }

        .iris\:group-hover\:bg-\(--comp-color-background-chip-filter-inverse-hover\):is(:where(.iris\:group):hover *) {
            background-color: var(--comp-color-background-chip-filter-inverse-hover)
        }

        .iris\:group-hover\:bg-\(--comp-color-background-chip-filter-selected-hover\):is(:where(.iris\:group):hover *) {
            background-color: var(--comp-color-background-chip-filter-selected-hover)
        }

        .iris\:group-hover\:bg-\(--comp-color-background-chip-filter-selected-inverse-hover\):is(:where(.iris\:group):hover *) {
            background-color: var(--comp-color-background-chip-filter-selected-inverse-hover)
        }

        .iris\:group-hover\:bg-\(--comp-color-background-chip-toggle-hover\):is(:where(.iris\:group):hover *) {
            background-color: var(--comp-color-background-chip-toggle-hover)
        }

        .iris\:group-hover\:bg-\(--comp-color-background-chip-toggle-inverse-hover\):is(:where(.iris\:group):hover *) {
            background-color: var(--comp-color-background-chip-toggle-inverse-hover)
        }

        .iris\:group-hover\:bg-\(--comp-color-background-chip-toggle-selected-hover\):is(:where(.iris\:group):hover *) {
            background-color: var(--comp-color-background-chip-toggle-selected-hover)
        }

        .iris\:group-hover\:bg-\(--comp-color-background-chip-toggle-selected-inverse--hover\):is(:where(.iris\:group):hover *) {
            background-color: var(--comp-color-background-chip-toggle-selected-inverse--hover)
        }

        .iris\:group-hover\:bg-\(--comp-color-background-chip-toggle-selected-inverse-hover\):is(:where(.iris\:group):hover *) {
            background-color: var(--comp-color-background-chip-toggle-selected-inverse-hover)
        }

        .iris\:group-hover\:bg-\(--comp-color-background-icon-button-hover\):is(:where(.iris\:group):hover *) {
            background-color: var(--comp-color-background-icon-button-hover)
        }

        .iris\:group-hover\:bg-\(--comp-color-background-icon-button-inverse-hover\):is(:where(.iris\:group):hover *) {
            background-color: var(--comp-color-background-icon-button-inverse-hover)
        }

        .iris\:group-hover\:bg-\(--comp-color-background-input-error\):is(:where(.iris\:group):hover *) {
            background-color: var(--comp-color-background-input-error)
        }

        .iris\:group-hover\:bg-\(--comp-color-background-input-hover\):is(:where(.iris\:group):hover *) {
            background-color: var(--comp-color-background-input-hover)
        }

        .iris\:group-hover\:bg-\(--comp-color-background-input-input-inverse-error\):is(:where(.iris\:group):hover *) {
            background-color: var(--comp-color-background-input-input-inverse-error)
        }

        .iris\:group-hover\:bg-\(--comp-color-background-pagination-button-hover\):is(:where(.iris\:group):hover *) {
            background-color: var(--comp-color-background-pagination-button-hover)
        }

        .iris\:group-hover\:bg-\(--comp-color-background-pagination-button-inverse-hover\):is(:where(.iris\:group):hover *) {
            background-color: var(--comp-color-background-pagination-button-inverse-hover)
        }

        .iris\:group-hover\:bg-\(--comp-color-background-toggle-switch-handle-hover\):is(:where(.iris\:group):hover *) {
            background-color: var(--comp-color-background-toggle-switch-handle-hover)
        }

        .iris\:group-hover\:bg-\(--comp-color-background-toggle-switch-handle-inverse-hover\):is(:where(.iris\:group):hover *) {
            background-color: var(--comp-color-background-toggle-switch-handle-inverse-hover)
        }

        .iris\:group-hover\:bg-\(--comp-color-background-toggle-switch-track-hover\):is(:where(.iris\:group):hover *) {
            background-color: var(--comp-color-background-toggle-switch-track-hover)
        }

        .iris\:group-hover\:bg-\[unset\]:is(:where(.iris\:group):hover *) {
            background-color: unset
        }

        .iris\:group-hover\:text-\(--comp-color-content-alert-close-icon-caution\):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-alert-close-icon-caution)
        }

        .iris\:group-hover\:text-\(--comp-color-content-alert-close-icon-error\):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-alert-close-icon-error)
        }

        .iris\:group-hover\:text-\(--comp-color-content-alert-close-icon-info\):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-alert-close-icon-info)
        }

        .iris\:group-hover\:text-\(--comp-color-content-alert-close-icon-inverse-caution\):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-alert-close-icon-inverse-caution)
        }

        .iris\:group-hover\:text-\(--comp-color-content-alert-close-icon-inverse-error\):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-alert-close-icon-inverse-error)
        }

        .iris\:group-hover\:text-\(--comp-color-content-alert-close-icon-inverse-info\):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-alert-close-icon-inverse-info)
        }

        .iris\:group-hover\:text-\(--comp-color-content-alert-close-icon-inverse-success\):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-alert-close-icon-inverse-success)
        }

        .iris\:group-hover\:text-\(--comp-color-content-alert-close-icon-success\):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-alert-close-icon-success)
        }

        .iris\:group-hover\:text-\(--comp-color-content-carousel-button-icon-hover\):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-carousel-button-icon-hover)
        }

        .iris\:group-hover\:text-\(--comp-color-content-carousel-button-icon-inverse-hover\):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-carousel-button-icon-inverse-hover)
        }

        .iris\:group-hover\:text-\(--comp-color-content-carousel-button-image-icon-hover\):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-carousel-button-image-icon-hover)
        }

        .iris\:group-hover\:text-\(--comp-color-content-check-radio-label-hover\):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-check-radio-label-hover)
        }

        .iris\:group-hover\:text-\(--comp-color-content-check-radio-label-inverse-hover\):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-check-radio-label-inverse-hover)
        }

        .iris\:group-hover\:text-\(--comp-color-content-chip-action-label-hover\):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-chip-action-label-hover)
        }

        .iris\:group-hover\:text-\(--comp-color-content-chip-action-label-inverse-hover\):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-chip-action-label-inverse-hover)
        }

        .iris\:group-hover\:text-\(--comp-color-content-chip-filter-label-hover\):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-chip-filter-label-hover)
        }

        .iris\:group-hover\:text-\(--comp-color-content-chip-filter-label-inverse-hover\):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-chip-filter-label-inverse-hover)
        }

        .iris\:group-hover\:text-\(--comp-color-content-chip-filter-label-selected-hover\):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-chip-filter-label-selected-hover)
        }

        .iris\:group-hover\:text-\(--comp-color-content-chip-filter-label-selected-inverse-hover\):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-chip-filter-label-selected-inverse-hover)
        }

        .iris\:group-hover\:text-\(--comp-color-content-chip-toggle-hover\):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-chip-toggle-hover)
        }

        .iris\:group-hover\:text-\(--comp-color-content-chip-toggle-inverse-hover\):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-chip-toggle-inverse-hover)
        }

        .iris\:group-hover\:text-\(--comp-color-content-chip-toggle-selected-hover\):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-chip-toggle-selected-hover)
        }

        .iris\:group-hover\:text-\(--comp-color-content-chip-toggle-selected-inverse-hover\):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-chip-toggle-selected-inverse-hover)
        }

        .iris\:group-hover\:text-\(--comp-color-content-control-button-icon-hover\):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-control-button-icon-hover)
        }

        .iris\:group-hover\:text-\(--comp-color-content-control-button-icon-inverse-hover\):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-control-button-icon-inverse-hover)
        }

        .iris\:group-hover\:text-\(--comp-color-content-input-icon-hover\):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-input-icon-hover)
        }

        .iris\:group-hover\:text-\(--comp-color-content-input-icon-inverse-hover\):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-input-icon-inverse-hover)
        }

        .iris\:group-hover\:text-\(--comp-color-content-input-label-error\):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-input-label-error)
        }

        .iris\:group-hover\:text-\(--comp-color-content-input-label-hover\):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-input-label-hover)
        }

        .iris\:group-hover\:text-\(--comp-color-content-input-label-inverse-error\):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-input-label-inverse-error)
        }

        .iris\:group-hover\:text-\(--comp-color-content-input-label-inverse-hover\):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-input-label-inverse-hover)
        }

        .iris\:group-hover\:text-\(--comp-color-content-message-input-button-hover\):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-message-input-button-hover)
        }

        .iris\:group-hover\:text-\(--comp-color-content-message-input-button-inverse-hover\):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-message-input-button-inverse-hover)
        }

        .iris\:group-hover\:text-\(--comp-color-content-selectable-container-label-default-hover\):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-selectable-container-label-default-hover)
        }

        .iris\:group-hover\:text-\(--comp-color-content-selectable-container-label-inverse-hover\):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-selectable-container-label-inverse-hover)
        }

        .iris\:group-hover\:text-\(--comp-color-content-selectable-container-secondary-label-default-hover\):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-selectable-container-secondary-label-default-hover)
        }

        .iris\:group-hover\:text-\(--comp-color-content-selectable-container-secondary-label-inverse-hover\):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-selectable-container-secondary-label-inverse-hover)
        }

        .iris\:group-hover\:text-\(--comp-color-content-sheet-header-icon-hover\):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-sheet-header-icon-hover)
        }

        .iris\:group-hover\:text-\(--comp-color-content-video-trigger-button-icon-hover\):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-video-trigger-button-icon-hover)
        }

        .iris\:group-hover\:underline:is(:where(.iris\:group):hover *) {
            text-decoration-line: underline
        }

        .iris\:group-focus-within\:group-hover\:text-\(--comp-color-content-input-label-active\):is(:where(.iris\:group):focus-within *):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-input-label-active)
        }

        .iris\:group-focus-within\:group-hover\:text-\(--comp-color-content-input-label-error\):is(:where(.iris\:group):focus-within *):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-input-label-error)
        }

        .iris\:group-focus-within\:group-hover\:text-\(--comp-color-content-input-label-inverse-active\):is(:where(.iris\:group):focus-within *):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-input-label-inverse-active)
        }

        .iris\:group-focus-within\:group-hover\:text-\(--comp-color-content-input-label-inverse-error\):is(:where(.iris\:group):focus-within *):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-input-label-inverse-error)
        }
    }

    .iris\:group-focus\:bg-\(--base-color-transparent\):is(:where(.iris\:group):focus *) {
        background-color: var(--base-color-transparent)
    }

    .iris\:group-focus\:bg-\(--comp-color-background-toggle-switch-handle-inverse-pressed\):is(:where(.iris\:group):focus *) {
        background-color: var(--comp-color-background-toggle-switch-handle-inverse-pressed)
    }

    .iris\:group-focus\:bg-\(--comp-color-background-toggle-switch-handle-pressed\):is(:where(.iris\:group):focus *) {
        background-color: var(--comp-color-background-toggle-switch-handle-pressed)
    }

    .iris\:group-focus-visible\:bg-\(--comp-color-background-toggle-switch-handle-inverse-pressed\):is(:where(.iris\:group):focus-visible *) {
        background-color: var(--comp-color-background-toggle-switch-handle-inverse-pressed)
    }

    .iris\:group-focus-visible\:bg-\(--comp-color-background-toggle-switch-handle-pressed\):is(:where(.iris\:group):focus-visible *) {
        background-color: var(--comp-color-background-toggle-switch-handle-pressed)
    }

    .iris\:group-focus-visible\:text-\(--comp-color-content-input-icon-active\):is(:where(.iris\:group):focus-visible *) {
        color: var(--comp-color-content-input-icon-active)
    }

    .iris\:group-focus-visible\:text-\(--comp-color-content-input-icon-inverse-active\):is(:where(.iris\:group):focus-visible *) {
        color: var(--comp-color-content-input-icon-inverse-active)
    }

    .iris\:group-focus-visible\:text-\(--comp-color-content-input-label-inverse-active\):is(:where(.iris\:group):focus-visible *) {
        color: var(--comp-color-content-input-label-inverse-active)
    }

    .iris\:group-active\:border-\(length\:--comp-size-border-chip-toggle\):is(:where(.iris\:group):active *) {
        border-style: var(--tw-border-style);
        border-width: var(--comp-size-border-chip-toggle)
    }

    .iris\:group-active\:border-\(--comp-color-border-chip-toggle-inverse-pressed\):is(:where(.iris\:group):active *) {
        border-color: var(--comp-color-border-chip-toggle-inverse-pressed)
    }

    .iris\:group-active\:border-\(--comp-color-border-chip-toggle-pressed\):is(:where(.iris\:group):active *) {
        border-color: var(--comp-color-border-chip-toggle-pressed)
    }

    .iris\:group-active\:border-\(--comp-color-border-chip-toggle-selected-inverse-pressed\):is(:where(.iris\:group):active *) {
        border-color: var(--comp-color-border-chip-toggle-selected-inverse-pressed)
    }

    .iris\:group-active\:border-\(--comp-color-border-chip-toggle-selected-pressed\):is(:where(.iris\:group):active *) {
        border-color: var(--comp-color-border-chip-toggle-selected-pressed)
    }

    .iris\:group-active\:border-\(--comp-color-border-toggle-switch-track-inverse-pressed\):is(:where(.iris\:group):active *) {
        border-color: var(--comp-color-border-toggle-switch-track-inverse-pressed)
    }

    .iris\:group-active\:border-\(--comp-color-border-toggle-switch-track-pressed\):is(:where(.iris\:group):active *) {
        border-color: var(--comp-color-border-toggle-switch-track-pressed)
    }

    .iris\:group-active\:bg-\(--base-color-transparent\):is(:where(.iris\:group):active *) {
        background-color: var(--base-color-transparent)
    }

    .iris\:group-active\:bg-\(--comp-color-background-carousel-button-image-pressed\):is(:where(.iris\:group):active *) {
        background-color: var(--comp-color-background-carousel-button-image-pressed)
    }

    .iris\:group-active\:bg-\(--comp-color-background-carousel-button-inverse-pressed\):is(:where(.iris\:group):active *) {
        background-color: var(--comp-color-background-carousel-button-inverse-pressed)
    }

    .iris\:group-active\:bg-\(--comp-color-background-carousel-button-pressed\):is(:where(.iris\:group):active *) {
        background-color: var(--comp-color-background-carousel-button-pressed)
    }

    .iris\:group-active\:bg-\(--comp-color-background-chip-action-inverse-pressed\):is(:where(.iris\:group):active *) {
        background-color: var(--comp-color-background-chip-action-inverse-pressed)
    }

    .iris\:group-active\:bg-\(--comp-color-background-chip-action-pressed\):is(:where(.iris\:group):active *) {
        background-color: var(--comp-color-background-chip-action-pressed)
    }

    .iris\:group-active\:bg-\(--comp-color-background-chip-filter-inverse-pressed\):is(:where(.iris\:group):active *) {
        background-color: var(--comp-color-background-chip-filter-inverse-pressed)
    }

    .iris\:group-active\:bg-\(--comp-color-background-chip-filter-pressed\):is(:where(.iris\:group):active *) {
        background-color: var(--comp-color-background-chip-filter-pressed)
    }

    .iris\:group-active\:bg-\(--comp-color-background-chip-filter-selected-inverse-pressed\):is(:where(.iris\:group):active *) {
        background-color: var(--comp-color-background-chip-filter-selected-inverse-pressed)
    }

    .iris\:group-active\:bg-\(--comp-color-background-chip-filter-selected-pressed\):is(:where(.iris\:group):active *) {
        background-color: var(--comp-color-background-chip-filter-selected-pressed)
    }

    .iris\:group-active\:bg-\(--comp-color-background-chip-toggle-inverse-pressed\):is(:where(.iris\:group):active *) {
        background-color: var(--comp-color-background-chip-toggle-inverse-pressed)
    }

    .iris\:group-active\:bg-\(--comp-color-background-chip-toggle-pressed\):is(:where(.iris\:group):active *) {
        background-color: var(--comp-color-background-chip-toggle-pressed)
    }

    .iris\:group-active\:bg-\(--comp-color-background-chip-toggle-selected-inverse-pressed\):is(:where(.iris\:group):active *) {
        background-color: var(--comp-color-background-chip-toggle-selected-inverse-pressed)
    }

    .iris\:group-active\:bg-\(--comp-color-background-chip-toggle-selected-pressed\):is(:where(.iris\:group):active *) {
        background-color: var(--comp-color-background-chip-toggle-selected-pressed)
    }

    .iris\:group-active\:bg-\(--comp-color-background-icon-button-inverse-pressed\):is(:where(.iris\:group):active *) {
        background-color: var(--comp-color-background-icon-button-inverse-pressed)
    }

    .iris\:group-active\:bg-\(--comp-color-background-icon-button-pressed\):is(:where(.iris\:group):active *) {
        background-color: var(--comp-color-background-icon-button-pressed)
    }

    .iris\:group-active\:bg-\(--comp-color-background-pagination-button-inverse-pressed\):is(:where(.iris\:group):active *) {
        background-color: var(--comp-color-background-pagination-button-inverse-pressed)
    }

    .iris\:group-active\:bg-\(--comp-color-background-pagination-button-pressed\):is(:where(.iris\:group):active *) {
        background-color: var(--comp-color-background-pagination-button-pressed)
    }

    .iris\:group-active\:bg-\(--comp-color-background-toggle-switch-handle-inverse-pressed\):is(:where(.iris\:group):active *) {
        background-color: var(--comp-color-background-toggle-switch-handle-inverse-pressed)
    }

    .iris\:group-active\:bg-\(--comp-color-background-toggle-switch-handle-pressed\):is(:where(.iris\:group):active *) {
        background-color: var(--comp-color-background-toggle-switch-handle-pressed)
    }

    .iris\:group-active\:bg-\(--comp-color-background-toggle-switch-track-pressed\):is(:where(.iris\:group):active *) {
        background-color: var(--comp-color-background-toggle-switch-track-pressed)
    }

    .iris\:group-active\:text-\(--comp-color-content-alert-close-icon-caution\):is(:where(.iris\:group):active *) {
        color: var(--comp-color-content-alert-close-icon-caution)
    }

    .iris\:group-active\:text-\(--comp-color-content-alert-close-icon-error\):is(:where(.iris\:group):active *) {
        color: var(--comp-color-content-alert-close-icon-error)
    }

    .iris\:group-active\:text-\(--comp-color-content-alert-close-icon-info\):is(:where(.iris\:group):active *) {
        color: var(--comp-color-content-alert-close-icon-info)
    }

    .iris\:group-active\:text-\(--comp-color-content-alert-close-icon-inverse-caution\):is(:where(.iris\:group):active *) {
        color: var(--comp-color-content-alert-close-icon-inverse-caution)
    }

    .iris\:group-active\:text-\(--comp-color-content-alert-close-icon-inverse-error\):is(:where(.iris\:group):active *) {
        color: var(--comp-color-content-alert-close-icon-inverse-error)
    }

    .iris\:group-active\:text-\(--comp-color-content-alert-close-icon-inverse-info\):is(:where(.iris\:group):active *) {
        color: var(--comp-color-content-alert-close-icon-inverse-info)
    }

    .iris\:group-active\:text-\(--comp-color-content-alert-close-icon-inverse-success\):is(:where(.iris\:group):active *) {
        color: var(--comp-color-content-alert-close-icon-inverse-success)
    }

    .iris\:group-active\:text-\(--comp-color-content-alert-close-icon-success\):is(:where(.iris\:group):active *) {
        color: var(--comp-color-content-alert-close-icon-success)
    }

    .iris\:group-active\:text-\(--comp-color-content-carousel-button-icon-inverse-pressed\):is(:where(.iris\:group):active *) {
        color: var(--comp-color-content-carousel-button-icon-inverse-pressed)
    }

    .iris\:group-active\:text-\(--comp-color-content-carousel-button-icon-pressed\):is(:where(.iris\:group):active *) {
        color: var(--comp-color-content-carousel-button-icon-pressed)
    }

    .iris\:group-active\:text-\(--comp-color-content-carousel-button-image-icon-pressed\):is(:where(.iris\:group):active *) {
        color: var(--comp-color-content-carousel-button-image-icon-pressed)
    }

    .iris\:group-active\:text-\(--comp-color-content-chip-action-label-inverse-pressed\):is(:where(.iris\:group):active *) {
        color: var(--comp-color-content-chip-action-label-inverse-pressed)
    }

    .iris\:group-active\:text-\(--comp-color-content-chip-action-label-pressed\):is(:where(.iris\:group):active *) {
        color: var(--comp-color-content-chip-action-label-pressed)
    }

    .iris\:group-active\:text-\(--comp-color-content-chip-filter-label-inverse-pressed\):is(:where(.iris\:group):active *) {
        color: var(--comp-color-content-chip-filter-label-inverse-pressed)
    }

    .iris\:group-active\:text-\(--comp-color-content-chip-filter-label-pressed\):is(:where(.iris\:group):active *) {
        color: var(--comp-color-content-chip-filter-label-pressed)
    }

    .iris\:group-active\:text-\(--comp-color-content-chip-filter-label-selected-inverse-pressed\):is(:where(.iris\:group):active *) {
        color: var(--comp-color-content-chip-filter-label-selected-inverse-pressed)
    }

    .iris\:group-active\:text-\(--comp-color-content-chip-filter-label-selected-pressed\):is(:where(.iris\:group):active *) {
        color: var(--comp-color-content-chip-filter-label-selected-pressed)
    }

    .iris\:group-active\:text-\(--comp-color-content-chip-toggle-inverse-pressed\):is(:where(.iris\:group):active *) {
        color: var(--comp-color-content-chip-toggle-inverse-pressed)
    }

    .iris\:group-active\:text-\(--comp-color-content-chip-toggle-pressed\):is(:where(.iris\:group):active *) {
        color: var(--comp-color-content-chip-toggle-pressed)
    }

    .iris\:group-active\:text-\(--comp-color-content-chip-toggle-selected-inverse-pressed\):is(:where(.iris\:group):active *) {
        color: var(--comp-color-content-chip-toggle-selected-inverse-pressed)
    }

    .iris\:group-active\:text-\(--comp-color-content-chip-toggle-selected-pressed\):is(:where(.iris\:group):active *) {
        color: var(--comp-color-content-chip-toggle-selected-pressed)
    }

    .iris\:group-active\:text-\(--comp-color-content-control-button-icon-inverse-pressed\):is(:where(.iris\:group):active *) {
        color: var(--comp-color-content-control-button-icon-inverse-pressed)
    }

    .iris\:group-active\:text-\(--comp-color-content-control-button-icon-pressed\):is(:where(.iris\:group):active *) {
        color: var(--comp-color-content-control-button-icon-pressed)
    }

    .iris\:group-active\:text-\(--comp-color-content-input-icon-active\):is(:where(.iris\:group):active *) {
        color: var(--comp-color-content-input-icon-active)
    }

    .iris\:group-active\:text-\(--comp-color-content-input-icon-inverse-active\):is(:where(.iris\:group):active *) {
        color: var(--comp-color-content-input-icon-inverse-active)
    }

    .iris\:group-active\:text-\(--comp-color-content-input-label-inverse-active\):is(:where(.iris\:group):active *) {
        color: var(--comp-color-content-input-label-inverse-active)
    }

    .iris\:group-active\:text-\(--comp-color-content-message-input-button-inverse-pressed\):is(:where(.iris\:group):active *) {
        color: var(--comp-color-content-message-input-button-inverse-pressed)
    }

    .iris\:group-active\:text-\(--comp-color-content-message-input-button-pressed\):is(:where(.iris\:group):active *) {
        color: var(--comp-color-content-message-input-button-pressed)
    }

    .iris\:group-active\:text-\(--comp-color-content-sheet-header-icon-pressed\):is(:where(.iris\:group):active *) {
        color: var(--comp-color-content-sheet-header-icon-pressed)
    }

    .iris\:group-active\:text-\(--comp-color-content-video-trigger-button-icon-pressed\):is(:where(.iris\:group):active *) {
        color: var(--comp-color-content-video-trigger-button-icon-pressed)
    }

    .iris\:group-disabled\:cursor-not-allowed:is(:where(.iris\:group):disabled *) {
        cursor: not-allowed
    }

    .iris\:group-data-\[focused\=true\]\:text-\(--comp-color-content-input-icon-active\):is(:where(.iris\:group)[data-focused=true] *) {
        color: var(--comp-color-content-input-icon-active)
    }

    .iris\:group-data-\[focused\=true\]\:text-\(--comp-color-content-input-icon-inverse-active\):is(:where(.iris\:group)[data-focused=true] *) {
        color: var(--comp-color-content-input-icon-inverse-active)
    }

    .iris\:group-data-\[state\=checked\]\:border-\(--comp-color-border-check-radio-control-inverse-selected\):is(:where(.iris\:group)[data-state=checked] *) {
        border-color: var(--comp-color-border-check-radio-control-inverse-selected)
    }

    .iris\:group-data-\[state\=checked\]\:border-\(--comp-color-border-check-radio-control-selected\):is(:where(.iris\:group)[data-state=checked] *) {
        border-color: var(--comp-color-border-check-radio-control-selected)
    }

    .iris\:group-data-\[state\=checked\]\:bg-\(--comp-color-background-check-radio-control-inverse-rest\):is(:where(.iris\:group)[data-state=checked] *) {
        background-color: var(--comp-color-background-check-radio-control-inverse-rest)
    }

    .iris\:group-data-\[state\=checked\]\:bg-\(--comp-color-background-check-radio-control-inverse-selected\):is(:where(.iris\:group)[data-state=checked] *) {
        background-color: var(--comp-color-background-check-radio-control-inverse-selected)
    }

    .iris\:group-data-\[state\=checked\]\:bg-\(--comp-color-background-check-radio-control-rest\):is(:where(.iris\:group)[data-state=checked] *) {
        background-color: var(--comp-color-background-check-radio-control-rest)
    }

    .iris\:group-data-\[state\=checked\]\:bg-\(--comp-color-background-check-radio-control-selected\):is(:where(.iris\:group)[data-state=checked] *) {
        background-color: var(--comp-color-background-check-radio-control-selected)
    }

    .iris\:group-data-\[state\=checked\]\:text-\(--comp-color-content-check-radio-label-error\):is(:where(.iris\:group)[data-state=checked] *) {
        color: var(--comp-color-content-check-radio-label-error)
    }

    .iris\:group-data-\[state\=checked\]\:text-\(--comp-color-content-check-radio-label-inverse-error\):is(:where(.iris\:group)[data-state=checked] *) {
        color: var(--comp-color-content-check-radio-label-inverse-error)
    }

    .iris\:group-data-\[state\=checked\]\:text-\(--comp-color-content-check-radio-label-inverse-selected\):is(:where(.iris\:group)[data-state=checked] *) {
        color: var(--comp-color-content-check-radio-label-inverse-selected)
    }

    .iris\:group-data-\[state\=checked\]\:text-\(--comp-color-content-check-radio-label-selected\):is(:where(.iris\:group)[data-state=checked] *) {
        color: var(--comp-color-content-check-radio-label-selected)
    }

    .iris\:group-data-\[state\=checked\]\:text-\(--comp-color-content-selectable-container-label-default-selected\):is(:where(.iris\:group)[data-state=checked] *) {
        color: var(--comp-color-content-selectable-container-label-default-selected)
    }

    .iris\:group-data-\[state\=checked\]\:text-\(--comp-color-content-selectable-container-label-inverse-selected\):is(:where(.iris\:group)[data-state=checked] *) {
        color: var(--comp-color-content-selectable-container-label-inverse-selected)
    }

    .iris\:group-data-\[state\=checked\]\:text-\(--comp-color-content-selectable-container-secondary-label-default-selected\):is(:where(.iris\:group)[data-state=checked] *) {
        color: var(--comp-color-content-selectable-container-secondary-label-default-selected)
    }

    .iris\:group-data-\[state\=checked\]\:text-\(--comp-color-content-selectable-container-secondary-label-inverse-selected\):is(:where(.iris\:group)[data-state=checked] *) {
        color: var(--comp-color-content-selectable-container-secondary-label-inverse-selected)
    }

    .iris\:group-data-\[state\=closed\]\:duration-\(--comp-motion-duration-accordion-collapse\):is(:where(.iris\:group)[data-state=closed] *) {
        --tw-duration: var(--comp-motion-duration-accordion-collapse);
        transition-duration: var(--comp-motion-duration-accordion-collapse)
    }

    .iris\:group-data-\[state\=closed\]\:ease-\(--comp-motion-easing-accordion\):is(:where(.iris\:group)[data-state=closed] *) {
        --tw-ease: var(--comp-motion-easing-accordion);
        transition-timing-function: var(--comp-motion-easing-accordion)
    }

    @media (hover:hover) {
        .iris\:group-data-\[state\=disabled\]\:group-hover\:border-\(--comp-color-border-check-radio-control-error\):is(:where(.iris\:group)[data-state=disabled] *):is(:where(.iris\:group):hover *) {
            border-color: var(--comp-color-border-check-radio-control-error)
        }

        .iris\:group-data-\[state\=disabled\]\:group-hover\:border-\(--comp-color-border-check-radio-control-inverse-error\):is(:where(.iris\:group)[data-state=disabled] *):is(:where(.iris\:group):hover *) {
            border-color: var(--comp-color-border-check-radio-control-inverse-error)
        }

        .iris\:group-data-\[state\=disabled\]\:group-hover\:border-\(--comp-color-border-check-radio-control-inverse-rest\):is(:where(.iris\:group)[data-state=disabled] *):is(:where(.iris\:group):hover *) {
            border-color: var(--comp-color-border-check-radio-control-inverse-rest)
        }

        .iris\:group-data-\[state\=disabled\]\:group-hover\:border-\(--comp-color-border-check-radio-control-rest\):is(:where(.iris\:group)[data-state=disabled] *):is(:where(.iris\:group):hover *) {
            border-color: var(--comp-color-border-check-radio-control-rest)
        }

        .iris\:group-data-\[state\=disabled\]\:group-hover\:text-\(--comp-color-content-check-radio-label-error\):is(:where(.iris\:group)[data-state=disabled] *):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-check-radio-label-error)
        }

        .iris\:group-data-\[state\=disabled\]\:group-hover\:text-\(--comp-color-content-check-radio-label-inverse-error\):is(:where(.iris\:group)[data-state=disabled] *):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-check-radio-label-inverse-error)
        }

        .iris\:group-data-\[state\=disabled\]\:group-hover\:text-\(--comp-color-content-check-radio-label-inverse-rest\):is(:where(.iris\:group)[data-state=disabled] *):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-check-radio-label-inverse-rest)
        }

        .iris\:group-data-\[state\=disabled\]\:group-hover\:text-\(--comp-color-content-check-radio-label-rest\):is(:where(.iris\:group)[data-state=disabled] *):is(:where(.iris\:group):hover *) {
            color: var(--comp-color-content-check-radio-label-rest)
        }
    }

    .iris\:group-data-\[state\=error\]\:text-\(--comp-color-content-input-icon-active\):is(:where(.iris\:group)[data-state=error] *) {
        color: var(--comp-color-content-input-icon-active)
    }

    .iris\:group-data-\[state\=error\]\:text-\(--comp-color-content-input-icon-inverse-error\):is(:where(.iris\:group)[data-state=error] *) {
        color: var(--comp-color-content-input-icon-inverse-error)
    }

    .iris\:group-data-\[state\=has-value\]\:top-\(--base-space-px-12\):is(:where(.iris\:group)[data-state=has-value] *) {
        top: var(--base-space-px-12)
    }

    .iris\:group-data-\[state\=has-value\]\:-translate-y-1\/2:is(:where(.iris\:group)[data-state=has-value] *) {
        --tw-translate-y: calc(calc(1/2*100%)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .iris\:group-data-\[state\=has-value\]\:pt-\(--comp-space-padding-text-area-inner-label-filled-top\):is(:where(.iris\:group)[data-state=has-value] *) {
        padding-top: var(--comp-space-padding-text-area-inner-label-filled-top)
    }

    .iris\:group-data-\[state\=has-value\]\:pb-\(--base-space-px-16\):is(:where(.iris\:group)[data-state=has-value] *) {
        padding-bottom: var(--base-space-px-16)
    }

    .iris\:group-data-\[state\=has-value\]\:text-\(length\:--comp-type-size-input-inner-label\):is(:where(.iris\:group)[data-state=has-value] *) {
        font-size: var(--comp-type-size-input-inner-label)
    }

    .iris\:group-data-\[state\=has-value\]\:tracking-\(--comp-type-tracking-input-inner-label\):is(:where(.iris\:group)[data-state=has-value] *) {
        --tw-tracking: var(--comp-type-tracking-input-inner-label);
        letter-spacing: var(--comp-type-tracking-input-inner-label)
    }

    @media (hover:hover) {
        .iris\:group-data-\[state\=off\]\:group-hover\:bg-\(--comp-color-background-toggle-button-default-hover\):is(:where(.iris\:group)[data-state=off] *):is(:where(.iris\:group):hover *) {
            background-color: var(--comp-color-background-toggle-button-default-hover)
        }

        .iris\:group-data-\[state\=off\]\:group-hover\:bg-\(--comp-color-background-toggle-button-inverse-hover\):is(:where(.iris\:group)[data-state=off] *):is(:where(.iris\:group):hover *) {
            background-color: var(--comp-color-background-toggle-button-inverse-hover)
        }
    }

    .iris\:group-data-\[state\=off\]\:group-focus-visible\:bg-\(--comp-color-background-toggle-button-default-pressed\):is(:where(.iris\:group)[data-state=off] *):is(:where(.iris\:group):focus-visible *) {
        background-color: var(--comp-color-background-toggle-button-default-pressed)
    }

    .iris\:group-data-\[state\=off\]\:group-focus-visible\:bg-\(--comp-color-background-toggle-button-inverse-pressed\):is(:where(.iris\:group)[data-state=off] *):is(:where(.iris\:group):focus-visible *) {
        background-color: var(--comp-color-background-toggle-button-inverse-pressed)
    }

    .iris\:group-data-\[state\=off\]\:group-active\:bg-\(--comp-color-background-toggle-button-default-pressed\):is(:where(.iris\:group)[data-state=off] *):is(:where(.iris\:group):active *) {
        background-color: var(--comp-color-background-toggle-button-default-pressed)
    }

    .iris\:group-data-\[state\=off\]\:group-active\:bg-\(--comp-color-background-toggle-button-inverse-pressed\):is(:where(.iris\:group)[data-state=off] *):is(:where(.iris\:group):active *) {
        background-color: var(--comp-color-background-toggle-button-inverse-pressed)
    }

    .iris\:group-data-\[state\=on\]\:cursor-default:is(:where(.iris\:group)[data-state=on] *) {
        cursor: default
    }

    .iris\:group-data-\[state\=open\]\:-rotate-180:is(:where(.iris\:group)[data-state=open] *) {
        rotate: -180deg
    }

    .iris\:group-data-\[state\=open\]\:rotate-180:is(:where(.iris\:group)[data-state=open] *) {
        rotate: 180deg
    }

    .iris\:group-data-\[state\=open\]\:transform:is(:where(.iris\:group)[data-state=open] *) {
        transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, )
    }

    .iris\:group-data-\[state\=open\]\:duration-\(--comp-motion-duration-accordion-expand\):is(:where(.iris\:group)[data-state=open] *) {
        --tw-duration: var(--comp-motion-duration-accordion-expand);
        transition-duration: var(--comp-motion-duration-accordion-expand)
    }

    .iris\:group-data-\[state\=open\]\:ease-\(--comp-motion-easing-accordion\):is(:where(.iris\:group)[data-state=open] *) {
        --tw-ease: var(--comp-motion-easing-accordion);
        transition-timing-function: var(--comp-motion-easing-accordion)
    }

    .iris\:peer-placeholder-shown\:top-1\/2:is(:where(.iris\:peer):placeholder-shown~*) {
        top: 50%
    }

    .iris\:peer-placeholder-shown\:-translate-y-1\/2:is(:where(.iris\:peer):placeholder-shown~*) {
        --tw-translate-y: calc(calc(1/2*100%)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .iris\:peer-placeholder-shown\:text-\(length\:--comp-type-size-input-value\):is(:where(.iris\:peer):placeholder-shown~*) {
        font-size: var(--comp-type-size-input-value)
    }

    @media (hover:hover) {
        .iris\:peer-hover\:text-\(--comp-color-content-check-radio-label-inverse-hover\):is(:where(.iris\:peer):hover~*) {
            color: var(--comp-color-content-check-radio-label-inverse-hover)
        }
    }

    .iris\:peer-focus\:top-\(--base-space-px-8\):is(:where(.iris\:peer):focus~*) {
        top: var(--base-space-px-8)
    }

    .iris\:peer-focus\:translate-y-0:is(:where(.iris\:peer):focus~*) {
        --tw-translate-y: calc(var(--iris-spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .iris\:peer-focus\:text-\(length\:--comp-type-size-input-inner-label\):is(:where(.iris\:peer):focus~*) {
        font-size: var(--comp-type-size-input-inner-label)
    }

    .iris\:peer-focus\:text-\(--comp-color-content-input-helper-error\):is(:where(.iris\:peer):focus~*) {
        color: var(--comp-color-content-input-helper-error)
    }

    .iris\:peer-focus\:text-\(--comp-color-content-input-label-active\):is(:where(.iris\:peer):focus~*) {
        color: var(--comp-color-content-input-label-active)
    }

    .iris\:peer-focus\:text-\(--comp-color-content-input-label-error\):is(:where(.iris\:peer):focus~*) {
        color: var(--comp-color-content-input-label-error)
    }

    .iris\:peer-focus\:text-\(--comp-color-content-input-label-inverse-active\):is(:where(.iris\:peer):focus~*) {
        color: var(--comp-color-content-input-label-inverse-active)
    }

    .iris\:peer-focus\:text-\(--comp-color-content-input-label-inverse-error\):is(:where(.iris\:peer):focus~*) {
        color: var(--comp-color-content-input-label-inverse-error)
    }

    .iris\:peer-focus-visible\:text-\(--comp-color-content-input-label-active\):is(:where(.iris\:peer):focus-visible~*) {
        color: var(--comp-color-content-input-label-active)
    }

    .iris\:peer-focus-visible\:text-\(--comp-color-content-input-label-inverse-active\):is(:where(.iris\:peer):focus-visible~*) {
        color: var(--comp-color-content-input-label-inverse-active)
    }

    .iris\:peer-active\:text-\(--comp-color-content-input-label-active\):is(:where(.iris\:peer):active~*) {
        color: var(--comp-color-content-input-label-active)
    }

    .iris\:peer-active\:text-\(--comp-color-content-input-label-disabled\):is(:where(.iris\:peer):active~*) {
        color: var(--comp-color-content-input-label-disabled)
    }

    .iris\:peer-active\:text-\(--comp-color-content-input-label-inverse-active\):is(:where(.iris\:peer):active~*) {
        color: var(--comp-color-content-input-label-inverse-active)
    }

    .iris\:peer-active\:text-\(--comp-color-content-input-label-inverse-rest\):is(:where(.iris\:peer):active~*) {
        color: var(--comp-color-content-input-label-inverse-rest)
    }

    .iris\:peer-disabled\:cursor-not-allowed:is(:where(.iris\:peer):disabled~*) {
        cursor: not-allowed
    }

    .iris\:peer-disabled\:opacity-\(--sem-opacity-interactive-disabled\):is(:where(.iris\:peer):disabled~*) {
        opacity: var(--sem-opacity-interactive-disabled)
    }

    .iris\:peer-data-\[focused\=true\]\:text-\(--comp-color-content-input-label-active\):is(:where(.iris\:peer)[data-focused=true]~*) {
        color: var(--comp-color-content-input-label-active)
    }

    .iris\:peer-data-\[focused\=true\]\:text-\(--comp-color-content-input-label-inverse-active\):is(:where(.iris\:peer)[data-focused=true]~*) {
        color: var(--comp-color-content-input-label-inverse-active)
    }

    .iris\:peer-data-\[state\=error\]\:text-\(--comp-color-content-input-label-error\):is(:where(.iris\:peer)[data-state=error]~*) {
        color: var(--comp-color-content-input-label-error)
    }

    .iris\:peer-data-\[state\=error\]\:text-\(--comp-color-content-input-label-inverse-error\):is(:where(.iris\:peer)[data-state=error]~*) {
        color: var(--comp-color-content-input-label-inverse-error)
    }

    .iris\:placeholder\:font-\(family-name\:--comp-type-font-input-placeholder\)::placeholder {
        font-family: var(--comp-type-font-input-placeholder)
    }

    .iris\:placeholder\:font-\(family-name\:--comp-type-font-message-input-placeholder\)::placeholder {
        font-family: var(--comp-type-font-message-input-placeholder)
    }

    .iris\:placeholder\:text-\(length\:--comp-type-size-input-placeholder\)::placeholder {
        font-size: var(--comp-type-size-input-placeholder)
    }

    .iris\:placeholder\:text-\(length\:--comp-type-size-message-input-placeholder\)::placeholder {
        font-size: var(--comp-type-size-message-input-placeholder)
    }

    .iris\:placeholder\:leading-\(--comp-type-leading-message-input-placeholder\)::placeholder {
        --tw-leading: var(--comp-type-leading-message-input-placeholder);
        line-height: var(--comp-type-leading-message-input-placeholder)
    }

    .iris\:placeholder\:leading-\(--comp-type-leading-textarea-value\)::placeholder {
        --tw-leading: var(--comp-type-leading-textarea-value);
        line-height: var(--comp-type-leading-textarea-value)
    }

    .iris\:placeholder\:font-\(--comp-type-weight-input-inner-placeholder\)::placeholder {
        --tw-font-weight: var(--comp-type-weight-input-inner-placeholder);
        font-weight: var(--comp-type-weight-input-inner-placeholder)
    }

    .iris\:placeholder\:font-\(--comp-type-weight-message-input-placeholder\)\!::placeholder {
        --tw-font-weight: var(--comp-type-weight-message-input-placeholder) !important;
        font-weight: var(--comp-type-weight-message-input-placeholder) !important
    }

    .iris\:placeholder\:tracking-\(--comp-type-tracking-input-placeholder\)::placeholder {
        --tw-tracking: var(--comp-type-tracking-input-placeholder);
        letter-spacing: var(--comp-type-tracking-input-placeholder)
    }

    .iris\:placeholder\:tracking-\(--comp-type-tracking-message-input-placeholder\)::placeholder {
        --tw-tracking: var(--comp-type-tracking-message-input-placeholder);
        letter-spacing: var(--comp-type-tracking-message-input-placeholder)
    }

    .iris\:placeholder\:tracking-\(--comp-type-tracking-message-input-value\)::placeholder {
        --tw-tracking: var(--comp-type-tracking-message-input-value);
        letter-spacing: var(--comp-type-tracking-message-input-value)
    }

    .iris\:placeholder\:text-\(--comp-color-content-input-placeholder-inverse-rest\)::placeholder {
        color: var(--comp-color-content-input-placeholder-inverse-rest)
    }

    .iris\:placeholder\:text-\(--comp-color-content-input-placeholder-rest\)::placeholder {
        color: var(--comp-color-content-input-placeholder-rest)
    }

    .iris\:placeholder\:text-\(--comp-color-content-message-input-placeholder\)::placeholder {
        color: var(--comp-color-content-message-input-placeholder)
    }

    .iris\:placeholder\:text-\(--comp-color-content-message-input-placeholder-inverse\)::placeholder {
        color: var(--comp-color-content-message-input-placeholder-inverse)
    }

    @media (hover:hover) {
        .iris\:group-hover\:placeholder\:text-\(--comp-color-content-input-placeholder-hover\):is(:where(.iris\:group):hover *)::placeholder {
            color: var(--comp-color-content-input-placeholder-hover)
        }

        .iris\:group-hover\:placeholder\:text-\(--comp-color-content-input-placeholder-inverse-hover\):is(:where(.iris\:group):hover *)::placeholder {
            color: var(--comp-color-content-input-placeholder-inverse-hover)
        }
    }

    .iris\:placeholder-shown\:pt-\(--comp-space-padding-text-input-vertical\):placeholder-shown {
        padding-top: var(--comp-space-padding-text-input-vertical)
    }

    .iris\:placeholder-shown\:pb-\(--comp-space-padding-text-input-vertical\):placeholder-shown {
        padding-bottom: var(--comp-space-padding-text-input-vertical)
    }

    .iris\:focus-within\:border-\(--comp-color-border-input-error\):focus-within {
        border-color: var(--comp-color-border-input-error)
    }

    .iris\:focus-within\:border-\(--comp-color-border-input-inverse-active\):focus-within {
        border-color: var(--comp-color-border-input-inverse-active)
    }

    .iris\:focus-within\:border-\(--comp-color-border-input-inverse-error\):focus-within {
        border-color: var(--comp-color-border-input-inverse-error)
    }

    .iris\:focus-within\:border-\(--comp-color-border-message-input-active\):focus-within {
        border-color: var(--comp-color-border-message-input-active)
    }

    .iris\:focus-within\:border-\(--comp-color-border-message-input-inverse-active\):focus-within {
        border-color: var(--comp-color-border-message-input-inverse-active)
    }

    .iris\:focus-within\:border-\(--comp-color-content-input-active\):focus-within {
        border-color: var(--comp-color-content-input-active)
    }

    .iris\:focus-within\:bg-\(--comp-color-background-input-active\):focus-within {
        background-color: var(--comp-color-background-input-active)
    }

    .iris\:focus-within\:bg-\(--comp-color-background-input-error\):focus-within {
        background-color: var(--comp-color-background-input-error)
    }

    .iris\:focus-within\:bg-\(--comp-color-background-input-input-inverse-error\):focus-within {
        background-color: var(--comp-color-background-input-input-inverse-error)
    }

    .iris\:focus-within\:bg-\(--comp-color-background-input-inverse-active\):focus-within {
        background-color: var(--comp-color-background-input-inverse-active)
    }

    .iris\:focus-within\:bg-\(--comp-color-background-message-input-active\):focus-within {
        background-color: var(--comp-color-background-message-input-active)
    }

    .iris\:focus-within\:bg-\(--comp-color-background-message-input-inverse-active\):focus-within {
        background-color: var(--comp-color-background-message-input-inverse-active)
    }

    .iris\:focus-within\:text-\(--comp-color-content-input-value-inverse-active\):focus-within {
        color: var(--comp-color-content-input-value-inverse-active)
    }

    .iris\:focus-within\:ring-2:focus-within {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .iris\:focus-within\:ring-\(--sem-color-border-interactive-inverse-selected\):focus-within {
        --tw-ring-color: var(--sem-color-border-interactive-inverse-selected)
    }

    .iris\:focus-within\:ring-\(--sem-color-border-interactive-selected\):focus-within {
        --tw-ring-color: var(--sem-color-border-interactive-selected)
    }

    .iris\:focus-within\:ring-offset-2:focus-within {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
    }

    .iris\:focus-within\:ring-offset-\(--sem-color-background-neutral-inverse-primary\):focus-within {
        --tw-ring-offset-color: var(--sem-color-background-neutral-inverse-primary)
    }

    @media (hover:hover) {
        .iris\:hover\:border-b-\(length\:--comp-size-border-tabs-text-tab-hover\):hover {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: var(--comp-size-border-tabs-text-tab-hover)
        }

        .iris\:hover\:border-\(--comp-color-border-button-primary-disabled\):hover {
            border-color: var(--comp-color-border-button-primary-disabled)
        }

        .iris\:hover\:border-\(--comp-color-border-button-primary-hover\):hover {
            border-color: var(--comp-color-border-button-primary-hover)
        }

        .iris\:hover\:border-\(--comp-color-border-button-primary-inverse-disabled\):hover {
            border-color: var(--comp-color-border-button-primary-inverse-disabled)
        }

        .iris\:hover\:border-\(--comp-color-border-button-primary-inverse-hover\):hover {
            border-color: var(--comp-color-border-button-primary-inverse-hover)
        }

        .iris\:hover\:border-\(--comp-color-border-button-secondary-disabled\):hover {
            border-color: var(--comp-color-border-button-secondary-disabled)
        }

        .iris\:hover\:border-\(--comp-color-border-button-secondary-hover\):hover {
            border-color: var(--comp-color-border-button-secondary-hover)
        }

        .iris\:hover\:border-\(--comp-color-border-button-secondary-inverse-disabled\):hover {
            border-color: var(--comp-color-border-button-secondary-inverse-disabled)
        }

        .iris\:hover\:border-\(--comp-color-border-button-secondary-inverse-hover\):hover {
            border-color: var(--comp-color-border-button-secondary-inverse-hover)
        }

        .iris\:hover\:border-\(--comp-color-border-button-tertiary-disabled\):hover {
            border-color: var(--comp-color-border-button-tertiary-disabled)
        }

        .iris\:hover\:border-\(--comp-color-border-button-tertiary-hover\):hover {
            border-color: var(--comp-color-border-button-tertiary-hover)
        }

        .iris\:hover\:border-\(--comp-color-border-button-tertiary-inverse-disabled\):hover {
            border-color: var(--comp-color-border-button-tertiary-inverse-disabled)
        }

        .iris\:hover\:border-\(--comp-color-border-button-tertiary-inverse-hover\):hover {
            border-color: var(--comp-color-border-button-tertiary-inverse-hover)
        }

        .iris\:hover\:border-\(--comp-color-border-carousel-button-hover\):hover {
            border-color: var(--comp-color-border-carousel-button-hover)
        }

        .iris\:hover\:border-\(--comp-color-border-carousel-button-image-hover\):hover {
            border-color: var(--comp-color-border-carousel-button-image-hover)
        }

        .iris\:hover\:border-\(--comp-color-border-carousel-button-inverse-hover\):hover {
            border-color: var(--comp-color-border-carousel-button-inverse-hover)
        }

        .iris\:hover\:border-\(--comp-color-border-check-radio-control-hover\):hover {
            border-color: var(--comp-color-border-check-radio-control-hover)
        }

        .iris\:hover\:border-\(--comp-color-border-check-radio-control-inverse-error\):hover {
            border-color: var(--comp-color-border-check-radio-control-inverse-error)
        }

        .iris\:hover\:border-\(--comp-color-border-check-radio-control-inverse-hover\):hover {
            border-color: var(--comp-color-border-check-radio-control-inverse-hover)
        }

        .iris\:hover\:border-\(--comp-color-border-chip-action-hover\):hover {
            border-color: var(--comp-color-border-chip-action-hover)
        }

        .iris\:hover\:border-\(--comp-color-border-chip-action-inverse-hover\):hover {
            border-color: var(--comp-color-border-chip-action-inverse-hover)
        }

        .iris\:hover\:border-\(--comp-color-border-chip-filter-hover\):hover {
            border-color: var(--comp-color-border-chip-filter-hover)
        }

        .iris\:hover\:border-\(--comp-color-border-chip-filter-inverse-hover\):hover {
            border-color: var(--comp-color-border-chip-filter-inverse-hover)
        }

        .iris\:hover\:border-\(--comp-color-border-chip-toggle-selected-inverse-hover\):hover {
            border-color: var(--comp-color-border-chip-toggle-selected-inverse-hover)
        }

        .iris\:hover\:border-\(--comp-color-border-input-error\):hover {
            border-color: var(--comp-color-border-input-error)
        }

        .iris\:hover\:border-\(--comp-color-border-input-hover\):hover {
            border-color: var(--comp-color-border-input-hover)
        }

        .iris\:hover\:border-\(--comp-color-border-input-inverse-error\):hover {
            border-color: var(--comp-color-border-input-inverse-error)
        }

        .iris\:hover\:border-\(--comp-color-border-input-inverse-hover\):hover {
            border-color: var(--comp-color-border-input-inverse-hover)
        }

        .iris\:hover\:border-\(--comp-color-border-input-inverse-rest\):hover {
            border-color: var(--comp-color-border-input-inverse-rest)
        }

        .iris\:hover\:border-\(--comp-color-border-input-rest\):hover {
            border-color: var(--comp-color-border-input-rest)
        }

        .iris\:hover\:border-\(--comp-color-border-message-input-hover\):hover {
            border-color: var(--comp-color-border-message-input-hover)
        }

        .iris\:hover\:border-\(--comp-color-border-message-input-inverse-hover\):hover {
            border-color: var(--comp-color-border-message-input-inverse-hover)
        }

        .iris\:hover\:border-\(--comp-color-border-selectable-container-default-hover\):hover {
            border-color: var(--comp-color-border-selectable-container-default-hover)
        }

        .iris\:hover\:border-\(--comp-color-border-selectable-container-inverse-hover\):hover {
            border-color: var(--comp-color-border-selectable-container-inverse-hover)
        }

        .iris\:hover\:border-\(--comp-color-border-slider-handle-inverse-hover\):hover {
            border-color: var(--comp-color-border-slider-handle-inverse-hover)
        }

        .iris\:hover\:border-\(--comp-color-border-tabs-text-tab-hover\):hover {
            border-color: var(--comp-color-border-tabs-text-tab-hover)
        }

        .iris\:hover\:border-\(--comp-color-border-tabs-text-tab-inverse-hover\):hover {
            border-color: var(--comp-color-border-tabs-text-tab-inverse-hover)
        }

        .iris\:hover\:border-\(--comp-color-border-toggle-button-default-hover\):hover {
            border-color: var(--comp-color-border-toggle-button-default-hover)
        }

        .iris\:hover\:border-\(--comp-color-border-toggle-button-inverse-hover\):hover {
            border-color: var(--comp-color-border-toggle-button-inverse-hover)
        }

        .iris\:hover\:border-\(--comp-color-border-video-trigger-button-hover\):hover {
            border-color: var(--comp-color-border-video-trigger-button-hover)
        }

        .iris\:hover\:bg-\(--comp-color-background-accordion-contained-hover\):hover {
            background-color: var(--comp-color-background-accordion-contained-hover)
        }

        .iris\:hover\:bg-\(--comp-color-background-accordion-contained-inverse-hover\):hover {
            background-color: var(--comp-color-background-accordion-contained-inverse-hover)
        }

        .iris\:hover\:bg-\(--comp-color-background-accordion-icon-contained-hover\):hover {
            background-color: var(--comp-color-background-accordion-icon-contained-hover)
        }

        .iris\:hover\:bg-\(--comp-color-background-accordion-uncontained-hover\):hover {
            background-color: var(--comp-color-background-accordion-uncontained-hover)
        }

        .iris\:hover\:bg-\(--comp-color-background-accordion-uncontained-inverse-hover\):hover {
            background-color: var(--comp-color-background-accordion-uncontained-inverse-hover)
        }

        .iris\:hover\:bg-\(--comp-color-background-button-primary-disabled\):hover {
            background-color: var(--comp-color-background-button-primary-disabled)
        }

        .iris\:hover\:bg-\(--comp-color-background-button-primary-hover\):hover {
            background-color: var(--comp-color-background-button-primary-hover)
        }

        .iris\:hover\:bg-\(--comp-color-background-button-primary-inverse-disabled\):hover {
            background-color: var(--comp-color-background-button-primary-inverse-disabled)
        }

        .iris\:hover\:bg-\(--comp-color-background-button-primary-inverse-hover\):hover {
            background-color: var(--comp-color-background-button-primary-inverse-hover)
        }

        .iris\:hover\:bg-\(--comp-color-background-button-secondary-disabled\):hover {
            background-color: var(--comp-color-background-button-secondary-disabled)
        }

        .iris\:hover\:bg-\(--comp-color-background-button-secondary-hover\):hover {
            background-color: var(--comp-color-background-button-secondary-hover)
        }

        .iris\:hover\:bg-\(--comp-color-background-button-secondary-inverse-disabled\):hover {
            background-color: var(--comp-color-background-button-secondary-inverse-disabled)
        }

        .iris\:hover\:bg-\(--comp-color-background-button-secondary-inverse-hover\):hover {
            background-color: var(--comp-color-background-button-secondary-inverse-hover)
        }

        .iris\:hover\:bg-\(--comp-color-background-button-tertiary-disabled\):hover {
            background-color: var(--comp-color-background-button-tertiary-disabled)
        }

        .iris\:hover\:bg-\(--comp-color-background-button-tertiary-hover\):hover {
            background-color: var(--comp-color-background-button-tertiary-hover)
        }

        .iris\:hover\:bg-\(--comp-color-background-button-tertiary-inverse-disabled\):hover {
            background-color: var(--comp-color-background-button-tertiary-inverse-disabled)
        }

        .iris\:hover\:bg-\(--comp-color-background-button-tertiary-inverse-hover\):hover {
            background-color: var(--comp-color-background-button-tertiary-inverse-hover)
        }

        .iris\:hover\:bg-\(--comp-color-background-calendar-button-hover\):hover {
            background-color: var(--comp-color-background-calendar-button-hover)
        }

        .iris\:hover\:bg-\(--comp-color-background-calendar-button-inverse-hover\):hover {
            background-color: var(--comp-color-background-calendar-button-inverse-hover)
        }

        .iris\:hover\:bg-\(--comp-color-background-calendar-day-hover\):hover {
            background-color: var(--comp-color-background-calendar-day-hover)
        }

        .iris\:hover\:bg-\(--comp-color-background-calendar-day-inverse-hover\):hover {
            background-color: var(--comp-color-background-calendar-day-inverse-hover)
        }

        .iris\:hover\:bg-\(--comp-color-background-check-radio-control-error\):hover {
            background-color: var(--comp-color-background-check-radio-control-error)
        }

        .iris\:hover\:bg-\(--comp-color-background-check-radio-control-hover\):hover {
            background-color: var(--comp-color-background-check-radio-control-hover)
        }

        .iris\:hover\:bg-\(--comp-color-background-check-radio-control-inverse-error\):hover {
            background-color: var(--comp-color-background-check-radio-control-inverse-error)
        }

        .iris\:hover\:bg-\(--comp-color-background-check-radio-control-inverse-hover\):hover {
            background-color: var(--comp-color-background-check-radio-control-inverse-hover)
        }

        .iris\:hover\:bg-\(--comp-color-background-chip-toggle-selected-inverse-hover\):hover {
            background-color: var(--comp-color-background-chip-toggle-selected-inverse-hover)
        }

        .iris\:hover\:bg-\(--comp-color-background-input-error\):hover {
            background-color: var(--comp-color-background-input-error)
        }

        .iris\:hover\:bg-\(--comp-color-background-input-hover\):hover {
            background-color: var(--comp-color-background-input-hover)
        }

        .iris\:hover\:bg-\(--comp-color-background-input-inverse-hover\):hover {
            background-color: var(--comp-color-background-input-inverse-hover)
        }

        .iris\:hover\:bg-\(--comp-color-background-input-inverse-rest\):hover {
            background-color: var(--comp-color-background-input-inverse-rest)
        }

        .iris\:hover\:bg-\(--comp-color-background-listbox-item-hover\):hover {
            background-color: var(--comp-color-background-listbox-item-hover)
        }

        .iris\:hover\:bg-\(--comp-color-background-message-input-hover\):hover {
            background-color: var(--comp-color-background-message-input-hover)
        }

        .iris\:hover\:bg-\(--comp-color-background-message-input-inverse-hover\):hover {
            background-color: var(--comp-color-background-message-input-inverse-hover)
        }

        .iris\:hover\:bg-\(--comp-color-background-pagination-item-hover\):hover {
            background-color: var(--comp-color-background-pagination-item-hover)
        }

        .iris\:hover\:bg-\(--comp-color-background-pagination-item-inverse-hover\):hover {
            background-color: var(--comp-color-background-pagination-item-inverse-hover)
        }

        .iris\:hover\:bg-\(--comp-color-background-popover-inverse\):hover {
            background-color: var(--comp-color-background-popover-inverse)
        }

        .iris\:hover\:bg-\(--comp-color-background-selectable-container-default-hover\):hover {
            background-color: var(--comp-color-background-selectable-container-default-hover)
        }

        .iris\:hover\:bg-\(--comp-color-background-selectable-container-inverse-hover\):hover {
            background-color: var(--comp-color-background-selectable-container-inverse-hover)
        }

        .iris\:hover\:bg-\(--comp-color-background-sheet-header-icon-hover\):hover {
            background-color: var(--comp-color-background-sheet-header-icon-hover)
        }

        .iris\:hover\:bg-\(--comp-color-background-tabs-pill-tab-hover\):hover {
            background-color: var(--comp-color-background-tabs-pill-tab-hover)
        }

        .iris\:hover\:bg-\(--comp-color-background-tabs-pill-tab-inverse-hover\):hover {
            background-color: var(--comp-color-background-tabs-pill-tab-inverse-hover)
        }

        .iris\:hover\:bg-\(--comp-color-background-toggle-switch-handle-inverse-hover\):hover {
            background-color: var(--comp-color-background-toggle-switch-handle-inverse-hover)
        }

        .iris\:hover\:bg-\(--comp-color-background-toggle-switch-track-inverse-hover\):hover {
            background-color: var(--comp-color-background-toggle-switch-track-inverse-hover)
        }

        .iris\:hover\:bg-\(--comp-color-background-video-trigger-button-hover\):hover {
            background-color: var(--comp-color-background-video-trigger-button-hover)
        }

        .iris\:hover\:bg-\[linear-gradient\(var\(--comp-color-background-slider-handle-hover\)\,var\(--comp-color-background-slider-handle-hover\)\)\]:hover {
            background-image: linear-gradient(var(--comp-color-background-slider-handle-hover), var(--comp-color-background-slider-handle-hover))
        }

        .iris\:hover\:bg-\[linear-gradient\(var\(--comp-color-background-slider-handle-inverse-hover\)\,var\(--comp-color-background-slider-handle-inverse-hover\)\)\]:hover {
            background-image: linear-gradient(var(--comp-color-background-slider-handle-inverse-hover), var(--comp-color-background-slider-handle-inverse-hover))
        }

        .iris\:hover\:text-\(--comp-color-content-accordion-title-contained-hover\):hover {
            color: var(--comp-color-content-accordion-title-contained-hover)
        }

        .iris\:hover\:text-\(--comp-color-content-accordion-title-contained-inverse-hover\):hover {
            color: var(--comp-color-content-accordion-title-contained-inverse-hover)
        }

        .iris\:hover\:text-\(--comp-color-content-accordion-title-uncontained-hover\):hover {
            color: var(--comp-color-content-accordion-title-uncontained-hover)
        }

        .iris\:hover\:text-\(--comp-color-content-button-primary-hover\):hover {
            color: var(--comp-color-content-button-primary-hover)
        }

        .iris\:hover\:text-\(--comp-color-content-button-primary-inverse-hover\):hover {
            color: var(--comp-color-content-button-primary-inverse-hover)
        }

        .iris\:hover\:text-\(--comp-color-content-button-secondary-hover\):hover {
            color: var(--comp-color-content-button-secondary-hover)
        }

        .iris\:hover\:text-\(--comp-color-content-button-secondary-inverse-hover\):hover {
            color: var(--comp-color-content-button-secondary-inverse-hover)
        }

        .iris\:hover\:text-\(--comp-color-content-button-tertiary-hover\):hover {
            color: var(--comp-color-content-button-tertiary-hover)
        }

        .iris\:hover\:text-\(--comp-color-content-button-tertiary-inverse-hover\):hover {
            color: var(--comp-color-content-button-tertiary-inverse-hover)
        }

        .iris\:hover\:text-\(--comp-color-content-carousel-button-icon-inverse-hover\):hover {
            color: var(--comp-color-content-carousel-button-icon-inverse-hover)
        }

        .iris\:hover\:text-\(--comp-color-content-check-radio-label-error\):hover {
            color: var(--comp-color-content-check-radio-label-error)
        }

        .iris\:hover\:text-\(--comp-color-content-check-radio-label-inverse-error\):hover {
            color: var(--comp-color-content-check-radio-label-inverse-error)
        }

        .iris\:hover\:text-\(--comp-color-content-input-helper-error\):hover {
            color: var(--comp-color-content-input-helper-error)
        }

        .iris\:hover\:text-\(--comp-color-content-input-helper-inverse-error\):hover {
            color: var(--comp-color-content-input-helper-inverse-error)
        }

        .iris\:hover\:text-\(--comp-color-content-input-icon-error\):hover {
            color: var(--comp-color-content-input-icon-error)
        }

        .iris\:hover\:text-\(--comp-color-content-input-icon-hover\):hover {
            color: var(--comp-color-content-input-icon-hover)
        }

        .iris\:hover\:text-\(--comp-color-content-input-icon-inverse-error\):hover {
            color: var(--comp-color-content-input-icon-inverse-error)
        }

        .iris\:hover\:text-\(--comp-color-content-input-icon-inverse-hover\):hover {
            color: var(--comp-color-content-input-icon-inverse-hover)
        }

        .iris\:hover\:text-\(--comp-color-content-input-label-disabled\):hover {
            color: var(--comp-color-content-input-label-disabled)
        }

        .iris\:hover\:text-\(--comp-color-content-input-label-error\):hover {
            color: var(--comp-color-content-input-label-error)
        }

        .iris\:hover\:text-\(--comp-color-content-input-label-hover\):hover {
            color: var(--comp-color-content-input-label-hover)
        }

        .iris\:hover\:text-\(--comp-color-content-input-label-inverse-active\):hover {
            color: var(--comp-color-content-input-label-inverse-active)
        }

        .iris\:hover\:text-\(--comp-color-content-input-label-inverse-error\):hover {
            color: var(--comp-color-content-input-label-inverse-error)
        }

        .iris\:hover\:text-\(--comp-color-content-input-label-inverse-hover\):hover {
            color: var(--comp-color-content-input-label-inverse-hover)
        }

        .iris\:hover\:text-\(--comp-color-content-input-label-inverse-rest\):hover {
            color: var(--comp-color-content-input-label-inverse-rest)
        }

        .iris\:hover\:text-\(--comp-color-content-input-label-rest\):hover {
            color: var(--comp-color-content-input-label-rest)
        }

        .iris\:hover\:text-\(--comp-color-content-input-value-hover\):hover {
            color: var(--comp-color-content-input-value-hover)
        }

        .iris\:hover\:text-\(--comp-color-content-input-value-inverse-hover\):hover {
            color: var(--comp-color-content-input-value-inverse-hover)
        }

        .iris\:hover\:text-\(--comp-color-content-link-hover\):hover {
            color: var(--comp-color-content-link-hover)
        }

        .iris\:hover\:text-\(--comp-color-content-link-inverse-hover\):hover {
            color: var(--comp-color-content-link-inverse-hover)
        }

        .iris\:hover\:text-\(--comp-color-content-progress-bar-label\):hover {
            color: var(--comp-color-content-progress-bar-label)
        }

        .iris\:hover\:text-\(--comp-color-content-progress-bar-label-inverse\):hover {
            color: var(--comp-color-content-progress-bar-label-inverse)
        }

        .iris\:hover\:text-\(--comp-color-content-sheet-header-icon-hover\):hover {
            color: var(--comp-color-content-sheet-header-icon-hover)
        }

        .iris\:hover\:text-\(--comp-color-content-tabs-pill-label-hover\):hover {
            color: var(--comp-color-content-tabs-pill-label-hover)
        }

        .iris\:hover\:text-\(--comp-color-content-tabs-pill-label-inverse-hover\):hover {
            color: var(--comp-color-content-tabs-pill-label-inverse-hover)
        }

        .iris\:hover\:text-\(--comp-color-content-tabs-text-label-hover\):hover {
            color: var(--comp-color-content-tabs-text-label-hover)
        }

        .iris\:hover\:text-\(--comp-color-content-tabs-text-label-inverse-hover\):hover {
            color: var(--comp-color-content-tabs-text-label-inverse-hover)
        }

        .iris\:hover\:text-\(--comp-color-content-toggle-button-icon-default-selected\):hover {
            color: var(--comp-color-content-toggle-button-icon-default-selected)
        }

        .iris\:hover\:text-\(--comp-color-content-toggle-button-icon-inverse-selected\):hover {
            color: var(--comp-color-content-toggle-button-icon-inverse-selected)
        }

        .iris\:hover\:text-\(--comp-color-content-toggle-button-label-default-selected\):hover {
            color: var(--comp-color-content-toggle-button-label-default-selected)
        }

        .iris\:hover\:text-\(--comp-color-content-toggle-button-label-inverse-selected\):hover {
            color: var(--comp-color-content-toggle-button-label-inverse-selected)
        }

        .iris\:hover\:text-\(--comp-color-content-toggle-switch-label-default\):hover {
            color: var(--comp-color-content-toggle-switch-label-default)
        }

        .iris\:hover\:text-\(--comp-color-content-toggle-switch-label-inverse\):hover {
            color: var(--comp-color-content-toggle-switch-label-inverse)
        }

        .iris\:hover\:underline:hover {
            text-decoration-line: underline
        }

        .iris\:group-data-\[state\=error\]\:hover\:text-\(--comp-color-content-input-icon-error\):is(:where(.iris\:group)[data-state=error] *):hover {
            color: var(--comp-color-content-input-icon-error)
        }

        .iris\:group-data-\[state\=error\]\:hover\:text-\(--comp-color-content-input-icon-inverse-error\):is(:where(.iris\:group)[data-state=error] *):hover {
            color: var(--comp-color-content-input-icon-inverse-error)
        }

        .iris\:peer-focus\:hover\:text-\(--comp-color-content-input-label-active\):is(:where(.iris\:peer):focus~*):hover {
            color: var(--comp-color-content-input-label-active)
        }

        .iris\:peer-focus\:hover\:text-\(--comp-color-content-input-label-error\):is(:where(.iris\:peer):focus~*):hover {
            color: var(--comp-color-content-input-label-error)
        }

        .iris\:peer-focus\:hover\:text-\(--comp-color-content-input-label-inverse-active\):is(:where(.iris\:peer):focus~*):hover {
            color: var(--comp-color-content-input-label-inverse-active)
        }

        .iris\:peer-focus\:hover\:text-\(--comp-color-content-input-label-inverse-error\):is(:where(.iris\:peer):focus~*):hover {
            color: var(--comp-color-content-input-label-inverse-error)
        }

        .iris\:peer-focus-visible\:hover\:text-\(--comp-color-content-input-label-active\):is(:where(.iris\:peer):focus-visible~*):hover {
            color: var(--comp-color-content-input-label-active)
        }

        .iris\:peer-focus-visible\:hover\:text-\(--comp-color-content-input-label-inverse-active\):is(:where(.iris\:peer):focus-visible~*):hover {
            color: var(--comp-color-content-input-label-inverse-active)
        }

        .iris\:peer-active\:hover\:text-\(--comp-color-content-input-label-active\):is(:where(.iris\:peer):active~*):hover {
            color: var(--comp-color-content-input-label-active)
        }

        .iris\:peer-active\:hover\:text-\(--comp-color-content-input-label-inverse-active\):is(:where(.iris\:peer):active~*):hover {
            color: var(--comp-color-content-input-label-inverse-active)
        }

        .iris\:peer-data-\[state\=error\]\:hover\:text-\(--comp-color-content-input-label-error\):is(:where(.iris\:peer)[data-state=error]~*):hover {
            color: var(--comp-color-content-input-label-error)
        }

        .iris\:peer-data-\[state\=error\]\:hover\:text-\(--comp-color-content-input-label-inverse-error\):is(:where(.iris\:peer)[data-state=error]~*):hover {
            color: var(--comp-color-content-input-label-inverse-error)
        }

        .iris\:hover\:placeholder\:text-\(--comp-color-content-input-placeholder-hover\):hover::placeholder {
            color: var(--comp-color-content-input-placeholder-hover)
        }

        .iris\:hover\:placeholder\:text-\(--comp-color-content-input-placeholder-inverse-hover\):hover::placeholder {
            color: var(--comp-color-content-input-placeholder-inverse-hover)
        }

        .iris\:focus-within\:hover\:border-\(--comp-color-border-message-input-active\):focus-within:hover {
            border-color: var(--comp-color-border-message-input-active)
        }

        .iris\:focus-within\:hover\:border-\(--comp-color-border-message-input-inverse-active\):focus-within:hover {
            border-color: var(--comp-color-border-message-input-inverse-active)
        }

        .iris\:focus-within\:hover\:bg-\(--comp-color-background-message-input-active\):focus-within:hover {
            background-color: var(--comp-color-background-message-input-active)
        }

        .iris\:focus-within\:hover\:bg-\(--comp-color-background-message-input-inverse-active\):focus-within:hover {
            background-color: var(--comp-color-background-message-input-inverse-active)
        }
    }

    .iris\:focus\:bg-\(--comp-color-background-input-active\):focus {
        background-color: var(--comp-color-background-input-active)
    }

    .iris\:focus\:bg-\(--comp-color-background-input-error\):focus {
        background-color: var(--comp-color-background-input-error)
    }

    .iris\:focus\:bg-\(--comp-color-background-input-inverse-active\):focus {
        background-color: var(--comp-color-background-input-inverse-active)
    }

    .iris\:focus\:bg-\(--comp-color-background-input-inverse-rest\):focus {
        background-color: var(--comp-color-background-input-inverse-rest)
    }

    .iris\:focus\:pt-\(--comp-space-padding-text-input-inner-label-filled-top\):focus {
        padding-top: var(--comp-space-padding-text-input-inner-label-filled-top)
    }

    .iris\:focus\:pb-\(--comp-space-padding-text-input-inner-label-filled-bottom\):focus {
        padding-bottom: var(--comp-space-padding-text-input-inner-label-filled-bottom)
    }

    .iris\:focus\:text-\(--comp-color-content-input-label-active\):focus {
        color: var(--comp-color-content-input-label-active)
    }

    .iris\:focus\:text-\(--comp-color-content-input-label-inverse-active\):focus {
        color: var(--comp-color-content-input-label-inverse-active)
    }

    .iris\:focus\:text-\(--comp-color-content-input-value-inverse-active\):focus {
        color: var(--comp-color-content-input-value-inverse-active)
    }

    .iris\:focus\:text-\(--comp-color-content-progress-bar-label\):focus {
        color: var(--comp-color-content-progress-bar-label)
    }

    .iris\:focus\:text-\(--comp-color-content-progress-bar-label-inverse\):focus {
        color: var(--comp-color-content-progress-bar-label-inverse)
    }

    .iris\:focus\:text-\(--comp-color-content-toggle-switch-label-default\):focus {
        color: var(--comp-color-content-toggle-switch-label-default)
    }

    .iris\:focus\:text-\(--comp-color-content-toggle-switch-label-inverse\):focus {
        color: var(--comp-color-content-toggle-switch-label-inverse)
    }

    .iris\:focus\:shadow-\[0_0_0_2px\]:focus {
        --tw-shadow: 0 0 0 2px var(--tw-shadow-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .iris\:focus\:placeholder\:text-\(--comp-color-content-input-placeholder-active\):focus::placeholder {
        color: var(--comp-color-content-input-placeholder-active)
    }

    .iris\:focus\:placeholder\:text-\(--comp-color-content-input-placeholder-inverse-active\):focus::placeholder {
        color: var(--comp-color-content-input-placeholder-inverse-active)
    }

    .iris\:focus-visible\:rounded-xs:focus-visible {
        border-radius: var(--iris-radius-xs)
    }

    .iris\:focus-visible\:border-\(--comp-color-border-input-active\):focus-visible {
        border-color: var(--comp-color-border-input-active)
    }

    .iris\:focus-visible\:border-\(--comp-color-border-input-error\):focus-visible {
        border-color: var(--comp-color-border-input-error)
    }

    .iris\:focus-visible\:border-\(--comp-color-border-input-inverse-active\):focus-visible {
        border-color: var(--comp-color-border-input-inverse-active)
    }

    .iris\:focus-visible\:border-\(--comp-color-border-input-inverse-error\):focus-visible {
        border-color: var(--comp-color-border-input-inverse-error)
    }

    .iris\:focus-visible\:border-\(--comp-color-border-input-inverse-rest\):focus-visible {
        border-color: var(--comp-color-border-input-inverse-rest)
    }

    .iris\:focus-visible\:border-\(--comp-color-border-input-rest\):focus-visible {
        border-color: var(--comp-color-border-input-rest)
    }

    .iris\:focus-visible\:border-\(--comp-color-border-toggle-button-default-pressed\):focus-visible {
        border-color: var(--comp-color-border-toggle-button-default-pressed)
    }

    .iris\:focus-visible\:border-\(--comp-color-border-toggle-button-inverse-pressed\):focus-visible {
        border-color: var(--comp-color-border-toggle-button-inverse-pressed)
    }

    .iris\:focus-visible\:border-\(--comp-color-content-input-label-error\):focus-visible {
        border-color: var(--comp-color-content-input-label-error)
    }

    .iris\:focus-visible\:bg-\(--comp-color-background-toggle-switch-handle-inverse-pressed\):focus-visible {
        background-color: var(--comp-color-background-toggle-switch-handle-inverse-pressed)
    }

    .iris\:focus-visible\:text-\(--comp-color-content-input-helper-error\):focus-visible {
        color: var(--comp-color-content-input-helper-error)
    }

    .iris\:focus-visible\:text-\(--comp-color-content-input-helper-inverse-error\):focus-visible {
        color: var(--comp-color-content-input-helper-inverse-error)
    }

    .iris\:focus-visible\:text-\(--comp-color-content-input-icon-active\):focus-visible {
        color: var(--comp-color-content-input-icon-active)
    }

    .iris\:focus-visible\:text-\(--comp-color-content-input-icon-error\):focus-visible {
        color: var(--comp-color-content-input-icon-error)
    }

    .iris\:focus-visible\:text-\(--comp-color-content-input-icon-inverse-error\):focus-visible {
        color: var(--comp-color-content-input-icon-inverse-error)
    }

    .iris\:focus-visible\:text-\(--comp-color-content-input-label-active\):focus-visible {
        color: var(--comp-color-content-input-label-active)
    }

    .iris\:focus-visible\:text-\(--comp-color-content-input-label-disabled\):focus-visible {
        color: var(--comp-color-content-input-label-disabled)
    }

    .iris\:focus-visible\:text-\(--comp-color-content-input-label-error\):focus-visible {
        color: var(--comp-color-content-input-label-error)
    }

    .iris\:focus-visible\:text-\(--comp-color-content-input-label-inverse-active\):focus-visible {
        color: var(--comp-color-content-input-label-inverse-active)
    }

    .iris\:focus-visible\:text-\(--comp-color-content-input-label-inverse-error\):focus-visible {
        color: var(--comp-color-content-input-label-inverse-error)
    }

    .iris\:focus-visible\:text-\(--comp-color-content-input-label-inverse-rest\):focus-visible {
        color: var(--comp-color-content-input-label-inverse-rest)
    }

    .iris\:focus-visible\:text-\(--comp-color-content-input-value-active\):focus-visible {
        color: var(--comp-color-content-input-value-active)
    }

    .iris\:focus-visible\:text-\(--comp-color-content-progress-bar-label\):focus-visible {
        color: var(--comp-color-content-progress-bar-label)
    }

    .iris\:focus-visible\:text-\(--comp-color-content-progress-bar-label-inverse\):focus-visible {
        color: var(--comp-color-content-progress-bar-label-inverse)
    }

    .iris\:focus-visible\:text-\(--comp-color-content-toggle-button-icon-default-pressed\):focus-visible {
        color: var(--comp-color-content-toggle-button-icon-default-pressed)
    }

    .iris\:focus-visible\:text-\(--comp-color-content-toggle-button-icon-default-selected\):focus-visible {
        color: var(--comp-color-content-toggle-button-icon-default-selected)
    }

    .iris\:focus-visible\:text-\(--comp-color-content-toggle-button-icon-inverse-pressed\):focus-visible {
        color: var(--comp-color-content-toggle-button-icon-inverse-pressed)
    }

    .iris\:focus-visible\:text-\(--comp-color-content-toggle-button-icon-inverse-selected\):focus-visible {
        color: var(--comp-color-content-toggle-button-icon-inverse-selected)
    }

    .iris\:focus-visible\:text-\(--comp-color-content-toggle-button-label-default-pressed\):focus-visible {
        color: var(--comp-color-content-toggle-button-label-default-pressed)
    }

    .iris\:focus-visible\:text-\(--comp-color-content-toggle-button-label-default-selected\):focus-visible {
        color: var(--comp-color-content-toggle-button-label-default-selected)
    }

    .iris\:focus-visible\:text-\(--comp-color-content-toggle-button-label-inverse-pressed\):focus-visible {
        color: var(--comp-color-content-toggle-button-label-inverse-pressed)
    }

    .iris\:focus-visible\:text-\(--comp-color-content-toggle-button-label-inverse-selected\):focus-visible {
        color: var(--comp-color-content-toggle-button-label-inverse-selected)
    }

    .iris\:focus-visible\:text-\(--comp-color-content-toggle-switch-label-default\):focus-visible {
        color: var(--comp-color-content-toggle-switch-label-default)
    }

    .iris\:focus-visible\:text-\(--comp-color-content-toggle-switch-label-inverse\):focus-visible {
        color: var(--comp-color-content-toggle-switch-label-inverse)
    }

    .iris\:focus-visible\:ring-0:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .iris\:focus-visible\:ring-2:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .iris\:focus-visible\:ring-\(--comp-color-border-input-active\):focus-visible {
        --tw-ring-color: var(--comp-color-border-input-active)
    }

    .iris\:focus-visible\:ring-\(--comp-color-border-input-inverse-active\):focus-visible {
        --tw-ring-color: var(--comp-color-border-input-inverse-active)
    }

    .iris\:focus-visible\:ring-\(--sem-color-border-interactive-inverse-selected\):focus-visible {
        --tw-ring-color: var(--sem-color-border-interactive-inverse-selected)
    }

    .iris\:focus-visible\:ring-\(--sem-color-border-interactive-selected\):focus-visible {
        --tw-ring-color: var(--sem-color-border-interactive-selected)
    }

    .iris\:focus-visible\:ring-offset-0:focus-visible {
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
    }

    .iris\:focus-visible\:ring-offset-2:focus-visible {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
    }

    .iris\:focus-visible\:ring-offset-\(--sem-color-background-neutral-inverse-primary\):focus-visible {
        --tw-ring-offset-color: var(--sem-color-background-neutral-inverse-primary)
    }

    .iris\:focus-visible\:outline-1:focus-visible {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
    }

    .iris\:focus-visible\:outline-\(--comp-color-border-accordion-contained\):focus-visible {
        outline-color: var(--comp-color-border-accordion-contained)
    }

    .iris\:focus-visible\:outline-\(--comp-color-border-accordion-contained-inverse\):focus-visible {
        outline-color: var(--comp-color-border-accordion-contained-inverse)
    }

    .iris\:focus-visible\:transition-\[ring_var\(--comp-motion-duration-focus-ring\)_var\(--comp-motion-easing-focus-ring\)\]:focus-visible {
        transition-property: ring var(--comp-motion-duration-focus-ring)var(--comp-motion-easing-focus-ring);
        transition-timing-function: var(--tw-ease, var(--iris-default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--iris-default-transition-duration))
    }

    .iris\:focus-visible\:outline-none:focus-visible {
        --tw-outline-style: none;
        outline-style: none
    }

    .iris\:group-data-\[state\=error\]\:focus-visible\:text-\(--comp-color-content-input-icon-error\):is(:where(.iris\:group)[data-state=error] *):focus-visible {
        color: var(--comp-color-content-input-icon-error)
    }

    .iris\:group-data-\[state\=error\]\:focus-visible\:text-\(--comp-color-content-input-icon-inverse-error\):is(:where(.iris\:group)[data-state=error] *):focus-visible {
        color: var(--comp-color-content-input-icon-inverse-error)
    }

    .iris\:peer-data-\[state\=error\]\:focus-visible\:text-\(--comp-color-content-input-label-error\):is(:where(.iris\:peer)[data-state=error]~*):focus-visible {
        color: var(--comp-color-content-input-label-error)
    }

    .iris\:peer-data-\[state\=error\]\:focus-visible\:text-\(--comp-color-content-input-label-inverse-error\):is(:where(.iris\:peer)[data-state=error]~*):focus-visible {
        color: var(--comp-color-content-input-label-inverse-error)
    }

    .iris\:active\:rounded-xs:active {
        border-radius: var(--iris-radius-xs)
    }

    .iris\:active\:border-b-\(length\:--comp-size-border-tabs-text-tab-pressed\):active {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: var(--comp-size-border-tabs-text-tab-pressed)
    }

    .iris\:active\:border-\(--comp-color-border-button-primary-disabled\):active {
        border-color: var(--comp-color-border-button-primary-disabled)
    }

    .iris\:active\:border-\(--comp-color-border-button-primary-inverse-disabled\):active {
        border-color: var(--comp-color-border-button-primary-inverse-disabled)
    }

    .iris\:active\:border-\(--comp-color-border-button-primary-inverse-pressed\):active {
        border-color: var(--comp-color-border-button-primary-inverse-pressed)
    }

    .iris\:active\:border-\(--comp-color-border-button-primary-pressed\):active {
        border-color: var(--comp-color-border-button-primary-pressed)
    }

    .iris\:active\:border-\(--comp-color-border-button-secondary-disabled\):active {
        border-color: var(--comp-color-border-button-secondary-disabled)
    }

    .iris\:active\:border-\(--comp-color-border-button-secondary-inverse-disabled\):active {
        border-color: var(--comp-color-border-button-secondary-inverse-disabled)
    }

    .iris\:active\:border-\(--comp-color-border-button-secondary-inverse-pressed\):active {
        border-color: var(--comp-color-border-button-secondary-inverse-pressed)
    }

    .iris\:active\:border-\(--comp-color-border-button-secondary-pressed\):active {
        border-color: var(--comp-color-border-button-secondary-pressed)
    }

    .iris\:active\:border-\(--comp-color-border-button-tertiary-disabled\):active {
        border-color: var(--comp-color-border-button-tertiary-disabled)
    }

    .iris\:active\:border-\(--comp-color-border-button-tertiary-inverse-disabled\):active {
        border-color: var(--comp-color-border-button-tertiary-inverse-disabled)
    }

    .iris\:active\:border-\(--comp-color-border-button-tertiary-inverse-pressed\):active {
        border-color: var(--comp-color-border-button-tertiary-inverse-pressed)
    }

    .iris\:active\:border-\(--comp-color-border-button-tertiary-pressed\):active {
        border-color: var(--comp-color-border-button-tertiary-pressed)
    }

    .iris\:active\:border-\(--comp-color-border-carousel-button-image-pressed\):active {
        border-color: var(--comp-color-border-carousel-button-image-pressed)
    }

    .iris\:active\:border-\(--comp-color-border-carousel-button-inverse-pressed\):active {
        border-color: var(--comp-color-border-carousel-button-inverse-pressed)
    }

    .iris\:active\:border-\(--comp-color-border-carousel-button-pressed\):active {
        border-color: var(--comp-color-border-carousel-button-pressed)
    }

    .iris\:active\:border-\(--comp-color-border-chip-action-inverse-pressed\):active {
        border-color: var(--comp-color-border-chip-action-inverse-pressed)
    }

    .iris\:active\:border-\(--comp-color-border-chip-action-pressed\):active {
        border-color: var(--comp-color-border-chip-action-pressed)
    }

    .iris\:active\:border-\(--comp-color-border-chip-filter-inverse-pressed\):active {
        border-color: var(--comp-color-border-chip-filter-inverse-pressed)
    }

    .iris\:active\:border-\(--comp-color-border-chip-filter-pressed\):active {
        border-color: var(--comp-color-border-chip-filter-pressed)
    }

    .iris\:active\:border-\(--comp-color-border-chip-toggle-selected-inverse-pressed\):active {
        border-color: var(--comp-color-border-chip-toggle-selected-inverse-pressed)
    }

    .iris\:active\:border-\(--comp-color-border-input-active\):active {
        border-color: var(--comp-color-border-input-active)
    }

    .iris\:active\:border-\(--comp-color-border-input-error\):active {
        border-color: var(--comp-color-border-input-error)
    }

    .iris\:active\:border-\(--comp-color-border-input-inverse-active\):active {
        border-color: var(--comp-color-border-input-inverse-active)
    }

    .iris\:active\:border-\(--comp-color-border-input-inverse-error\):active {
        border-color: var(--comp-color-border-input-inverse-error)
    }

    .iris\:active\:border-\(--comp-color-border-input-inverse-rest\):active {
        border-color: var(--comp-color-border-input-inverse-rest)
    }

    .iris\:active\:border-\(--comp-color-border-input-rest\):active {
        border-color: var(--comp-color-border-input-rest)
    }

    .iris\:active\:border-\(--comp-color-border-slider-handle-inverse-pressed\):active {
        border-color: var(--comp-color-border-slider-handle-inverse-pressed)
    }

    .iris\:active\:border-\(--comp-color-border-slider-handle-pressed\):active {
        border-color: var(--comp-color-border-slider-handle-pressed)
    }

    .iris\:active\:border-\(--comp-color-border-tabs-text-tab-inverse-pressed\):active {
        border-color: var(--comp-color-border-tabs-text-tab-inverse-pressed)
    }

    .iris\:active\:border-\(--comp-color-border-tabs-text-tab-pressed\):active {
        border-color: var(--comp-color-border-tabs-text-tab-pressed)
    }

    .iris\:active\:border-\(--comp-color-border-toggle-button-default-pressed\):active {
        border-color: var(--comp-color-border-toggle-button-default-pressed)
    }

    .iris\:active\:border-\(--comp-color-border-toggle-button-inverse-pressed\):active {
        border-color: var(--comp-color-border-toggle-button-inverse-pressed)
    }

    .iris\:active\:border-\(--comp-color-border-video-trigger-button-pressed\):active {
        border-color: var(--comp-color-border-video-trigger-button-pressed)
    }

    .iris\:active\:bg-\(--comp-color-background-accordion-contained-inverse-pressed\):active {
        background-color: var(--comp-color-background-accordion-contained-inverse-pressed)
    }

    .iris\:active\:bg-\(--comp-color-background-accordion-contained-pressed\):active {
        background-color: var(--comp-color-background-accordion-contained-pressed)
    }

    .iris\:active\:bg-\(--comp-color-background-accordion-icon-contained-pressed\):active {
        background-color: var(--comp-color-background-accordion-icon-contained-pressed)
    }

    .iris\:active\:bg-\(--comp-color-background-accordion-uncontained-inverse-pressed\):active {
        background-color: var(--comp-color-background-accordion-uncontained-inverse-pressed)
    }

    .iris\:active\:bg-\(--comp-color-background-accordion-uncontained-pressed\):active {
        background-color: var(--comp-color-background-accordion-uncontained-pressed)
    }

    .iris\:active\:bg-\(--comp-color-background-button-primary-disabled\):active {
        background-color: var(--comp-color-background-button-primary-disabled)
    }

    .iris\:active\:bg-\(--comp-color-background-button-primary-inverse-disabled\):active {
        background-color: var(--comp-color-background-button-primary-inverse-disabled)
    }

    .iris\:active\:bg-\(--comp-color-background-button-primary-inverse-pressed\):active {
        background-color: var(--comp-color-background-button-primary-inverse-pressed)
    }

    .iris\:active\:bg-\(--comp-color-background-button-primary-pressed\):active {
        background-color: var(--comp-color-background-button-primary-pressed)
    }

    .iris\:active\:bg-\(--comp-color-background-button-secondary-disabled\):active {
        background-color: var(--comp-color-background-button-secondary-disabled)
    }

    .iris\:active\:bg-\(--comp-color-background-button-secondary-inverse-disabled\):active {
        background-color: var(--comp-color-background-button-secondary-inverse-disabled)
    }

    .iris\:active\:bg-\(--comp-color-background-button-secondary-inverse-pressed\):active {
        background-color: var(--comp-color-background-button-secondary-inverse-pressed)
    }

    .iris\:active\:bg-\(--comp-color-background-button-secondary-pressed\):active {
        background-color: var(--comp-color-background-button-secondary-pressed)
    }

    .iris\:active\:bg-\(--comp-color-background-button-tertiary-disabled\):active {
        background-color: var(--comp-color-background-button-tertiary-disabled)
    }

    .iris\:active\:bg-\(--comp-color-background-button-tertiary-inverse-disabled\):active {
        background-color: var(--comp-color-background-button-tertiary-inverse-disabled)
    }

    .iris\:active\:bg-\(--comp-color-background-button-tertiary-inverse-pressed\):active {
        background-color: var(--comp-color-background-button-tertiary-inverse-pressed)
    }

    .iris\:active\:bg-\(--comp-color-background-button-tertiary-pressed\):active {
        background-color: var(--comp-color-background-button-tertiary-pressed)
    }

    .iris\:active\:bg-\(--comp-color-background-calendar-button-inverse-pressed\):active {
        background-color: var(--comp-color-background-calendar-button-inverse-pressed)
    }

    .iris\:active\:bg-\(--comp-color-background-calendar-button-pressed\):active {
        background-color: var(--comp-color-background-calendar-button-pressed)
    }

    .iris\:active\:bg-\(--comp-color-background-calendar-day-inverse-pressed\):active {
        background-color: var(--comp-color-background-calendar-day-inverse-pressed)
    }

    .iris\:active\:bg-\(--comp-color-background-calendar-day-pressed\):active {
        background-color: var(--comp-color-background-calendar-day-pressed)
    }

    .iris\:active\:bg-\(--comp-color-background-chip-toggle-selected-inverse-pressed\):active {
        background-color: var(--comp-color-background-chip-toggle-selected-inverse-pressed)
    }

    .iris\:active\:bg-\(--comp-color-background-input-active\):active {
        background-color: var(--comp-color-background-input-active)
    }

    .iris\:active\:bg-\(--comp-color-background-input-inverse-active\):active {
        background-color: var(--comp-color-background-input-inverse-active)
    }

    .iris\:active\:bg-\(--comp-color-background-listbox-item-pressed\):active {
        background-color: var(--comp-color-background-listbox-item-pressed)
    }

    .iris\:active\:bg-\(--comp-color-background-pagination-item-inverse-pressed\):active {
        background-color: var(--comp-color-background-pagination-item-inverse-pressed)
    }

    .iris\:active\:bg-\(--comp-color-background-pagination-item-pressed\):active {
        background-color: var(--comp-color-background-pagination-item-pressed)
    }

    .iris\:active\:bg-\(--comp-color-background-popover-inverse\):active {
        background-color: var(--comp-color-background-popover-inverse)
    }

    .iris\:active\:bg-\(--comp-color-background-sheet-header-icon-pressed\):active {
        background-color: var(--comp-color-background-sheet-header-icon-pressed)
    }

    .iris\:active\:bg-\(--comp-color-background-tabs-pill-tab-inverse-pressed\):active {
        background-color: var(--comp-color-background-tabs-pill-tab-inverse-pressed)
    }

    .iris\:active\:bg-\(--comp-color-background-tabs-pill-tab-pressed\):active {
        background-color: var(--comp-color-background-tabs-pill-tab-pressed)
    }

    .iris\:active\:bg-\(--comp-color-background-toggle-switch-handle-inverse-pressed\):active {
        background-color: var(--comp-color-background-toggle-switch-handle-inverse-pressed)
    }

    .iris\:active\:bg-\(--comp-color-background-toggle-switch-track-inverse-pressed\):active {
        background-color: var(--comp-color-background-toggle-switch-track-inverse-pressed)
    }

    .iris\:active\:bg-\(--comp-color-background-video-trigger-button-pressed\):active {
        background-color: var(--comp-color-background-video-trigger-button-pressed)
    }

    .iris\:active\:bg-\[linear-gradient\(var\(--comp-color-background-slider-handle-inverse-pressed\)\,var\(--comp-color-background-slider-handle-inverse-pressed\)\)\]:active {
        background-image: linear-gradient(var(--comp-color-background-slider-handle-inverse-pressed), var(--comp-color-background-slider-handle-inverse-pressed))
    }

    .iris\:active\:bg-\[linear-gradient\(var\(--comp-color-background-slider-handle-pressed\)\,var\(--comp-color-background-slider-handle-pressed\)\)\]:active {
        background-image: linear-gradient(var(--comp-color-background-slider-handle-pressed), var(--comp-color-background-slider-handle-pressed))
    }

    .iris\:active\:text-\(--comp-color-content-accordion-title-contained-inverse-pressed\):active {
        color: var(--comp-color-content-accordion-title-contained-inverse-pressed)
    }

    .iris\:active\:text-\(--comp-color-content-accordion-title-contained-pressed\):active {
        color: var(--comp-color-content-accordion-title-contained-pressed)
    }

    .iris\:active\:text-\(--comp-color-content-accordion-title-uncontained-hover\):active {
        color: var(--comp-color-content-accordion-title-uncontained-hover)
    }

    .iris\:active\:text-\(--comp-color-content-accordion-title-uncontained-pressed\):active {
        color: var(--comp-color-content-accordion-title-uncontained-pressed)
    }

    .iris\:active\:text-\(--comp-color-content-button-primary-inverse-pressed\):active {
        color: var(--comp-color-content-button-primary-inverse-pressed)
    }

    .iris\:active\:text-\(--comp-color-content-button-primary-pressed\):active {
        color: var(--comp-color-content-button-primary-pressed)
    }

    .iris\:active\:text-\(--comp-color-content-button-secondary-inverse-pressed\):active {
        color: var(--comp-color-content-button-secondary-inverse-pressed)
    }

    .iris\:active\:text-\(--comp-color-content-button-secondary-pressed\):active {
        color: var(--comp-color-content-button-secondary-pressed)
    }

    .iris\:active\:text-\(--comp-color-content-button-tertiary-inverse-pressed\):active {
        color: var(--comp-color-content-button-tertiary-inverse-pressed)
    }

    .iris\:active\:text-\(--comp-color-content-button-tertiary-pressed\):active {
        color: var(--comp-color-content-button-tertiary-pressed)
    }

    .iris\:active\:text-\(--comp-color-content-carousel-button-icon-inverse-pressed\):active {
        color: var(--comp-color-content-carousel-button-icon-inverse-pressed)
    }

    .iris\:active\:text-\(--comp-color-content-input-label-active\):active {
        color: var(--comp-color-content-input-label-active)
    }

    .iris\:active\:text-\(--comp-color-content-input-label-disabled\):active {
        color: var(--comp-color-content-input-label-disabled)
    }

    .iris\:active\:text-\(--comp-color-content-input-label-error\):active {
        color: var(--comp-color-content-input-label-error)
    }

    .iris\:active\:text-\(--comp-color-content-input-label-inverse-active\):active {
        color: var(--comp-color-content-input-label-inverse-active)
    }

    .iris\:active\:text-\(--comp-color-content-input-label-inverse-error\):active {
        color: var(--comp-color-content-input-label-inverse-error)
    }

    .iris\:active\:text-\(--comp-color-content-input-label-inverse-rest\):active {
        color: var(--comp-color-content-input-label-inverse-rest)
    }

    .iris\:active\:text-\(--comp-color-content-input-value-active\):active {
        color: var(--comp-color-content-input-value-active)
    }

    .iris\:active\:text-\(--comp-color-content-input-value-inverse-active\):active {
        color: var(--comp-color-content-input-value-inverse-active)
    }

    .iris\:active\:text-\(--comp-color-content-link-inverse-pressed\):active {
        color: var(--comp-color-content-link-inverse-pressed)
    }

    .iris\:active\:text-\(--comp-color-content-link-pressed\):active {
        color: var(--comp-color-content-link-pressed)
    }

    .iris\:active\:text-\(--comp-color-content-progress-bar-label\):active {
        color: var(--comp-color-content-progress-bar-label)
    }

    .iris\:active\:text-\(--comp-color-content-progress-bar-label-inverse\):active {
        color: var(--comp-color-content-progress-bar-label-inverse)
    }

    .iris\:active\:text-\(--comp-color-content-sheet-header-icon-pressed\):active {
        color: var(--comp-color-content-sheet-header-icon-pressed)
    }

    .iris\:active\:text-\(--comp-color-content-tabs-pill-label-inverse-pressed\):active {
        color: var(--comp-color-content-tabs-pill-label-inverse-pressed)
    }

    .iris\:active\:text-\(--comp-color-content-tabs-pill-label-pressed\):active {
        color: var(--comp-color-content-tabs-pill-label-pressed)
    }

    .iris\:active\:text-\(--comp-color-content-tabs-text-label-inverse-pressed\):active {
        color: var(--comp-color-content-tabs-text-label-inverse-pressed)
    }

    .iris\:active\:text-\(--comp-color-content-tabs-text-label-pressed\):active {
        color: var(--comp-color-content-tabs-text-label-pressed)
    }

    .iris\:active\:text-\(--comp-color-content-toggle-switch-label-default\):active {
        color: var(--comp-color-content-toggle-switch-label-default)
    }

    .iris\:active\:text-\(--comp-color-content-toggle-switch-label-inverse\):active {
        color: var(--comp-color-content-toggle-switch-label-inverse)
    }

    .iris\:active\:underline:active {
        text-decoration-line: underline
    }

    .iris\:active\:ring-2:active {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .iris\:active\:ring-\(--sem-color-border-interactive-inverse-selected\):active {
        --tw-ring-color: var(--sem-color-border-interactive-inverse-selected)
    }

    .iris\:active\:ring-\(--sem-color-border-interactive-selected\):active {
        --tw-ring-color: var(--sem-color-border-interactive-selected)
    }

    .iris\:active\:ring-offset-2:active {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
    }

    .iris\:active\:ring-offset-\(--sem-color-background-neutral-inverse-primary\):active {
        --tw-ring-offset-color: var(--sem-color-background-neutral-inverse-primary)
    }

    .iris\:active\:transition-\[ring_var\(--comp-motion-duration-focus-ring\)_var\(--comp-motion-easing-focus-ring\)\]:active {
        transition-property: ring var(--comp-motion-duration-focus-ring)var(--comp-motion-easing-focus-ring);
        transition-timing-function: var(--tw-ease, var(--iris-default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--iris-default-transition-duration))
    }

    .iris\:active\:outline-none:active {
        --tw-outline-style: none;
        outline-style: none
    }

    .iris\:peer-data-\[state\=error\]\:active\:text-\(--comp-color-content-input-label-error\):is(:where(.iris\:peer)[data-state=error]~*):active {
        color: var(--comp-color-content-input-label-error)
    }

    .iris\:peer-data-\[state\=error\]\:active\:text-\(--comp-color-content-input-label-inverse-error\):is(:where(.iris\:peer)[data-state=error]~*):active {
        color: var(--comp-color-content-input-label-inverse-error)
    }

    .iris\:disabled\:pointer-events-none:disabled {
        pointer-events: none
    }

    .iris\:disabled\:cursor-not-allowed:disabled {
        cursor: not-allowed
    }

    .iris\:disabled\:border-\(--comp-color-border-input-error\):disabled {
        border-color: var(--comp-color-border-input-error)
    }

    .iris\:disabled\:border-\(--comp-color-border-input-inverse-error\):disabled {
        border-color: var(--comp-color-border-input-inverse-error)
    }

    .iris\:disabled\:border-\(--comp-color-border-input-inverse-rest\):disabled {
        border-color: var(--comp-color-border-input-inverse-rest)
    }

    .iris\:disabled\:border-\(--comp-color-border-input-rest\):disabled {
        border-color: var(--comp-color-border-input-rest)
    }

    .iris\:disabled\:opacity-\(--sem-opacity-interactive-disabled\):disabled {
        opacity: var(--sem-opacity-interactive-disabled)
    }

    @media (hover:hover) {
        .iris\:disabled\:hover\:border-\(--comp-color-border-input-error\):disabled:hover {
            border-color: var(--comp-color-border-input-error)
        }

        .iris\:disabled\:hover\:border-\(--comp-color-border-input-inverse-error\):disabled:hover {
            border-color: var(--comp-color-border-input-inverse-error)
        }
    }

    .iris\:has-\[textarea\:focus-visible\]\:ring-0:has(:is(textarea:focus-visible)) {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .iris\:has-\[textarea\:focus-visible\]\:ring-2:has(:is(textarea:focus-visible)) {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .iris\:has-\[textarea\:focus-visible\]\:ring-\(--sem-color-border-interactive-inverse-selected\):has(:is(textarea:focus-visible)) {
        --tw-ring-color: var(--sem-color-border-interactive-inverse-selected)
    }

    .iris\:has-\[textarea\:focus-visible\]\:ring-\(--sem-color-border-interactive-selected\):has(:is(textarea:focus-visible)) {
        --tw-ring-color: var(--sem-color-border-interactive-selected)
    }

    .iris\:has-\[textarea\:focus-visible\]\:ring-offset-0:has(:is(textarea:focus-visible)) {
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
    }

    .iris\:has-\[textarea\:focus-visible\]\:ring-offset-2:has(:is(textarea:focus-visible)) {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
    }

    .iris\:has-\[textarea\:focus-visible\]\:ring-offset-\(--sem-color-background-neutral-inverse-primary\):has(:is(textarea:focus-visible)) {
        --tw-ring-offset-color: var(--sem-color-background-neutral-inverse-primary)
    }

    .iris\:aria-disabled\:cursor-not-allowed[aria-disabled=true] {
        cursor: not-allowed
    }

    .iris\:aria-disabled\:opacity-\(--sem-opacity-interactive-disabled\)[aria-disabled=true] {
        opacity: var(--sem-opacity-interactive-disabled)
    }

    .iris\:data-placeholder\:text-\(--comp-color-content-input-label-rest\)[data-placeholder] {
        color: var(--comp-color-content-input-label-rest)
    }

    .iris\:data-placeholder\:text-\(--comp-color-content-input-placeholder-error\)[data-placeholder] {
        color: var(--comp-color-content-input-placeholder-error)
    }

    .iris\:data-placeholder\:text-\(--comp-color-content-input-placeholder-inverse-error\)[data-placeholder] {
        color: var(--comp-color-content-input-placeholder-inverse-error)
    }

    .iris\:data-placeholder\:text-\(--comp-color-content-input-placeholder-inverse-rest\)[data-placeholder] {
        color: var(--comp-color-content-input-placeholder-inverse-rest)
    }

    .iris\:data-placeholder\:text-\(--comp-color-content-input-placeholder-rest\)[data-placeholder] {
        color: var(--comp-color-content-input-placeholder-rest)
    }

    .iris\:data-\[color\=brand\]\:bg-\(--comp-color-content-meter-bar-bar-active-brand\)[data-color=brand] {
        background-color: var(--comp-color-content-meter-bar-bar-active-brand)
    }

    .iris\:data-\[color\=brand\]\:bg-\(--comp-color-content-meter-bar-bar-active-brand-inverse\)[data-color=brand] {
        background-color: var(--comp-color-content-meter-bar-bar-active-brand-inverse)
    }

    .iris\:data-\[color\=high\]\:bg-\(--comp-color-content-meter-bar-bar-active-high\)[data-color=high] {
        background-color: var(--comp-color-content-meter-bar-bar-active-high)
    }

    .iris\:data-\[color\=high\]\:bg-\(--comp-color-content-meter-bar-bar-active-high-inverse\)[data-color=high] {
        background-color: var(--comp-color-content-meter-bar-bar-active-high-inverse)
    }

    .iris\:data-\[color\=inactive\]\:bg-\(--comp-color-content-meter-bar-bar-inactive\)[data-color=inactive] {
        background-color: var(--comp-color-content-meter-bar-bar-inactive)
    }

    .iris\:data-\[color\=inactive\]\:bg-\(--comp-color-content-meter-bar-bar-inactive-inverse\)[data-color=inactive] {
        background-color: var(--comp-color-content-meter-bar-bar-inactive-inverse)
    }

    .iris\:data-\[color\=low\]\:bg-\(--comp-color-content-meter-bar-bar-active-low\)[data-color=low] {
        background-color: var(--comp-color-content-meter-bar-bar-active-low)
    }

    .iris\:data-\[color\=low\]\:bg-\(--comp-color-content-meter-bar-bar-active-low-inverse\)[data-color=low] {
        background-color: var(--comp-color-content-meter-bar-bar-active-low-inverse)
    }

    .iris\:data-\[color\=medium\]\:bg-\(--comp-color-content-meter-bar-bar-active-medium\)[data-color=medium] {
        background-color: var(--comp-color-content-meter-bar-bar-active-medium)
    }

    .iris\:data-\[color\=medium\]\:bg-\(--comp-color-content-meter-bar-bar-active-medium-inverse\)[data-color=medium] {
        background-color: var(--comp-color-content-meter-bar-bar-active-medium-inverse)
    }

    .iris\:data-\[disabled\=true\]\:pointer-events-none[data-disabled=true] {
        pointer-events: none
    }

    .iris\:data-\[disabled\=true\]\:border-\(--comp-color-border-toggle-switch-track-disabled\)[data-disabled=true] {
        border-color: var(--comp-color-border-toggle-switch-track-disabled)
    }

    .iris\:data-\[disabled\=true\]\:border-\(--comp-color-border-toggle-switch-track-inverse-disabled\)[data-disabled=true] {
        border-color: var(--comp-color-border-toggle-switch-track-inverse-disabled)
    }

    .iris\:data-\[disabled\=true\]\:bg-\(--comp-color-background-toggle-switch-handle-disabled\)[data-disabled=true] {
        background-color: var(--comp-color-background-toggle-switch-handle-disabled)
    }

    .iris\:data-\[disabled\=true\]\:bg-\(--comp-color-background-toggle-switch-track-disabled\)[data-disabled=true] {
        background-color: var(--comp-color-background-toggle-switch-track-disabled)
    }

    .iris\:data-\[disabled\=true\]\:bg-\(--comp-color-background-toggle-switch-track-inverse-disabled\)[data-disabled=true] {
        background-color: var(--comp-color-background-toggle-switch-track-inverse-disabled)
    }

    .iris\:data-\[disabled\=true\]\:text-\(--comp-color-content-toggle-switch-label-default\)[data-disabled=true] {
        color: var(--comp-color-content-toggle-switch-label-default)
    }

    .iris\:data-\[disabled\=true\]\:text-\(--comp-color-content-toggle-switch-label-inverse\)[data-disabled=true] {
        color: var(--comp-color-content-toggle-switch-label-inverse)
    }

    .iris\:data-\[disabled\=true\]\:opacity-\(--sem-opacity-interactive-disabled\)[data-disabled=true] {
        opacity: var(--sem-opacity-interactive-disabled)
    }

    .iris\:data-\[focused\=true\]\:rounded-xs[data-focused=true] {
        border-radius: var(--iris-radius-xs)
    }

    .iris\:data-\[focused\=true\]\:border-\(--comp-color-border-input-active\)[data-focused=true] {
        border-color: var(--comp-color-border-input-active)
    }

    .iris\:data-\[focused\=true\]\:border-\(--comp-color-border-input-inverse-active\)[data-focused=true] {
        border-color: var(--comp-color-border-input-inverse-active)
    }

    .iris\:data-\[focused\=true\]\:bg-\(--comp-color-background-input-active\)[data-focused=true] {
        background-color: var(--comp-color-background-input-active)
    }

    .iris\:data-\[focused\=true\]\:bg-\(--comp-color-background-input-inverse-active\)[data-focused=true] {
        background-color: var(--comp-color-background-input-inverse-active)
    }

    .iris\:data-\[focused\=true\]\:text-\(--comp-color-content-input-label-active\)[data-focused=true] {
        color: var(--comp-color-content-input-label-active)
    }

    .iris\:data-\[focused\=true\]\:text-\(--comp-color-content-input-value-active\)[data-focused=true] {
        color: var(--comp-color-content-input-value-active)
    }

    .iris\:data-\[focused\=true\]\:text-\(--comp-color-content-input-value-inverse-active\)[data-focused=true] {
        color: var(--comp-color-content-input-value-inverse-active)
    }

    .iris\:data-\[focused\=true\]\:ring-2[data-focused=true] {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .iris\:data-\[focused\=true\]\:ring-\(--sem-color-border-interactive-inverse-selected\)[data-focused=true] {
        --tw-ring-color: var(--sem-color-border-interactive-inverse-selected)
    }

    .iris\:data-\[focused\=true\]\:ring-\(--sem-color-border-interactive-selected\)[data-focused=true] {
        --tw-ring-color: var(--sem-color-border-interactive-selected)
    }

    .iris\:data-\[focused\=true\]\:ring-offset-2[data-focused=true] {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
    }

    .iris\:data-\[focused\=true\]\:ring-offset-\(--sem-color-background-neutral-inverse-primary\)[data-focused=true] {
        --tw-ring-offset-color: var(--sem-color-background-neutral-inverse-primary)
    }

    .iris\:data-\[focused\=true\]\:transition-\[ring_var\(--comp-motion-duration-focus-ring\)_var\(--comp-motion-easing-focus-ring\)\][data-focused=true] {
        transition-property: ring var(--comp-motion-duration-focus-ring)var(--comp-motion-easing-focus-ring);
        transition-timing-function: var(--tw-ease, var(--iris-default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--iris-default-transition-duration))
    }

    .iris\:data-\[focused\=true\]\:outline-none[data-focused=true] {
        --tw-outline-style: none;
        outline-style: none
    }

    .iris\:data-\[hasvalue\=false\]\:top-1\/2[data-hasvalue=false] {
        top: 50%
    }

    .iris\:data-\[hasvalue\=false\]\:-translate-y-1\/2[data-hasvalue=false] {
        --tw-translate-y: calc(calc(1/2*100%)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .iris\:data-\[hasvalue\=false\]\:pt-\(--comp-space-padding-text-input-vertical\)[data-hasvalue=false] {
        padding-top: var(--comp-space-padding-text-input-vertical)
    }

    .iris\:data-\[hasvalue\=false\]\:pb-\(--comp-space-padding-text-input-vertical\)[data-hasvalue=false] {
        padding-bottom: var(--comp-space-padding-text-input-vertical)
    }

    .iris\:data-\[hasvalue\=false\]\:text-\(length\:--comp-type-size-input-value\)[data-hasvalue=false] {
        font-size: var(--comp-type-size-input-value)
    }

    .iris\:data-\[position\=left\]\:pr-\(--base-space-px-2\)[data-position=left] {
        padding-right: var(--base-space-px-2)
    }

    .iris\:data-\[position\=right\]\:pl-\(--base-space-px-2\)[data-position=right] {
        padding-left: var(--base-space-px-2)
    }

    .iris\:data-\[state\=active\]\:cursor-default[data-state=active] {
        cursor: default
    }

    .iris\:data-\[state\=active\]\:border[data-state=active] {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .iris\:data-\[state\=active\]\:border-\(length\:--comp-size-border-tabs-pill-selected\)[data-state=active] {
        border-style: var(--tw-border-style);
        border-width: var(--comp-size-border-tabs-pill-selected)
    }

    .iris\:data-\[state\=active\]\:border-b-\(length\:--comp-size-border-tabs-text-tab-selected\)[data-state=active] {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: var(--comp-size-border-tabs-text-tab-selected)
    }

    .iris\:data-\[state\=active\]\:border-\(--comp-color-border-tabs-pill-tab-inverse-selected\)[data-state=active] {
        border-color: var(--comp-color-border-tabs-pill-tab-inverse-selected)
    }

    .iris\:data-\[state\=active\]\:border-\(--comp-color-border-tabs-pill-tab-selected\)[data-state=active] {
        border-color: var(--comp-color-border-tabs-pill-tab-selected)
    }

    .iris\:data-\[state\=active\]\:border-\(--comp-color-border-tabs-text-tab-inverse-selected\)[data-state=active] {
        border-color: var(--comp-color-border-tabs-text-tab-inverse-selected)
    }

    .iris\:data-\[state\=active\]\:border-\(--comp-color-border-tabs-text-tab-selected\)[data-state=active] {
        border-color: var(--comp-color-border-tabs-text-tab-selected)
    }

    .iris\:data-\[state\=active\]\:bg-\(--comp-color-background-tabs-pill-tab-inverse-rest\)[data-state=active] {
        background-color: var(--comp-color-background-tabs-pill-tab-inverse-rest)
    }

    .iris\:data-\[state\=active\]\:bg-\(--comp-color-background-tabs-pill-tab-selected\)[data-state=active] {
        background-color: var(--comp-color-background-tabs-pill-tab-selected)
    }

    .iris\:data-\[state\=active\]\:font-\(family-name\:--comp-type-font-tabs-pill-label\)[data-state=active] {
        font-family: var(--comp-type-font-tabs-pill-label)
    }

    .iris\:data-\[state\=active\]\:font-\(--comp-type-weight-tabs-pill-label-selected\)\![data-state=active] {
        --tw-font-weight: var(--comp-type-weight-tabs-pill-label-selected) !important;
        font-weight: var(--comp-type-weight-tabs-pill-label-selected) !important
    }

    .iris\:data-\[state\=active\]\:font-\(--comp-type-weight-tabs-text-label-selected\)\![data-state=active] {
        --tw-font-weight: var(--comp-type-weight-tabs-text-label-selected) !important;
        font-weight: var(--comp-type-weight-tabs-text-label-selected) !important
    }

    .iris\:data-\[state\=active\]\:text-\(--comp-color-content-tabs-pill-label-inverse-selected\)[data-state=active] {
        color: var(--comp-color-content-tabs-pill-label-inverse-selected)
    }

    .iris\:data-\[state\=active\]\:text-\(--comp-color-content-tabs-pill-label-selected\)[data-state=active] {
        color: var(--comp-color-content-tabs-pill-label-selected)
    }

    .iris\:data-\[state\=active\]\:text-\(--comp-color-content-tabs-text-label-inverse-selected\)[data-state=active] {
        color: var(--comp-color-content-tabs-text-label-inverse-selected)
    }

    .iris\:data-\[state\=active\]\:text-\(--comp-color-content-tabs-text-label-selected\)[data-state=active] {
        color: var(--comp-color-content-tabs-text-label-selected)
    }

    .iris\:data-\[state\=checked\]\:translate-x-\[calc\(var\(--comp-size-box-toggle-switch-track-width\)-var\(--comp-size-box-toggle-switch-handle\)-\(2\*var\(--comp-space-padding-toggle-switch\)\)-\(2\*var\(--comp-size-border-toggle-switch\)\)\)\][data-state=checked] {
        --tw-translate-x: calc(var(--comp-size-box-toggle-switch-track-width) - var(--comp-size-box-toggle-switch-handle) - (2*var(--comp-space-padding-toggle-switch)) - (2*var(--comp-size-border-toggle-switch)));
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .iris\:data-\[state\=checked\]\:border-\(--comp-color-border-check-radio-control-inverse-selected\)[data-state=checked] {
        border-color: var(--comp-color-border-check-radio-control-inverse-selected)
    }

    .iris\:data-\[state\=checked\]\:border-\(--comp-color-border-check-radio-control-selected\)[data-state=checked] {
        border-color: var(--comp-color-border-check-radio-control-selected)
    }

    .iris\:data-\[state\=checked\]\:border-\(--comp-color-border-selectable-container-default-selected\)[data-state=checked] {
        border-color: var(--comp-color-border-selectable-container-default-selected)
    }

    .iris\:data-\[state\=checked\]\:border-\(--comp-color-border-selectable-container-inverse-selected\)[data-state=checked] {
        border-color: var(--comp-color-border-selectable-container-inverse-selected)
    }

    .iris\:data-\[state\=checked\]\:border-\[transparent\][data-state=checked] {
        border-color: #0000
    }

    .iris\:data-\[state\=checked\]\:bg-\(--comp-color-background-check-radio-control-inverse-rest\)[data-state=checked] {
        background-color: var(--comp-color-background-check-radio-control-inverse-rest)
    }

    .iris\:data-\[state\=checked\]\:bg-\(--comp-color-background-check-radio-control-inverse-selected\)[data-state=checked] {
        background-color: var(--comp-color-background-check-radio-control-inverse-selected)
    }

    .iris\:data-\[state\=checked\]\:bg-\(--comp-color-background-check-radio-control-rest\)[data-state=checked] {
        background-color: var(--comp-color-background-check-radio-control-rest)
    }

    .iris\:data-\[state\=checked\]\:bg-\(--comp-color-background-check-radio-control-selected\)[data-state=checked] {
        background-color: var(--comp-color-background-check-radio-control-selected)
    }

    .iris\:data-\[state\=checked\]\:bg-\(--comp-color-background-selectable-container-default-selected\)[data-state=checked] {
        background-color: var(--comp-color-background-selectable-container-default-selected)
    }

    .iris\:data-\[state\=checked\]\:bg-\(--comp-color-background-selectable-container-inverse-selected\)[data-state=checked] {
        background-color: var(--comp-color-background-selectable-container-inverse-selected)
    }

    .iris\:data-\[state\=checked\]\:bg-\(--comp-color-background-toggle-switch-handle-selected-inverse-rest\)[data-state=checked] {
        background-color: var(--comp-color-background-toggle-switch-handle-selected-inverse-rest)
    }

    .iris\:data-\[state\=checked\]\:bg-\(--comp-color-background-toggle-switch-handle-selected-rest\)[data-state=checked] {
        background-color: var(--comp-color-background-toggle-switch-handle-selected-rest)
    }

    .iris\:data-\[state\=checked\]\:bg-\(--comp-color-background-toggle-switch-track-selected-inverse-rest\)[data-state=checked] {
        background-color: var(--comp-color-background-toggle-switch-track-selected-inverse-rest)
    }

    .iris\:data-\[state\=checked\]\:bg-\(--comp-color-background-toggle-switch-track-selected-rest\)[data-state=checked] {
        background-color: var(--comp-color-background-toggle-switch-track-selected-rest)
    }

    @media (hover:hover) {
        .iris\:data-\[state\=checked\]\:group-hover\:bg-\(--comp-color-background-toggle-switch-handle-selected-hover\)[data-state=checked]:is(:where(.iris\:group):hover *) {
            background-color: var(--comp-color-background-toggle-switch-handle-selected-hover)
        }

        .iris\:data-\[state\=checked\]\:group-hover\:bg-\(--comp-color-background-toggle-switch-handle-selected-inverse-hover\)[data-state=checked]:is(:where(.iris\:group):hover *) {
            background-color: var(--comp-color-background-toggle-switch-handle-selected-inverse-hover)
        }

        .iris\:data-\[state\=checked\]\:group-hover\:bg-\(--comp-color-background-toggle-switch-track-selected-inverse-hover\)[data-state=checked]:is(:where(.iris\:group):hover *) {
            background-color: var(--comp-color-background-toggle-switch-track-selected-inverse-hover)
        }
    }

    .iris\:data-\[state\=checked\]\:group-focus\:bg-\(--comp-color-background-toggle-switch-handle-selected-inverse-pressed\)[data-state=checked]:is(:where(.iris\:group):focus *) {
        background-color: var(--comp-color-background-toggle-switch-handle-selected-inverse-pressed)
    }

    .iris\:data-\[state\=checked\]\:group-focus\:bg-\(--comp-color-background-toggle-switch-handle-selected-pressed\)[data-state=checked]:is(:where(.iris\:group):focus *) {
        background-color: var(--comp-color-background-toggle-switch-handle-selected-pressed)
    }

    .iris\:data-\[state\=checked\]\:group-focus-visible\:bg-\(--comp-color-background-toggle-switch-handle-selected-inverse-pressed\)[data-state=checked]:is(:where(.iris\:group):focus-visible *) {
        background-color: var(--comp-color-background-toggle-switch-handle-selected-inverse-pressed)
    }

    .iris\:data-\[state\=checked\]\:group-focus-visible\:bg-\(--comp-color-background-toggle-switch-handle-selected-pressed\)[data-state=checked]:is(:where(.iris\:group):focus-visible *) {
        background-color: var(--comp-color-background-toggle-switch-handle-selected-pressed)
    }

    .iris\:data-\[state\=checked\]\:group-active\:border-\[transparent\][data-state=checked]:is(:where(.iris\:group):active *) {
        border-color: #0000
    }

    .iris\:data-\[state\=checked\]\:group-active\:bg-\(--comp-color-background-toggle-switch-handle-selected-inverse-pressed\)[data-state=checked]:is(:where(.iris\:group):active *) {
        background-color: var(--comp-color-background-toggle-switch-handle-selected-inverse-pressed)
    }

    .iris\:data-\[state\=checked\]\:group-active\:bg-\(--comp-color-background-toggle-switch-handle-selected-pressed\)[data-state=checked]:is(:where(.iris\:group):active *) {
        background-color: var(--comp-color-background-toggle-switch-handle-selected-pressed)
    }

    .iris\:data-\[state\=checked\]\:group-active\:bg-\(--comp-color-background-toggle-switch-track-selected-inverse-pressed\)[data-state=checked]:is(:where(.iris\:group):active *) {
        background-color: var(--comp-color-background-toggle-switch-track-selected-inverse-pressed)
    }

    @media (hover:hover) {
        .iris\:data-\[state\=checked\]\:hover\:bg-\(--comp-color-background-toggle-switch-track-selected-hover\)[data-state=checked]:hover {
            background-color: var(--comp-color-background-toggle-switch-track-selected-hover)
        }
    }

    .iris\:data-\[state\=checked\]\:active\:bg-\(--comp-color-background-toggle-switch-track-selected-pressed\)[data-state=checked]:active {
        background-color: var(--comp-color-background-toggle-switch-track-selected-pressed)
    }

    .iris\:data-\[disabled\=true\]\:data-\[state\=checked\]\:bg-\(--comp-color-background-toggle-switch-handle-selected-disabled\)[data-disabled=true][data-state=checked] {
        background-color: var(--comp-color-background-toggle-switch-handle-selected-disabled)
    }

    .iris\:data-\[disabled\=true\]\:data-\[state\=checked\]\:bg-\(--comp-color-background-toggle-switch-handle-selected-inverse-disabled\)[data-disabled=true][data-state=checked] {
        background-color: var(--comp-color-background-toggle-switch-handle-selected-inverse-disabled)
    }

    .iris\:data-\[state\=checked\]\:data-\[disabled\=true\]\:bg-\(--comp-color-background-toggle-switch-track-selected-disabled\)[data-state=checked][data-disabled=true] {
        background-color: var(--comp-color-background-toggle-switch-track-selected-disabled)
    }

    .iris\:data-\[state\=checked\]\:data-\[disabled\=true\]\:bg-\(--comp-color-background-toggle-switch-track-selected-inverse-disabled\)[data-state=checked][data-disabled=true] {
        background-color: var(--comp-color-background-toggle-switch-track-selected-inverse-disabled)
    }

    .iris\:data-\[state\=closed\]\:\[animation\:accordionSlideUp_var\(--comp-motion-duration-accordion-collapse\)_var\(--comp-motion-easing-accordion\)_forwards\][data-state=closed] {
        animation: accordionSlideUp var(--comp-motion-duration-accordion-collapse)var(--comp-motion-easing-accordion)forwards
    }

    .iris\:data-\[state\=closed\]\:\[animation\:fadeOut_var\(--comp-motion-duration-alert\)_var\(--comp-motion-easing-alert\)_forwards\][data-state=closed] {
        animation: fadeOut var(--comp-motion-duration-alert)var(--comp-motion-easing-alert)forwards
    }

    .iris\:data-\[state\=closed\]\:\[animation\:popoverBottomOut_var\(--comp-motion-duration-popover-exit\)_var\(--comp-motion-easing-popover-exit\)_forwards\][data-state=closed] {
        animation: popoverBottomOut var(--comp-motion-duration-popover-exit)var(--comp-motion-easing-popover-exit)forwards
    }

    .iris\:data-\[state\=closed\]\:\[animation\:tooltipOut_var\(--comp-motion-duration-tooltip\)_var\(--comp-motion-easing-tooltip\)_forwards\][data-state=closed] {
        animation: tooltipOut var(--comp-motion-duration-tooltip)var(--comp-motion-easing-tooltip)forwards
    }

    .iris\:data-\[state\=closed\]\:animate-\[bottomSheetOut_var\(--comp-motion-duration-bottom-sheet-exit\)_var\(--comp-motion-easing-bottom-sheet-exit\)_forwards\][data-state=closed] {
        animation: bottomSheetOut var(--comp-motion-duration-bottom-sheet-exit)var(--comp-motion-easing-bottom-sheet-exit)forwards
    }

    .iris\:data-\[state\=closed\]\:animate-\[bottomToastOut_var\(--comp-motion-duration-toast-exit\)_var\(--comp-motion-easing-toast-exit\)_forwards\][data-state=closed] {
        animation: bottomToastOut var(--comp-motion-duration-toast-exit)var(--comp-motion-easing-toast-exit)forwards
    }

    .iris\:data-\[state\=closed\]\:animate-\[fadeOut_var\(--comp-motion-duration-bottom-sheet-exit\)_var\(--comp-motion-easing-bottom-sheet-exit\)_forwards\][data-state=closed] {
        animation: fadeOut var(--comp-motion-duration-bottom-sheet-exit)var(--comp-motion-easing-bottom-sheet-exit)forwards
    }

    .iris\:data-\[state\=closed\]\:animate-\[topToastOut_var\(--comp-motion-duration-toast-exit\)_var\(--comp-motion-easing-toast-exit\)_forwards\][data-state=closed] {
        animation: topToastOut var(--comp-motion-duration-toast-exit)var(--comp-motion-easing-toast-exit)forwards
    }

    .iris\:data-\[side\=top\]\:data-\[state\=closed\]\:\[animation\:popoverTopOut_var\(--comp-motion-duration-popover-exit\)_var\(--comp-motion-easing-popover-exit\)_forwards\][data-side=top][data-state=closed] {
        animation: popoverTopOut var(--comp-motion-duration-popover-exit)var(--comp-motion-easing-popover-exit)forwards
    }

    .iris\:data-\[state\=current\]\:border[data-state=current] {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .iris\:data-\[state\=current\]\:border-solid[data-state=current] {
        --tw-border-style: solid;
        border-style: solid
    }

    .iris\:data-\[state\=current\]\:border-\(--comp-color-border-calendar-current-day\)[data-state=current] {
        border-color: var(--comp-color-border-calendar-current-day)
    }

    .iris\:data-\[state\=current\]\:border-\(--comp-color-border-calendar-current-day-inverse\)[data-state=current] {
        border-color: var(--comp-color-border-calendar-current-day-inverse)
    }

    .iris\:data-\[state\=current\]\:bg-\(--comp-color-background-calendar-current-day-inverse-rest\)[data-state=current] {
        background-color: var(--comp-color-background-calendar-current-day-inverse-rest)
    }

    .iris\:data-\[state\=current\]\:bg-\(--comp-color-background-calendar-current-day-rest\)[data-state=current] {
        background-color: var(--comp-color-background-calendar-current-day-rest)
    }

    @media (hover:hover) {
        .iris\:data-\[state\=current\]\:hover\:bg-\(--comp-color-background-calendar-current-day-hover\)[data-state=current]:hover {
            background-color: var(--comp-color-background-calendar-current-day-hover)
        }

        .iris\:data-\[state\=current\]\:hover\:bg-\(--comp-color-background-calendar-current-day-inverse-hover\)[data-state=current]:hover {
            background-color: var(--comp-color-background-calendar-current-day-inverse-hover)
        }
    }

    .iris\:data-\[state\=current\]\:active\:bg-\(--comp-color-background-calendar-current-day-inverse-pressed\)[data-state=current]:active {
        background-color: var(--comp-color-background-calendar-current-day-inverse-pressed)
    }

    .iris\:data-\[state\=current\]\:active\:bg-\(--comp-color-background-calendar-current-day-pressed\)[data-state=current]:active {
        background-color: var(--comp-color-background-calendar-current-day-pressed)
    }

    .iris\:data-\[state\=current-selected\]\:border[data-state=current-selected] {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .iris\:data-\[state\=current-selected\]\:border-solid[data-state=current-selected] {
        --tw-border-style: solid;
        border-style: solid
    }

    .iris\:data-\[state\=current-selected\]\:border-\(--comp-color-border-calendar-current-day\)[data-state=current-selected] {
        border-color: var(--comp-color-border-calendar-current-day)
    }

    .iris\:data-\[state\=current-selected\]\:border-\(--comp-color-border-calendar-current-day-inverse\)[data-state=current-selected] {
        border-color: var(--comp-color-border-calendar-current-day-inverse)
    }

    .iris\:data-\[state\=current-selected\]\:bg-\(--comp-color-background-calendar-current-day-inverse-selected\)[data-state=current-selected] {
        background-color: var(--comp-color-background-calendar-current-day-inverse-selected)
    }

    .iris\:data-\[state\=current-selected\]\:bg-\(--comp-color-background-calendar-current-day-selected\)[data-state=current-selected] {
        background-color: var(--comp-color-background-calendar-current-day-selected)
    }

    .iris\:data-\[state\=current-selected\]\:leading-\(--base-typography-leading-normal\)[data-state=current-selected] {
        --tw-leading: var(--base-typography-leading-normal);
        line-height: var(--base-typography-leading-normal)
    }

    .iris\:data-\[state\=current-selected\]\:text-\(--comp-color-content-calendar-day-inverse-selected\)[data-state=current-selected] {
        color: var(--comp-color-content-calendar-day-inverse-selected)
    }

    .iris\:data-\[state\=current-selected\]\:text-\(--comp-color-content-calendar-day-selected\)[data-state=current-selected] {
        color: var(--comp-color-content-calendar-day-selected)
    }

    @media (hover:hover) {
        .iris\:data-\[state\=current-selected\]\:hover\:bg-\(--comp-color-background-calendar-current-day-inverse-selected\)[data-state=current-selected]:hover {
            background-color: var(--comp-color-background-calendar-current-day-inverse-selected)
        }

        .iris\:data-\[state\=current-selected\]\:hover\:bg-\(--comp-color-background-calendar-current-day-selected\)[data-state=current-selected]:hover {
            background-color: var(--comp-color-background-calendar-current-day-selected)
        }
    }

    .iris\:data-\[state\=current-selected\]\:active\:bg-\(--comp-color-background-calendar-current-day-inverse-selected\)[data-state=current-selected]:active {
        background-color: var(--comp-color-background-calendar-current-day-inverse-selected)
    }

    .iris\:data-\[state\=current-selected\]\:active\:bg-\(--comp-color-background-calendar-current-day-selected\)[data-state=current-selected]:active {
        background-color: var(--comp-color-background-calendar-current-day-selected)
    }

    .iris\:data-\[state\=default\]\:text-\(--comp-color-content-listbox-label\)[data-state=default] {
        color: var(--comp-color-content-listbox-label)
    }

    .iris\:data-\[state\=disabled\]\:cursor-not-allowed[data-state=disabled] {
        cursor: not-allowed
    }

    .iris\:data-\[state\=disabled\]\:opacity-\(--sem-opacity-interactive-disabled\)[data-state=disabled] {
        opacity: var(--sem-opacity-interactive-disabled)
    }

    @media (hover:hover) {
        .iris\:data-\[state\=disabled\]\:hover\:bg-\(--comp-color-background-popover-default\)[data-state=disabled]:hover {
            background-color: var(--comp-color-background-popover-default)
        }
    }

    .iris\:data-\[state\=disabled\]\:active\:bg-\(--comp-color-background-popover-default\)[data-state=disabled]:active {
        background-color: var(--comp-color-background-popover-default)
    }

    .iris\:data-\[state\=error\]\:border-\(--comp-color-border-input-error\)[data-state=error] {
        border-color: var(--comp-color-border-input-error)
    }

    .iris\:data-\[state\=error\]\:border-\(--comp-color-border-input-inverse-error\)[data-state=error] {
        border-color: var(--comp-color-border-input-inverse-error)
    }

    .iris\:data-\[state\=error\]\:text-\(--comp-color-content-input-helper-error\)[data-state=error] {
        color: var(--comp-color-content-input-helper-error)
    }

    .iris\:data-\[state\=error\]\:text-\(--comp-color-content-input-helper-inverse-error\)[data-state=error] {
        color: var(--comp-color-content-input-helper-inverse-error)
    }

    .iris\:data-\[state\=error\]\:text-\(--comp-color-content-input-value-error\)[data-state=error] {
        color: var(--comp-color-content-input-value-error)
    }

    .iris\:data-\[state\=error\]\:text-\(--comp-color-content-input-value-inverse-error\)[data-state=error] {
        color: var(--comp-color-content-input-value-inverse-error)
    }

    @media (hover:hover) {
        .iris\:data-\[state\=error\]\:hover\:border-\(--comp-color-border-input-error\)[data-state=error]:hover {
            border-color: var(--comp-color-border-input-error)
        }

        .iris\:data-\[state\=error\]\:hover\:border-\(--comp-color-border-input-inverse-error\)[data-state=error]:hover {
            border-color: var(--comp-color-border-input-inverse-error)
        }

        .iris\:data-\[state\=error\]\:hover\:text-\(--comp-color-content-input-helper-error\)[data-state=error]:hover {
            color: var(--comp-color-content-input-helper-error)
        }

        .iris\:data-\[state\=error\]\:hover\:text-\(--comp-color-content-input-helper-inverse-error\)[data-state=error]:hover {
            color: var(--comp-color-content-input-helper-inverse-error)
        }
    }

    .iris\:data-\[state\=error\]\:focus-visible\:border-\(--comp-color-border-input-error\)[data-state=error]:focus-visible {
        border-color: var(--comp-color-border-input-error)
    }

    .iris\:data-\[state\=error\]\:focus-visible\:border-\(--comp-color-border-input-inverse-error\)[data-state=error]:focus-visible {
        border-color: var(--comp-color-border-input-inverse-error)
    }

    .iris\:data-\[state\=error\]\:focus-visible\:text-\(--comp-color-content-input-helper-error\)[data-state=error]:focus-visible {
        color: var(--comp-color-content-input-helper-error)
    }

    .iris\:data-\[state\=error\]\:focus-visible\:text-\(--comp-color-content-input-helper-inverse-error\)[data-state=error]:focus-visible {
        color: var(--comp-color-content-input-helper-inverse-error)
    }

    .iris\:data-\[state\=error\]\:active\:border-\(--comp-color-border-input-error\)[data-state=error]:active {
        border-color: var(--comp-color-border-input-error)
    }

    .iris\:data-\[state\=error\]\:active\:border-\(--comp-color-border-input-inverse-error\)[data-state=error]:active {
        border-color: var(--comp-color-border-input-inverse-error)
    }

    .iris\:data-\[state\=error\]\:data-placeholder\:text-\(--comp-color-content-input-placeholder-error\)[data-state=error][data-placeholder] {
        color: var(--comp-color-content-input-placeholder-error)
    }

    .iris\:data-\[state\=error\]\:data-placeholder\:text-\(--comp-color-content-input-placeholder-inverse-error\)[data-state=error][data-placeholder] {
        color: var(--comp-color-content-input-placeholder-inverse-error)
    }

    .iris\:data-\[state\=has-value\]\:text-\(--comp-color-content-input-value-inverse-active\)[data-state=has-value] {
        color: var(--comp-color-content-input-value-inverse-active)
    }

    .iris\:data-\[state\=hide\]\:animate-\[fadeIn_var\(--comp-motion-duration-toast-exit\)_var\(--comp-motion-easing-toast-exit\,ease-out\)_forwards\][data-state=hide] {
        animation: fadeIn var(--comp-motion-duration-toast-exit)var(--comp-motion-easing-toast-exit, ease-out)forwards
    }

    @media (hover:hover) {
        .iris\:data-\[state\=off\]\:hover\:text-\(--comp-color-content-toggle-button-icon-default-hover\)[data-state=off]:hover {
            color: var(--comp-color-content-toggle-button-icon-default-hover)
        }

        .iris\:data-\[state\=off\]\:hover\:text-\(--comp-color-content-toggle-button-icon-inverse-hover\)[data-state=off]:hover {
            color: var(--comp-color-content-toggle-button-icon-inverse-hover)
        }

        .iris\:data-\[state\=off\]\:hover\:text-\(--comp-color-content-toggle-button-label-default-hover\)[data-state=off]:hover {
            color: var(--comp-color-content-toggle-button-label-default-hover)
        }

        .iris\:data-\[state\=off\]\:hover\:text-\(--comp-color-content-toggle-button-label-inverse-hover\)[data-state=off]:hover {
            color: var(--comp-color-content-toggle-button-label-inverse-hover)
        }
    }

    .iris\:data-\[state\=off\]\:active\:text-\(--comp-color-content-toggle-button-icon-default-pressed\)[data-state=off]:active {
        color: var(--comp-color-content-toggle-button-icon-default-pressed)
    }

    .iris\:data-\[state\=off\]\:active\:text-\(--comp-color-content-toggle-button-icon-inverse-pressed\)[data-state=off]:active {
        color: var(--comp-color-content-toggle-button-icon-inverse-pressed)
    }

    .iris\:data-\[state\=off\]\:active\:text-\(--comp-color-content-toggle-button-label-default-pressed\)[data-state=off]:active {
        color: var(--comp-color-content-toggle-button-label-default-pressed)
    }

    .iris\:data-\[state\=off\]\:active\:text-\(--comp-color-content-toggle-button-label-inverse-pressed\)[data-state=off]:active {
        color: var(--comp-color-content-toggle-button-label-inverse-pressed)
    }

    .iris\:data-\[state\=on\]\:cursor-default[data-state=on] {
        cursor: default
    }

    .iris\:data-\[state\=on\]\:border-\(length\:--comp-size-border-toggle-button\)[data-state=on] {
        border-style: var(--tw-border-style);
        border-width: var(--comp-size-border-toggle-button)
    }

    .iris\:data-\[state\=on\]\:border-\(--comp-color-border-toggle-button-default-selected\)[data-state=on] {
        border-color: var(--comp-color-border-toggle-button-default-selected)
    }

    .iris\:data-\[state\=on\]\:border-\(--comp-color-border-toggle-button-inverse-selected\)[data-state=on] {
        border-color: var(--comp-color-border-toggle-button-inverse-selected)
    }

    .iris\:data-\[state\=on\]\:bg-\(--comp-color-background-toggle-button-default-selected\)[data-state=on] {
        background-color: var(--comp-color-background-toggle-button-default-selected)
    }

    .iris\:data-\[state\=on\]\:bg-\(--comp-color-background-toggle-button-inverse-selected\)[data-state=on] {
        background-color: var(--comp-color-background-toggle-button-inverse-selected)
    }

    .iris\:data-\[state\=open\]\:\[animation\:accordionSlideDown_var\(--comp-motion-duration-accordion-expand\)_var\(--comp-motion-easing-accordion\)_forwards\][data-state=open] {
        animation: accordionSlideDown var(--comp-motion-duration-accordion-expand)var(--comp-motion-easing-accordion)forwards
    }

    .iris\:data-\[state\=open\]\:\[animation\:fadeIn_var\(--comp-motion-duration-alert\)_var\(--comp-motion-easing-alert\)_forwards\][data-state=open] {
        animation: fadeIn var(--comp-motion-duration-alert)var(--comp-motion-easing-alert)forwards
    }

    .iris\:data-\[state\=open\]\:\[animation\:popoverBottomIn_var\(--comp-motion-duration-popover-entry\)_var\(--comp-motion-easing-popover-entry\)_forwards\][data-state=open] {
        animation: popoverBottomIn var(--comp-motion-duration-popover-entry)var(--comp-motion-easing-popover-entry)forwards
    }

    .iris\:data-\[state\=open\]\:\[animation\:tooltipIn_var\(--comp-motion-duration-tooltip\)_var\(--comp-motion-easing-tooltip\)_forwards\][data-state=open] {
        animation: tooltipIn var(--comp-motion-duration-tooltip)var(--comp-motion-easing-tooltip)forwards
    }

    .iris\:data-\[state\=open\]\:animate-\[bottomSheetIn_var\(--comp-motion-duration-bottom-sheet-entry\)_var\(--comp-motion-easing-bottom-sheet-entry\)_forwards\][data-state=open] {
        animation: bottomSheetIn var(--comp-motion-duration-bottom-sheet-entry)var(--comp-motion-easing-bottom-sheet-entry)forwards
    }

    .iris\:data-\[state\=open\]\:animate-\[bottomSheetWithFadeIn_var\(--comp-motion-duration-bottom-sheet-entry\)_var\(--comp-motion-easing-bottom-sheet-entry\)_forwards\][data-state=open] {
        animation: bottomSheetWithFadeIn var(--comp-motion-duration-bottom-sheet-entry)var(--comp-motion-easing-bottom-sheet-entry)forwards
    }

    .iris\:data-\[state\=open\]\:animate-\[bottomToastIn_var\(--comp-motion-duration-toast-entry\)_var\(--comp-motion-easing-toast-entry\)_forwards\][data-state=open] {
        animation: bottomToastIn var(--comp-motion-duration-toast-entry)var(--comp-motion-easing-toast-entry)forwards
    }

    .iris\:data-\[state\=open\]\:animate-\[fadeIn_var\(--comp-motion-duration-bottom-sheet-entry\)_var\(--comp-motion-easing-bottom-sheet-entry\)_forwards\][data-state=open] {
        animation: fadeIn var(--comp-motion-duration-bottom-sheet-entry)var(--comp-motion-easing-bottom-sheet-entry)forwards
    }

    .iris\:data-\[state\=open\]\:animate-\[topToastIn_var\(--comp-motion-duration-toast-entry\)_var\(--comp-motion-easing-toast-entry\)_forwards\][data-state=open] {
        animation: topToastIn var(--comp-motion-duration-toast-entry)var(--comp-motion-easing-toast-entry)forwards
    }

    .iris\:data-\[side\=top\]\:data-\[state\=open\]\:\[animation\:popoverTopIn_var\(--comp-motion-duration-popover-entry\)_var\(--comp-motion-easing-popover-entry\)_forwards\][data-side=top][data-state=open] {
        animation: popoverTopIn var(--comp-motion-duration-popover-entry)var(--comp-motion-easing-popover-entry)forwards
    }

    .iris\:data-\[state\=selected\]\:bg-\(--comp-color-background-calendar-day-inverse-selected\)[data-state=selected] {
        background-color: var(--comp-color-background-calendar-day-inverse-selected)
    }

    .iris\:data-\[state\=selected\]\:bg-\(--comp-color-background-calendar-day-selected\)[data-state=selected] {
        background-color: var(--comp-color-background-calendar-day-selected)
    }

    .iris\:data-\[state\=selected\]\:pr-\(--comp-space-padding-listbox-item-horizontal\)[data-state=selected] {
        padding-right: var(--comp-space-padding-listbox-item-horizontal)
    }

    .iris\:data-\[state\=selected\]\:pl-\(--comp-space-padding-listbox-item-selected-left\)[data-state=selected] {
        padding-left: var(--comp-space-padding-listbox-item-selected-left)
    }

    .iris\:data-\[state\=selected\]\:leading-\(--base-typography-leading-tight\)[data-state=selected] {
        --tw-leading: var(--base-typography-leading-tight);
        line-height: var(--base-typography-leading-tight)
    }

    .iris\:data-\[state\=selected\]\:text-\(--comp-color-content-calendar-day-inverse-selected\)[data-state=selected] {
        color: var(--comp-color-content-calendar-day-inverse-selected)
    }

    .iris\:data-\[state\=selected\]\:text-\(--comp-color-content-calendar-day-selected\)[data-state=selected] {
        color: var(--comp-color-content-calendar-day-selected)
    }

    .iris\:data-\[state\=selected\]\:text-\(--comp-color-content-listbox-label-selected\)[data-state=selected] {
        color: var(--comp-color-content-listbox-label-selected)
    }

    @media (hover:hover) {
        .iris\:data-\[state\=selected\]\:hover\:bg-\(--comp-color-background-calendar-day-inverse-selected\)[data-state=selected]:hover {
            background-color: var(--comp-color-background-calendar-day-inverse-selected)
        }

        .iris\:data-\[state\=selected\]\:hover\:bg-\(--comp-color-background-calendar-day-selected\)[data-state=selected]:hover {
            background-color: var(--comp-color-background-calendar-day-selected)
        }

        .iris\:data-\[state\=selected\]\:hover\:bg-\(--comp-color-background-listbox-item-selected-hover\)[data-state=selected]:hover {
            background-color: var(--comp-color-background-listbox-item-selected-hover)
        }
    }

    .iris\:data-\[state\=selected\]\:active\:bg-\(--comp-color-background-calendar-day-inverse-selected\)[data-state=selected]:active {
        background-color: var(--comp-color-background-calendar-day-inverse-selected)
    }

    .iris\:data-\[state\=selected\]\:active\:bg-\(--comp-color-background-calendar-day-selected\)[data-state=selected]:active {
        background-color: var(--comp-color-background-calendar-day-selected)
    }

    .iris\:data-\[state\=selected\]\:active\:bg-\(--comp-color-background-listbox-item-selected-pressed\)[data-state=selected]:active {
        background-color: var(--comp-color-background-listbox-item-selected-pressed)
    }

    .iris\:data-\[status\=active-disabled\]\:pointer-events-none\![data-status=active-disabled] {
        pointer-events: none !important
    }

    .iris\:data-\[status\=active-disabled\]\:cursor-not-allowed\![data-status=active-disabled] {
        cursor: not-allowed !important
    }

    .iris\:data-\[status\=disabled\]\:pointer-events-none[data-status=disabled] {
        pointer-events: none
    }

    .iris\:data-\[status\=disabled\]\:cursor-not-allowed[data-status=disabled] {
        cursor: not-allowed
    }

    .iris\:data-\[status\=disabled\]\:opacity-\(--sem-opacity-interactive-disabled\)[data-status=disabled] {
        opacity: var(--sem-opacity-interactive-disabled)
    }

    .iris\:data-\[swipe\=cancel\]\:translate-y-0[data-swipe=cancel] {
        --tw-translate-y: calc(var(--iris-spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .iris\:data-\[swipe\=cancel\]\:transition-\[transform_var\(--comp-motion-duration-toast-entry\)_var\(--comp-motion-easing-toast-entry\)\][data-swipe=cancel] {
        transition-property: transform var(--comp-motion-duration-toast-entry)var(--comp-motion-easing-toast-entry);
        transition-timing-function: var(--tw-ease, var(--iris-default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--iris-default-transition-duration))
    }

    .iris\:data-\[swipe\=move\]\:translate-y-\[var\(--radix-toast-swipe-move-y\)\][data-swipe=move] {
        --tw-translate-y: var(--radix-toast-swipe-move-y);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    @media (prefers-reduced-motion:no-preference) {
        .iris\:motion-safe\:block {
            display: block
        }

        .iris\:motion-safe\:hidden {
            display: none
        }
    }

    @media (prefers-reduced-motion:reduce) {
        .iris\:motion-reduce\:block {
            display: block
        }

        .iris\:motion-reduce\:hidden {
            display: none
        }
    }

    @media not all and (min-width:48rem) {
        .iris\:max-md\:h-\[calc\(100dvh-var\(--comp-space-padding-bottom-sheet-scrim-top\)\)\] {
            height: calc(100dvh - var(--comp-space-padding-bottom-sheet-scrim-top))
        }

        .iris\:max-md\:h-fit {
            height: fit-content
        }

        .iris\:max-md\:max-h-\[calc\(100dvh-var\(--comp-space-padding-bottom-sheet-scrim-top\)\)\] {
            max-height: calc(100dvh - var(--comp-space-padding-bottom-sheet-scrim-top))
        }

        .iris\:max-md\:items-end {
            align-items: flex-end
        }
    }

    @media (min-width:360px) {
        .iris\:min-\[360px\]\:flex-row {
            flex-direction: row
        }

        .iris\:min-\[360px\]\:gap-1 {
            gap: calc(var(--iris-spacing)*1)
        }
    }

    @media (min-width:768px) {
        .iris\:min-\[768px\]\:min-h-\[168px\] {
            min-height: 168px
        }

        .iris\:min-\[768px\]\:flex-col {
            flex-direction: column
        }

        .iris\:min-\[768px\]\:gap-0 {
            gap: calc(var(--iris-spacing)*0)
        }
    }

    @media (min-width:992px) {
        .iris\:min-\[992px\]\:h-\[103px\] {
            height: 103px
        }

        .iris\:min-\[992px\]\:w-\[178px\] {
            width: 178px
        }

        .iris\:min-\[992px\]\:w-\[356px\] {
            width: 356px
        }

        .iris\:min-\[992px\]\:gap-\(--base-space-px-16\) {
            gap: var(--base-space-px-16)
        }
    }

    @media (min-width:1024px) {
        .iris\:min-\[1024px\]\:min-h-\[130px\] {
            min-height: 130px
        }
    }

    @media (min-width:1280px) {
        .iris\:min-\[1280px\]\:min-h-\[102px\] {
            min-height: 102px
        }
    }

    @media (min-width:1300px) {
        .iris\:min-\[1300px\]\:flex-row {
            flex-direction: row
        }

        .iris\:min-\[1300px\]\:gap-1 {
            gap: calc(var(--iris-spacing)*1)
        }
    }

    @media (min-width:1552px) {
        .iris\:min-\[1552px\]\:\!mx-auto {
            margin-inline: auto !important
        }
    }

    @media (min-width:40rem) {
        .iris\:sm\:col-span-1 {
            grid-column: span 1/span 1
        }

        .iris\:sm\:col-span-2 {
            grid-column: span 2/span 2
        }

        .iris\:sm\:col-span-3 {
            grid-column: span 3/span 3
        }

        .iris\:sm\:col-span-4 {
            grid-column: span 4/span 4
        }

        .iris\:sm\:col-span-5 {
            grid-column: span 5/span 5
        }

        .iris\:sm\:col-span-6 {
            grid-column: span 6/span 6
        }

        .iris\:sm\:col-span-7 {
            grid-column: span 7/span 7
        }

        .iris\:sm\:col-span-8 {
            grid-column: span 8/span 8
        }

        .iris\:sm\:col-span-9 {
            grid-column: span 9/span 9
        }

        .iris\:sm\:col-span-10 {
            grid-column: span 10/span 10
        }

        .iris\:sm\:col-span-11 {
            grid-column: span 11/span 11
        }

        .iris\:sm\:col-span-12 {
            grid-column: span 12/span 12
        }

        .iris\:sm\:row-span-1 {
            grid-row: span 1/span 1
        }

        .iris\:sm\:row-span-2 {
            grid-row: span 2/span 2
        }

        .iris\:sm\:row-span-3 {
            grid-row: span 3/span 3
        }

        .iris\:sm\:row-span-4 {
            grid-row: span 4/span 4
        }

        .iris\:sm\:row-span-5 {
            grid-row: span 5/span 5
        }

        .iris\:sm\:row-span-6 {
            grid-row: span 6/span 6
        }

        .iris\:sm\:mx-0 {
            margin-inline: calc(var(--iris-spacing)*0)
        }

        .iris\:sm\:mt-4 {
            margin-top: calc(var(--iris-spacing)*4)
        }

        .iris\:sm\:flex {
            display: flex
        }

        .iris\:sm\:hidden {
            display: none
        }

        .iris\:sm\:inline-flex {
            display: inline-flex
        }

        .iris\:sm\:size-\(--comp-size-box-spinner-lg\) {
            width: var(--comp-size-box-spinner-lg);
            height: var(--comp-size-box-spinner-lg)
        }

        .iris\:sm\:size-\(--comp-size-box-spinner-md\) {
            width: var(--comp-size-box-spinner-md);
            height: var(--comp-size-box-spinner-md)
        }

        .iris\:sm\:size-\(--comp-size-box-spinner-sm\) {
            width: var(--comp-size-box-spinner-sm);
            height: var(--comp-size-box-spinner-sm)
        }

        .iris\:sm\:size-\(--comp-size-box-spinner-xl\) {
            width: var(--comp-size-box-spinner-xl);
            height: var(--comp-size-box-spinner-xl)
        }

        .iris\:sm\:size-\(--comp-size-icon-button-lg\) {
            width: var(--comp-size-icon-button-lg);
            height: var(--comp-size-icon-button-lg)
        }

        .iris\:sm\:size-\(--comp-size-icon-button-md\) {
            width: var(--comp-size-icon-button-md);
            height: var(--comp-size-icon-button-md)
        }

        .iris\:sm\:size-\(--comp-size-icon-button-sm\) {
            width: var(--comp-size-icon-button-sm);
            height: var(--comp-size-icon-button-sm)
        }

        .iris\:sm\:h-\(--comp-size-height-button-lg\) {
            height: var(--comp-size-height-button-lg)
        }

        .iris\:sm\:h-\(--comp-size-height-button-md\) {
            height: var(--comp-size-height-button-md)
        }

        .iris\:sm\:h-\(--comp-size-height-button-sm\) {
            height: var(--comp-size-height-button-sm)
        }

        .iris\:sm\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
            width: var(--radix-navigation-menu-viewport-width)
        }

        .iris\:sm\:w-auto {
            width: auto
        }

        .iris\:sm\:grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr))
        }

        .iris\:sm\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .iris\:sm\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .iris\:sm\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }

        .iris\:sm\:grid-cols-6 {
            grid-template-columns: repeat(6, minmax(0, 1fr))
        }

        .iris\:sm\:grid-cols-12 {
            grid-template-columns: repeat(12, minmax(0, 1fr))
        }

        .iris\:sm\:grid-rows-1 {
            grid-template-rows: repeat(1, minmax(0, 1fr))
        }

        .iris\:sm\:grid-rows-2 {
            grid-template-rows: repeat(2, minmax(0, 1fr))
        }

        .iris\:sm\:grid-rows-3 {
            grid-template-rows: repeat(3, minmax(0, 1fr))
        }

        .iris\:sm\:grid-rows-4 {
            grid-template-rows: repeat(4, minmax(0, 1fr))
        }

        .iris\:sm\:grid-rows-6 {
            grid-template-rows: repeat(6, minmax(0, 1fr))
        }

        .iris\:sm\:flex-col {
            flex-direction: column
        }

        .iris\:sm\:flex-col-reverse {
            flex-direction: column-reverse
        }

        .iris\:sm\:flex-row {
            flex-direction: row
        }

        .iris\:sm\:flex-row-reverse {
            flex-direction: row-reverse
        }

        .iris\:sm\:flex-nowrap {
            flex-wrap: nowrap
        }

        .iris\:sm\:flex-wrap {
            flex-wrap: wrap
        }

        .iris\:sm\:flex-wrap-reverse {
            flex-wrap: wrap-reverse
        }

        .iris\:sm\:items-baseline {
            align-items: baseline
        }

        .iris\:sm\:items-center {
            align-items: center
        }

        .iris\:sm\:items-end {
            align-items: flex-end
        }

        .iris\:sm\:items-start {
            align-items: flex-start
        }

        .iris\:sm\:items-stretch {
            align-items: stretch
        }

        .iris\:sm\:justify-around {
            justify-content: space-around
        }

        .iris\:sm\:justify-between {
            justify-content: space-between
        }

        .iris\:sm\:justify-center {
            justify-content: center
        }

        .iris\:sm\:justify-end {
            justify-content: flex-end
        }

        .iris\:sm\:justify-evenly {
            justify-content: space-evenly
        }

        .iris\:sm\:justify-start {
            justify-content: flex-start
        }

        .iris\:sm\:gap-\(--base-space-px-0\) {
            gap: var(--base-space-px-0)
        }

        .iris\:sm\:gap-\(--base-space-px-1\) {
            gap: var(--base-space-px-1)
        }

        .iris\:sm\:gap-\(--base-space-px-2\) {
            gap: var(--base-space-px-2)
        }

        .iris\:sm\:gap-\(--base-space-px-4\) {
            gap: var(--base-space-px-4)
        }

        .iris\:sm\:gap-\(--base-space-px-8\) {
            gap: var(--base-space-px-8)
        }

        .iris\:sm\:gap-\(--comp-space-gap-tabs-text-tab-default\) {
            gap: var(--comp-space-gap-tabs-text-tab-default)
        }

        .iris\:sm\:gap-0 {
            gap: calc(var(--iris-spacing)*0)
        }

        .iris\:sm\:gap-1 {
            gap: calc(var(--iris-spacing)*1)
        }

        .iris\:sm\:gap-2 {
            gap: calc(var(--iris-spacing)*2)
        }

        .iris\:sm\:gap-3 {
            gap: calc(var(--iris-spacing)*3)
        }

        .iris\:sm\:gap-4 {
            gap: calc(var(--iris-spacing)*4)
        }

        .iris\:sm\:gap-x-0 {
            column-gap: calc(var(--iris-spacing)*0)
        }

        .iris\:sm\:gap-x-1 {
            column-gap: calc(var(--iris-spacing)*1)
        }

        .iris\:sm\:gap-x-2 {
            column-gap: calc(var(--iris-spacing)*2)
        }

        .iris\:sm\:gap-x-3 {
            column-gap: calc(var(--iris-spacing)*3)
        }

        .iris\:sm\:gap-x-4 {
            column-gap: calc(var(--iris-spacing)*4)
        }

        .iris\:sm\:gap-y-0 {
            row-gap: calc(var(--iris-spacing)*0)
        }

        .iris\:sm\:gap-y-1 {
            row-gap: calc(var(--iris-spacing)*1)
        }

        .iris\:sm\:gap-y-2 {
            row-gap: calc(var(--iris-spacing)*2)
        }

        .iris\:sm\:gap-y-3 {
            row-gap: calc(var(--iris-spacing)*3)
        }

        .iris\:sm\:gap-y-4 {
            row-gap: calc(var(--iris-spacing)*4)
        }

        .iris\:sm\:px-\(--comp-space-padding-button-lg-horizontal\) {
            padding-inline: var(--comp-space-padding-button-lg-horizontal)
        }

        .iris\:sm\:px-\(--comp-space-padding-button-md-horizontal\) {
            padding-inline: var(--comp-space-padding-button-md-horizontal)
        }

        .iris\:sm\:px-\(--comp-space-padding-button-sm-horizontal\) {
            padding-inline: var(--comp-space-padding-button-sm-horizontal)
        }

        .iris\:sm\:px-\(--comp-space-padding-tabs-pill-horizontal-default\) {
            padding-inline: var(--comp-space-padding-tabs-pill-horizontal-default)
        }

        .iris\:sm\:pt-0 {
            padding-top: calc(var(--iris-spacing)*0)
        }

        .iris\:sm\:text-\(length\:--comp-type-size-button-lg\) {
            font-size: var(--comp-type-size-button-lg)
        }

        .iris\:sm\:text-\(length\:--comp-type-size-button-md\) {
            font-size: var(--comp-type-size-button-md)
        }

        .iris\:sm\:text-\(length\:--comp-type-size-button-sm\) {
            font-size: var(--comp-type-size-button-sm)
        }
    }

    @media (min-width:48rem) {
        .iris\:md\:top-0 {
            top: calc(var(--iris-spacing)*0)
        }

        .iris\:md\:right-0 {
            right: calc(var(--iris-spacing)*0)
        }

        .iris\:md\:right-\[unset\] {
            right: unset
        }

        .iris\:md\:bottom-\[unset\] {
            bottom: unset
        }

        .iris\:md\:bottom-auto {
            bottom: auto
        }

        .iris\:md\:left-0 {
            left: calc(var(--iris-spacing)*0)
        }

        .iris\:md\:left-\[unset\] {
            left: unset
        }

        .iris\:md\:col-span-1 {
            grid-column: span 1/span 1
        }

        .iris\:md\:col-span-2 {
            grid-column: span 2/span 2
        }

        .iris\:md\:col-span-3 {
            grid-column: span 3/span 3
        }

        .iris\:md\:col-span-4 {
            grid-column: span 4/span 4
        }

        .iris\:md\:col-span-5 {
            grid-column: span 5/span 5
        }

        .iris\:md\:col-span-6 {
            grid-column: span 6/span 6
        }

        .iris\:md\:col-span-7 {
            grid-column: span 7/span 7
        }

        .iris\:md\:col-span-8 {
            grid-column: span 8/span 8
        }

        .iris\:md\:col-span-9 {
            grid-column: span 9/span 9
        }

        .iris\:md\:col-span-10 {
            grid-column: span 10/span 10
        }

        .iris\:md\:col-span-11 {
            grid-column: span 11/span 11
        }

        .iris\:md\:col-span-12 {
            grid-column: span 12/span 12
        }

        .iris\:md\:row-span-1 {
            grid-row: span 1/span 1
        }

        .iris\:md\:row-span-2 {
            grid-row: span 2/span 2
        }

        .iris\:md\:row-span-3 {
            grid-row: span 3/span 3
        }

        .iris\:md\:row-span-4 {
            grid-row: span 4/span 4
        }

        .iris\:md\:row-span-5 {
            grid-row: span 5/span 5
        }

        .iris\:md\:row-span-6 {
            grid-row: span 6/span 6
        }

        .iris\:md\:m-\(--comp-space-padding-sheet-scrim-all\) {
            margin: var(--comp-space-padding-sheet-scrim-all)
        }

        .iris\:md\:mx-\(--sem-space-page-margin-md\) {
            margin-inline: var(--sem-space-page-margin-md)
        }

        .iris\:md\:mx-0 {
            margin-inline: calc(var(--iris-spacing)*0)
        }

        .iris\:md\:mt-0 {
            margin-top: calc(var(--iris-spacing)*0)
        }

        .iris\:md\:mr-0 {
            margin-right: calc(var(--iris-spacing)*0)
        }

        .iris\:md\:ml-0 {
            margin-left: calc(var(--iris-spacing)*0)
        }

        .iris\:md\:ml-3 {
            margin-left: calc(var(--iris-spacing)*3)
        }

        .iris\:md\:flex {
            display: flex
        }

        .iris\:md\:hidden {
            display: none
        }

        .iris\:md\:inline {
            display: inline
        }

        .iris\:md\:inline-block {
            display: inline-block
        }

        .iris\:md\:inline-flex {
            display: inline-flex
        }

        .iris\:md\:size-\(--comp-size-box-spinner-lg\) {
            width: var(--comp-size-box-spinner-lg);
            height: var(--comp-size-box-spinner-lg)
        }

        .iris\:md\:size-\(--comp-size-box-spinner-md\) {
            width: var(--comp-size-box-spinner-md);
            height: var(--comp-size-box-spinner-md)
        }

        .iris\:md\:size-\(--comp-size-box-spinner-sm\) {
            width: var(--comp-size-box-spinner-sm);
            height: var(--comp-size-box-spinner-sm)
        }

        .iris\:md\:size-\(--comp-size-box-spinner-xl\) {
            width: var(--comp-size-box-spinner-xl);
            height: var(--comp-size-box-spinner-xl)
        }

        .iris\:md\:size-\(--comp-size-box-step-indicator-desktop\) {
            width: var(--comp-size-box-step-indicator-desktop);
            height: var(--comp-size-box-step-indicator-desktop)
        }

        .iris\:md\:size-\(--comp-size-icon-button-lg\) {
            width: var(--comp-size-icon-button-lg);
            height: var(--comp-size-icon-button-lg)
        }

        .iris\:md\:size-\(--comp-size-icon-button-md\) {
            width: var(--comp-size-icon-button-md);
            height: var(--comp-size-icon-button-md)
        }

        .iris\:md\:size-\(--comp-size-icon-button-sm\) {
            width: var(--comp-size-icon-button-sm);
            height: var(--comp-size-icon-button-sm)
        }

        .iris\:md\:size-\(--comp-size-icon-step-indicator-desktop\) {
            width: var(--comp-size-icon-step-indicator-desktop);
            height: var(--comp-size-icon-step-indicator-desktop)
        }

        .iris\:md\:h-\(--comp-size-height-button-lg\) {
            height: var(--comp-size-height-button-lg)
        }

        .iris\:md\:h-\(--comp-size-height-button-md\) {
            height: var(--comp-size-height-button-md)
        }

        .iris\:md\:h-\(--comp-size-height-button-sm\) {
            height: var(--comp-size-height-button-sm)
        }

        .iris\:md\:h-full {
            height: 100%
        }

        .iris\:md\:max-h-\[100dvh\] {
            max-height: 100dvh
        }

        .iris\:md\:max-h-\[calc\(100dvh-2\*var\(--comp-space-padding-sheet-scrim-all\)\)\] {
            max-height: calc(100dvh - 2*var(--comp-space-padding-sheet-scrim-all))
        }

        .iris\:md\:w-\[1024px\] {
            width: 1024px
        }

        .iris\:md\:w-\[unset\] {
            width: unset
        }

        .iris\:md\:w-fit {
            width: fit-content
        }

        .iris\:md\:max-w-\[calc\(100vw-360px\)\] {
            max-width: calc(100vw - 360px)
        }

        .iris\:md\:min-w-\[360px\] {
            min-width: 360px
        }

        .iris\:md\:grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr))
        }

        .iris\:md\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .iris\:md\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .iris\:md\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }

        .iris\:md\:grid-cols-6 {
            grid-template-columns: repeat(6, minmax(0, 1fr))
        }

        .iris\:md\:grid-cols-12 {
            grid-template-columns: repeat(12, minmax(0, 1fr))
        }

        .iris\:md\:grid-rows-1 {
            grid-template-rows: repeat(1, minmax(0, 1fr))
        }

        .iris\:md\:grid-rows-2 {
            grid-template-rows: repeat(2, minmax(0, 1fr))
        }

        .iris\:md\:grid-rows-3 {
            grid-template-rows: repeat(3, minmax(0, 1fr))
        }

        .iris\:md\:grid-rows-4 {
            grid-template-rows: repeat(4, minmax(0, 1fr))
        }

        .iris\:md\:grid-rows-6 {
            grid-template-rows: repeat(6, minmax(0, 1fr))
        }

        .iris\:md\:flex-col {
            flex-direction: column
        }

        .iris\:md\:flex-col-reverse {
            flex-direction: column-reverse
        }

        .iris\:md\:flex-row {
            flex-direction: row
        }

        .iris\:md\:flex-row-reverse {
            flex-direction: row-reverse
        }

        .iris\:md\:flex-nowrap {
            flex-wrap: nowrap
        }

        .iris\:md\:flex-wrap {
            flex-wrap: wrap
        }

        .iris\:md\:flex-wrap-reverse {
            flex-wrap: wrap-reverse
        }

        .iris\:md\:items-baseline {
            align-items: baseline
        }

        .iris\:md\:items-center {
            align-items: center
        }

        .iris\:md\:items-end {
            align-items: flex-end
        }

        .iris\:md\:items-start {
            align-items: flex-start
        }

        .iris\:md\:items-stretch {
            align-items: stretch
        }

        .iris\:md\:justify-around {
            justify-content: space-around
        }

        .iris\:md\:justify-between {
            justify-content: space-between
        }

        .iris\:md\:justify-center {
            justify-content: center
        }

        .iris\:md\:justify-end {
            justify-content: flex-end
        }

        .iris\:md\:justify-evenly {
            justify-content: space-evenly
        }

        .iris\:md\:justify-start {
            justify-content: flex-start
        }

        .iris\:md\:gap-\(--base-space-px-0\) {
            gap: var(--base-space-px-0)
        }

        .iris\:md\:gap-\(--base-space-px-1\) {
            gap: var(--base-space-px-1)
        }

        .iris\:md\:gap-\(--base-space-px-2\) {
            gap: var(--base-space-px-2)
        }

        .iris\:md\:gap-\(--base-space-px-4\) {
            gap: var(--base-space-px-4)
        }

        .iris\:md\:gap-\(--base-space-px-8\) {
            gap: var(--base-space-px-8)
        }

        .iris\:md\:gap-\(--base-space-px-12\) {
            gap: var(--base-space-px-12)
        }

        .iris\:md\:gap-0 {
            gap: calc(var(--iris-spacing)*0)
        }

        .iris\:md\:gap-1 {
            gap: calc(var(--iris-spacing)*1)
        }

        .iris\:md\:gap-2 {
            gap: calc(var(--iris-spacing)*2)
        }

        .iris\:md\:gap-3 {
            gap: calc(var(--iris-spacing)*3)
        }

        .iris\:md\:gap-4 {
            gap: calc(var(--iris-spacing)*4)
        }

        .iris\:md\:gap-x-0 {
            column-gap: calc(var(--iris-spacing)*0)
        }

        .iris\:md\:gap-x-1 {
            column-gap: calc(var(--iris-spacing)*1)
        }

        .iris\:md\:gap-x-2 {
            column-gap: calc(var(--iris-spacing)*2)
        }

        .iris\:md\:gap-x-3 {
            column-gap: calc(var(--iris-spacing)*3)
        }

        .iris\:md\:gap-x-4 {
            column-gap: calc(var(--iris-spacing)*4)
        }

        .iris\:md\:gap-y-0 {
            row-gap: calc(var(--iris-spacing)*0)
        }

        .iris\:md\:gap-y-1 {
            row-gap: calc(var(--iris-spacing)*1)
        }

        .iris\:md\:gap-y-2 {
            row-gap: calc(var(--iris-spacing)*2)
        }

        .iris\:md\:gap-y-3 {
            row-gap: calc(var(--iris-spacing)*3)
        }

        .iris\:md\:gap-y-4 {
            row-gap: calc(var(--iris-spacing)*4)
        }

        .iris\:md\:rounded-\[unset\] {
            border-radius: unset
        }

        .iris\:md\:rounded-b-\(--comp-size-radius-sheet\) {
            border-bottom-right-radius: var(--comp-size-radius-sheet);
            border-bottom-left-radius: var(--comp-size-radius-sheet)
        }

        .iris\:md\:border-\(length\:--comp-size-border-step-indicator-circle-desktop\) {
            border-style: var(--tw-border-style);
            border-width: var(--comp-size-border-step-indicator-circle-desktop)
        }

        .iris\:md\:border-\(length\:--comp-size-border-step-indicator-track-desktop\) {
            border-style: var(--tw-border-style);
            border-width: var(--comp-size-border-step-indicator-track-desktop)
        }

        .iris\:md\:p-0 {
            padding: calc(var(--iris-spacing)*0)
        }

        .iris\:md\:px-\(--comp-space-padding-button-lg-horizontal\) {
            padding-inline: var(--comp-space-padding-button-lg-horizontal)
        }

        .iris\:md\:px-\(--comp-space-padding-button-md-horizontal\) {
            padding-inline: var(--comp-space-padding-button-md-horizontal)
        }

        .iris\:md\:px-\(--comp-space-padding-button-sm-horizontal\) {
            padding-inline: var(--comp-space-padding-button-sm-horizontal)
        }

        .iris\:md\:px-\(--comp-space-padding-center-sheet-horizontal\) {
            padding-inline: var(--comp-space-padding-center-sheet-horizontal)
        }

        .iris\:md\:px-\(--comp-space-padding-sheet-header-horizontal\) {
            padding-inline: var(--comp-space-padding-sheet-header-horizontal)
        }

        .iris\:md\:px-\(--comp-space-padding-side-sheet-horizontal\) {
            padding-inline: var(--comp-space-padding-side-sheet-horizontal)
        }

        .iris\:md\:px-\[unset\] {
            padding-inline: unset
        }

        .iris\:md\:py-\(--comp-space-padding-sheet-footer-vertical\) {
            padding-block: var(--comp-space-padding-sheet-footer-vertical)
        }

        .iris\:md\:py-\(--comp-space-padding-sheet-header-vertical\) {
            padding-block: var(--comp-space-padding-sheet-header-vertical)
        }

        .iris\:md\:py-3 {
            padding-block: calc(var(--iris-spacing)*3)
        }

        .iris\:md\:pt-\(--comp-space-padding-center-sheet-top\) {
            padding-top: var(--comp-space-padding-center-sheet-top)
        }

        .iris\:md\:pt-\(--comp-space-padding-side-sheet-top\) {
            padding-top: var(--comp-space-padding-side-sheet-top)
        }

        .iris\:md\:pb-\(--comp-space-padding-center-sheet-bottom\) {
            padding-bottom: var(--comp-space-padding-center-sheet-bottom)
        }

        .iris\:md\:pl-0 {
            padding-left: calc(var(--iris-spacing)*0)
        }

        .iris\:md\:text-\(length\:--comp-type-size-accordion-label-desktop\) {
            font-size: var(--comp-type-size-accordion-label-desktop)
        }

        .iris\:md\:text-\(length\:--comp-type-size-accordion-title-contained-desktop\) {
            font-size: var(--comp-type-size-accordion-title-contained-desktop)
        }

        .iris\:md\:text-\(length\:--comp-type-size-accordion-title-uncontained-desktop\) {
            font-size: var(--comp-type-size-accordion-title-uncontained-desktop)
        }

        .iris\:md\:text-\(length\:--comp-type-size-button-lg\) {
            font-size: var(--comp-type-size-button-lg)
        }

        .iris\:md\:text-\(length\:--comp-type-size-button-md\) {
            font-size: var(--comp-type-size-button-md)
        }

        .iris\:md\:text-\(length\:--comp-type-size-button-sm\) {
            font-size: var(--comp-type-size-button-sm)
        }

        .iris\:md\:text-\(length\:--comp-type-size-sheet-header-title\) {
            font-size: var(--comp-type-size-sheet-header-title)
        }

        .iris\:md\:text-\(length\:--comp-type-size-sheet-title-desktop\) {
            font-size: var(--comp-type-size-sheet-title-desktop)
        }

        .iris\:md\:text-\(length\:--comp-type-size-step-indicator-desktop\) {
            font-size: var(--comp-type-size-step-indicator-desktop)
        }

        .iris\:md\:text-\(--comp-color-content-listbox-count-inverse\) {
            color: var(--comp-color-content-listbox-count-inverse)
        }

        .iris\:md\:text-\(--comp-color-content-listbox-group-inverse\) {
            color: var(--comp-color-content-listbox-group-inverse)
        }

        .iris\:md\:text-\(--comp-color-content-listbox-icon-inverse\) {
            color: var(--comp-color-content-listbox-icon-inverse)
        }

        @media (hover:hover) {
            .iris\:md\:hover\:bg-\(--comp-color-background-listbox-item-inverse-hover\):hover {
                background-color: var(--comp-color-background-listbox-item-inverse-hover)
            }
        }

        .iris\:md\:focus-visible\:ring-\(--sem-color-border-interactive-inverse-selected\):focus-visible {
            --tw-ring-color: var(--sem-color-border-interactive-inverse-selected)
        }

        .iris\:md\:active\:bg-\(--comp-color-background-listbox-item-inverse-pressed\):active {
            background-color: var(--comp-color-background-listbox-item-inverse-pressed)
        }

        .iris\:md\:data-\[state\=closed\]\:animate-\[centerSheetOut_var\(--comp-motion-duration-center-sheet-exit\)_var\(--comp-motion-easing-center-sheet-exit\)_forwards\][data-state=closed] {
            animation: centerSheetOut var(--comp-motion-duration-center-sheet-exit)var(--comp-motion-easing-center-sheet-exit)forwards
        }

        .iris\:md\:data-\[state\=closed\]\:animate-\[fadeOut_var\(--comp-motion-duration-center-sheet-exit\)_var\(--comp-motion-easing-center-sheet-exit\)_forwards\][data-state=closed] {
            animation: fadeOut var(--comp-motion-duration-center-sheet-exit)var(--comp-motion-easing-center-sheet-exit)forwards
        }

        .iris\:md\:data-\[state\=closed\]\:animate-\[fadeOut_var\(--comp-motion-duration-side-sheet-exit\)_var\(--comp-motion-easing-side-sheet-exit\)_forwards\][data-state=closed] {
            animation: fadeOut var(--comp-motion-duration-side-sheet-exit)var(--comp-motion-easing-side-sheet-exit)forwards
        }

        .iris\:md\:data-\[state\=closed\]\:animate-\[leftSheetOut_var\(--comp-motion-duration-side-sheet-exit\)_var\(--comp-motion-easing-side-sheet-exit\)_forwards\][data-state=closed] {
            animation: leftSheetOut var(--comp-motion-duration-side-sheet-exit)var(--comp-motion-easing-side-sheet-exit)forwards
        }

        .iris\:md\:data-\[state\=closed\]\:animate-\[rightSheetOut_var\(--comp-motion-duration-side-sheet-exit\)_var\(--comp-motion-easing-side-sheet-exit\)_forwards\][data-state=closed] {
            animation: rightSheetOut var(--comp-motion-duration-side-sheet-exit)var(--comp-motion-easing-side-sheet-exit)forwards
        }

        .iris\:md\:data-\[state\=default\]\:text-\(--comp-color-content-listbox-label-inverse\)[data-state=default],
        .iris\:md\:data-\[state\=disabled\]\:text-\(--comp-color-content-listbox-label-inverse\)[data-state=disabled] {
            color: var(--comp-color-content-listbox-label-inverse)
        }

        @media (hover:hover) {
            .iris\:md\:data-\[state\=disabled\]\:hover\:bg-\(--comp-color-background-popover-inverse\)[data-state=disabled]:hover {
                background-color: var(--comp-color-background-popover-inverse)
            }
        }

        .iris\:md\:data-\[state\=disabled\]\:active\:bg-\(--comp-color-background-popover-inverse\)[data-state=disabled]:active {
            background-color: var(--comp-color-background-popover-inverse)
        }

        .iris\:md\:data-\[state\=open\]\:animate-\[centerSheetIn_var\(--comp-motion-duration-center-sheet-entry\)_var\(--comp-motion-easing-center-sheet-entry\)_forwards\][data-state=open] {
            animation: centerSheetIn var(--comp-motion-duration-center-sheet-entry)var(--comp-motion-easing-center-sheet-entry)forwards
        }

        .iris\:md\:data-\[state\=open\]\:animate-\[fadeIn_var\(--comp-motion-duration-center-sheet-entry\)_var\(--comp-motion-easing-center-sheet-entry\)_forwards\][data-state=open] {
            animation: fadeIn var(--comp-motion-duration-center-sheet-entry)var(--comp-motion-easing-center-sheet-entry)forwards
        }

        .iris\:md\:data-\[state\=open\]\:animate-\[fadeIn_var\(--comp-motion-duration-side-sheet-entry\)_var\(--comp-motion-easing-side-sheet-entry\)_forwards\][data-state=open] {
            animation: fadeIn var(--comp-motion-duration-side-sheet-entry)var(--comp-motion-easing-side-sheet-entry)forwards
        }

        .iris\:md\:data-\[state\=open\]\:animate-\[leftSheetIn_var\(--comp-motion-duration-side-sheet-entry\)_var\(--comp-motion-easing-side-sheet-entry\)_forwards\][data-state=open] {
            animation: leftSheetIn var(--comp-motion-duration-side-sheet-entry)var(--comp-motion-easing-side-sheet-entry)forwards
        }

        .iris\:md\:data-\[state\=open\]\:animate-\[rightSheetIn_var\(--comp-motion-duration-side-sheet-entry\)_var\(--comp-motion-easing-side-sheet-entry\)_forwards\][data-state=open] {
            animation: rightSheetIn var(--comp-motion-duration-side-sheet-entry)var(--comp-motion-easing-side-sheet-entry)forwards
        }

        .iris\:md\:data-\[state\=selected\]\:text-\(--comp-color-content-listbox-label-selected-inverse\)[data-state=selected] {
            color: var(--comp-color-content-listbox-label-selected-inverse)
        }

        @media (hover:hover) {
            .iris\:md\:data-\[state\=selected\]\:hover\:bg-\(--comp-color-background-listbox-item-inverse-hover\)[data-state=selected]:hover {
                background-color: var(--comp-color-background-listbox-item-inverse-hover)
            }
        }

        .iris\:md\:data-\[state\=selected\]\:active\:bg-\(--comp-color-background-popover-inverse\)[data-state=selected]:active {
            background-color: var(--comp-color-background-popover-inverse)
        }
    }

    @media (min-width:64rem) {
        .iris\:lg\:col-span-1 {
            grid-column: span 1/span 1
        }

        .iris\:lg\:col-span-2 {
            grid-column: span 2/span 2
        }

        .iris\:lg\:col-span-3 {
            grid-column: span 3/span 3
        }

        .iris\:lg\:col-span-4 {
            grid-column: span 4/span 4
        }

        .iris\:lg\:col-span-5 {
            grid-column: span 5/span 5
        }

        .iris\:lg\:col-span-6 {
            grid-column: span 6/span 6
        }

        .iris\:lg\:col-span-7 {
            grid-column: span 7/span 7
        }

        .iris\:lg\:col-span-8 {
            grid-column: span 8/span 8
        }

        .iris\:lg\:col-span-9 {
            grid-column: span 9/span 9
        }

        .iris\:lg\:col-span-10 {
            grid-column: span 10/span 10
        }

        .iris\:lg\:col-span-11 {
            grid-column: span 11/span 11
        }

        .iris\:lg\:col-span-12 {
            grid-column: span 12/span 12
        }

        .iris\:lg\:row-span-1 {
            grid-row: span 1/span 1
        }

        .iris\:lg\:row-span-2 {
            grid-row: span 2/span 2
        }

        .iris\:lg\:row-span-3 {
            grid-row: span 3/span 3
        }

        .iris\:lg\:row-span-4 {
            grid-row: span 4/span 4
        }

        .iris\:lg\:row-span-5 {
            grid-row: span 5/span 5
        }

        .iris\:lg\:row-span-6 {
            grid-row: span 6/span 6
        }

        .iris\:lg\:mx-\(--sem-space-page-margin-lg\) {
            margin-inline: var(--sem-space-page-margin-lg)
        }

        .iris\:lg\:mx-0 {
            margin-inline: calc(var(--iris-spacing)*0)
        }

        .iris\:lg\:mt-18 {
            margin-top: calc(var(--iris-spacing)*18)
        }

        .iris\:lg\:mb-0 {
            margin-bottom: calc(var(--iris-spacing)*0)
        }

        .iris\:lg\:mb-6 {
            margin-bottom: calc(var(--iris-spacing)*6)
        }

        .iris\:lg\:mb-12 {
            margin-bottom: calc(var(--iris-spacing)*12)
        }

        .iris\:lg\:mb-18 {
            margin-bottom: calc(var(--iris-spacing)*18)
        }

        .iris\:lg\:flex {
            display: flex
        }

        .iris\:lg\:hidden {
            display: none
        }

        .iris\:lg\:inline-flex {
            display: inline-flex
        }

        .iris\:lg\:size-\(--comp-size-box-spinner-lg\) {
            width: var(--comp-size-box-spinner-lg);
            height: var(--comp-size-box-spinner-lg)
        }

        .iris\:lg\:size-\(--comp-size-box-spinner-md\) {
            width: var(--comp-size-box-spinner-md);
            height: var(--comp-size-box-spinner-md)
        }

        .iris\:lg\:size-\(--comp-size-box-spinner-sm\) {
            width: var(--comp-size-box-spinner-sm);
            height: var(--comp-size-box-spinner-sm)
        }

        .iris\:lg\:size-\(--comp-size-box-spinner-xl\) {
            width: var(--comp-size-box-spinner-xl);
            height: var(--comp-size-box-spinner-xl)
        }

        .iris\:lg\:size-\(--comp-size-icon-button-lg\) {
            width: var(--comp-size-icon-button-lg);
            height: var(--comp-size-icon-button-lg)
        }

        .iris\:lg\:size-\(--comp-size-icon-button-md\) {
            width: var(--comp-size-icon-button-md);
            height: var(--comp-size-icon-button-md)
        }

        .iris\:lg\:size-\(--comp-size-icon-button-sm\) {
            width: var(--comp-size-icon-button-sm);
            height: var(--comp-size-icon-button-sm)
        }

        .iris\:lg\:h-\(--comp-size-height-button-lg\) {
            height: var(--comp-size-height-button-lg)
        }

        .iris\:lg\:h-\(--comp-size-height-button-md\) {
            height: var(--comp-size-height-button-md)
        }

        .iris\:lg\:h-\(--comp-size-height-button-sm\) {
            height: var(--comp-size-height-button-sm)
        }

        .iris\:lg\:grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr))
        }

        .iris\:lg\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .iris\:lg\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .iris\:lg\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }

        .iris\:lg\:grid-cols-6 {
            grid-template-columns: repeat(6, minmax(0, 1fr))
        }

        .iris\:lg\:grid-cols-12 {
            grid-template-columns: repeat(12, minmax(0, 1fr))
        }

        .iris\:lg\:grid-rows-1 {
            grid-template-rows: repeat(1, minmax(0, 1fr))
        }

        .iris\:lg\:grid-rows-2 {
            grid-template-rows: repeat(2, minmax(0, 1fr))
        }

        .iris\:lg\:grid-rows-3 {
            grid-template-rows: repeat(3, minmax(0, 1fr))
        }

        .iris\:lg\:grid-rows-4 {
            grid-template-rows: repeat(4, minmax(0, 1fr))
        }

        .iris\:lg\:grid-rows-6 {
            grid-template-rows: repeat(6, minmax(0, 1fr))
        }

        .iris\:lg\:flex-col {
            flex-direction: column
        }

        .iris\:lg\:flex-col-reverse {
            flex-direction: column-reverse
        }

        .iris\:lg\:flex-row {
            flex-direction: row
        }

        .iris\:lg\:flex-row-reverse {
            flex-direction: row-reverse
        }

        .iris\:lg\:flex-nowrap {
            flex-wrap: nowrap
        }

        .iris\:lg\:flex-wrap {
            flex-wrap: wrap
        }

        .iris\:lg\:flex-wrap-reverse {
            flex-wrap: wrap-reverse
        }

        .iris\:lg\:items-baseline {
            align-items: baseline
        }

        .iris\:lg\:items-center {
            align-items: center
        }

        .iris\:lg\:items-end {
            align-items: flex-end
        }

        .iris\:lg\:items-start {
            align-items: flex-start
        }

        .iris\:lg\:items-stretch {
            align-items: stretch
        }

        .iris\:lg\:justify-around {
            justify-content: space-around
        }

        .iris\:lg\:justify-between {
            justify-content: space-between
        }

        .iris\:lg\:justify-center {
            justify-content: center
        }

        .iris\:lg\:justify-end {
            justify-content: flex-end
        }

        .iris\:lg\:justify-evenly {
            justify-content: space-evenly
        }

        .iris\:lg\:justify-start {
            justify-content: flex-start
        }

        .iris\:lg\:gap-\(--base-space-px-0\) {
            gap: var(--base-space-px-0)
        }

        .iris\:lg\:gap-\(--base-space-px-1\) {
            gap: var(--base-space-px-1)
        }

        .iris\:lg\:gap-\(--base-space-px-2\) {
            gap: var(--base-space-px-2)
        }

        .iris\:lg\:gap-\(--base-space-px-4\) {
            gap: var(--base-space-px-4)
        }

        .iris\:lg\:gap-\(--base-space-px-8\) {
            gap: var(--base-space-px-8)
        }

        .iris\:lg\:gap-0 {
            gap: calc(var(--iris-spacing)*0)
        }

        .iris\:lg\:gap-1 {
            gap: calc(var(--iris-spacing)*1)
        }

        .iris\:lg\:gap-2 {
            gap: calc(var(--iris-spacing)*2)
        }

        .iris\:lg\:gap-3 {
            gap: calc(var(--iris-spacing)*3)
        }

        .iris\:lg\:gap-4 {
            gap: calc(var(--iris-spacing)*4)
        }

        .iris\:lg\:gap-x-0 {
            column-gap: calc(var(--iris-spacing)*0)
        }

        .iris\:lg\:gap-x-1 {
            column-gap: calc(var(--iris-spacing)*1)
        }

        .iris\:lg\:gap-x-2 {
            column-gap: calc(var(--iris-spacing)*2)
        }

        .iris\:lg\:gap-x-3 {
            column-gap: calc(var(--iris-spacing)*3)
        }

        .iris\:lg\:gap-x-4 {
            column-gap: calc(var(--iris-spacing)*4)
        }

        .iris\:lg\:gap-y-0 {
            row-gap: calc(var(--iris-spacing)*0)
        }

        .iris\:lg\:gap-y-1 {
            row-gap: calc(var(--iris-spacing)*1)
        }

        .iris\:lg\:gap-y-2 {
            row-gap: calc(var(--iris-spacing)*2)
        }

        .iris\:lg\:gap-y-3 {
            row-gap: calc(var(--iris-spacing)*3)
        }

        .iris\:lg\:gap-y-4 {
            row-gap: calc(var(--iris-spacing)*4)
        }

        .iris\:lg\:px-\(--comp-space-padding-button-lg-horizontal\) {
            padding-inline: var(--comp-space-padding-button-lg-horizontal)
        }

        .iris\:lg\:px-\(--comp-space-padding-button-md-horizontal\) {
            padding-inline: var(--comp-space-padding-button-md-horizontal)
        }

        .iris\:lg\:px-\(--comp-space-padding-button-sm-horizontal\) {
            padding-inline: var(--comp-space-padding-button-sm-horizontal)
        }

        .iris\:lg\:py-18 {
            padding-block: calc(var(--iris-spacing)*18)
        }

        .iris\:lg\:pb-12 {
            padding-bottom: calc(var(--iris-spacing)*12)
        }

        .iris\:lg\:text-\(length\:--comp-type-size-button-lg\) {
            font-size: var(--comp-type-size-button-lg)
        }

        .iris\:lg\:text-\(length\:--comp-type-size-button-md\) {
            font-size: var(--comp-type-size-button-md)
        }

        .iris\:lg\:text-\(length\:--comp-type-size-button-sm\) {
            font-size: var(--comp-type-size-button-sm)
        }

        .iris\:lg\:text-\(length\:--sem-type-size-display-lg-desktop\) {
            font-size: var(--sem-type-size-display-lg-desktop)
        }

        .iris\:lg\:text-\(length\:--sem-type-size-display-md-desktop\) {
            font-size: var(--sem-type-size-display-md-desktop)
        }

        .iris\:lg\:text-\(length\:--sem-type-size-display-xl-desktop\) {
            font-size: var(--sem-type-size-display-xl-desktop)
        }

        .iris\:lg\:text-\(length\:--sem-type-size-display-xxl-desktop\) {
            font-size: var(--sem-type-size-display-xxl-desktop)
        }

        .iris\:lg\:text-\(length\:--sem-type-size-heading-lg-desktop\) {
            font-size: var(--sem-type-size-heading-lg-desktop)
        }

        .iris\:lg\:text-\(length\:--sem-type-size-heading-md-desktop\) {
            font-size: var(--sem-type-size-heading-md-desktop)
        }

        .iris\:lg\:text-\(length\:--sem-type-size-heading-sm-desktop\) {
            font-size: var(--sem-type-size-heading-sm-desktop)
        }

        .iris\:lg\:text-\(length\:--sem-type-size-heading-xl-desktop\) {
            font-size: var(--sem-type-size-heading-xl-desktop)
        }

        .iris\:lg\:text-\(length\:--sem-type-size-heading-xs-desktop\) {
            font-size: var(--sem-type-size-heading-xs-desktop)
        }

        .iris\:lg\:text-\(length\:--sem-type-size-heading-xxl-desktop\) {
            font-size: var(--sem-type-size-heading-xxl-desktop)
        }

        .iris\:lg\:text-\(length\:--sem-type-size-title-lg-desktop\) {
            font-size: var(--sem-type-size-title-lg-desktop)
        }

        .iris\:lg\:text-\(length\:--sem-type-size-title-md-desktop\) {
            font-size: var(--sem-type-size-title-md-desktop)
        }

        .iris\:lg\:text-\(length\:--sem-type-size-title-xl-desktop\) {
            font-size: var(--sem-type-size-title-xl-desktop)
        }

        .iris\:lg\:text-\(length\:--sem-type-size-title-xxl-desktop\) {
            font-size: var(--sem-type-size-title-xxl-desktop)
        }
    }

    @media (min-width:80rem) {
        .iris\:xl\:mx-\(--sem-space-page-margin-xl\) {
            margin-inline: var(--sem-space-page-margin-xl)
        }

        .iris\:xl\:mx-0 {
            margin-inline: calc(var(--iris-spacing)*0)
        }

        .iris\:xl\:hidden {
            display: none
        }

        .iris\:xl\:h-\[calc\(6rem\+2px\)\] {
            height: calc(6rem + 2px)
        }
    }

    @media (min-width:87.5rem) {
        .iris\:2xl\:hidden {
            display: none
        }
    }

    @container (min-width:75cqw) {
        .iris\:\@min-\[75cqw\]\:block {
            display: block
        }
    }

    .iris\:\[\&_svg\]\:block svg {
        display: block
    }

    .iris\:\[\&_svg\]\:align-middle svg {
        vertical-align: middle
    }

    .iris\:\[\&_ul\]\:pl-7 ul {
        padding-left: calc(var(--iris-spacing)*7)
    }

    .iris\:\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
        display: none
    }

    .iris\:\[\&\:\:-webkit-scrollbar\]\:h-1\.5::-webkit-scrollbar {
        height: calc(var(--iris-spacing)*1.5)
    }

    .iris\:\[\&\:\:-webkit-scrollbar\]\:w-1\.5::-webkit-scrollbar {
        width: calc(var(--iris-spacing)*1.5)
    }

    .iris\:\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb {
        border-radius: 3.40282e+38px
    }

    .iris\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-\(--base-color-neutral-400\)::-webkit-scrollbar-thumb {
        background-color: var(--base-color-neutral-400)
    }

    .iris\:\[\&\:\:-webkit-scrollbar-thumb\:hover\]\:bg-\(--base-color-neutral-500\)::-webkit-scrollbar-thumb:hover {
        background-color: var(--base-color-neutral-500)
    }

    .iris\:\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent::-webkit-scrollbar-track {
        background-color: #0000
    }

    .nl-search-container>div:first-child {
        display: block
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes topToastIn {
    0% {
        transform: translateY(calc(-100% - var(--viewport-padding)))
    }

    to {
        transform: translateY(var(--radix-toast-swipe-end-y))
    }
}

@keyframes topToastOut {
    0% {
        transform: translateY(var(--radix-toast-swipe-end-y))
    }

    to {
        transform: translateY(calc(-100% - var(--viewport-padding)))
    }
}

@keyframes bottomToastIn {
    0% {
        transform: translateY(calc(100% + var(--viewport-padding)))
    }

    to {
        transform: translateY(var(--radix-toast-swipe-end-y))
    }
}

@keyframes bottomToastOut {
    0% {
        transform: translateY(var(--radix-toast-swipe-end-y))
    }

    to {
        transform: translateY(calc(100% + var(--viewport-padding)))
    }
}

@keyframes leftSheetIn {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes leftSheetOut {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes rightSheetIn {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes rightSheetOut {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes bottomSheetIn {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes bottomSheetWithFadeIn {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes bottomSheetOut {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes centerSheetIn {
    0% {
        opacity: 0;
        filter: blur(4px);
        transform: scale(.95)translateY(-8px)
    }

    to {
        opacity: 1;
        filter: blur();
        transform: scale(1)translateY(0)
    }
}

@keyframes centerSheetOut {
    0% {
        opacity: 1;
        filter: blur();
        transform: scale(1)translateY(0)
    }

    to {
        opacity: 0;
        filter: blur(4px);
        transform: scale(.95)translateY(-8px)
    }
}

@keyframes accordionSlideDown {
    0% {
        height: 0
    }

    to {
        height: var(--radix-accordion-content-height)
    }
}

@keyframes accordionSlideUp {
    0% {
        height: var(--radix-accordion-content-height)
    }

    to {
        height: 0
    }
}

@keyframes tooltipIn {
    0% {
        opacity: 0;
        transform: translate(0)
    }

    to {
        opacity: 1;
        transform: translateY(-4px)
    }
}

@keyframes tooltipOut {
    0% {
        opacity: 1;
        transform: translateY(-4px)
    }

    to {
        opacity: 0;
        transform: translate(0)
    }
}

@keyframes popoverBottomIn {
    0% {
        opacity: 0;
        transform: translateY(-8px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes popoverBottomOut {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-4px)
    }
}

@keyframes popoverTopIn {
    0% {
        opacity: 0;
        transform: translateY(8px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes popoverTopOut {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(4px)
    }
}

@keyframes fadeOutSkeleton {

    0%,
    to {
        opacity: 1
    }

    50% {
        opacity: var(--sem-opacity-interactive-disabled, .4)
    }
}

@keyframes stickyElementTopIn {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes stickyElementTopOut {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-100%)
    }
}

@keyframes stickyElementBottomIn {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes stickyElementBottomOut {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(100%)
    }
}

:root {
    --viewport-padding: 24px;
    --comp-color-background-button-group-selected: var(--base-color-info-100);
    --comp-color-background-button-group-rest: linear-gradient(var(--base-color-white, #fff), var(--base-color-neutral-100, #f8f8f8));
    --comp-color-border-button-group-rest: var(--base-color-neutral-300, #cfd4da);
    --comp-color-background-button-group-hover: var(--base-color-neutral-800, #2d363e)
}

@supports (color:color-mix(in lab, red, red)) {
    :root {
        --comp-color-background-button-group-hover: color-mix(in srrgb, var(--base-color-neutral-800, #2d363e)4%, transparent)
    }
}

:root {
    --comp-space-padding-top-button-sm: var(--comp-space-padding-button-vertical, 0);
    --comp-space-padding-bottom-button-sm: var(--comp-space-padding-button-vertical, 0)
}

.keyword-search-popover {
    padding: 24px
}

@media (min-width:768px) {
    .keyword-search-popover {
        width: var(--radix-popover-trigger-width)
    }
}

@media (max-width:767px) {
    .keyword-search-popover {
        width: 100vw !important;
        max-width: 100vw !important;
        height: 100vh !important;
        max-height: 100vh !important;
        margin: 0 !important;
        position: fixed !important;
        inset: 0 !important;
        transform: none !important
    }
}

.mobile-input-display>div:first-of-type>div:first-of-type {
    display: block
}

div.form-group[data-cmp=input] {
    margin-bottom: var(--base-space-px-0)
}

.mobile-content {
    padding-top: 16px
}

.mobile-content p {
    margin: 0
}

.mobile-content>div:first-of-type {
    padding: 0
}

.suggested-keyword:hover {
    text-decoration: underline
}

.modal-recent-searches {
    flex-direction: column;
    gap: 8px;
    display: flex
}

.tray-recent-searches {
    flex-direction: column;
    gap: 16px;
    display: flex
}

:root {
    --base-color-black: #000;
    --base-color-white: #fff;
    --base-color-transparent: #fff;
    --base-color-primary-25: #f8fbfe;
    --base-color-primary-50: #f1f7fd;
    --base-color-primary-100: #e3f2ff;
    --base-color-primary-200: #c7e5ff;
    --base-color-primary-300: #8dc9ff;
    --base-color-primary-500: #006bde;
    --base-color-primary-600: #024aa5;
    --base-color-primary-700: #06347c;
    --base-color-primary-800: #012169;
    --base-color-primary-900: #001543;
    --base-color-primary-950: #001225;
    --base-color-secondary-100: #ffe7d8;
    --base-color-secondary-300: #fbcaa7;
    --base-color-secondary-500: #ff821c;
    --base-color-secondary-700: #d54101;
    --base-color-secondary-800: #a42c00;
    --base-color-neutral-100: #f8f8f8;
    --base-color-neutral-200: #e1e4e8;
    --base-color-neutral-300: #cfd4da;
    --base-color-neutral-400: #939da8;
    --base-color-neutral-500: #6d7782;
    --base-color-neutral-600: #59636e;
    --base-color-neutral-700: #414c58;
    --base-color-neutral-800: #2d363e;
    --base-color-neutral-900: #192026;
    --base-color-info-100: #e3f2ff;
    --base-color-info-200: #c7e5ff;
    --base-color-success-100: #f0fbec;
    --base-color-success-200: #d4f2ca;
    --base-color-success-300: #c7e9c0;
    --base-color-success-400: #a1d99b;
    --base-color-success-500: #6cc06e;
    --base-color-success-700: #0f7e33;
    --base-color-caution-100: #fdf4d3;
    --base-color-caution-200: #ffebb6;
    --base-color-caution-500: #f7af21;
    --base-color-caution-700: #956300;
    --base-color-error-100: #fff0f0;
    --base-color-error-200: #fed5d2;
    --base-color-error-500: #fb4a4a;
    --base-color-error-700: #bc0005;
    --sem-color-background-brand-secondary: var(--base-color-primary-25);
    --sem-color-background-brand-inverse-secondary: var(--base-color-primary-700);
    --sem-color-background-brand-tertiary: var(--base-color-primary-50);
    --sem-color-background-neutral-primary: var(--base-color-white);
    --sem-color-background-neutral-transparent-primary: var(--base-color-white)
}

@supports (color:color-mix(in lab, red, red)) {
    :root {
        --sem-color-background-neutral-transparent-primary: color-mix(in srgb, var(--base-color-white)40%, transparent)
    }
}

:root {
    --sem-color-border-neutral-tertiary: var(--base-color-black)
}

@supports (color:color-mix(in lab, red, red)) {
    :root {
        --sem-color-border-neutral-tertiary: color-mix(in srgb, var(--base-color-black)20%, white)
    }
}

:root {
    --sem-color-content-accent-inverse-secondary: var(--base-color-secondary-500);
    --sem-color-content-neutral-primary: var(--base-color-neutral-800);
    --sem-color-content-neutral-inverse-primary: var(--base-color-white);
    --sem-color-content-neutral-secondary: var(--base-color-neutral-600);
    --sem-color-content-neutral-tertiary: var(--base-color-neutral-500);
    --sem-color-content-accordion-icon: var(--base-color-secondary-700);
    --comp-color-fill-spot-icon-primary: #6d7780;
    --comp-color-fill-spot-icon-secondary: #ff864d;
    --base-type-weight-extralight: 200;
    --base-type-weight-light: 300;
    --base-type-weight-regular: 400;
    --base-type-weight-bold: 700;
    --base-type-weight-black: 900;
    --base-type-tracking-normal: 0;
    --base-type-size-8xl: 4rem;
    --base-type-size-7xl: 3.5rem;
    --base-type-size-6xl: 3rem;
    --base-type-size-5xl: 2.5rem;
    --base-type-size-4xl: 2rem;
    --base-type-size-3xl: 1.75rem;
    --base-type-size-xxl: 1.5rem;
    --base-type-size-lg: 1.125rem;
    --base-type-size-md: 1rem;
    --base-type-size-sm: .875rem;
    --base-type-size-xs: .75rem;
    --base-type-size-xxs: .625rem;
    --base-type-leading-normal: 1.5;
    --base-type-leading-tight: 1.2;
    --base-type-leading-tighter: 1.1;
    --base-type-leading-none: 0;
    --sem-type-weight-heading: var(--base-type-weight-bold);
    --sem-type-heading-1: var(--base-type-size-5xl);
    --sem-type-heading-2: var(--base-type-size-4xl);
    --sem-type-heading-3: var(--base-type-size-3xl);
    --sem-type-heading-4: var(--base-type-size-xxl);
    --sem-type-subheading-1: var(--base-type-size-xxl);
    --sem-type-subheading-2: var(--base-type-size-lg);
    --sem-type-subheading-3: var(--base-type-size-md);
    --sem-type-subheading-4: var(--base-type-size-md);
    --comp-type-size-button-md: var(--base-type-size-md);
    --comp-type-size-button-lg: var(--base-type-size-lg);
    --comp-type-size-button-sm: var(--base-type-size-sm);
    --comp-type-weight-button: var(--base-type-weight-bold);
    --comp-type-leading-button: var(--base-type-leading-normal);
    --comp-type-tracking-button: var(--base-type-tracking-normal);
    --comp-type-size-input-value: var(--sem-type-size-body-md);
    --comp-type-weight-input-value: var(--sem-type-weight-body);
    --comp-type-leading-input-value: var(--base-type-leading-none);
    --comp-type-size-input-label: var(--sem-type-size-body-sm);
    --comp-type-weight-input-label: var(--sem-type-weight-body);
    --comp-type-leading-input-label: var(--sem-type-leading-body);
    --comp-type-size-input-helper: var(--sem-type-size-body-xs);
    --comp-type-weight-input-helper: var(--sem-type-weight-body);
    --comp-type-leading-input-helper: var(--sem-type-leading-body);
    --comp-type-size-input-inner-label: var(--sem-type-size-body-xs);
    --comp-type-weight-input-inner-label: var(--sem-type-weight-body);
    --comp-type-leading-input-inner-label: var(--base-type-leading-none);
    --comp-type-size-check-radio-label: var(--sem-type-size-body-md);
    --comp-type-weight-check-radio-label: var(--sem-type-weight-body);
    --comp-type-leading-check-radio-label: var(--sem-type-leading-body);
    --comp-type-size-progress-bar-label: var(--sem-type-size-body-sm);
    --comp-type-weight-progress-bar-label: var(--base-type-weight-regular);
    --comp-type-leading-progress-bar-label: var(--base-type-leading-normal);
    --comp-type-tracking-label: var(--base-type-tracking-normal);
    --comp-type-size-progress-bar-perc-text: var(--sem-type-size-body-sm);
    --comp-type-weight-progress-bar-perc-text: var(--base-type-weight-regular);
    --comp-type-size-toggle-switch-label: var(--sem-type-size-body-md);
    --comp-type-leading-progress-bar-perc-text: var(--base-type-leading-normal);
    --comp-type-weight-toggle-switch-label: var(--sem-type-weight-body);
    --comp-type-tracking-progress-bar-perc-text: var(--base-type-tracking-normal);
    --comp-type-leading-toggle-switch-label: var(--sem-type-leading-body);
    --comp-type-size-accordion-label-contained-desktop: var(--sem-type-size-body-lg);
    --comp-type-weight-accordion-label: var(--base-type-weight-bold);
    --comp-type-leading-accordion-label: var(--base-type-leading-tight);
    --comp-type-tracking-accordion-label: var(--base-type-tracking-normal);
    --comp-type-size-accordion-alt-text-desktop: var(--sem-type-size-body-md);
    --comp-type-weight-accordion-alt-text: var(--base-type-weight-regular);
    --comp-type-leading-accordion-alt-text: var(--base-type-leading-normal);
    --comp-type-tracking-accordion-alt-text: var(--base-type-tracking-normal);
    --comp-type-size-accordion-panel-text: var(--sem-type-size-body-md);
    --comp-type-weight-accordion-panel-text: var(--base-type-weight-regular);
    --comp-type-leading-accordion-panel-text: var(--base-type-leading-normal);
    --comp-type-tracking-accordion-panel-text: var(--base-type-tracking-normal);
    --comp-type-size-accordion-label-uncontained-mobile: var(--sem-type-size-body-md);
    --comp-type-size-accordion-alt-text-mobile: var(--sem-type-size-body-sm);
    --comp-type-size-accordion-label-uncontained-desktop: var(--sem-type-size-body-lg);
    --comp-type-size-accordion-label-contained-mobile: var(--sem-type-size-body-md);
    --comp-type-size-modal-header: var(--sem-type-size-title-02-mobile);
    --comp-type-weight-modal-header: var(--sem-type-weight-title);
    --comp-type-leading-modal-header: var(--sem-type-leading-title);
    --comp-type-tracking-modal-header: var(--sem-type-tracking-title);
    --comp-type-size-tabs-pill-label: var(--base-type-size-md);
    --comp-type-weight-tabs-pill-label: var(--sem-type-weight-body);
    --comp-type-leading-tabs-pill-label: var(--sem-type-leading-body);
    --comp-type-tracking-tabs-pill-label: var(--base-type-tracking-normal);
    --comp-type-weight-tabs-pill-label-selected: var(--base-type-weight-bold);
    --comp-type-size-tabs-text-label: var(--base-type-size-md);
    --comp-type-weight-tabs-text-label: var(--sem-type-weight-body);
    --comp-type-weight-tabs-text-label-selected: var(--base-type-weight-bold);
    --comp-type-leading-tabs-text-label: var(--sem-type-leading-body);
    --comp-type-tracking-tabs-text-label: var(--base-type-tracking-normal);
    --comp-type-leading-textarea-value: var(--base-type-leading-normal)
}

@media (min-width:1024px) {
    :root {
        --sem-type-heading-1: var(--base-type-size-6xl);
        --sem-type-heading-2: var(--base-type-size-5xl);
        --sem-type-heading-3: var(--base-type-size-4xl);
        --sem-type-heading-4: var(--base-type-size-3xl);
        --sem-type-subheading-1: var(--base-type-size-3xl);
        --sem-type-subheading-2: var(--base-type-size-xxl);
        --sem-type-subheading-3: var(--base-type-size-lg);
        --sem-type-subheading-4: var(--base-type-size-md)
    }
}

:root {
    --base-size-border-none: 0;
    --base-size-border-px: 1px;
    --base-size-border-sm: 2px;
    --base-size-border-md: 4px;
    --base-size-border-lg: 8px;
    --base-size-radius-none: 0;
    --base-size-radius-sm: 2px;
    --base-size-radius-md: 4px;
    --base-size-radius-lg: 8px;
    --base-size-radius-xl: 12px;
    --base-size-radius-xxl: 16px;
    --base-size-radius-3xl: 24px;
    --base-size-radius-rounded: 9999px;
    --base-space-px-0: 0;
    --base-space-px-1: 1px;
    --base-space-px-2: 2px;
    --base-space-px-4: 4px;
    --base-space-px-8: 8px;
    --base-space-px-12: 12px;
    --base-space-px-16: 16px;
    --base-space-px-24: 24px;
    --base-space-px-32: 32px;
    --base-space-px-48: 48px;
    --base-space-px-64: 64px;
    --base-space-px-20: 20px;
    --base-space-px-56: 56px;
    --base-space-px-18: 18px;
    --base-space-px-72: 72px;
    --base-space-px-80: 80px;
    --base-space-px-96: 96px;
    --comp-size-radius-button: var(--base-size-radius-md);
    --comp-size-height-button-sm: var(--base-space-px-32);
    --comp-size-height-button-md: var(--base-space-px-48);
    --comp-size-height-button-lg: var(--base-space-px-56);
    --comp-size-box-close-button-icon: var(--base-space-px-32);
    --comp-size-radius-progress-bar: var(--base-size-radius-rounded);
    --comp-size-height-progress-bar-md: var(--base-space-px-8);
    --comp-size-height-progress-bar-lg: var(--base-space-px-16);
    --comp-size-radius-input: var(--base-size-radius-md);
    --comp-size-radius-check-radio-control: var(--base-size-radius-md);
    --comp-size-box-check-radio-control: var(--base-space-px-18);
    --comp-size-height-input: var(--base-space-px-48);
    --comp-size-border-input-error-inner-spread: var(--base-space-px-2);
    --comp-size-radius-tabs-pill: var(--base-size-radius-rounded);
    --comp-size-height-tabs-pill: var(--base-space-px-48);
    --comp-size-border-tabs-text-tab-selected: var(--base-size-border-sm);
    --comp-size-border-tabs-text-tab-rest: var(--base-size-border-sm);
    --comp-size-border-tabs-text-tab-hover: var(--base-size-border-sm);
    --comp-size-border-tabs-text-tab-pressed: var(--base-size-border-sm);
    --comp-size-radius-meter-bar: var(--base-size-radius-rounded);
    --comp-size-height-meter-bar: var(--base-space-px-8);
    --comp-size-height-link: var(--base-space-px-24);
    --comp-size-icon-link-md: var(--base-space-px-16);
    --comp-size-icon-link-sm: var(--base-space-px-16);
    --comp-size-icon-link-xs: var(--base-space-px-16);
    --comp-size-icon-link-xxs: var(--base-space-px-12);
    --comp-size-listing-image-height: 200px;
    --comp-size-radius-chip: var(--base-size-radius-rounded);
    --comp-size-height-chip: var(--base-space-px-32);
    --comp-space-padding-chip-top: 0;
    --comp-space-padding-chip-right: var(--base-space-px-16);
    --comp-space-padding-chip-bottom: 0;
    --comp-space-padding-chip-left: var(--base-space-px-16);
    --comp-space-padding-chip-selected-right: var(--base-space-px-12);
    --comp-size-radius-tooltip: var(--base-size-radius-md);
    --comp-space-padding-tooltip-top: var(--base-space-px-16);
    --comp-space-padding-tooltip-right: var(--base-space-px-16);
    --comp-space-padding-tooltip-bottom: var(--base-space-px-16);
    --comp-space-padding-tooltip-left: var(--base-space-px-16);
    --comp-space-padding-input-top: var(--base-space-px-16);
    --comp-space-padding-input-right: var(--base-space-px-16);
    --comp-space-padding-input-bottom: var(--base-space-px-16);
    --comp-space-padding-input-left: var(--base-space-px-16);
    --comp-space-padding-select-top: var(--base-space-px-12);
    --comp-space-padding-select-right: var(--base-space-px-12);
    --comp-space-padding-select-bottom: var(--base-space-px-12);
    --comp-space-padding-select-left: var(--base-space-px-16);
    --comp-size-radius-accordion-contained: var(--base-size-radius-md);
    --comp-size-height-accordion: var(--base-space-px-56);
    --comp-size-box-accordion-icon-container: var(--base-space-px-32);
    --comp-size-box-accordion-icon: var(--base-space-px-32);
    --comp-space-padding-accordion-uncontained: var(--base-space-px-16);
    --comp-space-padding-accordion-uncontained-icon: var(--base-space-px-8);
    --comp-space-padding-accordion-content-icon-left: var(--base-space-px-16);
    --comp-space-padding-accordion-content-top: var(--base-space-px-0);
    --comp-space-padding-accordion-content-bottom: var(--base-space-px-16);
    --comp-space-padding-accordion-content-icon-right: var(--base-space-px-16);
    --comp-space-padding-accordion-contained: var(--base-space-px-16);
    --comp-space-padding-accordion-contained-icon: var(--base-space-px-8);
    --comp-size-radius-modal: var(--base-size-radius-lg);
    --comp-size-height-modal-header: var(--base-space-px-48);
    --comp-size-box-modal-icon: var(--base-space-px-48);
    --comp-space-padding-modal-top: var(--base-space-px-16);
    --comp-space-padding-modal-right: var(--base-space-px-16);
    --comp-space-padding-modal-bottom: var(--base-space-px-16);
    --comp-space-padding-modal-left: var(--base-space-px-16);
    --comp-space-padding-modal-header-top: var(--base-space-px-0);
    --comp-space-padding-modal-header-right: var(--base-space-px-0);
    --comp-space-padding-modal-header-bottom: var(--base-space-px-0);
    --comp-space-padding-modal-header-left: var(--base-space-px-0);
    --comp-space-padding-dialog-bottom: var(--base-space-px-32);
    --comp-space-padding-dialog-top: var(--base-space-px-16);
    --comp-space-padding-dialog-right: var(--base-space-px-16);
    --comp-space-padding-dialog-left: var(--base-space-px-16);
    --comp-space-padding-dialog-header-right: var(--base-space-px-0);
    --comp-space-padding-dialog-header-bottom: var(--base-space-px-0);
    --comp-space-padding-dialog-header-left: var(--base-space-px-0);
    --comp-space-padding-dialog-header-top: var(--base-space-px-0);
    --comp-space-padding-tabs-pill-top: var(--base-space-px-8);
    --comp-space-padding-tabs-pill-right: var(--base-space-px-24);
    --comp-space-padding-tabs-pill-bottom: var(--base-space-px-8);
    --comp-space-padding-tabs-pill-left: var(--base-space-px-24)
}

.super-hero-image>div.hero-container>picture>img.hero-base-img {
    object-position: 0 80%
}

.super-hero-container .super-hero-image-hot-area {
    cursor: pointer;
    width: 100%;
    display: block;
    position: absolute
}

.super-hero-container .super-hero-image-hot-area:active,
.super-hero-container .super-hero-image-hot-area:focus,
.super-hero-container .super-hero-image-hot-area:visited {
    border: none;
    outline: 0
}

.super-hero-container .super-hero-image-home-hot-area {
    height: 200px
}

.super-hero-container .super-hero-image-slp-hot-area {
    height: 100px;
    top: auto;
    right: 0
}

@media (min-width:768px) {
    .super-hero-container .super-hero-image-home-hot-area {
        height: 250px
    }

    .super-hero-container .super-hero-image-slp-hot-area {
        width: 60%;
        height: 120px;
        top: 130px
    }
}

.super-hero-container .super-hero-overlay {
    height: 100px
}

.super-hero-container .hero-gradient-container {
    position: relative
}

.super-hero-container .hero-gradient-container .hero-ad-bar-gradient {
    background: linear-gradient(#fff0, #000);
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 0
}

@media (min-width:768px) {
    .super-hero-container .hero-gradient-container .hero-ad-bar-gradient {
        height: 60px
    }

    .super-hero-container .super-hero-bar-title {
        color: #fff;
        font-weight: 700
    }
}

.super-hero-container .super-hero-disclaimer span {
    cursor: pointer;
    text-decoration: underline
}

.super-hero-container .super-hero-cta {
    justify-content: center;
    align-items: center;
    padding: 8px 40px;
    display: flex
}

.super-hero-container .super-hero-cta:hover {
    background: #f7f8f9
}

.super-hero-container .superHeroLogoImg {
    image-rendering: -webkit-optimize-contrast
}

@media (max-width:767px) {
    .super-hero-container .superHeroLogoImg {
        object-fit: contain;
        height: auto;
        max-height: 30px
    }
}

.super-hero-container .super-hero-ad-bar-height {
    min-height: 45px;
    padding: 0 8px
}

@media (min-width:768px) {
    .super-hero-container .super-hero-ad-bar-height {
        padding: 8px
    }
}

.super-hero-container .hp-hero-dealer-logo-mobile {
    min-height: 40px;
    position: absolute;
    bottom: 0;
    right: 12px
}

.super-hero-container .super-hero-client-header {
    max-width: 300px;
    padding-top: 16px;
    padding-left: 30px;
    font-size: 24px;
    line-height: 28px
}

@media (min-width:768px) {
    .super-hero-container .super-hero-client-header {
        max-width: 400px;
        padding-top: 24px
    }
}

@media (min-width:1024px) {
    .super-hero-container .super-hero-client-header {
        max-width: 500px;
        padding-left: 150px
    }
}

.super-hero-container .super-hero-editorial-container {
    z-index: 1;
    max-width: 369px;
    padding-top: 2px;
    position: absolute
}

.super-hero-container .super-hero-editorial-header {
    padding-bottom: 8px;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px
}

.super-hero-container .super-hero-editorial-subHeader {
    font-size: 11px;
    line-height: 13px
}

.super-hero-container .super-hero-editorial-subHeader a {
    font-weight: 700
}

@media (min-width:768px) {
    .super-hero-container .super-hero-editorial-header {
        padding-bottom: 14px
    }

    .super-hero-container .super-hero-editorial-subHeader {
        font-size: 14px;
        line-height: 16px
    }
}

.super-hero-container .play-video-icon {
    padding-top: 58px
}

@media (min-width:768px) {
    .super-hero-container .play-video-icon {
        padding-top: 32px
    }
}

.super-hero-container .play-video-button {
    cursor: pointer
}

@media (max-width:767px) {
    .super-hero-image .hero-container {
        aspect-ratio: 16/9;
        width: 100%;
        position: relative
    }

    .super-hero-image .hero-container picture>img.hero-base-img {
        object-fit: cover;
        object-position: 0 80%;
        width: 100%;
        height: 100%
    }
}

.enhanced-hero-container .nl-search-container .form-group {
    margin-bottom: var(--base-space-px-8)
}

.enhanced-hero-container .nl-search-container .nav-tabs-items-wrapper {
    box-shadow: inset 0 -2px 0 -1px #ffffffb3
}

.enhanced-hero-container .nl-search-container .nav-tabs-items-wrapper .nav-tabs {
    justify-content: flex-start;
    align-self: flex-start
}

.enhanced-hero-container .nl-search-container .nav-tabs-items-wrapper .nav-tabs li {
    margin-right: var(--base-space-px-32)
}

.enhanced-hero-container .nl-search-container .nav-tabs-items-wrapper .nav-tabs li.active>a {
    color: #8dc9ff;
    box-shadow: inset 0 -6px 0 -3px #8dc9ff
}

.enhanced-hero-container .nl-search-container .nav-tabs-items-wrapper .nav-tabs a {
    color: #fff;
    padding-left: var(--base-space-px-0) !important;
    padding-right: var(--base-space-px-0) !important
}

.enhanced-hero-container .nl-search-container .inputContainer {
    padding-left: var(--base-space-px-0);
    padding-right: var(--base-space-px-0);
    padding-top: var(--base-space-px-12)
}

.enhanced-hero-container .hyundai-online-button {
    width: 100%;
    margin-bottom: 8px
}

@media (min-width:768px) {
    .enhanced-hero-container .hyundai-online-button {
        width: auto
    }

    .enhanced-hero-container .enhanced-super-hero-client-header-hp,
    .enhanced-hero-container .enhanced-super-hero-editorial-container-hp {
        margin-top: 2px
    }
}

@media (min-width:1024px) {

    .enhanced-hero-container .enhanced-super-hero-client-header-hp,
    .enhanced-hero-container .enhanced-super-hero-editorial-container-hp {
        margin-top: 6px
    }
}

@media (min-width:1300px) {

    .enhanced-hero-container .enhanced-super-hero-client-header-hp,
    .enhanced-hero-container .enhanced-super-hero-editorial-container-hp {
        margin-top: 10px
    }
}

@keyframes super-hero-image-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.enhanced-hero-container .enhanced-hero-container.super-hero-image-fade-in-animation:after {
    content: "";
    background-color: #000;
    width: 100%;
    height: 100%;
    animation-name: super-hero-image-fade-out;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-fill-mode: both;
    position: absolute
}

@keyframes super-hero-header-slide-in {
    0% {
        opacity: 0;
        top: 100px
    }

    to {
        opacity: 1;
        top: 0
    }
}

.enhanced-hero-container .enhanced-super-hero-header-animation {
    animation-name: super-hero-header-slide-in;
    animation-duration: 1s;
    animation-timing-function: ease-in;
    animation-delay: .5s;
    animation-fill-mode: backwards;
    position: relative
}

@keyframes super-hero-text-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.enhanced-hero-container .enhanced-super-hero-header-fade-in-animation {
    animation-name: super-hero-text-fade-in;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-fill-mode: both
}

.enhanced-hero-container .super-hero-image-hot-area {
    z-index: 1;
    cursor: pointer;
    display: block
}

.enhanced-hero-container .super-hero-image-hot-area:active,
.enhanced-hero-container .super-hero-image-hot-area:focus,
.enhanced-hero-container .super-hero-image-hot-area:visited {
    border: none;
    outline: 0
}

.enhanced-hero-container .super-hero-image-home-hot-area {
    height: 100px;
    margin-top: 12px
}

.enhanced-hero-container .super-hero-image-slp-hot-area {
    height: 100px;
    top: 10px;
    right: 10px
}

@media (min-width:768px) {
    .enhanced-hero-container .super-hero-image-home-hot-area {
        height: 120px
    }

    .enhanced-hero-container .super-hero-image-slp-hot-area {
        width: 60%;
        height: 75px;
        position: absolute;
        top: 0
    }
}

@media (min-width:1024px) {
    .enhanced-hero-container .super-hero-image-home-hot-area {
        height: 165px
    }

    .enhanced-hero-container .super-hero-image-slp-hot-area {
        height: 115px
    }
}

.enhanced-hero-container .super-hero-overlay {
    z-index: -1;
    height: 100px;
    position: relative
}

.enhanced-hero-container .play-video-icon {
    z-index: 2
}

.enhanced-hero-container .play-video-icon.hp {
    position: absolute;
    top: 300px
}

.enhanced-hero-container .play-video-icon.slp {
    position: absolute;
    top: 188px
}

@media (max-width:768px) {
    .enhanced-hero-container .play-video-icon.hp {
        position: absolute;
        top: 310px
    }

    .enhanced-hero-container .play-video-icon.slp {
        top: 320px
    }
}

.enhanced-hero-container .play-video-button {
    cursor: pointer
}

.video-portion-container .header-text-wrapper {
    float: left;
    width: 83%
}

@media screen and (max-width:1280px) {
    .video-portion-container .header-text-wrapper {
        width: 75%
    }
}

@media screen and (max-width:564px) {
    .video-portion-container .header-text-wrapper {
        width: 75%
    }
}

@media screen and (max-width:432px) {
    .video-portion-container .header-text-wrapper {
        width: 67%
    }
}

.video-portion-container .video-portion-wrapper {
    max-width: 1280px;
    margin: 0 auto !important
}

.video-portion-container>.row {
    padding-top: 48px !important;
    padding-bottom: 48px !important
}

.video-portion-container .left-position {
    float: left
}

.video-portion-container>.row>.col-xs-12 {
    padding-left: 0;
    padding-right: 0
}

.video-portion-container .video-header-section {
    margin-left: 0;
    margin-right: 0
}

.video-portion-container .video-header-section .circle-image {
    background-color: #0ff
}

.video-portion-container .video-section {
    align-items: stretch;
    margin-left: 0;
    margin-right: 0;
    display: flex
}

@media screen and (max-width:767px) {
    .video-portion-container .video-section {
        display: initial
    }
}

.video-portion-container .video-section .sub-videos-wrapper {
    display: flex
}

.video-portion-container .video-section .sub-videos-wrapper .sub-videos {
    flex: 1;
    align-items: stretch;
    gap: 24px;
    display: flex
}

.video-portion-container .video-section .sub-videos-wrapper .sub-videos .sub-video-container {
    place-items: center;
    width: 100%;
    height: 100%;
    position: relative
}

.video-portion-container .video-section .sub-videos-wrapper .sub-videos .sub-video-container .sub-video {
    height: 100%
}

.video-portion-container .video-section .sub-videos-wrapper .sub-videos .sub-video-container .sub-video img {
    object-fit: cover;
    width: 100%
}

@media screen and (max-width:767px) {
    .video-portion-container .video-section .sub-videos-wrapper .sub-videos .sub-video-container .sub-video img {
        width: 100%
    }
}

.video-portion-container .video-section .sub-videos-wrapper .positioned-overlay .play-video-button-icon {
    width: unset;
    height: unset;
    font-size: 400%
}

.video-portion-container .video-section .sub-videos-wrapper .positioned-overlay .play-video-button-icon:after {
    width: 45px;
    height: 45px
}

.VideoContainer {
    text-align: right
}

.VideoContainer .videoPlayer {
    width: 100%;
    height: 50vh;
    margin-bottom: 10px
}

.VideoContainer .video-cta {
    color: #414c58;
    background-color: #fff;
    border: 1px solid #cfd4da;
    width: fit-content;
    display: inline-block
}

.modal-dialog .close:focus {
    outline: auto
}

.avatar-size {
    width: 100px;
    height: 100px
}

@media screen and (min-width:768px) {
    .avatar-size {
        width: 150px;
        height: 150px
    }
}

.find-that-car-container .form-group {
    margin: 0
}

.find-that-car-container .zip-code-label {
    margin-bottom: 5px !important
}

.find-that-car-cta {
    margin-top: 29px
}

@media screen and (min-width:768px) {
    .find-that-car-cta {
        margin-top: 26px
    }
}

#find-that-car .inputContainer {
    margin-top: 0
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .ahs-elot {
        width: 100%;
        padding-left: 4px !important;
        padding-right: 16px !important
    }

    .ahs-elot-section {
        margin-left: 0;
        margin-right: 0
    }
}

.dealerlot-container-spacing {
    padding-top: 40px;
    padding-bottom: 16px
}

@media screen and (min-width:1024px) {
    .dealerlot-container-spacing {
        padding-top: 72px;
        padding-bottom: 48px
    }
}

.accordion-filters .accordion-panel-content {
    padding: var(--base-space-px-0, 0)var(--base-space-px-8, 8px)var(--base-space-px-12, 12px)var(--base-space-px-0, 0)
}

.search-by-budget-placeholder {
    border-radius: 4px;
    min-height: 238px
}

.search-by-budget-placeholder .container {
    max-width: 456px
}

@media screen and (min-width:1024px) {
    .search-by-budget-placeholder .container {
        max-width: 1440px
    }
}

.search-by-budget-placeholder .container .shop-by-budget-content-padding {
    padding: 0 16px
}

@media screen and (min-width:768px) {
    .search-by-budget-placeholder .container .shop-by-budget-content-padding {
        padding: 0 24px
    }
}

@media screen and (min-width:1024px) {
    .search-by-budget-placeholder .container .shop-by-budget-content-padding {
        padding: 0 32px
    }
}

@media screen and (min-width:1300px) {
    .search-by-budget-placeholder .container .shop-by-budget-content-padding {
        padding: 0 48px
    }
}

@media screen and (max-width:1023px) {
    .search-by-budget-placeholder .container #browseByBudgetCTA {
        width: 100%
    }
}

.budget-iris-slider .iris\:whitespace-nowrap.iris\:w-1\/2:before {
    content: "$"
}

.budget-iris-slider .iris\:whitespace-nowrap.iris\:w-1\/2.iris\:text-right:last-child:after {
    content: "+"
}

@media screen and (min-width:513px) {
    .search-by-budget-placeholder {
        min-height: 217px
    }
}

@media screen and (min-width:768px) {
    .search-by-budget-placeholder {
        min-height: 165px
    }
}

@media screen and (min-width:796px) {
    .search-by-budget-placeholder {
        min-height: 165px
    }
}

@media screen and (min-width:1024px) {
    .search-by-budget-placeholder {
        min-height: 202px
    }
}

.news-reviews-container {
    min-height: 690px
}

@media screen and (max-width:767px) {
    .news-reviews-container {
        padding: 0 16px
    }
}

.news-reviews-container .cta-wrapper {
    margin-top: 24px
}

@media screen and (max-width:1299px) {
    .news-reviews-container {
        min-height: 678px
    }
}

@media screen and (max-width:1023px) {
    .news-reviews-container {
        min-height: 632px
    }
}

@media screen and (max-width:767px) {
    .news-reviews-container {
        min-height: 585px
    }
}

@media screen and (max-width:360px) {
    .news-reviews-container .cta-wrapper {
        margin-top: 0
    }
}

.elotPlaceholder {
    min-height: 426px
}

@media screen and (min-width:360px) {
    .elotPlaceholder {
        min-height: 465px
    }
}

@media screen and (min-width:768px) {
    .elotPlaceholder {
        min-height: 426px
    }
}

@media screen and (min-width:1024px) {
    .elotPlaceholder {
        min-height: 442px
    }
}

.featuredPartnersPlaceholder {
    min-height: 275px
}

.recommended-inventory-container {
    min-height: 465px
}

@media screen and (max-width:1299px) {
    .recommended-inventory-container {
        min-height: 455px
    }
}

@media screen and (max-width:1023px) {
    .recommended-inventory-container {
        min-height: 450px
    }
}

@media screen and (max-width:767px) {
    .recommended-inventory-container {
        min-height: 430px
    }
}

.marketingValueContentContainer {
    margin-top: 16px;
    margin-bottom: 16px
}

@media screen and (min-width:1024px) {
    .marketingValueContentContainer {
        margin-top: 24px;
        margin-bottom: 24px;
        display: flex
    }
}

@media (max-width:1023px) {
    .visualAssetContainer {
        height: 274px;
        margin-bottom: 8px
    }
}

@media (max-width:767px) {
    .visualAssetContainer {
        height: 274px
    }
}

.popular-models-container {
    min-height: 500px
}

@media screen and (max-width:1299px) {
    .popular-models-container {
        min-height: 450px
    }
}

@media screen and (max-width:1023px) {
    .popular-models-container {
        min-height: 410px
    }
}

@media screen and (max-width:767px) {
    .popular-models-container {
        min-height: 645px
    }
}

.pros-cons-container {
    min-height: 355px
}

@media screen and (max-width:1023px) {
    .pros-cons-container {
        min-height: 270px
    }
}

@media screen and (max-width:767px) {
    .pros-cons-container {
        min-height: 190px
    }
}

.search-by-make-container {
    min-height: 450px
}

@media screen and (max-width:767px) {
    .search-by-make-container {
        min-height: 620px
    }
}

.enhanced-hero-container .enhanced-super-hero-client-header-hp {
    color: #fff;
    text-shadow: 2px 2px 5px #505050;
    width: 335px;
    margin-left: 12px;
    font-size: 22px;
    font-weight: 600;
    line-height: 24px
}

@media (min-width:768px) {
    .enhanced-hero-container .enhanced-super-hero-client-header-hp {
        width: 600px;
        font-size: 28px;
        font-weight: 700;
        line-height: 34px
    }
}

@media (min-width:1024px) {
    .enhanced-hero-container .enhanced-super-hero-client-header-hp {
        margin-left: 128px
    }
}

@media (min-width:1300px) {
    .enhanced-hero-container .enhanced-super-hero-client-header-hp {
        margin-left: 152px
    }
}

.enhanced-super-hero-client-header-slp {
    color: #fff;
    text-shadow: 2px 2px 5px #505050;
    width: 335px;
    margin-left: 12px;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px
}

@media (min-width:768px) {
    .enhanced-super-hero-client-header-slp {
        width: 280px;
        font-weight: 700
    }
}

@media (min-width:1024px) {
    .enhanced-super-hero-client-header-slp {
        width: 320px;
        margin-left: 120px;
        font-size: 26px;
        line-height: 32px
    }
}

.enhanced-hero-container .enhanced-super-hero-editorial-container-hp {
    margin-left: 12px
}

@media (min-width:1024px) {
    .enhanced-hero-container .enhanced-super-hero-editorial-container-hp {
        margin-left: 128px
    }
}

@media (min-width:1300px) {
    .enhanced-hero-container .enhanced-super-hero-editorial-container-hp {
        margin-left: 152px
    }
}

.enhanced-hero-container .enhanced-super-hero-editorial-header-hp {
    color: #fff;
    text-shadow: 2px 2px 5px #505050;
    max-width: 335px;
    padding-bottom: 4px;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px
}

.enhanced-hero-container .enhanced-super-hero-editorial-subHeader-hp {
    color: #fff;
    text-shadow: 2px 2px 5px #505050;
    font-size: 11px;
    font-weight: 400;
    line-height: 11px
}

.enhanced-hero-container .enhanced-super-hero-editorial-subHeader-hp a {
    color: #fff;
    font-weight: 600
}

@media (min-width:768px) {
    .enhanced-hero-container .enhanced-super-hero-editorial-header-hp {
        max-width: 600px;
        padding-bottom: 12px;
        font-size: 22px;
        line-height: 30px
    }

    .enhanced-hero-container .enhanced-super-hero-editorial-subHeader-hp {
        font-size: 12px;
        font-weight: 600;
        line-height: 12px
    }

    .enhanced-hero-container .enhanced-super-hero-editorial-subHeader-hp a {
        font-weight: 700
    }
}

@media (min-width:1024px) {
    .enhanced-hero-container .enhanced-super-hero-editorial-subHeader-hp {
        font-size: 12px;
        line-height: 12px
    }
}

.enhanced-super-hero-editorial-header-slp {
    color: #fff;
    text-shadow: 2px 2px 5px #505050;
    max-width: 335px;
    padding-bottom: 4px;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px
}

.enhanced-super-hero-editorial-subHeader-slp {
    color: #fff;
    text-shadow: 2px 2px 5px #505050;
    font-size: 11px;
    font-weight: 400;
    line-height: 11px
}

.enhanced-super-hero-editorial-subHeader-slp a {
    color: #fff;
    font-weight: 600
}

@media (min-width:768px) {
    .enhanced-super-hero-editorial-container-slp {
        margin-left: 12px
    }

    .enhanced-super-hero-editorial-header-slp {
        width: 280px;
        padding-bottom: 8px;
        font-size: 18px;
        line-height: 22px
    }

    .enhanced-super-hero-editorial-subHeader-slp {
        font-size: 12px;
        font-weight: 600;
        line-height: 12px
    }

    .enhanced-super-hero-editorial-subHeader-slp a {
        font-weight: 700
    }
}

@media (min-width:1024px) {
    .enhanced-super-hero-editorial-container-slp {
        margin-left: 96px
    }

    .enhanced-super-hero-editorial-header-slp {
        width: 320px;
        padding-bottom: 12px
    }
}

@media (min-width:1300px) {
    .enhanced-super-hero-editorial-container-slp {
        margin-left: 120px
    }

    .enhanced-super-hero-editorial-header-slp {
        font-size: 20px;
        line-height: 26px
    }
}

.hero-gradient-container {
    position: relative
}

.hero-gradient-container .hero-ad-bar-gradient {
    background: linear-gradient(#fff0, #000);
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 0
}

@media (min-width:768px) {
    .hero-gradient-container .hero-ad-bar-gradient {
        height: 60px
    }
}

.enhanced-hero-container .enhanced-super-hero-bar-title,
.refresh .enhanced-super-hero-bar-title {
    text-shadow: 2px 2px 5px #505050;
    font-size: 12px;
    font-weight: 600;
    line-height: 14px
}

@media (min-width:768px) {

    .enhanced-hero-container .enhanced-super-hero-bar-title,
    .refresh .enhanced-super-hero-bar-title {
        font-size: 16px;
        line-height: 20px
    }
}

.enhanced-hero-container .enhanced-super-hero-bar-title.fallback,
.refresh .enhanced-super-hero-bar-title.fallback {
    padding-bottom: 12px;
    font-size: 10px;
    font-weight: 400;
    line-height: 0
}

@media (min-width:768px) {

    .enhanced-hero-container .enhanced-super-hero-bar-title.fallback,
    .refresh .enhanced-super-hero-bar-title.fallback {
        padding-bottom: 8px
    }
}

.enhanced-hero-container .enhanced-super-hero-disclaimer,
.enhanced-hero-container .refresh-super-hero-disclaimer,
.refresh .enhanced-super-hero-disclaimer,
.refresh .refresh-super-hero-disclaimer {
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px
}

@media (min-width:768px) {

    .enhanced-hero-container .enhanced-super-hero-disclaimer,
    .enhanced-hero-container .refresh-super-hero-disclaimer,
    .refresh .enhanced-super-hero-disclaimer,
    .refresh .refresh-super-hero-disclaimer {
        padding-bottom: 8px;
        line-height: 10px
    }
}

.enhanced-hero-container .enhanced-super-hero-disclaimer.fallback,
.enhanced-hero-container .refresh-super-hero-disclaimer.fallback,
.refresh .enhanced-super-hero-disclaimer.fallback,
.refresh .refresh-super-hero-disclaimer.fallback {
    font-size: 12px;
    line-height: 1.2
}

@media (min-width:768px) {

    .enhanced-hero-container .enhanced-super-hero-disclaimer.fallback,
    .enhanced-hero-container .refresh-super-hero-disclaimer.fallback,
    .refresh .enhanced-super-hero-disclaimer.fallback,
    .refresh .refresh-super-hero-disclaimer.fallback {
        text-align: right;
        padding-top: 4px;
        font-size: 20px;
        line-height: 1.2
    }
}

.enhanced-hero-container .enhanced-super-hero-disclaimer .hero-disclaimer,
.enhanced-hero-container .refresh-super-hero-disclaimer .hero-disclaimer,
.refresh .enhanced-super-hero-disclaimer .hero-disclaimer,
.refresh .refresh-super-hero-disclaimer .hero-disclaimer {
    font-size: 10px
}

.enhanced-hero-container .enhanced-super-hero-disclaimer span,
.enhanced-hero-container .refresh-super-hero-disclaimer span,
.refresh .enhanced-super-hero-disclaimer span,
.refresh .refresh-super-hero-disclaimer span {
    cursor: pointer;
    color: #fff;
    text-decoration: underline
}

.enhanced-hero-container .col-one-disclaimer-text,
.refresh .col-one-disclaimer-text {
    display: none
}

@media (min-width:768px) {

    .enhanced-hero-container .col-one-disclaimer-text,
    .refresh .col-one-disclaimer-text {
        display: contents
    }
}

.enhanced-hero-container .superHeroLogoImg,
.refresh .superHeroLogoImg {
    image-rendering: -webkit-optimize-contrast
}

@media (max-width:767px) {

    .enhanced-hero-container .superHeroLogoImg,
    .refresh .superHeroLogoImg {
        object-fit: contain;
        height: auto;
        max-height: 30px
    }
}

.enhanced-hero-container .hero-ad-bar,
.refresh .hero-ad-bar {
    z-index: 5
}

.enhanced-hero-container .hero-ad-bar.slp,
.refresh .hero-ad-bar.slp {
    padding: 0
}

@media (min-width:768px) {

    .enhanced-hero-container .hero-ad-bar.slp,
    .refresh .hero-ad-bar.slp {
        padding: 0 12px 12px
    }
}

.enhanced-hero-container .hero-ad-bar.hp,
.refresh .hero-ad-bar.hp {
    padding: 0 12px 12px
}

.enhanced-hero-container #updated-hero-ad-bar.slp,
.refresh #updated-hero-ad-bar.slp {
    padding: var(--base-space-px-0)
}

@media (min-width:768px) {

    .enhanced-hero-container #updated-hero-ad-bar.slp,
    .refresh #updated-hero-ad-bar.slp {
        padding: var(--base-space-px-0)var(--base-space-px-0)var(--base-space-px-12)
    }
}

.enhanced-hero-container #updated-hero-ad-bar.hp,
.refresh #updated-hero-ad-bar.hp {
    padding: var(--base-space-px-16);
    height: 330px
}

@media (min-width:768px) {

    .enhanced-hero-container #updated-hero-ad-bar.hp,
    .refresh #updated-hero-ad-bar.hp {
        height: auto;
        padding: var(--base-space-px-0)var(--base-space-px-24)var(--base-space-px-24)var(--base-space-px-24);
        margin-bottom: auto
    }
}

@media (min-width:992px) {

    .enhanced-hero-container #updated-hero-ad-bar.hp,
    .refresh #updated-hero-ad-bar.hp {
        height: auto;
        padding: var(--base-space-px-0)var(--base-space-px-32)var(--base-space-px-32)var(--base-space-px-32);
        margin-bottom: auto
    }
}

@media (min-width:1200px) {

    .enhanced-hero-container #updated-hero-ad-bar.hp,
    .refresh #updated-hero-ad-bar.hp {
        height: auto;
        padding: var(--base-space-px-0)var(--base-space-px-48)var(--base-space-px-48)var(--base-space-px-48);
        margin-bottom: auto
    }
}

.enhanced-hero-container .hp-hero-dealer-logo-mobile,
.refresh .hp-hero-dealer-logo-mobile {
    min-height: 40px;
    position: absolute;
    bottom: 0;
    right: 12px
}

.enhanced-hero-container .enhanced-ad-bar-grid-container,
.refresh .enhanced-ad-bar-grid-container {
    color: #fff;
    grid-template-columns: 1fr auto;
    column-gap: 3px;
    display: grid
}

@media (min-width:1024px) {

    .enhanced-hero-container .enhanced-ad-bar-grid-container,
    .refresh .enhanced-ad-bar-grid-container {
        grid-template-columns: repeat(2, 1fr)
    }
}

.enhanced-hero-container .enhanced-super-hero-cta,
.enhanced-hero-container .updated-super-hero-cta,
.refresh .enhanced-super-hero-cta,
.refresh .updated-super-hero-cta {
    color: #414c58;
    background: #fff;
    border: 1px solid #cfd4da;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 36px;
    font-size: 14px;
    font-weight: 700;
    display: flex
}

.enhanced-hero-container .updated-super-hero-cta,
.refresh .updated-super-hero-cta {
    margin-top: 8px
}

.enhanced-hero-container .col-one-ad-bar,
.refresh .col-one-ad-bar {
    justify-content: left;
    align-self: end
}

.enhanced-hero-container .col-two-ad-bar,
.refresh .col-two-ad-bar {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    gap: 8px;
    display: grid
}

@media (min-width:1024px) {

    .enhanced-hero-container .col-two-ad-bar,
    .refresh .col-two-ad-bar {
        gap: 12px
    }
}

.enhanced-hero-container .cta-button,
.refresh .cta-button {
    grid-area: 2/1;
    justify-content: right;
    align-self: end
}

@media (min-width:1024px) {

    .enhanced-hero-container .cta-button,
    .refresh .cta-button {
        grid-area: 1/1;
        place-self: end right;
        width: 240px
    }
}

.enhanced-hero-container .advertisement,
.refresh .advertisement {
    grid-area: 1/1;
    justify-content: right;
    align-self: end;
    display: flex
}

.enhanced-hero-container .advertisement.fallback,
.refresh .advertisement.fallback {
    align-self: start
}

@media (min-width:1024px) {

    .enhanced-hero-container .advertisement,
    .refresh .advertisement {
        grid-column: 2
    }
}

.enhanced-hero-container .sponsered,
.refresh .sponsered {
    justify-content: right;
    align-self: end;
    padding-right: 8px;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px
}

@media (min-width:1024px) and (max-width:1279px) {

    .enhanced-hero-container .sponsered,
    .refresh .sponsered {
        padding-right: 4px
    }
}

@media (min-width:768px) {

    .enhanced-hero-container .sponsered,
    .refresh .sponsered {
        align-self: center
    }
}

.enhanced-hero-container .logo,
.refresh .logo {
    justify-content: right;
    align-self: end
}

@media (min-width:1024px) {

    .enhanced-hero-container .logo,
    .refresh .logo {
        align-self: center
    }
}

@media (min-width:768px) {

    .enhanced-hero-container .ad-bar-mobile-disclamer-row,
    .refresh .ad-bar-mobile-disclamer-row {
        display: none
    }
}

.enhanced-hero-container .dot-indicators,
.refresh .dot-indicators {
    padding-bottom: 8px
}

@media (min-width:768px) {

    .enhanced-hero-container .dot-indicators,
    .refresh .dot-indicators {
        padding-bottom: 12px
    }
}

.enhanced-hero-container .refreshed-dot-indicators,
.refresh .refreshed-dot-indicators {
    text-align: center;
    flex-direction: row;
    justify-content: flex-end;
    display: flex
}

.enhanced-hero-container .refreshed-dot-indicators .dot-container-0,
.enhanced-hero-container .refreshed-dot-indicators .dot-container-1,
.refresh .refreshed-dot-indicators .dot-container-0,
.refresh .refreshed-dot-indicators .dot-container-1 {
    margin-right: 10px
}

.enhanced-hero-container .refreshed-dot-indicators .dot-container-2,
.refresh .refreshed-dot-indicators .dot-container-2 {
    margin-right: 2px
}

.enhanced-hero-container .refreshed-dot-indicators div,
.refresh .refreshed-dot-indicators div {
    text-align: center;
    cursor: pointer;
    width: 24px;
    height: 24px
}

.hp-parent-container {
    color: #fff;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    display: flex;
    position: relative
}

@media screen and (min-width:1300px) {
    .hp-parent-container {
        margin-right: calc(50% - 602px)
    }
}

.hp-parent-container .vehicle-name {
    filter: drop-shadow(1px 1px #505050bf);
    padding-bottom: 4px;
    font-size: 12px;
    font-weight: 700
}

@media screen and (min-width:992px) {
    .hp-parent-container .vehicle-name {
        font-size: 14px
    }
}

.hp-parent-container .vehicle-header {
    filter: drop-shadow(2px 2px #505050bf);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5
}

@media screen and (min-width:768px) {
    .hp-parent-container .vehicle-header {
        text-align: right;
        width: calc(100vw - 420px);
        font-size: 16px;
        line-height: 1.2
    }
}

@media screen and (min-width:992px) {
    .hp-parent-container .vehicle-header {
        width: calc(100vw - 436px);
        font-size: 28px;
        line-height: 1.2
    }
}

@media screen and (min-width:1024px) {
    .hp-parent-container .vehicle-header {
        width: calc(100vw - 564px)
    }
}

@media screen and (min-width:1200px) {
    .hp-parent-container .vehicle-header {
        width: calc(100vw - 596px)
    }
}

@media screen and (min-width:1300px) {
    .hp-parent-container .vehicle-header {
        width: 668px
    }
}

.fallback,
.hp-hero-container2,
.hp-hero-container3,
.hp-hero-container4,
.hp-hero-vehicle-info {
    display: flex
}

.hp-hero-vehicle-info {
    flex-direction: column;
    align-items: flex-start;
    position: relative
}

.hp-hero-vehicle-info .editorial-subheader a {
    color: #fff;
    font-weight: 700;
    text-decoration: none
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.hp-hero-vehicle-info.fade-in {
    opacity: 0;
    animation: fadeIn 2s ease-in-out forwards
}

@media (min-width:768px) {
    .hp-hero-vehicle-info {
        align-items: flex-end;
        padding-bottom: 8px
    }
}

.hp-extra-container {
    flex-grow: 2
}

.hp-hero-container2 {
    padding-bottom: var(--base-space-px-8);
    justify-content: flex-end
}

.hp-hero-container2 .hp-hero-enhancedSponsored {
    white-space: nowrap;
    padding-bottom: var(--base-space-px-8);
    justify-content: right;
    align-self: center;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.5;
    position: relative
}

@media (min-width:768px) {
    .hp-hero-container2 .hp-hero-enhancedSponsored {
        padding-right: 8px;
        padding-bottom: var(--base-space-px-0)
    }
}

.hp-hero-container2 .hp-hero-enhancedSponsored.horizontalImage {
    padding-bottom: var(--base-space-px-0)
}

.hp-hero-container2 .hp-hero-cta-container {
    align-items: flex-end;
    display: flex
}

@media (min-width:768px) {
    .hp-hero-container2 .hp-hero-cta-container {
        align-items: center
    }

    .hp-hero-container2 .hp-hero-outer-ad-container {
        justify-content: right;
        align-self: center;
        padding-right: 12px;
        display: flex
    }
}

.hp-hero-container2 div:last-child {
    margin-left: auto
}

@media screen and (min-width:768px) {
    .hp-hero-container2 div:last-child {
        margin-left: 0
    }
}

.hp-hero-container3 {
    justify-content: flex-start
}

.hp-hero-container3.single-slide-disclaimer {
    padding-bottom: var(--base-space-px-24)
}

.hp-hero-container3 .refresh-super-hero-disclaimer {
    color: var(--base-color-white);
    font-size: 10px;
    font-weight: 400
}

@media (min-width:460px) {
    .hp-hero-container3 .refresh-super-hero-disclaimer {
        padding-bottom: 16px
    }
}

@media (min-width:768px) {
    .hp-hero-container3 .refresh-super-hero-disclaimer {
        padding-bottom: 8px
    }
}

.hp-hero-container3 .refresh-super-hero-disclaimer.fallback {
    font-size: 12px;
    line-height: 1.2
}

@media (min-width:768px) {
    .hp-hero-container3 .refresh-super-hero-disclaimer.fallback {
        text-align: right;
        padding-top: 4px;
        font-size: 20px
    }
}

.hp-hero-container3 .refresh-super-hero-disclaimer .hero-disclaimer {
    font-size: 10px
}

.hp-hero-container3 .refresh-super-hero-disclaimer span {
    cursor: pointer;
    color: #8dc9ff;
    text-decoration: underline
}

@media screen and (min-width:768px) {
    .hp-hero-container3 {
        justify-content: flex-end
    }
}

.hp-hero-container4 {
    justify-content: flex-end
}

.fallback {
    justify-content: space-between
}

.fallback .hp-hero-logo-container {
    order: 1;
    padding-left: 0
}

.fallback .hp-hero-cta-container {
    order: 2
}

@media (min-width:768px) {
    .fallback {
        justify-content: flex-end
    }

    .fallback .hp-hero-logo-container {
        order: 2;
        padding-left: 0
    }

    .fallback .hp-hero-cta-container {
        order: 1
    }
}

@media screen and (max-width:767px) {
    .refreshedHeroBackground {
        z-index: 1;
        width: 100%;
        height: 118px;
        position: absolute;
        background: #061c50 !important
    }
}

@media screen and (max-width:768px) {
    .homepage-nav-bar {
        z-index: 20 !important
    }
}

.refresh .refreshed-hero .hero .container .superhero {
    height: 330px
}

@media screen and (min-width:768px) {
    .refresh .refreshed-hero .hero .container .superhero {
        height: 558px
    }
}

@media screen and (max-width:767px) {

    .refresh .refreshed-hero>#updated-hero-ad-bar.hp,
    .refresh .refreshed-hero>.hero,
    .refresh .refreshed-hero>.hero-ad-bar.hp,
    .refresh .refreshed-hero>.superhero.hero {
        height: 330px
    }
}

@media screen and (min-width:768px) {
    .refreshedHeroPlaceholder {
        width: 100%;
        min-height: 558px;
        display: block;
        position: relative
    }
}

@media screen and (max-width:767px) {
    .smartBannerPlaceholder {
        width: 100%;
        min-height: 97px;
        display: block;
        position: relative
    }
}

.hyundai-cta-container.fade-in {
    opacity: 1;
    transition: opacity .3s ease-in-out
}

.hyundai-cta-container.fade-out {
    opacity: 0;
    transition: opacity .3s ease-in-out
}

.generic-video-modal {
    z-index: 12000
}

.hero-wave-image {
    z-index: 2;
    width: 100%;
    max-height: 87px;
    position: absolute;
    bottom: -2px
}

@media screen and (min-width:1300px) {
    .hero-wave-image {
        bottom: -5px
    }
}

@media screen and (min-width:768px) {
    .legalTermsDisclaimerText {
        text-align: right
    }
}

.side-bar-container.active:not(.removed) {
    z-index: 52
}

@media screen and (max-width:768px) {
    .homepage-nav-bar {
        z-index: 52 !important
    }
}

.tariff-ad-bar-section-container .bg-neutral-secondary {
    background-color: var(--base-color-neutral-200, #e1e4e8) !important
}

.tariff-ad-bar-container {
    justify-content: space-evenly;
    align-items: center;
    display: flex
}

.tariff-ad-bar-container .tariff-cta {
    width: auto;
    height: auto
}

@media (max-width:1023px) {
    .tariff-ad-bar-container .tariff-cta {
        text-wrap: wrap
    }
}

.tariff-ad-bar-container .tariff-cta .glyphicon {
    color: var(--sem-color-content-accent-primary, var(--base-color-secondary-800, #a42c00))
}

.tariff-ad-bar-container .btn {
    line-height: 18px
}

.tariff-ad-bar-container .btn.btn-link {
    font-weight: 700
}

.tariff-ad-bar-container .btn.btn-link,
.tariff-ad-bar-container .btn.btn-link:active,
.tariff-ad-bar-container .btn.btn-link:focus,
.tariff-ad-bar-container .btn.btn-link:hover,
.tariff-ad-bar-container .btn.btn-link:visited {
    color: var(--base-color-neutral-600, #59636e)
}

@media (min-width:1023px) {
    .tariff-bar-container {
        z-index: 15;
        position: relative
    }
}

@media (max-width:767px) {
    .tariff-bar-container {
        margin-top: 16px
    }
}

.nowFeaturingPlaceholder {
    width: 100%;
    min-height: 24px;
    display: block;
    position: relative
}

@media (max-width:1024px) {
    #rightCar {
        padding-left: var(--base-space-px-0);
        padding-right: var(--base-space-px-0)
    }
}

#rightCar .recent-searches-heading {
    margin-left: var(--base-space-px-20)
}

@media (min-width:1024px) {
    #rightCar .recent-searches-heading {
        margin-left: var(--base-space-px-12)
    }
}

#rightCar .recent-searches-buttons .carousel-cell {
    max-width: fit-content;
    padding-right: var(--base-space-px-8)
}

#rightCar .recent-search-card .recent-search-panel .chip.inquiry-chip {
    padding: var(--base-space-px-12)var(--base-space-px-24);
    border-width: 1px;
    border-color: var(--sem-color-border-neutral-tertiary)
}

#rightCar .recent-search-card .recent-search-panel .glyphicon-search {
    color: var(--base-color-secondary-700)
}

#rightCar .recent-search-card .recent-search-panel .recent-expandable-button {
    height: var(--base-space-px-24);
    padding: var(--base-space-px-0) var(--base-space-px-0) var(--base-space-px-0) var(--base-space-px-8);
    font-weight: 400
}

#rightCar .recent-search-card .recent-search-panel .recent-search-text {
    max-width: calc(312px - 3*var(--base-space-px-24) - 2*var(--base-space-px-8))
}

#rightCar .recent-search-card .recent-search-panel .recent-search-text,
#rightCar .recent-search-card .recent-search-panel .recent-search-text-with-button {
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--sem-color-content-neutral-primary);
    -o-transition: max-width .5s;
    transition: max-width .5s;
    overflow: hidden
}

#rightCar .recent-search-card .recent-search-panel .recent-search-text-with-button {
    max-width: calc(312px - 3*var(--base-space-px-24) - 2*var(--base-space-px-8) - 37px)
}

.browseByStylesPlaceholder {
    min-height: 183px;
    position: relative
}

[data-cmp=emailForm] .form-group,
[data-cmp=emailForm] .form-group-inside {
    margin-bottom: 12px !important
}

[data-cmp=emailForm] .row {
    margin-bottom: 0
}

.checkbox.with-visual {
    padding: 0 !important
}

.checkbox.with-visual.input-card-layout .input-label:after {
    left: 12px
}

.checkbox.with-visual .input-label {
    border: none;
    padding: 0
}

.checkbox.with-visual .input-label:active,
.checkbox.with-visual .input-label:focus,
.checkbox.with-visual .input-label:hover {
    box-shadow: none;
    border-color: #0000
}

.checkbox.with-visual input:checked+.input-label,
.checkbox.with-visual input:checked+label {
    background-color: #0000;
    border-color: #0000
}

body,
html {
    padding: 0 !important
}

.line-height-1 {
    line-height: 1
}

.align-middle {
    vertical-align: middle
}

#search {
    justify-content: center;
    align-items: center;
    display: flex
}

#ae-skip-to-anchor,
a.ae-offscreen.ae-skipto-main {
    visibility: hidden !important;
    display: none !important
}

.transparentHeaderGradientBackground {
    z-index: 1;
    background: linear-gradient(#000, #0000);
    width: 100%;
    height: 176px;
    position: absolute
}

.interstitial-overlay {
    z-index: 2147483647;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 24px 40px 80px;
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    overflow: hidden
}

.interstitial-overlay .close {
    color: #fff;
    position: absolute;
    top: 24px;
    right: 24px
}

.interstitial-overlay .close.inverse {
    color: #6d7782
}

.interstitial-content {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex
}

.interstitial-image {
    width: 100%;
    margin: auto
}

.interstitial-ctas {
    grid-gap: 24px;
    width: 100%;
    display: grid;
    bottom: 80px
}

.interstitial-continue {
    text-align: center
}

@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-y {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-z {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-rotate-x {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false
}

@property --tw-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-divide-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-gradient-position {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0
}

@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%
}

@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-leading {
    syntax: "*";
    inherits: false
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false
}

@property --tw-tracking {
    syntax: "*";
    inherits: false
}

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-ring-inset {
    syntax: "*";
    inherits: false
}

@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff
}

@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-outline-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-duration {
    syntax: "*";
    inherits: false
}

@property --tw-ease {
    syntax: "*";
    inherits: false
}