/* montserrat-cyrillic-ext-400-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/wwwarc_assets/dist/32618c7b62b4ab3c0aff.woff2) format('woff2'), url(/wwwarc_assets/dist/183f43730b586802d1a0.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* montserrat-cyrillic-400-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/wwwarc_assets/dist/4f7a9c3142f9879900c9.woff2) format('woff2'), url(/wwwarc_assets/dist/439a7e91c905d22b3543.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* montserrat-vietnamese-400-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/wwwarc_assets/dist/176348415471f3e062e6.woff2) format('woff2'), url(/wwwarc_assets/dist/44e6450ead6330cb0b77.woff) format('woff');
  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;
}

/* montserrat-latin-ext-400-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/wwwarc_assets/dist/83d2d15dd908a3cf998f.woff2) format('woff2'), url(/wwwarc_assets/dist/cf42d14e809c6fdc0929.woff) format('woff');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* montserrat-latin-400-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/wwwarc_assets/dist/9ef09180105730e3cb92.woff2) format('woff2'), url(/wwwarc_assets/dist/b48c3d9a8c0a49c1c7b4.woff) format('woff');
  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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* montserrat-cyrillic-ext-500-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/wwwarc_assets/dist/1740f194e0c3ebe8b850.woff2) format('woff2'), url(/wwwarc_assets/dist/9b54d68bdb60515ea339.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* montserrat-cyrillic-500-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/wwwarc_assets/dist/83737b4907f2b870de69.woff2) format('woff2'), url(/wwwarc_assets/dist/076fea1f1bbdb4c825b8.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* montserrat-vietnamese-500-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/wwwarc_assets/dist/f8f72c43a8bce47aaeb4.woff2) format('woff2'), url(/wwwarc_assets/dist/d577c8f0b2444c68a825.woff) format('woff');
  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;
}

/* montserrat-latin-ext-500-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/wwwarc_assets/dist/53f945131a3b26d593f0.woff2) format('woff2'), url(/wwwarc_assets/dist/200823d8d6dd7ed946c4.woff) format('woff');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* montserrat-latin-500-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/wwwarc_assets/dist/63b09632586acfb651b6.woff2) format('woff2'), url(/wwwarc_assets/dist/dc9466031ec251207907.woff) format('woff');
  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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* montserrat-cyrillic-ext-600-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/wwwarc_assets/dist/6c1db8b57d57da3c423a.woff2) format('woff2'), url(/wwwarc_assets/dist/af75954af950433ae8f1.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* montserrat-cyrillic-600-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/wwwarc_assets/dist/b82e05b7b060abc4f245.woff2) format('woff2'), url(/wwwarc_assets/dist/9332165021e9ce9c18d3.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* montserrat-vietnamese-600-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/wwwarc_assets/dist/bf8c4d163d48ddb83633.woff2) format('woff2'), url(/wwwarc_assets/dist/74b5e73b392183c94208.woff) format('woff');
  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;
}

/* montserrat-latin-ext-600-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/wwwarc_assets/dist/94f11761ec625a219b38.woff2) format('woff2'), url(/wwwarc_assets/dist/3daf67ae480b743f1a18.woff) format('woff');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* montserrat-latin-600-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/wwwarc_assets/dist/4201798fe1a74331c392.woff2) format('woff2'), url(/wwwarc_assets/dist/002a67051dc399981892.woff) format('woff');
  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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* montserrat-cyrillic-ext-700-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/wwwarc_assets/dist/3c105e2b6760727d2ce4.woff2) format('woff2'), url(/wwwarc_assets/dist/cb1da90183974cd9cbf4.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* montserrat-cyrillic-700-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/wwwarc_assets/dist/a6dbc63be4a44611c77e.woff2) format('woff2'), url(/wwwarc_assets/dist/a9fa4b119e95aa47476a.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* montserrat-vietnamese-700-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/wwwarc_assets/dist/d274db79ab234f7cb0d3.woff2) format('woff2'), url(/wwwarc_assets/dist/7f36fdd80622d0738fa9.woff) format('woff');
  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;
}

/* montserrat-latin-ext-700-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/wwwarc_assets/dist/75cf2120bd888f787653.woff2) format('woff2'), url(/wwwarc_assets/dist/50a8a9f96e9f056af33b.woff) format('woff');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* montserrat-latin-700-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/wwwarc_assets/dist/8ee112252f6bd5f0d5bd.woff2) format('woff2'), url(/wwwarc_assets/dist/f1715a34ee999e9315e6.woff) format('woff');
  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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* montserrat-cyrillic-ext-900-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(/wwwarc_assets/dist/c7d9ef873b80f861f276.woff2) format('woff2'), url(/wwwarc_assets/dist/a237996823c169bd8910.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* montserrat-cyrillic-900-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(/wwwarc_assets/dist/56b0080b42797150432a.woff2) format('woff2'), url(/wwwarc_assets/dist/db7573cff31578b8dde3.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* montserrat-vietnamese-900-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(/wwwarc_assets/dist/202baed987f146f1213a.woff2) format('woff2'), url(/wwwarc_assets/dist/6a8eec3c32d127fe1f0c.woff) format('woff');
  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;
}

/* montserrat-latin-ext-900-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(/wwwarc_assets/dist/d5c49a65f95ded75e434.woff2) format('woff2'), url(/wwwarc_assets/dist/46efa391d054283354c0.woff) format('woff');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* montserrat-latin-900-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(/wwwarc_assets/dist/55df880ad9bbd18ed75d.woff2) format('woff2'), url(/wwwarc_assets/dist/d933ac094a038c3332d0.woff) format('woff');
  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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* work-sans-vietnamese-wght-normal */
