/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.2.15_@babel+core@7.23.0_@playwright+test@1.38.1_babel-plugin-macros@3.1.0_react_de4f80b1510c8b1e25aee0bf58e87d6c/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[2].use[1]!../../node_modules/.pnpm/next@14.2.15_@babel+core@7.23.0_@playwright+test@1.38.1_babel-plugin-macros@3.1.0_react_de4f80b1510c8b1e25aee0bf58e87d6c/node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[2].use[2]!../../node_modules/.pnpm/next@14.2.15_@babel+core@7.23.0_@playwright+test@1.38.1_babel-plugin-macros@3.1.0_react_de4f80b1510c8b1e25aee0bf58e87d6c/node_modules/next/font/google/target.css?{"path":"fonts/inter.ts","import":"Inter","arguments":[{"subsets":["latin"],"weight":["300","400","500","600","700"],"display":"block","variable":"--font-inter"}],"variableName":"inter"} ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* cyrillic-ext */
@font-face {
  font-family: '__Inter_40b4be';
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url(/_next/static/media/55c55f0601d81cf3-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: '__Inter_40b4be';
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url(/_next/static/media/26a46d62cd723877-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: '__Inter_40b4be';
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: '__Inter_40b4be';
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url(/_next/static/media/581909926a08bbc8-s.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: '__Inter_40b4be';
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url(/_next/static/media/df0a9ae256c0569c-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;
}
/* latin-ext */
@font-face {
  font-family: '__Inter_40b4be';
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url(/_next/static/media/8e9860b6e62d6359-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;
}
/* latin */
@font-face {
  font-family: '__Inter_40b4be';
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, 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;
}
/* cyrillic-ext */
@font-face {
  font-family: '__Inter_40b4be';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/_next/static/media/55c55f0601d81cf3-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: '__Inter_40b4be';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/_next/static/media/26a46d62cd723877-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: '__Inter_40b4be';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: '__Inter_40b4be';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/_next/static/media/581909926a08bbc8-s.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: '__Inter_40b4be';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/_next/static/media/df0a9ae256c0569c-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;
}
/* latin-ext */
@font-face {
  font-family: '__Inter_40b4be';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/_next/static/media/8e9860b6e62d6359-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;
}
/* latin */
@font-face {
  font-family: '__Inter_40b4be';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, 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;
}
/* cyrillic-ext */
@font-face {
  font-family: '__Inter_40b4be';
  font-style: normal;
  font-weight: 500;
  font-display: block;
  src: url(/_next/static/media/55c55f0601d81cf3-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: '__Inter_40b4be';
  font-style: normal;
  font-weight: 500;
  font-display: block;
  src: url(/_next/static/media/26a46d62cd723877-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: '__Inter_40b4be';
  font-style: normal;
  font-weight: 500;
  font-display: block;
  src: url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: '__Inter_40b4be';
  font-style: normal;
  font-weight: 500;
  font-display: block;
  src: url(/_next/static/media/581909926a08bbc8-s.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: '__Inter_40b4be';
  font-style: normal;
  font-weight: 500;
  font-display: block;
  src: url(/_next/static/media/df0a9ae256c0569c-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;
}
/* latin-ext */
@font-face {
  font-family: '__Inter_40b4be';
  font-style: normal;
  font-weight: 500;
  font-display: block;
  src: url(/_next/static/media/8e9860b6e62d6359-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;
}
/* latin */
@font-face {
  font-family: '__Inter_40b4be';
  font-style: normal;
  font-weight: 500;
  font-display: block;
  src: url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, 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;
}
/* cyrillic-ext */
@font-face {
  font-family: '__Inter_40b4be';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url(/_next/static/media/55c55f0601d81cf3-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: '__Inter_40b4be';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url(/_next/static/media/26a46d62cd723877-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: '__Inter_40b4be';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: '__Inter_40b4be';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url(/_next/static/media/581909926a08bbc8-s.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: '__Inter_40b4be';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url(/_next/static/media/df0a9ae256c0569c-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;
}
/* latin-ext */
@font-face {
  font-family: '__Inter_40b4be';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url(/_next/static/media/8e9860b6e62d6359-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;
}
/* latin */
@font-face {
  font-family: '__Inter_40b4be';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, 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;
}
/* cyrillic-ext */
@font-face {
  font-family: '__Inter_40b4be';
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url(/_next/static/media/55c55f0601d81cf3-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: '__Inter_40b4be';
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url(/_next/static/media/26a46d62cd723877-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: '__Inter_40b4be';
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: '__Inter_40b4be';
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url(/_next/static/media/581909926a08bbc8-s.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: '__Inter_40b4be';
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url(/_next/static/media/df0a9ae256c0569c-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;
}
/* latin-ext */
@font-face {
  font-family: '__Inter_40b4be';
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url(/_next/static/media/8e9860b6e62d6359-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;
}
/* latin */
@font-face {
  font-family: '__Inter_40b4be';
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, 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: '__Inter_Fallback_40b4be';src: local("Arial");ascent-override: 90.49%;descent-override: 22.56%;line-gap-override: 0.00%;size-adjust: 107.06%
}.__className_40b4be {font-family: '__Inter_40b4be', '__Inter_Fallback_40b4be';font-style: normal
}.__variable_40b4be {--font-inter: '__Inter_40b4be', '__Inter_Fallback_40b4be'
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.2.15_@babel+core@7.23.0_@playwright+test@1.38.1_babel-plugin-macros@3.1.0_react_de4f80b1510c8b1e25aee0bf58e87d6c/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[3].use[1]!../../node_modules/.pnpm/next@14.2.15_@babel+core@7.23.0_@playwright+test@1.38.1_babel-plugin-macros@3.1.0_react_de4f80b1510c8b1e25aee0bf58e87d6c/node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[3].use[2]!../../node_modules/.pnpm/next@14.2.15_@babel+core@7.23.0_@playwright+test@1.38.1_babel-plugin-macros@3.1.0_react_de4f80b1510c8b1e25aee0bf58e87d6c/node_modules/next/font/local/target.css?{"path":"fonts/helvetica.ts","import":"","arguments":[{"src":"../public/fonts/Helvetica/Helvetica_Neue_LT_Std_77_Bold_Condensed.woff2","weight":"1 1000","display":"block","variable":"--font-helvetica"}],"variableName":"helvetica"} ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: '__helvetica_fcece6';
src: url(/_next/static/media/db1a9d5e442e405f-s.p.woff2) format('woff2');
font-display: block;
font-weight: 1 1000;
}@font-face {font-family: '__helvetica_Fallback_fcece6';src: local("Arial");ascent-override: 105.17%;descent-override: 27.89%;line-gap-override: 0.00%;size-adjust: 90.71%
}.__className_fcece6 {font-family: '__helvetica_fcece6', '__helvetica_Fallback_fcece6'
}.__variable_fcece6 {--font-helvetica: '__helvetica_fcece6', '__helvetica_Fallback_fcece6'
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.2.15_@babel+core@7.23.0_@playwright+test@1.38.1_babel-plugin-macros@3.1.0_react_de4f80b1510c8b1e25aee0bf58e87d6c/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../../node_modules/.pnpm/next@14.2.15_@babel+core@7.23.0_@playwright+test@1.38.1_babel-plugin-macros@3.1.0_react_de4f80b1510c8b1e25aee0bf58e87d6c/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!../../libs/noco-ui/src/shared.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.2.15_@babel+core@7.23.0_@playwright+test@1.38.1_babel-plugin-macros@3.1.0_react_de4f80b1510c8b1e25aee0bf58e87d6c/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../../node_modules/.pnpm/next@14.2.15_@babel+core@7.23.0_@playwright+test@1.38.1_babel-plugin-macros@3.1.0_react_de4f80b1510c8b1e25aee0bf58e87d6c/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./tailwind/MagentoPageBuilder/components/F10/F10.tailwind.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.compare-menu-h1 {
    font-family: var(--font-helvetica) !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    line-height: 1.5rem !important;
}

.feature-fallback-content {
    position: relative;
    margin: auto;
    display: flex;
    height: 1px;
    width: 1.875rem;
    align-items: center;
}

.feature-fallback-content::after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    height: 100%;
    width: 100%;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.compare-coll {
    font-family: var(--font-helvetica);
    font-size: 1.875rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.725rem;
}

@media (min-width: 1024px) {

    .compare-coll {
        font-size: 3.125rem;
        line-height: 2.875rem;
    }
}

.compare-mrkt-mini {
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
    font-family: var(--font-helvetica);
    font-size: 1.25rem;
    line-height: 92%;
    font-weight: 700;
    text-transform: uppercase;
}

@media (min-width: 1024px) {

    .compare-mrkt-mini {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

.compare-p1-card {
    margin-top: 0.625rem;
    display: inline-block;
    width: 100%;
    text-transform: none;
    line-height: 1.15rem;
    --tw-text-opacity: 1;
    color: rgb(163 163 163 / var(--tw-text-opacity));
    font-family: var(--font-inter);
    font-size: 0.875rem;
    font-weight: 400;
}

@media (min-width: 1024px) {

    .compare-p1-card {
        font-size: 1rem;
    }
}

.compare-icon-image {
    --image-width-mobile: 50%;
    --image-width-desktop: 50%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    width: var(--image-width-mobile);
    flex-wrap: nowrap;
    justify-content: center;
    gap: 1rem;
}

@media (min-width: 1024px) {

    .compare-icon-image {
        width: var(--image-width-desktop);
    }
}

.compare-icon-image img {
    display: inline;
}

.compare-icon-image img[src=""] {
    display: none;
}

.compare-icon-image img[src*="no_selection"] {
    display: none;
}

.compare-capitalize {
    text-transform: capitalize !important;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.2.15_@babel+core@7.23.0_@playwright+test@1.38.1_babel-plugin-macros@3.1.0_react_de4f80b1510c8b1e25aee0bf58e87d6c/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../../node_modules/.pnpm/next@14.2.15_@babel+core@7.23.0_@playwright+test@1.38.1_babel-plugin-macros@3.1.0_react_de4f80b1510c8b1e25aee0bf58e87d6c/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./tailwind/MagentoPageBuilder/components/Html/Html.tailwind.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.html-widget p {

    margin-top: 1rem;

    margin-bottom: 1rem;

    font-family: var(--font-inter);

    font-size: 1rem;

    line-height: 150%;

    font-weight: 400;
}

.html-widget ul {

    list-style-type: disc;
}

.html-widget h1 {

    font-family: var(--font-helvetica);

    font-size: 3.5rem;

    line-height: 92%;

    font-weight: 700;

    text-transform: uppercase;
}

@media (min-width: 1024px) {

    .html-widget h1 {

        font-size: 12.25rem;
    }
}

.html-widget h2 {

    font-family: var(--font-helvetica);

    font-size: 3.5rem;

    line-height: 92%;

    font-weight: 700;

    text-transform: uppercase;
}

@media (min-width: 1024px) {

    .html-widget h2 {

        font-size: 7.5rem;
    }
}

.html-widget h3 {

    font-family: var(--font-helvetica);

    font-size: 2.8125rem;

    line-height: 92%;

    font-weight: 700;

    text-transform: uppercase;
}

@media (min-width: 1024px) {

    .html-widget h3 {

        font-size: 5.625rem;
    }
}

.html-widget h4 {

    font-family: var(--font-helvetica);

    font-size: 2.5rem;

    line-height: 92%;

    font-weight: 700;

    text-transform: uppercase;
}

@media (min-width: 1024px) {

    .html-widget h4 {

        font-size: 4.6875rem;
    }
}

.html-widget h5 {

    font-family: var(--font-helvetica);

    font-size: 1.875rem;

    line-height: 92%;

    font-weight: 700;

    text-transform: uppercase;
}

@media (min-width: 1024px) {

    .html-widget h5 {

        font-size: 3.125rem;
    }
}

.html-widget h6 {

    font-family: var(--font-helvetica);

    font-size: 1.5rem;

    line-height: 92%;

    font-weight: 700;

    text-transform: uppercase;
}

@media (min-width: 1024px) {

    .html-widget h6 {

        font-size: 2.5rem;
    }
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.2.15_@babel+core@7.23.0_@playwright+test@1.38.1_babel-plugin-macros@3.1.0_react_de4f80b1510c8b1e25aee0bf58e87d6c/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../../node_modules/.pnpm/next@14.2.15_@babel+core@7.23.0_@playwright+test@1.38.1_babel-plugin-macros@3.1.0_react_de4f80b1510c8b1e25aee0bf58e87d6c/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./tailwind/MagentoPageBuilder/components/U5/U5.tailwind.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.faq-accordion-table .table-wrapper {

    position: relative;

    margin-left: -1rem;

    width: calc(100% + 2rem)
}

.faq-accordion-table .table-wrapper::before {

    position: absolute;

    top: 0px;

    left: 0px;

    height: 100%;

    width: 1rem;

    content: var(--tw-content);

    background-image: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0) 107.34%)
}

.faq-accordion-table .table-wrapper::after {

    position: absolute;

    top: 0px;

    right: 0px;

    height: 100%;

    width: 1rem;

    content: var(--tw-content);

    background-image: linear-gradient(270deg, #000 0%, rgba(0, 0, 0, 0) 107.34%)
}

.faq-accordion-table .table-wrapper:not(:first-of-type) {

    margin-top: 1rem
}

.faq-accordion-table .table-container {

    overflow: auto;

    padding-left: 1rem;

    padding-right: 1rem
}

.faq-accordion-table .table-container table {

    display: table
}

.faq-accordion-table table {

    display: block;

    width: 100%;

    border-collapse: separate !important;

    --tw-border-spacing-x: 0px;

    --tw-border-spacing-y: 0px;

    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);

    overflow-x: auto;

    border-radius: 0.75rem;

    border-width: 0px;

    border-style: none;

    --tw-bg-opacity: 1;

    background-color: rgb(30 30 30 / var(--tw-bg-opacity));

    padding-left: 1.25rem;

    padding-right: 1.25rem;

    font-family: var(--font-inter)
}

@media (min-width: 1024px) {

    .faq-accordion-table table {

        display: table
    }
}

.faq-accordion-table table::-webkit-scrollbar-button {

    height: 0.25rem;

    width: 0.25rem
}

.faq-accordion-table table::-webkit-scrollbar-corner {

    background-color: transparent
}

.faq-accordion-table table::-webkit-scrollbar-thumb {

    border-radius: 0.375rem;

    border-width: 2px;

    border-style: solid;

    --tw-border-opacity: 1;

    border-color: rgb(163 163 163 / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.faq-accordion-table table::-webkit-scrollbar-track {

    border-radius: 0.25rem;

    --tw-bg-opacity: 1;

    background-color: rgb(163 163 163 / var(--tw-bg-opacity))
}

.faq-accordion-table table::-webkit-scrollbar {

    height: 0.5rem;

    width: 0.5rem
}

.faq-accordion-table tbody {

    display: inline-table;

    width: 100%
}

@media (min-width: 1024px) {

    .faq-accordion-table tbody {

        display: table-row-group
    }
}

.faq-accordion-table tr {

    position: relative;

    display: flex;

    width: 100%;

    border-bottom-width: 1px;

    border-bottom-color: rgb(153 153 153 / 0.3)
}

.faq-accordion-table tr:last-of-type {

    border-bottom-width: 0px
}

@media (min-width: 1024px) {

    .faq-accordion-table tr {

        display: table-row
    }
}

.faq-accordion-table th {

    width: 7rem;

    min-width: 7rem;

    border-collapse: collapse;

    border-width: 0px;

    padding-top: 1.25rem;

    padding-bottom: 1.25rem;

    padding-left: 0.125rem;

    padding-right: 0.125rem;

    text-align: center;

    font-size: 1rem;

    line-height: 1.5rem;

    font-weight: 600
}

@media (min-width: 1024px) {

    .faq-accordion-table th {

        width: auto;

        min-width: -moz-fit-content;

        min-width: fit-content
    }
}
.faq-accordion-table td {

    width: 7rem;

    min-width: 7rem;

    border-collapse: collapse;

    border-width: 0px;

    padding-top: 1.25rem;

    padding-bottom: 1.25rem;

    padding-left: 0.125rem;

    padding-right: 0.125rem;

    text-align: center;

    font-size: 0.875rem;

    line-height: 1.25rem
}
@media (min-width: 1024px) {

    .faq-accordion-table td {

        width: auto;

        min-width: -moz-fit-content;

        min-width: fit-content;

        border-bottom-width: 1px;

        border-bottom-color: rgb(153 153 153 / 0.3);

        font-size: 1rem;

        line-height: 1.5rem
    }
}

.faq-accordion-table td a {

    width: 100%;

    text-wrap: pretty
}

@media (min-width: 1024px) {

    .faq-accordion-table tr:last-of-type td {

        border-width: 0px
    }
}

.faq-accordion-table strong {

    font-size: 1rem;

    line-height: 1.5rem;

    font-weight: 700
}

.faq-accordion-table img {

    height: 7rem;

    width: 7rem;

    -o-object-fit: cover;

       object-fit: cover
}

.faq-accordion-table a {

    font-family: var(--font-inter);

    font-size: 1rem;

    line-height: 1.5rem;

    --tw-text-opacity: 1;

    color: rgb(196 196 196 / var(--tw-text-opacity));

    text-decoration-line: underline;

    text-underline-offset: 4px;

    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 300ms
}

.faq-accordion-table a:where([data-rac])[data-hovered] {

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.faq-accordion-table a:where(:not([data-rac])):hover {

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.faq-accordion-table gtx-trans {

    display: none
}

.faq-accordion-table h3 {

    margin-top: 1.5rem;

    margin-bottom: 1.5rem;

    font-family: var(--font-inter);

    font-size: 1rem;

    line-height: 150%;

    font-weight: 700
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.2.15_@babel+core@7.23.0_@playwright+test@1.38.1_babel-plugin-macros@3.1.0_react_de4f80b1510c8b1e25aee0bf58e87d6c/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../../node_modules/.pnpm/next@14.2.15_@babel+core@7.23.0_@playwright+test@1.38.1_babel-plugin-macros@3.1.0_react_de4f80b1510c8b1e25aee0bf58e87d6c/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./tailwind/MagentoPageBuilder/components/T11/T11.tailwind.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.t11-paragraph ul {

    list-style-type: disc;

    padding-inline-start: 1rem
}

.t11-paragraph ol {

    list-style-type: decimal;

    padding-inline-start: 1rem
}

.t11-paragraph p {

    margin-top: 1rem;

    margin-bottom: 1rem
}

.t11-paragraph a {

    font-family: var(--font-inter);

    font-size: 1rem;

    font-weight: 400;

    line-height: 150%;

    text-decoration: underline;

    text-underline-offset: 2px
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.2.15_@babel+core@7.23.0_@playwright+test@1.38.1_babel-plugin-macros@3.1.0_react_de4f80b1510c8b1e25aee0bf58e87d6c/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../../node_modules/.pnpm/next@14.2.15_@babel+core@7.23.0_@playwright+test@1.38.1_babel-plugin-macros@3.1.0_react_de4f80b1510c8b1e25aee0bf58e87d6c/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./tailwind/Header/DesktopMenu/SubNav/DesktopMenu.tailwind.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.desktop-menu-subnav [data-magento-page-builder='row']:first-of-type [data-magento-page-builder='column-line'] {
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
}
  .desktop-menu-subnav [data-magento-page-builder='row']:first-of-type [data-magento-page-builder='column'] {
    width: auto;
}
  .desktop-menu-subnav [data-magento-page-builder='row']:first-of-type [data-magento-page-builder='column'] {
    padding: 0px;
}
  .desktop-menu-subnav [data-magento-page-builder='row']:first-of-type [data-magento-page-builder='column']:first-of-type {
    padding-left: 1rem;
}
  .desktop-menu-subnav [data-magento-page-builder='row']:first-of-type [data-magento-page-builder="heading"] {
    font-family: var(--font-inter);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 150%;
}
  @media (min-width: 1024px) {
    .desktop-menu-subnav [data-magento-page-builder='row']:first-of-type [data-magento-page-builder="heading"] {
        font-family: var(--font-helvetica);
        font-size: 1rem;
        text-transform: uppercase;
    }
}

.desktop-menu-subnav [data-magento-page-builder='row']:last-of-type [data-magento-page-builder='column-line'] {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
}

.desktop-menu-subnav [data-magento-page-builder='row']:last-of-type [data-magento-page-builder='column'] {
    width: auto;
}

.desktop-menu-subnav [data-magento-page-builder='row']:last-of-type [data-magento-page-builder='column'] {
    padding: 0px;
}

.desktop-menu-subnav [data-magento-page-builder='row']:last-of-type [data-magento-page-builder='column']:first-of-type {
    padding-left: 1rem;
}

.desktop-menu-subnav [data-magento-page-builder='image'] {
    margin: 0px;
    height: 6.25rem;
    padding: 0px;
}

.desktop-menu-subnav [data-magento-page-builder='image'] a {
    outline-offset: 2px;
}

.desktop-menu-subnav [data-magento-page-builder='image'] a:where([data-rac])[data-focus-visible] {
    outline-width: 2px;
}

.desktop-menu-subnav [data-magento-page-builder='image'] a:where([data-rac])[data-focus-visible] {
    outline-color: #fff;
}

.desktop-menu-subnav [data-magento-page-builder='image'] a:where(:not([data-rac])):focus-visible {
    outline-width: 2px;
}

.desktop-menu-subnav [data-magento-page-builder='image'] a:where(:not([data-rac])):focus-visible {
    outline-color: #fff;
}

.desktop-menu-subnav [data-magento-page-builder='image'] img {
    -o-object-fit: contain;
       object-fit: contain;
}

.desktop-menu-subnav [data-magento-page-builder='image'] img {
    -o-object-position: left;
       object-position: left;
}

.desktop-menu-subnav [data-magento-page-builder='column'] {
    height: 100%;
}

.desktop-menu-subnav [data-magento-page-builder='buttons'],
.desktop-menu-subnav [data-magento-page-builder='button-item'] {
    display: block;
    width: auto;
    overflow: visible;
}

.desktop-menu-subnav [data-magento-page-builder='buttons'] a, .desktop-menu-subnav [data-magento-page-builder='buttons'] button, .desktop-menu-subnav [data-magento-page-builder='button-item'] a, .desktop-menu-subnav [data-magento-page-builder='button-item'] button {
    margin: 0px;
}


.desktop-menu-subnav [data-magento-page-builder='text'] ul {
    display: flex;
}


.desktop-menu-subnav [data-magento-page-builder='text'] ul {
    flex-direction: column;
}


.desktop-menu-subnav [data-magento-page-builder='text'] ul {
    row-gap: 0.25rem;
}


.desktop-menu-subnav [data-magento-page-builder='text'] ul li {
    line-height: 1;
}


.desktop-menu-subnav [data-magento-page-builder='text'] ul a {
    font-weight: 400 !important;
}


.desktop-menu-subnav [data-magento-page-builder='text'] ul a {
    line-height: 1.25 !important;
}


.desktop-menu-subnav [data-magento-page-builder='text'] ul a {
    outline-offset: 2px;
}


.desktop-menu-subnav [data-magento-page-builder='text'] ul a {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}


.desktop-menu-subnav [data-magento-page-builder='text'] ul a {
    transition-duration: 300ms;
}


.desktop-menu-subnav [data-magento-page-builder='text'] ul a {
    font-family: var(--font-inter);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 150%;
}


.desktop-menu-subnav [data-magento-page-builder='text'] ul a:where([data-rac])[data-hovered] {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}


.desktop-menu-subnav [data-magento-page-builder='text'] ul a:where(:not([data-rac])):hover {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}


.desktop-menu-subnav [data-magento-page-builder='text'] ul a span {
    --tw-text-opacity: 1 !important;
    color: rgb(163 163 163 / var(--tw-text-opacity)) !important;
}


.desktop-menu-subnav [data-magento-page-builder='text'] ul a span {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}


.desktop-menu-subnav [data-magento-page-builder='text'] ul a span {
    transition-duration: 300ms;
}


.desktop-menu-subnav [data-magento-page-builder='text'] ul a:hover span {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}


.desktop-menu-subnav [data-magento-page-builder='text'] span strong {
    font-weight: 400 !important;
}


.desktop-menu-subnav [data-magento-page-builder='text'] span strong {
    font-family: var(--font-inter);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 150%;
}


@media (min-width: 1024px) {
    .desktop-menu-subnav [data-magento-page-builder='text'] span strong {
        font-family: var(--font-helvetica);
        font-size: 1rem;
        text-transform: uppercase;
    }
}

.mega-menu-products .html-widget p {
    margin: 0px;
}

.mega-menu-products .html-widget ul {
    margin: 0px;
}

.mega-menu-products .html-widget ul {
    display: flex;
}

.mega-menu-products .html-widget ul {
    list-style-type: none;
}

.mega-menu-products .html-widget ul {
    flex-direction: column;
}

.mega-menu-products .html-widget ul {
    row-gap: 0.25rem;
}

.mega-menu-products .html-widget ul {
    padding: 0px;
}



/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.2.15_@babel+core@7.23.0_@playwright+test@1.38.1_babel-plugin-macros@3.1.0_react_de4f80b1510c8b1e25aee0bf58e87d6c/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../../node_modules/.pnpm/next@14.2.15_@babel+core@7.23.0_@playwright+test@1.38.1_babel-plugin-macros@3.1.0_react_de4f80b1510c8b1e25aee0bf58e87d6c/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./tailwind/Support/Support.tailwind.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.support-page .support-center-fluid-menu-1 {
      margin: 0px;
}
  .support-page .support-center-fluid-menu-1 {
      display: flex;
}
  .support-page .support-center-fluid-menu-1 {
      list-style-type: none;
}
  .support-page .support-center-fluid-menu-1 {
      flex-wrap: wrap;
}
  .support-page .support-center-fluid-menu-1 {
      justify-content: center;
}
  .support-page .support-center-fluid-menu-1 {
      gap: 0.75rem;
}
  .support-page .support-center-fluid-menu-1 {
      padding-left: 1rem;
      padding-right: 1rem;
}
  @media (min-width: 640px) {
      .support-page .support-center-fluid-menu-1 {
            gap: 1rem;
      }
}
  .support-page .support-center-fluid-menu-1 li {
      aspect-ratio: 1 / 1;
}
  .support-page .support-center-fluid-menu-1 li {
      flex-basis: calc(50% - 0.375rem);
    }
  @media (min-width: 640px) {
  .support-page .support-center-fluid-menu-1 li {
        flex-basis: calc(50% - 0.5rem)
    }
      }
  @media (min-width: 768px) {
  .support-page .support-center-fluid-menu-1 li {
        flex-basis: calc(100% / 3 - 0.75rem)
    }
      }
  @media (min-width: 1024px) {
  .support-page .support-center-fluid-menu-1 li {
        flex-basis: calc(100% / 4 - 0.75rem)
    }
      }
  @media (min-width: 1280px) {
  .support-page .support-center-fluid-menu-1 li {
        flex-basis: calc(100% / 5 - 0.875rem)
    }
      }
  .support-page .support-center-fluid-menu-1 li a {
      position: relative;
}
  .support-page .support-center-fluid-menu-1 li a {
      display: flex;
}
  .support-page .support-center-fluid-menu-1 li a {
      aspect-ratio: 1 / 1;
}
  .support-page .support-center-fluid-menu-1 li a {
      width: 100%;
      height: 100%;
}
  .support-page .support-center-fluid-menu-1 li a {
      flex-direction: column;
}
  .support-page .support-center-fluid-menu-1 li a {
      align-items: center;
}
  .support-page .support-center-fluid-menu-1 li a {
      justify-content: center;
}
  .support-page .support-center-fluid-menu-1 li a {
      gap: 0.25rem;
}
  .support-page .support-center-fluid-menu-1 li a {
      text-wrap: pretty;
}
  .support-page .support-center-fluid-menu-1 li a {
      border-radius: 0.75rem;
}
  .support-page .support-center-fluid-menu-1 li a {
      background-color: rgb(26 26 26 / 0.8);
}
  .support-page .support-center-fluid-menu-1 li a {
      padding-left: 0.875rem;
      padding-right: 0.875rem;
}
  .support-page .support-center-fluid-menu-1 li a {
      text-align: center;
}
  .support-page .support-center-fluid-menu-1 li a {
      font-size: 1rem;
      line-height: 1.5rem;
}
  .support-page .support-center-fluid-menu-1 li a {
      font-weight: 700;
}
  .support-page .support-center-fluid-menu-1 li a {
      line-height: 1.25rem;
}
  .support-page .support-center-fluid-menu-1 li a {
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
}
  .support-page .support-center-fluid-menu-1 li a {
      transition-duration: 300ms;
}
  .support-page .support-center-fluid-menu-1 li a:where([data-rac])[data-hovered] {
      --tw-bg-opacity: 1;
      background-color: rgb(26 26 26 / var(--tw-bg-opacity));
}
  .support-page .support-center-fluid-menu-1 li a:where([data-rac])[data-hovered] {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity));
}
  .support-page .support-center-fluid-menu-1 li a:where(:not([data-rac])):hover {
      --tw-bg-opacity: 1;
      background-color: rgb(26 26 26 / var(--tw-bg-opacity));
}
  .support-page .support-center-fluid-menu-1 li a:where(:not([data-rac])):hover {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity));
}
  @media (min-width: 640px) {
      .support-page .support-center-fluid-menu-1 li a {
            font-size: 1.125rem;
            line-height: 1.75rem;
      }
}
  .support-page .support-center-fluid-menu-1 li a img {
      width: 100%;
      height: 100%;
}
  .support-page .support-center-fluid-menu-1 li a img {
      max-height: 5rem;
}
  .support-page .support-center-fluid-menu-1 li a img {
      max-width: 5rem;
}
  .support-page .support-center-fluid-menu-1 li a img {
      -o-object-fit: contain;
         object-fit: contain;
}
  .support-page .support-center-fluid-menu-1 li a img {
      -o-object-position: center;
         object-position: center;
}
  @media (min-width: 640px) {
      .support-page .support-center-fluid-menu-1 li a img {
            max-height: 8.875rem;
      }
}
  @media (min-width: 640px) {
      .support-page .support-center-fluid-menu-1 li a img {
            max-width: 8.75rem;
      }
}
  .support-page div[data-magento-page-builder='text']:has(.support-center-fluid-menu-1) > div {
      font-family: var(--font-inter);
      font-size: 1.25rem;
      font-weight: 700;
}
  @media (min-width: 1024px) {
      .support-page div[data-magento-page-builder='text']:has(.support-center-fluid-menu-1) > div {
            font-size: 1.75rem;
      }
}
  .support-page div[data-magento-page-builder='text']:has(.support-center-fluid-menu-1) > div > div {
      font-family: var(--font-inter);
      font-size: 1rem;
      line-height: 150%;
      font-weight: 400;
}

.support-page .html-widget p {
      margin: 0px;
}

.support-page:has(.support-center-fluid-menu-1) a[data-content="link"],
.support-page .support-footer a[data-content="link"] {
      font-size: 1.125rem;
      line-height: 1.75rem;
      --tw-text-opacity: 1;
      color: rgb(196 196 196 / var(--tw-text-opacity));
}

.support-page:has(.support-center-fluid-menu-1) a[data-content="link"]::after,
.support-page .support-footer a[data-content="link"]::after {
      display: inline-block;
      height: 0.875rem;
      width: 0.5rem;
      background-image: url("/images/account-product-link-icon-md-white.svg");
      background-size: contain;
      background-repeat: no-repeat;
      line-height: 0;
      opacity: 0.75;
      transition-property: opacity;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      content: var(--tw-content);
      transition-duration: 300ms;
}

.support-page:has(.support-center-fluid-menu-1) a[data-content="link"]:where([data-rac])[data-hovered],
.support-page .support-footer a[data-content="link"]:where([data-rac])[data-hovered] {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity));
}

.support-page:has(.support-center-fluid-menu-1) a[data-content="link"]:where([data-rac])[data-hovered]::after,
.support-page .support-footer a[data-content="link"]:where([data-rac])[data-hovered]::after {
      content: var(--tw-content);
      opacity: 1;
}

.support-page:has(.support-center-fluid-menu-1) a[data-content="link"]:where(:not([data-rac])):hover,
.support-page .support-footer a[data-content="link"]:where(:not([data-rac])):hover {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity));
}

.support-page:has(.support-center-fluid-menu-1) a[data-content="link"]:where(:not([data-rac])):hover::after,
.support-page .support-footer a[data-content="link"]:where(:not([data-rac])):hover::after {
      content: var(--tw-content);
      opacity: 1;
}

.support-page:has(.support-center-fluid-menu-1) [data-magento-page-builder='column-line'],
.support-page .support-footer [data-magento-page-builder='column-line'] {
      margin-left: auto;
      margin-right: auto;
      display: grid !important;
      width: 100%;
      grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 1024px) {
      .support-page:has(.support-center-fluid-menu-1) [data-magento-page-builder='column-line'],
.support-page .support-footer [data-magento-page-builder='column-line'] {
            grid-template-columns: repeat(3, minmax(0, 1fr));
      }
}

.support-page:has(.support-center-fluid-menu-1) [data-magento-page-builder='column'],
.support-page .support-footer [data-magento-page-builder='column'] {
      position: relative;
      width: 100% !important;
      row-gap: 1rem !important;
      padding-top: 1.5rem !important;
      padding-bottom: 1.5rem !important;
}

@media (max-width: 1023px) {
    .support-page:has(.support-center-fluid-menu-1) [data-magento-page-builder='column']:nth-child(1),
    .support-page:has(.support-center-fluid-menu-1) [data-magento-page-builder='column']:nth-child(3),
    .support-page .support-footer [data-magento-page-builder='column']:nth-child(1),
    .support-page .support-footer [data-magento-page-builder='column']:nth-child(3) {
      margin-bottom: 1rem;
    }
      .support-page:has(.support-center-fluid-menu-1) [data-magento-page-builder='column']:nth-child(n + 3):before, .support-page .support-footer [data-magento-page-builder='column']:nth-child(n + 3):before {
        content: '';
        display: block;
        width: calc(100% + 1px);
        height: 1px;
        background-color: rgba(212, 212, 212, 0.5);
        position: absolute;
        top: -1rem;
        left: 0;
      }
      .support-page:has(.support-center-fluid-menu-1) [data-magento-page-builder='column']:nth-child(n + 3), .support-page .support-footer [data-magento-page-builder='column']:nth-child(n + 3) {
      margin-top: 1rem !important;
      }
    .support-page:has(.support-center-fluid-menu-1) [data-magento-page-builder='column']:nth-child(odd), .support-page .support-footer [data-magento-page-builder='column']:nth-child(odd) {
      padding-right: 1.5rem;
      border-right: 1px solid rgba(212, 212, 212, 0.5);
    }

    .support-page:has(.support-center-fluid-menu-1) [data-magento-page-builder='column']:nth-child(even), .support-page .support-footer [data-magento-page-builder='column']:nth-child(even) {
      padding-left: 1.5rem;
    }
  }

@media (min-width: 1024px) {

.support-page:has(.support-center-fluid-menu-1) [data-magento-page-builder='column'],
.support-page .support-footer [data-magento-page-builder='column'] {
    padding-left: 0;
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
      }
    .support-page:has(.support-center-fluid-menu-1) [data-magento-page-builder='column']:nth-child(1),
    .support-page:has(.support-center-fluid-menu-1) [data-magento-page-builder='column']:nth-child(4),
    .support-page .support-footer [data-magento-page-builder='column']:nth-child(1),
    .support-page .support-footer [data-magento-page-builder='column']:nth-child(4) {
      padding-right: 2.5rem !important;
    }
    .support-page:has(.support-center-fluid-menu-1) [data-magento-page-builder='column']:nth-child(2),
    .support-page:has(.support-center-fluid-menu-1) [data-magento-page-builder='column']:nth-child(5),
    .support-page .support-footer [data-magento-page-builder='column']:nth-child(2),
    .support-page .support-footer [data-magento-page-builder='column']:nth-child(5) {
      padding: 2.5rem !important;
      border-right: 1px solid rgba(212, 212, 212, 0.5) !important;
      border-left: 1px solid rgba(212, 212, 212, 0.5) !important;
    }

    .support-page:has(.support-center-fluid-menu-1) [data-magento-page-builder='column']:nth-child(3),
    .support-page:has(.support-center-fluid-menu-1) [data-magento-page-builder='column']:nth-child(6),
    .support-page .support-footer [data-magento-page-builder='column']:nth-child(3),
    .support-page .support-footer [data-magento-page-builder='column']:nth-child(6) {
      padding-left: 2.5rem !important;
    }

    .support-page:has(.support-center-fluid-menu-1) [data-magento-page-builder='column']:nth-child(-n + 3), .support-page .support-footer [data-magento-page-builder='column']:nth-child(-n + 3) {
      margin-bottom: 2.5rem !important;
    }
      .support-page:has(.support-center-fluid-menu-1) [data-magento-page-builder='column']:nth-child(n + 4):before, .support-page .support-footer [data-magento-page-builder='column']:nth-child(n + 4):before {
        content: '';
        display: block;
        width: calc(100% + 1px);
        height: 1px;
        background-color: rgba(212, 212, 212, 0.5);
        position: absolute;
        top: -1.5rem;
        left: 0;
      }
      .support-page:has(.support-center-fluid-menu-1) [data-magento-page-builder='column']:nth-child(n + 4), .support-page .support-footer [data-magento-page-builder='column']:nth-child(n + 4) {
      margin-top: 1.5rem !important;
      }
  }

.support-page:has(.support-center-fluid-menu-1) [data-magento-page-builder='heading'],
.support-page .support-footer [data-magento-page-builder='heading'] {
      font-family: var(--font-inter);
      font-size: 1.25rem;
      line-height: 1.75rem;
}

.embeddedServiceHelpButton .helpButton .uiButton.helpButtonEnabled {
      background-color: #222222;
      font-family: "Arial", sans-serif;
    }

.embeddedServiceHelpButton .helpButton .uiButton.helpButtonEnabled:focus {
        outline: 1px solid #222222;
      }
body:not(.support) .embeddedServiceHelpButton {
  display: none !important;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.2.15_@babel+core@7.23.0_@playwright+test@1.38.1_babel-plugin-macros@3.1.0_react_de4f80b1510c8b1e25aee0bf58e87d6c/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../../node_modules/.pnpm/next@14.2.15_@babel+core@7.23.0_@playwright+test@1.38.1_babel-plugin-macros@3.1.0_react_de4f80b1510c8b1e25aee0bf58e87d6c/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./tailwind/Footer/Footer.tailwind.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.autofill-unset::-webkit-autofill,
.autofill-unset::-webkit-autofill:hover,
.autofill-unset::-webkit-autofill:focus,
.autofill-unset::-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: #D4D4D4;
  background-color: transparent;
  caret-color: #D4D4D4;
}

.footer #back-to-top {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: var(--font-inter);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 150%;
}

.footer a:where([data-rac])[data-hovered] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.footer a:where(:not([data-rac])):hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.footer .footer-logo-link-desktop {
  width: auto;
  border-radius: 1px;
}

.footer .footer-logo-link-desktop:where([data-rac])[data-focus-visible] {
  outline-width: 1.5px;
  outline-offset: 6px;
  outline-color: #fff;
}

.footer .footer-logo-link-desktop:where(:not([data-rac])):focus-visible {
  outline-width: 1.5px;
  outline-offset: 6px;
  outline-color: #fff;
}

@media (min-width: 1024px) {

  .footer [data-magento-page-builder='row'].hidden-lg,
.footer .hidden-lg {
    display: none;
  }
}

.footer [data-magento-page-builder='row'].hidden-xs,
.footer .hidden-xs {
  display: none;
}

@media (min-width: 1024px) {

  .footer [data-magento-page-builder='row'].visible-lg,
.footer .visible-lg {
    display: flex;
  }
}

.footer [data-magento-page-builder='divider'] hr {
  width: auto;
}

/* copyright */
.footer .footer-copyright {
  display: grid;
  align-items: center;
  gap: 0.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  --tw-text-opacity: 1;
  color: rgb(212 212 212 / var(--tw-text-opacity));
}

/* copyright links */
.footer .footer-copyright .footer-copyright-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  row-gap: 0.25rem;
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
}

.footer .footer-copyright .footer-copyright-links span {
  font-size: 0.5rem;
}

.footer .footer-copyright a {
  border-radius: 0.375rem;
  --tw-text-opacity: 1;
  color: rgb(212 212 212 / var(--tw-text-opacity));
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: transparent;
}

.footer .footer-copyright a:where([data-rac])[data-hovered] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.footer .footer-copyright a:where(:not([data-rac])):hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.footer .footer-copyright a:where([data-rac])[data-focused] {
  outline-color: transparent;
}

.footer .footer-copyright a:where(:not([data-rac])):focus {
  outline-color: transparent;
}

.footer .footer-copyright a:where([data-rac])[data-focus-visible] {
  outline-color: #fff;
}

.footer .footer-copyright a:where(:not([data-rac])):focus-visible {
  outline-color: #fff;
}

/* copyright social links */
.footer .footer-social-links a {
  border-radius: 0.375rem;
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 6px;
  outline-color: transparent;
}
.footer .footer-social-links a:where([data-rac])[data-focused] {
  outline-color: transparent;
}
.footer .footer-social-links a:where(:not([data-rac])):focus {
  outline-color: transparent;
}
.footer .footer-social-links a:where([data-rac])[data-focus-visible] {
  outline-color: #fff;
}
.footer .footer-social-links a:where(:not([data-rac])):focus-visible {
  outline-color: #fff;
}

@media not all and (min-width: 1024px) {

  .footer .footer-copyright li:last-child {
    display: none;
  }
}

.footer .footer-copyright ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  justify-content: center;
}

@media (min-width: 1024px) {

  .footer .footer-copyright ul {
    display: flex;
  }
}

.footer .footer-copyright li:nth-child(2n + 1) {
  padding-right: 0.5rem;
  text-align: right;
}

@media (min-width: 1024px) {

  .footer .footer-copyright li:nth-child(2n + 1) {
    padding-right: 0px;
    text-align: center;
  }
}

.footer .footer-copyright li:nth-child(2n) {
  border-left-width: 1px;
  border-color: rgb(153 153 153 / 0.3);
  padding-left: 0.5rem;
  text-align: left;
}

@media (min-width: 1024px) {

  .footer .footer-copyright li:nth-child(2n) {
    border-left-width: 0px;
    padding-left: 0px;
    text-align: center;
  }

  .footer .footer-copyright li + li {
    display: flex;
  }

  .footer .footer-copyright li + li::before {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    --tw-content: '•';
    content: var(--tw-content);
  }
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.2.15_@babel+core@7.23.0_@playwright+test@1.38.1_babel-plugin-macros@3.1.0_react_de4f80b1510c8b1e25aee0bf58e87d6c/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../../node_modules/.pnpm/next@14.2.15_@babel+core@7.23.0_@playwright+test@1.38.1_babel-plugin-macros@3.1.0_react_de4f80b1510c8b1e25aee0bf58e87d6c/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./tailwind/Product/Product.tailwind.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
#product-header ~ .pagebuilder-root .html-widget p {
    margin: 0px
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.2.15_@babel+core@7.23.0_@playwright+test@1.38.1_babel-plugin-macros@3.1.0_react_de4f80b1510c8b1e25aee0bf58e87d6c/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../../node_modules/.pnpm/next@14.2.15_@babel+core@7.23.0_@playwright+test@1.38.1_babel-plugin-macros@3.1.0_react_de4f80b1510c8b1e25aee0bf58e87d6c/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./tailwind/Product/TechSpecs/TechSpecs.tailwind.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.tech-specs [data-magento-page-builder='row'].techspec-row {
      padding-left: 1rem;
      padding-right: 1rem;
      text-align: left;
}

  .tech-specs [data-magento-page-builder='row'].techspec-row ul {
      display: flex;
}

  .tech-specs [data-magento-page-builder='row'].techspec-row ul {
      flex-direction: column;
}

  .tech-specs [data-magento-page-builder='row'].techspec-row ul {
      row-gap: 0.25rem;
}

  .tech-specs [data-magento-page-builder='row'].techspec-row ul {
      padding-bottom: 0.75rem;
}

  .tech-specs [data-magento-page-builder='row'].techspec-row ul {
      padding-left: 0.75rem;
}

  .tech-specs [data-magento-page-builder='row'].techspec-row [data-magento-page-builder='column-line'] {
      flex-wrap: nowrap;
}

  .tech-specs [data-magento-page-builder='row'].techspec-row [data-magento-page-builder='column'] {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
}

  .tech-specs [data-magento-page-builder='row'].techspec-row [data-magento-page-builder='column'] {
      padding-bottom: 2rem;
}

  .tech-specs [data-magento-page-builder='row'].techspec-row [data-magento-page-builder='column']:first-of-type {
      flex: 41%;
    }

  .tech-specs [data-magento-page-builder='row'].techspec-row [data-magento-page-builder='column']:last-of-type {
      flex: 60%;
    }

  @media (min-width: 768px) {.tech-specs [data-magento-page-builder='row'].techspec-row {
    width: 100%;
    max-width: 55rem;
    margin: 0 auto;
      }

    .tech-specs [data-magento-page-builder='row'].techspec-row [data-magento-page-builder='column-group'] {
      margin-left: 4rem;
    }
      .tech-specs [data-magento-page-builder='row'].techspec-row [data-magento-page-builder='column']:first-of-type {
        flex: 30%;
      }

      .tech-specs [data-magento-page-builder='row'].techspec-row [data-magento-page-builder='column']:last-of-type {
        flex: 50%;
      }

      .tech-specs [data-magento-page-builder='row'].techspec-row [data-magento-page-builder='column'].techspecs-divider {
        padding-right: 2rem;
      }
  }

  @media (min-width: 1024px) {.tech-specs [data-magento-page-builder='row'].techspec-row {
    padding-inline: 0;
      }
    .tech-specs [data-magento-page-builder='row'].techspec-row [data-magento-page-builder='column-group'] {
      margin-left: 8.5rem;
    }
  }

.tech-specs .techspecs-copy {
      margin: 0px;
      font-family: var(--font-inter);
      font-size: 1rem;
      line-height: 150%;
      font-weight: 400;
}

.tech-specs .techspecs-copy-strong {
      margin: 0px;
      padding-right: 0.5rem;
      font-family: var(--font-inter);
      font-size: 1rem;
      line-height: 150%;
      font-weight: 700;
}

.tech-specs .techspecs-divider {
      position: relative;
      height: 100%;
      width: 1px !important;
      padding: 0px;
      padding-right: 1rem;
}

.tech-specs .techspecs-divider::after {
      position: absolute;
      top: 0px;
      display: block;
      height: 100%;
      width: 1px;
      content: var(--tw-content);
      --tw-bg-opacity: 1;
      background-color: rgb(212 212 212 / var(--tw-bg-opacity));
}

.tech-specs [data-magento-page-builder="title-link"] {
      text-align: center;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.2.15_@babel+core@7.23.0_@playwright+test@1.38.1_babel-plugin-macros@3.1.0_react_de4f80b1510c8b1e25aee0bf58e87d6c/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../../node_modules/.pnpm/next@14.2.15_@babel+core@7.23.0_@playwright+test@1.38.1_babel-plugin-macros@3.1.0_react_de4f80b1510c8b1e25aee0bf58e87d6c/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./tailwind/Header/GlobalSearch/Suggestions/Suggestions.tailwind.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.suggestions-list p {
    margin: 0px
}
  .suggestions-list p {
    display: flex
}
  .suggestions-list p {
    height: 1.6875rem
}
  .suggestions-list p {
    align-items: center
}
  .suggestions-list p {
    font-family: var(--font-inter)
}
  .suggestions-list p {
    font-size: 0.875rem;
    line-height: 1.25rem
}
  .suggestions-list p {
    --tw-text-opacity: 1;
    color: rgb(212 212 212 / var(--tw-text-opacity))
}
  @media (min-width: 640px) {
    .suggestions-list p {
        font-size: 0.75rem;
        line-height: 1rem
    }
}
  .suggestions-list ul {
    margin-left: 0px;
    margin-right: 0px
}
  .suggestions-list ul {
    margin-bottom: 0px
}
  .suggestions-list ul {
    margin-top: 0.375rem
}
  .suggestions-list ul {
    display: flex
}
  .suggestions-list ul {
    list-style-type: none
}
  .suggestions-list ul {
    flex-direction: column
}
  .suggestions-list ul {
    gap: 1px
}
  .suggestions-list ul {
    padding-inline-start: 1.3125rem
}
  @media (min-width: 640px) {
    .suggestions-list ul {
        margin-top: 1px
    }
}
  @media (min-width: 640px) {
    .suggestions-list ul {
        gap: 0.375rem
    }
}
  .suggestions-list li {
    height: 1.6875rem
}
  .suggestions-list li {
    max-width: -moz-max-content;
    max-width: max-content
}
  .suggestions-list a {
    display: flex
}
  .suggestions-list a {
    height: 100%
}
  .suggestions-list a {
    cursor: pointer
}
  .suggestions-list a {
    align-items: center
}
  .suggestions-list a {
    font-family: var(--font-inter)
}
  .suggestions-list a {
    font-size: 0.875rem;
    line-height: 1.25rem
}
  .suggestions-list a {
    --tw-text-opacity: 1;
    color: rgb(212 212 212 / var(--tw-text-opacity))
}
  .suggestions-list a {
    text-decoration-line: none
}
  .suggestions-list a:where([data-rac])[data-hovered] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
  .suggestions-list a:where(:not([data-rac])):hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}


/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.2.15_@babel+core@7.23.0_@playwright+test@1.38.1_babel-plugin-macros@3.1.0_react_de4f80b1510c8b1e25aee0bf58e87d6c/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../../node_modules/.pnpm/next@14.2.15_@babel+core@7.23.0_@playwright+test@1.38.1_babel-plugin-macros@3.1.0_react_de4f80b1510c8b1e25aee0bf58e87d6c/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./tailwind.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: var(--font-inter); /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

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

/*
Remove the default font size and weight for headings.
*/

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

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

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

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

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

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

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

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

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

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

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

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

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

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

html {
    overflow-y: scroll;
  }

html,
  body,
  #__next {
    height: 100%;
    line-height: 1.2;
    scroll-behavior: smooth;
    font-family: var(--font-inter);
  }

body,
  #__next {
    color: #fff;
    background-color: #000;
  }

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
.\!container{
  width: 100% !important;
}
.container{
  width: 100%;
}
@media (min-width: 640px){

  .\!container{
    max-width: 640px !important;
  }

  .container{
    max-width: 640px;
  }
}
@media (min-width: 768px){

  .\!container{
    max-width: 768px !important;
  }

  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){

  .\!container{
    max-width: 1024px !important;
  }

  .container{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){

  .\!container{
    max-width: 1280px !important;
  }

  .container{
    max-width: 1280px;
  }
}
@media (min-width: 1332px){

  .\!container{
    max-width: 1332px !important;
  }

  .container{
    max-width: 1332px;
  }
}
.scrollbar::-webkit-scrollbar{
  width: 0.625rem;
  height: 0.625rem;
}
.scrollbar::-webkit-scrollbar-track{
  background: #545454;
  border-radius: 0.375rem;
}
.scrollbar::-webkit-scrollbar-thumb{
  background-color: #FFF;
  border-radius: 0.375rem;
  border: 2px solid #545454;
}
.scrollbar-light::-webkit-scrollbar{
  width: 0.625rem;
  height: 0.625rem;
}
.scrollbar-light::-webkit-scrollbar-track{
  background: #F1F1F1;
  border-radius: 0.375rem;
}
.scrollbar-light::-webkit-scrollbar-thumb{
  background-color: #C4C4C4;
  border-radius: 0.375rem;
  border: 2px solid #F1F1F1;
}
.scrollbar-black::-webkit-scrollbar{
  width: 0.375rem;
  height: 0.375rem;
}
.scrollbar-black::-webkit-scrollbar-track{
  background: #2B2B2B;
  border-radius: 0.375rem;
}
.scrollbar-black::-webkit-scrollbar-thumb{
  background-color: #545454;
  border-radius: 0.375rem;
}
.h1aGradients[data-gradient-xs="left"]:before{
  content: "";
  position: absolute;
  width: 25%;
  height: 100%;
  background: linear-gradient(90deg, black 0%, transparent 100%);
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
}
.h1aGradients[data-gradient-sm="left"]:before{
  content: "";
  position: absolute;
  width: 25%;
  height: 100%;
  background: linear-gradient(90deg, black 0%, transparent 100%);
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
}
.h1aGradients[data-gradient-md="left"]:before{
  content: "";
  position: absolute;
  width: 25%;
  height: 100%;
  background: linear-gradient(90deg, black 0%, transparent 100%);
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
}
.h1aGradients[data-gradient-lg="left"]:before{
  content: "";
  position: absolute;
  width: 25%;
  height: 100%;
  background: linear-gradient(90deg, black 0%, transparent 100%);
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
}
.h1aGradients[data-gradient-xl="left"]:before{
  content: "";
  position: absolute;
  width: 25%;
  height: 100%;
  background: linear-gradient(90deg, black 0%, transparent 100%);
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
}
.h1aGradients[data-gradient-xxl="left"]:before{
  content: "";
  position: absolute;
  width: 25%;
  height: 100%;
  background: linear-gradient(90deg, black 0%, transparent 100%);
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
}
.h1aGradients[data-gradient-xs="right"]:before{
  content: "";
  position: absolute;
  width: 25%;
  height: 100%;
  background: linear-gradient(-90deg, black 0%, transparent 100%);
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
}
.h1aGradients[data-gradient-sm="right"]:before{
  content: "";
  position: absolute;
  width: 25%;
  height: 100%;
  background: linear-gradient(-90deg, black 0%, transparent 100%);
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
}
.h1aGradients[data-gradient-md="right"]:before{
  content: "";
  position: absolute;
  width: 25%;
  height: 100%;
  background: linear-gradient(-90deg, black 0%, transparent 100%);
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
}
.h1aGradients[data-gradient-lg="right"]:before{
  content: "";
  position: absolute;
  width: 25%;
  height: 100%;
  background: linear-gradient(-90deg, black 0%, transparent 100%);
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
}
.h1aGradients[data-gradient-xl="right"]:before{
  content: "";
  position: absolute;
  width: 25%;
  height: 100%;
  background: linear-gradient(-90deg, black 0%, transparent 100%);
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
}
.h1aGradients[data-gradient-xxl="right"]:before{
  content: "";
  position: absolute;
  width: 25%;
  height: 100%;
  background: linear-gradient(-90deg, black 0%, transparent 100%);
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
}
.h1aGradients[data-gradient-xs="top"]:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 25%;
  background: linear-gradient(180deg, black 0%, transparent 100%);
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
}
.h1aGradients[data-gradient-sm="top"]:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 25%;
  background: linear-gradient(180deg, black 0%, transparent 100%);
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
}
.h1aGradients[data-gradient-md="top"]:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 25%;
  background: linear-gradient(180deg, black 0%, transparent 100%);
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
}
.h1aGradients[data-gradient-lg="top"]:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 25%;
  background: linear-gradient(180deg, black 0%, transparent 100%);
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
}
.h1aGradients[data-gradient-xl="top"]:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 25%;
  background: linear-gradient(180deg, black 0%, transparent 100%);
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
}
.h1aGradients[data-gradient-xxl="top"]:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 25%;
  background: linear-gradient(180deg, black 0%, transparent 100%);
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
}
.h1aGradients[data-gradient-xs="bottom"]:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 25%;
  background: linear-gradient(0deg, black 0%, transparent 100%);
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
}
.h1aGradients[data-gradient-sm="bottom"]:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 25%;
  background: linear-gradient(0deg, black 0%, transparent 100%);
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
}
.h1aGradients[data-gradient-md="bottom"]:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 25%;
  background: linear-gradient(0deg, black 0%, transparent 100%);
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
}
.h1aGradients[data-gradient-lg="bottom"]:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 25%;
  background: linear-gradient(0deg, black 0%, transparent 100%);
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
}
.h1aGradients[data-gradient-xl="bottom"]:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 25%;
  background: linear-gradient(0deg, black 0%, transparent 100%);
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
}
.h1aGradients[data-gradient-xxl="bottom"]:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 25%;
  background: linear-gradient(0deg, black 0%, transparent 100%);
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
}
.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.not-sr-only{
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
.pointer-events-none{
  pointer-events: none;
}
.visible{
  visibility: visible;
}
.invisible{
  visibility: hidden;
}
.collapse{
  visibility: collapse;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.sticky{
  position: sticky;
}
.inset-0{
  inset: 0px;
}
.inset-1\/2{
  inset: 50%;
}
.inset-x-0{
  left: 0px;
  right: 0px;
}
.inset-y-0{
  top: 0px;
  bottom: 0px;
}
.\!left-0{
  left: 0px !important;
}
.-bottom-12{
  bottom: -3rem;
}
.-bottom-16{
  bottom: -4rem;
}
.-bottom-24{
  bottom: -6rem;
}
.-bottom-5{
  bottom: -1.25rem;
}
.-left-1\/2{
  left: -50%;
}
.-left-16{
  left: -4rem;
}
.-left-3\.5{
  left: -0.875rem;
}
.-right-16{
  right: -4rem;
}
.-right-3\.5{
  right: -0.875rem;
}
.-right-4{
  right: -1rem;
}
.-right-px{
  right: -1px;
}
.-top-16{
  top: -4rem;
}
.-top-3\.5{
  top: -0.875rem;
}
.-top-\[3\.75rem\]{
  top: -3.75rem;
}
.bottom-0{
  bottom: 0px;
}
.bottom-0\.5{
  bottom: 0.125rem;
}
.bottom-1{
  bottom: 0.25rem;
}
.bottom-14{
  bottom: 3.5rem;
}
.bottom-2\.5{
  bottom: 0.625rem;
}
.bottom-4{
  bottom: 1rem;
}
.bottom-\[calc\(100\%_\+_0\.25rem\)\]{
  bottom: calc(100% + 0.25rem);
}
.bottom-auto{
  bottom: auto;
}
.left-0{
  left: 0px;
}
.left-1{
  left: 0.25rem;
}
.left-1\/2{
  left: 50%;
}
.left-2{
  left: 0.5rem;
}
.left-2\/4{
  left: 50%;
}
.left-3{
  left: 0.75rem;
}
.left-4{
  left: 1rem;
}
.left-4\.5{
  left: 1.125rem;
}
.left-8{
  left: 2rem;
}
.left-\[1\.325rem\]{
  left: 1.325rem;
}
.left-\[calc\(50\%\+0\.5rem\)\]{
  left: calc(50% + 0.5rem);
}
.left-auto{
  left: auto;
}
.left-px{
  left: 1px;
}
.right-0{
  right: 0px;
}
.right-0\.5{
  right: 0.125rem;
}
.right-1{
  right: 0.25rem;
}
.right-11{
  right: 2.75rem;
}
.right-12{
  right: 3rem;
}
.right-2{
  right: 0.5rem;
}
.right-2\.5{
  right: 0.625rem;
}
.right-3{
  right: 0.75rem;
}
.right-4{
  right: 1rem;
}
.right-4\.5{
  right: 1.125rem;
}
.right-5{
  right: 1.25rem;
}
.right-6{
  right: 1.5rem;
}
.right-8{
  right: 2rem;
}
.right-\[calc\(-1\*\(\(100vw-100\%\)\/2-0\.5rem\)\)\]{
  right: calc(-1 * ((100vw - 100%) / 2 - 0.5rem));
}
.right-auto{
  right: auto;
}
.right-full{
  right: 100%;
}
.right-px{
  right: 1px;
}
.top-0{
  top: 0px;
}
.top-0\.5{
  top: 0.125rem;
}
.top-1{
  top: 0.25rem;
}
.top-1\.5{
  top: 0.375rem;
}
.top-1\/2{
  top: 50%;
}
.top-10{
  top: 2.5rem;
}
.top-11{
  top: 2.75rem;
}
.top-14{
  top: 3.5rem;
}
.top-2{
  top: 0.5rem;
}
.top-2\/4{
  top: 50%;
}
.top-25{
  top: 6.25rem;
}
.top-3{
  top: 0.75rem;
}
.top-4{
  top: 1rem;
}
.top-5{
  top: 1.25rem;
}
.top-6{
  top: 1.5rem;
}
.top-\[1\.375rem\]{
  top: 1.375rem;
}
.top-\[calc\(100\%\+1rem\)\]{
  top: calc(100% + 1rem);
}
.top-\[var\(--f17a-gap\)\]{
  top: var(--f17a-gap);
}
.top-auto{
  top: auto;
}
.top-full{
  top: 100%;
}
.top-px{
  top: 1px;
}
.isolate{
  isolation: isolate;
}
.isolation-auto{
  isolation: auto;
}
.-z-1{
  z-index: -1;
}
.-z-10{
  z-index: -10;
}
.z-0{
  z-index: 0;
}
.z-1{
  z-index: 1;
}
.z-10{
  z-index: 10;
}
.z-20{
  z-index: 20;
}
.z-50{
  z-index: 50;
}
.z-\[1000\]{
  z-index: 1000;
}
.z-\[1001\]{
  z-index: 1001;
}
.z-\[11\]{
  z-index: 11;
}
.z-\[1\]{
  z-index: 1;
}
.z-\[201\]{
  z-index: 201;
}
.z-\[205\]{
  z-index: 205;
}
.z-\[210\]{
  z-index: 210;
}
.z-\[220\]{
  z-index: 220;
}
.z-\[2\]{
  z-index: 2;
}
.z-\[3\]{
  z-index: 3;
}
.order-1{
  order: 1;
}
.order-2{
  order: 2;
}
.order-\[--row-order-xs\]{
  order: var(--row-order-xs);
}
.order-\[--row-order\]{
  order: var(--row-order);
}
.order-none{
  order: 0;
}
.col-auto{
  grid-column: auto;
}
.col-span-2{
  grid-column: span 2 / span 2;
}
.col-span-full{
  grid-column: 1 / -1;
}
.m-0{
  margin: 0px;
}
.m-0\.5{
  margin: 0.125rem;
}
.m-2{
  margin: 0.5rem;
}
.m-5{
  margin: 1.25rem;
}
.m-auto{
  margin: auto;
}
.m-px{
  margin: 1px;
}
.\!mx-0{
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.-my-2{
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}
.mx-0{
  margin-left: 0px;
  margin-right: 0px;
}
.mx-1\.5{
  margin-left: 0.375rem;
  margin-right: 0.375rem;
}
.mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-4{
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-5{
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-0{
  margin-top: 0px;
  margin-bottom: 0px;
}
.my-10{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.my-12{
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-24{
  margin-top: 6rem;
  margin-bottom: 6rem;
}
.my-25{
  margin-top: 6.25rem;
  margin-bottom: 6.25rem;
}
.my-3{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-5{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.my-6{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-8{
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-\[2\.125rem\]{
  margin-top: 2.125rem;
  margin-bottom: 2.125rem;
}
.my-\[5\.375rem\]{
  margin-top: 5.375rem;
  margin-bottom: 5.375rem;
}
.my-\[6\.25rem\]{
  margin-top: 6.25rem;
  margin-bottom: 6.25rem;
}
.my-auto{
  margin-top: auto;
  margin-bottom: auto;
}
.\!mb-0{
  margin-bottom: 0px !important;
}
.\!mt-2{
  margin-top: 0.5rem !important;
}
.-mb-3{
  margin-bottom: -0.75rem;
}
.-mb-px{
  margin-bottom: -1px;
}
.-ml-4{
  margin-left: -1rem;
}
.-ms-2{
  margin-inline-start: -0.5rem;
}
.-mt-1{
  margin-top: -0.25rem;
}
.-mt-1\.5{
  margin-top: -0.375rem;
}
.-mt-2{
  margin-top: -0.5rem;
}
.-mt-4{
  margin-top: -1rem;
}
.-mt-\[0\.3rem\]{
  margin-top: -0.3rem;
}
.-mt-\[calc\(0\.375rem\+1px\)\]{
  margin-top: calc(calc(0.375rem + 1px) * -1);
}
.mb-0{
  margin-bottom: 0px;
}
.mb-0\.5{
  margin-bottom: 0.125rem;
}
.mb-1{
  margin-bottom: 0.25rem;
}
.mb-1\.5{
  margin-bottom: 0.375rem;
}
.mb-10{
  margin-bottom: 2.5rem;
}
.mb-11{
  margin-bottom: 2.75rem;
}
.mb-12{
  margin-bottom: 3rem;
}
.mb-14{
  margin-bottom: 3.5rem;
}
.mb-16{
  margin-bottom: 4rem;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-2\.5{
  margin-bottom: 0.625rem;
}
.mb-20{
  margin-bottom: 5rem;
}
.mb-25{
  margin-bottom: 6.25rem;
}
.mb-3{
  margin-bottom: 0.75rem;
}
.mb-3\.5{
  margin-bottom: 0.875rem;
}
.mb-32{
  margin-bottom: 8rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-4\.5{
  margin-bottom: 1.125rem;
}
.mb-5{
  margin-bottom: 1.25rem;
}
.mb-6{
  margin-bottom: 1.5rem;
}
.mb-8{
  margin-bottom: 2rem;
}
.mb-9{
  margin-bottom: 2.25rem;
}
.mb-\[--marginBottom\]{
  margin-bottom: var(--marginBottom);
}
.mb-\[1\.125rem\]{
  margin-bottom: 1.125rem;
}
.mb-\[1\.1rem\]{
  margin-bottom: 1.1rem;
}
.mb-\[1\.525rem\]{
  margin-bottom: 1.525rem;
}
.mb-\[1\.625rem\]{
  margin-bottom: 1.625rem;
}
.mb-\[3\.125rem\]{
  margin-bottom: 3.125rem;
}
.mb-\[4\.625rem\]{
  margin-bottom: 4.625rem;
}
.mb-\[6\.25rem\]{
  margin-bottom: 6.25rem;
}
.mb-\[6\.375rem\]{
  margin-bottom: 6.375rem;
}
.mb-\[6\.5rem\]{
  margin-bottom: 6.5rem;
}
.mb-\[var\(--container-gap\)\]{
  margin-bottom: var(--container-gap);
}
.mb-px{
  margin-bottom: 1px;
}
.me-0{
  margin-inline-end: 0px;
}
.ml-1{
  margin-left: 0.25rem;
}
.ml-2{
  margin-left: 0.5rem;
}
.ml-3{
  margin-left: 0.75rem;
}
.ml-4{
  margin-left: 1rem;
}
.ml-5{
  margin-left: 1.25rem;
}
.ml-6{
  margin-left: 1.5rem;
}
.ml-\[--marginLeft\]{
  margin-left: var(--marginLeft);
}
.ml-auto{
  margin-left: auto;
}
.mr-1{
  margin-right: 0.25rem;
}
.mr-2{
  margin-right: 0.5rem;
}
.mr-3{
  margin-right: 0.75rem;
}
.mr-4{
  margin-right: 1rem;
}
.mr-5{
  margin-right: 1.25rem;
}
.mr-\[--marginRight\]{
  margin-right: var(--marginRight);
}
.mr-\[1\.125rem\]{
  margin-right: 1.125rem;
}
.mr-\[var\(--container-gap\)\]{
  margin-right: var(--container-gap);
}
.mr-auto{
  margin-right: auto;
}
.ms-0{
  margin-inline-start: 0px;
}
.mt-0{
  margin-top: 0px;
}
.mt-0\.5{
  margin-top: 0.125rem;
}
.mt-1{
  margin-top: 0.25rem;
}
.mt-1\.5{
  margin-top: 0.375rem;
}
.mt-10{
  margin-top: 2.5rem;
}
.mt-11{
  margin-top: 2.75rem;
}
.mt-12{
  margin-top: 3rem;
}
.mt-14{
  margin-top: 3.5rem;
}
.mt-16{
  margin-top: 4rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-20{
  margin-top: 5rem;
}
.mt-24{
  margin-top: 6rem;
}
.mt-3{
  margin-top: 0.75rem;
}
.mt-3\.5{
  margin-top: 0.875rem;
}
.mt-32{
  margin-top: 8rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-5{
  margin-top: 1.25rem;
}
.mt-6{
  margin-top: 1.5rem;
}
.mt-7{
  margin-top: 1.75rem;
}
.mt-8{
  margin-top: 2rem;
}
.mt-\[--marginTop\]{
  margin-top: var(--marginTop);
}
.mt-\[0\.4375rem\]{
  margin-top: 0.4375rem;
}
.mt-\[0\.72rem\]{
  margin-top: 0.72rem;
}
.mt-\[0\.8rem\]{
  margin-top: 0.8rem;
}
.mt-\[1\.625rem\]{
  margin-top: 1.625rem;
}
.mt-\[6\.5rem\]{
  margin-top: 6.5rem;
}
.mt-\[7\.5rem\]{
  margin-top: 7.5rem;
}
.mt-auto{
  margin-top: auto;
}
.box-border{
  box-sizing: border-box;
}
.box-content{
  box-sizing: content-box;
}
.\!block{
  display: block !important;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.inline-table{
  display: inline-table;
}
.table-caption{
  display: table-caption;
}
.table-cell{
  display: table-cell;
}
.table-column{
  display: table-column;
}
.table-column-group{
  display: table-column-group;
}
.table-footer-group{
  display: table-footer-group;
}
.table-header-group{
  display: table-header-group;
}
.table-row-group{
  display: table-row-group;
}
.table-row{
  display: table-row;
}
.flow-root{
  display: flow-root;
}
.grid{
  display: grid;
}
.inline-grid{
  display: inline-grid;
}
.contents{
  display: contents;
}
.list-item{
  display: list-item;
}
.\!hidden{
  display: none !important;
}
.hidden{
  display: none;
}
.aspect-\[1\.58\]{
  aspect-ratio: 1.58;
}
.aspect-\[4\/3\]{
  aspect-ratio: 4/3;
}
.aspect-\[5\/2\]{
  aspect-ratio: 5/2;
}
.aspect-auto{
  aspect-ratio: auto;
}
.aspect-square{
  aspect-ratio: 1 / 1;
}
.aspect-video{
  aspect-ratio: 16 / 9;
}
.size-full{
  width: 100%;
  height: 100%;
}
.\!h-36{
  height: 9rem !important;
}
.\!h-\[3\.25rem\]{
  height: 3.25rem !important;
}
.h-0{
  height: 0px;
}
.h-0\.5{
  height: 0.125rem;
}
.h-1{
  height: 0.25rem;
}
.h-10{
  height: 2.5rem;
}
.h-11{
  height: 2.75rem;
}
.h-12{
  height: 3rem;
}
.h-14{
  height: 3.5rem;
}
.h-16{
  height: 4rem;
}
.h-2{
  height: 0.5rem;
}
.h-2\.5{
  height: 0.625rem;
}
.h-20{
  height: 5rem;
}
.h-28{
  height: 7rem;
}
.h-3{
  height: 0.75rem;
}
.h-3\.5{
  height: 0.875rem;
}
.h-36{
  height: 9rem;
}
.h-4{
  height: 1rem;
}
.h-4\.5{
  height: 1.125rem;
}
.h-40{
  height: 10rem;
}
.h-5{
  height: 1.25rem;
}
.h-5\.5{
  height: 1.375rem;
}
.h-52{
  height: 13rem;
}
.h-6{
  height: 1.5rem;
}
.h-7{
  height: 1.75rem;
}
.h-8{
  height: 2rem;
}
.h-9{
  height: 2.25rem;
}
.h-\[0\.6875rem\]{
  height: 0.6875rem;
}
.h-\[1\.3125rem\]{
  height: 1.3125rem;
}
.h-\[1\.5625rem\]{
  height: 1.5625rem;
}
.h-\[1\.625rem\]{
  height: 1.625rem;
}
.h-\[1\.69rem\]{
  height: 1.69rem;
}
.h-\[1\.875rem\]{
  height: 1.875rem;
}
.h-\[1000\%\]{
  height: 1000%;
}
.h-\[12\.25rem\]{
  height: 12.25rem;
}
.h-\[12\.5rem\]{
  height: 12.5rem;
}
.h-\[14\.5rem\]{
  height: 14.5rem;
}
.h-\[2\.125rem\]{
  height: 2.125rem;
}
.h-\[2\.1875rem\]{
  height: 2.1875rem;
}
.h-\[2\.25rem\]{
  height: 2.25rem;
}
.h-\[2\.375rem\]{
  height: 2.375rem;
}
.h-\[2\.5625rem\]{
  height: 2.5625rem;
}
.h-\[2\.75rem\]{
  height: 2.75rem;
}
.h-\[28\.75rem\]{
  height: 28.75rem;
}
.h-\[29\.5rem\]{
  height: 29.5rem;
}
.h-\[3\.25rem\]{
  height: 3.25rem;
}
.h-\[3\.375rem\]{
  height: 3.375rem;
}
.h-\[3\.75rem\]{
  height: 3.75rem;
}
.h-\[3px\]{
  height: 3px;
}
.h-\[4\.125rem\]{
  height: 4.125rem;
}
.h-\[5\.1875rem\]{
  height: 5.1875rem;
}
.h-\[6\.25rem\]{
  height: 6.25rem;
}
.h-\[7\.75rem\]{
  height: 7.75rem;
}
.h-\[calc\(100\%-1\.5rem\)\]{
  height: calc(100% - 1.5rem);
}
.h-\[calc\(100vh-2rem\)\]{
  height: calc(100vh - 2rem);
}
.h-\[var\(--drawer-size\)\]{
  height: var(--drawer-size);
}
.h-\[var\(--height\)\]{
  height: var(--height);
}
.h-\[var\(--option-height\)\]{
  height: var(--option-height);
}
.h-\[var\(--visual-viewport-height\)\]{
  height: var(--visual-viewport-height);
}
.h-auto{
  height: auto;
}
.h-fit{
  height: -moz-fit-content;
  height: fit-content;
}
.h-full{
  height: 100%;
}
.h-max{
  height: -moz-max-content;
  height: max-content;
}
.h-px{
  height: 1px;
}
.h-screen{
  height: 100vh;
}
.\!max-h-80{
  max-height: 20rem !important;
}
.\!max-h-none{
  max-height: none !important;
}
.max-h-0{
  max-height: 0px;
}
.max-h-36{
  max-height: 9rem;
}
.max-h-80{
  max-height: 20rem;
}
.max-h-\[100rem\]{
  max-height: 100rem;
}
.max-h-\[14\.5rem\]{
  max-height: 14.5rem;
}
.max-h-\[18\.75rem\]{
  max-height: 18.75rem;
}
.max-h-\[21rem\]{
  max-height: 21rem;
}
.max-h-\[240px\]{
  max-height: 240px;
}
.max-h-\[29rem\]{
  max-height: 29rem;
}
.max-h-\[35\.625rem\]{
  max-height: 35.625rem;
}
.max-h-\[45rem\]{
  max-height: 45rem;
}
.max-h-\[90vh\]{
  max-height: 90vh;
}
.max-h-\[calc\(100vh-56px\)\]{
  max-height: calc(100vh - 56px);
}
.max-h-\[inherit\]{
  max-height: inherit;
}
.max-h-\[var\(--visual-viewport-height\)\]{
  max-height: var(--visual-viewport-height);
}
.max-h-dvh{
  max-height: 100dvh;
}
.max-h-full{
  max-height: 100%;
}
.\!min-h-0{
  min-height: 0px !important;
}
.min-h-0{
  min-height: 0px;
}
.min-h-10{
  min-height: 2.5rem;
}
.min-h-16{
  min-height: 4rem;
}
.min-h-9{
  min-height: 2.25rem;
}
.min-h-\[--mediaMinHeight-xs\]{
  min-height: var(--mediaMinHeight-xs);
}
.min-h-\[10\.625rem\]{
  min-height: 10.625rem;
}
.min-h-\[13\.44rem\]{
  min-height: 13.44rem;
}
.min-h-\[18\.75rem\]{
  min-height: 18.75rem;
}
.min-h-\[20\.6875rem\]{
  min-height: 20.6875rem;
}
.min-h-\[3\.375rem\]{
  min-height: 3.375rem;
}
.min-h-\[4\.125rem\]{
  min-height: 4.125rem;
}
.min-h-\[7\.5rem\]{
  min-height: 7.5rem;
}
.min-h-\[8\.25rem\]{
  min-height: 8.25rem;
}
.min-h-\[inherit\]{
  min-height: inherit;
}
.min-h-fit{
  min-height: -moz-fit-content;
  min-height: fit-content;
}
.min-h-screen{
  min-height: 100vh;
}
.w-0{
  width: 0px;
}
.w-1\/2{
  width: 50%;
}
.w-1\/3{
  width: 33.333333%;
}
.w-10{
  width: 2.5rem;
}
.w-11{
  width: 2.75rem;
}
.w-11\/12{
  width: 91.666667%;
}
.w-12{
  width: 3rem;
}
.w-16{
  width: 4rem;
}
.w-2{
  width: 0.5rem;
}
.w-2\.5{
  width: 0.625rem;
}
.w-2\/4{
  width: 50%;
}
.w-20{
  width: 5rem;
}
.w-24{
  width: 6rem;
}
.w-25{
  width: 6.25rem;
}
.w-28{
  width: 7rem;
}
.w-3{
  width: 0.75rem;
}
.w-3\.5{
  width: 0.875rem;
}
.w-3\/4{
  width: 75%;
}
.w-32{
  width: 8rem;
}
.w-4{
  width: 1rem;
}
.w-44{
  width: 11rem;
}
.w-5{
  width: 1.25rem;
}
.w-5\.5{
  width: 1.375rem;
}
.w-52{
  width: 13rem;
}
.w-56{
  width: 14rem;
}
.w-6{
  width: 1.5rem;
}
.w-60{
  width: 15rem;
}
.w-7{
  width: 1.75rem;
}
.w-8{
  width: 2rem;
}
.w-9{
  width: 2.25rem;
}
.w-96{
  width: 24rem;
}
.w-\[--circularWidth\]{
  width: var(--circularWidth);
}
.w-\[0\.8125rem\]{
  width: 0.8125rem;
}
.w-\[1\.3125rem\]{
  width: 1.3125rem;
}
.w-\[1\.375rem\]{
  width: 1.375rem;
}
.w-\[1\.69rem\]{
  width: 1.69rem;
}
.w-\[10\%\]{
  width: 10%;
}
.w-\[12\.25rem\]{
  width: 12.25rem;
}
.w-\[13\.5rem\]{
  width: 13.5rem;
}
.w-\[13\.75rem\]{
  width: 13.75rem;
}
.w-\[1px\]{
  width: 1px;
}
.w-\[2\.125rem\]{
  width: 2.125rem;
}
.w-\[2\.1875rem\]{
  width: 2.1875rem;
}
.w-\[2\.375rem\]{
  width: 2.375rem;
}
.w-\[2\.625rem\]{
  width: 2.625rem;
}
.w-\[22rem\]{
  width: 22rem;
}
.w-\[3\.125rem\]{
  width: 3.125rem;
}
.w-\[3\.25rem\]{
  width: 3.25rem;
}
.w-\[40\%\]{
  width: 40%;
}
.w-\[6\.25rem\]{
  width: 6.25rem;
}
.w-\[6\.5rem\]{
  width: 6.5rem;
}
.w-\[6\.625rem\]{
  width: 6.625rem;
}
.w-\[7\.75rem\]{
  width: 7.75rem;
}
.w-\[8\.375rem\]{
  width: 8.375rem;
}
.w-\[8\.75rem\]{
  width: 8.75rem;
}
.w-\[80\%\]{
  width: 80%;
}
.w-\[9\.125rem\]{
  width: 9.125rem;
}
.w-\[calc\(100\%\+1\.125rem\)\]{
  width: calc(100% + 1.125rem);
}
.w-\[calc\(100\%-0\.75rem\)\]{
  width: calc(100% - 0.75rem);
}
.w-\[calc\(100\%-1\.25rem\)\]{
  width: calc(100% - 1.25rem);
}
.w-\[calc\(100\%-1rem\)\]{
  width: calc(100% - 1rem);
}
.w-\[calc\(100\%-2\.375rem\)\]{
  width: calc(100% - 2.375rem);
}
.w-\[calc\(100\%-2\.5rem\)\]{
  width: calc(100% - 2.5rem);
}
.w-\[calc\(100\%_-_2\.375rem\)\]{
  width: calc(100% - 2.375rem);
}
.w-\[calc\(100\%_-_2rem\)\]{
  width: calc(100% - 2rem);
}
.w-\[calc\(100vw-2rem\)\]{
  width: calc(100vw - 2rem);
}
.w-\[calc\(100vw_-_2rem\)\]{
  width: calc(100vw - 2rem);
}
.w-\[calc\(100vw_-_6rem\)\]{
  width: calc(100vw - 6rem);
}
.w-\[calc\(50\%-0\.25rem\)\]{
  width: calc(50% - 0.25rem);
}
.w-\[calc\(50\%-0\.5rem\)\]{
  width: calc(50% - 0.5rem);
}
.w-\[calc\(var\(--trigger-width\)-2\.375rem\)\]{
  width: calc(var(--trigger-width) - 2.375rem);
}
.w-\[var\(--column-width\)\]{
  width: var(--column-width);
}
.w-\[var\(--drawer-size\)\]{
  width: var(--drawer-size);
}
.w-\[var\(--trigger-width\)\]{
  width: var(--trigger-width);
}
.w-auto{
  width: auto;
}
.w-full{
  width: 100%;
}
.w-max{
  width: -moz-max-content;
  width: max-content;
}
.w-min{
  width: -moz-min-content;
  width: min-content;
}
.w-px{
  width: 1px;
}
.w-screen{
  width: 100vw;
}
.min-w-14{
  min-width: 3.5rem;
}
.min-w-20{
  min-width: 5rem;
}
.min-w-4{
  min-width: 1rem;
}
.min-w-5{
  min-width: 1.25rem;
}
.min-w-56{
  min-width: 14rem;
}
.min-w-6{
  min-width: 1.5rem;
}
.min-w-60{
  min-width: 15rem;
}
.min-w-\[11\.75rem\]{
  min-width: 11.75rem;
}
.min-w-\[11\.81rem\]{
  min-width: 11.81rem;
}
.min-w-\[12\.5rem\]{
  min-width: 12.5rem;
}
.min-w-\[2\.875rem\]{
  min-width: 2.875rem;
}
.min-w-\[200px\]{
  min-width: 200px;
}
.min-w-\[4\.5rem\]{
  min-width: 4.5rem;
}
.min-w-\[8\.5rem\]{
  min-width: 8.5rem;
}
.min-w-\[8\.875rem\]{
  min-width: 8.875rem;
}
.min-w-full{
  min-width: 100%;
}
.\!max-w-\[15\.5rem\]{
  max-width: 15.5rem !important;
}
.\!max-w-none{
  max-width: none !important;
}
.max-w-36{
  max-width: 9rem;
}
.max-w-40{
  max-width: 10rem;
}
.max-w-48{
  max-width: 12rem;
}
.max-w-4xl{
  max-width: 56rem;
}
.max-w-52{
  max-width: 13rem;
}
.max-w-56{
  max-width: 14rem;
}
.max-w-64{
  max-width: 16rem;
}
.max-w-80{
  max-width: 20rem;
}
.max-w-\[10\.625rem\]{
  max-width: 10.625rem;
}
.max-w-\[11\.25rem\]{
  max-width: 11.25rem;
}
.max-w-\[11\.875rem\]{
  max-width: 11.875rem;
}
.max-w-\[12\.125rem\]{
  max-width: 12.125rem;
}
.max-w-\[12\.5rem\]{
  max-width: 12.5rem;
}
.max-w-\[20\.625rem\]{
  max-width: 20.625rem;
}
.max-w-\[200px\]{
  max-width: 200px;
}
.max-w-\[215rem\]{
  max-width: 215rem;
}
.max-w-\[22\.5rem\]{
  max-width: 22.5rem;
}
.max-w-\[23\.75rem\]{
  max-width: 23.75rem;
}
.max-w-\[24\.75rem\]{
  max-width: 24.75rem;
}
.max-w-\[28rem\]{
  max-width: 28rem;
}
.max-w-\[30\%\]{
  max-width: 30%;
}
.max-w-\[30\.78rem\]{
  max-width: 30.78rem;
}
.max-w-\[31\.25rem\]{
  max-width: 31.25rem;
}
.max-w-\[33rem\]{
  max-width: 33rem;
}
.max-w-\[35\.75rem\]{
  max-width: 35.75rem;
}
.max-w-\[36\.625rem\]{
  max-width: 36.625rem;
}
.max-w-\[38\.5rem\]{
  max-width: 38.5rem;
}
.max-w-\[40\.625rem\]{
  max-width: 40.625rem;
}
.max-w-\[40rem\]{
  max-width: 40rem;
}
.max-w-\[41\.25rem\]{
  max-width: 41.25rem;
}
.max-w-\[42\.375rem\]{
  max-width: 42.375rem;
}
.max-w-\[44rem\]{
  max-width: 44rem;
}
.max-w-\[46rem\]{
  max-width: 46rem;
}
.max-w-\[47\.375rem\]{
  max-width: 47.375rem;
}
.max-w-\[49rem\]{
  max-width: 49rem;
}
.max-w-\[50\%\]{
  max-width: 50%;
}
.max-w-\[50\.875rem\]{
  max-width: 50.875rem;
}
.max-w-\[51rem\]{
  max-width: 51rem;
}
.max-w-\[54\.5rem\]{
  max-width: 54.5rem;
}
.max-w-\[54rem\]{
  max-width: 54rem;
}
.max-w-\[55\.375rem\]{
  max-width: 55.375rem;
}
.max-w-\[55rem\]{
  max-width: 55rem;
}
.max-w-\[56\.25rem\]{
  max-width: 56.25rem;
}
.max-w-\[6\.5625rem\]{
  max-width: 6.5625rem;
}
.max-w-\[60\%\]{
  max-width: 60%;
}
.max-w-\[60rem\]{
  max-width: 60rem;
}
.max-w-\[62\.5rem\]{
  max-width: 62.5rem;
}
.max-w-\[64\.5rem\]{
  max-width: 64.5rem;
}
.max-w-\[7\.125rem\]{
  max-width: 7.125rem;
}
.max-w-\[72\.5rem\]{
  max-width: 72.5rem;
}
.max-w-\[78\.875rem\]{
  max-width: 78.875rem;
}
.max-w-\[80rem\]{
  max-width: 80rem;
}
.max-w-\[81\.25\]{
  max-width: 81.25;
}
.max-w-\[81rem\]{
  max-width: 81rem;
}
.max-w-\[9\.125rem\]{
  max-width: 9.125rem;
}
.max-w-full{
  max-width: 100%;
}
.max-w-max{
  max-width: -moz-max-content;
  max-width: max-content;
}
.max-w-md{
  max-width: 28rem;
}
.max-w-none{
  max-width: none;
}
.max-w-sm{
  max-width: 24rem;
}
.flex-1{
  flex: 1 1 0%;
}
.flex-\[30\%\]{
  flex: 30%;
}
.flex-auto{
  flex: 1 1 auto;
}
.flex-initial{
  flex: 0 1 auto;
}
.flex-none{
  flex: none;
}
.shrink{
  flex-shrink: 1;
}
.shrink-0{
  flex-shrink: 0;
}
.flex-grow{
  flex-grow: 1;
}
.grow{
  flex-grow: 1;
}
.grow-0{
  flex-grow: 0;
}
.basis-1\/2{
  flex-basis: 50%;
}
.basis-1\/4{
  flex-basis: 25%;
}
.basis-1\/5{
  flex-basis: 20%;
}
.basis-2\/5{
  flex-basis: 40%;
}
.basis-3\/5{
  flex-basis: 60%;
}
.basis-64{
  flex-basis: 16rem;
}
.basis-\[15\.81rem\]{
  flex-basis: 15.81rem;
}
.basis-\[36\%\]{
  flex-basis: 36%;
}
.basis-\[6\.25rem\]{
  flex-basis: 6.25rem;
}
.basis-\[calc\(50\%-0\.25rem\)\]{
  flex-basis: calc(50% - 0.25rem);
}
.basis-\[calc\(50\%-0\.5rem\)\]{
  flex-basis: calc(50% - 0.5rem);
}
.basis-\[calc\(50\%_-_1rem\)\]{
  flex-basis: calc(50% - 1rem);
}
.basis-full{
  flex-basis: 100%;
}
.border-collapse{
  border-collapse: collapse;
}
.border-separate{
  border-collapse: separate;
}
.border-spacing-0{
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-0\.5{
  --tw-border-spacing-y: 0.125rem;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.origin-\[50\%_50\%\]{
  transform-origin: 50% 50%;
}
.origin-center{
  transform-origin: center;
}
.-translate-x-0\.5{
  --tw-translate-x: -0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-1\/2{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-2\/4{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[115\%\]{
  --tw-translate-y: -115%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[5\%\]{
  --tw-translate-y: -5%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-px{
  --tw-translate-y: -1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0\.5{
  --tw-translate-x: 0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-1\/2{
  --tw-translate-x: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-2\/4{
  --tw-translate-x: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-full{
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0{
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-1{
  --tw-translate-y: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-1\/2{
  --tw-translate-y: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[2vh\]{
  --tw-translate-y: 2vh;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[calc\(100\%\+1rem\)\]{
  --tw-translate-y: calc(100% + 1rem);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-full{
  --tw-translate-y: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-180{
  --tw-rotate: -180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-90{
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-0{
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90{
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-110{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes CheckMarkFillGreen{

  100%{
    box-shadow: inset 0px 0px 0px 30px #fff;
  }
}
@keyframes CheckMarkScale{

  0%, 100%{
    transform: none;
  }

  50%{
    transform: scale3d(1.1, 1.1, 1);
  }
}
.animate-\[CheckMarkFillGreen_0\.4s_ease-in-out_0\.4s_forwards\2c CheckMarkScale_0\.3s_ease-in-out_0\.9s_both\]{
  animation: CheckMarkFillGreen 0.4s ease-in-out 0.4s forwards, CheckMarkScale 0.3s ease-in-out 0.9s both;
}
@keyframes CheckMarkFill{

  100%{
    box-shadow: inset 0px 0px 0px 30px #fff;
  }
}
@keyframes CheckMarkScale{

  0%, 100%{
    transform: none;
  }

  50%{
    transform: scale3d(1.1, 1.1, 1);
  }
}
.animate-\[CheckMarkFill_0\.4s_ease-in-out_0\.4s_forwards\2c CheckMarkScale_0\.3s_ease-in-out_0\.9s_both\]{
  animation: CheckMarkFill 0.4s ease-in-out 0.4s forwards, CheckMarkScale 0.3s ease-in-out 0.9s both;
}
@keyframes CheckMarkStroke{

  100%{
    stroke-dashoffset: 0;
  }
}
.animate-\[CheckMarkStroke_0\.3s_cubic-bezier\(0\.65\2c 0\2c 0\.45\2c 1\)_0\.8s_forwards\]{
  animation: CheckMarkStroke 0.3s cubic-bezier(0.65,0,0.45,1) 0.8s forwards;
}
@keyframes CheckMarkStroke{

  100%{
    stroke-dashoffset: 0;
  }
}
.animate-\[CheckMarkStroke_0\.6s_cubic-bezier\(0\.65\2c 0\2c 0\.45\2c 1\)_forwards\]{
  animation: CheckMarkStroke 0.6s cubic-bezier(0.65,0,0.45,1) forwards;
}
@keyframes pulse{

  50%{
    opacity: .5;
  }
}
.animate-pulse{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.cursor-default{
  cursor: default;
}
.cursor-not-allowed{
  cursor: not-allowed;
}
.cursor-pointer{
  cursor: pointer;
}
.cursor-text{
  cursor: text;
}
.touch-pinch-zoom{
  --tw-pinch-zoom: pinch-zoom;
  touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
}
.touch-manipulation{
  touch-action: manipulation;
}
.select-none{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.resize-none{
  resize: none;
}
.resize-y{
  resize: vertical;
}
.resize{
  resize: both;
}
.snap-x{
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}
.snap-start{
  scroll-snap-align: start;
}
.snap-center{
  scroll-snap-align: center;
}
.scroll-ps-5{
  scroll-padding-inline-start: 1.25rem;
}
.list-outside{
  list-style-position: outside;
}
.list-disc{
  list-style-type: disc;
}
.list-none{
  list-style-type: none;
}
.appearance-none{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-12{
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-\[2\.75rem_1fr\]{
  grid-template-columns: 2.75rem 1fr;
}
.grid-cols-\[33\%_66\%\]{
  grid-template-columns: 33% 66%;
}
.grid-cols-\[40\%\2c 50\%\]{
  grid-template-columns: 40% 50%;
}
.grid-cols-\[45\%\2c repeat\(3\2c 1fr\)\2c 3\%\]{
  grid-template-columns: 45% repeat(3,1fr) 3%;
}
.grid-cols-\[repeat\(2\2c _minmax\(0\2c 25\.25rem\)\)\]{
  grid-template-columns: repeat(2, minmax(0,25.25rem));
}
.grid-cols-\[repeat\(2\2c calc\(50\%-0\.5rem\)\)\]{
  grid-template-columns: repeat(2,calc(50% - 0.5rem));
}
.grid-cols-\[repeat\(2\2c minmax\(0\2c 17\.375rem\)\)\]{
  grid-template-columns: repeat(2,minmax(0,17.375rem));
}
.grid-cols-\[repeat\(var\(--buttons-count\)\2c _min-content\)\]{
  grid-template-columns: repeat(var(--buttons-count), min-content);
}
.grid-cols-\[repeat\(var\(--buttons-count\)\2c _minmax\(0\2c _1fr\)\)\]{
  grid-template-columns: repeat(var(--buttons-count), minmax(0, 1fr));
}
.grid-rows-1{
  grid-template-rows: repeat(1, minmax(0, 1fr));
}
.grid-rows-\[1\.15rem_2\.3rem_1\.15rem\]{
  grid-template-rows: 1.15rem 2.3rem 1.15rem;
}
.grid-rows-\[repeat\(4\2c auto\)\]{
  grid-template-rows: repeat(4,auto);
}
.grid-rows-\[repeat\(var\(--buttons-count\)\2c _calc\(100\%_\/_var\(--buttons-count\)\)\)\]{
  grid-template-rows: repeat(var(--buttons-count), calc(100% / var(--buttons-count)));
}
.flex-row{
  flex-direction: row;
}
.flex-row-reverse{
  flex-direction: row-reverse;
}
.flex-col{
  flex-direction: column;
}
.flex-col-reverse{
  flex-direction: column-reverse;
}
.flex-wrap{
  flex-wrap: wrap;
}
.flex-nowrap{
  flex-wrap: nowrap;
}
.place-content-center{
  place-content: center;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.items-center{
  align-items: center;
}
.items-baseline{
  align-items: baseline;
}
.items-stretch{
  align-items: stretch;
}
.justify-start{
  justify-content: flex-start;
}
.justify-end{
  justify-content: flex-end;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.gap-0{
  gap: 0px;
}
.gap-0\.5{
  gap: 0.125rem;
}
.gap-1{
  gap: 0.25rem;
}
.gap-1\.5{
  gap: 0.375rem;
}
.gap-10{
  gap: 2.5rem;
}
.gap-12{
  gap: 3rem;
}
.gap-14{
  gap: 3.5rem;
}
.gap-16{
  gap: 4rem;
}
.gap-2{
  gap: 0.5rem;
}
.gap-2\.5{
  gap: 0.625rem;
}
.gap-20{
  gap: 5rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-3\.5{
  gap: 0.875rem;
}
.gap-4{
  gap: 1rem;
}
.gap-4\.5{
  gap: 1.125rem;
}
.gap-5{
  gap: 1.25rem;
}
.gap-56{
  gap: 14rem;
}
.gap-6{
  gap: 1.5rem;
}
.gap-7{
  gap: 1.75rem;
}
.gap-8{
  gap: 2rem;
}
.gap-9{
  gap: 2.25rem;
}
.gap-\[0\.2rem\]{
  gap: 0.2rem;
}
.gap-\[0\.4rem\]{
  gap: 0.4rem;
}
.gap-\[0\.55rem\]{
  gap: 0.55rem;
}
.gap-\[0\.6875rem\]{
  gap: 0.6875rem;
}
.gap-\[0\.8125rem\]{
  gap: 0.8125rem;
}
.gap-\[1\.125rem\]{
  gap: 1.125rem;
}
.gap-\[1\.35rem\]{
  gap: 1.35rem;
}
.gap-\[1\.3rem\]{
  gap: 1.3rem;
}
.gap-\[1\.65rem\]{
  gap: 1.65rem;
}
.gap-\[2\.125rem\]{
  gap: 2.125rem;
}
.gap-\[3\.125rem\]{
  gap: 3.125rem;
}
.gap-\[4\.5rem\]{
  gap: 4.5rem;
}
.gap-\[var\(--f1a-gap\)\]{
  gap: var(--f1a-gap);
}
.gap-\[var\(--f20-content-gap\)\]{
  gap: var(--f20-content-gap);
}
.gap-x-1{
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}
.gap-x-1\.5{
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
}
.gap-x-10{
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
}
.gap-x-12{
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}
.gap-x-14{
  -moz-column-gap: 3.5rem;
       column-gap: 3.5rem;
}
.gap-x-2{
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.gap-x-2\.5{
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
}
.gap-x-3{
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.gap-x-3\.5{
  -moz-column-gap: 0.875rem;
       column-gap: 0.875rem;
}
.gap-x-4{
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.gap-x-4\.5{
  -moz-column-gap: 1.125rem;
       column-gap: 1.125rem;
}
.gap-x-5{
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}
.gap-x-6{
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.gap-x-7{
  -moz-column-gap: 1.75rem;
       column-gap: 1.75rem;
}
.gap-x-8{
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
.gap-x-\[1\.375rem\]{
  -moz-column-gap: 1.375rem;
       column-gap: 1.375rem;
}
.gap-x-\[15\%\]{
  -moz-column-gap: 15%;
       column-gap: 15%;
}
.gap-y-0\.5{
  row-gap: 0.125rem;
}
.gap-y-1{
  row-gap: 0.25rem;
}
.gap-y-1\.5{
  row-gap: 0.375rem;
}
.gap-y-10{
  row-gap: 2.5rem;
}
.gap-y-12{
  row-gap: 3rem;
}
.gap-y-14{
  row-gap: 3.5rem;
}
.gap-y-2{
  row-gap: 0.5rem;
}
.gap-y-2\.5{
  row-gap: 0.625rem;
}
.gap-y-24{
  row-gap: 6rem;
}
.gap-y-3{
  row-gap: 0.75rem;
}
.gap-y-3\.5{
  row-gap: 0.875rem;
}
.gap-y-4{
  row-gap: 1rem;
}
.gap-y-5{
  row-gap: 1.25rem;
}
.gap-y-6{
  row-gap: 1.5rem;
}
.gap-y-7{
  row-gap: 1.75rem;
}
.gap-y-8{
  row-gap: 2rem;
}
.gap-y-\[0\.44rem\]{
  row-gap: 0.44rem;
}
.gap-y-\[0\.4rem\]{
  row-gap: 0.4rem;
}
.gap-y-\[0\.55rem\]{
  row-gap: 0.55rem;
}
.gap-y-\[1\.14rem\]{
  row-gap: 1.14rem;
}
.gap-y-\[1\.3rem\]{
  row-gap: 1.3rem;
}
.gap-y-\[1\.65rem\]{
  row-gap: 1.65rem;
}
.gap-y-\[1\.7rem\]{
  row-gap: 1.7rem;
}
.gap-y-\[2\.2rem\]{
  row-gap: 2.2rem;
}
.space-y-0 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-7 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
}
.space-y-reverse > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 1;
}
.space-x-reverse > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 1;
}
.divide-x > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-y-reverse > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 1;
}
.divide-x-reverse > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 1;
}
.self-start{
  align-self: flex-start;
}
.self-center{
  align-self: center;
}
.overflow-auto{
  overflow: auto;
}
.overflow-hidden{
  overflow: hidden;
}
.\!overflow-x-auto{
  overflow-x: auto !important;
}
.overflow-x-auto{
  overflow-x: auto;
}
.overflow-y-auto{
  overflow-y: auto;
}
.overflow-x-hidden{
  overflow-x: hidden;
}
.overflow-y-scroll{
  overflow-y: scroll;
}
.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-ellipsis{
  text-overflow: ellipsis;
}
.text-clip{
  text-overflow: clip;
}
.whitespace-normal{
  white-space: normal;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.whitespace-pre-line{
  white-space: pre-line;
}
.text-wrap{
  text-wrap: wrap;
}
.text-nowrap{
  text-wrap: nowrap;
}
.text-balance{
  text-wrap: balance;
}
.text-pretty{
  text-wrap: pretty;
}
.break-all{
  word-break: break-all;
}
.\!rounded{
  border-radius: 0.25rem !important;
}
.\!rounded-2\.5{
  border-radius: 0.625rem !important;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-2\.5{
  border-radius: 0.625rem;
}
.rounded-2xl{
  border-radius: 1rem;
}
.rounded-3xl{
  border-radius: 1.5rem;
}
.rounded-\[0\.125rem\]{
  border-radius: 0.125rem;
}
.rounded-\[0\.3125rem\]{
  border-radius: 0.3125rem;
}
.rounded-\[0\.375rem\]{
  border-radius: 0.375rem;
}
.rounded-\[0\.625rem\]{
  border-radius: 0.625rem;
}
.rounded-\[0\.75rem\]{
  border-radius: 0.75rem;
}
.rounded-\[0\.9375rem\]{
  border-radius: 0.9375rem;
}
.rounded-\[1\.0625rem\]{
  border-radius: 1.0625rem;
}
.rounded-\[1\.25rem\]{
  border-radius: 1.25rem;
}
.rounded-\[1\.375rem\]{
  border-radius: 1.375rem;
}
.rounded-\[10px\]{
  border-radius: 10px;
}
.rounded-\[17px\]{
  border-radius: 17px;
}
.rounded-\[1px\]{
  border-radius: 1px;
}
.rounded-\[3rem\]{
  border-radius: 3rem;
}
.rounded-\[99px\]{
  border-radius: 99px;
}
.rounded-\[initial\]{
  border-radius: initial;
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-lg{
  border-radius: 0.5rem;
}
.rounded-md{
  border-radius: 0.375rem;
}
.rounded-none{
  border-radius: 0px;
}
.rounded-sm{
  border-radius: 0.125rem;
}
.rounded-xl{
  border-radius: 0.75rem;
}
.\!rounded-r-none{
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.rounded-b{
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.rounded-b-\[0\.125rem\]{
  border-bottom-right-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}
.rounded-b-\[0\.625rem\]{
  border-bottom-right-radius: 0.625rem;
  border-bottom-left-radius: 0.625rem;
}
.rounded-b-none{
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.rounded-e{
  border-start-end-radius: 0.25rem;
  border-end-end-radius: 0.25rem;
}
.rounded-l{
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.rounded-l-2\.5{
  border-top-left-radius: 0.625rem;
  border-bottom-left-radius: 0.625rem;
}
.rounded-l-\[0\.625rem\]{
  border-top-left-radius: 0.625rem;
  border-bottom-left-radius: 0.625rem;
}
.rounded-l-full{
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}
.rounded-l-none{
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.rounded-r{
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.rounded-r-\[0\.625rem\]{
  border-top-right-radius: 0.625rem;
  border-bottom-right-radius: 0.625rem;
}
.rounded-r-\[1\.375rem\]{
  border-top-right-radius: 1.375rem;
  border-bottom-right-radius: 1.375rem;
}
.rounded-r-full{
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}
.rounded-r-none{
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.rounded-s{
  border-start-start-radius: 0.25rem;
  border-end-start-radius: 0.25rem;
}
.rounded-t{
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.rounded-t-\[0\.625rem\]{
  border-top-left-radius: 0.625rem;
  border-top-right-radius: 0.625rem;
}
.rounded-t-\[1\.0625rem\]{
  border-top-left-radius: 1.0625rem;
  border-top-right-radius: 1.0625rem;
}
.rounded-t-lg{
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.rounded-t-md{
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}
.rounded-bl{
  border-bottom-left-radius: 0.25rem;
}
.rounded-bl-2\.5{
  border-bottom-left-radius: 0.625rem;
}
.rounded-bl-\[0\.625rem\]{
  border-bottom-left-radius: 0.625rem;
}
.rounded-bl-\[0rem\]{
  border-bottom-left-radius: 0rem;
}
.rounded-bl-none{
  border-bottom-left-radius: 0px;
}
.rounded-br{
  border-bottom-right-radius: 0.25rem;
}
.rounded-br-2\.5{
  border-bottom-right-radius: 0.625rem;
}
.rounded-br-\[0\.625rem\]{
  border-bottom-right-radius: 0.625rem;
}
.rounded-br-none{
  border-bottom-right-radius: 0px;
}
.rounded-ee{
  border-end-end-radius: 0.25rem;
}
.rounded-ee-2xl{
  border-end-end-radius: 1rem;
}
.rounded-es{
  border-end-start-radius: 0.25rem;
}
.rounded-es-2xl{
  border-end-start-radius: 1rem;
}
.rounded-se{
  border-start-end-radius: 0.25rem;
}
.rounded-ss{
  border-start-start-radius: 0.25rem;
}
.rounded-tl{
  border-top-left-radius: 0.25rem;
}
.rounded-tl-2xl{
  border-top-left-radius: 1rem;
}
.rounded-tl-\[0\.625rem\]{
  border-top-left-radius: 0.625rem;
}
.rounded-tl-none{
  border-top-left-radius: 0px;
}
.rounded-tr{
  border-top-right-radius: 0.25rem;
}
.rounded-tr-2xl{
  border-top-right-radius: 1rem;
}
.rounded-tr-none{
  border-top-right-radius: 0px;
}
.\!border-0{
  border-width: 0px !important;
}
.border{
  border-width: 1px;
}
.border-0{
  border-width: 0px;
}
.border-1{
  border-width: 1px;
}
.border-1\.5{
  border-width: 1.5px;
}
.border-2{
  border-width: 2px;
}
.border-\[1\.5px\]{
  border-width: 1.5px;
}
.border-\[5px\]{
  border-width: 5px;
}
.\!border-x-0{
  border-left-width: 0px !important;
  border-right-width: 0px !important;
}
.border-x{
  border-left-width: 1px;
  border-right-width: 1px;
}
.border-x-0{
  border-left-width: 0px;
  border-right-width: 0px;
}
.border-y{
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.border-y-1{
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.\!border-b-0{
  border-bottom-width: 0px !important;
}
.border-b{
  border-bottom-width: 1px;
}
.border-b-0{
  border-bottom-width: 0px;
}
.border-b-1{
  border-bottom-width: 1px;
}
.border-b-2{
  border-bottom-width: 2px;
}
.border-e{
  border-inline-end-width: 1px;
}
.border-l{
  border-left-width: 1px;
}
.border-l-0{
  border-left-width: 0px;
}
.border-r{
  border-right-width: 1px;
}
.border-r-0{
  border-right-width: 0px;
}
.border-s{
  border-inline-start-width: 1px;
}
.border-t{
  border-top-width: 1px;
}
.border-t-0{
  border-top-width: 0px;
}
.border-solid{
  border-style: solid;
}
.border-none{
  border-style: none;
}
.border-\[\#0971CE\]{
  --tw-border-opacity: 1;
  border-color: rgb(9 113 206 / var(--tw-border-opacity));
}
.border-\[\#5d5d5d\]{
  --tw-border-opacity: 1;
  border-color: rgb(93 93 93 / var(--tw-border-opacity));
}
.border-\[\#888888\]{
  --tw-border-opacity: 1;
  border-color: rgb(136 136 136 / var(--tw-border-opacity));
}
.border-\[\#f47922\]{
  --tw-border-opacity: 1;
  border-color: rgb(244 121 34 / var(--tw-border-opacity));
}
.border-black{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-noco-blue-500{
  --tw-border-opacity: 1;
  border-color: rgb(72 159 244 / var(--tw-border-opacity));
}
.border-noco-gray-100{
  --tw-border-opacity: 1;
  border-color: rgb(242 242 242 / var(--tw-border-opacity));
}
.border-noco-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212 / var(--tw-border-opacity));
}
.border-noco-gray-200\/50{
  border-color: rgb(212 212 212 / 0.5);
}
.border-noco-gray-500{
  --tw-border-opacity: 1;
  border-color: rgb(163 163 163 / var(--tw-border-opacity));
}
.border-noco-gray-525{
  --tw-border-opacity: 1;
  border-color: rgb(196 196 196 / var(--tw-border-opacity));
}
.border-noco-gray-530{
  --tw-border-opacity: 1;
  border-color: rgb(164 164 164 / var(--tw-border-opacity));
}
.border-noco-gray-550{
  --tw-border-opacity: 1;
  border-color: rgb(153 153 153 / var(--tw-border-opacity));
}
.border-noco-gray-550\/30{
  border-color: rgb(153 153 153 / 0.3);
}
.border-noco-gray-600{
  --tw-border-opacity: 1;
  border-color: rgb(84 84 84 / var(--tw-border-opacity));
}
.border-noco-gray-620{
  --tw-border-opacity: 1;
  border-color: rgb(93 93 93 / var(--tw-border-opacity));
}
.border-noco-gray-700{
  --tw-border-opacity: 1;
  border-color: rgb(68 68 68 / var(--tw-border-opacity));
}
.border-noco-gray-700\/80{
  border-color: rgb(68 68 68 / 0.8);
}
.border-noco-gray-900{
  --tw-border-opacity: 1;
  border-color: rgb(30 30 30 / var(--tw-border-opacity));
}
.border-noco-red-500{
  --tw-border-opacity: 1;
  border-color: rgb(226 46 49 / var(--tw-border-opacity));
}
.border-noco-red-900{
  --tw-border-opacity: 1;
  border-color: rgb(255 13 0 / var(--tw-border-opacity));
}
.border-red-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity));
}
.border-red-500{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
}
.border-red-600{
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
}
.border-slate-200{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}
.border-slate-300{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
}
.border-slate-400{
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity));
}
.border-slate-800{
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity));
}
.border-transparent{
  border-color: transparent;
}
.border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-y-\[\#d4d4d480\]{
  border-top-color: #d4d4d480;
  border-bottom-color: #d4d4d480;
}
.border-b-noco-gray-200\/50{
  border-bottom-color: rgb(212 212 212 / 0.5);
}
.border-b-noco-gray-550\/30{
  border-bottom-color: rgb(153 153 153 / 0.3);
}
.border-b-noco-gray-550\/70{
  border-bottom-color: rgb(153 153 153 / 0.7);
}
.border-b-transparent{
  border-bottom-color: transparent;
}
.border-t-\[\#848484\]{
  --tw-border-opacity: 1;
  border-top-color: rgb(132 132 132 / var(--tw-border-opacity));
}
.border-t-noco-gray-200\/50{
  border-top-color: rgb(212 212 212 / 0.5);
}
.border-t-noco-gray-550{
  --tw-border-opacity: 1;
  border-top-color: rgb(153 153 153 / var(--tw-border-opacity));
}
.border-t-noco-gray-550\/30{
  border-top-color: rgb(153 153 153 / 0.3);
}
.\!bg-noco-yellow-450{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(254 211 60 / var(--tw-bg-opacity)) !important;
}
.\!bg-transparent{
  background-color: transparent !important;
}
.bg-\[\#0971CE\]{
  --tw-bg-opacity: 1;
  background-color: rgb(9 113 206 / var(--tw-bg-opacity));
}
.bg-\[\#1991D4\]{
  --tw-bg-opacity: 1;
  background-color: rgb(25 145 212 / var(--tw-bg-opacity));
}
.bg-\[\#1c1c1c\]{
  --tw-bg-opacity: 1;
  background-color: rgb(28 28 28 / var(--tw-bg-opacity));
}
.bg-\[\#1d1d1d\]\/80{
  background-color: rgb(29 29 29 / 0.8);
}
.bg-\[\#484848\]{
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity));
}
.bg-\[\#587bd5\]{
  --tw-bg-opacity: 1;
  background-color: rgb(88 123 213 / var(--tw-bg-opacity));
}
.bg-\[\#e7ae58\]{
  --tw-bg-opacity: 1;
  background-color: rgb(231 174 88 / var(--tw-bg-opacity));
}
.bg-\[\#f1a533\]{
  --tw-bg-opacity: 1;
  background-color: rgb(241 165 51 / var(--tw-bg-opacity));
}
.bg-\[\#f47922\]{
  --tw-bg-opacity: 1;
  background-color: rgb(244 121 34 / var(--tw-bg-opacity));
}
.bg-\[--bgColor\]{
  background-color: var(--bgColor);
}
.bg-\[none\]{
  background-color: none;
}
.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-black\/25{
  background-color: rgb(0 0 0 / 0.25);
}
.bg-black\/30{
  background-color: rgb(0 0 0 / 0.3);
}
.bg-black\/40{
  background-color: rgb(0 0 0 / 0.4);
}
.bg-black\/50{
  background-color: rgb(0 0 0 / 0.5);
}
.bg-black\/75{
  background-color: rgb(0 0 0 / 0.75);
}
.bg-black\/80{
  background-color: rgb(0 0 0 / 0.8);
}
.bg-black\/\[0\.4\]{
  background-color: rgb(0 0 0 / 0.4);
}
.bg-inherit{
  background-color: inherit;
}
.bg-noco-blue-500{
  --tw-bg-opacity: 1;
  background-color: rgb(72 159 244 / var(--tw-bg-opacity));
}
.bg-noco-blue-600{
  --tw-bg-opacity: 1;
  background-color: rgb(48 182 240 / var(--tw-bg-opacity));
}
.bg-noco-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity));
}
.bg-noco-gray-190{
  --tw-bg-opacity: 1;
  background-color: rgb(219 219 219 / var(--tw-bg-opacity));
}
.bg-noco-gray-195{
  --tw-bg-opacity: 1;
  background-color: rgb(217 217 217 / var(--tw-bg-opacity));
}
.bg-noco-gray-200\/50{
  background-color: rgb(212 212 212 / 0.5);
}
.bg-noco-gray-495{
  --tw-bg-opacity: 1;
  background-color: rgb(169 169 169 / var(--tw-bg-opacity));
}
.bg-noco-gray-525{
  --tw-bg-opacity: 1;
  background-color: rgb(196 196 196 / var(--tw-bg-opacity));
}
.bg-noco-gray-552{
  --tw-bg-opacity: 1;
  background-color: rgb(144 144 144 / var(--tw-bg-opacity));
}
.bg-noco-gray-560{
  --tw-bg-opacity: 1;
  background-color: rgb(121 121 121 / var(--tw-bg-opacity));
}
.bg-noco-gray-575{
  --tw-bg-opacity: 1;
  background-color: rgb(95 95 95 / var(--tw-bg-opacity));
}
.bg-noco-gray-580{
  --tw-bg-opacity: 1;
  background-color: rgb(89 89 89 / var(--tw-bg-opacity));
}
.bg-noco-gray-600{
  --tw-bg-opacity: 1;
  background-color: rgb(84 84 84 / var(--tw-bg-opacity));
}
.bg-noco-gray-630{
  --tw-bg-opacity: 1;
  background-color: rgb(76 77 79 / var(--tw-bg-opacity));
}
.bg-noco-gray-700{
  --tw-bg-opacity: 1;
  background-color: rgb(68 68 68 / var(--tw-bg-opacity));
}
.bg-noco-gray-710{
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity));
}
.bg-noco-gray-720{
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity));
}
.bg-noco-gray-720\/90{
  background-color: rgb(51 51 51 / 0.9);
}
.bg-noco-gray-730{
  --tw-bg-opacity: 1;
  background-color: rgb(52 52 52 / var(--tw-bg-opacity));
}
.bg-noco-gray-735{
  --tw-bg-opacity: 1;
  background-color: rgb(50 50 50 / var(--tw-bg-opacity));
}
.bg-noco-gray-750{
  --tw-bg-opacity: 1;
  background-color: rgb(46 46 46 / var(--tw-bg-opacity));
}
.bg-noco-gray-770{
  --tw-bg-opacity: 1;
  background-color: rgb(47 47 47 / var(--tw-bg-opacity));
}
.bg-noco-gray-790{
  --tw-bg-opacity: 1;
  background-color: rgb(42 42 42 / var(--tw-bg-opacity));
}
.bg-noco-gray-800{
  --tw-bg-opacity: 1;
  background-color: rgb(40 40 40 / var(--tw-bg-opacity));
}
.bg-noco-gray-820{
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
}
.bg-noco-gray-830{
  --tw-bg-opacity: 1;
  background-color: rgb(35 35 35 / var(--tw-bg-opacity));
}
.bg-noco-gray-835{
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity));
}
.bg-noco-gray-900{
  --tw-bg-opacity: 1;
  background-color: rgb(30 30 30 / var(--tw-bg-opacity));
}
.bg-noco-gray-905{
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity));
}
.bg-noco-gray-905\/30{
  background-color: rgb(26 26 26 / 0.3);
}
.bg-noco-gray-905\/80{
  background-color: rgb(26 26 26 / 0.8);
}
.bg-noco-gray-924{
  --tw-bg-opacity: 1;
  background-color: rgb(20 20 20 / var(--tw-bg-opacity));
}
.bg-noco-gray-925{
  --tw-bg-opacity: 1;
  background-color: rgb(19 19 19 / var(--tw-bg-opacity));
}
.bg-noco-gray-950{
  --tw-bg-opacity: 1;
  background-color: rgb(23 23 23 / var(--tw-bg-opacity));
}
.bg-noco-gray-970{
  --tw-bg-opacity: 1;
  background-color: rgb(29 29 29 / var(--tw-bg-opacity));
}
.bg-noco-green-500{
  --tw-bg-opacity: 1;
  background-color: rgb(38 188 48 / var(--tw-bg-opacity));
}
.bg-noco-red-900{
  --tw-bg-opacity: 1;
  background-color: rgb(255 13 0 / var(--tw-bg-opacity));
}
.bg-noco-red-910{
  --tw-bg-opacity: 1;
  background-color: rgb(242 38 19 / var(--tw-bg-opacity));
}
.bg-noco-yellow-500{
  --tw-bg-opacity: 1;
  background-color: rgb(241 162 35 / var(--tw-bg-opacity));
}
.bg-red-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}
.bg-red-50{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}
.bg-red-500{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
.bg-red-600{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}
.bg-slate-100{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}
.bg-slate-200{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}
.bg-slate-300{
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
}
.bg-slate-400{
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity));
}
.bg-slate-50{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}
.bg-slate-500{
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
}
.bg-slate-600{
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
}
.bg-slate-800{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}
.bg-slate-800\/55{
  background-color: rgb(30 41 59 / 0.55);
}
.bg-slate-900{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}
.bg-transparent{
  background-color: transparent;
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-\[linear-gradient\(0deg\2c _rgba\(0\2c _0\2c _0\2c _1\)_5\%\2c _rgba\(0\2c _0\2c _0\2c _0\)_20\%\2c _rgba\(0\2c _0\2c _0\2c _0\)_80\%\2c _rgba\(0\2c _0\2c _0\2c _1\)_95\%\)\]{
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 1) 5%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 1) 95%);
}
.bg-\[linear-gradient\(180deg\2c \#2f2f2f_0\%\2c \#2f2f2f_25\%\2c rgba\(47\2c 47\2c 47\2c 0\)_100\%\)\]{
  background-image: linear-gradient(180deg,#2f2f2f 0%,#2f2f2f 25%,rgba(47,47,47,0) 100%);
}
.bg-\[linear-gradient\(180deg\2c _rgba\(0\2c _0\2c _0\2c _0\.15\)_0\%\2c _rgba\(0\2c _0\2c _0\2c _0\.15\)_52\.53\%\2c _rgba\(0\2c _0\2c _0\2c _1\)_100\%\)\]{
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 52.53%, rgba(0, 0, 0, 1) 100%);
}
.bg-gradient-to-b{
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-l{
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
.bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-none{
  background-image: none;
}
.from-\[\#222222\]{
  --tw-gradient-from: #222222 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 34 34 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black{
  --tw-gradient-from: #000 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-transparent{
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/0{
  --tw-gradient-from: rgb(255 255 255 / 0) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-black{
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #000 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/15{
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.15) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-\[\#141414\]{
  --tw-gradient-to: #141414 var(--tw-gradient-to-position);
}
.to-black{
  --tw-gradient-to: #000 var(--tw-gradient-to-position);
}
.to-transparent{
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.to-40\%{
  --tw-gradient-to-position: 40%;
}
.bg-cover{
  background-size: cover;
}
.bg-repeat{
  background-repeat: repeat;
}
.fill-black{
  fill: #000;
}
.fill-noco-gray-750{
  fill: #2E2E2E;
}
.fill-noco-gray-900{
  fill: #1e1e1e;
}
.fill-none{
  fill: none;
}
.fill-slate-300{
  fill: #cbd5e1;
}
.fill-slate-800{
  fill: #1e293b;
}
.fill-white{
  fill: #fff;
}
.stroke-black{
  stroke: #000;
}
.stroke-current{
  stroke: currentColor;
}
.stroke-noco-gray-560{
  stroke: #797979;
}
.stroke-noco-gray-720{
  stroke: #333333;
}
.stroke-noco-gray-950{
  stroke: #171717;
}
.stroke-noco-red-500{
  stroke: #E22E31;
}
.stroke-none{
  stroke: none;
}
.stroke-red-500{
  stroke: #ef4444;
}
.stroke-slate-300{
  stroke: #cbd5e1;
}
.stroke-slate-400{
  stroke: #94a3b8;
}
.stroke-slate-800{
  stroke: #1e293b;
}
.stroke-slate-900{
  stroke: #0f172a;
}
.stroke-white{
  stroke: #fff;
}
.stroke-2{
  stroke-width: 2;
}
.stroke-\[1\.5\]{
  stroke-width: 1.5;
}
.stroke-\[3px\]{
  stroke-width: 3px;
}
.stroke-\[4px\]{
  stroke-width: 4px;
}
.object-contain{
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}
.object-scale-down{
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.object-center{
  -o-object-position: center;
     object-position: center;
}
.p-0{
  padding: 0px;
}
.p-1{
  padding: 0.25rem;
}
.p-12{
  padding: 3rem;
}
.p-16{
  padding: 4rem;
}
.p-2{
  padding: 0.5rem;
}
.p-2\.5{
  padding: 0.625rem;
}
.p-3{
  padding: 0.75rem;
}
.p-3\.5{
  padding: 0.875rem;
}
.p-4{
  padding: 1rem;
}
.p-4\.5{
  padding: 1.125rem;
}
.p-5{
  padding: 1.25rem;
}
.p-6{
  padding: 1.5rem;
}
.p-8{
  padding: 2rem;
}
.p-\[0\.3rem\]{
  padding: 0.3rem;
}
.p-\[0\.6875rem\]{
  padding: 0.6875rem;
}
.p-\[0\.9375rem\]{
  padding: 0.9375rem;
}
.p-\[1\.125rem_3\.125rem_0\.375rem_0\.75rem\]{
  padding: 1.125rem 3.125rem 0.375rem 0.75rem;
}
.px-0{
  padding-left: 0px;
  padding-right: 0px;
}
.px-0\.5{
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5{
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-11{
  padding-left: 2.75rem;
  padding-right: 2.75rem;
}
.px-12{
  padding-left: 3rem;
  padding-right: 3rem;
}
.px-16{
  padding-left: 4rem;
  padding-right: 4rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5{
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-4\.5{
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}
.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-5\.5{
  padding-left: 1.375rem;
  padding-right: 1.375rem;
}
.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-7{
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[0\.6875rem\]{
  padding-left: 0.6875rem;
  padding-right: 0.6875rem;
}
.px-\[0\.875rem\]{
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-\[0\.9375rem\]{
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
.px-\[1\.125rem\]{
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}
.px-\[1\.2rem\]{
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.px-\[1\.875rem\]{
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}
.px-\[2\.125rem\]{
  padding-left: 2.125rem;
  padding-right: 2.125rem;
}
.px-\[3\.7rem\]{
  padding-left: 3.7rem;
  padding-right: 3.7rem;
}
.px-\[3\.875rem\]{
  padding-left: 3.875rem;
  padding-right: 3.875rem;
}
.py-0{
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-14{
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-20{
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3\.5{
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-4\.5{
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
}
.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-7{
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[0\.05rem\]{
  padding-top: 0.05rem;
  padding-bottom: 0.05rem;
}
.py-\[0\.282rem\]{
  padding-top: 0.282rem;
  padding-bottom: 0.282rem;
}
.py-\[0\.3125rem\]{
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
}
.py-\[0\.5625rem\]{
  padding-top: 0.5625rem;
  padding-bottom: 0.5625rem;
}
.py-\[10\.8rem\]{
  padding-top: 10.8rem;
  padding-bottom: 10.8rem;
}
.py-\[106px\]{
  padding-top: 106px;
  padding-bottom: 106px;
}
.py-\[2\.875rem\]{
  padding-top: 2.875rem;
  padding-bottom: 2.875rem;
}
.py-\[3\.25rem\]{
  padding-top: 3.25rem;
  padding-bottom: 3.25rem;
}
.py-\[3\.5rem\]{
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.py-\[3\.75rem\]{
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}
.py-\[4\.5rem\]{
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
}
.py-\[5\.375rem\]{
  padding-top: 5.375rem;
  padding-bottom: 5.375rem;
}
.py-\[6\.25rem\]{
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}
.pb-0{
  padding-bottom: 0px;
}
.pb-1\.5{
  padding-bottom: 0.375rem;
}
.pb-10{
  padding-bottom: 2.5rem;
}
.pb-14{
  padding-bottom: 3.5rem;
}
.pb-16{
  padding-bottom: 4rem;
}
.pb-2{
  padding-bottom: 0.5rem;
}
.pb-20{
  padding-bottom: 5rem;
}
.pb-3{
  padding-bottom: 0.75rem;
}
.pb-3\.5{
  padding-bottom: 0.875rem;
}
.pb-4{
  padding-bottom: 1rem;
}
.pb-40{
  padding-bottom: 10rem;
}
.pb-5{
  padding-bottom: 1.25rem;
}
.pb-6{
  padding-bottom: 1.5rem;
}
.pb-7{
  padding-bottom: 1.75rem;
}
.pb-8{
  padding-bottom: 2rem;
}
.pb-9{
  padding-bottom: 2.25rem;
}
.pb-\[--paddingBottom\]{
  padding-bottom: var(--paddingBottom);
}
.pb-\[0\.625rem\]{
  padding-bottom: 0.625rem;
}
.pb-\[0\.6rem\]{
  padding-bottom: 0.6rem;
}
.pb-\[0\.7rem\]{
  padding-bottom: 0.7rem;
}
.pb-\[1\.125rem\]{
  padding-bottom: 1.125rem;
}
.pb-\[11\.25rem\]{
  padding-bottom: 11.25rem;
}
.pb-\[17\.375rem\]{
  padding-bottom: 17.375rem;
}
.pb-\[2\.875rem\]{
  padding-bottom: 2.875rem;
}
.pb-\[3\.125rem\]{
  padding-bottom: 3.125rem;
}
.pb-\[5\.625rem\]{
  padding-bottom: 5.625rem;
}
.pe-6{
  padding-inline-end: 1.5rem;
}
.pe-\[1\.875rem\]{
  padding-inline-end: 1.875rem;
}
.pl-0{
  padding-left: 0px;
}
.pl-1{
  padding-left: 0.25rem;
}
.pl-10{
  padding-left: 2.5rem;
}
.pl-12{
  padding-left: 3rem;
}
.pl-2\.5{
  padding-left: 0.625rem;
}
.pl-20{
  padding-left: 5rem;
}
.pl-3{
  padding-left: 0.75rem;
}
.pl-4{
  padding-left: 1rem;
}
.pl-4\.5{
  padding-left: 1.125rem;
}
.pl-5{
  padding-left: 1.25rem;
}
.pl-5\.5{
  padding-left: 1.375rem;
}
.pl-6{
  padding-left: 1.5rem;
}
.pl-8{
  padding-left: 2rem;
}
.pl-\[--paddingLeft\]{
  padding-left: var(--paddingLeft);
}
.pl-\[3\.125rem\]{
  padding-left: 3.125rem;
}
.pl-\[3\.375rem\]{
  padding-left: 3.375rem;
}
.pr-0{
  padding-right: 0px;
}
.pr-1\.5{
  padding-right: 0.375rem;
}
.pr-10{
  padding-right: 2.5rem;
}
.pr-12{
  padding-right: 3rem;
}
.pr-2{
  padding-right: 0.5rem;
}
.pr-2\.5{
  padding-right: 0.625rem;
}
.pr-3{
  padding-right: 0.75rem;
}
.pr-4{
  padding-right: 1rem;
}
.pr-4\.5{
  padding-right: 1.125rem;
}
.pr-6{
  padding-right: 1.5rem;
}
.pr-8{
  padding-right: 2rem;
}
.pr-\[--paddingRight\]{
  padding-right: var(--paddingRight);
}
.pr-\[1\.375rem\]{
  padding-right: 1.375rem;
}
.pr-\[2\.6rem\]{
  padding-right: 2.6rem;
}
.pr-\[3\.125rem\]{
  padding-right: 3.125rem;
}
.ps-5{
  padding-inline-start: 1.25rem;
}
.ps-6{
  padding-inline-start: 1.5rem;
}
.ps-\[1\.875rem\]{
  padding-inline-start: 1.875rem;
}
.pt-0{
  padding-top: 0px;
}
.pt-1{
  padding-top: 0.25rem;
}
.pt-1\.5{
  padding-top: 0.375rem;
}
.pt-10{
  padding-top: 2.5rem;
}
.pt-12{
  padding-top: 3rem;
}
.pt-14{
  padding-top: 3.5rem;
}
.pt-2{
  padding-top: 0.5rem;
}
.pt-2\.5{
  padding-top: 0.625rem;
}
.pt-20{
  padding-top: 5rem;
}
.pt-25{
  padding-top: 6.25rem;
}
.pt-28{
  padding-top: 7rem;
}
.pt-3{
  padding-top: 0.75rem;
}
.pt-3\.5{
  padding-top: 0.875rem;
}
.pt-4{
  padding-top: 1rem;
}
.pt-4\.5{
  padding-top: 1.125rem;
}
.pt-40{
  padding-top: 10rem;
}
.pt-5{
  padding-top: 1.25rem;
}
.pt-6{
  padding-top: 1.5rem;
}
.pt-7{
  padding-top: 1.75rem;
}
.pt-8{
  padding-top: 2rem;
}
.pt-\[--paddingTop\]{
  padding-top: var(--paddingTop);
}
.pt-\[0\.3rem\]{
  padding-top: 0.3rem;
}
.pt-\[0\.4rem\]{
  padding-top: 0.4rem;
}
.pt-\[1\.125rem\]{
  padding-top: 1.125rem;
}
.pt-\[11\.25rem\]{
  padding-top: 11.25rem;
}
.pt-\[11\.875rem\]{
  padding-top: 11.875rem;
}
.pt-\[2\.125rem\]{
  padding-top: 2.125rem;
}
.pt-\[4\.125rem\]{
  padding-top: 4.125rem;
}
.pt-\[4\.5rem\]{
  padding-top: 4.5rem;
}
.pt-\[6\.25rem\]{
  padding-top: 6.25rem;
}
.pt-\[6\.5rem\]{
  padding-top: 6.5rem;
}
.pt-\[9\.375rem\]{
  padding-top: 9.375rem;
}
.\!text-left{
  text-align: left !important;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.text-end{
  text-align: end;
}
.align-top{
  vertical-align: top;
}
.align-bottom{
  vertical-align: bottom;
}
.\!font-serif{
  font-family: var(--font-helvetica) !important;
}
.font-sans{
  font-family: var(--font-inter);
}
.font-serif{
  font-family: var(--font-helvetica);
}
.\!text-2\.75{
  font-size: 0.6875rem !important;
}
.\!text-base{
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.\!text-lg{
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
}
.\!text-sm{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.\!text-xs{
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}
.text-2\.75{
  font-size: 0.6875rem;
}
.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl{
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl{
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-\[0\.625rem\]{
  font-size: 0.625rem;
}
.text-\[0\.6875rem\]{
  font-size: 0.6875rem;
}
.text-\[0\.8rem\]{
  font-size: 0.8rem;
}
.text-\[0\.9375rem\]{
  font-size: 0.9375rem;
}
.text-\[0\.9rem\]{
  font-size: 0.9rem;
}
.text-\[1\.375rem\]{
  font-size: 1.375rem;
}
.text-\[1\.75rem\]{
  font-size: 1.75rem;
}
.text-\[11px\]{
  font-size: 11px;
}
.text-\[2\.11rem\]{
  font-size: 2.11rem;
}
.text-\[2\.5rem\]{
  font-size: 2.5rem;
}
.text-\[2rem\]{
  font-size: 2rem;
}
.text-\[3\.5rem\]{
  font-size: 3.5rem;
}
.text-\[60\%\]{
  font-size: 60%;
}
.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}
.\!font-bold{
  font-weight: 700 !important;
}
.\!font-medium{
  font-weight: 500 !important;
}
.\!font-normal{
  font-weight: 400 !important;
}
.\!font-semibold{
  font-weight: 600 !important;
}
.font-bold{
  font-weight: 700;
}
.font-extralight{
  font-weight: 200;
}
.font-medium{
  font-weight: 500;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 600;
}
.uppercase{
  text-transform: uppercase;
}
.lowercase{
  text-transform: lowercase;
}
.capitalize{
  text-transform: capitalize;
}
.\!normal-case{
  text-transform: none !important;
}
.normal-case{
  text-transform: none;
}
.italic{
  font-style: italic;
}
.not-italic{
  font-style: normal;
}
.normal-nums{
  font-variant-numeric: normal;
}
.ordinal{
  --tw-ordinal: ordinal;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.slashed-zero{
  --tw-slashed-zero: slashed-zero;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.lining-nums{
  --tw-numeric-figure: lining-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.oldstyle-nums{
  --tw-numeric-figure: oldstyle-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.proportional-nums{
  --tw-numeric-spacing: proportional-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.tabular-nums{
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.diagonal-fractions{
  --tw-numeric-fraction: diagonal-fractions;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.stacked-fractions{
  --tw-numeric-fraction: stacked-fractions;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.\!leading-1\.2{
  line-height: 1.2 !important;
}
.\!leading-\[2\.8125rem\]{
  line-height: 2.8125rem !important;
}
.\!leading-none{
  line-height: 1 !important;
}
.\!leading-normal{
  line-height: 1.5 !important;
}
.\!leading-tight{
  line-height: 1.25 !important;
}
.leading-0{
  line-height: 0;
}
.leading-1\.2{
  line-height: 1.2;
}
.leading-4{
  line-height: 1rem;
}
.leading-5{
  line-height: 1.25rem;
}
.leading-6{
  line-height: 1.5rem;
}
.leading-\[0\]{
  line-height: 0;
}
.leading-\[1\.2\]{
  line-height: 1.2;
}
.leading-\[1\.375rem\]{
  line-height: 1.375rem;
}
.leading-\[1\.5\]{
  line-height: 1.5;
}
.leading-\[120\%\]{
  line-height: 120%;
}
.leading-\[2\.75rem\]{
  line-height: 2.75rem;
}
.leading-\[3\.25rem\]{
  line-height: 3.25rem;
}
.leading-\[92\%\]{
  line-height: 92%;
}
.leading-\[inherit\]{
  line-height: inherit;
}
.leading-none{
  line-height: 1;
}
.leading-normal{
  line-height: 1.5;
}
.leading-snug{
  line-height: 1.375;
}
.leading-tight{
  line-height: 1.25;
}
.tracking-\[\.32px\]{
  letter-spacing: .32px;
}
.tracking-\[\.36px\]{
  letter-spacing: .36px;
}
.tracking-normal{
  letter-spacing: 0em;
}
.tracking-wide{
  letter-spacing: 0.025em;
}
.\!text-black{
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}
.\!text-noco-gray-525{
  --tw-text-opacity: 1 !important;
  color: rgb(196 196 196 / var(--tw-text-opacity)) !important;
}
.\!text-noco-gray-560{
  --tw-text-opacity: 1 !important;
  color: rgb(121 121 121 / var(--tw-text-opacity)) !important;
}
.\!text-noco-red-900{
  --tw-text-opacity: 1 !important;
  color: rgb(255 13 0 / var(--tw-text-opacity)) !important;
}
.\!text-white{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.text-\[\#A3A3A3\]{
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity));
}
.text-\[0\.9\]{
  color: 0.9;
}
.text-\[inherit\]{
  color: inherit;
}
.text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-black\/50{
  color: rgb(0 0 0 / 0.5);
}
.text-inherit{
  color: inherit;
}
.text-noco-blue-500{
  --tw-text-opacity: 1;
  color: rgb(72 159 244 / var(--tw-text-opacity));
}
.text-noco-gray-195{
  --tw-text-opacity: 1;
  color: rgb(217 217 217 / var(--tw-text-opacity));
}
.text-noco-gray-200{
  --tw-text-opacity: 1;
  color: rgb(212 212 212 / var(--tw-text-opacity));
}
.text-noco-gray-250{
  --tw-text-opacity: 1;
  color: rgb(195 195 195 / var(--tw-text-opacity));
}
.text-noco-gray-300{
  --tw-text-opacity: 1;
  color: rgb(173 173 173 / var(--tw-text-opacity));
}
.text-noco-gray-450{
  --tw-text-opacity: 1;
  color: rgb(136 136 136 / var(--tw-text-opacity));
}
.text-noco-gray-495{
  --tw-text-opacity: 1;
  color: rgb(169 169 169 / var(--tw-text-opacity));
}
.text-noco-gray-500{
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity));
}
.text-noco-gray-505{
  --tw-text-opacity: 1;
  color: rgb(162 162 162 / var(--tw-text-opacity));
}
.text-noco-gray-522{
  --tw-text-opacity: 1;
  color: rgb(206 206 206 / var(--tw-text-opacity));
}
.text-noco-gray-525{
  --tw-text-opacity: 1;
  color: rgb(196 196 196 / var(--tw-text-opacity));
}
.text-noco-gray-530{
  --tw-text-opacity: 1;
  color: rgb(164 164 164 / var(--tw-text-opacity));
}
.text-noco-gray-540{
  --tw-text-opacity: 1;
  color: rgb(154 154 154 / var(--tw-text-opacity));
}
.text-noco-gray-550{
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity));
}
.text-noco-gray-559{
  --tw-text-opacity: 1;
  color: rgb(128 128 128 / var(--tw-text-opacity));
}
.text-noco-gray-560{
  --tw-text-opacity: 1;
  color: rgb(121 121 121 / var(--tw-text-opacity));
}
.text-noco-gray-600{
  --tw-text-opacity: 1;
  color: rgb(84 84 84 / var(--tw-text-opacity));
}
.text-noco-gray-710{
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity));
}
.text-noco-gray-900{
  --tw-text-opacity: 1;
  color: rgb(30 30 30 / var(--tw-text-opacity));
}
.text-noco-gray-900\/50{
  color: rgb(30 30 30 / 0.5);
}
.text-noco-gray-960{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.text-noco-green-500{
  --tw-text-opacity: 1;
  color: rgb(38 188 48 / var(--tw-text-opacity));
}
.text-noco-red-600{
  --tw-text-opacity: 1;
  color: rgb(232 0 0 / var(--tw-text-opacity));
}
.text-noco-red-900{
  --tw-text-opacity: 1;
  color: rgb(255 13 0 / var(--tw-text-opacity));
}
.text-noco-red-910{
  --tw-text-opacity: 1;
  color: rgb(242 38 19 / var(--tw-text-opacity));
}
.text-noco-red-920{
  --tw-text-opacity: 1;
  color: rgb(255 105 105 / var(--tw-text-opacity));
}
.text-noco-yellow-400{
  --tw-text-opacity: 1;
  color: rgb(255 158 44 / var(--tw-text-opacity));
}
.text-noco-yellow-500{
  --tw-text-opacity: 1;
  color: rgb(241 162 35 / var(--tw-text-opacity));
}
.text-red-300{
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity));
}
.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}
.text-red-600{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}
.text-slate-300{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}
.text-slate-400{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}
.text-slate-500{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}
.text-slate-600{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}
.text-slate-800{
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}
.text-slate-900{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}
.text-slate-950{
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-white\/65{
  color: rgb(255 255 255 / 0.65);
}
.underline{
  text-decoration-line: underline;
}
.overline{
  text-decoration-line: overline;
}
.line-through{
  text-decoration-line: line-through;
}
.no-underline{
  text-decoration-line: none;
}
.decoration-red-500{
  text-decoration-color: #ef4444;
}
.decoration-1{
  text-decoration-thickness: 1px;
}
.decoration-\[0\.0625rem\]{
  text-decoration-thickness: 0.0625rem;
}
.underline-offset-2{
  text-underline-offset: 2px;
}
.underline-offset-4{
  text-underline-offset: 4px;
}
.underline-offset-\[0\.1875rem\]{
  text-underline-offset: 0.1875rem;
}
.antialiased{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.subpixel-antialiased{
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}
.placeholder-slate-400::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(148 163 184 / var(--tw-placeholder-opacity));
}
.placeholder-slate-400::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(148 163 184 / var(--tw-placeholder-opacity));
}
.caret-noco-gray-200{
  caret-color: #D4D4D4;
}
.\!opacity-100{
  opacity: 1 !important;
}
.opacity-0{
  opacity: 0;
}
.opacity-100{
  opacity: 1;
}
.opacity-20{
  opacity: 0.2;
}
.opacity-50{
  opacity: 0.5;
}
.opacity-70{
  opacity: 0.7;
}
.opacity-75{
  opacity: 0.75;
}
.opacity-80{
  opacity: 0.8;
}
.opacity-90{
  opacity: 0.9;
}
.mix-blend-difference{
  mix-blend-mode: difference;
}
.mix-blend-color{
  mix-blend-mode: color;
}
.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[\#fff_0px_0px_0px_2px\2c _\#f1f5f9_0px_0px_0px_4px\2c _\#00000000_0px_0px_0px_0px\]{
  --tw-shadow: #fff 0px 0px 0px 2px, #f1f5f9 0px 0px 0px 4px, #00000000 0px 0px 0px 0px;
  --tw-shadow-colored: 0px 0px 0px 2px var(--tw-shadow-color), 0px 0px 0px 4px var(--tw-shadow-color), 0px 0px 0px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[-1px_1px_8px_6px_rgba\(0\2c 0\2c 0\2c 0\.25\)\]{
  --tw-shadow: -1px 1px 8px 6px rgba(0,0,0,0.25);
  --tw-shadow-colored: -1px 1px 8px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[-8px_0_24px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{
  --tw-shadow: -8px 0 24px rgba(0,0,0,0.1);
  --tw-shadow-colored: -8px 0 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_-1rem_3rem_rgb\(0\2c 0\2c 0\)\]{
  --tw-shadow: 0 -1rem 3rem rgb(0,0,0);
  --tw-shadow-colored: 0 -1rem 3rem var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_-8px_24px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{
  --tw-shadow: 0 -8px 24px rgba(0,0,0,0.1);
  --tw-shadow-colored: 0 -8px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_\#fff_inset\]{
  --tw-shadow: 0 0 0 #fff inset;
  --tw-shadow-colored: inset 0 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_0_rgba\(0\2c 0\2c 0\2c 0\)\2c _0_0_0_0_rgba\(0\2c 0\2c 0\2c 0\)\2c _0_10px_15px_-3px_rgba\(30\2c 41\2c 59\2c 0\.3\)\2c _0_4px_6px_-4px_rgba\(30\2c 41\2c 59\2c 0\.3\)\]{
  --tw-shadow: 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0,0), 0 10px 15px -3px rgba(30,41,59,0.3), 0 4px 6px -4px rgba(30,41,59,0.3);
  --tw-shadow-colored: 0 0 0 0 var(--tw-shadow-color), 0 0 0 0 var(--tw-shadow-color), 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_1\.5px_\#fff_inset\]{
  --tw-shadow: 0 0 0 1.5px #fff inset;
  --tw-shadow-colored: inset 0 0 0 1.5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_2\.75rem_1\.375rem_\#000\]{
  --tw-shadow: 0 0 2.75rem 1.375rem #000;
  --tw-shadow-colored: 0 0 2.75rem 1.375rem var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_15px_-3px_rgba\(0\2c 0\2c 0\2c 0\.1\)\2c 0_4px_6px_-4px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{
  --tw-shadow: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_3px_0_rgba\(0\2c 0\2c 0\2c 0\.1\)\2c 0_1px_2px_-1px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{
  --tw-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_24px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{
  --tw-shadow: 0 8px 24px rgba(0,0,0,0.1);
  --tw-shadow-colored: 0 8px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_4px_4px_0px_\#00000040\]{
  --tw-shadow: 0px 4px 4px 0px #00000040;
  --tw-shadow-colored: 0px 4px 4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[1\.5px_1\.5px_2\.5px_0_rgba\(0\2c 0\2c 0\2c 0\.3\)_inset\]{
  --tw-shadow: 1.5px 1.5px 2.5px 0 rgba(0,0,0,0.3) inset;
  --tw-shadow-colored: inset 1.5px 1.5px 2.5px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[1px_1px_2px_0_\#00000040_inset\]{
  --tw-shadow: 1px 1px 2px 0 #00000040 inset;
  --tw-shadow-colored: inset 1px 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[1px_1px_2px_0_rgba\(0\2c 0\2c 0\2c 0\.25\)_inset\]{
  --tw-shadow: 1px 1px 2px 0 rgba(0,0,0,0.25) inset;
  --tw-shadow-colored: inset 1px 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[2px_-2px_4px_0px_rgba\(0\2c 0\2c 0\2c 0\.25\)_inset\]{
  --tw-shadow: 2px -2px 4px 0px rgba(0,0,0,0.25) inset;
  --tw-shadow-colored: inset 2px -2px 4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[2px_2px_4px_0_rgba\(0\2c 0\2c 0\2c 0\.25\)_inset\2c 0_0_0_2px_\#E22E31_inset\]{
  --tw-shadow: 2px 2px 4px 0 rgba(0,0,0,0.25) inset,0 0 0 2px #E22E31 inset;
  --tw-shadow-colored: inset 2px 2px 4px 0 var(--tw-shadow-color), inset 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[2px_2px_4px_0_rgba\(0\2c 0\2c 0\2c 0\.25\)_inset\2c 0_0_0_2px_\#FF0D00_inset\]{
  --tw-shadow: 2px 2px 4px 0 rgba(0,0,0,0.25) inset,0 0 0 2px #FF0D00 inset;
  --tw-shadow-colored: inset 2px 2px 4px 0 var(--tw-shadow-color), inset 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[2px_2px_4px_0_rgba\(0\2c 0\2c 0\2c 0\.25\)_inset\2c 0_0_0_2px_transparent_inset\]{
  --tw-shadow: 2px 2px 4px 0 rgba(0,0,0,0.25) inset,0 0 0 2px transparent inset;
  --tw-shadow-colored: inset 2px 2px 4px 0 var(--tw-shadow-color), inset 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[2px_2px_4px_0_rgba\(0\2c 0\2c 0\2c 0\.25\)_inset\]{
  --tw-shadow: 2px 2px 4px 0 rgba(0,0,0,0.25) inset;
  --tw-shadow-colored: inset 2px 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[2px_2px_4px_0px_\#00000040_inset\]{
  --tw-shadow: 2px 2px 4px 0px #00000040 inset;
  --tw-shadow-colored: inset 2px 2px 4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[2px_2px_4px_0px_rgba\(0\2c 0\2c 0\2c 0\.25\)_inset\]{
  --tw-shadow: 2px 2px 4px 0px rgba(0,0,0,0.25) inset;
  --tw-shadow-colored: inset 2px 2px 4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[8px_0_24px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{
  --tw-shadow: 8px 0 24px rgba(0,0,0,0.1);
  --tw-shadow-colored: 8px 0 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_0_0_1\.5px_\#fff\]{
  --tw-shadow: inset 0 0 0 1.5px #fff;
  --tw-shadow-colored: inset 0 0 0 1.5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_2px_-2px_4px_0px_rgba\(0\2c 0\2c 0\2c 0\.25\)\]{
  --tw-shadow: inset 2px -2px 4px 0px rgba(0,0,0,0.25);
  --tw-shadow-colored: inset 2px -2px 4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_2px_2px_4px_0_rgba\(0\2c 0\2c 0\2c 0\.25\)\2c _inset_0_0_0_2px_transparent\]{
  --tw-shadow: inset 2px 2px 4px 0 rgba(0,0,0,0.25), inset 0 0 0 2px transparent;
  --tw-shadow-colored: inset 2px 2px 4px 0 var(--tw-shadow-color), inset 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_2px_2px_4px_0px_rgba\(0\2c 0\2c 0\2c 0\.25\)\]{
  --tw-shadow: inset 2px 2px 4px 0px rgba(0,0,0,0.25);
  --tw-shadow-colored: inset 2px 2px 4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-gray700{
  --tw-shadow: #444444 0px 0px 0px
            1px;
  --tw-shadow-colored: 0px 0px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-slate-200{
  --tw-shadow-color: #e2e8f0;
  --tw-shadow: var(--tw-shadow-colored);
}
.\!outline-none{
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}
.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline{
  outline-style: solid;
}
.\!outline-0{
  outline-width: 0px !important;
}
.outline-0{
  outline-width: 0px;
}
.outline-1{
  outline-width: 1px;
}
.outline-2{
  outline-width: 2px;
}
.outline-offset-1{
  outline-offset: 1px;
}
.outline-offset-2{
  outline-offset: 2px;
}
.outline-offset-4{
  outline-offset: 4px;
}
.outline-offset-8{
  outline-offset: 8px;
}
.outline-offset-\[-0\.125rem\]{
  outline-offset: -0.125rem;
}
.outline-offset-\[0\.375rem\]{
  outline-offset: 0.375rem;
}
.outline-offset-\[6px\]{
  outline-offset: 6px;
}
.outline-red-200{
  outline-color: #fecaca;
}
.outline-slate-100{
  outline-color: #f1f5f9;
}
.outline-slate-200{
  outline-color: #e2e8f0;
}
.outline-transparent{
  outline-color: transparent;
}
.outline-white{
  outline-color: #fff;
}
.ring{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-inset{
  --tw-ring-inset: inset;
}
.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[12\.5px\]{
  --tw-blur: blur(12.5px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.brightness-50{
  --tw-brightness: brightness(.5);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow{
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale{
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert{
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.sepia{
  --tw-sepia: sepia(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur{
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[10px\]{
  --tw-backdrop-blur: blur(10px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[12\.5px\]{
  --tw-backdrop-blur: blur(12.5px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-md{
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-none{
  --tw-backdrop-blur:  ;
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-xl{
  --tw-backdrop-blur: blur(24px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-grayscale{
  --tw-backdrop-grayscale: grayscale(100%);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-invert{
  --tw-backdrop-invert: invert(100%);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-sepia{
  --tw-backdrop-sepia: sepia(100%);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-filter{
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[border-radius\]{
  transition-property: border-radius;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[color\]{
  transition-property: color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[fill\2c stroke\]{
  transition-property: fill,stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[fill\]{
  transition-property: fill;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[filter\]{
  transition-property: filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[height\]{
  transition-property: height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[left\]{
  transition-property: left;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[stroke\]{
  transition-property: stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[transform\2c font-size\2c font-weight\]{
  transition-property: transform,font-size,font-weight;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[width\]{
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-none{
  transition-property: none;
}
.transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.delay-0{
  transition-delay: 0s;
}
.delay-1000{
  transition-delay: 1000ms;
}
.delay-500{
  transition-delay: 500ms;
}
.delay-\[0\.25s\]{
  transition-delay: 0.25s;
}
.duration-0{
  transition-duration: 0s;
}
.duration-100{
  transition-duration: 100ms;
}
.duration-1000{
  transition-duration: 1000ms;
}
.duration-150{
  transition-duration: 150ms;
}
.duration-200{
  transition-duration: 200ms;
}
.duration-300{
  transition-duration: 300ms;
}
.duration-500{
  transition-duration: 500ms;
}
.duration-700{
  transition-duration: 700ms;
}
.duration-\[0\.15s\]{
  transition-duration: 0.15s;
}
.duration-\[0\.25s\]{
  transition-duration: 0.25s;
}
.duration-\[100ms\]{
  transition-duration: 100ms;
}
.duration-\[200ms\]{
  transition-duration: 200ms;
}
.duration-\[250\]{
  transition-duration: 250;
}
.duration-\[250ms\]{
  transition-duration: 250ms;
}
.duration-\[700ms\]{
  transition-duration: 700ms;
}
.duration-\[800ms\]{
  transition-duration: 800ms;
}
.ease-\[ease\]{
  transition-timing-function: ease;
}
.ease-ease{
  transition-timing-function: ease;
}
.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear{
  transition-timing-function: linear;
}
.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.will-change-transform{
  will-change: transform;
}
.contain-paint{
  --tw-contain-paint: paint;
  contain: var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style);
}
.forced-color-adjust-none{
  forced-color-adjust: none;
}
.typography-Emphasis{
  font-family: var(--font-helvetica);
  font-size: 3.5rem;
  line-height: 92%;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1024px){

  .typography-Emphasis{
    font-size: 12.25rem;
  }
}
.typography-HighlightTitle{
  font-family: var(--font-helvetica);
  font-size: 3.5rem;
  line-height: 92%;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1024px){

  .typography-HighlightTitle{
    font-size: 7.5rem;
  }
}
.typography-PriceBlockStrong{
  font-family: var(--font-helvetica);
  font-size: 2.8125rem;
  line-height: 92%;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1024px){

  .typography-PriceBlockStrong{
    font-size: 5.625rem;
  }
}
.typography-StandardTitle{
  font-family: var(--font-helvetica);
  font-size: 2.5rem;
  line-height: 92%;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1024px){

  .typography-StandardTitle{
    font-size: 4.6875rem;
  }
}
.typography-StandardTitleThin{
  font-family: var(--font-helvetica);
  font-size: 2.5rem;
  line-height: 92%;
  font-weight: 400;
  text-transform: uppercase;
}
@media (min-width: 1024px){

  .typography-StandardTitleThin{
    font-size: 4.6875rem;
    letter-spacing: 1.5px;
  }
}
.typography-CollectionSecondaryTitle{
  font-family: var(--font-helvetica);
  font-size: 1.875rem;
  line-height: 92%;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1024px){

  .typography-CollectionSecondaryTitle{
    font-size: 3.125rem;
  }
}
.typography-PriceBlockNumber{
  font-family: var(--font-inter);
  font-size: 1.75rem;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1024px){

  .typography-PriceBlockNumber{
    font-size: 2.5rem;
  }
}
.typography-UploadImageTitle{
  font-family: var(--font-inter);
  font-size: 1.5rem;
  font-weight: 600;
}
@media (min-width: 1024px){

  .typography-UploadImageTitle{
    font-size: 1.75rem;
  }
}
.typography-SmallTitle{
  font-family: var(--font-helvetica);
  font-size: 1.5rem;
  line-height: 92%;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1024px){

  .typography-SmallTitle{
    font-size: 2.5rem;
  }
}
.typography-MarketingMiniTitle{
  font-family: var(--font-helvetica);
  font-size: 1.25rem;
  line-height: 92%;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1024px){

  .typography-MarketingMiniTitle{
    font-size: 1.875rem;
    line-height: 1.875rem;
  }
}
.typography-SubtitleStandard{
  font-family: var(--font-inter);
  font-size: 1.125rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1.08px;
}
@media (min-width: 1024px){

  .typography-SubtitleStandard{
    font-size: 1.75rem;
    letter-spacing: 1.68px;
  }
}
.typography-SubtitleSemiBold{
  font-family: var(--font-inter);
  font-size: 1.25rem;
  font-weight: 600;
}
@media (min-width: 1024px){

  .typography-SubtitleSemiBold{
    font-size: 1.75rem;
  }
}
.typography-SubtitleBold{
  font-family: var(--font-inter);
  font-size: 1.25rem;
  font-weight: 700;
}
@media (min-width: 1024px){

  .typography-SubtitleBold{
    font-size: 1.75rem;
  }
}
.typography-SubtitleBoldSku{
  font-family: var(--font-inter);
  font-size: 1.125rem;
  font-weight: 700;
}
@media (min-width: 1024px){

  .typography-SubtitleBoldSku{
    font-size: 1.75rem;
  }
}
.typography-SubtitleSecondaryBold{
  font-family: var(--font-inter);
  font-size: 1.125rem;
  font-weight: 700;
}
@media (min-width: 1024px){

  .typography-SubtitleSecondaryBold{
    font-size: 1.25rem;
  }
}
.typography-SubtitleSecondarySemibold{
  font-family: var(--font-inter);
  font-size: 1.125rem;
  font-weight: 600;
}
@media (min-width: 1024px){

  .typography-SubtitleSecondarySemibold{
    font-size: 1.25rem;
  }
}
.typography-SubtitleSecondary{
  font-family: var(--font-inter);
  font-size: 1.125rem;
  font-weight: 400;
}
@media (min-width: 1024px){

  .typography-SubtitleSecondary{
    font-size: 1.25rem;
  }
}
.typography-Link{
  font-family: var(--font-inter);
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}
@media (min-width: 1024px){

  .typography-Link{
    font-size: 1.125rem;
  }
}
.typography-LinkBold{
  font-family: var(--font-inter);
  font-size: 1rem;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}
@media (min-width: 1024px){

  .typography-LinkBold{
    font-size: 1.125rem;
  }
}
.typography-LinkUnderline{
  font-family: var(--font-inter);
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  text-decoration: underline;
  text-underline-offset: 2px;
}
@media (min-width: 1024px){

  .typography-LinkUnderline{
    font-size: 1.125rem;
  }
}
.\!typography-LinkSmall{
  font-family: var(--font-inter) !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 150% !important;
  text-decoration: none !important;
}
.typography-LinkSmall{
  font-family: var(--font-inter);
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}
.typography-LinkSmallBold{
  font-family: var(--font-inter);
  font-size: 1rem;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}
.typography-LinkSmallUnderline{
  font-family: var(--font-inter);
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.typography-LinkSmallest{
  font-family: var(--font-inter);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}
.\!typography-Copy{
  font-family: var(--font-inter) !important;
  font-size: 1rem !important;
  line-height: 150% !important;
  font-weight: 400 !important;
}
.typography-Copy{
  font-family: var(--font-inter);
  font-size: 1rem;
  line-height: 150%;
  font-weight: 400;
}
.typography-CopyCards{
  font-family: var(--font-inter);
  font-size: 0.875rem;
  font-weight: 400;
}
@media (min-width: 1024px){

  .typography-CopyCards{
    font-size: 1rem;
  }
}
.typography-CopySemibold{
  font-family: var(--font-inter);
  font-size: 1rem;
  line-height: 150%;
  font-weight: 600;
}
.typography-CopyStrong{
  font-family: var(--font-inter);
  font-size: 1rem;
  line-height: 150%;
  font-weight: 700;
}
.\!typography-CopySmall{
  font-family: var(--font-inter) !important;
  font-size: 0.875rem !important;
  line-height: 150% !important;
  font-weight: 400 !important;
}
.typography-CopySmall{
  font-family: var(--font-inter);
  font-size: 0.875rem;
  line-height: 150%;
  font-weight: 400;
}
.typography-CopySmallCards{
  font-family: var(--font-inter);
  font-size: 0.875rem;
  font-weight: 400;
}
.typography-CopySmallStrong{
  font-family: var(--font-inter);
  font-size: 0.875rem;
  line-height: 150%;
  font-weight: 700;
}
.\!typography-CopySmallest{
  font-family: var(--font-inter) !important;
  font-size: 0.75rem !important;
  line-height: 150% !important;
  font-weight: 400 !important;
}
.typography-CopySmallest{
  font-family: var(--font-inter);
  font-size: 0.75rem;
  line-height: 150%;
  font-weight: 400;
}
.typography-CopySmallUnderline{
  font-family: var(--font-inter);
  font-size: 0.875rem;
  line-height: 150%;
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.typography-CopySmallestStrong{
  font-family: var(--font-inter);
  font-size: 0.75rem;
  line-height: 150%;
  font-weight: 700;
}
.typography-FormHeader{
  font-family: var(--font-inter);
  font-size: 1.125rem;
  font-weight: 700;
}
@media (min-width: 1024px){

  .typography-FormHeader{
    font-size: 1.75rem;
  }
}
.typography-FormTitle{
  font-family: var(--font-inter);
  font-size: 1.125rem;
  font-weight: 700;
}
@media (min-width: 1024px){

  .typography-FormTitle{
    font-size: 1.25rem;
  }
}
.typography-Nav{
  font-family: var(--font-inter);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 150%;
}
@media (min-width: 1024px){

  .typography-Nav{
    font-family: var(--font-helvetica);
    font-size: 1rem;
    text-transform: uppercase;
  }
}
.\!typography-NavSku{
  font-family: var(--font-inter) !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  line-height: 150% !important;
}
.typography-NavSku{
  font-family: var(--font-inter);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 150%;
}
.typography-NavDescription{
  font-family: var(--font-inter);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 150%;
}
@media (min-width: 1024px){

  .typography-NavDescription{
    font-size: 0.75rem;
    font-weight: 400;
  }
}
.\[border-style\:inset\]{
  border-style: inset;
}
.\[contain\:paint\]{
  contain: paint;
}
.\[filter\:brightness\(0\.4\)\]{
  filter: brightness(0.4);
}
.\[filter\:brightness\(1\)\]{
  filter: brightness(1);
}
.\[grid-area\:1\/1\/2\/3\]{
  grid-area: 1/1/2/3;
}
.\[grid-area\:4\/1\/5\/3\]{
  grid-area: 4/1/5/3;
}
.\[grid-area\:unset\]{
  grid-area: unset;
}
.\[grid-area\:var\(--carousel-block\)\]{
  grid-area: var(--carousel-block);
}
.\[grid-area\:var\(--small-blocks\)\]{
  grid-area: var(--small-blocks);
}
.\[grid-area\:var\(--wide-block\)\]{
  grid-area: var(--wide-block);
}
.\[grid-template-areas\:var\(--mobile-grid-template-areas\)\]{
  grid-template-areas: var(--mobile-grid-template-areas);
}
.\[mask-image\:linear-gradient\(\#000\2c \#000\2c transparent_0\2c \#000_2rem\2c \#000_calc\(100\%-2rem\)\2c transparent\)\]{
  -webkit-mask-image: linear-gradient(#000,#000,transparent 0,#000 2rem,#000 calc(100% - 2rem),transparent);
          mask-image: linear-gradient(#000,#000,transparent 0,#000 2rem,#000 calc(100% - 2rem),transparent);
}
.\[scrollbar-gutter\:stable\]{
  scrollbar-gutter: stable;
}
.\[transform\:translate\(0\2c _calc\(-100\%_-_10px\)\)_rotateY\(190deg\)_rotateZ\(8deg\)\]{
  transform: translate(0, calc(-100% - 10px)) rotateY(190deg) rotateZ(8deg);
}
.\[transform\:translateY\(calc\(-100\%_-_1\.5rem\)\)_translateX\(-50\%\)\]{
  transform: translateY(calc(-100% - 1.5rem)) translateX(-50%);
}
.\[transform\:translateZ\(0px\)\]{
  transform: translateZ(0px);
}

.\*\:h-full > *{
  height: 100%;
}

.\*\:w-full > *{
  width: 100%;
}

.\*\:object-cover > *{
  -o-object-fit: cover;
     object-fit: cover;
}

.\*\:object-center > *{
  -o-object-position: center;
     object-position: center;
}

.placeholder\:text-noco-gray-200::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(212 212 212 / var(--tw-text-opacity));
}

.placeholder\:text-noco-gray-200::placeholder{
  --tw-text-opacity: 1;
  color: rgb(212 212 212 / var(--tw-text-opacity));
}

.placeholder\:text-noco-gray-310::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.placeholder\:text-noco-gray-310::placeholder{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.before\:absolute::before{
  content: var(--tw-content);
  position: absolute;
}

.before\:inset-x-0::before{
  content: var(--tw-content);
  left: 0px;
  right: 0px;
}

.before\:inset-y-0::before{
  content: var(--tw-content);
  top: 0px;
  bottom: 0px;
}

.before\:-left-7::before{
  content: var(--tw-content);
  left: -1.75rem;
}

.before\:-left-\[0\.9375rem\]::before{
  content: var(--tw-content);
  left: -0.9375rem;
}

.before\:-right-\[2\.375rem\]::before{
  content: var(--tw-content);
  right: -2.375rem;
}

.before\:bottom-0::before{
  content: var(--tw-content);
  bottom: 0px;
}

.before\:left-0::before{
  content: var(--tw-content);
  left: 0px;
}

.before\:left-\[1\.2rem\]::before{
  content: var(--tw-content);
  left: 1.2rem;
}

.before\:right-0::before{
  content: var(--tw-content);
  right: 0px;
}

.before\:top-0::before{
  content: var(--tw-content);
  top: 0px;
}

.before\:z-1::before{
  content: var(--tw-content);
  z-index: 1;
}

.before\:z-\[1\]::before{
  content: var(--tw-content);
  z-index: 1;
}

.before\:z-\[2\]::before{
  content: var(--tw-content);
  z-index: 2;
}

.before\:m-1::before{
  content: var(--tw-content);
  margin: 0.25rem;
}

.before\:m-\[3px\]::before{
  content: var(--tw-content);
  margin: 3px;
}

.before\:mr-1::before{
  content: var(--tw-content);
  margin-right: 0.25rem;
}

.before\:block::before{
  content: var(--tw-content);
  display: block;
}

.before\:hidden::before{
  content: var(--tw-content);
  display: none;
}

.before\:h-11::before{
  content: var(--tw-content);
  height: 2.75rem;
}

.before\:h-2\.5::before{
  content: var(--tw-content);
  height: 0.625rem;
}

.before\:h-3\.5::before{
  content: var(--tw-content);
  height: 0.875rem;
}

.before\:h-4::before{
  content: var(--tw-content);
  height: 1rem;
}

.before\:h-5::before{
  content: var(--tw-content);
  height: 1.25rem;
}

.before\:h-\[1\.625rem\]::before{
  content: var(--tw-content);
  height: 1.625rem;
}

.before\:h-\[3\.125rem\]::before{
  content: var(--tw-content);
  height: 3.125rem;
}

.before\:h-\[calc\(2_\*_100\%_\/3\)\]::before{
  content: var(--tw-content);
  height: calc(2 * 100% / 3);
}

.before\:h-full::before{
  content: var(--tw-content);
  height: 100%;
}

.before\:h-px::before{
  content: var(--tw-content);
  height: 1px;
}

.before\:w-1\/3::before{
  content: var(--tw-content);
  width: 33.333333%;
}

.before\:w-2\.5::before{
  content: var(--tw-content);
  width: 0.625rem;
}

.before\:w-3\.5::before{
  content: var(--tw-content);
  width: 0.875rem;
}

.before\:w-4::before{
  content: var(--tw-content);
  width: 1rem;
}

.before\:w-5::before{
  content: var(--tw-content);
  width: 1.25rem;
}

.before\:w-\[1\.625rem\]::before{
  content: var(--tw-content);
  width: 1.625rem;
}

.before\:w-\[2\.375rem\]::before{
  content: var(--tw-content);
  width: 2.375rem;
}

.before\:w-\[5\.125rem\]::before{
  content: var(--tw-content);
  width: 5.125rem;
}

.before\:w-\[calc\(100\%-2\.5rem\)\]::before{
  content: var(--tw-content);
  width: calc(100% - 2.5rem);
}

.before\:w-full::before{
  content: var(--tw-content);
  width: 100%;
}

.before\:w-px::before{
  content: var(--tw-content);
  width: 1px;
}

.before\:translate-x-full::before{
  content: var(--tw-content);
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.before\:rotate-45::before{
  content: var(--tw-content);
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.before\:cursor-default::before{
  content: var(--tw-content);
  cursor: default;
}

.before\:rounded-full::before{
  content: var(--tw-content);
  border-radius: 9999px;
}

.before\:rounded-sm::before{
  content: var(--tw-content);
  border-radius: 0.125rem;
}

.before\:rounded-r-\[0\.625rem\]::before{
  content: var(--tw-content);
  border-top-right-radius: 0.625rem;
  border-bottom-right-radius: 0.625rem;
}

.before\:bg-noco-gray-560::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(121 121 121 / var(--tw-bg-opacity));
}

.before\:bg-noco-gray-700::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(68 68 68 / var(--tw-bg-opacity));
}

.before\:bg-slate-200::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}

.before\:bg-slate-300::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
}

.before\:bg-slate-400::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity));
}

.before\:bg-slate-500::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
}

.before\:bg-white::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.before\:bg-\[linear-gradient\(-90deg\2c transparent_0\%\2c \#000_100\%\)\]::before{
  content: var(--tw-content);
  background-image: linear-gradient(-90deg,transparent 0%,#000 100%);
}

.before\:bg-\[url\(\"\/images\/error-icon\.svg\"\)\]::before{
  content: var(--tw-content);
  background-image: url("/images/error-icon.svg");
}

.before\:bg-gradient-to-l::before{
  content: var(--tw-content);
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}

.before\:bg-gradient-to-t::before{
  content: var(--tw-content);
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.before\:from-black::before{
  content: var(--tw-content);
  --tw-gradient-from: #000 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.before\:from-15\%::before{
  content: var(--tw-content);
  --tw-gradient-from-position: 15%;
}

.before\:to-transparent::before{
  content: var(--tw-content);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.before\:bg-cover::before{
  content: var(--tw-content);
  background-size: cover;
}

.before\:bg-center::before{
  content: var(--tw-content);
  background-position: center;
}

.before\:bg-no-repeat::before{
  content: var(--tw-content);
  background-repeat: no-repeat;
}

.before\:shadow-sm::before{
  content: var(--tw-content);
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.before\:transition-all::before{
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.before\:duration-200::before{
  content: var(--tw-content);
  transition-duration: 200ms;
}

.before\:ease-in-out::before{
  content: var(--tw-content);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.after\:absolute::after{
  content: var(--tw-content);
  position: absolute;
}

.after\:relative::after{
  content: var(--tw-content);
  position: relative;
}

.after\:-right-\[2\.375rem\]::after{
  content: var(--tw-content);
  right: -2.375rem;
}

.after\:-top-px::after{
  content: var(--tw-content);
  top: -1px;
}

.after\:bottom-1\/2::after{
  content: var(--tw-content);
  bottom: 50%;
}

.after\:left-0::after{
  content: var(--tw-content);
  left: 0px;
}

.after\:right-0::after{
  content: var(--tw-content);
  right: 0px;
}

.after\:right-2\/4::after{
  content: var(--tw-content);
  right: 50%;
}

.after\:top-0::after{
  content: var(--tw-content);
  top: 0px;
}

.after\:top-2::after{
  content: var(--tw-content);
  top: 0.5rem;
}

.after\:z-1::after{
  content: var(--tw-content);
  z-index: 1;
}

.after\:z-10::after{
  content: var(--tw-content);
  z-index: 10;
}

.after\:z-\[1\]::after{
  content: var(--tw-content);
  z-index: 1;
}

.after\:ml-2::after{
  content: var(--tw-content);
  margin-left: 0.5rem;
}

.after\:block::after{
  content: var(--tw-content);
  display: block;
}

.after\:inline-block::after{
  content: var(--tw-content);
  display: inline-block;
}

.after\:h-0::after{
  content: var(--tw-content);
  height: 0px;
}

.after\:h-1\.5::after{
  content: var(--tw-content);
  height: 0.375rem;
}

.after\:h-11::after{
  content: var(--tw-content);
  height: 2.75rem;
}

.after\:h-3\.5::after{
  content: var(--tw-content);
  height: 0.875rem;
}

.after\:h-6::after{
  content: var(--tw-content);
  height: 1.5rem;
}

.after\:h-\[101\%\]::after{
  content: var(--tw-content);
  height: 101%;
}

.after\:h-\[6px\]::after{
  content: var(--tw-content);
  height: 6px;
}

.after\:h-\[8px\]::after{
  content: var(--tw-content);
  height: 8px;
}

.after\:h-\[9px\]::after{
  content: var(--tw-content);
  height: 9px;
}

.after\:h-full::after{
  content: var(--tw-content);
  height: 100%;
}

.after\:h-px::after{
  content: var(--tw-content);
  height: 1px;
}

.after\:w-1\/3::after{
  content: var(--tw-content);
  width: 33.333333%;
}

.after\:w-2::after{
  content: var(--tw-content);
  width: 0.5rem;
}

.after\:w-24::after{
  content: var(--tw-content);
  width: 6rem;
}

.after\:w-3::after{
  content: var(--tw-content);
  width: 0.75rem;
}

.after\:w-6::after{
  content: var(--tw-content);
  width: 1.5rem;
}

.after\:w-\[12px\]::after{
  content: var(--tw-content);
  width: 12px;
}

.after\:w-\[14px\]::after{
  content: var(--tw-content);
  width: 14px;
}

.after\:w-\[18px\]::after{
  content: var(--tw-content);
  width: 18px;
}

.after\:w-\[2\.375rem\]::after{
  content: var(--tw-content);
  width: 2.375rem;
}

.after\:w-full::after{
  content: var(--tw-content);
  width: 100%;
}

.after\:shrink-0::after{
  content: var(--tw-content);
  flex-shrink: 0;
}

.after\:rotate-0::after{
  content: var(--tw-content);
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.after\:rotate-180::after{
  content: var(--tw-content);
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.after\:border-b-1\.5::after{
  content: var(--tw-content);
  border-bottom-width: 1.5px;
}

.after\:border-b-noco-red-900::after{
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 13 0 / var(--tw-border-opacity));
}

.after\:bg-noco-gray-550::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(153 153 153 / var(--tw-bg-opacity));
}

.after\:bg-noco-gray-700::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(68 68 68 / var(--tw-bg-opacity));
}

.after\:bg-\[url\(\'\/images\/select-default-arrow\.svg\'\)\]::after{
  content: var(--tw-content);
  background-image: url('/images/select-default-arrow.svg');
}

.after\:bg-\[url\(\'\/images\/select-filter-warranty-close\.svg\'\)\]::after{
  content: var(--tw-content);
  background-image: url('/images/select-filter-warranty-close.svg');
}

.after\:bg-\[url\(\'\/images\/select-filter-warranty-open\.svg\'\)\]::after{
  content: var(--tw-content);
  background-image: url('/images/select-filter-warranty-open.svg');
}

.after\:bg-\[url\(\'\/images\/select-groups-arrow\.svg\'\)\]::after{
  content: var(--tw-content);
  background-image: url('/images/select-groups-arrow.svg');
}

.after\:bg-\[url\(\'\/images\/select-sort-label-arrow\.svg\'\)\]::after{
  content: var(--tw-content);
  background-image: url('/images/select-sort-label-arrow.svg');
}

.after\:bg-\[url\(\/images\/link-chevron\.svg\)\]::after{
  content: var(--tw-content);
  background-image: url(/images/link-chevron.svg);
}

.after\:bg-gradient-to-r::after{
  content: var(--tw-content);
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.after\:bg-gradient-to-t::after{
  content: var(--tw-content);
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.after\:from-black::after{
  content: var(--tw-content);
  --tw-gradient-from: #000 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.after\:via-transparent::after{
  content: var(--tw-content);
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.after\:to-black::after{
  content: var(--tw-content);
  --tw-gradient-to: #000 var(--tw-gradient-to-position);
}

.after\:bg-center::after{
  content: var(--tw-content);
  background-position: center;
}

.after\:bg-no-repeat::after{
  content: var(--tw-content);
  background-repeat: no-repeat;
}

.after\:leading-\[0\]::after{
  content: var(--tw-content);
  line-height: 0;
}

.after\:transition-\[transform\]::after{
  content: var(--tw-content);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.after\:transition-transform::after{
  content: var(--tw-content);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.after\:duration-200::after{
  content: var(--tw-content);
  transition-duration: 200ms;
}

.first\:ms-0:first-child{
  margin-inline-start: 0px;
}

.first\:mt-0:first-child{
  margin-top: 0px;
}

.first\:mt-2:first-child{
  margin-top: 0.5rem;
}

.first\:h-\[0\.8rem\]:first-child{
  height: 0.8rem;
}

.first\:w-\[1px\]:first-child{
  width: 1px;
}

.first\:border-t-0:first-child{
  border-top-width: 0px;
}

.first\:bg-white:first-child{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.first\:pt-0:first-child{
  padding-top: 0px;
}

.first\:opacity-100:first-child{
  opacity: 1;
}

.last\:mb-4:last-child{
  margin-bottom: 1rem;
}

.last\:mt-14:last-child{
  margin-top: 3.5rem;
}

.last\:border-0:last-child{
  border-width: 0px;
}

.first-of-type\:mt-0:first-of-type{
  margin-top: 0px;
}

.first-of-type\:rounded-bl-lg:first-of-type{
  border-bottom-left-radius: 0.5rem;
}

.first-of-type\:rounded-tl-lg:first-of-type{
  border-top-left-radius: 0.5rem;
}

.last-of-type\:items-end:last-of-type{
  align-items: flex-end;
}

.last-of-type\:rounded-br-lg:last-of-type{
  border-bottom-right-radius: 0.5rem;
}

.last-of-type\:rounded-tr-lg:last-of-type{
  border-top-right-radius: 0.5rem;
}

.active\:border-y-\[\#d4d4d480\]:active{
  border-top-color: #d4d4d480;
  border-bottom-color: #d4d4d480;
}

.active\:bg-noco-gray-190:active{
  --tw-bg-opacity: 1;
  background-color: rgb(219 219 219 / var(--tw-bg-opacity));
}

.group:nth-child(odd) .group-odd\:bg-\[linear-gradient\(270deg\2c _\#3c3c3c_0\%\2c _\#373737_100\%\)\]{
  background-image: linear-gradient(270deg, #3c3c3c 0%, #373737 100%);
}

.group:nth-child(odd) .group-odd\:bg-\[linear-gradient\(90deg\2c _\#303031_0\%\2c _\#5e5e5e_100\%\)\]{
  background-image: linear-gradient(90deg, #303031 0%, #5e5e5e 100%);
}

.group:nth-child(odd) .group-odd\:bg-\[linear-gradient\(90deg\2c _\#464647_0\%\2c _\#2e2e2e_100\%\)\]{
  background-image: linear-gradient(90deg, #464647 0%, #2e2e2e 100%);
}

.group:nth-child(odd) .group-odd\:bg-\[linear-gradient\(90deg\2c _\#666_0\%\2c _\#3c3c3c_100\%\)\]{
  background-image: linear-gradient(90deg, #666 0%, #3c3c3c 100%);
}

.group:nth-child(even) .group-even\:bg-\[linear-gradient\(270deg\2c _\#3c3c3c_0\%\2c _\#373737_100\%\)\]{
  background-image: linear-gradient(270deg, #3c3c3c 0%, #373737 100%);
}

.group:nth-child(even) .group-even\:bg-\[linear-gradient\(90deg\2c _\#303031_0\%\2c _\#5e5e5e_100\%\)\]{
  background-image: linear-gradient(90deg, #303031 0%, #5e5e5e 100%);
}

.group:nth-child(even) .group-even\:bg-\[linear-gradient\(90deg\2c _\#464647_0\%\2c _\#2e2e2e_100\%\)\]{
  background-image: linear-gradient(90deg, #464647 0%, #2e2e2e 100%);
}

.group:nth-child(even) .group-even\:bg-\[linear-gradient\(90deg\2c _\#666_0\%\2c _\#3c3c3c_100\%\)\]{
  background-image: linear-gradient(90deg, #666 0%, #3c3c3c 100%);
}

.has-\[\:checked\]\:bg-white:has(:checked){
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.has-\[\:disabled\]\:bg-transparent:has(:disabled){
  background-color: transparent;
}

.has-\[\:checked\]\:text-black:has(:checked){
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.has-\[\:disabled\]\:text-noco-gray-580:has(:disabled){
  --tw-text-opacity: 1;
  color: rgb(89 89 89 / var(--tw-text-opacity));
}

.group:has(input[data-focused]) .group-has-\[input\[data-focused\]\]\:-translate-y-\[115\%\]{
  --tw-translate-y: -115%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:has(input[value]:not(input[value=""])) .group-has-\[input\[value\]\:not\(input\[value\=\"\"\]\)\]\:-translate-y-\[115\%\]{
  --tw-translate-y: -115%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:has(textarea:not(:-moz-placeholder-shown)) .group-has-\[textarea\:not\(\:-moz-placeholder-shown\)\]\:-translate-y-\[115\%\]{
  --tw-translate-y: -115%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:has(textarea:not(:placeholder-shown)) .group-has-\[textarea\:not\(\:placeholder-shown\)\]\:-translate-y-\[115\%\]{
  --tw-translate-y: -115%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:has(input[data-focused]) .group-has-\[input\[data-focused\]\]\:text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}

.group:has(input[value]:not(input[value=""])) .group-has-\[input\[value\]\:not\(input\[value\=\"\"\]\)\]\:text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}

.group:has(textarea:not(:-moz-placeholder-shown)) .group-has-\[textarea\:not\(\:-moz-placeholder-shown\)\]\:text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}

.group:has(textarea:not(:placeholder-shown)) .group-has-\[textarea\:not\(\:placeholder-shown\)\]\:text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}

.group:has(input[data-focused]) .group-has-\[input\[data-focused\]\]\:font-normal{
  font-weight: 400;
}

.group:has(input[value]:not(input[value=""])) .group-has-\[input\[value\]\:not\(input\[value\=\"\"\]\)\]\:font-normal{
  font-weight: 400;
}

.group:has(textarea:not(:-moz-placeholder-shown)) .group-has-\[textarea\:not\(\:-moz-placeholder-shown\)\]\:font-normal{
  font-weight: 400;
}

.group:has(textarea:not(:placeholder-shown)) .group-has-\[textarea\:not\(\:placeholder-shown\)\]\:font-normal{
  font-weight: 400;
}

.group:has(input[data-focused]) .group-has-\[input\[data-focused\]\]\:leading-normal{
  line-height: 1.5;
}

.group:has(input[value]:not(input[value=""])) .group-has-\[input\[value\]\:not\(input\[value\=\"\"\]\)\]\:leading-normal{
  line-height: 1.5;
}

.group:has(textarea:not(:-moz-placeholder-shown)) .group-has-\[textarea\:not\(\:-moz-placeholder-shown\)\]\:leading-normal{
  line-height: 1.5;
}

.group:has(textarea:not(:placeholder-shown)) .group-has-\[textarea\:not\(\:placeholder-shown\)\]\:leading-normal{
  line-height: 1.5;
}

.aria-selected\:bg-noco-gray-100[aria-selected="true"]{
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity));
}

.aria-\[orientation\=vertical\]\:mx-4[aria-orientation="vertical"]{
  margin-left: 1rem;
  margin-right: 1rem;
}

.aria-\[orientation\=vertical\]\:my-0[aria-orientation="vertical"]{
  margin-top: 0px;
  margin-bottom: 0px;
}

.aria-\[orientation\=vertical\]\:h-auto[aria-orientation="vertical"]{
  height: auto;
}

.aria-\[orientation\=vertical\]\:w-px[aria-orientation="vertical"]{
  width: 1px;
}

.group[aria-readonly="true"] .group-aria-readonly\:cursor-default{
  cursor: default;
}

.group[aria-readonly="true"] .group-aria-readonly\:border-slate-200{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}

.group[aria-readonly="true"] .group-aria-readonly\:bg-slate-100{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.group[aria-readonly="true"] .group-aria-readonly\:text-slate-500{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.data-\[disabled\=\"true\"\]\:pointer-events-none[data-disabled="true"]{
  pointer-events: none;
}

.data-\[selected\=\"true\"\]\:z-\[11\][data-selected="true"]{
  z-index: 11;
}

.data-\[orientation\=\"vertical\"\]\:block[data-orientation="vertical"]{
  display: block;
}

.data-\[orientation\=\"horizontal\"\]\:flex[data-orientation="horizontal"]{
  display: flex;
}

.data-\[orientation\=\"horizontal\"\]\:h-8[data-orientation="horizontal"]{
  height: 2rem;
}

.data-\[orientation\=\"vertical\"\]\:h-full[data-orientation="vertical"]{
  height: 100%;
}

.data-\[orientation\=\"horizontal\"\]\:w-full[data-orientation="horizontal"]{
  width: 100%;
}

.data-\[open\=\"true\"\]\:-rotate-180[data-open="true"]{
  --tw-rotate: -180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[open\=\"true\"\]\:rotate-180[data-open="true"]{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[open\=\"true\"\]\:rotate-90[data-open="true"]{
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[open\=true\]\:-rotate-180[data-open="true"]{
  --tw-rotate: -180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[pressed\=true\]\:transform-none[data-pressed="true"]{
  transform: none;
}

.data-\[orientation\=\"horizontal\"\]\:flex-wrap[data-orientation="horizontal"]{
  flex-wrap: wrap;
}

.data-\[alignment\=\"flex-start\"\]\:justify-start[data-alignment="flex-start"]{
  justify-content: flex-start;
}

.data-\[alignment\=\"flex-end\"\]\:justify-end[data-alignment="flex-end"]{
  justify-content: flex-end;
}

.data-\[alignment\=\"center\"\]\:justify-center[data-alignment="center"]{
  justify-content: center;
}

.data-\[placement\=bottom\]\:rounded-t-none[data-placement="bottom"]{
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.data-\[placement\=top\]\:rounded-b-none[data-placement="top"]{
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.data-\[invalid\]\:border-2[data-invalid]{
  border-width: 2px;
}

.data-\[open\=true\]\:border-b[data-open="true"]{
  border-bottom-width: 1px;
}

.data-\[hovered\=\"true\"\]\:border-solid[data-hovered="true"]{
  border-style: solid;
}

.data-\[open\=true\]\:border-solid[data-open="true"]{
  border-style: solid;
}

.data-\[open\=true\]\:border-none[data-open="true"]{
  border-style: none;
}

.data-\[disabled\]\:border-slate-300[data-disabled]{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
}

.data-\[focused\]\:border-slate-400[data-focused]{
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity));
}

.data-\[focused\]\:border-white[data-focused]{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.data-\[hovered\=\"true\"\]\:border-noco-blue-500[data-hovered="true"]{
  --tw-border-opacity: 1;
  border-color: rgb(72 159 244 / var(--tw-border-opacity));
}

.data-\[hovered\=\"true\"\]\:border-slate-400[data-hovered="true"]{
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity));
}

.data-\[hovered\]\:border-slate-400[data-hovered]{
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity));
}

.data-\[hovered\]\:border-white[data-hovered]{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.data-\[invalid\=\"true\"\]\:border-noco-red-500[data-invalid="true"]{
  --tw-border-opacity: 1;
  border-color: rgb(226 46 49 / var(--tw-border-opacity));
}

.data-\[invalid\=\"true\"\]\:border-red-500[data-invalid="true"]{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
}

.data-\[invalid\=\"true\"\]\:data-\[pressed\=\"true\"\]\:border-red-600[data-pressed="true"][data-invalid="true"]{
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
}

.data-\[invalid\=\"true\"\]\:data-\[selected\=\"true\"\]\:border-red-500[data-selected="true"][data-invalid="true"]{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
}

.data-\[invalid\]\:border-noco-red-900[data-invalid]{
  --tw-border-opacity: 1;
  border-color: rgb(255 13 0 / var(--tw-border-opacity));
}

.data-\[invalid\]\:border-red-500[data-invalid]{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
}

.data-\[invalid\]\:data-\[focused\]\:border-red-600[data-focused][data-invalid]{
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
}

.data-\[invalid\]\:data-\[hovered\]\:border-red-600[data-hovered][data-invalid]{
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
}

.data-\[open\=true\]\:border-noco-gray-200\/50[data-open="true"]{
  border-color: rgb(212 212 212 / 0.5);
}

.data-\[open\=true\]\:border-slate-200[data-open="true"]{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}

.data-\[active\=true\]\:bg-white\/30[data-active="true"]{
  background-color: rgb(255 255 255 / 0.3);
}

.data-\[disabled\=\"true\"\]\:bg-noco-gray-700[data-disabled="true"]{
  --tw-bg-opacity: 1;
  background-color: rgb(68 68 68 / var(--tw-bg-opacity));
}

.data-\[disabled\=\"true\"\]\:bg-slate-100[data-disabled="true"]{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.data-\[disabled\=true\]\:bg-noco-gray-600[data-disabled="true"]{
  --tw-bg-opacity: 1;
  background-color: rgb(84 84 84 / var(--tw-bg-opacity));
}

.data-\[disabled\]\:bg-noco-gray-525[data-disabled]{
  --tw-bg-opacity: 1;
  background-color: rgb(196 196 196 / var(--tw-bg-opacity));
}

.data-\[disabled\]\:bg-slate-100[data-disabled]{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.data-\[focused\]\:\!bg-transparent[data-focused]{
  background-color: transparent !important;
}

.data-\[focused\]\:bg-noco-gray-100[data-focused]{
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity));
}

.data-\[focused\]\:bg-noco-gray-620[data-focused]{
  --tw-bg-opacity: 1;
  background-color: rgb(93 93 93 / var(--tw-bg-opacity));
}

.data-\[focused\]\:bg-slate-100[data-focused]{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.data-\[focused\]\:data-\[selected\]\:bg-noco-gray-620[data-selected][data-focused]{
  --tw-bg-opacity: 1;
  background-color: rgb(93 93 93 / var(--tw-bg-opacity));
}

.data-\[hovered\]\:\!bg-transparent[data-hovered]{
  background-color: transparent !important;
}

.data-\[hovered\]\:bg-noco-gray-100[data-hovered]{
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity));
}

.data-\[hovered\]\:bg-noco-gray-620[data-hovered]{
  --tw-bg-opacity: 1;
  background-color: rgb(93 93 93 / var(--tw-bg-opacity));
}

.data-\[hovered\]\:bg-slate-100[data-hovered]{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.data-\[invalid\=\"true\"\]\:bg-red-500[data-invalid="true"]{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}

.data-\[invalid\=\"true\"\]\:bg-white[data-invalid="true"]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.data-\[invalid\=\"true\"\]\:data-\[disabled\=\"true\"\]\:bg-red-100[data-disabled="true"][data-invalid="true"]{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}

.data-\[invalid\]\:bg-red-100[data-invalid]{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}

.data-\[invalid\]\:bg-white[data-invalid]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.data-\[pressed\]\:\!bg-transparent[data-pressed]{
  background-color: transparent !important;
}

.data-\[pressed\]\:bg-slate-200[data-pressed]{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}

.data-\[selected\=\"true\"\]\:bg-noco-gray-700[data-selected="true"]{
  --tw-bg-opacity: 1;
  background-color: rgb(68 68 68 / var(--tw-bg-opacity));
}

.data-\[selected\=\"true\"\]\:bg-transparent[data-selected="true"]{
  background-color: transparent;
}

.data-\[selected\]\:bg-transparent[data-selected]{
  background-color: transparent;
}

.data-\[selected\]\:data-\[focused\]\:bg-slate-100[data-focused][data-selected]{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.data-\[disabled\]\:bg-none[data-disabled]{
  background-image: none;
}

.data-\[selected\]\:bg-none[data-selected]{
  background-image: none;
}

.data-\[empty\=\"true\"\]\:pt-2[data-empty="true"]{
  padding-top: 0.5rem;
}

.data-\[empty\=\"true\"\]\:pt-3[data-empty="true"]{
  padding-top: 0.75rem;
}

.data-\[selected\]\:font-semibold[data-selected]{
  font-weight: 600;
}

.data-\[active\=true\]\:text-white[data-active="true"]{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.data-\[disabled\=true\]\:text-noco-gray-560[data-disabled="true"]{
  --tw-text-opacity: 1;
  color: rgb(121 121 121 / var(--tw-text-opacity));
}

.data-\[disabled\]\:text-noco-gray-560[data-disabled]{
  --tw-text-opacity: 1;
  color: rgb(121 121 121 / var(--tw-text-opacity));
}

.data-\[disabled\]\:text-slate-500[data-disabled]{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.data-\[disabled\]\:text-slate-900[data-disabled]{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.data-\[focused\]\:\!text-noco-red-500[data-focused]{
  --tw-text-opacity: 1 !important;
  color: rgb(226 46 49 / var(--tw-text-opacity)) !important;
}

.data-\[focused\]\:\!text-white[data-focused]{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.data-\[hovered\]\:\!text-noco-red-500[data-hovered]{
  --tw-text-opacity: 1 !important;
  color: rgb(226 46 49 / var(--tw-text-opacity)) !important;
}

.data-\[hovered\]\:\!text-white[data-hovered]{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.data-\[hovered\]\:text-slate-900[data-hovered]{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.data-\[hovered\]\:text-white[data-hovered]{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.data-\[invalid\=\"true\"\]\:text-red-600[data-invalid="true"]{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}

.data-\[invalid\]\:text-noco-red-500[data-invalid]{
  --tw-text-opacity: 1;
  color: rgb(226 46 49 / var(--tw-text-opacity));
}

.data-\[invalid\]\:text-red-600[data-invalid]{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}

.data-\[placeholder\]\:text-slate-400[data-placeholder]{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.data-\[pressed\=\"true\"\]\:text-black[data-pressed="true"]{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.data-\[pressed\]\:\!text-noco-red-500[data-pressed]{
  --tw-text-opacity: 1 !important;
  color: rgb(226 46 49 / var(--tw-text-opacity)) !important;
}

.data-\[pressed\]\:\!text-white[data-pressed]{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.data-\[selected\=\"true\"\]\:\!text-black[data-selected="true"]{
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}

.data-\[selected\=\"true\"\]\:\!text-white[data-selected="true"]{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.data-\[selected\=\"true\"\]\:text-black[data-selected="true"]{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.data-\[selected\=\"true\"\]\:text-noco-gray-195[data-selected="true"]{
  --tw-text-opacity: 1;
  color: rgb(217 217 217 / var(--tw-text-opacity));
}

.data-\[selected\]\:text-slate-900[data-selected]{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.data-\[selected\]\:text-white[data-selected]{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.data-\[disabled\=\"true\"\]\:opacity-100[data-disabled="true"]{
  opacity: 1;
}

.data-\[disabled\=\"true\"\]\:opacity-50[data-disabled="true"]{
  opacity: 0.5;
}

.data-\[loaded\=true\]\:opacity-100[data-loaded="true"]{
  opacity: 1;
}

.data-\[selected\=\"true\"\]\:shadow-none[data-selected="true"]{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.data-\[focused\=\"true\"\]\:\!outline-none[data-focused="true"]{
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

.data-\[focus-visible\=\"true\"\]\:outline[data-focus-visible="true"]{
  outline-style: solid;
}

.data-\[focused\=\"true\"\]\:outline[data-focused="true"]{
  outline-style: solid;
}

.data-\[focused\]\:outline[data-focused]{
  outline-style: solid;
}

.data-\[invalid\]\:data-\[focused\]\:outline[data-focused][data-invalid]{
  outline-style: solid;
}

.data-\[focus-visible\=\"true\"\]\:outline-2[data-focus-visible="true"]{
  outline-width: 2px;
}

.data-\[focused\=\"true\"\]\:outline-2[data-focused="true"]{
  outline-width: 2px;
}

.data-\[focused\]\:outline-2[data-focused]{
  outline-width: 2px;
}

.data-\[invalid\]\:data-\[focused\]\:outline-2[data-focused][data-invalid]{
  outline-width: 2px;
}

.data-\[focus-visible\=\"true\"\]\:outline-offset-4[data-focus-visible="true"]{
  outline-offset: 4px;
}

.data-\[focus-visible\=true\]\:outline-offset-4[data-focus-visible="true"]{
  outline-offset: 4px;
}

.data-\[disabled\]\:outline-transparent[data-disabled]{
  outline-color: transparent;
}

.data-\[focus-visible\=\"true\"\]\:outline-slate-100[data-focus-visible="true"]{
  outline-color: #f1f5f9;
}

.data-\[focus-visible\=\"true\"\]\:outline-white[data-focus-visible="true"]{
  outline-color: #fff;
}

.data-\[focus-visible\]\:outline-white[data-focus-visible]{
  outline-color: #fff;
}

.data-\[focused\=\"true\"\]\:outline-slate-200[data-focused="true"]{
  outline-color: #e2e8f0;
}

.data-\[focused\=\"true\"\]\:outline-transparent[data-focused="true"]{
  outline-color: transparent;
}

.data-\[focused\]\:outline-slate-200[data-focused]{
  outline-color: #e2e8f0;
}

.data-\[invalid\=\"true\"\]\:data-\[focused\=\"true\"\]\:outline-red-200[data-focused="true"][data-invalid="true"]{
  outline-color: #fecaca;
}

.data-\[invalid\=\"true\"\]\:outline-white[data-invalid="true"]{
  outline-color: #fff;
}

.data-\[invalid\]\:data-\[focus-visible\]\:\!outline-white[data-focus-visible][data-invalid]{
  outline-color: #fff !important;
}

.data-\[invalid\]\:data-\[focused\]\:outline-red-200[data-focused][data-invalid]{
  outline-color: #fecaca;
}

.data-\[invalid\]\:outline-transparent[data-invalid]{
  outline-color: transparent;
}

.data-\[invalid\]\:placeholder\:text-slate-400[data-invalid]::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.data-\[invalid\]\:placeholder\:text-slate-400[data-invalid]::placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.data-\[orientation\=\"horizontal\"\]\:before\:-bottom-px[data-orientation="horizontal"]::before{
  content: var(--tw-content);
  bottom: -1px;
}

.data-\[orientation\=\"vertical\"\]\:before\:left-1\/2[data-orientation="vertical"]::before{
  content: var(--tw-content);
  left: 50%;
}

.data-\[placement\=bottom-end\]\:before\:-top-1[data-placement="bottom-end"]::before{
  content: var(--tw-content);
  top: -0.25rem;
}

.data-\[placement\=bottom-end\]\:before\:left-1\/2[data-placement="bottom-end"]::before{
  content: var(--tw-content);
  left: 50%;
}

.data-\[placement\=bottom-start\]\:before\:-top-1[data-placement="bottom-start"]::before{
  content: var(--tw-content);
  top: -0.25rem;
}

.data-\[placement\=bottom-start\]\:before\:left-1\/2[data-placement="bottom-start"]::before{
  content: var(--tw-content);
  left: 50%;
}

.data-\[placement\=bottom\]\:before\:-top-1[data-placement="bottom"]::before{
  content: var(--tw-content);
  top: -0.25rem;
}

.data-\[placement\=bottom\]\:before\:left-1\/2[data-placement="bottom"]::before{
  content: var(--tw-content);
  left: 50%;
}

.data-\[placement\=left-end\]\:before\:-right-1[data-placement="left-end"]::before{
  content: var(--tw-content);
  right: -0.25rem;
}

.data-\[placement\=left-end\]\:before\:top-1\/2[data-placement="left-end"]::before{
  content: var(--tw-content);
  top: 50%;
}

.data-\[placement\=left-start\]\:before\:-right-1[data-placement="left-start"]::before{
  content: var(--tw-content);
  right: -0.25rem;
}

.data-\[placement\=left-start\]\:before\:top-1\/2[data-placement="left-start"]::before{
  content: var(--tw-content);
  top: 50%;
}

.data-\[placement\=left\]\:before\:-right-1[data-placement="left"]::before{
  content: var(--tw-content);
  right: -0.25rem;
}

.data-\[placement\=left\]\:before\:top-1\/2[data-placement="left"]::before{
  content: var(--tw-content);
  top: 50%;
}

.data-\[placement\=right-end\]\:before\:-left-1[data-placement="right-end"]::before{
  content: var(--tw-content);
  left: -0.25rem;
}

.data-\[placement\=right-end\]\:before\:top-1\/2[data-placement="right-end"]::before{
  content: var(--tw-content);
  top: 50%;
}

.data-\[placement\=right-start\]\:before\:-left-1[data-placement="right-start"]::before{
  content: var(--tw-content);
  left: -0.25rem;
}

.data-\[placement\=right-start\]\:before\:top-1\/2[data-placement="right-start"]::before{
  content: var(--tw-content);
  top: 50%;
}

.data-\[placement\=right\]\:before\:-left-1[data-placement="right"]::before{
  content: var(--tw-content);
  left: -0.25rem;
}

.data-\[placement\=right\]\:before\:top-1\/2[data-placement="right"]::before{
  content: var(--tw-content);
  top: 50%;
}

.data-\[placement\=top-end\]\:before\:-bottom-1[data-placement="top-end"]::before{
  content: var(--tw-content);
  bottom: -0.25rem;
}

.data-\[placement\=top-end\]\:before\:left-1\/2[data-placement="top-end"]::before{
  content: var(--tw-content);
  left: 50%;
}

.data-\[placement\=top-start\]\:before\:-bottom-1[data-placement="top-start"]::before{
  content: var(--tw-content);
  bottom: -0.25rem;
}

.data-\[placement\=top-start\]\:before\:left-1\/2[data-placement="top-start"]::before{
  content: var(--tw-content);
  left: 50%;
}

.data-\[placement\=top\]\:before\:-bottom-1[data-placement="top"]::before{
  content: var(--tw-content);
  bottom: -0.25rem;
}

.data-\[placement\=top\]\:before\:left-1\/2[data-placement="top"]::before{
  content: var(--tw-content);
  left: 50%;
}

.data-\[arrow\=true\]\:before\:block[data-arrow="true"]::before{
  content: var(--tw-content);
  display: block;
}

.data-\[orientation\=\"horizontal\"\]\:before\:h-0\.5[data-orientation="horizontal"]::before{
  content: var(--tw-content);
  height: 0.125rem;
}

.data-\[orientation\=\"vertical\"\]\:before\:h-full[data-orientation="vertical"]::before{
  content: var(--tw-content);
  height: 100%;
}

.data-\[orientation\=\"horizontal\"\]\:before\:w-full[data-orientation="horizontal"]::before{
  content: var(--tw-content);
  width: 100%;
}

.data-\[orientation\=\"horizontal\"\]\:before\:-translate-y-1\/2[data-orientation="horizontal"]::before{
  content: var(--tw-content);
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[orientation\=\"vertical\"\]\:before\:-translate-x-1\/2[data-orientation="vertical"]::before{
  content: var(--tw-content);
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[orientation\=\"vertical\"\]\:before\:-translate-y-1\/2[data-orientation="vertical"]::before{
  content: var(--tw-content);
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[placement\=bottom-end\]\:before\:-translate-x-1\/2[data-placement="bottom-end"]::before{
  content: var(--tw-content);
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[placement\=bottom-start\]\:before\:-translate-x-1\/2[data-placement="bottom-start"]::before{
  content: var(--tw-content);
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[placement\=bottom\]\:before\:-translate-x-1\/2[data-placement="bottom"]::before{
  content: var(--tw-content);
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[placement\=left-end\]\:before\:-translate-y-1\/2[data-placement="left-end"]::before{
  content: var(--tw-content);
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[placement\=left-start\]\:before\:-translate-y-1\/2[data-placement="left-start"]::before{
  content: var(--tw-content);
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[placement\=left\]\:before\:-translate-y-1\/2[data-placement="left"]::before{
  content: var(--tw-content);
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[placement\=right-end\]\:before\:-translate-y-1\/2[data-placement="right-end"]::before{
  content: var(--tw-content);
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[placement\=right-start\]\:before\:-translate-y-1\/2[data-placement="right-start"]::before{
  content: var(--tw-content);
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[placement\=right\]\:before\:-translate-y-1\/2[data-placement="right"]::before{
  content: var(--tw-content);
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[placement\=top-end\]\:before\:-translate-x-1\/2[data-placement="top-end"]::before{
  content: var(--tw-content);
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[placement\=top-start\]\:before\:-translate-x-1\/2[data-placement="top-start"]::before{
  content: var(--tw-content);
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[placement\=top\]\:before\:-translate-x-1\/2[data-placement="top"]::before{
  content: var(--tw-content);
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[placement\=bottom-end\]\:before\:rotate-45[data-placement="bottom-end"]::before{
  content: var(--tw-content);
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[placement\=bottom-start\]\:before\:rotate-45[data-placement="bottom-start"]::before{
  content: var(--tw-content);
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[placement\=bottom\]\:before\:rotate-45[data-placement="bottom"]::before{
  content: var(--tw-content);
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[placement\=top-end\]\:before\:rotate-45[data-placement="top-end"]::before{
  content: var(--tw-content);
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[placement\=top-start\]\:before\:rotate-45[data-placement="top-start"]::before{
  content: var(--tw-content);
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[placement\=top\]\:before\:rotate-45[data-placement="top"]::before{
  content: var(--tw-content);
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[orientation\=\"horizontal\"\]\:before\:bg-white[data-orientation="horizontal"]::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.data-\[orientation\=\"horizontal\"\]\:before\:content-\[\"\"\][data-orientation="horizontal"]::before{
  --tw-content: "";
  content: var(--tw-content);
}

.data-\[orientation\=\"horizontal\"\]\:before\:content-none[data-orientation="horizontal"]::before{
  --tw-content: none;
  content: var(--tw-content);
}

.last\:data-\[active\=\'true\'\]\:border-none[data-active='true']:last-child{
  border-style: none;
}

.group[data-variant="variation2"] .group-data-\[variant\=\"variation2\"\]\:\[grid-area\:1\/1\/2\/3\]{
  grid-area: 1/1/2/3;
}

.group[data-variant="variation1"] .group-data-\[variant\=\"variation1\"\]\:\[grid-area\:4\/1\/5\/3\]{
  grid-area: 4/1/5/3;
}

.group[data-active="true"] .group-data-\[active\=\"true\"\]\:before\:bg-white::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.group[data-active="true"] .group-data-\[active\=\"true\"\]\:after\:bg-white::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.focused-not-focus-visible\:outline-transparent[data-focused]:not([data-focus-visible]){
  outline-color: transparent;
}

.data-\[invalid\]\:focused-not-focus-visible\:outline-transparent[data-focused]:not([data-focus-visible])[data-invalid]{
  outline-color: transparent;
}

.type-literal\:p-0[data-type="literal"]{
  padding: 0px;
}

.type-literal\:p-0\.5[data-type="literal"]{
  padding: 0.125rem;
}

.orientation-vertical\:max-w-max[data-orientation="vertical"]{
  max-width: -moz-max-content;
  max-width: max-content;
}

.orientation-vertical\:flex-row[data-orientation="vertical"]{
  flex-direction: row;
}

.orientation-vertical\:flex-col[data-orientation="vertical"]{
  flex-direction: column;
}

.orientation-vertical\:justify-start[data-orientation="vertical"]{
  justify-content: flex-start;
}

.current\:cursor-default[data-current]{
  cursor: default;
}

.current\:font-semibold[data-current]{
  font-weight: 600;
}

.current\:text-slate-900[data-current]{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.required\:after\:absolute:where([data-rac])[data-required]::after{
  content: var(--tw-content);
  position: absolute;
}

.required\:after\:right-12:where([data-rac])[data-required]::after{
  content: var(--tw-content);
  right: 3rem;
}

.required\:after\:right-2:where([data-rac])[data-required]::after{
  content: var(--tw-content);
  right: 0.5rem;
}

.required\:after\:top-4\.5:where([data-rac])[data-required]::after{
  content: var(--tw-content);
  top: 1.125rem;
}

.required\:after\:leading-4:where([data-rac])[data-required]::after{
  content: var(--tw-content);
  line-height: 1rem;
}

.required\:after\:text-noco-red-920:where([data-rac])[data-required]::after{
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: rgb(255 105 105 / var(--tw-text-opacity));
}

.required\:after\:content-\[\"\*\"\]:where([data-rac])[data-required]::after{
  --tw-content: "*";
  content: var(--tw-content);
}

.required\:after\:typography-SubtitleSecondaryBold:where([data-rac])[data-required]::after{
  content: var(--tw-content);
  font-family: var(--font-inter);
  font-size: 1.125rem;
  font-weight: 700;
}

@media (min-width: 1024px){

  .required\:after\:typography-SubtitleSecondaryBold:where([data-rac])[data-required]::after{
    content: var(--tw-content);
    font-size: 1.25rem;
  }
}

.required\:after\:absolute:where(:not([data-rac])):required::after{
  content: var(--tw-content);
  position: absolute;
}

.required\:after\:right-12:where(:not([data-rac])):required::after{
  content: var(--tw-content);
  right: 3rem;
}

.required\:after\:right-2:where(:not([data-rac])):required::after{
  content: var(--tw-content);
  right: 0.5rem;
}

.required\:after\:top-4\.5:where(:not([data-rac])):required::after{
  content: var(--tw-content);
  top: 1.125rem;
}

.required\:after\:leading-4:where(:not([data-rac])):required::after{
  content: var(--tw-content);
  line-height: 1rem;
}

.required\:after\:text-noco-red-920:where(:not([data-rac])):required::after{
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: rgb(255 105 105 / var(--tw-text-opacity));
}

.required\:after\:content-\[\"\*\"\]:where(:not([data-rac])):required::after{
  --tw-content: "*";
  content: var(--tw-content);
}

.required\:after\:typography-SubtitleSecondaryBold:where(:not([data-rac])):required::after{
  content: var(--tw-content);
  font-family: var(--font-inter);
  font-size: 1.125rem;
  font-weight: 700;
}

@media (min-width: 1024px){

  .required\:after\:typography-SubtitleSecondaryBold:where(:not([data-rac])):required::after{
    content: var(--tw-content);
    font-size: 1.25rem;
  }
}

.invalid\:border-0:where([data-rac])[data-invalid]{
  border-width: 0px;
}

.invalid\:border-red-500:where([data-rac])[data-invalid]{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
}

.invalid\:bg-red-100:where([data-rac])[data-invalid]{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}

.invalid\:bg-white:where([data-rac])[data-invalid]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.invalid\:text-noco-red-900:where([data-rac])[data-invalid]{
  --tw-text-opacity: 1;
  color: rgb(255 13 0 / var(--tw-text-opacity));
}

.invalid\:text-red-500:where([data-rac])[data-invalid]{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.invalid\:text-red-600:where([data-rac])[data-invalid]{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}

.invalid\:text-white:where([data-rac])[data-invalid]{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.invalid\:shadow-\[2px_2px_4px_0_rgba\(0\2c 0\2c 0\2c 0\.25\)_inset\2c 0_0_0_2px_\#FF0D00_inset\]:where([data-rac])[data-invalid]{
  --tw-shadow: 2px 2px 4px 0 rgba(0,0,0,0.25) inset,0 0 0 2px #FF0D00 inset;
  --tw-shadow-colored: inset 2px 2px 4px 0 var(--tw-shadow-color), inset 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.invalid\:shadow-\[inset_2px_2px_4px_0_rgba\(0\2c 0\2c 0\2c 0\.25\)\2c _inset_0_0_0_2px_\#FF0D00\]:where([data-rac])[data-invalid]{
  --tw-shadow: inset 2px 2px 4px 0 rgba(0,0,0,0.25), inset 0 0 0 2px #FF0D00;
  --tw-shadow-colored: inset 2px 2px 4px 0 var(--tw-shadow-color), inset 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.data-\[placeholder\]\:invalid\:text-red-500:where([data-rac])[data-invalid][data-placeholder]{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.invalid\:border-0:where(:not([data-rac])):invalid{
  border-width: 0px;
}

.invalid\:border-red-500:where(:not([data-rac])):invalid{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
}

.invalid\:bg-red-100:where(:not([data-rac])):invalid{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}

.invalid\:bg-white:where(:not([data-rac])):invalid{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.invalid\:text-noco-red-900:where(:not([data-rac])):invalid{
  --tw-text-opacity: 1;
  color: rgb(255 13 0 / var(--tw-text-opacity));
}

.invalid\:text-red-500:where(:not([data-rac])):invalid{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.invalid\:text-red-600:where(:not([data-rac])):invalid{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}

.invalid\:text-white:where(:not([data-rac])):invalid{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.invalid\:shadow-\[2px_2px_4px_0_rgba\(0\2c 0\2c 0\2c 0\.25\)_inset\2c 0_0_0_2px_\#FF0D00_inset\]:where(:not([data-rac])):invalid{
  --tw-shadow: 2px 2px 4px 0 rgba(0,0,0,0.25) inset,0 0 0 2px #FF0D00 inset;
  --tw-shadow-colored: inset 2px 2px 4px 0 var(--tw-shadow-color), inset 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.invalid\:shadow-\[inset_2px_2px_4px_0_rgba\(0\2c 0\2c 0\2c 0\.25\)\2c _inset_0_0_0_2px_\#FF0D00\]:where(:not([data-rac])):invalid{
  --tw-shadow: inset 2px 2px 4px 0 rgba(0,0,0,0.25), inset 0 0 0 2px #FF0D00;
  --tw-shadow-colored: inset 2px 2px 4px 0 var(--tw-shadow-color), inset 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.data-\[placeholder\]\:invalid\:text-red-500:where(:not([data-rac])):invalid[data-placeholder]{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.group:where([data-rac])[data-invalid] .group-invalid\:border-0{
  border-width: 0px;
}

.group:where([data-rac])[data-invalid] .group-invalid\:border-\[initial\]{
  border-color: initial;
}

.group:where([data-rac])[data-invalid] .group-invalid\:border-red-500{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
}

.group:where([data-rac])[data-invalid] .group-invalid\:bg-noco-gray-560{
  --tw-bg-opacity: 1;
  background-color: rgb(121 121 121 / var(--tw-bg-opacity));
}

.group:where([data-rac])[data-invalid] .group-invalid\:bg-red-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}

.group:where([data-rac])[data-invalid] .group-invalid\:bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.group:where([data-rac])[data-invalid] .group-invalid\:text-\[initial\]{
  color: initial;
}

.group:where([data-rac])[data-invalid] .group-invalid\:text-red-600{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}

.group:where([data-rac])[data-invalid] .group-invalid\:shadow-\[2px_2px_4px_0_rgba\(0\2c 0\2c 0\2c 0\.25\)_inset\2c 0_0_0_2px_\#FF0D00_inset\]{
  --tw-shadow: 2px 2px 4px 0 rgba(0,0,0,0.25) inset,0 0 0 2px #FF0D00 inset;
  --tw-shadow-colored: inset 2px 2px 4px 0 var(--tw-shadow-color), inset 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.group:where(:not([data-rac])):invalid .group-invalid\:border-0{
  border-width: 0px;
}

.group:where(:not([data-rac])):invalid .group-invalid\:border-\[initial\]{
  border-color: initial;
}

.group:where(:not([data-rac])):invalid .group-invalid\:border-red-500{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
}

.group:where(:not([data-rac])):invalid .group-invalid\:bg-noco-gray-560{
  --tw-bg-opacity: 1;
  background-color: rgb(121 121 121 / var(--tw-bg-opacity));
}

.group:where(:not([data-rac])):invalid .group-invalid\:bg-red-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}

.group:where(:not([data-rac])):invalid .group-invalid\:bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.group:where(:not([data-rac])):invalid .group-invalid\:text-\[initial\]{
  color: initial;
}

.group:where(:not([data-rac])):invalid .group-invalid\:text-red-600{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}

.group:where(:not([data-rac])):invalid .group-invalid\:shadow-\[2px_2px_4px_0_rgba\(0\2c 0\2c 0\2c 0\.25\)_inset\2c 0_0_0_2px_\#FF0D00_inset\]{
  --tw-shadow: 2px 2px 4px 0 rgba(0,0,0,0.25) inset,0 0 0 2px #FF0D00 inset;
  --tw-shadow-colored: inset 2px 2px 4px 0 var(--tw-shadow-color), inset 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus-within\:border-slate-400:where([data-rac])[data-focus-within]{
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity));
}

.focus-within\:border-white:where([data-rac])[data-focus-within]{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.focus-within\:bg-transparent:where([data-rac])[data-focus-within]{
  background-color: transparent;
}

.focus-within\:outline-none:where([data-rac])[data-focus-within]{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus-within\:outline:where([data-rac])[data-focus-within]{
  outline-style: solid;
}

.focus-within\:outline-0:where([data-rac])[data-focus-within]{
  outline-width: 0px;
}

.focus-within\:outline-2:where([data-rac])[data-focus-within]{
  outline-width: 2px;
}

.focus-within\:outline-slate-200:where([data-rac])[data-focus-within]{
  outline-color: #e2e8f0;
}

.invalid\:focus-within\:border-red-600:where([data-rac])[data-focus-within]:where([data-rac])[data-invalid]{
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
}

.focus-within\:invalid\:outline:where([data-rac])[data-invalid]:where([data-rac])[data-focus-within]{
  outline-style: solid;
}

.focus-within\:invalid\:outline-2:where([data-rac])[data-invalid]:where([data-rac])[data-focus-within]{
  outline-width: 2px;
}

.focus-within\:invalid\:outline-slate-200:where([data-rac])[data-invalid]:where([data-rac])[data-focus-within]{
  outline-color: #e2e8f0;
}

.invalid\:focus-within\:outline-red-200:where([data-rac])[data-focus-within]:where([data-rac])[data-invalid]{
  outline-color: #fecaca;
}

.invalid\:focus-within\:border-red-600:where([data-rac])[data-focus-within]:where(:not([data-rac])):invalid{
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
}

.focus-within\:invalid\:outline:where(:not([data-rac])):invalid:where([data-rac])[data-focus-within]{
  outline-style: solid;
}

.focus-within\:invalid\:outline-2:where(:not([data-rac])):invalid:where([data-rac])[data-focus-within]{
  outline-width: 2px;
}

.focus-within\:invalid\:outline-slate-200:where(:not([data-rac])):invalid:where([data-rac])[data-focus-within]{
  outline-color: #e2e8f0;
}

.invalid\:focus-within\:outline-red-200:where([data-rac])[data-focus-within]:where(:not([data-rac])):invalid{
  outline-color: #fecaca;
}

.focus-within\:border-slate-400:where(:not([data-rac])):focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity));
}

.focus-within\:border-white:where(:not([data-rac])):focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.focus-within\:bg-transparent:where(:not([data-rac])):focus-within{
  background-color: transparent;
}

.focus-within\:outline-none:where(:not([data-rac])):focus-within{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus-within\:outline:where(:not([data-rac])):focus-within{
  outline-style: solid;
}

.focus-within\:outline-0:where(:not([data-rac])):focus-within{
  outline-width: 0px;
}

.focus-within\:outline-2:where(:not([data-rac])):focus-within{
  outline-width: 2px;
}

.focus-within\:outline-slate-200:where(:not([data-rac])):focus-within{
  outline-color: #e2e8f0;
}

.invalid\:focus-within\:border-red-600:where(:not([data-rac])):focus-within:where([data-rac])[data-invalid]{
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
}

.focus-within\:invalid\:outline:where([data-rac])[data-invalid]:where(:not([data-rac])):focus-within{
  outline-style: solid;
}

.focus-within\:invalid\:outline-2:where([data-rac])[data-invalid]:where(:not([data-rac])):focus-within{
  outline-width: 2px;
}

.focus-within\:invalid\:outline-slate-200:where([data-rac])[data-invalid]:where(:not([data-rac])):focus-within{
  outline-color: #e2e8f0;
}

.invalid\:focus-within\:outline-red-200:where(:not([data-rac])):focus-within:where([data-rac])[data-invalid]{
  outline-color: #fecaca;
}

.invalid\:focus-within\:border-red-600:where(:not([data-rac])):focus-within:where(:not([data-rac])):invalid{
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
}

.focus-within\:invalid\:outline:where(:not([data-rac])):invalid:where(:not([data-rac])):focus-within{
  outline-style: solid;
}

.focus-within\:invalid\:outline-2:where(:not([data-rac])):invalid:where(:not([data-rac])):focus-within{
  outline-width: 2px;
}

.focus-within\:invalid\:outline-slate-200:where(:not([data-rac])):invalid:where(:not([data-rac])):focus-within{
  outline-color: #e2e8f0;
}

.invalid\:focus-within\:outline-red-200:where(:not([data-rac])):focus-within:where(:not([data-rac])):invalid{
  outline-color: #fecaca;
}

.hover\:cursor-pointer:where([data-rac])[data-hovered]{
  cursor: pointer;
}

.hover\:border:where([data-rac])[data-hovered]{
  border-width: 1px;
}

.hover\:border-0:where([data-rac])[data-hovered]{
  border-width: 0px;
}

.hover\:border-noco-gray-100:where([data-rac])[data-hovered]{
  --tw-border-opacity: 1;
  border-color: rgb(242 242 242 / var(--tw-border-opacity));
}

.hover\:border-noco-gray-200:where([data-rac])[data-hovered]{
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212 / var(--tw-border-opacity));
}

.hover\:border-noco-gray-50:where([data-rac])[data-hovered]{
  --tw-border-opacity: 1;
  border-color: rgb(241 241 241 / var(--tw-border-opacity));
}

.hover\:border-noco-gray-510:where([data-rac])[data-hovered]{
  --tw-border-opacity: 1;
  border-color: rgb(236 236 236 / var(--tw-border-opacity));
}

.hover\:border-noco-gray-551:where([data-rac])[data-hovered]{
  --tw-border-opacity: 1;
  border-color: rgb(148 148 148 / var(--tw-border-opacity));
}

.hover\:border-noco-gray-580:where([data-rac])[data-hovered]{
  --tw-border-opacity: 1;
  border-color: rgb(89 89 89 / var(--tw-border-opacity));
}

.hover\:border-noco-gray-630:where([data-rac])[data-hovered]{
  --tw-border-opacity: 1;
  border-color: rgb(76 77 79 / var(--tw-border-opacity));
}

.hover\:border-noco-gray-900:where([data-rac])[data-hovered]{
  --tw-border-opacity: 1;
  border-color: rgb(30 30 30 / var(--tw-border-opacity));
}

.hover\:border-slate-400:where([data-rac])[data-hovered]{
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity));
}

.hover\:border-slate-900:where([data-rac])[data-hovered]{
  --tw-border-opacity: 1;
  border-color: rgb(15 23 42 / var(--tw-border-opacity));
}

.hover\:border-transparent:where([data-rac])[data-hovered]{
  border-color: transparent;
}

.hover\:\!bg-noco-yellow-450\/80:where([data-rac])[data-hovered]{
  background-color: rgb(254 211 60 / 0.8) !important;
}

.hover\:bg-black\/75:where([data-rac])[data-hovered]{
  background-color: rgb(0 0 0 / 0.75);
}

.hover\:bg-noco-gray-100:where([data-rac])[data-hovered]{
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity));
}

.hover\:bg-noco-gray-200:where([data-rac])[data-hovered]{
  --tw-bg-opacity: 1;
  background-color: rgb(212 212 212 / var(--tw-bg-opacity));
}

.hover\:bg-noco-gray-50:where([data-rac])[data-hovered]{
  --tw-bg-opacity: 1;
  background-color: rgb(241 241 241 / var(--tw-bg-opacity));
}

.hover\:bg-noco-gray-510:where([data-rac])[data-hovered]{
  --tw-bg-opacity: 1;
  background-color: rgb(236 236 236 / var(--tw-bg-opacity));
}

.hover\:bg-noco-gray-580:where([data-rac])[data-hovered]{
  --tw-bg-opacity: 1;
  background-color: rgb(89 89 89 / var(--tw-bg-opacity));
}

.hover\:bg-noco-gray-600:where([data-rac])[data-hovered]{
  --tw-bg-opacity: 1;
  background-color: rgb(84 84 84 / var(--tw-bg-opacity));
}

.hover\:bg-noco-gray-630:where([data-rac])[data-hovered]{
  --tw-bg-opacity: 1;
  background-color: rgb(76 77 79 / var(--tw-bg-opacity));
}

.hover\:bg-noco-gray-720:where([data-rac])[data-hovered]{
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity));
}

.hover\:bg-noco-gray-900:where([data-rac])[data-hovered]{
  --tw-bg-opacity: 1;
  background-color: rgb(30 30 30 / var(--tw-bg-opacity));
}

.hover\:bg-noco-gray-905:where([data-rac])[data-hovered]{
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity));
}

.hover\:bg-noco-gray-950:where([data-rac])[data-hovered]{
  --tw-bg-opacity: 1;
  background-color: rgb(23 23 23 / var(--tw-bg-opacity));
}

.hover\:bg-noco-red-930:where([data-rac])[data-hovered]{
  --tw-bg-opacity: 1;
  background-color: rgb(217 30 24 / var(--tw-bg-opacity));
}

.hover\:bg-slate-900:where([data-rac])[data-hovered]{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.hover\:bg-transparent:where([data-rac])[data-hovered]{
  background-color: transparent;
}

.hover\:bg-white:where([data-rac])[data-hovered]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.hover\:px-2:where([data-rac])[data-hovered]{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.hover\:py-0:where([data-rac])[data-hovered]{
  padding-top: 0px;
  padding-bottom: 0px;
}

.hover\:\!text-white:where([data-rac])[data-hovered]{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.hover\:text-\[\#231f20\]:where([data-rac])[data-hovered]{
  --tw-text-opacity: 1;
  color: rgb(35 31 32 / var(--tw-text-opacity));
}

.hover\:text-black:where([data-rac])[data-hovered]{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.hover\:text-noco-gray-200:where([data-rac])[data-hovered]{
  --tw-text-opacity: 1;
  color: rgb(212 212 212 / var(--tw-text-opacity));
}

.hover\:text-noco-gray-300:where([data-rac])[data-hovered]{
  --tw-text-opacity: 1;
  color: rgb(173 173 173 / var(--tw-text-opacity));
}

.hover\:text-noco-gray-500:where([data-rac])[data-hovered]{
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity));
}

.hover\:text-noco-gray-525:where([data-rac])[data-hovered]{
  --tw-text-opacity: 1;
  color: rgb(196 196 196 / var(--tw-text-opacity));
}

.hover\:text-noco-gray-530:where([data-rac])[data-hovered]{
  --tw-text-opacity: 1;
  color: rgb(164 164 164 / var(--tw-text-opacity));
}

.hover\:text-noco-gray-900:where([data-rac])[data-hovered]{
  --tw-text-opacity: 1;
  color: rgb(30 30 30 / var(--tw-text-opacity));
}

.hover\:text-noco-gray-950:where([data-rac])[data-hovered]{
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity));
}

.hover\:text-noco-red-900:where([data-rac])[data-hovered]{
  --tw-text-opacity: 1;
  color: rgb(255 13 0 / var(--tw-text-opacity));
}

.hover\:text-noco-red-910:where([data-rac])[data-hovered]{
  --tw-text-opacity: 1;
  color: rgb(242 38 19 / var(--tw-text-opacity));
}

.hover\:text-slate-500:where([data-rac])[data-hovered]{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.hover\:text-slate-800:where([data-rac])[data-hovered]{
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.hover\:text-slate-900:where([data-rac])[data-hovered]{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.hover\:text-white:where([data-rac])[data-hovered]{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:underline:where([data-rac])[data-hovered]{
  text-decoration-line: underline;
}

.hover\:no-underline:where([data-rac])[data-hovered]{
  text-decoration-line: none;
}

.hover\:outline-none:where([data-rac])[data-hovered]{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.hover\:outline-0:where([data-rac])[data-hovered]{
  outline-width: 0px;
}

.hover\:backdrop-blur-none:where([data-rac])[data-hovered]{
  --tw-backdrop-blur:  ;
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.hover\:has-\[\:disabled\]\:bg-transparent:has(:disabled):where([data-rac])[data-hovered]{
  background-color: transparent;
}

.hover\:has-\[\:disabled\]\:text-noco-gray-580:has(:disabled):where([data-rac])[data-hovered]{
  --tw-text-opacity: 1;
  color: rgb(89 89 89 / var(--tw-text-opacity));
}

.invalid\:hover\:border-red-600:where([data-rac])[data-hovered]:where([data-rac])[data-invalid]{
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
}

.invalid\:hover\:border-red-600:where([data-rac])[data-hovered]:where(:not([data-rac])):invalid{
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
}

.hover\:cursor-pointer:where(:not([data-rac])):hover{
  cursor: pointer;
}

.hover\:border:where(:not([data-rac])):hover{
  border-width: 1px;
}

.hover\:border-0:where(:not([data-rac])):hover{
  border-width: 0px;
}

.hover\:border-noco-gray-100:where(:not([data-rac])):hover{
  --tw-border-opacity: 1;
  border-color: rgb(242 242 242 / var(--tw-border-opacity));
}

.hover\:border-noco-gray-200:where(:not([data-rac])):hover{
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212 / var(--tw-border-opacity));
}

.hover\:border-noco-gray-50:where(:not([data-rac])):hover{
  --tw-border-opacity: 1;
  border-color: rgb(241 241 241 / var(--tw-border-opacity));
}

.hover\:border-noco-gray-510:where(:not([data-rac])):hover{
  --tw-border-opacity: 1;
  border-color: rgb(236 236 236 / var(--tw-border-opacity));
}

.hover\:border-noco-gray-551:where(:not([data-rac])):hover{
  --tw-border-opacity: 1;
  border-color: rgb(148 148 148 / var(--tw-border-opacity));
}

.hover\:border-noco-gray-580:where(:not([data-rac])):hover{
  --tw-border-opacity: 1;
  border-color: rgb(89 89 89 / var(--tw-border-opacity));
}

.hover\:border-noco-gray-630:where(:not([data-rac])):hover{
  --tw-border-opacity: 1;
  border-color: rgb(76 77 79 / var(--tw-border-opacity));
}

.hover\:border-noco-gray-900:where(:not([data-rac])):hover{
  --tw-border-opacity: 1;
  border-color: rgb(30 30 30 / var(--tw-border-opacity));
}

.hover\:border-slate-400:where(:not([data-rac])):hover{
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity));
}

.hover\:border-slate-900:where(:not([data-rac])):hover{
  --tw-border-opacity: 1;
  border-color: rgb(15 23 42 / var(--tw-border-opacity));
}

.hover\:border-transparent:where(:not([data-rac])):hover{
  border-color: transparent;
}

.hover\:\!bg-noco-yellow-450\/80:where(:not([data-rac])):hover{
  background-color: rgb(254 211 60 / 0.8) !important;
}

.hover\:bg-black\/75:where(:not([data-rac])):hover{
  background-color: rgb(0 0 0 / 0.75);
}

.hover\:bg-noco-gray-100:where(:not([data-rac])):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity));
}

.hover\:bg-noco-gray-200:where(:not([data-rac])):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(212 212 212 / var(--tw-bg-opacity));
}

.hover\:bg-noco-gray-50:where(:not([data-rac])):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(241 241 241 / var(--tw-bg-opacity));
}

.hover\:bg-noco-gray-510:where(:not([data-rac])):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(236 236 236 / var(--tw-bg-opacity));
}

.hover\:bg-noco-gray-580:where(:not([data-rac])):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(89 89 89 / var(--tw-bg-opacity));
}

.hover\:bg-noco-gray-600:where(:not([data-rac])):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(84 84 84 / var(--tw-bg-opacity));
}

.hover\:bg-noco-gray-630:where(:not([data-rac])):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(76 77 79 / var(--tw-bg-opacity));
}

.hover\:bg-noco-gray-720:where(:not([data-rac])):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity));
}

.hover\:bg-noco-gray-900:where(:not([data-rac])):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(30 30 30 / var(--tw-bg-opacity));
}

.hover\:bg-noco-gray-905:where(:not([data-rac])):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity));
}

.hover\:bg-noco-gray-950:where(:not([data-rac])):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(23 23 23 / var(--tw-bg-opacity));
}

.hover\:bg-noco-red-930:where(:not([data-rac])):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(217 30 24 / var(--tw-bg-opacity));
}

.hover\:bg-slate-900:where(:not([data-rac])):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.hover\:bg-transparent:where(:not([data-rac])):hover{
  background-color: transparent;
}

.hover\:bg-white:where(:not([data-rac])):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.hover\:px-2:where(:not([data-rac])):hover{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.hover\:py-0:where(:not([data-rac])):hover{
  padding-top: 0px;
  padding-bottom: 0px;
}

.hover\:\!text-white:where(:not([data-rac])):hover{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.hover\:text-\[\#231f20\]:where(:not([data-rac])):hover{
  --tw-text-opacity: 1;
  color: rgb(35 31 32 / var(--tw-text-opacity));
}

.hover\:text-black:where(:not([data-rac])):hover{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.hover\:text-noco-gray-200:where(:not([data-rac])):hover{
  --tw-text-opacity: 1;
  color: rgb(212 212 212 / var(--tw-text-opacity));
}

.hover\:text-noco-gray-300:where(:not([data-rac])):hover{
  --tw-text-opacity: 1;
  color: rgb(173 173 173 / var(--tw-text-opacity));
}

.hover\:text-noco-gray-500:where(:not([data-rac])):hover{
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity));
}

.hover\:text-noco-gray-525:where(:not([data-rac])):hover{
  --tw-text-opacity: 1;
  color: rgb(196 196 196 / var(--tw-text-opacity));
}

.hover\:text-noco-gray-530:where(:not([data-rac])):hover{
  --tw-text-opacity: 1;
  color: rgb(164 164 164 / var(--tw-text-opacity));
}

.hover\:text-noco-gray-900:where(:not([data-rac])):hover{
  --tw-text-opacity: 1;
  color: rgb(30 30 30 / var(--tw-text-opacity));
}

.hover\:text-noco-gray-950:where(:not([data-rac])):hover{
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity));
}

.hover\:text-noco-red-900:where(:not([data-rac])):hover{
  --tw-text-opacity: 1;
  color: rgb(255 13 0 / var(--tw-text-opacity));
}

.hover\:text-noco-red-910:where(:not([data-rac])):hover{
  --tw-text-opacity: 1;
  color: rgb(242 38 19 / var(--tw-text-opacity));
}

.hover\:text-slate-500:where(:not([data-rac])):hover{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.hover\:text-slate-800:where(:not([data-rac])):hover{
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.hover\:text-slate-900:where(:not([data-rac])):hover{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.hover\:text-white:where(:not([data-rac])):hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:underline:where(:not([data-rac])):hover{
  text-decoration-line: underline;
}

.hover\:no-underline:where(:not([data-rac])):hover{
  text-decoration-line: none;
}

.hover\:outline-none:where(:not([data-rac])):hover{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.hover\:outline-0:where(:not([data-rac])):hover{
  outline-width: 0px;
}

.hover\:backdrop-blur-none:where(:not([data-rac])):hover{
  --tw-backdrop-blur:  ;
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.hover\:has-\[\:disabled\]\:bg-transparent:has(:disabled):where(:not([data-rac])):hover{
  background-color: transparent;
}

.hover\:has-\[\:disabled\]\:text-noco-gray-580:has(:disabled):where(:not([data-rac])):hover{
  --tw-text-opacity: 1;
  color: rgb(89 89 89 / var(--tw-text-opacity));
}

.invalid\:hover\:border-red-600:where(:not([data-rac])):hover:where([data-rac])[data-invalid]{
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
}

.invalid\:hover\:border-red-600:where(:not([data-rac])):hover:where(:not([data-rac])):invalid{
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
}

.group:where([data-rac])[data-hovered] .group-hover\:-translate-y-3\.5{
  --tw-translate-y: -0.875rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:where([data-rac])[data-hovered] .group-hover\:scale-105{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:where([data-rac])[data-hovered] .group-hover\:border-slate-400{
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity));
}

.group:where([data-rac])[data-hovered] .group-hover\:border-b-white{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.group:where([data-rac])[data-hovered] .group-hover\:fill-noco-red-500{
  fill: #E22E31;
}

.group:where([data-rac])[data-hovered] .group-hover\:fill-noco-red-910{
  fill: #F22613;
}

.group:where([data-rac])[data-hovered] .group-hover\:stroke-white{
  stroke: #fff;
}

.group:where(:not([data-rac])):hover .group-hover\:-translate-y-3\.5{
  --tw-translate-y: -0.875rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:where(:not([data-rac])):hover .group-hover\:scale-105{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:where(:not([data-rac])):hover .group-hover\:border-slate-400{
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity));
}

.group:where(:not([data-rac])):hover .group-hover\:border-b-white{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.group:where(:not([data-rac])):hover .group-hover\:fill-noco-red-500{
  fill: #E22E31;
}

.group:where(:not([data-rac])):hover .group-hover\:fill-noco-red-910{
  fill: #F22613;
}

.group:where(:not([data-rac])):hover .group-hover\:stroke-white{
  stroke: #fff;
}

.group:where([data-rac])[data-invalid]:where([data-rac])[data-hovered] .group-invalid\:group-hover\:border-red-600{
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
}

.group:where(:not([data-rac])):invalid:where([data-rac])[data-hovered] .group-invalid\:group-hover\:border-red-600{
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
}

.group:where([data-rac])[data-invalid]:where(:not([data-rac])):hover .group-invalid\:group-hover\:border-red-600{
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
}

.group:where(:not([data-rac])):invalid:where(:not([data-rac])):hover .group-invalid\:group-hover\:border-red-600{
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
}

.group:where([data-rac])[data-invalid]:where(:not([data-rac])):hover .group-invalid\:group-hover\:border-red-600{
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
}

.group:where(:not([data-rac])):invalid:where(:not([data-rac])):hover .group-invalid\:group-hover\:border-red-600{
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
}

.focus\:rounded-md:where([data-rac])[data-focused]{
  border-radius: 0.375rem;
}

.focus\:border-0:where([data-rac])[data-focused]{
  border-width: 0px;
}

.focus\:border-solid:where([data-rac])[data-focused]{
  border-style: solid;
}

.focus\:border-noco-gray-200:where([data-rac])[data-focused]{
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212 / var(--tw-border-opacity));
}

.focus\:border-noco-gray-530:where([data-rac])[data-focused]{
  --tw-border-opacity: 1;
  border-color: rgb(164 164 164 / var(--tw-border-opacity));
}

.focus\:border-noco-gray-580:where([data-rac])[data-focused]{
  --tw-border-opacity: 1;
  border-color: rgb(89 89 89 / var(--tw-border-opacity));
}

.focus\:border-noco-gray-600:where([data-rac])[data-focused]{
  --tw-border-opacity: 1;
  border-color: rgb(84 84 84 / var(--tw-border-opacity));
}

.focus\:border-noco-gray-900:where([data-rac])[data-focused]{
  --tw-border-opacity: 1;
  border-color: rgb(30 30 30 / var(--tw-border-opacity));
}

.focus\:border-slate-400:where([data-rac])[data-focused]{
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity));
}

.focus\:border-slate-900:where([data-rac])[data-focused]{
  --tw-border-opacity: 1;
  border-color: rgb(15 23 42 / var(--tw-border-opacity));
}

.focus\:border-transparent:where([data-rac])[data-focused]{
  border-color: transparent;
}

.focus\:border-white:where([data-rac])[data-focused]{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.focus\:border-y-\[\#d4d4d480\]:where([data-rac])[data-focused]{
  border-top-color: #d4d4d480;
  border-bottom-color: #d4d4d480;
}

.focus\:bg-black\/75:where([data-rac])[data-focused]{
  background-color: rgb(0 0 0 / 0.75);
}

.focus\:bg-noco-gray-100:where([data-rac])[data-focused]{
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity));
}

.focus\:bg-noco-gray-200:where([data-rac])[data-focused]{
  --tw-bg-opacity: 1;
  background-color: rgb(212 212 212 / var(--tw-bg-opacity));
}

.focus\:bg-noco-gray-580:where([data-rac])[data-focused]{
  --tw-bg-opacity: 1;
  background-color: rgb(89 89 89 / var(--tw-bg-opacity));
}

.focus\:bg-noco-gray-600:where([data-rac])[data-focused]{
  --tw-bg-opacity: 1;
  background-color: rgb(84 84 84 / var(--tw-bg-opacity));
}

.focus\:bg-noco-gray-900:where([data-rac])[data-focused]{
  --tw-bg-opacity: 1;
  background-color: rgb(30 30 30 / var(--tw-bg-opacity));
}

.focus\:bg-noco-gray-905:where([data-rac])[data-focused]{
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity));
}

.focus\:bg-noco-red-910:where([data-rac])[data-focused]{
  --tw-bg-opacity: 1;
  background-color: rgb(242 38 19 / var(--tw-bg-opacity));
}

.focus\:bg-slate-200:where([data-rac])[data-focused]{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}

.focus\:bg-slate-900:where([data-rac])[data-focused]{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.focus\:bg-transparent:where([data-rac])[data-focused]{
  background-color: transparent;
}

.focus\:bg-white:where([data-rac])[data-focused]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.focus\:px-2:where([data-rac])[data-focused]{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.focus\:py-0:where([data-rac])[data-focused]{
  padding-top: 0px;
  padding-bottom: 0px;
}

.focus\:text-noco-gray-500:where([data-rac])[data-focused]{
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity));
}

.focus\:text-slate-900:where([data-rac])[data-focused]{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.focus\:text-white:where([data-rac])[data-focused]{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.focus\:caret-transparent:where([data-rac])[data-focused]{
  caret-color: transparent;
}

.focus\:outline-none:where([data-rac])[data-focused]{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:outline:where([data-rac])[data-focused]{
  outline-style: solid;
}

.focus\:outline-0:where([data-rac])[data-focused]{
  outline-width: 0px;
}

.focus\:outline-1:where([data-rac])[data-focused]{
  outline-width: 1px;
}

.focus\:outline-2:where([data-rac])[data-focused]{
  outline-width: 2px;
}

.focus\:outline-noco-gray-810:where([data-rac])[data-focused]{
  outline-color: #272727;
}

.focus\:outline-slate-200:where([data-rac])[data-focused]{
  outline-color: #e2e8f0;
}

.focus\:outline-transparent:where([data-rac])[data-focused]{
  outline-color: transparent;
}

.focus\:outline-white:where([data-rac])[data-focused]{
  outline-color: #fff;
}

.focus\:placeholder\:text-transparent:where([data-rac])[data-focused]::-moz-placeholder{
  color: transparent;
}

.focus\:placeholder\:text-transparent:where([data-rac])[data-focused]::placeholder{
  color: transparent;
}

.aria-\[readonly\]\:focus\:bg-transparent:where([data-rac])[data-focused][aria-readonly]{
  background-color: transparent;
}

.aria-\[readonly\]\:focus\:outline:where([data-rac])[data-focused][aria-readonly]{
  outline-style: solid;
}

.aria-\[readonly\]\:focus\:outline-2:where([data-rac])[data-focused][aria-readonly]{
  outline-width: 2px;
}

.aria-\[readonly\]\:focus\:outline-slate-500:where([data-rac])[data-focused][aria-readonly]{
  outline-color: #64748b;
}

.invalid\:focus\:border-red-600:where([data-rac])[data-focused]:where([data-rac])[data-invalid]{
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
}

.focus\:invalid\:bg-red-500:where([data-rac])[data-invalid]:where([data-rac])[data-focused]{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}

.focus\:invalid\:text-white:where([data-rac])[data-invalid]:where([data-rac])[data-focused]{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.invalid\:focus\:outline-red-200:where([data-rac])[data-focused]:where([data-rac])[data-invalid]{
  outline-color: #fecaca;
}

.data-\[placeholder\]\:invalid\:focus\:text-white:where([data-rac])[data-focused]:where([data-rac])[data-invalid][data-placeholder]{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.invalid\:focus\:border-red-600:where([data-rac])[data-focused]:where(:not([data-rac])):invalid{
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
}

.focus\:invalid\:bg-red-500:where(:not([data-rac])):invalid:where([data-rac])[data-focused]{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}

.focus\:invalid\:text-white:where(:not([data-rac])):invalid:where([data-rac])[data-focused]{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.invalid\:focus\:outline-red-200:where([data-rac])[data-focused]:where(:not([data-rac])):invalid{
  outline-color: #fecaca;
}

.data-\[placeholder\]\:invalid\:focus\:text-white:where([data-rac])[data-focused]:where(:not([data-rac])):invalid[data-placeholder]{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.focus\:rounded-md:where(:not([data-rac])):focus{
  border-radius: 0.375rem;
}

.focus\:border-0:where(:not([data-rac])):focus{
  border-width: 0px;
}

.focus\:border-solid:where(:not([data-rac])):focus{
  border-style: solid;
}

.focus\:border-noco-gray-200:where(:not([data-rac])):focus{
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212 / var(--tw-border-opacity));
}

.focus\:border-noco-gray-530:where(:not([data-rac])):focus{
  --tw-border-opacity: 1;
  border-color: rgb(164 164 164 / var(--tw-border-opacity));
}

.focus\:border-noco-gray-580:where(:not([data-rac])):focus{
  --tw-border-opacity: 1;
  border-color: rgb(89 89 89 / var(--tw-border-opacity));
}

.focus\:border-noco-gray-600:where(:not([data-rac])):focus{
  --tw-border-opacity: 1;
  border-color: rgb(84 84 84 / var(--tw-border-opacity));
}

.focus\:border-noco-gray-900:where(:not([data-rac])):focus{
  --tw-border-opacity: 1;
  border-color: rgb(30 30 30 / var(--tw-border-opacity));
}

.focus\:border-slate-400:where(:not([data-rac])):focus{
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity));
}

.focus\:border-slate-900:where(:not([data-rac])):focus{
  --tw-border-opacity: 1;
  border-color: rgb(15 23 42 / var(--tw-border-opacity));
}

.focus\:border-transparent:where(:not([data-rac])):focus{
  border-color: transparent;
}

.focus\:border-white:where(:not([data-rac])):focus{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.focus\:border-y-\[\#d4d4d480\]:where(:not([data-rac])):focus{
  border-top-color: #d4d4d480;
  border-bottom-color: #d4d4d480;
}

.focus\:bg-black\/75:where(:not([data-rac])):focus{
  background-color: rgb(0 0 0 / 0.75);
}

.focus\:bg-noco-gray-100:where(:not([data-rac])):focus{
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity));
}

.focus\:bg-noco-gray-200:where(:not([data-rac])):focus{
  --tw-bg-opacity: 1;
  background-color: rgb(212 212 212 / var(--tw-bg-opacity));
}

.focus\:bg-noco-gray-580:where(:not([data-rac])):focus{
  --tw-bg-opacity: 1;
  background-color: rgb(89 89 89 / var(--tw-bg-opacity));
}

.focus\:bg-noco-gray-600:where(:not([data-rac])):focus{
  --tw-bg-opacity: 1;
  background-color: rgb(84 84 84 / var(--tw-bg-opacity));
}

.focus\:bg-noco-gray-900:where(:not([data-rac])):focus{
  --tw-bg-opacity: 1;
  background-color: rgb(30 30 30 / var(--tw-bg-opacity));
}

.focus\:bg-noco-gray-905:where(:not([data-rac])):focus{
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity));
}

.focus\:bg-noco-red-910:where(:not([data-rac])):focus{
  --tw-bg-opacity: 1;
  background-color: rgb(242 38 19 / var(--tw-bg-opacity));
}

.focus\:bg-slate-200:where(:not([data-rac])):focus{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}

.focus\:bg-slate-900:where(:not([data-rac])):focus{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.focus\:bg-transparent:where(:not([data-rac])):focus{
  background-color: transparent;
}

.focus\:bg-white:where(:not([data-rac])):focus{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.focus\:px-2:where(:not([data-rac])):focus{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.focus\:py-0:where(:not([data-rac])):focus{
  padding-top: 0px;
  padding-bottom: 0px;
}

.focus\:text-noco-gray-500:where(:not([data-rac])):focus{
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity));
}

.focus\:text-slate-900:where(:not([data-rac])):focus{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.focus\:text-white:where(:not([data-rac])):focus{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.focus\:caret-transparent:where(:not([data-rac])):focus{
  caret-color: transparent;
}

.focus\:outline-none:where(:not([data-rac])):focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:outline:where(:not([data-rac])):focus{
  outline-style: solid;
}

.focus\:outline-0:where(:not([data-rac])):focus{
  outline-width: 0px;
}

.focus\:outline-1:where(:not([data-rac])):focus{
  outline-width: 1px;
}

.focus\:outline-2:where(:not([data-rac])):focus{
  outline-width: 2px;
}

.focus\:outline-noco-gray-810:where(:not([data-rac])):focus{
  outline-color: #272727;
}

.focus\:outline-slate-200:where(:not([data-rac])):focus{
  outline-color: #e2e8f0;
}

.focus\:outline-transparent:where(:not([data-rac])):focus{
  outline-color: transparent;
}

.focus\:outline-white:where(:not([data-rac])):focus{
  outline-color: #fff;
}

.focus\:placeholder\:text-transparent:where(:not([data-rac])):focus::-moz-placeholder{
  color: transparent;
}

.focus\:placeholder\:text-transparent:where(:not([data-rac])):focus::placeholder{
  color: transparent;
}

.aria-\[readonly\]\:focus\:bg-transparent:where(:not([data-rac])):focus[aria-readonly]{
  background-color: transparent;
}

.aria-\[readonly\]\:focus\:outline:where(:not([data-rac])):focus[aria-readonly]{
  outline-style: solid;
}

.aria-\[readonly\]\:focus\:outline-2:where(:not([data-rac])):focus[aria-readonly]{
  outline-width: 2px;
}

.aria-\[readonly\]\:focus\:outline-slate-500:where(:not([data-rac])):focus[aria-readonly]{
  outline-color: #64748b;
}

.invalid\:focus\:border-red-600:where(:not([data-rac])):focus:where([data-rac])[data-invalid]{
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
}

.focus\:invalid\:bg-red-500:where([data-rac])[data-invalid]:where(:not([data-rac])):focus{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}

.focus\:invalid\:text-white:where([data-rac])[data-invalid]:where(:not([data-rac])):focus{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.invalid\:focus\:outline-red-200:where(:not([data-rac])):focus:where([data-rac])[data-invalid]{
  outline-color: #fecaca;
}

.data-\[placeholder\]\:invalid\:focus\:text-white:where(:not([data-rac])):focus:where([data-rac])[data-invalid][data-placeholder]{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.invalid\:focus\:border-red-600:where(:not([data-rac])):focus:where(:not([data-rac])):invalid{
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
}

.focus\:invalid\:bg-red-500:where(:not([data-rac])):invalid:where(:not([data-rac])):focus{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}

.focus\:invalid\:text-white:where(:not([data-rac])):invalid:where(:not([data-rac])):focus{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.invalid\:focus\:outline-red-200:where(:not([data-rac])):focus:where(:not([data-rac])):invalid{
  outline-color: #fecaca;
}

.data-\[placeholder\]\:invalid\:focus\:text-white:where(:not([data-rac])):focus:where(:not([data-rac])):invalid[data-placeholder]{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.group:where([data-rac])[data-invalid]:where([data-rac])[data-focused] .group-invalid\:group-focus\:border-red-600{
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
}

.group:where(:not([data-rac])):invalid:where([data-rac])[data-focused] .group-invalid\:group-focus\:border-red-600{
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
}

.group:where([data-rac])[data-invalid]:where(:not([data-rac])):focus .group-invalid\:group-focus\:border-red-600{
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
}

.group:where(:not([data-rac])):invalid:where(:not([data-rac])):focus .group-invalid\:group-focus\:border-red-600{
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
}

.group:where([data-rac])[data-invalid]:where(:not([data-rac])):focus .group-invalid\:group-focus\:border-red-600{
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
}

.group:where(:not([data-rac])):invalid:where(:not([data-rac])):focus .group-invalid\:group-focus\:border-red-600{
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
}

.peer:where([data-rac])[data-focused] ~ .peer-focus\:-translate-y-\[115\%\]{
  --tw-translate-y: -115%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:where([data-rac])[data-focused] ~ .peer-focus\:text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}

.peer:where([data-rac])[data-focused] ~ .peer-focus\:font-normal{
  font-weight: 400;
}

.peer:where([data-rac])[data-focused] ~ .peer-focus\:leading-normal{
  line-height: 1.5;
}

.peer:where(:not([data-rac])):focus ~ .peer-focus\:-translate-y-\[115\%\]{
  --tw-translate-y: -115%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:where(:not([data-rac])):focus ~ .peer-focus\:text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}

.peer:where(:not([data-rac])):focus ~ .peer-focus\:font-normal{
  font-weight: 400;
}

.peer:where(:not([data-rac])):focus ~ .peer-focus\:leading-normal{
  line-height: 1.5;
}

.focus-visible\:z-10:where([data-rac])[data-focus-visible]{
  z-index: 10;
}

.focus-visible\:rounded-\[1px\]:where([data-rac])[data-focus-visible]{
  border-radius: 1px;
}

.focus-visible\:border-white:where([data-rac])[data-focus-visible]{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.focus-visible\:outline:where([data-rac])[data-focus-visible]{
  outline-style: solid;
}

.focus-visible\:outline-2:where([data-rac])[data-focus-visible]{
  outline-width: 2px;
}

.focus-visible\:outline-\[1\.5px\]:where([data-rac])[data-focus-visible]{
  outline-width: 1.5px;
}

.focus-visible\:outline-offset-2:where([data-rac])[data-focus-visible]{
  outline-offset: 2px;
}

.focus-visible\:outline-offset-4:where([data-rac])[data-focus-visible]{
  outline-offset: 4px;
}

.focus-visible\:outline-offset-\[6px\]:where([data-rac])[data-focus-visible]{
  outline-offset: 6px;
}

.focus-visible\:outline-black:where([data-rac])[data-focus-visible]{
  outline-color: #000;
}

.focus-visible\:outline-slate-200:where([data-rac])[data-focus-visible]{
  outline-color: #e2e8f0;
}

.focus-visible\:outline-slate-500:where([data-rac])[data-focus-visible]{
  outline-color: #64748b;
}

.focus-visible\:outline-white:where([data-rac])[data-focus-visible]{
  outline-color: #fff;
}

.aria-\[readonly\]\:focus-visible\:outline:where([data-rac])[data-focus-visible][aria-readonly]{
  outline-style: solid;
}

.aria-\[readonly\]\:focus-visible\:outline-1:where([data-rac])[data-focus-visible][aria-readonly]{
  outline-width: 1px;
}

.aria-\[readonly\]\:focus-visible\:outline-slate-500:where([data-rac])[data-focus-visible][aria-readonly]{
  outline-color: #64748b;
}

.focus-visible\:z-10:where(:not([data-rac])):focus-visible{
  z-index: 10;
}

.focus-visible\:rounded-\[1px\]:where(:not([data-rac])):focus-visible{
  border-radius: 1px;
}

.focus-visible\:border-white:where(:not([data-rac])):focus-visible{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.focus-visible\:outline:where(:not([data-rac])):focus-visible{
  outline-style: solid;
}

.focus-visible\:outline-2:where(:not([data-rac])):focus-visible{
  outline-width: 2px;
}

.focus-visible\:outline-\[1\.5px\]:where(:not([data-rac])):focus-visible{
  outline-width: 1.5px;
}

.focus-visible\:outline-offset-2:where(:not([data-rac])):focus-visible{
  outline-offset: 2px;
}

.focus-visible\:outline-offset-4:where(:not([data-rac])):focus-visible{
  outline-offset: 4px;
}

.focus-visible\:outline-offset-\[6px\]:where(:not([data-rac])):focus-visible{
  outline-offset: 6px;
}

.focus-visible\:outline-black:where(:not([data-rac])):focus-visible{
  outline-color: #000;
}

.focus-visible\:outline-slate-200:where(:not([data-rac])):focus-visible{
  outline-color: #e2e8f0;
}

.focus-visible\:outline-slate-500:where(:not([data-rac])):focus-visible{
  outline-color: #64748b;
}

.focus-visible\:outline-white:where(:not([data-rac])):focus-visible{
  outline-color: #fff;
}

.aria-\[readonly\]\:focus-visible\:outline:where(:not([data-rac])):focus-visible[aria-readonly]{
  outline-style: solid;
}

.aria-\[readonly\]\:focus-visible\:outline-1:where(:not([data-rac])):focus-visible[aria-readonly]{
  outline-width: 1px;
}

.aria-\[readonly\]\:focus-visible\:outline-slate-500:where(:not([data-rac])):focus-visible[aria-readonly]{
  outline-color: #64748b;
}

.group:where([data-rac])[data-focus-visible] .group-focus-visible\:outline-white{
  outline-color: #fff;
}

.group:where(:not([data-rac])):focus-visible .group-focus-visible\:outline-white{
  outline-color: #fff;
}

.pressed\:scale-100[data-pressed]{
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.pressed\:scale-95[data-pressed]{
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.pressed\:transform-none[data-pressed]{
  transform: none;
}

.pressed\:border-noco-gray-200[data-pressed]{
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212 / var(--tw-border-opacity));
}

.pressed\:bg-noco-gray-200[data-pressed]{
  --tw-bg-opacity: 1;
  background-color: rgb(212 212 212 / var(--tw-bg-opacity));
}

.pressed\:bg-transparent[data-pressed]{
  background-color: transparent;
}

.pressed\:px-2[data-pressed]{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.pressed\:py-0[data-pressed]{
  padding-top: 0px;
  padding-bottom: 0px;
}

.pressed\:text-noco-gray-500[data-pressed]{
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity));
}

.pressed\:text-white[data-pressed]{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.pressed\:outline-white[data-pressed]{
  outline-color: #fff;
}

.selected\:bg-transparent[data-selected]{
  background-color: transparent;
}

.selected\:text-slate-100[data-selected]{
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity));
}

.selected\:text-slate-800[data-selected]{
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.selected\:text-white[data-selected]{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.selected\:outline-0[data-selected]{
  outline-width: 0px;
}

.selected\:data-\[focus-visible\=\"true\"\]\:outline-2[data-focus-visible="true"][data-selected]{
  outline-width: 2px;
}

.group[data-selected] .group-selected\:bg-noco-blue-500{
  --tw-bg-opacity: 1;
  background-color: rgb(72 159 244 / var(--tw-bg-opacity));
}

.disabled\:pointer-events-none:where([data-rac])[data-disabled]{
  pointer-events: none;
}

.disabled\:cursor-default:where([data-rac])[data-disabled]{
  cursor: default;
}

.disabled\:cursor-not-allowed:where([data-rac])[data-disabled]{
  cursor: not-allowed;
}

.disabled\:select-none:where([data-rac])[data-disabled]{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.disabled\:border-1\.5:where([data-rac])[data-disabled]{
  border-width: 1.5px;
}

.disabled\:border-solid:where([data-rac])[data-disabled]{
  border-style: solid;
}

.disabled\:border-none:where([data-rac])[data-disabled]{
  border-style: none;
}

.disabled\:border-noco-gray-530:where([data-rac])[data-disabled]{
  --tw-border-opacity: 1;
  border-color: rgb(164 164 164 / var(--tw-border-opacity));
}

.disabled\:border-noco-gray-580:where([data-rac])[data-disabled]{
  --tw-border-opacity: 1;
  border-color: rgb(89 89 89 / var(--tw-border-opacity));
}

.disabled\:border-noco-gray-900\/25:where([data-rac])[data-disabled]{
  border-color: rgb(30 30 30 / 0.25);
}

.disabled\:border-slate-200:where([data-rac])[data-disabled]{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}

.disabled\:border-slate-300:where([data-rac])[data-disabled]{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
}

.disabled\:border-slate-900:where([data-rac])[data-disabled]{
  --tw-border-opacity: 1;
  border-color: rgb(15 23 42 / var(--tw-border-opacity));
}

.disabled\:border-transparent:where([data-rac])[data-disabled]{
  border-color: transparent;
}

.disabled\:bg-noco-gray-525:where([data-rac])[data-disabled]{
  --tw-bg-opacity: 1;
  background-color: rgb(196 196 196 / var(--tw-bg-opacity));
}

.disabled\:bg-noco-gray-575:where([data-rac])[data-disabled]{
  --tw-bg-opacity: 1;
  background-color: rgb(95 95 95 / var(--tw-bg-opacity));
}

.disabled\:bg-noco-gray-900\/25:where([data-rac])[data-disabled]{
  background-color: rgb(30 30 30 / 0.25);
}

.disabled\:bg-slate-100:where([data-rac])[data-disabled]{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.disabled\:bg-slate-900:where([data-rac])[data-disabled]{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.disabled\:bg-transparent:where([data-rac])[data-disabled]{
  background-color: transparent;
}

.disabled\:text-noco-gray-200:where([data-rac])[data-disabled]{
  --tw-text-opacity: 1;
  color: rgb(212 212 212 / var(--tw-text-opacity));
}

.disabled\:text-noco-gray-510:where([data-rac])[data-disabled]{
  --tw-text-opacity: 1;
  color: rgb(236 236 236 / var(--tw-text-opacity));
}

.disabled\:text-noco-gray-525:where([data-rac])[data-disabled]{
  --tw-text-opacity: 1;
  color: rgb(196 196 196 / var(--tw-text-opacity));
}

.disabled\:text-noco-gray-530:where([data-rac])[data-disabled]{
  --tw-text-opacity: 1;
  color: rgb(164 164 164 / var(--tw-text-opacity));
}

.disabled\:text-noco-gray-560:where([data-rac])[data-disabled]{
  --tw-text-opacity: 1;
  color: rgb(121 121 121 / var(--tw-text-opacity));
}

.disabled\:text-noco-gray-580:where([data-rac])[data-disabled]{
  --tw-text-opacity: 1;
  color: rgb(89 89 89 / var(--tw-text-opacity));
}

.disabled\:text-noco-gray-750:where([data-rac])[data-disabled]{
  --tw-text-opacity: 1;
  color: rgb(46 46 46 / var(--tw-text-opacity));
}

.disabled\:text-slate-400:where([data-rac])[data-disabled]{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.disabled\:text-slate-500:where([data-rac])[data-disabled]{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.disabled\:text-slate-900:where([data-rac])[data-disabled]{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.disabled\:text-transparent:where([data-rac])[data-disabled]{
  color: transparent;
}

.disabled\:text-white:where([data-rac])[data-disabled]{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.disabled\:opacity-30:where([data-rac])[data-disabled]{
  opacity: 0.3;
}

.disabled\:opacity-50:where([data-rac])[data-disabled]{
  opacity: 0.5;
}

.disabled\:opacity-70:where([data-rac])[data-disabled]{
  opacity: 0.7;
}

.disabled\:current\:text-slate-900[data-current]:where([data-rac])[data-disabled]{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.disabled\:current\:text-white[data-current]:where([data-rac])[data-disabled]{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.invalid\:disabled\:text-red-300:where([data-rac])[data-disabled]:where([data-rac])[data-invalid]{
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity));
}

.invalid\:disabled\:text-red-300:where([data-rac])[data-disabled]:where(:not([data-rac])):invalid{
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity));
}

.disabled\:pointer-events-none:where(:not([data-rac])):disabled{
  pointer-events: none;
}

.disabled\:cursor-default:where(:not([data-rac])):disabled{
  cursor: default;
}

.disabled\:cursor-not-allowed:where(:not([data-rac])):disabled{
  cursor: not-allowed;
}

.disabled\:select-none:where(:not([data-rac])):disabled{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.disabled\:border-1\.5:where(:not([data-rac])):disabled{
  border-width: 1.5px;
}

.disabled\:border-solid:where(:not([data-rac])):disabled{
  border-style: solid;
}

.disabled\:border-none:where(:not([data-rac])):disabled{
  border-style: none;
}

.disabled\:border-noco-gray-530:where(:not([data-rac])):disabled{
  --tw-border-opacity: 1;
  border-color: rgb(164 164 164 / var(--tw-border-opacity));
}

.disabled\:border-noco-gray-580:where(:not([data-rac])):disabled{
  --tw-border-opacity: 1;
  border-color: rgb(89 89 89 / var(--tw-border-opacity));
}

.disabled\:border-noco-gray-900\/25:where(:not([data-rac])):disabled{
  border-color: rgb(30 30 30 / 0.25);
}

.disabled\:border-slate-200:where(:not([data-rac])):disabled{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}

.disabled\:border-slate-300:where(:not([data-rac])):disabled{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
}

.disabled\:border-slate-900:where(:not([data-rac])):disabled{
  --tw-border-opacity: 1;
  border-color: rgb(15 23 42 / var(--tw-border-opacity));
}

.disabled\:border-transparent:where(:not([data-rac])):disabled{
  border-color: transparent;
}

.disabled\:bg-noco-gray-525:where(:not([data-rac])):disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(196 196 196 / var(--tw-bg-opacity));
}

.disabled\:bg-noco-gray-575:where(:not([data-rac])):disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(95 95 95 / var(--tw-bg-opacity));
}

.disabled\:bg-noco-gray-900\/25:where(:not([data-rac])):disabled{
  background-color: rgb(30 30 30 / 0.25);
}

.disabled\:bg-slate-100:where(:not([data-rac])):disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.disabled\:bg-slate-900:where(:not([data-rac])):disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.disabled\:bg-transparent:where(:not([data-rac])):disabled{
  background-color: transparent;
}

.disabled\:text-noco-gray-200:where(:not([data-rac])):disabled{
  --tw-text-opacity: 1;
  color: rgb(212 212 212 / var(--tw-text-opacity));
}

.disabled\:text-noco-gray-510:where(:not([data-rac])):disabled{
  --tw-text-opacity: 1;
  color: rgb(236 236 236 / var(--tw-text-opacity));
}

.disabled\:text-noco-gray-525:where(:not([data-rac])):disabled{
  --tw-text-opacity: 1;
  color: rgb(196 196 196 / var(--tw-text-opacity));
}

.disabled\:text-noco-gray-530:where(:not([data-rac])):disabled{
  --tw-text-opacity: 1;
  color: rgb(164 164 164 / var(--tw-text-opacity));
}

.disabled\:text-noco-gray-560:where(:not([data-rac])):disabled{
  --tw-text-opacity: 1;
  color: rgb(121 121 121 / var(--tw-text-opacity));
}

.disabled\:text-noco-gray-580:where(:not([data-rac])):disabled{
  --tw-text-opacity: 1;
  color: rgb(89 89 89 / var(--tw-text-opacity));
}

.disabled\:text-noco-gray-750:where(:not([data-rac])):disabled{
  --tw-text-opacity: 1;
  color: rgb(46 46 46 / var(--tw-text-opacity));
}

.disabled\:text-slate-400:where(:not([data-rac])):disabled{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.disabled\:text-slate-500:where(:not([data-rac])):disabled{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.disabled\:text-slate-900:where(:not([data-rac])):disabled{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.disabled\:text-transparent:where(:not([data-rac])):disabled{
  color: transparent;
}

.disabled\:text-white:where(:not([data-rac])):disabled{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.disabled\:opacity-30:where(:not([data-rac])):disabled{
  opacity: 0.3;
}

.disabled\:opacity-50:where(:not([data-rac])):disabled{
  opacity: 0.5;
}

.disabled\:opacity-70:where(:not([data-rac])):disabled{
  opacity: 0.7;
}

.disabled\:current\:text-slate-900[data-current]:where(:not([data-rac])):disabled{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.disabled\:current\:text-white[data-current]:where(:not([data-rac])):disabled{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.invalid\:disabled\:text-red-300:where(:not([data-rac])):disabled:where([data-rac])[data-invalid]{
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity));
}

.invalid\:disabled\:text-red-300:where(:not([data-rac])):disabled:where(:not([data-rac])):invalid{
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity));
}

.group:where([data-rac])[data-disabled] .group-disabled\:border-slate-200{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}

.group:where([data-rac])[data-disabled] .group-disabled\:opacity-50{
  opacity: 0.5;
}

.group:where(:not([data-rac])):disabled .group-disabled\:border-slate-200{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}

.group:where(:not([data-rac])):disabled .group-disabled\:opacity-50{
  opacity: 0.5;
}

@media not all and (min-width: 1024px){

  .max-lg\:\!relative{
    position: relative !important;
  }

  .max-lg\:max-h-\[none\]{
    max-height: none;
  }

  .max-lg\:max-w-\[7\.5rem\]{
    max-width: 7.5rem;
  }

  .max-lg\:\!transform-none{
    transform: none !important;
  }
}

@media not all and (min-width: 768px){

  .max-md\:mt-\[4\.4rem\]{
    margin-top: 4.4rem;
  }

  .max-md\:max-w-full{
    max-width: 100%;
  }

  .max-md\:bg-transparent{
    background-color: transparent;
  }

  .max-md\:p-8{
    padding: 2rem;
  }
}

@media not all and (min-width: 640px){

  .max-sm\:aspect-\[4\/3\]{
    aspect-ratio: 4/3;
  }
}

@media (min-width: 640px){

  .sm\:order-1{
    order: 1;
  }

  .sm\:order-\[--row-order-sm\]{
    order: var(--row-order-sm);
  }

  .sm\:order-none{
    order: 0;
  }

  .sm\:mx-6{
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .sm\:mx-auto{
    margin-left: auto;
    margin-right: auto;
  }

  .sm\:mb-0{
    margin-bottom: 0px;
  }

  .sm\:mb-10{
    margin-bottom: 2.5rem;
  }

  .sm\:mb-\[--marginBottom-sm\]{
    margin-bottom: var(--marginBottom-sm);
  }

  .sm\:mb-\[6\.375rem\]{
    margin-bottom: 6.375rem;
  }

  .sm\:ml-\[--marginLeft-sm\]{
    margin-left: var(--marginLeft-sm);
  }

  .sm\:mr-\[--marginRight-sm\]{
    margin-right: var(--marginRight-sm);
  }

  .sm\:mt-3{
    margin-top: 0.75rem;
  }

  .sm\:mt-\[--marginTop-sm\]{
    margin-top: var(--marginTop-sm);
  }

  .sm\:mt-px{
    margin-top: 1px;
  }

  .sm\:block{
    display: block;
  }

  .sm\:inline-block{
    display: inline-block;
  }

  .sm\:flex{
    display: flex;
  }

  .sm\:hidden{
    display: none;
  }

  .sm\:aspect-square{
    aspect-ratio: 1 / 1;
  }

  .sm\:h-\[2\.125rem\]{
    height: 2.125rem;
  }

  .sm\:h-\[21\.75rem\]{
    height: 21.75rem;
  }

  .sm\:h-\[calc\(100vh-3\.5rem\)\]{
    height: calc(100vh - 3.5rem);
  }

  .sm\:h-auto{
    height: auto;
  }

  .sm\:min-h-\[--mediaMinHeight-sm\]{
    min-height: var(--mediaMinHeight-sm);
  }

  .sm\:min-h-\[21\.25rem\]{
    min-height: 21.25rem;
  }

  .sm\:min-h-\[21\.75rem\]{
    min-height: 21.75rem;
  }

  .sm\:w-2{
    width: 0.5rem;
  }

  .sm\:w-20{
    width: 5rem;
  }

  .sm\:w-28{
    width: 7rem;
  }

  .sm\:w-36{
    width: 9rem;
  }

  .sm\:w-48{
    width: 12rem;
  }

  .sm\:w-8{
    width: 2rem;
  }

  .sm\:w-\[10\.75rem\]{
    width: 10.75rem;
  }

  .sm\:w-\[17\.375rem\]{
    width: 17.375rem;
  }

  .sm\:w-\[calc\(100\%-3rem\)\]{
    width: calc(100% - 3rem);
  }

  .sm\:w-\[calc\(25\%_-_0\.25rem\)\]{
    width: calc(25% - 0.25rem);
  }

  .sm\:w-\[calc\(75\%_-_0\.25rem\)\]{
    width: calc(75% - 0.25rem);
  }

  .sm\:w-\[var\(--breakpoint-sm-width\)\]{
    width: var(--breakpoint-sm-width);
  }

  .sm\:w-auto{
    width: auto;
  }

  .sm\:min-w-\[12\.5rem\]{
    min-width: 12.5rem;
  }

  .sm\:min-w-\[8\.75rem\]{
    min-width: 8.75rem;
  }

  .sm\:max-w-60{
    max-width: 15rem;
  }

  .sm\:max-w-\[12\.5rem\]{
    max-width: 12.5rem;
  }

  .sm\:max-w-\[8\.875rem\]{
    max-width: 8.875rem;
  }

  .sm\:max-w-max{
    max-width: -moz-max-content;
    max-width: max-content;
  }

  .sm\:max-w-none{
    max-width: none;
  }

  .sm\:flex-1{
    flex: 1 1 0%;
  }

  .sm\:basis-2\/4{
    flex-basis: 50%;
  }

  .sm\:basis-\[7\.5rem\]{
    flex-basis: 7.5rem;
  }

  .sm\:basis-\[calc\(33\.333\%-0\.333rem\)\]{
    flex-basis: calc(33.333% - 0.333rem);
  }

  .sm\:basis-\[calc\(33\.3333\%_-_1rem\)\]{
    flex-basis: calc(33.3333% - 1rem);
  }

  .sm\:translate-y-0{
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .sm\:grid-flow-col{
    grid-auto-flow: column;
  }

  .sm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:grid-cols-\[repeat\(2\2c calc\(50\%-1rem\)\)\]{
    grid-template-columns: repeat(2,calc(50% - 1rem));
  }

  .sm\:grid-rows-2{
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .sm\:flex-row{
    flex-direction: row;
  }

  .sm\:flex-row-reverse{
    flex-direction: row-reverse;
  }

  .sm\:flex-nowrap{
    flex-wrap: nowrap;
  }

  .sm\:items-end{
    align-items: flex-end;
  }

  .sm\:items-center{
    align-items: center;
  }

  .sm\:justify-center{
    justify-content: center;
  }

  .sm\:gap-10{
    gap: 2.5rem;
  }

  .sm\:gap-2{
    gap: 0.5rem;
  }

  .sm\:gap-6{
    gap: 1.5rem;
  }

  .sm\:bg-noco-gray-900{
    --tw-bg-opacity: 1;
    background-color: rgb(30 30 30 / var(--tw-bg-opacity));
  }

  .sm\:p-3\.5{
    padding: 0.875rem;
  }

  .sm\:px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .sm\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:px-\[1\.875rem\]{
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }

  .sm\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .sm\:pb-\[--paddingBottom-sm\]{
    padding-bottom: var(--paddingBottom-sm);
  }

  .sm\:pl-4{
    padding-left: 1rem;
  }

  .sm\:pl-\[--paddingLeft-sm\]{
    padding-left: var(--paddingLeft-sm);
  }

  .sm\:pr-10{
    padding-right: 2.5rem;
  }

  .sm\:pr-7{
    padding-right: 1.75rem;
  }

  .sm\:pr-\[--paddingRight-sm\]{
    padding-right: var(--paddingRight-sm);
  }

  .sm\:pt-\[--paddingTop-sm\]{
    padding-top: var(--paddingTop-sm);
  }

  .sm\:pt-\[1\.85rem\]{
    padding-top: 1.85rem;
  }

  .sm\:font-sans{
    font-family: var(--font-inter);
  }

  .sm\:\!text-base{
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }

  .sm\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .sm\:normal-case{
    text-transform: none;
  }

  .sm\:text-noco-gray-200{
    --tw-text-opacity: 1;
    color: rgb(212 212 212 / var(--tw-text-opacity));
  }

  .sm\:transition-colors{
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }

  .sm\:duration-300{
    transition-duration: 300ms;
  }

  .sm\:ease-in-out{
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }

  .sm\:typography-Copy{
    font-family: var(--font-inter);
    font-size: 1rem;
    line-height: 150%;
    font-weight: 400;
  }

  .sm\:typography-CopySmallest{
    font-family: var(--font-inter);
    font-size: 0.75rem;
    line-height: 150%;
    font-weight: 400;
  }
}

@media (min-width: 768px){

  .md\:bottom-0{
    bottom: 0px;
  }

  .md\:bottom-auto{
    bottom: auto;
  }

  .md\:left-0{
    left: 0px;
  }

  .md\:left-auto{
    left: auto;
  }

  .md\:right-0{
    right: 0px;
  }

  .md\:top-0{
    top: 0px;
  }

  .md\:top-1\/2{
    top: 50%;
  }

  .md\:top-14{
    top: 3.5rem;
  }

  .md\:order-\[--row-order-md\]{
    order: var(--row-order-md);
  }

  .md\:m-0{
    margin: 0px;
  }

  .md\:mx-6{
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .md\:mx-auto{
    margin-left: auto;
    margin-right: auto;
  }

  .md\:-mt-1\.5{
    margin-top: -0.375rem;
  }

  .md\:mb-0{
    margin-bottom: 0px;
  }

  .md\:mb-1\.5{
    margin-bottom: 0.375rem;
  }

  .md\:mb-12{
    margin-bottom: 3rem;
  }

  .md\:mb-4{
    margin-bottom: 1rem;
  }

  .md\:mb-44{
    margin-bottom: 11rem;
  }

  .md\:mb-9{
    margin-bottom: 2.25rem;
  }

  .md\:mb-\[--marginBottom-md\]{
    margin-bottom: var(--marginBottom-md);
  }

  .md\:mb-\[6\.375rem\]{
    margin-bottom: 6.375rem;
  }

  .md\:ml-4{
    margin-left: 1rem;
  }

  .md\:ml-\[--marginLeft-md\]{
    margin-left: var(--marginLeft-md);
  }

  .md\:ml-auto{
    margin-left: auto;
  }

  .md\:mr-\[--marginRight-md\]{
    margin-right: var(--marginRight-md);
  }

  .md\:mt-16{
    margin-top: 4rem;
  }

  .md\:mt-2{
    margin-top: 0.5rem;
  }

  .md\:mt-40{
    margin-top: 10rem;
  }

  .md\:mt-\[--marginTop-md\]{
    margin-top: var(--marginTop-md);
  }

  .md\:mt-\[10\.5rem\]{
    margin-top: 10.5rem;
  }

  .md\:mt-\[2\.5625rem\]{
    margin-top: 2.5625rem;
  }

  .md\:mt-\[9\.5rem\]{
    margin-top: 9.5rem;
  }

  .md\:block{
    display: block;
  }

  .md\:inline-block{
    display: inline-block;
  }

  .md\:flex{
    display: flex;
  }

  .md\:inline-flex{
    display: inline-flex;
  }

  .md\:table{
    display: table;
  }

  .md\:grid{
    display: grid;
  }

  .md\:hidden{
    display: none;
  }

  .md\:h-12{
    height: 3rem;
  }

  .md\:h-\[1\.8125rem\]{
    height: 1.8125rem;
  }

  .md\:h-\[2\.3125rem\]{
    height: 2.3125rem;
  }

  .md\:h-\[2\.375rem\]{
    height: 2.375rem;
  }

  .md\:h-\[6\.125rem\]{
    height: 6.125rem;
  }

  .md\:h-\[6\.3125rem\]{
    height: 6.3125rem;
  }

  .md\:h-\[8\.75rem\]{
    height: 8.75rem;
  }

  .md\:h-auto{
    height: auto;
  }

  .md\:min-h-\[--mediaMinHeight-md\]{
    min-height: var(--mediaMinHeight-md);
  }

  .md\:w-2\/5{
    width: 40%;
  }

  .md\:w-40{
    width: 10rem;
  }

  .md\:w-44{
    width: 11rem;
  }

  .md\:w-\[10\.75rem\]{
    width: 10.75rem;
  }

  .md\:w-\[15\%\]{
    width: 15%;
  }

  .md\:w-\[2\.25rem\]{
    width: 2.25rem;
  }

  .md\:w-\[2\.3125rem\]{
    width: 2.3125rem;
  }

  .md\:w-\[28rem\]{
    width: 28rem;
  }

  .md\:w-\[4\.625rem\]{
    width: 4.625rem;
  }

  .md\:w-\[9\.375rem\]{
    width: 9.375rem;
  }

  .md\:w-\[calc\(100\%_-_4rem\)\]{
    width: calc(100% - 4rem);
  }

  .md\:w-\[calc\(25\%-1rem\)\]{
    width: calc(25% - 1rem);
  }

  .md\:w-\[calc\(50\%-0\.5rem\)\]{
    width: calc(50% - 0.5rem);
  }

  .md\:w-\[var\(--breakpoint-md-width\)\]{
    width: var(--breakpoint-md-width);
  }

  .md\:w-auto{
    width: auto;
  }

  .md\:w-max{
    width: -moz-max-content;
    width: max-content;
  }

  .md\:max-w-\[23\.38rem\]{
    max-width: 23.38rem;
  }

  .md\:max-w-\[40\.625rem\]{
    max-width: 40.625rem;
  }

  .md\:max-w-full{
    max-width: 100%;
  }

  .md\:max-w-md{
    max-width: 28rem;
  }

  .md\:grow-0{
    flex-grow: 0;
  }

  .md\:basis-\[calc\(25\%_-_1rem\)\]{
    flex-basis: calc(25% - 1rem);
  }

  .md\:basis-\[calc\(50\%-0\.5rem\)\]{
    flex-basis: calc(50% - 0.5rem);
  }

  .md\:-translate-y-\[15\%\]{
    --tw-translate-y: -15%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .md\:translate-x-\[calc\(100\%\+4rem\)\]{
    --tw-translate-x: calc(100% + 4rem);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .md\:translate-y-\[30\%\]{
    --tw-translate-y: 30%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .md\:grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-\[auto_70\%\]{
    grid-template-columns: auto 70%;
  }

  .md\:grid-cols-\[repeat\(2\2c calc\(50\%-1rem\)\)\]{
    grid-template-columns: repeat(2,calc(50% - 1rem));
  }

  .md\:flex-row{
    flex-direction: row;
  }

  .md\:flex-col{
    flex-direction: column;
  }

  .md\:flex-wrap{
    flex-wrap: wrap;
  }

  .md\:flex-nowrap{
    flex-wrap: nowrap;
  }

  .md\:items-start{
    align-items: flex-start;
  }

  .md\:items-end{
    align-items: flex-end;
  }

  .md\:items-stretch{
    align-items: stretch;
  }

  .md\:justify-start{
    justify-content: flex-start;
  }

  .md\:justify-center{
    justify-content: center;
  }

  .md\:justify-between{
    justify-content: space-between;
  }

  .md\:gap-1{
    gap: 0.25rem;
  }

  .md\:gap-4{
    gap: 1rem;
  }

  .md\:gap-6{
    gap: 1.5rem;
  }

  .md\:gap-x-6{
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }

  .md\:gap-x-\[1\.625rem\]{
    -moz-column-gap: 1.625rem;
         column-gap: 1.625rem;
  }

  .md\:gap-x-\[10\%\]{
    -moz-column-gap: 10%;
         column-gap: 10%;
  }

  .md\:gap-y-1\.5{
    row-gap: 0.375rem;
  }

  .md\:gap-y-3\.5{
    row-gap: 0.875rem;
  }

  .md\:gap-y-4{
    row-gap: 1rem;
  }

  .md\:gap-y-\[4\.5rem\]{
    row-gap: 4.5rem;
  }

  .md\:\!rounded-2\.5{
    border-radius: 0.625rem !important;
  }

  .md\:p-0{
    padding: 0px;
  }

  .md\:p-12{
    padding: 3rem;
  }

  .md\:p-6{
    padding: 1.5rem;
  }

  .md\:p-\[0\.375rem\]{
    padding: 0.375rem;
  }

  .md\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .md\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .md\:px-\[1\.875rem\]{
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }

  .md\:py-0{
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .md\:py-16{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .md\:py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .md\:py-4\.5{
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
  }

  .md\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .md\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .md\:py-\[7\.5rem\]{
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }

  .md\:pb-\[--paddingBottom-md\]{
    padding-bottom: var(--paddingBottom-md);
  }

  .md\:pl-0{
    padding-left: 0px;
  }

  .md\:pl-\[--paddingLeft-md\]{
    padding-left: var(--paddingLeft-md);
  }

  .md\:pr-\[--paddingRight-md\]{
    padding-right: var(--paddingRight-md);
  }

  .md\:pt-\[--paddingTop-md\]{
    padding-top: var(--paddingTop-md);
  }

  .md\:text-left{
    text-align: left;
  }

  .md\:text-\[4rem\]{
    font-size: 4rem;
  }

  .md\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .md\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .md\:leading-1\.2{
    line-height: 1.2;
  }

  .md\:text-white{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }

  .md\:typography-CopySmallCards{
    font-family: var(--font-inter);
    font-size: 0.875rem;
    font-weight: 400;
  }

  .md\:\[transform\:translate\(-100\%\2c -90\%\)\]{
    transform: translate(-100%,-90%);
  }

  .md\:\*\:basis-1\/2 > *{
    flex-basis: 50%;
  }

  .md\:first-of-type\:items-stretch:first-of-type{
    align-items: stretch;
  }

  @media not all and (min-width: 1280px){

    .md\:max-xl\:pb-16{
      padding-bottom: 4rem;
    }

    .md\:max-xl\:pt-\[9\.375rem\]{
      padding-top: 9.375rem;
    }
  }
}

@media (min-width: 1024px){

  .lg\:\!visible{
    visibility: visible !important;
  }

  .lg\:static{
    position: static;
  }

  .lg\:absolute{
    position: absolute;
  }

  .lg\:sticky{
    position: sticky;
  }

  .lg\:-left-5{
    left: -1.25rem;
  }

  .lg\:-right-5{
    right: -1.25rem;
  }

  .lg\:-top-5{
    top: -1.25rem;
  }

  .lg\:bottom-0{
    bottom: 0px;
  }

  .lg\:bottom-20{
    bottom: 5rem;
  }

  .lg\:bottom-32{
    bottom: 8rem;
  }

  .lg\:left-0{
    left: 0px;
  }

  .lg\:left-1\/2{
    left: 50%;
  }

  .lg\:left-3{
    left: 0.75rem;
  }

  .lg\:left-8{
    left: 2rem;
  }

  .lg\:left-9{
    left: 2.25rem;
  }

  .lg\:left-\[calc\(50\%\+1\.375rem\)\]{
    left: calc(50% + 1.375rem);
  }

  .lg\:right-0{
    right: 0px;
  }

  .lg\:right-14{
    right: 3.5rem;
  }

  .lg\:right-5{
    right: 1.25rem;
  }

  .lg\:right-9{
    right: 2.25rem;
  }

  .lg\:top-14{
    top: 3.5rem;
  }

  .lg\:top-5{
    top: 1.25rem;
  }

  .lg\:top-auto{
    top: auto;
  }

  .lg\:z-10{
    z-index: 10;
  }

  .lg\:-order-1{
    order: -1;
  }

  .lg\:order-1{
    order: 1;
  }

  .lg\:order-2{
    order: 2;
  }

  .lg\:order-\[initial\]{
    order: initial;
  }

  .lg\:col-auto{
    grid-column: auto;
  }

  .lg\:col-start-1{
    grid-column-start: 1;
  }

  .lg\:col-start-7{
    grid-column-start: 7;
  }

  .lg\:-col-end-1{
    grid-column-end: -1;
  }

  .lg\:col-end-4{
    grid-column-end: 4;
  }

  .lg\:col-end-7{
    grid-column-end: 7;
  }

  .lg\:m-0{
    margin: 0px;
  }

  .lg\:mx-0{
    margin-left: 0px;
    margin-right: 0px;
  }

  .lg\:mx-5{
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .lg\:mx-auto{
    margin-left: auto;
    margin-right: auto;
  }

  .lg\:my-0{
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .lg\:my-16{
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .lg\:my-20{
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .lg\:my-4{
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .lg\:my-\[13\.5rem\]{
    margin-top: 13.5rem;
    margin-bottom: 13.5rem;
  }

  .lg\:-mb-\[1\.6rem\]{
    margin-bottom: -1.6rem;
  }

  .lg\:mb-0{
    margin-bottom: 0px;
  }

  .lg\:mb-1{
    margin-bottom: 0.25rem;
  }

  .lg\:mb-10{
    margin-bottom: 2.5rem;
  }

  .lg\:mb-12{
    margin-bottom: 3rem;
  }

  .lg\:mb-14{
    margin-bottom: 3.5rem;
  }

  .lg\:mb-16{
    margin-bottom: 4rem;
  }

  .lg\:mb-2{
    margin-bottom: 0.5rem;
  }

  .lg\:mb-20{
    margin-bottom: 5rem;
  }

  .lg\:mb-5{
    margin-bottom: 1.25rem;
  }

  .lg\:mb-6{
    margin-bottom: 1.5rem;
  }

  .lg\:mb-8{
    margin-bottom: 2rem;
  }

  .lg\:mb-9{
    margin-bottom: 2.25rem;
  }

  .lg\:mb-\[--marginBottom-lg\]{
    margin-bottom: var(--marginBottom-lg);
  }

  .lg\:mb-\[0\.2rem\]{
    margin-bottom: 0.2rem;
  }

  .lg\:mb-\[2\.8125rem\]{
    margin-bottom: 2.8125rem;
  }

  .lg\:mb-\[2\.875rem\]{
    margin-bottom: 2.875rem;
  }

  .lg\:mb-\[3\.125rem\]{
    margin-bottom: 3.125rem;
  }

  .lg\:mb-\[4\.875rem\]{
    margin-bottom: 4.875rem;
  }

  .lg\:ml-1{
    margin-left: 0.25rem;
  }

  .lg\:ml-\[--marginLeft-lg\]{
    margin-left: var(--marginLeft-lg);
  }

  .lg\:ml-auto{
    margin-left: auto;
  }

  .lg\:mr-6{
    margin-right: 1.5rem;
  }

  .lg\:mr-\[--marginRight-lg\]{
    margin-right: var(--marginRight-lg);
  }

  .lg\:mr-auto{
    margin-right: auto;
  }

  .lg\:mt-0{
    margin-top: 0px;
  }

  .lg\:mt-12{
    margin-top: 3rem;
  }

  .lg\:mt-16{
    margin-top: 4rem;
  }

  .lg\:mt-2{
    margin-top: 0.5rem;
  }

  .lg\:mt-24{
    margin-top: 6rem;
  }

  .lg\:mt-3{
    margin-top: 0.75rem;
  }

  .lg\:mt-4{
    margin-top: 1rem;
  }

  .lg\:mt-5{
    margin-top: 1.25rem;
  }

  .lg\:mt-6{
    margin-top: 1.5rem;
  }

  .lg\:mt-7{
    margin-top: 1.75rem;
  }

  .lg\:mt-8{
    margin-top: 2rem;
  }

  .lg\:mt-\[--marginTop-lg\]{
    margin-top: var(--marginTop-lg);
  }

  .lg\:mt-\[0\.375rem\]{
    margin-top: 0.375rem;
  }

  .lg\:mt-\[0\.3rem\]{
    margin-top: 0.3rem;
  }

  .lg\:mt-\[0\.8rem\]{
    margin-top: 0.8rem;
  }

  .lg\:mt-\[1\.1rem\]{
    margin-top: 1.1rem;
  }

  .lg\:mt-\[1\.3rem\]{
    margin-top: 1.3rem;
  }

  .lg\:mt-\[1\.9rem\]{
    margin-top: 1.9rem;
  }

  .lg\:mt-\[4\.125rem\]{
    margin-top: 4.125rem;
  }

  .lg\:mt-\[9\.75rem\]{
    margin-top: 9.75rem;
  }

  .lg\:mt-\[9rem\]{
    margin-top: 9rem;
  }

  .lg\:box-border{
    box-sizing: border-box;
  }

  .lg\:block{
    display: block;
  }

  .lg\:inline-block{
    display: inline-block;
  }

  .lg\:inline{
    display: inline;
  }

  .lg\:flex{
    display: flex;
  }

  .lg\:table-header-group{
    display: table-header-group;
  }

  .lg\:table-row{
    display: table-row;
  }

  .lg\:grid{
    display: grid;
  }

  .lg\:hidden{
    display: none;
  }

  .lg\:aspect-video{
    aspect-ratio: 16 / 9;
  }

  .lg\:\!h-24{
    height: 6rem !important;
  }

  .lg\:\!h-auto{
    height: auto !important;
  }

  .lg\:h-11{
    height: 2.75rem;
  }

  .lg\:h-12{
    height: 3rem;
  }

  .lg\:h-16{
    height: 4rem;
  }

  .lg\:h-5{
    height: 1.25rem;
  }

  .lg\:h-6{
    height: 1.5rem;
  }

  .lg\:h-\[10\.125rem\]{
    height: 10.125rem;
  }

  .lg\:h-\[2\.125rem\]{
    height: 2.125rem;
  }

  .lg\:h-\[2\.75rem\]{
    height: 2.75rem;
  }

  .lg\:h-\[28\.6875rem\]{
    height: 28.6875rem;
  }

  .lg\:h-\[3\.125rem\]{
    height: 3.125rem;
  }

  .lg\:h-\[30rem\]{
    height: 30rem;
  }

  .lg\:h-\[37rem\]{
    height: 37rem;
  }

  .lg\:h-\[4\.375rem\]{
    height: 4.375rem;
  }

  .lg\:h-\[58\.375rem\]{
    height: 58.375rem;
  }

  .lg\:h-\[90vh\]{
    height: 90vh;
  }

  .lg\:h-\[initial\]{
    height: initial;
  }

  .lg\:h-auto{
    height: auto;
  }

  .lg\:h-full{
    height: 100%;
  }

  .lg\:max-h-max{
    max-height: -moz-max-content;
    max-height: max-content;
  }

  .lg\:min-h-11{
    min-height: 2.75rem;
  }

  .lg\:min-h-\[--mediaMinHeight-lg\]{
    min-height: var(--mediaMinHeight-lg);
  }

  .lg\:min-h-\[14\.375rem\]{
    min-height: 14.375rem;
  }

  .lg\:min-h-\[2\.125rem\]{
    min-height: 2.125rem;
  }

  .lg\:min-h-\[2\.75rem\]{
    min-height: 2.75rem;
  }

  .lg\:min-h-\[25rem\]{
    min-height: 25rem;
  }

  .lg\:min-h-\[28\.6875rem\]{
    min-height: 28.6875rem;
  }

  .lg\:min-h-\[auto\]{
    min-height: auto;
  }

  .lg\:w-1\/2{
    width: 50%;
  }

  .lg\:w-16{
    width: 4rem;
  }

  .lg\:w-20{
    width: 5rem;
  }

  .lg\:w-32{
    width: 8rem;
  }

  .lg\:w-36{
    width: 9rem;
  }

  .lg\:w-48{
    width: 12rem;
  }

  .lg\:w-56{
    width: 14rem;
  }

  .lg\:w-60{
    width: 15rem;
  }

  .lg\:w-8{
    width: 2rem;
  }

  .lg\:w-80{
    width: 20rem;
  }

  .lg\:w-\[12\.3125rem\]{
    width: 12.3125rem;
  }

  .lg\:w-\[28rem\]{
    width: 28rem;
  }

  .lg\:w-\[40\%\]{
    width: 40%;
  }

  .lg\:w-\[5\.25rem\]{
    width: 5.25rem;
  }

  .lg\:w-\[60\%\]{
    width: 60%;
  }

  .lg\:w-\[calc\(100\%-1\.5rem\)\]{
    width: calc(100% - 1.5rem);
  }

  .lg\:w-\[calc\(100\%\/2-3\.125rem\)\]{
    width: calc(100% / 2 - 3.125rem);
  }

  .lg\:w-\[calc\(100\%\/3\)\]{
    width: calc(100% / 3);
  }

  .lg\:w-\[calc\(25\%_-_0\.5rem\)\]{
    width: calc(25% - 0.5rem);
  }

  .lg\:w-\[calc\(50\%-1\.375rem\)\]{
    width: calc(50% - 1.375rem);
  }

  .lg\:w-\[calc\(75\%_-_0\.5rem\)\]{
    width: calc(75% - 0.5rem);
  }

  .lg\:w-\[initial\]{
    width: initial;
  }

  .lg\:w-\[var\(--breakpoint-lg-width\)\]{
    width: var(--breakpoint-lg-width);
  }

  .lg\:w-auto{
    width: auto;
  }

  .lg\:w-full{
    width: 100%;
  }

  .lg\:w-px{
    width: 1px;
  }

  .lg\:min-w-48{
    min-width: 12rem;
  }

  .lg\:min-w-\[13\.25rem\]{
    min-width: 13.25rem;
  }

  .lg\:min-w-\[5\.6875rem\]{
    min-width: 5.6875rem;
  }

  .lg\:min-w-\[55\.375rem\]{
    min-width: 55.375rem;
  }

  .lg\:min-w-\[6\.625rem\]{
    min-width: 6.625rem;
  }

  .lg\:max-w-2xl{
    max-width: 42rem;
  }

  .lg\:max-w-48{
    max-width: 12rem;
  }

  .lg\:max-w-\[14\.375rem\]{
    max-width: 14.375rem;
  }

  .lg\:max-w-\[17\.375rem\]{
    max-width: 17.375rem;
  }

  .lg\:max-w-\[25\.5rem\]{
    max-width: 25.5rem;
  }

  .lg\:max-w-\[25\.75rem\]{
    max-width: 25.75rem;
  }

  .lg\:max-w-\[29\.75rem\]{
    max-width: 29.75rem;
  }

  .lg\:max-w-\[29rem\]{
    max-width: 29rem;
  }

  .lg\:max-w-\[35rem\]{
    max-width: 35rem;
  }

  .lg\:max-w-\[40\.625rem\]{
    max-width: 40.625rem;
  }

  .lg\:max-w-\[50\%\]{
    max-width: 50%;
  }

  .lg\:max-w-\[51rem\]{
    max-width: 51rem;
  }

  .lg\:max-w-\[52\%\]{
    max-width: 52%;
  }

  .lg\:max-w-\[62rem\]{
    max-width: 62rem;
  }

  .lg\:max-w-\[63rem\]{
    max-width: 63rem;
  }

  .lg\:max-w-\[66rem\]{
    max-width: 66rem;
  }

  .lg\:max-w-\[7\.75rem\]{
    max-width: 7.75rem;
  }

  .lg\:max-w-\[calc\(100\%-32rem\)\]{
    max-width: calc(100% - 32rem);
  }

  .lg\:max-w-full{
    max-width: 100%;
  }

  .lg\:flex-1{
    flex: 1 1 0%;
  }

  .lg\:grow-0{
    flex-grow: 0;
  }

  .lg\:basis-2\/5{
    flex-basis: 40%;
  }

  .lg\:basis-\[11\.25rem\]{
    flex-basis: 11.25rem;
  }

  .lg\:basis-\[22\.875rem\]{
    flex-basis: 22.875rem;
  }

  .lg\:basis-\[calc\(20\%-0\.8rem\)\]{
    flex-basis: calc(20% - 0.8rem);
  }

  .lg\:basis-\[calc\(25\%-0\.5rem\)\]{
    flex-basis: calc(25% - 0.5rem);
  }

  .lg\:basis-\[calc\(25\%_-_2rem\)\]{
    flex-basis: calc(25% - 2rem);
  }

  .lg\:-translate-x-1\/2{
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .lg\:-translate-y-\[20\%\]{
    --tw-translate-y: -20%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .lg\:translate-x-0{
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .lg\:transform-none{
    transform: none;
  }

  .lg\:grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .lg\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-8{
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .lg\:grid-cols-\[1fr_80\%\]{
    grid-template-columns: 1fr 80%;
  }

  .lg\:grid-cols-\[2fr_1fr\]{
    grid-template-columns: 2fr 1fr;
  }

  .lg\:grid-cols-\[minmax\(0\2c 35\.75rem\)_minmax\(0\2c 35\.75rem\)\]{
    grid-template-columns: minmax(0,35.75rem) minmax(0,35.75rem);
  }

  .lg\:grid-cols-\[repeat\(2\2c 24\.75rem\)\]{
    grid-template-columns: repeat(2,24.75rem);
  }

  .lg\:grid-cols-\[repeat\(2\2c calc\(50\%-1\.75rem\)\)\]{
    grid-template-columns: repeat(2,calc(50% - 1.75rem));
  }

  .lg\:grid-cols-\[repeat\(2\2c calc\(50\%-1rem\)\)\]{
    grid-template-columns: repeat(2,calc(50% - 1rem));
  }

  .lg\:grid-cols-\[repeat\(3\2c calc\(33\.333\%-1\.33rem\)\)\]{
    grid-template-columns: repeat(3,calc(33.333% - 1.33rem));
  }

  .lg\:grid-cols-\[repeat\(3\2c minmax\(0\2c 25\.25rem\)\)\]{
    grid-template-columns: repeat(3,minmax(0,25.25rem));
  }

  .lg\:grid-cols-\[repeat\(4\2c minmax\(0\2c 17\.375rem\)\)\]{
    grid-template-columns: repeat(4,minmax(0,17.375rem));
  }

  .lg\:grid-rows-2{
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-rows-\[1\.875rem_4\.3125rem_1\.875rem\]{
    grid-template-rows: 1.875rem 4.3125rem 1.875rem;
  }

  .lg\:grid-rows-\[repeat\(2\2c auto\)\]{
    grid-template-rows: repeat(2,auto);
  }

  .lg\:flex-row{
    flex-direction: row;
  }

  .lg\:flex-row-reverse{
    flex-direction: row-reverse;
  }

  .lg\:flex-wrap{
    flex-wrap: wrap;
  }

  .lg\:flex-nowrap{
    flex-wrap: nowrap;
  }

  .lg\:items-end{
    align-items: flex-end;
  }

  .lg\:items-center{
    align-items: center;
  }

  .lg\:items-stretch{
    align-items: stretch;
  }

  .lg\:justify-start{
    justify-content: flex-start;
  }

  .lg\:justify-center{
    justify-content: center;
  }

  .lg\:justify-between{
    justify-content: space-between;
  }

  .lg\:gap-0{
    gap: 0px;
  }

  .lg\:gap-1{
    gap: 0.25rem;
  }

  .lg\:gap-10{
    gap: 2.5rem;
  }

  .lg\:gap-12{
    gap: 3rem;
  }

  .lg\:gap-14{
    gap: 3.5rem;
  }

  .lg\:gap-16{
    gap: 4rem;
  }

  .lg\:gap-2{
    gap: 0.5rem;
  }

  .lg\:gap-2\.5{
    gap: 0.625rem;
  }

  .lg\:gap-25{
    gap: 6.25rem;
  }

  .lg\:gap-3{
    gap: 0.75rem;
  }

  .lg\:gap-4{
    gap: 1rem;
  }

  .lg\:gap-5{
    gap: 1.25rem;
  }

  .lg\:gap-6{
    gap: 1.5rem;
  }

  .lg\:gap-8{
    gap: 2rem;
  }

  .lg\:gap-\[0\.2rem\]{
    gap: 0.2rem;
  }

  .lg\:gap-\[0\.3rem\]{
    gap: 0.3rem;
  }

  .lg\:gap-\[0\.65rem\]{
    gap: 0.65rem;
  }

  .lg\:gap-\[0\.6rem\]{
    gap: 0.6rem;
  }

  .lg\:gap-\[0\.7rem\]{
    gap: 0.7rem;
  }

  .lg\:gap-\[0\.8rem\]{
    gap: 0.8rem;
  }

  .lg\:gap-\[1\.5625rem\]{
    gap: 1.5625rem;
  }

  .lg\:gap-\[2\.1rem\]{
    gap: 2.1rem;
  }

  .lg\:gap-\[2\.2rem\]{
    gap: 2.2rem;
  }

  .lg\:gap-\[2\.4rem\]{
    gap: 2.4rem;
  }

  .lg\:gap-\[3\.125rem\]{
    gap: 3.125rem;
  }

  .lg\:gap-\[4\.375rem\]{
    gap: 4.375rem;
  }

  .lg\:gap-\[4\.5rem\]{
    gap: 4.5rem;
  }

  .lg\:gap-\[4\.6875rem\]{
    gap: 4.6875rem;
  }

  .lg\:gap-\[5\.5rem\]{
    gap: 5.5rem;
  }

  .lg\:gap-\[6\.25rem\]{
    gap: 6.25rem;
  }

  .lg\:gap-x-11{
    -moz-column-gap: 2.75rem;
         column-gap: 2.75rem;
  }

  .lg\:gap-x-2{
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }

  .lg\:gap-x-25{
    -moz-column-gap: 6.25rem;
         column-gap: 6.25rem;
  }

  .lg\:gap-x-3\.5{
    -moz-column-gap: 0.875rem;
         column-gap: 0.875rem;
  }

  .lg\:gap-x-4{
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }

  .lg\:gap-x-6{
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }

  .lg\:gap-x-8{
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .lg\:gap-x-9{
    -moz-column-gap: 2.25rem;
         column-gap: 2.25rem;
  }

  .lg\:gap-x-\[5\%\]{
    -moz-column-gap: 5%;
         column-gap: 5%;
  }

  .lg\:gap-y-0{
    row-gap: 0px;
  }

  .lg\:gap-y-1{
    row-gap: 0.25rem;
  }

  .lg\:gap-y-10{
    row-gap: 2.5rem;
  }

  .lg\:gap-y-12{
    row-gap: 3rem;
  }

  .lg\:gap-y-2\.5{
    row-gap: 0.625rem;
  }

  .lg\:gap-y-28{
    row-gap: 7rem;
  }

  .lg\:gap-y-3{
    row-gap: 0.75rem;
  }

  .lg\:gap-y-4{
    row-gap: 1rem;
  }

  .lg\:gap-y-4\.5{
    row-gap: 1.125rem;
  }

  .lg\:gap-y-48{
    row-gap: 12rem;
  }

  .lg\:gap-y-5{
    row-gap: 1.25rem;
  }

  .lg\:gap-y-6{
    row-gap: 1.5rem;
  }

  .lg\:gap-y-8{
    row-gap: 2rem;
  }

  .lg\:gap-y-\[0\.6rem\]{
    row-gap: 0.6rem;
  }

  .lg\:gap-y-\[0\.7rem\]{
    row-gap: 0.7rem;
  }

  .lg\:gap-y-\[1\.125rem\]{
    row-gap: 1.125rem;
  }

  .lg\:self-start{
    align-self: flex-start;
  }

  .lg\:self-end{
    align-self: flex-end;
  }

  .lg\:overflow-hidden{
    overflow: hidden;
  }

  .lg\:overflow-visible{
    overflow: visible;
  }

  .lg\:whitespace-nowrap{
    white-space: nowrap;
  }

  .lg\:rounded-2\.5{
    border-radius: 0.625rem;
  }

  .lg\:rounded-\[1\.0625rem\]{
    border-radius: 1.0625rem;
  }

  .lg\:rounded-\[1\.375rem\]{
    border-radius: 1.375rem;
  }

  .lg\:rounded-full{
    border-radius: 9999px;
  }

  .lg\:rounded-t-\[0\.625rem\]{
    border-top-left-radius: 0.625rem;
    border-top-right-radius: 0.625rem;
  }

  .lg\:border-0{
    border-width: 0px;
  }

  .lg\:border-b-0{
    border-bottom-width: 0px;
  }

  .lg\:border-r{
    border-right-width: 1px;
  }

  .lg\:border-r-1{
    border-right-width: 1px;
  }

  .lg\:border-solid{
    border-style: solid;
  }

  .lg\:border-none{
    border-style: none;
  }

  .lg\:border-noco-gray-200{
    --tw-border-opacity: 1;
    border-color: rgb(212 212 212 / var(--tw-border-opacity));
  }

  .lg\:bg-noco-gray-770{
    --tw-bg-opacity: 1;
    background-color: rgb(47 47 47 / var(--tw-bg-opacity));
  }

  .lg\:bg-noco-gray-820{
    --tw-bg-opacity: 1;
    background-color: rgb(38 38 38 / var(--tw-bg-opacity));
  }

  .lg\:bg-noco-gray-900{
    --tw-bg-opacity: 1;
    background-color: rgb(30 30 30 / var(--tw-bg-opacity));
  }

  .lg\:bg-transparent{
    background-color: transparent;
  }

  .lg\:bg-white{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }

  .lg\:p-0{
    padding: 0px;
  }

  .lg\:p-10{
    padding: 2.5rem;
  }

  .lg\:p-2{
    padding: 0.5rem;
  }

  .lg\:p-2\.5{
    padding: 0.625rem;
  }

  .lg\:p-4{
    padding: 1rem;
  }

  .lg\:p-5{
    padding: 1.25rem;
  }

  .lg\:p-6{
    padding: 1.5rem;
  }

  .lg\:p-7{
    padding: 1.75rem;
  }

  .lg\:p-8{
    padding: 2rem;
  }

  .lg\:p-9{
    padding: 2.25rem;
  }

  .lg\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .lg\:px-14{
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .lg\:px-16{
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .lg\:px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .lg\:px-20{
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .lg\:px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .lg\:px-3\.5{
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }

  .lg\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .lg\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .lg\:px-7{
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

  .lg\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:px-9{
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  .lg\:px-\[1\.625rem\]{
    padding-left: 1.625rem;
    padding-right: 1.625rem;
  }

  .lg\:py-0{
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .lg\:py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .lg\:py-1\.5{
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }

  .lg\:py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .lg\:py-11{
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }

  .lg\:py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .lg\:py-14{
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .lg\:py-16{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .lg\:py-2\.5{
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }

  .lg\:py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .lg\:py-25{
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }

  .lg\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .lg\:py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .lg\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .lg\:py-\[1\.875rem\]{
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
  }

  .lg\:py-\[10\.5rem\]{
    padding-top: 10.5rem;
    padding-bottom: 10.5rem;
  }

  .lg\:py-\[2\.875rem\]{
    padding-top: 2.875rem;
    padding-bottom: 2.875rem;
  }

  .lg\:py-\[4\.5rem\]{
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }

  .lg\:py-\[6\.25rem\]{
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }

  .lg\:pb-10{
    padding-bottom: 2.5rem;
  }

  .lg\:pb-16{
    padding-bottom: 4rem;
  }

  .lg\:pb-25{
    padding-bottom: 6.25rem;
  }

  .lg\:pb-32{
    padding-bottom: 8rem;
  }

  .lg\:pb-4{
    padding-bottom: 1rem;
  }

  .lg\:pb-6{
    padding-bottom: 1.5rem;
  }

  .lg\:pb-8{
    padding-bottom: 2rem;
  }

  .lg\:pb-9{
    padding-bottom: 2.25rem;
  }

  .lg\:pb-\[--paddingBottom-lg\]{
    padding-bottom: var(--paddingBottom-lg);
  }

  .lg\:pb-\[3\.375rem\]{
    padding-bottom: 3.375rem;
  }

  .lg\:pb-\[6\.25rem\]{
    padding-bottom: 6.25rem;
  }

  .lg\:pb-\[9\.625rem\]{
    padding-bottom: 9.625rem;
  }

  .lg\:pe-\[1\.625rem\]{
    padding-inline-end: 1.625rem;
  }

  .lg\:pe-\[2\.375rem\]{
    padding-inline-end: 2.375rem;
  }

  .lg\:pl-0{
    padding-left: 0px;
  }

  .lg\:pl-10{
    padding-left: 2.5rem;
  }

  .lg\:pl-12{
    padding-left: 3rem;
  }

  .lg\:pl-14{
    padding-left: 3.5rem;
  }

  .lg\:pl-20{
    padding-left: 5rem;
  }

  .lg\:pl-\[--paddingLeft-lg\]{
    padding-left: var(--paddingLeft-lg);
  }

  .lg\:pl-\[1\.875rem\]{
    padding-left: 1.875rem;
  }

  .lg\:pl-\[4\.625rem\]{
    padding-left: 4.625rem;
  }

  .lg\:pr-10{
    padding-right: 2.5rem;
  }

  .lg\:pr-14{
    padding-right: 3.5rem;
  }

  .lg\:pr-2{
    padding-right: 0.5rem;
  }

  .lg\:pr-4{
    padding-right: 1rem;
  }

  .lg\:pr-6{
    padding-right: 1.5rem;
  }

  .lg\:pr-7{
    padding-right: 1.75rem;
  }

  .lg\:pr-72{
    padding-right: 18rem;
  }

  .lg\:pr-8{
    padding-right: 2rem;
  }

  .lg\:pr-\[--paddingRight-lg\]{
    padding-right: var(--paddingRight-lg);
  }

  .lg\:pr-\[19\.25rem\]{
    padding-right: 19.25rem;
  }

  .lg\:pr-\[3\.125rem\]{
    padding-right: 3.125rem;
  }

  .lg\:pr-\[3\.75rem\]{
    padding-right: 3.75rem;
  }

  .lg\:pr-\[5\.5rem\]{
    padding-right: 5.5rem;
  }

  .lg\:pr-\[6\.5rem\]{
    padding-right: 6.5rem;
  }

  .lg\:ps-\[1\.625rem\]{
    padding-inline-start: 1.625rem;
  }

  .lg\:ps-\[2\.375rem\]{
    padding-inline-start: 2.375rem;
  }

  .lg\:pt-10{
    padding-top: 2.5rem;
  }

  .lg\:pt-11{
    padding-top: 2.75rem;
  }

  .lg\:pt-14{
    padding-top: 3.5rem;
  }

  .lg\:pt-16{
    padding-top: 4rem;
  }

  .lg\:pt-3{
    padding-top: 0.75rem;
  }

  .lg\:pt-32{
    padding-top: 8rem;
  }

  .lg\:pt-7{
    padding-top: 1.75rem;
  }

  .lg\:pt-8{
    padding-top: 2rem;
  }

  .lg\:pt-9{
    padding-top: 2.25rem;
  }

  .lg\:pt-\[--paddingTop-lg\]{
    padding-top: var(--paddingTop-lg);
  }

  .lg\:pt-\[10\.3125rem\]{
    padding-top: 10.3125rem;
  }

  .lg\:pt-\[12\.5rem\]{
    padding-top: 12.5rem;
  }

  .lg\:pt-\[17rem\]{
    padding-top: 17rem;
  }

  .lg\:pt-\[2\.125rem\]{
    padding-top: 2.125rem;
  }

  .lg\:pt-\[3\.375rem\]{
    padding-top: 3.375rem;
  }

  .lg\:pt-\[4\.25rem\]{
    padding-top: 4.25rem;
  }

  .lg\:pt-\[4\.5rem\]{
    padding-top: 4.5rem;
  }

  .lg\:pt-\[9\.75rem\]{
    padding-top: 9.75rem;
  }

  .lg\:text-left{
    text-align: left;
  }

  .lg\:text-center{
    text-align: center;
  }

  .lg\:\!text-right{
    text-align: right !important;
  }

  .lg\:text-right{
    text-align: right;
  }

  .lg\:text-start{
    text-align: start;
  }

  .lg\:font-serif{
    font-family: var(--font-helvetica);
  }

  .lg\:\!text-\[1\.375rem\]{
    font-size: 1.375rem !important;
  }

  .lg\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .lg\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .lg\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .lg\:text-\[1\.375rem\]{
    font-size: 1.375rem;
  }

  .lg\:text-\[1\.75rem\]{
    font-size: 1.75rem;
  }

  .lg\:text-\[12\.125rem\]{
    font-size: 12.125rem;
  }

  .lg\:text-\[2\.5rem\]{
    font-size: 2.5rem;
  }

  .lg\:text-\[3\.125rem\]{
    font-size: 3.125rem;
  }

  .lg\:text-\[4\.6875rem\]{
    font-size: 4.6875rem;
  }

  .lg\:text-\[5\.625rem\]{
    font-size: 5.625rem;
  }

  .lg\:text-\[7\.5rem\]{
    font-size: 7.5rem;
  }

  .lg\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .lg\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .lg\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .lg\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .lg\:font-semibold{
    font-weight: 600;
  }

  .lg\:uppercase{
    text-transform: uppercase;
  }

  .lg\:\!leading-normal{
    line-height: 1.5 !important;
  }

  .lg\:leading-1\.2{
    line-height: 1.2;
  }

  .lg\:leading-\[3\.1875rem\]{
    line-height: 3.1875rem;
  }

  .lg\:leading-\[3\.75rem\]{
    line-height: 3.75rem;
  }

  .lg\:leading-\[9rem\]{
    line-height: 9rem;
  }

  .lg\:leading-none{
    line-height: 1;
  }

  .lg\:leading-normal{
    line-height: 1.5;
  }

  .lg\:tracking-wide{
    letter-spacing: 0.025em;
  }

  .lg\:text-black{
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }

  .lg\:underline-offset-4{
    text-underline-offset: 4px;
  }

  .lg\:\!opacity-100{
    opacity: 1 !important;
  }

  .lg\:opacity-100{
    opacity: 1;
  }

  .lg\:shadow-\[0_0\.5rem_2\.75rem_0_\#00000040\]{
    --tw-shadow: 0 0.5rem 2.75rem 0 #00000040;
    --tw-shadow-colored: 0 0.5rem 2.75rem 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:shadow-\[0_0_0_1\.5px_\#fff_inset\]{
    --tw-shadow: 0 0 0 1.5px #fff inset;
    --tw-shadow-colored: inset 0 0 0 1.5px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:shadow-none{
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:typography-LinkSmallest{
    font-family: var(--font-inter);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 150%;
    text-decoration: none;
  }

  .lg\:typography-CopySmall{
    font-family: var(--font-inter);
    font-size: 0.875rem;
    line-height: 150%;
    font-weight: 400;
  }

  .lg\:typography-CopySmallest{
    font-family: var(--font-inter);
    font-size: 0.75rem;
    line-height: 150%;
    font-weight: 400;
  }

  .lg\:\!typography-Nav{
    font-family: var(--font-inter) !important;
    font-size: 0.875rem !important;
    font-weight: 700 !important;
    line-height: 150% !important;
  }

  .lg\:typography-Nav{
    font-family: var(--font-inter);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 150%;
  }

  @media (min-width: 1024px){

    .lg\:\!typography-Nav{
      font-family: var(--font-helvetica) !important;
      font-size: 1rem !important;
      text-transform: uppercase !important;
    }

    .lg\:typography-Nav{
      font-family: var(--font-helvetica);
      font-size: 1rem;
      text-transform: uppercase;
    }
  }

  .lg\:\[transform\:translateY\(calc\(-100\%_-_1\.5rem\)\)\]{
    transform: translateY(calc(-100% - 1.5rem));
  }

  .lg\:\*\:basis-auto > *{
    flex-basis: auto;
  }

  .before\:lg\:w-\[18vw\]::before{
    content: var(--tw-content);
    width: 18vw;
  }

  .lg\:before\:content-\[\'\'\]::before{
    --tw-content: '';
    content: var(--tw-content);
  }

  .lg\:before\:content-none::before{
    --tw-content: none;
    content: var(--tw-content);
  }

  .lg\:after\:h-0::after{
    content: var(--tw-content);
    height: 0px;
  }

  .after\:lg\:w-\[18vw\]::after{
    content: var(--tw-content);
    width: 18vw;
  }

  .lg\:after\:bg-\[url\(\'\/images\/select-filter-warranty-empty\.svg\'\)\]::after{
    content: var(--tw-content);
    background-image: url('/images/select-filter-warranty-empty.svg');
  }

  .lg\:after\:bg-\[url\(\'\/images\/select-filter-warranty-not-empty\.svg\'\)\]::after{
    content: var(--tw-content);
    background-image: url('/images/select-filter-warranty-not-empty.svg');
  }

  .lg\:after\:content-none::after{
    --tw-content: none;
    content: var(--tw-content);
  }

  .lg\:first\:mt-8:first-child{
    margin-top: 2rem;
  }

  .first\:lg\:h-5:first-child{
    height: 1.25rem;
  }

  .lg\:first\:h-\[2\.5\]:first-child{
    height: 2.5;
  }

  .lg\:last\:mb-8:last-child{
    margin-bottom: 2rem;
  }

  .lg\:first-of-type\:col-span-2:first-of-type{
    grid-column: span 2 / span 2;
  }

  .data-\[variant\=\"variation1\"\]\:lg\:\[grid-template-areas\:var\(--variation1-grid-template-areas\)\][data-variant="variation1"]{
    grid-template-areas: var(--variation1-grid-template-areas);
  }

  .data-\[variant\=\"variation2\"\]\:lg\:\[grid-template-areas\:var\(--variation2-grid-template-areas\)\][data-variant="variation2"]{
    grid-template-areas: var(--variation2-grid-template-areas);
  }

  .data-\[variant\=\"variation3\"\]\:lg\:\[grid-template-areas\:var\(--variation3-grid-template-areas\)\][data-variant="variation3"]{
    grid-template-areas: var(--variation3-grid-template-areas);
  }

  .data-\[variant\=\"variation4\"\]\:lg\:\[grid-template-areas\:var\(--variation4-grid-template-areas\)\][data-variant="variation4"]{
    grid-template-areas: var(--variation4-grid-template-areas);
  }

  .group[data-variant="variation2"] .group-data-\[variant\=\"variation2\"\]\:lg\:\[grid-area\:1\/1\/2\/3\]{
    grid-area: 1/1/2/3;
  }

  .group[data-variant="variation1"] .group-data-\[variant\=\"variation1\"\]\:lg\:\[grid-area\:1\/3\/2\/5\]{
    grid-area: 1/3/2/5;
  }

  .disabled\:lg\:hidden:where([data-rac])[data-disabled]{
    display: none;
  }

  .disabled\:lg\:hidden:where(:not([data-rac])):disabled{
    display: none;
  }
}

@media (min-width: 1280px){

  .xl\:left-9{
    left: 2.25rem;
  }

  .xl\:order-\[--row-order-xl\]{
    order: var(--row-order-xl);
  }

  .xl\:order-none{
    order: 0;
  }

  .xl\:my-\[4\.75rem\]{
    margin-top: 4.75rem;
    margin-bottom: 4.75rem;
  }

  .xl\:mb-\[--marginBottom-xl\]{
    margin-bottom: var(--marginBottom-xl);
  }

  .xl\:ml-\[--marginLeft-xl\]{
    margin-left: var(--marginLeft-xl);
  }

  .xl\:mr-\[--marginRight-xl\]{
    margin-right: var(--marginRight-xl);
  }

  .xl\:mt-\[--marginTop-xl\]{
    margin-top: var(--marginTop-xl);
  }

  .xl\:block{
    display: block;
  }

  .xl\:flex{
    display: flex;
  }

  .xl\:hidden{
    display: none;
  }

  .xl\:h-\[40rem\]{
    height: 40rem;
  }

  .xl\:h-auto{
    height: auto;
  }

  .xl\:min-h-\[--mediaMinHeight-xl\]{
    min-height: var(--mediaMinHeight-xl);
  }

  .xl\:w-72{
    width: 18rem;
  }

  .xl\:w-\[17\.375rem\]{
    width: 17.375rem;
  }

  .xl\:w-\[calc\(100\%-4\.625rem\)\]{
    width: calc(100% - 4.625rem);
  }

  .xl\:w-\[var\(--breakpoint-xl-width\)\]{
    width: var(--breakpoint-xl-width);
  }

  .xl\:w-auto{
    width: auto;
  }

  .xl\:max-w-\[40\.625rem\]{
    max-width: 40.625rem;
  }

  .xl\:max-w-\[72\.5rem\]{
    max-width: 72.5rem;
  }

  .xl\:max-w-\[81\.25rem\]{
    max-width: 81.25rem;
  }

  .xl\:max-w-screen-xl{
    max-width: 1280px;
  }

  .xl\:flex-none{
    flex: none;
  }

  .xl\:translate-y-full{
    --tw-translate-y: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .xl\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xl\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xl\:grid-cols-\[auto_71\%\]{
    grid-template-columns: auto 71%;
  }

  .xl\:grid-cols-\[repeat\(4\2c calc\(25\%-1\.5rem\)\)\]{
    grid-template-columns: repeat(4,calc(25% - 1.5rem));
  }

  .xl\:justify-normal{
    justify-content: normal;
  }

  .xl\:justify-center{
    justify-content: center;
  }

  .xl\:gap-12{
    gap: 3rem;
  }

  .xl\:gap-14{
    gap: 3.5rem;
  }

  .xl\:gap-16{
    gap: 4rem;
  }

  .xl\:gap-\[12\.5rem\]{
    gap: 12.5rem;
  }

  .xl\:gap-x-12{
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }

  .xl\:gap-x-\[10\%\]{
    -moz-column-gap: 10%;
         column-gap: 10%;
  }

  .xl\:gap-x-\[2\.875rem\]{
    -moz-column-gap: 2.875rem;
         column-gap: 2.875rem;
  }

  .xl\:rounded-ee-lg{
    border-end-end-radius: 0.5rem;
  }

  .xl\:rounded-es-lg{
    border-end-start-radius: 0.5rem;
  }

  .xl\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .xl\:py-\[7\.8125rem\]{
    padding-top: 7.8125rem;
    padding-bottom: 7.8125rem;
  }

  .xl\:pb-8{
    padding-bottom: 2rem;
  }

  .xl\:pb-\[--paddingBottom-xl\]{
    padding-bottom: var(--paddingBottom-xl);
  }

  .xl\:pl-\[--paddingLeft-xl\]{
    padding-left: var(--paddingLeft-xl);
  }

  .xl\:pr-12{
    padding-right: 3rem;
  }

  .xl\:pr-\[--paddingRight-xl\]{
    padding-right: var(--paddingRight-xl);
  }

  .xl\:pr-\[34\.125rem\]{
    padding-right: 34.125rem;
  }

  .xl\:pr-\[8\.5rem\]{
    padding-right: 8.5rem;
  }

  .xl\:pt-4{
    padding-top: 1rem;
  }

  .xl\:pt-\[--paddingTop-xl\]{
    padding-top: var(--paddingTop-xl);
  }

  .xl\:text-\[2\.5rem\]{
    font-size: 2.5rem;
  }
}

@media (min-width: 1332px){

  .\32xl\:col-start-5{
    grid-column-start: 5;
  }

  .\32xl\:col-end-5{
    grid-column-end: 5;
  }

  .\32xl\:col-end-8{
    grid-column-end: 8;
  }

  .\32xl\:mb-1\.5{
    margin-bottom: 0.375rem;
  }

  .\32xl\:mb-\[--marginBottom-2xl\]{
    margin-bottom: var(--marginBottom-2xl);
  }

  .\32xl\:ml-\[--marginLeft-2xl\]{
    margin-left: var(--marginLeft-2xl);
  }

  .\32xl\:mr-\[--marginRight-2xl\]{
    margin-right: var(--marginRight-2xl);
  }

  .\32xl\:mt-\[--marginTop-2xl\]{
    margin-top: var(--marginTop-2xl);
  }

  .\32xl\:block{
    display: block;
  }

  .\32xl\:hidden{
    display: none;
  }

  .\32xl\:min-h-\[--mediaMinHeight-2xl\]{
    min-height: var(--mediaMinHeight-2xl);
  }

  .\32xl\:w-\[18\.8125rem\]{
    width: 18.8125rem;
  }

  .\32xl\:w-\[30\%\]{
    width: 30%;
  }

  .\32xl\:max-w-\[13\.25rem\]{
    max-width: 13.25rem;
  }

  .\32xl\:max-w-\[52rem\]{
    max-width: 52rem;
  }

  .\32xl\:max-w-screen-2xl{
    max-width: 1332px;
  }

  .\32xl\:grid-cols-\[50\%\2c repeat\(3\2c 1fr\)\2c 5\%\]{
    grid-template-columns: 50% repeat(3,1fr) 5%;
  }

  .\32xl\:justify-center{
    justify-content: center;
  }

  .\32xl\:gap-x-8{
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .\32xl\:gap-x-\[1\.125rem\]{
    -moz-column-gap: 1.125rem;
         column-gap: 1.125rem;
  }

  .\32xl\:px-\[1\.875rem\]{
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }

  .\32xl\:pb-\[--paddingBottom-2xl\]{
    padding-bottom: var(--paddingBottom-2xl);
  }

  .\32xl\:pl-\[--paddingLeft-2xl\]{
    padding-left: var(--paddingLeft-2xl);
  }

  .\32xl\:pr-\[--paddingRight-2xl\]{
    padding-right: var(--paddingRight-2xl);
  }

  .\32xl\:pt-\[--paddingTop-2xl\]{
    padding-top: var(--paddingTop-2xl);
  }

  .\32xl\:text-\[1\.125rem\]{
    font-size: 1.125rem;
  }

  .\32xl\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.\[\&\.Mui-disabled\:hover\]\:\!cursor-not-allowed.Mui-disabled:hover{
  cursor: not-allowed !important;
}

.\[\&\.Mui-disabled\:hover\]\:\!border-transparent.Mui-disabled:hover{
  border-color: transparent !important;
}

.\[\&\.Mui-disabled\:hover\]\:\!text-noco-gray-200.Mui-disabled:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(212 212 212 / var(--tw-text-opacity)) !important;
}

.\[\&\.Mui-disabled\]\:\!cursor-not-allowed.Mui-disabled{
  cursor: not-allowed !important;
}

.\[\&\.Mui-disabled\]\:\!border-transparent.Mui-disabled{
  border-color: transparent !important;
}

.\[\&\.Mui-disabled\]\:\!text-noco-gray-200.Mui-disabled{
  --tw-text-opacity: 1 !important;
  color: rgb(212 212 212 / var(--tw-text-opacity)) !important;
}

.\[\&\.Mui-selected\]\:relative.Mui-selected{
  position: relative;
}

.\[\&\.Mui-selected\]\:bg-noco-gray-100.Mui-selected{
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity));
}

.\[\&\.Mui-selected\]\:bg-transparent.Mui-selected{
  background-color: transparent;
}

.\[\&\.Mui-selected\]\:after\:absolute.Mui-selected::after{
  content: var(--tw-content);
  position: absolute;
}

.\[\&\.Mui-selected\]\:after\:left-8.Mui-selected::after{
  content: var(--tw-content);
  left: 2rem;
}

.\[\&\.Mui-selected\]\:after\:top-1\/2.Mui-selected::after{
  content: var(--tw-content);
  top: 50%;
}

.\[\&\.Mui-selected\]\:after\:h-4.Mui-selected::after{
  content: var(--tw-content);
  height: 1rem;
}

.\[\&\.Mui-selected\]\:after\:w-6.Mui-selected::after{
  content: var(--tw-content);
  width: 1.5rem;
}

.\[\&\.Mui-selected\]\:after\:-translate-y-1\/2.Mui-selected::after{
  content: var(--tw-content);
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\.Mui-selected\]\:after\:bg-\[url\(\'\/images\/select-groups-selected\.svg\'\)\].Mui-selected::after{
  content: var(--tw-content);
  background-image: url('/images/select-groups-selected.svg');
}

.\[\&\.Mui-selected\]\:after\:bg-contain.Mui-selected::after{
  content: var(--tw-content);
  background-size: contain;
}

.\[\&\.Mui-selected\]\:after\:bg-no-repeat.Mui-selected::after{
  content: var(--tw-content);
  background-repeat: no-repeat;
}

.\[\&\.MuiOption-highlighted\]\:cursor-pointer.MuiOption-highlighted{
  cursor: pointer;
}

.\[\&\.MuiOption-highlighted\]\:border.MuiOption-highlighted{
  border-width: 1px;
}

.\[\&\.MuiOption-highlighted\]\:border-0.MuiOption-highlighted{
  border-width: 0px;
}

.\[\&\.MuiOption-highlighted\]\:border-noco-gray-100.MuiOption-highlighted{
  --tw-border-opacity: 1;
  border-color: rgb(242 242 242 / var(--tw-border-opacity));
}

.\[\&\.MuiOption-highlighted\]\:bg-noco-gray-100.MuiOption-highlighted{
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity));
}

.\[\&\.MuiOption-highlighted\]\:bg-transparent.MuiOption-highlighted{
  background-color: transparent;
}

.\[\&\.MuiOption-root\:hover\]\:bg-noco-gray-620.MuiOption-root:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(93 93 93 / var(--tw-bg-opacity));
}

.\[\&\.MuiOption-root\:hover\]\:bg-transparent.MuiOption-root:hover{
  background-color: transparent;
}

.\[\&\.MuiOption-root\:hover\]\:bg-none.MuiOption-root:hover{
  background-image: none;
}

.\[\&\.navigation-explore\]\:\!flex-row.navigation-explore{
  flex-direction: row !important;
}

.\[\&\.navigation-explore\]\:\!items-center.navigation-explore{
  align-items: center !important;
}

.\[\&\.navigation-explore\]\:\!justify-start.navigation-explore{
  justify-content: flex-start !important;
}

.\[\&\.navigation-explore\]\:gap-8.navigation-explore{
  gap: 2rem;
}

.\[\&\.navigation-explore\]\:first\:flex-shrink-0:first-child.navigation-explore{
  flex-shrink: 0;
}

.\[\&\:\:-webkit-scrollbar-button\]\:h-1\.5::-webkit-scrollbar-button{
  height: 0.375rem;
}

.\[\&\:\:-webkit-scrollbar-button\]\:w-1\.5::-webkit-scrollbar-button{
  width: 0.375rem;
}

.\[\&\:\:-webkit-scrollbar-corner\]\:bg-transparent::-webkit-scrollbar-corner{
  background-color: transparent;
}

.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-md::-webkit-scrollbar-thumb{
  border-radius: 0.375rem;
}

.\[\&\:\:-webkit-scrollbar-thumb\]\:border-2::-webkit-scrollbar-thumb{
  border-width: 2px;
}

.\[\&\:\:-webkit-scrollbar-thumb\]\:border-solid::-webkit-scrollbar-thumb{
  border-style: solid;
}

.\[\&\:\:-webkit-scrollbar-thumb\]\:border-noco-gray-50::-webkit-scrollbar-thumb{
  --tw-border-opacity: 1;
  border-color: rgb(241 241 241 / var(--tw-border-opacity));
}

.\[\&\:\:-webkit-scrollbar-thumb\]\:border-noco-gray-500::-webkit-scrollbar-thumb{
  --tw-border-opacity: 1;
  border-color: rgb(163 163 163 / var(--tw-border-opacity));
}

.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-noco-gray-500::-webkit-scrollbar-thumb{
  --tw-bg-opacity: 1;
  background-color: rgb(163 163 163 / var(--tw-bg-opacity));
}

.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-noco-gray-525::-webkit-scrollbar-thumb{
  --tw-bg-opacity: 1;
  background-color: rgb(196 196 196 / var(--tw-bg-opacity));
}

.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-white::-webkit-scrollbar-thumb{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.\[\&\:\:-webkit-scrollbar-track\]\:rounded-md::-webkit-scrollbar-track{
  border-radius: 0.375rem;
}

.\[\&\:\:-webkit-scrollbar-track\]\:bg-noco-gray-50::-webkit-scrollbar-track{
  --tw-bg-opacity: 1;
  background-color: rgb(241 241 241 / var(--tw-bg-opacity));
}

.\[\&\:\:-webkit-scrollbar-track\]\:bg-noco-gray-500::-webkit-scrollbar-track{
  --tw-bg-opacity: 1;
  background-color: rgb(163 163 163 / var(--tw-bg-opacity));
}

.\[\&\:\:-webkit-scrollbar-track\]\:bg-white::-webkit-scrollbar-track{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.\[\&\:\:-webkit-scrollbar\]\:h-2::-webkit-scrollbar{
  height: 0.5rem;
}

.\[\&\:\:-webkit-scrollbar\]\:h-2\.5::-webkit-scrollbar{
  height: 0.625rem;
}

.\[\&\:\:-webkit-scrollbar\]\:w-2::-webkit-scrollbar{
  width: 0.5rem;
}

.\[\&\:\:-webkit-scrollbar\]\:w-2\.5::-webkit-scrollbar{
  width: 0.625rem;
}

.\[\&\:\:-webkit-scrollbar\]\:w-\[0\.625rem\]::-webkit-scrollbar{
  width: 0.625rem;
}

.\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button{
  display: none;
}

.\[\&\:has\(\.mega-menu\)\]\:bg-noco-gray-900:has(.mega-menu){
  --tw-bg-opacity: 1;
  background-color: rgb(30 30 30 / var(--tw-bg-opacity));
}

.\[\&\:has\(\.removing-cart-item\)\]\:opacity-40:has(.removing-cart-item){
  opacity: 0.4;
}

.\[\&\:has\(\.support-center-fluid-menu-1\)\]\:pt-\[11\.25rem\]:has(.support-center-fluid-menu-1){
  padding-top: 11.25rem;
}

.\[\&\:has\(\[data-placement\=\'bottom\'\]\)_input\]\:rounded-bl-none:has([data-placement='bottom']) input{
  border-bottom-left-radius: 0px;
}

.\[\&\:has\(\[data-placement\=\'bottom\'\]\)_input\]\:rounded-br-none:has([data-placement='bottom']) input{
  border-bottom-right-radius: 0px;
}

.\[\&\:has\(\[data-placement\=\'top\'\]\)_input\]\:rounded-tl-none:has([data-placement='top']) input{
  border-top-left-radius: 0px;
}

.\[\&\:has\(\[data-placement\=\'top\'\]\)_input\]\:rounded-tr-none:has([data-placement='top']) input{
  border-top-right-radius: 0px;
}

.\[\&\:has\(a\:focus\)\]\:rounded-sm:has(a:focus){
  border-radius: 0.125rem;
}

.\[\&\:has\(a\:focus\)\]\:outline:has(a:focus){
  outline-style: solid;
}

.\[\&\:has\(a\:focus\)\]\:outline-2:has(a:focus){
  outline-width: 2px;
}

.\[\&\:has\(a\:focus\)\]\:outline-offset-4:has(a:focus){
  outline-offset: 4px;
}

.\[\&\:has\(input\:not\(\[value\=\'\'\]\)\)_label\]\:h-4:has(input:not([value=''])) label{
  height: 1rem;
}

.\[\&\:has\(input\:not\(\[value\=\'\'\]\)\)_label\]\:h-5:has(input:not([value=''])) label{
  height: 1.25rem;
}

.\[\&\:has\(input\:not\(\[value\=\'\'\]\)\)_label\]\:text-xs:has(input:not([value=''])) label{
  font-size: 0.75rem;
  line-height: 1rem;
}

.\[\&\:has\(input\:not\(\[value\=\'\'\]\)\)_label\]\:font-normal:has(input:not([value=''])) label{
  font-weight: 400;
}

.\[\&\:has\(input\[data-focus-visible\=\'true\'\]\)\]\:outline:has(input[data-focus-visible='true']){
  outline-style: solid;
}

.\[\&\:has\(input\[data-focus-visible\=\'true\'\]\)\]\:outline-2:has(input[data-focus-visible='true']){
  outline-width: 2px;
}

.\[\&\:has\(input\[data-focus-visible\=\'true\'\]\)\]\:outline-offset-4:has(input[data-focus-visible='true']){
  outline-offset: 4px;
}

.\[\&\:has\(input\[data-focused\]\)_label\]\:h-4:has(input[data-focused]) label{
  height: 1rem;
}

.\[\&\:has\(input\[data-focused\]\)_label\]\:h-5:has(input[data-focused]) label{
  height: 1.25rem;
}

.\[\&\:has\(input\[data-focused\]\)_label\]\:text-xs:has(input[data-focused]) label{
  font-size: 0.75rem;
  line-height: 1rem;
}

.\[\&\:has\(input\[data-focused\]\)_label\]\:font-normal:has(input[data-focused]) label{
  font-weight: 400;
}

.\[\&\:has\(label\[data-focus-visible\=\'true\'\]\)\]\:outline:has(label[data-focus-visible='true']){
  outline-style: solid;
}

.\[\&\:has\(label\[data-focus-visible\=\'true\'\]\)\]\:outline-2:has(label[data-focus-visible='true']){
  outline-width: 2px;
}

.\[\&\:has\(label\[data-focus-visible\=\'true\'\]\)\]\:outline-offset-8:has(label[data-focus-visible='true']){
  outline-offset: 8px;
}

.\[\&\:hover_svg\:first-child\]\:fill-noco-red-910:hover svg:first-child{
  fill: #F22613;
}

.\[\&\:hover_svg\:first-child_path\:first-child\]\:fill-noco-red-910:hover svg:first-child path:first-child{
  fill: #F22613;
}

.\[\&\:hover_svg\:first-child_path\:first-child\]\:stroke-noco-red-910:hover svg:first-child path:first-child{
  stroke: #F22613;
}

.\[\&\:hover_svg\:first-child_path\:last-child\]\:stroke-noco-gray-900:hover svg:first-child path:last-child{
  stroke: #1e1e1e;
}

.\[\&\:hover_svg\:first-child_path\:nth-child\(2\)\]\:fill-noco-gray-900:hover svg:first-child path:nth-child(2){
  fill: #1e1e1e;
}

.\[\&\:hover_svg\:first-child_path\]\:stroke-noco-red-910:hover svg:first-child path{
  stroke: #F22613;
}

.\[\&\:not\(\:empty\)\]\:mb-16:not(:empty){
  margin-bottom: 4rem;
}

.\[\&\:not\(\:empty\)\]\:bg-noco-gray-905\/80:not(:empty){
  background-color: rgb(26 26 26 / 0.8);
}

.\[\&\:not\(\:first\)\]\:mt-4:not(:first){
  margin-top: 1rem;
}

.\[\&\:not\(\:first\)\]\:block:not(:first){
  display: block;
}

.\[\&\:not\(\:first\)\]\:hidden:not(:first){
  display: none;
}

.\[\&\:not\(\:first-child\)\]\:border-t:not(:first-child){
  border-top-width: 1px;
}

.\[\&\:not\(\:first-child\)\]\:border-noco-gray-550:not(:first-child){
  --tw-border-opacity: 1;
  border-color: rgb(153 153 153 / var(--tw-border-opacity));
}

.\[\&\:not\(\:last-of-type\)\]\:mb-8:not(:last-of-type){
  margin-bottom: 2rem;
}

.\[\&\:not\(\:last-of-type\)\]\:border-b:not(:last-of-type){
  border-bottom-width: 1px;
}

.\[\&\:not\(\:last-of-type\)\]\:pb-8:not(:last-of-type){
  padding-bottom: 2rem;
}

.\[\&\:not\(\[data-active\=true\]\)\]\:rounded-full:not([data-active=true]){
  border-radius: 9999px;
}

.data-\[hovered\]\:\[\&\:not\(\[data-selected\]\)\]\:border-noco-gray-525:not([data-selected])[data-hovered]{
  --tw-border-opacity: 1;
  border-color: rgb(196 196 196 / var(--tw-border-opacity));
}

.data-\[hovered\]\:\[\&\:not\(\[data-selected\]\)\]\:text-noco-gray-195:not([data-selected])[data-hovered]{
  --tw-text-opacity: 1;
  color: rgb(217 217 217 / var(--tw-text-opacity));
}

.data-\[hovered\]\:\[\&\:not\(\[data-selected\]\)\]\:text-noco-gray-525:not([data-selected])[data-hovered]{
  --tw-text-opacity: 1;
  color: rgb(196 196 196 / var(--tw-text-opacity));
}

.\[\&\:nth-child\(2n-1\)\>div\]\:border-r:nth-child(2n-1)>div{
  border-right-width: 1px;
}

@media (min-width: 1024px){

  .lg\:\[\&\:nth-child\(2n-1\)\>div\]\:border-r-0:nth-child(2n-1)>div{
    border-right-width: 0px;
  }

  .lg\:\[\&\:nth-child\(3n-1\)\]\:before\:absolute:nth-child(3n-1)::before{
    content: var(--tw-content);
    position: absolute;
  }

  .lg\:\[\&\:nth-child\(3n-1\)\]\:before\:left-0:nth-child(3n-1)::before{
    content: var(--tw-content);
    left: 0px;
  }

  .lg\:\[\&\:nth-child\(3n-1\)\]\:before\:top-1\/2:nth-child(3n-1)::before{
    content: var(--tw-content);
    top: 50%;
  }

  .lg\:\[\&\:nth-child\(3n-1\)\]\:before\:block:nth-child(3n-1)::before{
    content: var(--tw-content);
    display: block;
  }

  .lg\:\[\&\:nth-child\(3n-1\)\]\:before\:h-\[84\%\]:nth-child(3n-1)::before{
    content: var(--tw-content);
    height: 84%;
  }

  .lg\:\[\&\:nth-child\(3n-1\)\]\:before\:w-px:nth-child(3n-1)::before{
    content: var(--tw-content);
    width: 1px;
  }

  .lg\:\[\&\:nth-child\(3n-1\)\]\:before\:-translate-y-1\/2:nth-child(3n-1)::before{
    content: var(--tw-content);
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .lg\:\[\&\:nth-child\(3n-1\)\]\:before\:bg-noco-gray-700\/80:nth-child(3n-1)::before{
    content: var(--tw-content);
    background-color: rgb(68 68 68 / 0.8);
  }

  .lg\:\[\&\:nth-child\(3n-1\)\]\:after\:absolute:nth-child(3n-1)::after{
    content: var(--tw-content);
    position: absolute;
  }

  .lg\:\[\&\:nth-child\(3n-1\)\]\:after\:right-0:nth-child(3n-1)::after{
    content: var(--tw-content);
    right: 0px;
  }

  .lg\:\[\&\:nth-child\(3n-1\)\]\:after\:top-1\/2:nth-child(3n-1)::after{
    content: var(--tw-content);
    top: 50%;
  }

  .lg\:\[\&\:nth-child\(3n-1\)\]\:after\:block:nth-child(3n-1)::after{
    content: var(--tw-content);
    display: block;
  }

  .lg\:\[\&\:nth-child\(3n-1\)\]\:after\:h-\[84\%\]:nth-child(3n-1)::after{
    content: var(--tw-content);
    height: 84%;
  }

  .lg\:\[\&\:nth-child\(3n-1\)\]\:after\:w-px:nth-child(3n-1)::after{
    content: var(--tw-content);
    width: 1px;
  }

  .lg\:\[\&\:nth-child\(3n-1\)\]\:after\:-translate-y-1\/2:nth-child(3n-1)::after{
    content: var(--tw-content);
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .lg\:\[\&\:nth-child\(3n-1\)\]\:after\:bg-noco-gray-700\/80:nth-child(3n-1)::after{
    content: var(--tw-content);
    background-color: rgb(68 68 68 / 0.8);
  }
}

.\[\&\:nth-child\(6\)\]\:h-4:nth-child(6){
  height: 1rem;
}

.\[\&\:nth-child\(n\+3\)\]\:border-t:nth-child(n+3){
  border-top-width: 1px;
}

.\[\&\:nth-child\(n\+3\)\]\:border-solid:nth-child(n+3){
  border-style: solid;
}

.\[\&\:nth-child\(n\+3\)\]\:border-noco-gray-700\/80:nth-child(n+3){
  border-color: rgb(68 68 68 / 0.8);
}

@media (min-width: 1024px){

  .lg\:\[\&\:nth-child\(n\+3\)\]\:border-t-0:nth-child(n+3){
    border-top-width: 0px;
  }

  .lg\:\[\&\:nth-child\(n\+4\)\]\:border-t:nth-child(n+4){
    border-top-width: 1px;
  }

  .lg\:\[\&\:nth-child\(n\+4\)\]\:border-solid:nth-child(n+4){
    border-style: solid;
  }
}

.\[\&\>\*\:empty\]\:hidden>*:empty{
  display: none;
}

@media (min-width: 1024px){

  .lg\:\[\&\>\*\:nth-child\(0\)\]\:order-\[0\]>*:nth-child(0){
    order: 0;
  }

  .lg\:\[\&\>\*\:nth-child\(1\)\]\:order-1>*:nth-child(1){
    order: 1;
  }

  .lg\:\[\&\>\*\:nth-child\(2\)\]\:order-2>*:nth-child(2){
    order: 2;
  }
}

.\[\&\>\*\]\:h-full>*{
  height: 100%;
}

.\[\&\>\*\]\:w-full>*{
  width: 100%;
}

.\[\&\>\*\]\:overflow-hidden>*{
  overflow: hidden;
}

.\[\&\>\*\]\:text-ellipsis>*{
  text-overflow: ellipsis;
}

.\[\&\>\*\]\:whitespace-nowrap>*{
  white-space: nowrap;
}

@media (min-width: 640px){

  .\[\&\>\*\]\:sm\:w-\[calc\(50\%_-_0\.25rem\)\]>*{
    width: calc(50% - 0.25rem);
  }
}

@media (min-width: 1024px){

  .\[\&\>\*\]\:lg\:w-\[calc\(50\%_-_0\.5rem\)\]>*{
    width: calc(50% - 0.5rem);
  }
}

.\[\&\>apple-pay-button\]\:opacity-70>apple-pay-button{
  opacity: 0.7;
}

.\[\&\>div\:last-child\]\:hidden>div:last-child{
  display: none;
}

@media (min-width: 640px){

  .\[\&\>div\:last-child\]\:sm\:flex>div:last-child{
    display: flex;
  }
}

@media (min-width: 1024px){

  .lg\:\[\&\>div\:nth-child\(1\)\]\:max-w-\[37\.86\%\]>div:nth-child(1){
    max-width: 37.86%;
  }

  .lg\:\[\&\>div\:nth-child\(1\)\]\:max-w-\[44\.65\%\]>div:nth-child(1){
    max-width: 44.65%;
  }

  .lg\:\[\&\>div\:nth-child\(2\)\]\:max-w-\[23\.77\%\]>div:nth-child(2){
    max-width: 23.77%;
  }

  .lg\:\[\&\>div\:nth-child\(2\)\]\:max-w-\[34\.15\%\;\]>div:nth-child(2){
    max-width: 34.15%;;
  }

  .lg\:\[\&\>div\:nth-child\(3\)\]\:max-w-\[calc\(21\.2\%_-_3\.25rem\)\]>div:nth-child(3){
    max-width: calc(21.2% - 3.25rem);
  }

  .lg\:\[\&\>div\:nth-child\(3\)\]\:max-w-\[calc\(38\.37\%_-_3\.25rem\)\]>div:nth-child(3){
    max-width: calc(38.37% - 3.25rem);
  }
}

.\[\&\>div\>button\]\:w-full>div>button{
  width: 100%;
}

.\[\&\>div\]\:ml-auto>div{
  margin-left: auto;
}

.\[\&\>div\]\:flex>div{
  display: flex;
}

.\[\&\>div\]\:h-2\.5>div{
  height: 0.625rem;
}

.\[\&\>div\]\:w-2\.5>div{
  width: 0.625rem;
}

.\[\&\>div\]\:flex-col>div{
  flex-direction: column;
}

.\[\&\>div\]\:items-start>div{
  align-items: flex-start;
}

.\[\&\>div\]\:items-end>div{
  align-items: flex-end;
}

.\[\&\>div\]\:items-center>div{
  align-items: center;
}

.\[\&\>div\]\:bg-noco-gray-700>div{
  --tw-bg-opacity: 1;
  background-color: rgb(68 68 68 / var(--tw-bg-opacity));
}

.\[\&\>div\]\:py-20>div{
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.\[\&\>div\]\:first\:col-span-full:first-child>div{
  grid-column: 1 / -1;
}

.\[\&\>div\]\:first\:m-0:first-child>div{
  margin: 0px;
}

.\[\&\>figure\>img\]\:object-cover>figure>img{
  -o-object-fit: cover;
     object-fit: cover;
}

.\[\&\>figure\>img\]\:object-center>figure>img{
  -o-object-position: center;
     object-position: center;
}

.\[\&\>figure\]\:m-0>figure{
  margin: 0px;
}

.\[\&\>figure\]\:flex>figure{
  display: flex;
}

.\[\&\>figure\]\:h-full>figure{
  height: 100%;
}

.\[\&\>figure\]\:w-full>figure{
  width: 100%;
}

.\[\&\>figure\]\:items-center>figure{
  align-items: center;
}

.\[\&\>figure\]\:justify-center>figure{
  justify-content: center;
}

.\[\&\>h3\]\:mb-8>h3{
  margin-bottom: 2rem;
}

@media (min-width: 1024px){

  .\[\&\>h3\]\:lg\:mb-12>h3{
    margin-bottom: 3rem;
  }
}

.\[\&\>p\]\:mb-4>p{
  margin-bottom: 1rem;
}

@media (min-width: 1024px){

  .\[\&\>p\]\:lg\:mb-6>p{
    margin-bottom: 1.5rem;
  }
}

.\[\&\>svg\]\:relative>svg{
  position: relative;
}

.\[\&\>svg\]\:mr-2\.5>svg{
  margin-right: 0.625rem;
}

.\[\&\>svg\]\:mt-1>svg{
  margin-top: 0.25rem;
}

.\[\&\>svg\]\:block>svg{
  display: block;
}

.\[\&\>svg\]\:h-auto>svg{
  height: auto;
}

.\[\&\>svg\]\:h-full>svg{
  height: 100%;
}

.\[\&\>svg\]\:w-4\.5>svg{
  width: 1.125rem;
}

.\[\&\>svg\]\:w-full>svg{
  width: 100%;
}

.\[\&\>svg\]\:-scale-x-100>svg{
  --tw-scale-x: -1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 1024px){

  .lg\:\[\&\>ul\]\:first-of-type\:columns-2:first-of-type>ul{
    -moz-columns: 2;
         columns: 2;
  }

  .lg\:\[\&\>ul\]\:first-of-type\:gap-4:first-of-type>ul{
    gap: 1rem;
  }
}

.\[\&\[aria-expanded\=false\]_svg\]\:rotate-180[aria-expanded=false] svg{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\[data-disabled\]\]\:text-noco-gray-525[data-disabled]{
  --tw-text-opacity: 1;
  color: rgb(196 196 196 / var(--tw-text-opacity));
}

.\[\&\[data-hover\=true\]\:not\(\[data-active\=true\]\)\]\:border-noco-gray-525[data-hover=true]:not([data-active=true]){
  --tw-border-opacity: 1;
  border-color: rgb(196 196 196 / var(--tw-border-opacity));
}

.\[\&\[data-is-in-stock\=false\]\]\:min-w-32[data-is-in-stock=false]{
  min-width: 8rem;
}

.\[\&\[data-position\=\"center_bottom\"\]_img\]\:bottom-0[data-position="center bottom"] img{
  bottom: 0px;
}

.\[\&\[data-position\=\"center_bottom\"\]_img\]\:left-1\/2[data-position="center bottom"] img{
  left: 50%;
}

.\[\&\[data-position\=\"center_bottom\"\]_img\]\:-translate-x-1\/2[data-position="center bottom"] img{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\[data-position\=\"center_bottom\"\]_video\]\:bottom-0[data-position="center bottom"] video{
  bottom: 0px;
}

.\[\&\[data-position\=\"center_bottom\"\]_video\]\:left-1\/2[data-position="center bottom"] video{
  left: 50%;
}

.\[\&\[data-position\=\"center_bottom\"\]_video\]\:-translate-x-1\/2[data-position="center bottom"] video{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\[data-position\=\"center_center\"\]_img\]\:left-1\/2[data-position="center center"] img{
  left: 50%;
}

.\[\&\[data-position\=\"center_center\"\]_img\]\:top-1\/2[data-position="center center"] img{
  top: 50%;
}

.\[\&\[data-position\=\"center_center\"\]_img\]\:-translate-x-1\/2[data-position="center center"] img{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\[data-position\=\"center_center\"\]_img\]\:-translate-y-1\/2[data-position="center center"] img{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\[data-position\=\"center_center\"\]_video\]\:left-1\/2[data-position="center center"] video{
  left: 50%;
}

.\[\&\[data-position\=\"center_center\"\]_video\]\:top-1\/2[data-position="center center"] video{
  top: 50%;
}

.\[\&\[data-position\=\"center_center\"\]_video\]\:-translate-x-1\/2[data-position="center center"] video{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\[data-position\=\"center_center\"\]_video\]\:-translate-y-1\/2[data-position="center center"] video{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\[data-position\=\"center_top\"\]_img\]\:left-1\/2[data-position="center top"] img{
  left: 50%;
}

.\[\&\[data-position\=\"center_top\"\]_img\]\:top-0[data-position="center top"] img{
  top: 0px;
}

.\[\&\[data-position\=\"center_top\"\]_img\]\:-translate-x-1\/2[data-position="center top"] img{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\[data-position\=\"center_top\"\]_video\]\:left-1\/2[data-position="center top"] video{
  left: 50%;
}

.\[\&\[data-position\=\"center_top\"\]_video\]\:top-0[data-position="center top"] video{
  top: 0px;
}

.\[\&\[data-position\=\"center_top\"\]_video\]\:-translate-x-1\/2[data-position="center top"] video{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\[data-position\=\"left_bottom\"\]_img\]\:bottom-0[data-position="left bottom"] img{
  bottom: 0px;
}

.\[\&\[data-position\=\"left_bottom\"\]_img\]\:left-0[data-position="left bottom"] img{
  left: 0px;
}

.\[\&\[data-position\=\"left_bottom\"\]_video\]\:bottom-0[data-position="left bottom"] video{
  bottom: 0px;
}

.\[\&\[data-position\=\"left_bottom\"\]_video\]\:left-0[data-position="left bottom"] video{
  left: 0px;
}

.\[\&\[data-position\=\"left_center\"\]_img\]\:left-0[data-position="left center"] img{
  left: 0px;
}

.\[\&\[data-position\=\"left_center\"\]_img\]\:top-1\/2[data-position="left center"] img{
  top: 50%;
}

.\[\&\[data-position\=\"left_center\"\]_img\]\:-translate-y-1\/2[data-position="left center"] img{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\[data-position\=\"left_center\"\]_video\]\:left-0[data-position="left center"] video{
  left: 0px;
}

.\[\&\[data-position\=\"left_center\"\]_video\]\:top-1\/2[data-position="left center"] video{
  top: 50%;
}

.\[\&\[data-position\=\"left_center\"\]_video\]\:-translate-y-1\/2[data-position="left center"] video{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\[data-position\=\"left_top\"\]_img\]\:left-0[data-position="left top"] img{
  left: 0px;
}

.\[\&\[data-position\=\"left_top\"\]_img\]\:top-0[data-position="left top"] img{
  top: 0px;
}

.\[\&\[data-position\=\"left_top\"\]_video\]\:left-0[data-position="left top"] video{
  left: 0px;
}

.\[\&\[data-position\=\"left_top\"\]_video\]\:top-0[data-position="left top"] video{
  top: 0px;
}

.\[\&\[data-position\=\"right_bottom\"\]_img\]\:bottom-0[data-position="right bottom"] img{
  bottom: 0px;
}

.\[\&\[data-position\=\"right_bottom\"\]_img\]\:right-0[data-position="right bottom"] img{
  right: 0px;
}

.\[\&\[data-position\=\"right_bottom\"\]_video\]\:bottom-0[data-position="right bottom"] video{
  bottom: 0px;
}

.\[\&\[data-position\=\"right_bottom\"\]_video\]\:right-0[data-position="right bottom"] video{
  right: 0px;
}

.\[\&\[data-position\=\"right_center\"\]_img\]\:right-0[data-position="right center"] img{
  right: 0px;
}

.\[\&\[data-position\=\"right_center\"\]_img\]\:top-1\/2[data-position="right center"] img{
  top: 50%;
}

.\[\&\[data-position\=\"right_center\"\]_img\]\:-translate-y-1\/2[data-position="right center"] img{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\[data-position\=\"right_center\"\]_video\]\:right-0[data-position="right center"] video{
  right: 0px;
}

.\[\&\[data-position\=\"right_center\"\]_video\]\:top-1\/2[data-position="right center"] video{
  top: 50%;
}

.\[\&\[data-position\=\"right_center\"\]_video\]\:-translate-y-1\/2[data-position="right center"] video{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\[data-position\=\"right_top\"\]_img\]\:right-0[data-position="right top"] img{
  right: 0px;
}

.\[\&\[data-position\=\"right_top\"\]_img\]\:top-0[data-position="right top"] img{
  top: 0px;
}

.\[\&\[data-position\=\"right_top\"\]_video\]\:right-0[data-position="right top"] video{
  right: 0px;
}

.\[\&\[data-position\=\"right_top\"\]_video\]\:top-0[data-position="right top"] video{
  top: 0px;
}

.\[\&_\*\]\:p-0 *{
  padding: 0px;
}

.\[\&_\.faq-question\]\:hidden .faq-question{
  display: none;
}

.\[\&_\>_div\]\:p-0 > div{
  padding: 0px;
}

.\[\&_\>_div\]\:pr-0 > div{
  padding-right: 0px;
}

.\[\&_\>_div\]\:shadow-none > div{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.\[\&_\[data-compare\]\]\:mb-12 [data-compare]{
  margin-bottom: 3rem;
}

.\[\&_\[data-element\=position\]\]\:hidden [data-element=position]{
  display: none;
}

.\[\&_\[data-element\=subtitle1\]\]\:hidden [data-element=subtitle1]{
  display: none;
}

.\[\&_\[data-element\=subtitle2\]\]\:hidden [data-element=subtitle2]{
  display: none;
}

.\[\&_\[data-element\=title\]\]\:hidden [data-element=title]{
  display: none;
}

.\[\&_\[data-text-alignment\=center\]\]\:hidden [data-text-alignment=center]{
  display: none;
}

.\[\&_\[data-text-alignment\=left\]\]\:hidden [data-text-alignment=left]{
  display: none;
}

.\[\&_\[data-text-alignment\=right\]\]\:hidden [data-text-alignment=right]{
  display: none;
}

.\[\&_a\:hover\]\:text-white a:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.\[\&_a\:last-child\]\:mb-4 a:last-child{
  margin-bottom: 1rem;
}

.\[\&_a\:last-child\]\:mr-0 a:last-child{
  margin-right: 0px;
}

.\[\&_a\]\:ml-0 a{
  margin-left: 0px;
}

.\[\&_a\]\:mr-4 a{
  margin-right: 1rem;
}

.\[\&_a\]\:flex a{
  display: flex;
}

.\[\&_a\]\:h-auto a{
  height: auto;
}

.\[\&_a\]\:w-auto a{
  width: auto;
}

.\[\&_a\]\:text-base a{
  font-size: 1rem;
  line-height: 1.5rem;
}

.\[\&_a\]\:text-noco-gray-200 a{
  --tw-text-opacity: 1;
  color: rgb(212 212 212 / var(--tw-text-opacity));
}

.\[\&_a\]\:text-noco-gray-495 a{
  --tw-text-opacity: 1;
  color: rgb(169 169 169 / var(--tw-text-opacity));
}

.\[\&_a\]\:text-noco-gray-525 a{
  --tw-text-opacity: 1;
  color: rgb(196 196 196 / var(--tw-text-opacity));
}

.\[\&_a\]\:text-white a{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.\[\&_a\]\:underline a{
  text-decoration-line: underline;
}

.\[\&_a\]\:underline-offset-4 a{
  text-underline-offset: 4px;
}

.\[\&_a\]\:transition-\[color\] a{
  transition-property: color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.\[\&_a\]\:duration-150 a{
  transition-duration: 150ms;
}

.\[\&_b\]\:mb-2 b{
  margin-bottom: 0.5rem;
}

.\[\&_b\]\:font-semibold b{
  font-weight: 600;
}

.\[\&_button\>div\]\:w-full button>div{
  width: 100%;
}

.\[\&_button\]\:w-full button{
  width: 100%;
}

.\[\&_button\]\:rounded-\[1\] button{
  border-radius: 1;
}

.\[\&_button\]\:focus-visible\:outline-\[1\.5px\]:where([data-rac])[data-focus-visible] button{
  outline-width: 1.5px;
}

.\[\&_button\]\:focus-visible\:outline-white:where([data-rac])[data-focus-visible] button{
  outline-color: #fff;
}

.\[\&_button\]\:focus-visible\:outline-\[1\.5px\]:where(:not([data-rac])):focus-visible button{
  outline-width: 1.5px;
}

.\[\&_button\]\:focus-visible\:outline-white:where(:not([data-rac])):focus-visible button{
  outline-color: #fff;
}

@media (min-width: 1024px){

  .lg\:\[\&_button\]\:w-auto button{
    width: auto;
  }
}

.\[\&_div\[data-magento-page-builder\=\"column\"\]\]\:mb-10 div[data-magento-page-builder="column"]{
  margin-bottom: 2.5rem;
}

.\[\&_div\[data-magento-page-builder\=\"column\"\]\]\:w-full div[data-magento-page-builder="column"]{
  width: 100%;
}

.\[\&_div\[data-magento-page-builder\=\"column\"\]\]\:items-center div[data-magento-page-builder="column"]{
  align-items: center;
}

.\[\&_div\[data-magento-page-builder\=\"column\"\]\]\:px-8 div[data-magento-page-builder="column"]{
  padding-left: 2rem;
  padding-right: 2rem;
}

.\[\&_div\[data-magento-page-builder\=\"column\"\]\]\:text-center div[data-magento-page-builder="column"]{
  text-align: center;
}

@media (min-width: 1024px){

  .\[\&_div\[data-magento-page-builder\=\"column\"\]\]\:lg\:w-1\/2 div[data-magento-page-builder="column"]{
    width: 50%;
  }

  .\[\&_div\[data-magento-page-builder\=\"column\"\]\]\:lg\:items-start div[data-magento-page-builder="column"]{
    align-items: flex-start;
  }

  .\[\&_div\[data-magento-page-builder\=\"column\"\]\]\:lg\:text-start div[data-magento-page-builder="column"]{
    text-align: start;
  }
}

.\[\&_div\[data-magento-page-builder\=\"column-line\"\]\]\:flex-col div[data-magento-page-builder="column-line"]{
  flex-direction: column;
}

@media (min-width: 1024px){

  .\[\&_div\[data-magento-page-builder\=\"column-line\"\]\]\:lg\:flex-row div[data-magento-page-builder="column-line"]{
    flex-direction: row;
  }
}

.\[\&_figcaption\]\:flex figcaption{
  display: flex;
}

.\[\&_figcaption\]\:min-h-\[inherit\] figcaption{
  min-height: inherit;
}

.\[\&_figcaption\]\:flex-col figcaption{
  flex-direction: column;
}

.\[\&_figcaption\]\:justify-end figcaption{
  justify-content: flex-end;
}

.\[\&_figcaption\]\:justify-between figcaption{
  justify-content: space-between;
}

@media (min-width: 1024px){

  .lg\:\[\&_figcaption\]\:justify-center figcaption{
    justify-content: center;
  }
}

.\[\&_figure\]\:m-0 figure{
  margin: 0px;
}

.\[\&_figure\]\:h-full figure{
  height: 100%;
}

.\[\&_figure\]\:w-full figure{
  width: 100%;
}

@media not all and (min-width: 1024px){

  .max-lg\:\[\&_figure\]\:min-h-\[13\.44rem\] figure{
    min-height: 13.44rem;
  }
}

.\[\&_figure_img\]\:h-full figure img{
  height: 100%;
}

.\[\&_figure_img\]\:w-full figure img{
  width: 100%;
}

.\[\&_figure_img\]\:object-cover figure img{
  -o-object-fit: cover;
     object-fit: cover;
}

.\[\&_form\]\:flex form{
  display: flex;
}

.\[\&_form\]\:flex-col form{
  flex-direction: column;
}

.\[\&_h3\]\:mb-2 h3{
  margin-bottom: 0.5rem;
}

.\[\&_h3\]\:capitalize h3{
  text-transform: capitalize;
}

.\[\&_h3\]\:typography-LinkBold h3{
  font-family: var(--font-inter);
  font-size: 1rem;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

@media (min-width: 1024px){

  .\[\&_h3\]\:typography-LinkBold h3{
    font-size: 1.125rem;
  }
}

.\[\&_hr\]\:hidden hr{
  display: none;
}

.\[\&_img\]\:m-auto img{
  margin: auto;
}

.\[\&_img\]\:block img{
  display: block;
}

.\[\&_img\]\:h-auto img{
  height: auto;
}

.\[\&_img\]\:h-full img{
  height: 100%;
}

.\[\&_img\]\:max-h-\[inherit\] img{
  max-height: inherit;
}

.\[\&_img\]\:max-h-full img{
  max-height: 100%;
}

.\[\&_img\]\:w-full img{
  width: 100%;
}

.\[\&_img\]\:\!max-w-none img{
  max-width: none !important;
}

.\[\&_img\]\:max-w-full img{
  max-width: 100%;
}

.\[\&_img\]\:shrink-0 img{
  flex-shrink: 0;
}

.\[\&_img\]\:object-contain img{
  -o-object-fit: contain;
     object-fit: contain;
}

.\[\&_img\]\:object-cover img{
  -o-object-fit: cover;
     object-fit: cover;
}

.\[\&_img\]\:object-center img{
  -o-object-position: center;
     object-position: center;
}

.\[\&_img\]\:blur-md img{
  --tw-blur: blur(12px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.\[\&_img\]\:transition-\[filter\] img{
  transition-property: filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.\[\&_img\]\:duration-\[250ms\] img{
  transition-duration: 250ms;
}

.\[\&_img\]\:ease-linear img{
  transition-timing-function: linear;
}

@media (min-width: 1024px){

  .lg\:\[\&_img\]\:aspect-\[16\/12\] img{
    aspect-ratio: 16/12;
  }

  .lg\:\[\&_img\]\:aspect-\[unset\] img{
    aspect-ratio: unset;
  }
}

.\[\&_input\:focus\~label\]\:\!translate-y-\[-85\%\] input:focus~label{
  --tw-translate-y: -85% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.\[\&_input\:focus\~label\]\:bg-transparent input:focus~label{
  background-color: transparent;
}

.\[\&_input\:focus\~label\]\:\[transition\:background-color_0s\2c transform_0\.25s\2c font-size_0\.25s\] input:focus~label{
  transition: background-color 0s,transform 0.25s,font-size 0.25s;
}

.\[\&_input\:not\(\:-moz-placeholder-shown\)\~label\]\:\!translate-y-\[-85\%\] input:not(:-moz-placeholder-shown)~label{
  --tw-translate-y: -85% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.\[\&_input\:not\(\:placeholder-shown\)\~label\]\:\!translate-y-\[-85\%\] input:not(:placeholder-shown)~label{
  --tw-translate-y: -85% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.\[\&_input\:not\(\:-moz-placeholder-shown\)\~label\]\:bg-transparent input:not(:-moz-placeholder-shown)~label{
  background-color: transparent;
}

.\[\&_input\:not\(\:placeholder-shown\)\~label\]\:bg-transparent input:not(:placeholder-shown)~label{
  background-color: transparent;
}

.\[\&_input\:not\(\:-moz-placeholder-shown\)\~label\]\:\[transition\:background-color_0s\2c transform_0\.25s\2c font-size_0\.25s\] input:not(:-moz-placeholder-shown)~label{
  -moz-transition: background-color 0s,transform 0.25s,font-size 0.25s;
  transition: background-color 0s,transform 0.25s,font-size 0.25s;
}

.\[\&_input\:not\(\:placeholder-shown\)\~label\]\:\[transition\:background-color_0s\2c transform_0\.25s\2c font-size_0\.25s\] input:not(:placeholder-shown)~label{
  transition: background-color 0s,transform 0.25s,font-size 0.25s;
}

.\[\&_label\]\:bg-white label{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.\[\&_label\]\:px-0 label{
  padding-left: 0px;
  padding-right: 0px;
}

.\[\&_label\]\:py-2 label{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.\[\&_label\]\:\[transition\:background-color_0s_0\.25s\2c transform_0\.25s\2c font-size_0\.25s\] label{
  transition: background-color 0s 0.25s,transform 0.25s,font-size 0.25s;
}

.\[\&_p\:first-child\]\:mb-6 p:first-child{
  margin-bottom: 1.5rem;
}

.\[\&_p\]\:font-serif p{
  font-family: var(--font-helvetica);
}

.\[\&_p\]\:text-base p{
  font-size: 1rem;
  line-height: 1.5rem;
}

.\[\&_p\]\:font-semibold p{
  font-weight: 600;
}

.\[\&_svg\]\:left-0 svg{
  left: 0px;
}

.\[\&_svg\]\:h-2\.5 svg{
  height: 0.625rem;
}

.\[\&_svg\]\:h-4 svg{
  height: 1rem;
}

.\[\&_svg\]\:w-3\.5 svg{
  width: 0.875rem;
}

.\[\&_svg\]\:w-4 svg{
  width: 1rem;
}

.\[\&_svg\]\:shrink-0 svg{
  flex-shrink: 0;
}

.\[\&_svg\]\:basis-6 svg{
  flex-basis: 1.5rem;
}

@media (min-width: 1024px){

  .lg\:\[\&_svg\]\:left-8 svg{
    left: 2rem;
  }

  .lg\:\[\&_svg\]\:h-4 svg{
    height: 1rem;
  }

  .lg\:\[\&_svg\]\:w-6 svg{
    width: 1.5rem;
  }
}

.\[\&_td\]\:p-0 td{
  padding: 0px;
}

.\[\&_td\]\:text-right td{
  text-align: right;
}

.\[\&_td\]\:text-\[0\.625rem\] td{
  font-size: 0.625rem;
}

.\[\&_td\]\:leading-\[1\.2\] td{
  line-height: 1.2;
}

.\[\&_td\]\:leading-tight td{
  line-height: 1.25;
}

.\[\&_td\]\:\!text-noco-gray-495 td{
  --tw-text-opacity: 1 !important;
  color: rgb(169 169 169 / var(--tw-text-opacity)) !important;
}

.\[\&_td\]\:transition-\[color\] td{
  transition-property: color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.\[\&_td\]\:duration-150 td{
  transition-duration: 150ms;
}

.\[\&_td\]\:before\:content-\[attr\(data-label\)\] td::before{
  --tw-content: attr(data-label);
  content: var(--tw-content);
}

@media (min-width: 1024px){

  .\[\&_td\]\:lg\:px-4 td{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .\[\&_td\]\:lg\:py-\[1\.625rem\] td{
    padding-top: 1.625rem;
    padding-bottom: 1.625rem;
  }

  .\[\&_td\]\:lg\:text-center td{
    text-align: center;
  }

  .\[\&_td\]\:lg\:text-sm td{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .\[\&_td\]\:lg\:before\:content-none td::before{
    --tw-content: none;
    content: var(--tw-content);
  }
}

.\[\&_td_a\]\:text-noco-gray-495 td a{
  --tw-text-opacity: 1;
  color: rgb(169 169 169 / var(--tw-text-opacity));
}

.\[\&_td_a\]\:transition-\[color\] td a{
  transition-property: color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.\[\&_td_a\]\:duration-150 td a{
  transition-duration: 150ms;
}

.\[\&_td_a\]\:hover\:text-white:where([data-rac])[data-hovered] td a{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.\[\&_td_a\]\:hover\:text-white:where(:not([data-rac])):hover td a{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.\[\&_th\]\:p-4 th{
  padding: 1rem;
}

.\[\&_th\]\:text-base th{
  font-size: 1rem;
  line-height: 1.5rem;
}

.\[\&_th\]\:font-bold th{
  font-weight: 700;
}

.\[\&_th\]\:leading-\[150\%\] th{
  line-height: 150%;
}

.\[\&_th\]\:leading-tight th{
  line-height: 1.25;
}

.\[\&_th\]\:\!text-noco-gray-495 th{
  --tw-text-opacity: 1 !important;
  color: rgb(169 169 169 / var(--tw-text-opacity)) !important;
}

.\[\&_th\]\:transition-\[color\] th{
  transition-property: color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.\[\&_th\]\:duration-150 th{
  transition-duration: 150ms;
}

.\[\&_tr\+tr\]\:mt-2 tr+tr{
  margin-top: 0.5rem;
}

.\[\&_ul\]\:flex ul{
  display: flex;
}

.\[\&_ul\]\:list-none ul{
  list-style-type: none;
}

.\[\&_ul\]\:flex-col ul{
  flex-direction: column;
}

.\[\&_ul\]\:gap-2 ul{
  gap: 0.5rem;
}

.\[\&_video\]\:relative video{
  position: relative;
}

.\[\&_video\]\:size-full video{
  width: 100%;
  height: 100%;
}

.\[\&_video\]\:h-auto video{
  height: auto;
}

.\[\&_video\]\:max-h-\[calc\(100vh-7rem\)\] video{
  max-height: calc(100vh - 7rem);
}

.\[\&_video\]\:w-full video{
  width: 100%;
}

.\[\&_video\]\:object-cover video{
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 1024px){

  .lg\:\[\&_video\]\:aspect-video video{
    aspect-ratio: 16 / 9;
  }

  .lg\:\[\&_video\]\:max-h-\[calc\(100vh-12\.5rem\)\] video{
    max-height: calc(100vh - 12.5rem);
  }
}

.\[\&\~button\]\:w-auto~button{
  width: auto;
}

.\[\&\~label\]\:hidden~label{
  display: none;
}

.\[\&\~label\]\:-translate-y-1\/2~label{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\~label\]\:-translate-y-\[115\%\]~label{
  --tw-translate-y: -115%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\~label\]\:text-base~label{
  font-size: 1rem;
  line-height: 1.5rem;
}

.\[\&\~label\]\:text-xs~label{
  font-size: 0.75rem;
  line-height: 1rem;
}

.\[\&\~label\]\:font-normal~label{
  font-weight: 400;
}

.\[\&\~label\]\:font-semibold~label{
  font-weight: 600;
}

.\[\&\~label\]\:\!text-noco-gray-560~label{
  --tw-text-opacity: 1 !important;
  color: rgb(121 121 121 / var(--tw-text-opacity)) !important;
}