@font-face {
  font-family: 'Work Sans Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/wwwarc_assets/dist/b56e571bcfc5e2c2f00e.woff2) format('woff2-variations');
  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;
}

/* work-sans-latin-ext-wght-normal */
@font-face {
  font-family: 'Work Sans Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/wwwarc_assets/dist/1ecd21fe07b6dd5d23ba.woff2) format('woff2-variations');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* work-sans-latin-wght-normal */
@font-face {
  font-family: 'Work Sans Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/wwwarc_assets/dist/ef5a90754bd421aa81fb.woff2) format('woff2-variations');
  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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
*, ::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: rgba(59, 130, 246, 0.5);
        --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
        --tw-ring-shadow: 0 0 rgba(0,0,0,0);
        --tw-shadow: 0 0 rgba(0,0,0,0);
        --tw-shadow-colored: 0 0 rgba(0,0,0,0);
        --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:  ;
}

::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: rgba(59, 130, 246, 0.5);
        --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
        --tw-ring-shadow: 0 0 rgba(0,0,0,0);
        --tw-shadow: 0 0 rgba(0,0,0,0);
        --tw-shadow-colored: 0 0 rgba(0,0,0,0);
        --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:  ;
}
.container{
        width: 100%;
}
@media (min-width: 640px){

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

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

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

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

        .container{
                max-width: 1536px;
        }
}
body{
        margin: 0px;
        min-height: 100vh;
        background: radial-gradient(129% 100% at 50% 0%, #373541 0%, #1C1B21 38%);
}
#app{
        display: flex;
        min-height: 100vh;
        width: 100%;
        flex-direction: column;
        align-items: stretch;
}
.primary-button{
        border-radius: 0.125rem;
        background-image: linear-gradient(90deg, var(--primaryButtonColor2), var(--primaryButtonColor1) 49.5%);
        padding-left: 2rem;
        padding-right: 2rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        font-family: Montserrat, sans-serif;
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 700;
        text-transform: uppercase;
        transition: --primaryButtonColor1 150ms, --primaryButtonColor2 150ms;
}
.primary-button:hover {
        --primaryButtonColor1: var(--primary-200);
    }
.primary-button:active {
        --primaryButtonColor1: var(--primary-400);
        --primaryButtonColor2: var(--primary-400);
    }
.primary-button--rounded{
        border-radius: 9999px;
}
.secondary-button{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        border-radius: 0.125rem;
        border-width: 2px;
        border-style: solid;
        --tw-border-opacity: 1;
        border-color: rgba(214, 214, 215, 1);
        border-color: rgb(214 214 215 / var(--tw-border-opacity));
        background-color: transparent;
        padding-left: 2rem;
        padding-right: 2rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        font-family: Montserrat, sans-serif;
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 700;
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, 1);
        color: rgb(255 255 255 / var(--tw-text-opacity));
        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;
}
.secondary-button:hover{
        background-color: rgba(255,255,255,0.16);
}
.secondary-button:focus{
        --tw-border-opacity: 1;
        border-color: rgba(121, 107, 195, 1);
        border-color: rgb(121 107 195 / var(--tw-border-opacity));
        background-color: rgba(255,255,255,0.16);
}
.secondary-button:active{
        --tw-border-opacity: 1;
        border-color: rgba(255, 255, 255, 1);
        border-color: rgb(255 255 255 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgba(0, 0, 0, 1);
        background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.secondary-button:disabled{
        --tw-border-opacity: 1;
        border-color: rgba(73, 71, 84, 1);
        border-color: rgb(73 71 84 / var(--tw-border-opacity));
        --tw-text-opacity: 1;
        color: rgba(73, 71, 84, 1);
        color: rgb(73 71 84 / var(--tw-text-opacity));
}
.secondary-button--rounded{
        border-radius: 9999px;
}
.constrained-section{
        margin: auto;
        width: 100%;
        max-width: 1400px;
        padding-left: 2rem;
        padding-right: 2rem;
}
.pointer-events-none{
        pointer-events: none;
}
.visible{
        visibility: visible;
}
.fixed{
        position: fixed;
}
.absolute{
        position: absolute;
}
.relative{
        position: relative;
}
.left-1\/2{
        left: 50%;
}
.left-auto{
        left: auto;
}
.right-3{
        right: 0.75rem;
}
.right-\[30px\]{
        right: 30px;
}
.top-0{
        top: 0px;
}
.top-1\/2{
        top: 50%;
}
.top-3{
        top: 0.75rem;
}
.top-\[30px\]{
        top: 30px;
}
.top-\[392px\]{
        top: 392px;
}
.z-10{
        z-index: 10;
}
.z-20{
        z-index: 20;
}
.z-50{
        z-index: 50;
}
.col-span-2{
        grid-column: span 2 / span 2;
}
.col-span-full{
        grid-column: 1 / -1;
}
.col-start-2{
        grid-column-start: 2;
}
.row-start-1{
        grid-row-start: 1;
}
.row-start-2{
        grid-row-start: 2;
}
.row-end-3{
        grid-row-end: 3;
}
.m-0{
        margin: 0px;
}
.m-8{
        margin: 2rem;
}
.m-auto{
        margin: auto;
}
.mx-2{
        margin-left: 0.5rem;
        margin-right: 0.5rem;
}
.mx-auto{
        margin-left: auto;
        margin-right: auto;
}
.my-0{
        margin-top: 0px;
        margin-bottom: 0px;
}
.my-4{
        margin-top: 1rem;
        margin-bottom: 1rem;
}
.my-8{
        margin-top: 2rem;
        margin-bottom: 2rem;
}
.-mt-7{
        margin-top: -1.75rem;
}
.mb-11{
        margin-bottom: 2.75rem;
}
.mb-4{
        margin-bottom: 1rem;
}
.mb-6{
        margin-bottom: 1.5rem;
}
.mb-8{
        margin-bottom: 2rem;
}
.ml-auto{
        margin-left: auto;
}
.mr-1{
        margin-right: 0.25rem;
}
.mr-1\.5{
        margin-right: 0.375rem;
}
.mr-2{
        margin-right: 0.5rem;
}
.mt-0{
        margin-top: 0px;
}
.mt-\[0\.45rem\]{
        margin-top: 0.45rem;
}
.line-clamp-3{
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
}
.block{
        display: block;
}
.flex{
        display: flex;
}
.inline-flex{
        display: inline-flex;
}
.grid{
        display: grid;
}
.contents{
        display: contents;
}
.hidden{
        display: none;
}
.aspect-\[616\/353\]{
        aspect-ratio: 616/353;
}
.aspect-square{
        aspect-ratio: 1 / 1;
}
.aspect-video{
        aspect-ratio: 16 / 9;
}
.h-1{
        height: 0.25rem;
}
.h-1\/3{
        height: 33.333333%;
}
.h-4{
        height: 1rem;
}
.h-\[22px\]{
        height: 22px;
}
.h-\[34px\]{
        height: 34px;
}
.h-\[42px\]{
        height: 42px;
}
.h-\[47px\]{
        height: 47px;
}
.h-\[4px\]{
        height: 4px;
}
.h-\[54px\]{
        height: 54px;
}
.h-\[80\%\]{
        height: 80%;
}
.h-\[80px\]{
        height: 80px;
}
.h-auto{
        height: auto;
}
.h-full{
        height: 100%;
}
.h-max{
        height: -moz-max-content;
        height: max-content;
}
.h-min{
        height: -moz-min-content;
        height: min-content;
}
.h-screen{
        height: 100vh;
}
.\!max-h-\[60vh\]{
        max-height: 60vh !important;
}
.max-h-72{
        max-height: 18rem;
}
.max-h-\[200px\]{
        max-height: 200px;
}
.max-h-\[50\%\]{
        max-height: 50%;
}
.max-h-full{
        max-height: 100%;
}
.min-h-\[686px\]{
        min-height: 686px;
}
.min-h-\[70px\]{
        min-height: 70px;
}
.min-h-full{
        min-height: 100%;
}
.min-h-screen{
        min-height: 100vh;
}
.w-1\/3{
        width: 33.333333%;
}
.w-10\/12{
        width: 83.333333%;
}
.w-4{
        width: 1rem;
}
.w-\[18px\]{
        width: 18px;
}
.w-\[20px\]{
        width: 20px;
}
.w-\[27px\]{
        width: 27px;
}
.w-\[30px\]{
        width: 30px;
}
.w-\[34px\]{
        width: 34px;
}
.w-\[43px\]{
        width: 43px;
}
.w-\[80\%\]{
        width: 80%;
}
.w-\[calc\(var\(--input-width\)\+30px\)\]{
        width: calc(var(--input-width) + 30px);
}
.w-full{
        width: 100%;
}
.w-screen{
        width: 100vw;
}
.min-w-\[115\]{
        min-width: 115;
}
.min-w-\[1200px\]{
        min-width: 1200px;
}
.min-w-full{
        min-width: 100%;
}
.max-w-\[516px\]{
        max-width: 516px;
}
.max-w-\[66px\]{
        max-width: 66px;
}
.flex-\[0_0_100\%\]{
        flex: 0 0 100%;
}
.flex-\[0_0_100px\]{
        flex: 0 0 100px;
}
.shrink-0{
        flex-shrink: 0;
}
.grow{
        flex-grow: 1;
}
.-translate-x-1\/2{
        --tw-translate-x: -50%;
        transform: translate(-50%, 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: 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-\[9\%\]{
        --tw-translate-x: -9%;
        transform: translate(-9%, 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: 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), -50%) 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: 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-\[6px\]{
        --tw-translate-y: 6px;
        transform: translate(var(--tw-translate-x), 6px) 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: 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-6{
        --tw-rotate: -6deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-6deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        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));
}
.cursor-pointer{
        cursor: pointer;
}
.list-none{
        list-style-type: none;
}
.columns-1{
        -moz-columns: 1;
             columns: 1;
}
.grid-flow-col-dense{
        grid-auto-flow: column dense;
}
.auto-rows-fr{
        grid-auto-rows: minmax(0, 1fr);
}
.grid-cols-1{
        grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2{
        grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-\[0_120px_1fr\]{
        grid-template-columns: 0 120px 1fr;
}
.grid-cols-\[100\%\]{
        grid-template-columns: 100%;
}
.grid-cols-\[100px_1fr\]{
        grid-template-columns: 100px 1fr;
}
.grid-cols-\[40\%_60\%\]{
        grid-template-columns: 40% 60%;
}
.grid-cols-\[auto_1fr\]{
        grid-template-columns: auto 1fr;
}
.grid-cols-\[auto_auto_1fr\]{
        grid-template-columns: auto auto 1fr;
}
.grid-cols-\[max-content_1fr\]{
        grid-template-columns: max-content 1fr;
}
.grid-cols-\[min-content_1fr\]{
        grid-template-columns: min-content 1fr;
}
.grid-cols-\[repeat\(auto-fill\2c _minmax\(280px\2c _1fr\)\)\]{
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
.grid-rows-2{
        grid-template-rows: repeat(2, minmax(0, 1fr));
}
.grid-rows-\[1fr_56px\]{
        grid-template-rows: 1fr 56px;
}
.grid-rows-\[428px_1fr\]{
        grid-template-rows: 428px 1fr;
}
.flex-row{
        flex-direction: row;
}
.flex-col{
        flex-direction: column;
}
.flex-wrap{
        flex-wrap: wrap;
}
.place-content-center{
        align-content: center;
        justify-content: center;
        place-content: center;
}
.items-start{
        align-items: flex-start;
}
.items-center{
        align-items: center;
}
.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;
}
.justify-stretch{
        justify-content: stretch;
}
.gap-1{
        gap: 0.25rem;
}
.gap-2{
        gap: 0.5rem;
}
.gap-4{
        gap: 1rem;
}
.gap-6{
        gap: 1.5rem;
}
.gap-8{
        gap: 2rem;
}
.gap-px{
        gap: 1px;
}
.gap-x-2{
        -moz-column-gap: 0.5rem;
             column-gap: 0.5rem;
}
.gap-y-1{
        row-gap: 0.25rem;
}
.gap-y-4{
        row-gap: 1rem;
}
.overflow-hidden{
        overflow: hidden;
}
.overflow-y-scroll{
        overflow-y: scroll;
}
.text-ellipsis{
        text-overflow: ellipsis;
}
.hyphens-auto{
        -webkit-hyphens: auto;
                hyphens: auto;
}
.whitespace-normal{
        white-space: normal;
}
.whitespace-nowrap{
        white-space: nowrap;
}
.whitespace-pre-line{
        white-space: pre-line;
}
.break-words{
        word-wrap: break-word;
}
.rounded{
        border-radius: 0.25rem;
}
.rounded-full{
        border-radius: 9999px;
}
.rounded-lg{
        border-radius: 0.5rem;
}
.rounded-sm{
        border-radius: 0.125rem;
}
.rounded-t-lg{
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0.5rem;
}
.border{
        border-width: 1px;
}
.border-0{
        border-width: 0px;
}
.border-b-0{
        border-bottom-width: 0px;
}
.border-l-\[3px\]{
        border-left-width: 3px;
}
.border-t{
        border-top-width: 1px;
}
.border-solid{
        border-style: solid;
}
.border-\[rgba\(255\2c 255\2c 255\2c \.1\)\]{
        border-color: rgba(255,255,255,.1);
}
.border-\[rgba\(255\2c 255\2c 255\2c 0\.1\)\]{
        border-color: rgba(255,255,255,0.1);
}
.border-\[rgba\(255\2c 255\2c 255\2c 0\.2\)\]{
        border-color: rgba(255,255,255,0.2);
}
.border-neutral300{
        --tw-border-opacity: 1;
        border-color: rgba(55, 53, 65, 1);
        border-color: rgb(55 53 65 / var(--tw-border-opacity));
}
.border-neutral50{
        --tw-border-opacity: 1;
        border-color: rgba(214, 214, 215, 1);
        border-color: rgb(214 214 215 / var(--tw-border-opacity));
}
.border-primary300{
        --tw-border-opacity: 1;
        border-color: rgba(240, 25, 69, 1);
        border-color: rgb(240 25 69 / var(--tw-border-opacity));
}
.border-surface-primary{
        --tw-border-opacity: 1;
        border-color: rgba(240, 25, 69, 1);
        border-color: rgb(240 25 69 / var(--tw-border-opacity));
}
.border-textTertiary{
        --tw-border-opacity: 1;
        border-color: rgba(242, 242, 245, 1);
        border-color: rgb(242 242 245 / var(--tw-border-opacity));
}
.bg-\[\#28282e\]{
        --tw-bg-opacity: 1;
        background-color: rgba(40, 40, 46, 1);
        background-color: rgb(40 40 46 / var(--tw-bg-opacity));
}
.bg-\[rgba\(0\2c 0\2c 0\2c \.16\)\]{
        background-color: rgba(0,0,0,.16);
}
.bg-\[rgba\(0\2c 0\2c 0\2c \.7\)\]{
        background-color: rgba(0,0,0,.7);
}
.bg-black{
        --tw-bg-opacity: 1;
        background-color: rgba(0, 0, 0, 1);
        background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-black\/\[\.24\]{
        background-color: rgba(0, 0, 0, .24);
}
.bg-neutral100{
        --tw-bg-opacity: 1;
        background-color: rgba(173, 173, 175, 1);
        background-color: rgb(173 173 175 / var(--tw-bg-opacity));
}
.bg-neutral200{
        --tw-bg-opacity: 1;
        background-color: rgba(73, 71, 84, 1);
        background-color: rgb(73 71 84 / var(--tw-bg-opacity));
}
.bg-neutral300{
        --tw-bg-opacity: 1;
        background-color: rgba(55, 53, 65, 1);
        background-color: rgb(55 53 65 / var(--tw-bg-opacity));
}
.bg-neutral400{
        --tw-bg-opacity: 1;
        background-color: rgba(46, 43, 54, 1);
        background-color: rgb(46 43 54 / var(--tw-bg-opacity));
}
.bg-neutral500{
        --tw-bg-opacity: 1;
        background-color: rgba(28, 27, 33, 1);
        background-color: rgb(28 27 33 / var(--tw-bg-opacity));
}
.bg-primary300{
        --tw-bg-opacity: 1;
        background-color: rgba(240, 25, 69, 1);
        background-color: rgb(240 25 69 / var(--tw-bg-opacity));
}
.bg-surface-information{
        --tw-bg-opacity: 1;
        background-color: rgba(53, 42, 108, 1);
        background-color: rgb(53 42 108 / var(--tw-bg-opacity));
}
.bg-surface-page-lv0{
        --tw-bg-opacity: 1;
        background-color: rgba(28, 27, 33, 1);
        background-color: rgb(28 27 33 / var(--tw-bg-opacity));
}
.bg-surface-page-lv1{
        --tw-bg-opacity: 1;
        background-color: rgba(46, 43, 54, 1);
        background-color: rgb(46 43 54 / var(--tw-bg-opacity));
}
.bg-surface-page-lv2{
        --tw-bg-opacity: 1;
        background-color: rgba(55, 53, 65, 1);
        background-color: rgb(55 53 65 / var(--tw-bg-opacity));
}
.bg-surface-primary{
        --tw-bg-opacity: 1;
        background-color: rgba(240, 25, 69, 1);
        background-color: rgb(240 25 69 / var(--tw-bg-opacity));
}
.bg-transparent{
        background-color: transparent;
}
.bg-white{
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, 1);
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-opacity-10{
        --tw-bg-opacity: 0.1;
}
.bg-10p-dark-tile{
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), url(/wwwarc_assets/dist/7865523b38e50760c53a.jpg);
}
.bg-\[url\(\'ImagesNew\/storefront\/select-arrow\.png\'\)\]{
        background-image: url(/wwwarc_assets/dist/6e6f168a8616f5c88fa8.png);
}
.bg-age-gate-gradient{
        background-image: radial-gradient(66.64% 23.63% at 50% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0) 100%), url(/wwwarc_assets/dist/7865523b38e50760c53a.jpg);
}
.bg-contain{
        background-size: contain;
}
.bg-cover{
        background-size: cover;
}
.bg-center{
        background-position: center;
}
.bg-repeat{
        background-repeat: repeat;
}
.bg-no-repeat{
        background-repeat: no-repeat;
}
.fill-\[\#E83F29\]{
        fill: #E83F29;
}
.fill-icon-action{
        fill: #ADADAF;
}
.fill-textPrimary{
        fill: #FFF;
}
.fill-textSecondary{
        fill: #D6D6D7;
}
.object-contain{
        -o-object-fit: contain;
           object-fit: contain;
}
.object-cover{
        -o-object-fit: cover;
           object-fit: cover;
}
.object-fill{
        -o-object-fit: fill;
           object-fit: fill;
}
.object-bottom{
        -o-object-position: bottom;
           object-position: bottom;
}
.object-center{
        -o-object-position: center;
           object-position: center;
}
.object-left{
        -o-object-position: left;
           object-position: left;
}
.object-left-bottom{
        -o-object-position: left bottom;
           object-position: left bottom;
}
.object-left-top{
        -o-object-position: left top;
           object-position: left top;
}
.object-right{
        -o-object-position: right;
           object-position: right;
}
.object-right-bottom{
        -o-object-position: right bottom;
           object-position: right bottom;
}
.object-right-top{
        -o-object-position: right top;
           object-position: right top;
}
.object-top{
        -o-object-position: top;
           object-position: top;
}
.p-0{
        padding: 0px;
}
.p-1{
        padding: 0.25rem;
}
.p-2{
        padding: 0.5rem;
}
.p-4{
        padding: 1rem;
}
.p-6{
        padding: 1.5rem;
}
.px-2{
        padding-left: 0.5rem;
        padding-right: 0.5rem;
}
.px-4{
        padding-left: 1rem;
        padding-right: 1rem;
}
.px-8{
        padding-left: 2rem;
        padding-right: 2rem;
}
.py-12{
        padding-top: 3rem;
        padding-bottom: 3rem;
}
.py-2{
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
}
.py-4{
        padding-top: 1rem;
        padding-bottom: 1rem;
}
.pb-0{
        padding-bottom: 0px;
}
.pb-40{
        padding-bottom: 10rem;
}
.pb-8{
        padding-bottom: 2rem;
}
.pl-4{
        padding-left: 1rem;
}
.pr-2{
        padding-right: 0.5rem;
}
.pr-4{
        padding-right: 1rem;
}
.pr-8{
        padding-right: 2rem;
}
.pt-1{
        padding-top: 0.25rem;
}
.text-left{
        text-align: left;
}
.text-center{
        text-align: center;
}
.font-montserrat{
        font-family: Montserrat, sans-serif;
}
.font-roboto{
        font-family: roboto, sans-serif;
}
.font-work-sans{
        font-family: Work Sans Variable, sans-serif;
}
.text-2xl{
        font-size: 1.5rem;
        line-height: 2rem;
}
.text-\[11px\]{
        font-size: 11px;
}
.text-\[13px\]{
        font-size: 13px;
}
.text-\[15px\]{
        font-size: 15px;
}
.text-base{
        font-size: 1rem;
        line-height: 1.5rem;
}
.text-body-base{
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 400;
}
.text-body-caption{
        font-size: .75rem;
        line-height: 1.125rem;
        font-weight: 400;
}
.text-body-md{
        font-size: 1rem;
        line-height: 1.375rem;
        font-weight: 400;
}
.text-heading-3xl{
        font-size: 2.25rem;
        line-height: 2.5rem;
        font-weight: 900;
}
.text-heading-base{
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 600;
}
.text-heading-lg{
        font-size: 1.25rem;
        line-height: 1.375rem;
        font-weight: 700;
}
.text-heading-md{
        font-size: 1rem;
        line-height: 1.25rem;
        font-weight: 600;
}
.text-heading-xl{
        font-size: 1.5rem;
        line-height: 1.625rem;
        font-weight: 700;
}
.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-black{
        font-weight: 900;
}
.font-bold{
        font-weight: 700;
}
.font-medium{
        font-weight: 500;
}
.font-normal{
        font-weight: 400;
}
.font-semibold{
        font-weight: 600;
}
.uppercase{
        text-transform: uppercase;
}
.leading-none{
        line-height: 1;
}
.tracking-wider{
        letter-spacing: 0.05em;
}
.tracking-widest{
        letter-spacing: 0.1em;
}
.text-\[\#a8a8a8\]{
        --tw-text-opacity: 1;
        color: rgba(168, 168, 168, 1);
        color: rgb(168 168 168 / var(--tw-text-opacity));
}
.text-\[\#d9d9d9\]{
        --tw-text-opacity: 1;
        color: rgba(217, 217, 217, 1);
        color: rgb(217 217 217 / var(--tw-text-opacity));
}
.text-error-red{
        --tw-text-opacity: 1;
        color: rgba(255, 0, 0, 1);
        color: rgb(255 0 0 / var(--tw-text-opacity));
}
.text-neutral-surface-negative{
        --tw-text-opacity: 1;
        color: rgba(239, 238, 241, 1);
        color: rgb(239 238 241 / var(--tw-text-opacity));
}
.text-neutral100{
        --tw-text-opacity: 1;
        color: rgba(173, 173, 175, 1);
        color: rgb(173 173 175 / var(--tw-text-opacity));
}
.text-neutral50{
        --tw-text-opacity: 1;
        color: rgba(214, 214, 215, 1);
        color: rgb(214 214 215 / var(--tw-text-opacity));
}
.text-primary200{
        --tw-text-opacity: 1;
        color: rgba(245, 94, 125, 1);
        color: rgb(245 94 125 / var(--tw-text-opacity));
}
.text-primary300{
        --tw-text-opacity: 1;
        color: rgba(240, 25, 69, 1);
        color: rgb(240 25 69 / var(--tw-text-opacity));
}
.text-surface-primary{
        --tw-text-opacity: 1;
        color: rgba(240, 25, 69, 1);
        color: rgb(240 25 69 / var(--tw-text-opacity));
}
.text-text-link{
        --tw-text-opacity: 1;
        color: rgba(245, 94, 125, 1);
        color: rgb(245 94 125 / var(--tw-text-opacity));
}
.text-textDisabled{
        --tw-text-opacity: 1;
        color: rgba(173, 173, 175, 1);
        color: rgb(173 173 175 / var(--tw-text-opacity));
}
.text-textPrimary{
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, 1);
        color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-textSecondary{
        --tw-text-opacity: 1;
        color: rgba(214, 214, 215, 1);
        color: rgb(214 214 215 / var(--tw-text-opacity));
}
.text-textTertiary{
        --tw-text-opacity: 1;
        color: rgba(242, 242, 245, 1);
        color: rgb(242 242 245 / var(--tw-text-opacity));
}
.text-white{
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, 1);
        color: rgb(255 255 255 / var(--tw-text-opacity));
}
.no-underline{
        text-decoration-line: none;
}
.opacity-0{
        opacity: 0;
}
.opacity-100{
        opacity: 1;
}
.shadow{
        --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: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_4px_0px_\#00000029\]{
        --tw-shadow: 0 4px 4px 0px rgba(0,0,0,0.16078);
        --tw-shadow-colored: 0 4px 4px 0px var(--tw-shadow-color);
        box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 4px 4px 0px rgba(0,0,0,0.16078);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none{
        outline: 2px solid transparent;
        outline-offset: 2px;
}
.outline-white{
        outline-color: #fff;
}
.blur{
        --tw-blur: blur(8px);
        filter: blur(8px) 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: 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 rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(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) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(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);
}
.drop-shadow-\[-4px_16px_32px_rgb\(0\2c 0\2c 0\)\]{
        --tw-drop-shadow: drop-shadow(-4px 16px 32px rgb(0,0,0));
        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) drop-shadow(-4px 16px 32px rgb(0,0,0));
        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-base{
        --tw-drop-shadow: drop-shadow(drop-shadow(0 4px 4px rgba(0,0,0,0.16078)));
        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) drop-shadow(drop-shadow(0 4px 4px rgba(0,0,0,0.16078)));
        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-darker{
        --tw-drop-shadow: drop-shadow(drop-shadow(0 4px 4px rgba(0,0,0,0.25098)));
        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) drop-shadow(drop-shadow(0 4px 4px rgba(0,0,0,0.25098)));
        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-xl{
        --tw-backdrop-blur: blur(24px);
        -webkit-backdrop-filter: blur(24px) 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: blur(24px) 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);
        -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-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-opacity{
        transition-property: opacity;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
}
.duration-150{
        transition-duration: 150ms;
}
.duration-75{
        transition-duration: 75ms;
}
.content-visibility-auto {
        content-visibility: auto;
    }
.transition-dialog {
        /* Html dialog boxed are weird when closing, these styles normalize it. */
        pointer-events: none;
        position: fixed;
        overflow: hidden;
    }
.transition-dialog[open]{
        pointer-events: auto;
        overflow: visible;
}
.transition-dialog {
        top: 0;
        bottom: 0;
    }
.detailedTextFade {
        background-image: linear-gradient(#fff 0%, #fff calc(100% - 40px),rgba(0,0,0,0));
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
.\[mask-image\:linear-gradient\(rgba\(0\2c 0\2c 0\2c 0\.5\)_0\%\2c _rgba\(0\2c 0\2c 0\2c 0\.5\)_70\%\2c _transparent\)\]{
        -webkit-mask-image: linear-gradient(rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 70%, transparent);
                mask-image: linear-gradient(rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 70%, transparent);
}

:root {
    --primary-400: #C01437;
    --primary-300: #F01945;
    --primary-200: #F55E7D;

    --surface-highlight: var(--primary-300);
}

@property --primaryButtonColor1 {
    syntax: '<color>';
    initial-value: #F01945;
    inherits: false;
}
  
@property --primaryButtonColor2 {
    syntax: '<color>';
    initial-value: #F55E7D;
    inherits: false;
}

@supports (scrollbar-width: thin) {
    :root {
        scrollbar-color: rgba(255, 255, 255, 0.2) #000000;
        scrollbar-width: thin;
    }
}

@supports not (scrollbar-width: thin) {
    *::-webkit-scrollbar {
        width: 8px;
    }
    *::-webkit-scrollbar-track {
        background-color: #000;
    }
    *::-webkit-scrollbar-thumb {
        background-color: rgba(255, 255, 255, 0.2);
    }
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: white;
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
.footer-section__logo > img {
    height: 90px;
}

.spinner {
    width: 20px;
    height: 20px;
    border: 2px solid #FFF;
    border-bottom-color: #FF3D00;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

.store-gameItem-hover:hover{
        --tw-bg-opacity: 1;
        background-color: rgba(73, 71, 84, 1);
        background-color: rgb(73 71 84 / var(--tw-bg-opacity));
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.25);
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
} 
/* 进度条动画 */
@keyframes fillIndicatorProgress {
    from {
      width: 0;
    }
    to {
      width: 100%;
    }
}
@keyframes RefillIndicatorProgress {
    from {
      width: 0;
    }
    to {
      width: 100%;
    }
}
  
.indicator-progress {
    position: relative;
  }
  
.indicator-progress::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgba(240, 25, 69, 1);
    background-color: rgb(240 25 69 / var(--tw-bg-opacity));
    animation: fillIndicatorProgress  5s linear;
    animation-play-state: running;
}

.indicator-paused::before {
    animation-play-state: paused;
}

.backdrop\:bg-black::backdrop{
        --tw-bg-opacity: 1;
        background-color: rgba(0, 0, 0, 1);
        background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.backdrop\:bg-opacity-80::backdrop{
        --tw-bg-opacity: 0.8;
}

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

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

.after\:bg-\[linear-gradient\(180deg\2c _rgba\(0\2c 0\2c 0\2c 0\)_78\.96\%\2c _\#000000_100\%\)\]::after{
        content: var(--tw-content);
        background-image: linear-gradient(180deg, rgba(0,0,0,0) 78.96%, #000000 100%);
}

.after\:content-\[\'\'\]::after{
        --tw-content: '';
        content: '';
        content: var(--tw-content);
}

.last\:\[mask-image\:linear-gradient\(\#000\2c \#000_90\%\2c transparent_100\%\)\]:last-child{
        -webkit-mask-image: linear-gradient(#000,#000 90%,transparent 100%);
                mask-image: linear-gradient(#000,#000 90%,transparent 100%);
}

.even\:bg-neutral400:nth-child(even){
        --tw-bg-opacity: 1;
        background-color: rgba(46, 43, 54, 1);
        background-color: rgb(46 43 54 / var(--tw-bg-opacity));
}

.open\:opacity-100[open]{
        opacity: 1;
}

.empty\:invisible:empty{
        visibility: hidden;
}

.empty\:hidden:empty{
        display: none;
}

.focus-within\:outline-2:focus-within{
        outline-width: 2px;
}

.focus-within\:ring:focus-within{
        --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-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-within\:ring-inset:focus-within{
        --tw-ring-inset: inset;
}

.focus-within\:ring-border-primary-contrast:focus-within{
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(249, 163, 181, var(--tw-ring-opacity));
}

.focus-within\:ring-border-secondary-default:focus-within{
        --tw-ring-opacity: 1;
        --tw-ring-color: rgba(121, 107, 195, var(--tw-ring-opacity));
}

@media (hover: hover) and (pointer: fine){

        .hover\:border-white:hover{
                --tw-border-opacity: 1;
                border-color: rgba(255, 255, 255, 1);
                border-color: rgb(255 255 255 / var(--tw-border-opacity));
        }

        .hover\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.05\)\]:hover{
                background-color: rgba(255,255,255,0.05);
        }

        .hover\:bg-neutral50:hover{
                --tw-bg-opacity: 1;
                background-color: rgba(214, 214, 215, 1);
                background-color: rgb(214 214 215 / var(--tw-bg-opacity));
        }

        .hover\:bg-surface-page-lv3:hover{
                --tw-bg-opacity: 1;
                background-color: rgba(73, 71, 84, 1);
                background-color: rgb(73 71 84 / var(--tw-bg-opacity));
        }

        .hover\:bg-surface-primary-hover:hover{
                --tw-bg-opacity: 1;
                background-color: rgba(245, 94, 125, 1);
                background-color: rgb(245 94 125 / var(--tw-bg-opacity));
        }

        .hover\:bg-20p-dark-tile:hover{
                background-image: linear-gradient(to right, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), url(/wwwarc_assets/dist/7865523b38e50760c53a.jpg);
        }

        .hover\:text-neutral50:hover{
                --tw-text-opacity: 1;
                color: rgba(214, 214, 215, 1);
                color: rgb(214 214 215 / var(--tw-text-opacity));
        }

        .hover\:text-white:hover{
                --tw-text-opacity: 1;
                color: rgba(255, 255, 255, 1);
                color: rgb(255 255 255 / var(--tw-text-opacity));
        }

        .hover\:underline:hover{
                text-decoration-line: underline;
        }
}

.focus-visible\:outline-none:focus-visible{
        outline: 2px solid transparent;
        outline-offset: 2px;
}

.disabled\:pointer-events-none:disabled{
        pointer-events: none;
}

.disabled\:border-neutral200:disabled{
        --tw-border-opacity: 1;
        border-color: rgba(73, 71, 84, 1);
        border-color: rgb(73 71 84 / var(--tw-border-opacity));
}

.disabled\:text-neutral200:disabled{
        --tw-text-opacity: 1;
        color: rgba(73, 71, 84, 1);
        color: rgb(73 71 84 / var(--tw-text-opacity));
}

@media (hover: hover) and (pointer: fine){

        .group:hover .group-hover\:fill-white{
                fill: #fff;
        }
}

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

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

@media (min-width: 640px){

        .sm\:flex{
                display: flex;
        }

        .sm\:h-\[28px\]{
                height: 28px;
        }

        .sm\:h-\[69px\]{
                height: 69px;
        }

        .sm\:grow{
                flex-grow: 1;
        }

        .sm\:gap-x-4{
                -moz-column-gap: 1rem;
                     column-gap: 1rem;
        }
}

@media (min-width: 768px){

        .md\:top-\[420px\]{
                top: 420px;
        }

        .md\:order-last{
                order: 9999;
        }

        .md\:block{
                display: block;
        }

        .md\:h-\[100px\]{
                height: 100px;
        }

        .md\:h-\[181px\]{
                height: 181px;
        }

        .md\:min-h-\[540px\]{
                min-height: 540px;
        }

        .md\:grid-cols-\[144px_1fr\]{
                grid-template-columns: 144px 1fr;
        }

        .md\:grid-cols-\[1fr_380px\]{
                grid-template-columns: 1fr 380px;
        }

        .md\:grid-cols-\[231px_1fr\]{
                grid-template-columns: 231px 1fr;
        }

        .md\:grid-cols-\[40px_120px_1fr\]{
                grid-template-columns: 40px 120px 1fr;
        }

        .md\:grid-cols-\[60px_1fr_60px\]{
                grid-template-columns: 60px 1fr 60px;
        }

        .md\:grid-rows-\[460px_1fr\]{
                grid-template-rows: 460px 1fr;
        }
}

@media (min-width: 1024px){

        .lg\:bottom-\[4rem\]{
                bottom: 4rem;
        }

        .lg\:left-auto{
                left: auto;
        }

        .lg\:right-\[3rem\]{
                right: 3rem;
        }

        .lg\:top-auto{
                top: auto;
        }

        .lg\:block{
                display: block;
        }

        .lg\:flex{
                display: flex;
        }

        .lg\:hidden{
                display: none;
        }

        .lg\:h-px{
                height: 1px;
        }

        .lg\:w-\[310px\]{
                width: 310px;
        }

        .lg\:w-\[calc\(34\%-6rem\)\]{
                width: calc(34% - 6rem);
        }

        .lg\:w-\[clamp\(310px\2c 90vw\2c 450px\)\]{
                width: max(310px, min(90vw, 450px));
        }

        .lg\:grow-0{
                flex-grow: 0;
        }

        .lg\:translate-x-0{
                --tw-translate-x: 0px;
                transform: translate(0px, 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: 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\:grid-cols-\[168px_1fr\]{
                grid-template-columns: 168px 1fr;
        }

        .lg\:grid-cols-\[66\%_34\%\]{
                grid-template-columns: 66% 34%;
        }

        .lg\:grid-cols-\[70\%_30\%\]{
                grid-template-columns: 70% 30%;
        }

        .lg\:grid-rows-1{
                grid-template-rows: repeat(1, minmax(0, 1fr));
        }

        .lg\:grid-rows-\[95px\]{
                grid-template-rows: 95px;
        }

        .lg\:justify-start{
                justify-content: flex-start;
        }

        .lg\:px-12{
                padding-left: 3rem;
                padding-right: 3rem;
        }

        .lg\:pb-24{
                padding-bottom: 6rem;
        }

        .lg\:pt-20{
                padding-top: 5rem;
        }

        .lg\:after\:bg-\[linear-gradient\(90deg\2c _rgba\(0\2c 0\2c 0\2c 0\)_77\%\2c _\#000000_100\%\)\]::after{
                content: var(--tw-content);
                background-image: linear-gradient(90deg, rgba(0,0,0,0) 77%, #000000 100%);
        }
}

@media (min-width: 1280px){

        .xl\:flex{
                display: flex;
        }
}

@media (min-width: 1536px){

        .\32xl\:min-h-\[620px\]{
                min-height: 620px;
        }
}

@media (orientation: portrait){

        .portrait\:py-8{
                padding-top: 2rem;
                padding-bottom: 2rem;
        }
}

@media (orientation: landscape){

        .landscape\:px-8{
                padding-left: 2rem;
                padding-right: 2rem;
        }
}

@media (hover: hover) and (pointer: fine){

        .\[\&\[href\]\]\:hover\:underline:hover[href]{
                text-decoration-line: underline;
        }
}

.\[\&_img\]\:max-w-full img{
        max-width: 100%;
}

.\[\&_ul\]\:m-0 ul{
        margin: 0px;
}

.\[\&_ul\]\:ps-4 ul{
        padding-left: 1rem;
}