.border-glow {
    container: card/inline-size;
    -webkit-mask: linear-gradient(transparent, transparent), linear-gradient(#fff, #fff);
    mask: linear-gradient(transparent, transparent), linear-gradient(#fff, #fff);
    -webkit-mask-clip: padding-box, border-box;
    mask-clip: padding-box, border-box;
    -webkit-mask-composite: source-in, xor;
    mask-composite: intersect
}

.play-animation.border-glow:before {
    animation-play-state: running;
    opacity: 1;
    transition: opacity .2s .1s
}

.border-glow:before {
    aspect-ratio: 1/1;
    display: inline-block;
    height: 71px;
    position: absolute;
    --tw-content: "";
    animation: loop 8s linear infinite;
    animation-delay: 1s;
    animation-play-state: paused;
    background: linear-gradient(270deg, #02f0ff, #02f0ff00 82.39%);
    content: var(--tw-content);
    offset-anchor: 100% 50%;
    offset-distance: var(--start-offset, -20%);
    offset-path: rect(0 100% 40% 0 round var(--glow-size, 71px));
    opacity: 0
}

.dev-left-card {
    --start-offset: 30%;
    --offset: -60%;
    clip-path: inset(0 78px 0 0)
}

.dev-right-card {
    --start-offset: -40%;
    --offset: 60%
}

.dev-left-card .border-glow:before {
    animation-delay: 4s;
    background: linear-gradient(90deg, #02f0ff, #02f0ff00 82.39%);
    offset-path: rect(0 100% 100% 0 round var(--glow-size, 71px))
}

.dev-right-card .border-glow:before {
    animation-delay: 5.5s;
    offset-path: rect(0 60% 75% 0 round var(--glow-size, 71px))
}

.dev-card-inner {
    --start: 70%;
    --end: 76%;
    --angle: 180deg;
    -webkit-mask-image: linear-gradient(var(--angle), #0e0e11 var(--start), rgba(14, 14, 17, 0) var(--end));
    mask-image: linear-gradient(var(--angle), #0e0e11 var(--start), rgba(14, 14, 17, 0) var(--end));
    -webkit-mask-origin: padding-box;
    mask-origin: padding-box;
    -webkit-mask-position: 0 var(--end);
    mask-position: 0 var(--end);
    -webkit-mask-size: 100% 114%;
    mask-size: 100% 114%
}

.dev-middle-card {
    --angle: 179deg;
    --start: 66%;
    --end: 81%;
    -webkit-mask-size: 120% 120%;
    mask-size: 120% 120%
}

.dev-card-inner--left {
    --start: 23%;
    --end: 56%
}

.dev-card-inner--right {
    --start: 70%;
    --end: 90%
}

@keyframes loop {
    0% {
        offset-distance: var(--start-offset, -20%)
    }

    40%,
    to {
        offset-distance: var(--offset, 80%)
    }
}

.fork:hover path {
    animation-name: draw;
    stroke-dasharray: 30;
    stroke-dashoffset: 30
}

.transform-fill-box {
    transform-box: fill-box
}

.line-up {
    animation: .25s linear forwards
}

.circle {
    animation: .3s linear forwards;
    animation-delay: .15s
}

.curvy {
    animation: .3s linear forwards;
    animation-delay: .4s
}

.plus-y {
    animation: .3s linear forwards;
    animation-delay: .55s
}

.plus-x {
    animation: .3s linear forwards;
    animation-delay: .7s
}

@keyframes draw {
    to {
        stroke-dashoffset: 0
    }
}

@media (prefers-reduced-motion:reduce) {
    .border-glow:before {
        animation: none;
        display: none
    }
}

@media screen and (min-width:640px) {
    .dev-middle-card {
        --start: 70%;
        --end: 90%
    }

    .dev-right-card .border-glow:before {
        background: linear-gradient(90deg, #02f0ff, #02f0ff00 82.39%);
        offset-path: rect(0 100% 100% 70% round var(--glow-size, 71px))
    }

    .dev-left-card .border-glow:before {
        background: linear-gradient(270deg, #02f0ff, #02f0ff00 82.39%)
    }

    .dev-right-card {
        --start-offset: -30%;
        --offset: -120%
    }

    .dev-left-card {
        --start-offset: -30%;
        --offset: 60%
    }
}

@media screen and (min-width:900px) {
    .dev-right-card .border-glow:before {
        offset-path: rect(0 100% 100% 45% round var(--glow-size, 71px))
    }

    .dev-left-card {
        clip-path: inset(0 14px 0 0)
    }

    .dev-middle-card {
        --angle: 172deg
    }

    .dev-middle-card .border-glow:before {
        offset-path: rect(0 100% 50px 0 round var(--glow-size, 71px))
    }
}

@media screen and (min-width:1200px) {
    .dev-middle-card .border-glow:before {
        offset-path: rect(0 100% 9% 0 round var(--glow-size, 71px))
    }

    .dev-middle-card {
        --start: 80%;
        --end: 90%;
        --angle: 180deg;
        -webkit-mask-size: 100% 114%;
        mask-size: 100% 114%
    }
}
/* /// */


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

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: baseline
}

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

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

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

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

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

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

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

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

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

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

:disabled {
    cursor: default
}

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

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

[hidden] {
    display: none
}

:root {
    --gutter: 1rem;
    --margin: 1rem;
    --font-size-body-sm: .875rem;
    --line-height-body-sm: 1.25rem;
    --letter-spacing-body-sm: .02em;
    --font-size-body-base: 1rem;
    --line-height-body-base: 1.5rem;
    --letter-spacing-body-base: 0;
    --font-size-body-lg: 1.125rem;
    --line-height-body-lg: 1.625rem;
    --letter-spacing-body-lg: -.02em;
    --font-size-t8: .875rem;
    --font-weight-t8: 700;
    --line-height-t8: 1.25rem;
    --letter-spacing-t8: -.02em;
    --font-weight-t7: 700;
    --line-height-t7: 1.5rem;
    --letter-spacing-t7: -.02em;
    --font-size-t6: 1.125rem;
    --font-weight-t6: 700;
    --line-height-t6: 1.625rem;
    --letter-spacing-t6: -.02em;
    --font-size-t5: 1.25rem;
    --font-weight-t5: 700;
    --line-height-t5: 1.75rem;
    --letter-spacing-t5: -.02em;
    --font-size-t4: 1.5rem;
    --font-weight-t4: 700;
    --line-height-t4: 2rem;
    --letter-spacing-t4: -.02em;
    --font-size-t3: 1.75rem;
    --font-weight-t3: 700;
    --line-height-t3: 2.25rem;
    --letter-spacing-t3: -.02em;
    --font-size-t2: 2rem;
    --font-weight-t2: 700;
    --line-height-t2: 2.5rem;
    --letter-spacing-t2: -.02em;
    --font-size-t1: 2.5rem;
    --font-weight-t1: 700;
    --line-height-t1: 3rem;
    --letter-spacing-t1: -.02em;
    --font-size-dsp: 3.25rem;
    --font-weight-dsp: 700;
    --line-height-dsp: 3.75rem;
    --letter-spacing-dsp: -.02em;
    --fullScreen: 100vw;
    --fullWidth: 100%
}

@media (min-width:640px) {
    :root {
        --margin: 1.875rem
    }
}

@media (min-width:900px) {
    :root {
        --margin: 3.125rem;
        --font-size-body-lg: 1.25rem;
        --line-height-body-lg: 1.75rem;
        --letter-spacing-body-lg: -.02em;
        --font-size-t8: .875rem;
        --font-weight-t8: 700;
        --line-height-t8: 1.25rem;
        --letter-spacing-t8: -.02em;
        --font-size-t7: 1rem;
        --font-weight-t7: 700;
        --line-height-t7: 1.5rem;
        --letter-spacing-t7: -.02em;
        --font-size-t6: 1.25rem;
        --font-weight-t6: 700;
        --line-height-t6: 1.75rem;
        --letter-spacing-t6: -.02em;
        --font-size-t5: 1.5rem;
        --font-weight-t5: 700;
        --line-height-t5: 2rem;
        --letter-spacing-t5: -.02em;
        --font-size-t4: 1.75rem;
        --font-weight-t4: 700;
        --line-height-t4: 2.25rem;
        --letter-spacing-t4: -.02em;
        --font-size-t3: 2rem;
        --font-weight-t3: 700;
        --line-height-t3: 2.5rem;
        --letter-spacing-t3: -.02em;
        --font-size-t2: 2.5rem;
        --font-weight-t2: 700;
        --line-height-t2: 3rem;
        --letter-spacing-t2: -.02em;
        --font-size-t1: 3rem;
        --font-weight-t1: 700;
        --line-height-t1: 3.5rem;
        --letter-spacing-t1: -.02em;
        --font-size-dsp: 4.25rem;
        --font-weight-dsp: 700;
        --line-height-dsp: 4.75rem;
        --letter-spacing-dsp: -.02em;
        --space-xs: .5rem;
        --space-sm: 1rem;
        --space-md: 1.5rem;
        --space-lg: 2rem;
        --space-xl: 2.5rem;
        --space-2xl: 4rem;
        --space-3xl: 5rem;
        --space-4xl: 8rem;
        --space-5xl: 10rem;
        --hero-top: calc(var(--header-height))
    }
}

@media (min-width:1200px) {
    :root {
        --margin: 5.625rem;
        --gutter: 1.5rem;
        --font-size-body-base: 1.125rem;
        --line-height-body-base: 1.625rem;
        --letter-spacing-body-base: 0;
        --font-size-body-lg: 1.375rem;
        --line-height-body-lg: 2rem;
        --letter-spacing-body-lg: -.02em;
        --font-size-t8: .875rem;
        --font-weight-t8: 700;
        --line-height-t8: 1.25rem;
        --letter-spacing-t8: -.02em;
        --font-size-t7: 1rem;
        --font-weight-t7: 700;
        --line-height-t7: 1.5rem;
        --letter-spacing-t7: -.02em;
        --font-size-t6: 1.25rem;
        --font-weight-t6: 700;
        --line-height-t6: 1.75rem;
        --letter-spacing-t6: -.02em;
        --font-size-t5: 1.5rem;
        --font-weight-t5: 700;
        --line-height-t5: 2rem;
        --letter-spacing-t5: -.02em;
        --font-size-t4: 2rem;
        --font-weight-t4: 700;
        --line-height-t4: 2.5rem;
        --letter-spacing-t4: -.02em;
        --font-size-t3: 2.5rem;
        --font-weight-t3: 700;
        --line-height-t3: 3rem;
        --letter-spacing-t3: -.02em;
        --font-size-t2: 3rem;
        --font-weight-t2: 700;
        --line-height-t2: 3.5rem;
        --letter-spacing-t2: -.02em;
        --font-size-t1: 3.5rem;
        --font-weight-t1: 700;
        --line-height-t1: 4rem;
        --letter-spacing-t1: -.02em;
        --font-size-dsp: 5.5rem;
        --font-weight-dsp: 700;
        --line-height-dsp: 6rem;
        --letter-spacing-dsp: -.02em
    }
}

html {
    scroll-behavior: smooth;
    scroll-padding: 6rem
}

:lang(ja),
:lang(zh) {
    word-break: break-all
}

:lang(ko) {
    word-break: keep-all
}


header[data-has-secondary-navigation=true]+main>section:first-child {
    padding-top: calc(var(--header-height)*2 + 1px)
}

header[data-legacy-mode=true]+main>section:first-child {
    padding-top: 6rem
}

header[data-legacy-mode=true][data-has-secondary-navigation=true]+main>section:first-child {
    padding-top: 14.25rem
}

/* section {
    margin-bottom: -1px;
    margin-top: -1px
} */

div[data-mode=dark] input:-webkit-autofill,
div[data-mode=dark] input:-webkit-autofill:active,
div[data-mode=dark] input:-webkit-autofill:focus,
div[data-mode=dark] input:-webkit-autofill:hover {
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff
}

[data-mode=light] input:-webkit-autofill,
[data-mode=light] input:-webkit-autofill:active,
[data-mode=light] input:-webkit-autofill:focus,
[data-mode=light] input:-webkit-autofill:hover {
    -webkit-background-clip: text;
    -webkit-text-fill-color: #000
}

:root {
    --heading-weight: 400;
    --body-weight: 500;
    --font-size-b6: .75rem;
    --line-height-b6: 1.125rem;
    --font-weight-b6: var(--body-weight);
    --letter-spacing-b6: .02em;
    --font-size-b5: .75rem;
    --line-height-b5: 1.125rem;
    --font-weight-b5: var(--body-weight);
    --letter-spacing-b5: .015em;
    --font-size-b4: .875rem;
    --line-height-b4: 1.094rem;
    --font-weight-b4: var(--body-weight);
    --letter-spacing-b4: .04em;
    --font-size-b3: 1rem;
    --line-height-b3: 1.3rem;
    --font-weight-b3: var(--body-weight);
    --letter-spacing-b3: .015em;
    --font-size-b2: 1.125rem;
    --line-height-b2: 1.4625rem;
    --font-weight-b2: var(--body-weight);
    --letter-spacing-b2: .015em;
    --font-size-b1: 1.25rem;
    --line-height-b1: 1.625rem;
    --font-weight-b1: var(--body-weight);
    --letter-spacing-b1: .015em;
    --font-size-t7: 1rem;
    --font-weight-t7: var(--heading-weight);
    --line-height-t7: 1.3rem;
    --letter-spacing-t7: .015em;
    --font-size-t6: 1.25rem;
    --font-weight-t6: var(--heading-weight);
    --line-height-t6: 1.5rem;
    --letter-spacing-t6: .02em;
    --font-size-t5: 1.5rem;
    --font-weight-t5: var(--heading-weight);
    --line-height-t5: 1.5rem;
    --letter-spacing-t5: .02em;
    --font-size-t4: 1.875rem;
    --font-weight-t4: var(--heading-weight);
    --line-height-t4: 2.14rem;
    --letter-spacing-t4: 0;
    --font-size-t3: 2.5rem;
    --font-weight-t3: var(--heading-weight);
    --line-height-t3: 2.5rem;
    --letter-spacing-t3: 0;
    --font-size-t2: 3rem;
    --font-weight-t2: var(--heading-weight);
    --line-height-t2: 3rem;
    --letter-spacing-t2: 0;
    --font-size-t1: 3.75rem;
    --font-weight-t1: var(--heading-weight);
    --line-height-t1: 3.6rem;
    --letter-spacing-t1: 0;
    --font-size-dsp: var(--font-size-t1);
    --font-weight-dsp: var(--heading-weight);
    --line-height-dsp: var(--font-size-t1);
    --letter-spacing-dsp: var(--letter-spacing-t1);
    --font-size-body-sm: var(--font-size-b4);
    --line-height-body-sm: var(--line-height-b4);
    --font-weight-body-sm: var(--font-weight-b4);
    --letter-spacing-body-sm: var(--letter-spacing-b4);
    --font-size-body-base: var(--font-size-b2);
    --line-height-body-base: var(--line-height-b2);
    --font-weight-body-md: var(--font-weight-b2);
    --letter-spacing-body-base: var(--letter-spacing-b2);
    --font-size-body-lg: var(--font-size-b1);
    --line-height-body-lg: var(--line-height-b1);
    --font-weight-body-lg: var(--font-weight-b1);
    --letter-spacing-body-lg: var(--letter-spacing-b1);
    --space-xs: .25rem;
    --space-sm: .5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 2.5rem;
    --space-3xl: 4rem;
    --space-4xl: 5rem;
    --space-5xl: 8rem;
    --header-height: 4.5rem;
    --hero-top: var(--header-height)
}

:root :lang(ko),
:root :lang(zh) {
    --line-height-dsp: 1.1
}

body {
    font-family: NeueHaasGrotesk, Helvetica, Arial, sans-serif
}

@media (min-width:900px) {
    :root {
        --font-size-b6: .875rem;
        --line-height-b6: 1.3rem;
        --letter-spacing-b6: .02em;
        --font-size-b5: 1rem;
        --line-height-b5: 1.5rem;
        --letter-spacing-b5: .015em;
        --font-size-b4: 1.125rem;
        --line-height-b4: 1.41rem;
        --letter-spacing-b4: .04em;
        --font-size-b3: 1.25rem;
        --line-height-b3: 1.75rem;
        --letter-spacing-b3: .015em;
        --font-size-b2: 1.5rem;
        --line-height-b2: 1.71rem;
        --letter-spacing-b2: .015em;
        --font-size-b1: 1.75rem;
        --line-height-b1: 2.24rem;
        --letter-spacing-b1: .015em;
        --font-size-t7: 1.25rem;
        --line-height-t7: 1.75rem;
        --letter-spacing-t7: .015em;
        --font-size-t6: 1.5rem;
        --line-height-t6: 1.8rem;
        --letter-spacing-t6: .01em;
        --font-size-t5: 2rem;
        --line-height-t5: 2.28rem;
        --letter-spacing-t5: .01em;
        --font-size-t4: 3rem;
        --line-height-t4: 3.42rem;
        --letter-spacing-t4: 0;
        --font-size-t3: 3.4375rem;
        --line-height-t3: 4rem;
        --letter-spacing-t3: 0;
        --font-size-t2: 4.375rem;
        --line-height-t2: 4.375rem;
        --letter-spacing-t2: 0;
        --font-size-t1: 6rem;
        --line-height-t1: 5.75rem;
        --letter-spacing-t1: 0;
        --font-size-dsp: var(--font-size-t1);
        --line-height-dsp: var(--font-size-t1);
        --letter-spacing-dsp: var(--letter-spacing-t1);
        --space-xs: .5rem;
        --space-sm: 1rem;
        --space-md: 1.5rem;
        --space-lg: 2rem;
        --space-xl: 2.5rem;
        --space-2xl: 4rem;
        --space-3xl: 5rem;
        --space-4xl: 8rem;
        --space-5xl: 10rem;
        --hero-top: calc(var(--header-height))
    }
}

body {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.with-blurred-ellipse {
    position: relative
}

.with-blurred-ellipse>* {
    z-index: 10
}

.with-blurred-ellipse:before {
    border-radius: 9999px;
    height: 40%;
    position: absolute;
    width: 100%;
    z-index: 0
}

@media (min-width:900px) {
    .with-blurred-ellipse:before {
        width: 50%
    }
}

.with-blurred-ellipse:before {
    background-image: radial-gradient(rgba(12, 60, 49, .5), transparent 60%, transparent)
}

.richtext strong {
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

::view-transition-new(*),
::view-transition-old(*) {
    animation-duration: .5s
}

*,
:after,
:before {
    --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, .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:
}

::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, .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:
}

.richtext .text-t1:not(.no-richtext .text-t1),
.richtext h1:not(.no-richtext h1) {
    font-size: var(--font-size-t1);
    font-weight: var(--font-weight-t1);
    letter-spacing: var(--letter-spacing-t1);
    line-height: var(--line-height-t1);
    margin-bottom: var(--space-md);
    margin-top: var(--space-lg)
}

.richtext .text-t2:not(.no-richtext .text-t2),
.richtext h2:not(.no-richtext h2) {
    font-size: var(--font-size-t2);
    font-weight: var(--font-weight-t2);
    letter-spacing: var(--letter-spacing-t2);
    line-height: var(--line-height-t2);
    margin-bottom: var(--space-sm);
    margin-top: var(--space-lg)
}

.richtext .text-t3:not(.no-richtext .text-t3),
.richtext h3:not(.no-richtext h3) {
    font-size: var(--font-size-t3);
    font-weight: var(--font-weight-t3);
    letter-spacing: var(--letter-spacing-t3);
    line-height: var(--line-height-t3);
    margin-bottom: var(--space-sm);
    margin-top: var(--space-lg)
}

.richtext .text-t4:not(.no-richtext .text-t4),
.richtext h4:not(.no-richtext h4) {
    font-size: var(--font-size-t4);
    font-weight: var(--font-weight-t4);
    letter-spacing: var(--letter-spacing-t4);
    line-height: var(--line-height-t4);
    margin-bottom: var(--space-sm);
    margin-top: var(--space-lg)
}

.richtext .text-t5:not(.no-richtext .text-t5),
.richtext h5:not(.no-richtext h5) {
    font-size: var(--font-size-t5);
    font-weight: var(--font-weight-t5);
    letter-spacing: var(--letter-spacing-t5);
    line-height: var(--line-height-t5);
    margin-bottom: var(--space-sm);
    margin-top: var(--space-lg)
}

.richtext .\!text-t6:not(.no-richtext .\!text-t6),
.richtext .text-t6:not(.no-richtext .text-t6),
.richtext h6:not(.no-richtext h6) {
    margin-bottom: var(--space-sm);
    margin-top: var(--space-lg)
}

.richtext .text-t6:not(.no-richtext .text-t6),
.richtext h6:not(.no-richtext h6) {
    font-size: var(--font-size-t6);
    font-weight: var(--font-weight-t6);
    letter-spacing: var(--letter-spacing-t6);
    line-height: var(--line-height-t6)
}

.richtext .\!text-t6:not(.no-richtext .\!text-t6) {
    font-size: var(--font-size-t6) !important;
    font-weight: var(--font-weight-t6) !important;
    letter-spacing: var(--letter-spacing-t6) !important;
    line-height: var(--line-height-t6) !important
}

.richtext .text-t7:not(.no-richtext .text-t7) {
    font-size: var(--font-size-t7);
    font-weight: var(--font-weight-t7);
    letter-spacing: var(--letter-spacing-t7);
    line-height: var(--line-height-t7);
    margin-bottom: .5rem;
    margin-top: var(--space-md)
}

.richtext .text-t8:not(.no-richtext .text-t8) {
    font-size: var(--font-size-t8);
    font-weight: var(--font-weight-t8);
    letter-spacing: var(--letter-spacing-t8);
    line-height: var(--line-height-t8);
    margin-bottom: .5rem;
    margin-top: var(--space-md)
}

.richtext p:not(.no-richtext p) {
    margin-bottom: var(--space-sm)
}

.richtext .text-body-sm:not(.no-richtext .text-body-sm) {
    margin-bottom: .5rem
}

.richtext ul:not(.no-richtext ul) {
    list-style-type: disc
}

.richtext ol:not(.no-richtext ol) {
    list-style-type: decimal
}

.richtext ol:not(.no-richtext ol),
.richtext ul:not(.no-richtext ul) {
    margin-bottom: var(--space-sm);
    margin-left: .5rem;
    padding-left: 1.25rem
}

.richtext div:not(.no-richtext) li {
    margin-bottom: var(--space-sm)
}

.richtext div:not(.no-richtext) li:last-child {
    margin-bottom: 0
}

.richtext dt {
    font-weight: 700
}

.richtext dd {
    margin-inline-start: 40px
}

.richtext .margin-0 {
    margin: 0
}

div.richtext>:not(.no-richtext):first-child {
    margin-top: 0
}

div.richtext>:not(.no-richtext):last-child {
    margin-bottom: 0
}

.link,
.richtext a:not(.no-richtext a) {
    font-weight: 700;
    outline-color: #751be9;
    text-decoration-line: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

.link:active,
.link:hover,
.richtext a:not(.no-richtext a):active,
.richtext a:not(.no-richtext a):hover {
    text-decoration-line: none
}

[data-mode=light] .link,
[data-mode=light] .richtext a:not(.no-richtext a) {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

[data-mode=light] .link:hover,
[data-mode=light] .richtext a:not(.no-richtext a):hover {
    --tw-text-opacity: 1;
    color: rgb(63 63 70/var(--tw-text-opacity))
}

[data-mode=light] .link:focus,
[data-mode=light] .richtext a:not(.no-richtext a):focus {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

[data-mode=light] .link:active,
[data-mode=light] .richtext a:not(.no-richtext a):active {
    --tw-text-opacity: 1;
    color: rgb(113 113 122/var(--tw-text-opacity))
}

.link[data-mode=dark] span,
[data-mode=dark] .link,
[data-mode=dark] .richtext a:not(.no-richtext a),
a[data-mode=dark] span {
    color: currentColor
}

.link[data-mode=dark] span:hover,
[data-mode=dark] .link:hover,
[data-mode=dark] .richtext a:not(.no-richtext a):hover,
a[data-mode=dark] span:hover {
    --tw-text-opacity: 1;
    color: rgb(212 212 216/var(--tw-text-opacity))
}

.link[data-mode=dark] span:focus,
[data-mode=dark] .link:focus,
[data-mode=dark] .richtext a:not(.no-richtext a):focus,
a[data-mode=dark] span:focus {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.link[data-mode=dark] span:active,
[data-mode=dark] .link:active,
[data-mode=dark] .richtext a:not(.no-richtext a):active,
a[data-mode=dark] span:active {
    --tw-text-opacity: 1;
    color: rgb(161 161 170/var(--tw-text-opacity))
}

.arrow-animation>a,
a.arrow-animation,
span.arrow-animation {
    position: relative
}

.arrow-animation>a:hover:after,
a.arrow-animation:hover:after,
span.arrow-animation:hover:after {
    --tw-translate-x: .25rem;
    opacity: 1
}

.arrow-animation>a:after,
.arrow-animation>a:hover:after,
a.arrow-animation:after,
a.arrow-animation:hover:after,
span.arrow-animation:after,
span.arrow-animation:hover:after {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.arrow-animation>a:after,
a.arrow-animation:after,
span.arrow-animation:after {
    position: absolute;
    --tw-translate-x: -.5rem;
    opacity: 0
}

@media (prefers-reduced-motion:reduce) {

    .arrow-animation>a:after,
    a.arrow-animation:after,
    span.arrow-animation:after {
        transition-property: none
    }
}


:root {
    --grid__devMode-4: repeating-linear-gradient(90deg, transparent -1rem, transparent 0%, rgba(255, 69, 0, .2) 0, rgba(255, 69, 0, .2) calc(25% - .75rem));
    --grid__devMode-8: repeating-linear-gradient(90deg, transparent -1rem, transparent 0%, rgba(255, 69, 0, .2) 0, rgba(255, 69, 0, .2) calc(12.5% - .875rem));
    --grid__devMode-12-md: repeating-linear-gradient(90deg, transparent -1rem, transparent 0%, rgba(255, 69, 0, .2) 0, rgba(255, 69, 0, .2) calc(8.3% - .9rem));
    --grid__devMode-12-lg: repeating-linear-gradient(90deg, transparent -1.5rem, transparent 0%, rgba(255, 69, 0, .2) 0, rgba(255, 69, 0, .2) calc(8.3% - 1.35rem))
}

.\!card {
    transform: perspective(50px) translateZ(-20px) !important;
    transition: transform .7s ease-in-out, opacity .2s !important;
    will-change: transform !important
}

.card {
    transform: perspective(50px) translateZ(-20px);
    transition: transform .7s ease-in-out, opacity .2s;
    will-change: transform
}

.card-left {
    transform: perspective(50px) translate3d(-50%, 0, -10px)
}

.card-right {
    transform: perspective(50px) translate3d(50%, 0, -10px)
}

.card-hero {
    transform: perspective(50px) translateZ(0)
}

.card-overlay {
    opacity: .6;
    transition: opacity .7s
}

.card-hero .card-overlay {
    opacity: 0
}

.card-local-and-global .glow-0,
.card-local-and-global .glow-1,
.card-local-and-global .glow-2,
.card-local-and-global .glow-3,
.card-local-and-global .glow-4,
.card-local-and-global .glow-5,
.card-local-and-global .glow-6,
.card-local-and-global .glow-7 {
    display: none
}

@media screen and (max-width:499px) {

    .card-local-and-global .glow-5,
    .card-local-and-global .glow-6,
    .card-local-and-global .glow-7 {
        display: block
    }
}

@media screen and (min-width:500px) and (max-width:899px) {

    .card-local-and-global .glow-3,
    .card-local-and-global .glow-4 {
        display: block
    }
}

@media screen and (min-width:900px) {

    .card-local-and-global .glow-0,
    .card-local-and-global .glow-1,
    .card-local-and-global .glow-2 {
        display: block
    }
}

.local-and-global-map {
    right: -6rem;
    top: 19rem;
    width: 146%
}

@media screen and (min-width:430px) and (max-width:499px) {
    .local-and-global-map {
        right: -6rem;
        top: 18rem;
        width: 134%
    }
}

@media screen and (min-width:500px) and (max-width:639px) {
    .local-and-global-map {
        right: -2rem;
        top: 18rem;
        width: 110%
    }
}

@media screen and (min-width:640px) and (max-width:759px) {
    .local-and-global-map {
        right: 0;
        top: 23rem;
        width: 98%
    }

    .local-and-global-checkout-window {
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (min-width:760px) and (max-width:899px) {
    .local-and-global-map {
        right: 2rem;
        top: 22rem;
        width: 86%
    }

    .local-and-global-checkout-window {
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (min-width:900px) and (max-width:1039px) {
    .local-and-global-map {
        right: -10.2rem;
        top: 2rem;
        width: 70%
    }

    .local-and-global-checkout-window {
        margin-left: auto;
        margin-right: 3%
    }
}

@media screen and (min-width:1040px) and (max-width:1199px) {
    .local-and-global-map {
        right: -10rem;
        top: 0;
        width: 70%
    }

    .local-and-global-checkout-window {
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (min-width:1200px) and (max-width:1439px) {
    .local-and-global-map {
        right: -10rem;
        top: 2rem;
        width: 62%
    }
}

@media screen and (min-width:1440px) and (max-width:1599px) {
    .local-and-global-map {
        right: -12rem;
        top: -1rem;
        width: 66%
    }
}

@media screen and (min-width:1600px) {
    .local-and-global-map {
        right: -12rem;
        top: -1rem;
        width: 64%
    }
}

.flags-carousel {
    -webkit-mask-image: linear-gradient(90deg, transparent, #000, transparent);
    mask-image: linear-gradient(90deg, transparent, #000, transparent);
    mask-mode: alpha
}

@media screen and (min-width:640px) {
    .flags-carousel {
        -webkit-mask-image: linear-gradient(transparent, #000, transparent);
        mask-image: linear-gradient(transparent, #000, transparent)
    }
}

@media screen and (min-width:900px) {
    .flag-item-transition {
        transform: translateZ(0);
        transition-duration: .3s;
        transition-property: transform, color;
        transition-timing-function: ease-in-out;
        will-change: transform, color
    }

    .flag-item-transition:hover {
        transform: scale(1.25) translateZ(0)
    }
}

.flag-pulse-animation {
    position: relative
}

.flag-pulse-animation:after,
.flag-pulse-animation:before {
    border-radius: .75rem;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%
}

.flag-pulse-animation:after {
    background-color: #224749
}

.flag-pulse-animation:before {
    animation: pulse 1.7s ease-out infinite;
    background-color: #fff;
    opacity: .4
}

@keyframes pulse {

    50%,
    to {
        opacity: 0;
        transform: scale(1.4)
    }
}

.link,
.richtext a:not(.no-richtext a) {
    font-weight: inherit
}

.sr-only {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0, 0, 0, 0);
    border-width: 0;
    white-space: nowrap
}

.\!pointer-events-none {
    pointer-events: none !important
}

.pointer-events-none {
    pointer-events: none
}

.pointer-events-auto {
    pointer-events: auto
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.-inset-px {
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px
}

.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.inset-1\/2 {
    top: 50%;
    right: 50%;
    bottom: 50%;
    left: 50%
}

.inset-x-0 {
    left: 0;
    right: 0
}

.-left-\[4cqw\] {
    left: -4cqw
}

.-left-\[6cqw\] {
    left: -6cqw
}

.-left-\[var\(--margin\)\] {
    left: calc(var(--margin)*-1)
}

.-right-\[var\(--margin\)\] {
    right: calc(var(--margin)*-1)
}

.-top-1 {
    top: -.25rem
}

.-top-16 {
    top: -4rem
}

.-top-20 {
    top: -5rem
}

.-top-5 {
    top: -1.25rem
}

.-top-global-header {
    top: calc(var(--header-height)*-1)
}

.bottom-0 {
    bottom: 0
}

.bottom-1 {
    bottom: .25rem
}

.bottom-3 {
    bottom: .75rem
}

.bottom-4 {
    bottom: 1rem
}

.bottom-\[25\%\] {
    bottom: 25%
}

.bottom-\[52vw\] {
    bottom: 52vw
}

.bottom-\[calc\(100\%\+5em\)\] {
    bottom: calc(100% + 5em)
}

.bottom-\[calc\(100\%-17px\)\] {
    bottom: calc(100% - 17px)
}

.left-0 {
    left: 0
}

.left-1 {
    left: .25rem
}

.left-1\/2 {
    left: 50%
}

.left-2 {
    left: .5rem
}

.left-6 {
    left: 1.5rem
}

.left-8 {
    left: 2rem
}

.left-\[-25\%\] {
    left: -25%
}

.left-\[-39vw\] {
    left: -39vw
}

.left-\[-50\%\] {
    left: -50%
}

.left-\[-66vw\] {
    left: -66vw
}

.left-\[-70\%\] {
    left: -70%
}

.left-\[16cqw\] {
    left: 16cqw
}

.left-\[20cqw\] {
    left: 20cqw
}

.left-\[32cqw\] {
    left: 32cqw
}

.left-\[35\%\] {
    left: 35%
}

.left-\[4cqw\] {
    left: 4cqw
}

.left-\[52cqw\] {
    left: 52cqw
}

.left-\[58\%\] {
    left: 58%
}

.left-\[6cqw\] {
    left: 6cqw
}

.left-\[70cqw\] {
    left: 70cqw
}

.left-\[78cqw\] {
    left: 78cqw
}

.left-\[calc\(var\(--margin\)\+\.75rem\)\] {
    left: calc(var(--margin) + .75rem)
}

.left-full {
    left: 100%
}

.right-0 {
    right: 0
}

.right-4 {
    right: 1rem
}

.right-7 {
    right: 1.75rem
}

.right-\[-18\%\] {
    right: -18%
}

.right-\[-40\%\] {
    right: -40%
}

.right-\[13px\] {
    right: 13px
}

.right-\[calc\(100\%-78px\)\] {
    right: calc(100% - 78px)
}

.right-full {
    right: 100%
}

.top-0 {
    top: 0
}

.top-1\/2 {
    top: 50%
}

.top-2 {
    top: .5rem
}

.top-4 {
    top: 1rem
}

.top-7 {
    top: 1.75rem
}

.top-\[-100vh\] {
    top: -100vh
}

.top-\[-10vw\] {
    top: -10vw
}

.top-\[-175\%\] {
    top: -175%
}

.top-\[-1px\] {
    top: -1px
}

.top-\[-25\%\] {
    top: -25%
}

.top-\[-2px\] {
    top: -2px
}

.top-\[-52vw\] {
    top: -52vw
}

.top-\[12\%\] {
    top: 12%
}

.top-\[12cqw\] {
    top: 12cqw
}

.top-\[13\%\] {
    top: 13%
}

.top-\[146cqw\] {
    top: 146cqw
}

.top-\[14cqw\] {
    top: 14cqw
}

.top-\[17cqw\] {
    top: 17cqw
}

.top-\[18cqw\] {
    top: 18cqw
}

.top-\[2cqw\] {
    top: 2cqw
}

.top-\[32cqw\] {
    top: 32cqw
}

.top-\[34cqw\] {
    top: 34cqw
}

.top-\[40\%\] {
    top: 40%
}

.top-\[45\%\] {
    top: 45%
}

.top-\[48\%\] {
    top: 48%
}

.top-\[4cqw\] {
    top: 4cqw
}

.top-\[50\%\] {
    top: 50%
}

.top-\[60cqw\] {
    top: 60cqw
}

.top-\[80cqw\] {
    top: 80cqw
}

.top-\[80px\] {
    top: 80px
}

.top-\[8cqw\] {
    top: 8cqw
}

.top-auto {
    top: auto
}

.top-full {
    top: 100%
}

.top-global-header {
    top: var(--header-height)
}

.top-md {
    top: var(--space-md)
}

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-50 {
    z-index: 50
}

.z-\[100\] {
    z-index: 100
}

.z-\[1\] {
    z-index: 1
}

.z-\[21\] {
    z-index: 21
}

.z-\[999\] {
    z-index: 999
}

.z-modal {
    z-index: 100
}

.z-n1 {
    z-index: -1
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-\[0\] {
    order: 0
}

.order-\[1\] {
    order: 1
}

.order-first {
    order: -9999
}

.col-span-1 {
    grid-column: span 1/span 1
}

.col-span-10 {
    grid-column: span 10/span 10
}

.col-span-11 {
    grid-column: span 11/span 11
}

.col-span-12 {
    grid-column: span 12/span 12
}

.col-span-2 {
    grid-column: span 2/span 2
}

.col-span-3 {
    grid-column: span 3/span 3
}

.col-span-4 {
    grid-column: span 4/span 4
}

.col-span-5 {
    grid-column: span 5/span 5
}

.col-span-6 {
    grid-column: span 6/span 6
}

.col-span-7 {
    grid-column: span 7/span 7
}

.col-span-8 {
    grid-column: span 8/span 8
}

.col-span-9 {
    grid-column: span 9/span 9
}

.col-span-full {
    grid-column: 1/-1
}

.col-start-1 {
    grid-column-start: 1
}

.col-start-10 {
    grid-column-start: 10
}

.col-start-11 {
    grid-column-start: 11
}

.col-start-12 {
    grid-column-start: 12
}

.col-start-2 {
    grid-column-start: 2
}

.col-start-3 {
    grid-column-start: 3
}

.col-start-4 {
    grid-column-start: 4
}

.col-start-5 {
    grid-column-start: 5
}

.col-start-6 {
    grid-column-start: 6
}

.col-start-7 {
    grid-column-start: 7
}

.col-start-8 {
    grid-column-start: 8
}

.col-start-9 {
    grid-column-start: 9
}

.\!m-0 {
    margin: 0 !important
}

.m-0 {
    margin: 0
}

.m-1 {
    margin: .25rem
}

.m-4 {
    margin: 1rem
}

.m-6 {
    margin: 1.5rem
}

.m-auto {
    margin: auto
}

.\!mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}

.mx-\[6px\] {
    margin-left: 6px;
    margin-right: 6px
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-0 {
    margin-bottom: 0;
    margin-top: 0
}

.my-1 {
    margin-bottom: .25rem;
    margin-top: .25rem
}

.my-\[-10px\] {
    margin-bottom: -10px;
    margin-top: -10px
}

.my-auto {
    margin-bottom: auto;
    margin-top: auto
}

.-mb-0 {
    margin-bottom: 0
}

.-mb-0\.5 {
    margin-bottom: -.125rem
}

.-mb-1\.5 {
    margin-bottom: -.375rem
}

.-mb-\[2000px\] {
    margin-bottom: -2000px
}

.-ml-2 {
    margin-left: -.5rem
}

.-ml-\[var\(--margin\)\] {
    margin-left: calc(var(--margin)*-1)
}

.-mt-2 {
    margin-top: -.5rem
}

.-mt-8 {
    margin-top: -2rem
}

.mb-0 {
    margin-bottom: 0
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-20 {
    margin-bottom: 5rem
}

.mb-2xl {
    margin-bottom: var(--space-2xl)
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-8 {
    margin-bottom: 2rem
}

.mb-\[20px\] {
    margin-bottom: 20px
}

.mb-\[5cqh\] {
    margin-bottom: 5cqh
}

.mb-lg {
    margin-bottom: var(--space-lg)
}

.mb-md {
    margin-bottom: var(--space-md)
}

.mb-px {
    margin-bottom: 1px
}

.mb-sm {
    margin-bottom: var(--space-sm)
}

.mb-xl {
    margin-bottom: var(--space-xl)
}

.mb-xs {
    margin-bottom: var(--space-xs)
}

.ml-0 {
    margin-left: 0
}

.ml-0\.5 {
    margin-left: .125rem
}

.ml-1 {
    margin-left: .25rem
}

.ml-10 {
    margin-left: 2.5rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-3 {
    margin-left: .75rem
}

.ml-8 {
    margin-left: 2rem
}

.ml-\[-6px\] {
    margin-left: -6px
}

.ml-\[0\.5ch\] {
    margin-left: .5ch
}

.ml-\[calc\(-1_\*_var\(--margin\)\)\] {
    margin-left: calc(var(--margin)*-1)
}

.ml-auto {
    margin-left: auto
}

.mr-1 {
    margin-right: .25rem
}

.mr-12 {
    margin-right: 3rem
}

.mr-2 {
    margin-right: .5rem
}

.mr-3 {
    margin-right: .75rem
}

.mr-4 {
    margin-right: 1rem
}

.mr-8 {
    margin-right: 2rem
}

.mr-\[-15px\] {
    margin-right: -15px
}

.mt-0 {
    margin-top: 0
}

.mt-0\.5 {
    margin-top: .125rem
}

.mt-1 {
    margin-top: .25rem
}

.mt-16 {
    margin-top: 4rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-2xl {
    margin-top: var(--space-2xl)
}

.mt-3 {
    margin-top: .75rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-7 {
    margin-top: 1.75rem
}

.mt-8 {
    margin-top: 2rem
}

.mt-\[-10px\] {
    margin-top: -10px
}

.mt-\[19px\] {
    margin-top: 19px
}

.mt-\[256px\] {
    margin-top: 256px
}

.mt-auto {
    margin-top: auto
}

.mt-lg {
    margin-top: var(--space-lg)
}

.mt-md {
    margin-top: var(--space-md)
}

.mt-sm {
    margin-top: var(--space-sm)
}

.mt-xl {
    margin-top: var(--space-xl)
}

.box-border {
    box-sizing: border-box
}

.box-content {
    box-sizing: content-box
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.aspect-\[165\/217\] {
    aspect-ratio: 165/217
}

.aspect-\[2074\/1333\] {
    aspect-ratio: 2074/1333
}

.aspect-\[208\/117\] {
    aspect-ratio: 208/117
}

.aspect-\[26\/17\] {
    aspect-ratio: 26/17
}

.aspect-\[281\/375\] {
    aspect-ratio: 281/375
}

.aspect-\[282\/419\] {
    aspect-ratio: 282/419
}

.aspect-\[283\/274\] {
    aspect-ratio: 283/274
}

.aspect-\[412\/163\] {
    aspect-ratio: 412/163
}

.aspect-\[600\/389\] {
    aspect-ratio: 600/389
}

.aspect-\[624\/674\] {
    aspect-ratio: 624/674
}

.aspect-\[764\/655\] {
    aspect-ratio: 764/655
}

.aspect-\[800\/625\] {
    aspect-ratio: 800/625
}

.aspect-square {
    aspect-ratio: 1/1
}

.size-full {
    height: 100%;
    width: 100%
}

.h-0 {
    height: 0
}

.h-0\.5 {
    height: .125rem
}

.h-1 {
    height: .25rem
}

.h-1\/4 {
    height: 25%
}

.h-10 {
    height: 2.5rem
}

.h-100 {
    height: 25rem
}

.h-11 {
    height: 2.75rem
}

.h-12 {
    height: 3rem
}

.h-14 {
    height: 3.5rem
}

.h-16 {
    height: 4rem
}

.h-2 {
    height: .5rem
}

.h-2\/3 {
    height: 66.666667%
}

.h-3 {
    height: .75rem
}

.h-4 {
    height: 1rem
}

.h-5 {
    height: 1.25rem
}

.h-5xl {
    height: var(--space-5xl)
}

.h-6 {
    height: 1.5rem
}

.h-64 {
    height: 16rem
}

.h-7 {
    height: 1.75rem
}

.h-72 {
    height: 18rem
}

.h-8 {
    height: 2rem
}

.h-9 {
    height: 2.25rem
}

.h-\[1\.1rem\] {
    height: 1.1rem
}

.h-\[1\.2em\] {
    height: 1.2em
}

.h-\[100\%\] {
    height: 100%
}

.h-\[100vh\] {
    height: 100vh
}

.h-\[109px\] {
    height: 109px
}

.h-\[10cqw\] {
    height: 10cqw
}

.h-\[11px\] {
    height: 11px
}

.h-\[128px\] {
    height: 128px
}

.h-\[12cqw\] {
    height: 12cqw
}

.h-\[172px\] {
    height: 172px
}

.h-\[196px\] {
    height: 196px
}

.h-\[1em\] {
    height: 1em
}

.h-\[20\%\] {
    height: 20%
}

.h-\[217px\] {
    height: 217px
}

.h-\[220px\] {
    height: 220px
}

.h-\[220vw\] {
    height: 220vw
}

.h-\[22cqw\] {
    height: 22cqw
}

.h-\[262px\] {
    height: 262px
}

.h-\[30\%\] {
    height: 30%
}

.h-\[300\%\] {
    height: 300%
}

.h-\[300px\] {
    height: 300px
}

.h-\[30cqw\] {
    height: 30cqw
}

.h-\[32cqw\] {
    height: 32cqw
}

.h-\[40\%\] {
    height: 40%
}

.h-\[400px\] {
    height: 400px
}

.h-\[41cqw\] {
    height: 41cqw
}

.h-\[42cqw\] {
    height: 42cqw
}

.h-\[44cqw\] {
    height: 44cqw
}

.h-\[44px\] {
    height: 44px
}

.h-\[70cqw\] {
    height: 70cqw
}

.h-\[75cqw\] {
    height: 75cqw
}

.h-\[76px\] {
    height: 76px
}

.h-\[7px\] {
    height: 7px
}

.h-\[84cqw\] {
    height: 84cqw
}

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.h-global-header {
    height: var(--header-height)
}

.h-px {
    height: 1px
}

.h-screen {
    height: 100vh
}

.max-h-0 {
    max-height: 0
}

.max-h-\[10000px\] {
    max-height: 10000px
}

.max-h-\[120rem\] {
    max-height: 120rem
}

.max-h-\[33\.3\%\] {
    max-height: 33.3%
}

.max-h-\[47cqw\] {
    max-height: 47cqw
}

.max-h-\[66vh\] {
    max-height: 66vh
}

.max-h-\[92rem\] {
    max-height: 92rem
}

.max-h-\[calc\(100dvh-14rem\)\] {
    max-height: calc(100dvh - 14rem)
}

.max-h-\[calc\(100vh-72px\)\] {
    max-height: calc(100vh - 72px)
}

.max-h-full {
    max-height: 100%
}

.min-h-10 {
    min-height: 2.5rem
}

.min-h-32 {
    min-height: 8rem
}

.min-h-\[220px\] {
    min-height: 220px
}

.min-h-\[315px\] {
    min-height: 315px
}

.min-h-\[420px\] {
    min-height: 420px
}

.min-h-\[45px\] {
    min-height: 45px
}

.min-h-\[calc\(100svh-var\(--header-height\)\)\] {
    min-height: calc(100svh - var(--header-height))
}

.\!w-full {
    width: 100% !important
}

.w-0 {
    width: 0
}

.w-1 {
    width: .25rem
}

.w-1\/2 {
    width: 50%
}

.w-1\/3 {
    width: 33.333333%
}

.w-10 {
    width: 2.5rem
}

.w-11 {
    width: 2.75rem
}

.w-12 {
    width: 3rem
}

.w-128 {
    width: 32rem
}

.w-16 {
    width: 4rem
}

.w-2 {
    width: .5rem
}

.w-2\/3 {
    width: 66.666667%
}

.w-3 {
    width: .75rem
}

.w-3\.5 {
    width: .875rem
}

.w-3\/4 {
    width: 75%
}

.w-3\/5 {
    width: 60%
}

.w-4 {
    width: 1rem
}

.w-4\/5 {
    width: 80%
}

.w-5 {
    width: 1.25rem
}

.w-6 {
    width: 1.5rem
}

.w-64 {
    width: 16rem
}

.w-7\/12 {
    width: 58.333333%
}

.w-8 {
    width: 2rem
}

.w-9 {
    width: 2.25rem
}

.w-\[1\.125rem\] {
    width: 1.125rem
}

.w-\[1\.2em\] {
    width: 1.2em
}

.w-\[100px\] {
    width: 100px
}

.w-\[11px\] {
    width: 11px
}

.w-\[125\%\] {
    width: 125%
}

.w-\[150px\] {
    width: 150px
}

.w-\[153vw\] {
    width: 153vw
}

.w-\[165px\] {
    width: 165px
}

.w-\[18cqw\] {
    width: 18cqw
}

.w-\[1950px\] {
    width: 1950px
}

.w-\[1em\] {
    width: 1em
}

.w-\[200\%\] {
    width: 200%
}

.w-\[20cqw\] {
    width: 20cqw
}

.w-\[224px\] {
    width: 224px
}

.w-\[256px\] {
    width: 256px
}

.w-\[280\%\] {
    width: 280%
}

.w-\[288px\] {
    width: 288px
}

.w-\[2925px\] {
    width: 2925px
}

.w-\[2px\] {
    width: 2px
}

.w-\[312px\] {
    width: 312px
}

.w-\[36cqw\] {
    width: 36cqw
}

.w-\[38cqw\] {
    width: 38cqw
}

.w-\[412px\] {
    width: 412px
}

.w-\[46cqw\] {
    width: 46cqw
}

.w-\[46px\] {
    width: 46px
}

.w-\[512px\] {
    width: 512px
}

.w-\[52cqw\] {
    width: 52cqw
}

.w-\[55cqw\] {
    width: 55cqw
}

.w-\[580px\] {
    width: 580px
}

.w-\[63px\] {
    width: 63px
}

.w-\[657px\] {
    width: 657px
}

.w-\[65cqw\] {
    width: 65cqw
}

.w-\[72cqw\] {
    width: 72cqw
}

.w-\[83cqw\] {
    width: 83cqw
}

.w-\[84cqw\] {
    width: 84cqw
}

.w-\[90\%\] {
    width: 90%
}

.w-\[92\%\] {
    width: 92%
}

.w-\[98px\] {
    width: 98px
}

.w-\[calc\(100\%\+\(var\(--margin\)\*2\)\)\] {
    width: calc(100% + var(--margin)*2)
}

.w-\[calc\(100\%-16px\)\] {
    width: calc(100% - 16px)
}

.w-\[calc\(100\%_\+_2_\*_var\(--margin\)\)\] {
    width: calc(100% + var(--margin)*2)
}

.w-\[calc\(50\%-1\.5rem\)\] {
    width: calc(50% - 1.5rem)
}

.w-\[calc\(50\%_-_1rem\)\] {
    width: calc(50% - 1rem)
}

.w-\[initial\],
.w-auto {
    width: auto
}

.w-full {
    width: 100%
}

.w-max {
    width: -moz-max-content;
    width: max-content
}

.w-screen {
    width: 100vw
}

.min-w-0 {
    min-width: 0
}

.min-w-\[100px\] {
    min-width: 100px
}

.min-w-\[180px\] {
    min-width: 180px
}

.min-w-full {
    min-width: 100%
}

.max-w-4xl {
    max-width: 56rem
}

.max-w-\[210px\] {
    max-width: 210px
}

.max-w-\[212px\] {
    max-width: 212px
}

.max-w-\[21em\] {
    max-width: 21em
}

.max-w-\[260px\] {
    max-width: 260px
}

.max-w-\[280px\] {
    max-width: 280px
}

.max-w-\[283px\] {
    max-width: 283px
}

.max-w-\[297px\] {
    max-width: 297px
}

.max-w-\[33rem\] {
    max-width: 33rem
}

.max-w-\[356px\] {
    max-width: 356px
}

.max-w-\[35em\] {
    max-width: 35em
}

.max-w-\[360px\] {
    max-width: 360px
}

.max-w-\[47cqw\] {
    max-width: 47cqw
}

.max-w-\[598px\] {
    max-width: 598px
}

.max-w-\[600px\] {
    max-width: 600px
}

.max-w-\[65ch\] {
    max-width: 65ch
}

.max-w-\[66\.6\%\] {
    max-width: 66.6%
}

.max-w-\[70ch\] {
    max-width: 70ch
}

.max-w-full {
    max-width: 100%
}

.max-w-none {
    max-width: none
}

.max-w-screen-lg {
    max-width: 1200px
}

.max-w-sm {
    max-width: 24rem
}

.max-w-xl {
    max-width: 36rem
}

.flex-1 {
    flex: 1 1 0%
}

.flex-shrink-0,
.shrink-0 {
    flex-shrink: 0
}

.flex-grow,
.grow {
    flex-grow: 1
}

.basis-1\/2 {
    flex-basis: 50%
}

.basis-1\/3 {
    flex-basis: 33.333333%
}

.basis-4\/5 {
    flex-basis: 80%
}

.origin-\[0\] {
    transform-origin: 0
}

.origin-\[50\%_0\%\] {
    transform-origin: 50% 0
}

.origin-\[60\%_28\%\] {
    transform-origin: 60% 28%
}

.origin-bottom-left {
    transform-origin: bottom left
}

.origin-center {
    transform-origin: center
}

.origin-top-left {
    transform-origin: top left
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-translate-x-1\/2,
.-translate-x-\[20\%\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-x-\[20\%\] {
    --tw-translate-x: -20%
}

.-translate-x-\[3px\] {
    --tw-translate-x: -3px
}

.-translate-x-\[3px\],
.-translate-x-full {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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%
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.-translate-y-100,
.-translate-y-1\/2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-100 {
    --tw-translate-y: -25rem
}

.-translate-y-3 {
    --tw-translate-y: -.75rem
}

.-translate-y-3,
.-translate-y-6 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-6 {
    --tw-translate-y: -1.5rem
}

.-translate-y-\[10px\] {
    --tw-translate-y: -10px
}

.-translate-y-\[10px\],
.-translate-y-\[30px\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-\[30px\] {
    --tw-translate-y: -30px
}

.-translate-y-\[55\%\] {
    --tw-translate-y: -55%
}

.-translate-y-\[55\%\],
.-translate-y-full {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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%
}

.translate-x-0 {
    --tw-translate-x: 0px
}

.translate-x-0,
.translate-x-1 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-1 {
    --tw-translate-x: .25rem
}

.translate-x-1\/2 {
    --tw-translate-x: 50%
}

.translate-x-16,
.translate-x-1\/2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-16 {
    --tw-translate-x: 4rem
}

.translate-x-4 {
    --tw-translate-x: 1rem
}

.translate-x-4,
.translate-x-\[-\.5em\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-\[-\.5em\] {
    --tw-translate-x: -.5em
}

.translate-x-\[-50px\] {
    --tw-translate-x: -50px
}

.translate-x-\[-50px\],
.translate-x-\[-60\%\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-\[-60\%\] {
    --tw-translate-x: -60%
}

.translate-x-\[103\%\] {
    --tw-translate-x: 103%
}

.translate-x-\[103\%\],
.translate-x-\[28\%\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-\[28\%\] {
    --tw-translate-x: 28%
}

.translate-x-\[33\%\] {
    --tw-translate-x: 33%
}

.translate-x-\[33\%\],
.translate-x-\[7\%\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-\[7\%\] {
    --tw-translate-x: 7%
}

.translate-x-\[calc\(-100\%-var\(--gutter\)\)\] {
    --tw-translate-x: calc(-100% - var(--gutter))
}

.translate-x-\[calc\(-100\%-var\(--gutter\)\)\],
.translate-x-\[calc\(-200\%-\(var\(--gutter\)\*2\)\)\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-\[calc\(-200\%-\(var\(--gutter\)\*2\)\)\] {
    --tw-translate-x: calc(-200% - var(--gutter)*2)
}

.translate-x-\[calc\(100\%\+var\(--gutter\)\)\] {
    --tw-translate-x: calc(100% + var(--gutter))
}

.translate-x-\[calc\(100\%\+var\(--gutter\)\)\],
.translate-x-\[calc\(200\%\+\(var\(--gutter\)\*2\)\)\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-\[calc\(200\%\+\(var\(--gutter\)\*2\)\)\] {
    --tw-translate-x: calc(200% + var(--gutter)*2)
}

.translate-y-0 {
    --tw-translate-y: 0px
}

.translate-y-0,
.translate-y-1\/2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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%
}

.translate-y-1\/3 {
    --tw-translate-y: 33.333333%
}

.translate-y-10,
.translate-y-1\/3 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-10 {
    --tw-translate-y: 2.5rem
}

.translate-y-100 {
    --tw-translate-y: 25rem
}

.translate-y-100,
.translate-y-2xl {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-2xl {
    --tw-translate-y: var(--space-2xl)
}

.translate-y-4 {
    --tw-translate-y: 1rem
}

.translate-y-4,
.translate-y-\[-100\%\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[-100\%\] {
    --tw-translate-y: -100%
}

.translate-y-\[-200\%\] {
    --tw-translate-y: -200%
}

.translate-y-\[-200\%\],
.translate-y-\[-40\%\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[-40\%\] {
    --tw-translate-y: -40%
}

.translate-y-\[11\%\] {
    --tw-translate-y: 11%
}

.translate-y-\[11\%\],
.translate-y-\[20\%\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[20\%\] {
    --tw-translate-y: 20%
}

.translate-y-\[30px\] {
    --tw-translate-y: 30px
}

.translate-y-\[30px\],
.translate-y-\[calc\(100\%\+21px\)\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[calc\(100\%\+21px\)\] {
    --tw-translate-y: calc(100% + 21px)
}

.translate-y-full {
    --tw-translate-y: 100%
}

.translate-y-full,
.translate-y-global-header {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-global-header {
    --tw-translate-y: var(--header-height)
}

.-rotate-45 {
    --tw-rotate: -45deg
}

.-rotate-45,
.-rotate-90 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-rotate-90 {
    --tw-rotate: -90deg
}

.-rotate-\[135deg\] {
    --tw-rotate: -135deg
}

.-rotate-\[135deg\],
.-rotate-\[30deg\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-rotate-\[30deg\] {
    --tw-rotate: -30deg
}

.-rotate-\[4deg\] {
    --tw-rotate: -4deg
}

.-rotate-\[4deg\],
.rotate-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-0 {
    --tw-rotate: 0deg
}

.rotate-180 {
    --tw-rotate: 180deg
}

.rotate-180,
.rotate-45 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-45 {
    --tw-rotate: 45deg
}

.rotate-90 {
    --tw-rotate: 90deg
}

.rotate-90,
.rotate-\[-45deg\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-\[-45deg\] {
    --tw-rotate: -45deg
}

.rotate-\[135deg\] {
    --tw-rotate: 135deg
}

.rotate-\[135deg\],
.rotate-\[53deg\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-\[53deg\] {
    --tw-rotate: 53deg
}

.scale-0 {
    --tw-scale-x: 0;
    --tw-scale-y: 0
}

.scale-0,
.scale-100 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.scale-160 {
    --tw-scale-x: 1.6;
    --tw-scale-y: 1.6
}

.scale-160,
.scale-180 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-180 {
    --tw-scale-x: 1.8;
    --tw-scale-y: 1.8
}

.scale-200 {
    --tw-scale-x: 2;
    --tw-scale-y: 2
}

.scale-200,
.scale-75 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-75 {
    --tw-scale-x: .75;
    --tw-scale-y: .75
}

.scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95
}

.scale-95,
.scale-\[0\.6\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-\[0\.6\] {
    --tw-scale-x: .6;
    --tw-scale-y: .6
}

.scale-\[1\.5\] {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5
}

.scale-\[1\.5\],
.scale-\[3\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-\[3\] {
    --tw-scale-x: 3;
    --tw-scale-y: 3
}

.scale-x-\[-1\] {
    --tw-scale-x: -1
}

.scale-x-\[-1\],
.scale-x-\[2\.5\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-x-\[2\.5\] {
    --tw-scale-x: 2.5
}

.scale-y-\[5\] {
    --tw-scale-y: 5
}

.scale-y-\[5\],
.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.transform-gpu {
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes factoid-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate-\[factoid-fade-in_0\.5s_0\.5s_ease-in-out_forwards\] {
    animation: factoid-fade-in .5s ease-in-out .5s forwards
}

@keyframes shimmer {
    0% {
        background-position: 100%
    }

    to {
        background-position: 0
    }
}

.animate-shimmer {
    animation: shimmer 2s ease .75s
}

.cursor-default {
    cursor: default
}

.cursor-grab {
    cursor: grab
}

.cursor-pointer {
    cursor: pointer
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.resize {
    resize: both
}

.snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness)
}

.snap-mandatory {
    --tw-scroll-snap-strictness: mandatory
}

.snap-center {
    scroll-snap-align: center
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.columns-2 {
    -moz-columns: 2;
    column-count: 2
}

.break-inside-avoid {
    -moz-column-break-inside: avoid;
    break-inside: avoid
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid-cols-12 {
    grid-template-columns: repeat(12, 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-\[20px_1fr\] {
    grid-template-columns: 20px 1fr
}

.grid-cols-\[repeat\(2\,auto\)\] {
    grid-template-columns: repeat(2, auto)
}

.grid-cols-\[repeat\(4\,auto\)\] {
    grid-template-columns: repeat(4, auto)
}

.grid-rows-\[auto\,104vw\] {
    grid-template-rows: auto 104vw
}

.grid-rows-\[max-content_0fr\] {
    grid-template-rows: max-content 0fr
}

.grid-rows-\[max-content_1fr\] {
    grid-template-rows: max-content 1fr
}

.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
}

.place-content-end {
    place-content: end
}

.place-items-center {
    place-items: center
}

.content-start {
    align-content: flex-start
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.justify-evenly {
    justify-content: space-evenly
}

.gap-0 {
    gap: 0
}

.gap-1 {
    gap: .25rem
}

.gap-1\.5 {
    gap: .375rem
}

.gap-12 {
    gap: 3rem
}

.gap-16 {
    gap: 4rem
}

.gap-2 {
    gap: .5rem
}

.gap-20 {
    gap: 5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-8 {
    gap: 2rem
}

.gap-\[13px\] {
    gap: 13px
}

.gap-\[40px\] {
    gap: 40px
}

.gap-lg {
    gap: var(--space-lg)
}

.gap-md {
    gap: var(--space-md)
}

.gap-sm {
    gap: var(--space-sm)
}

.gap-xl {
    gap: var(--space-xl)
}

.gap-x-2 {
    -moz-column-gap: .5rem;
    column-gap: .5rem
}

.gap-x-3 {
    -moz-column-gap: .75rem;
    column-gap: .75rem
}

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

.gap-x-6 {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem
}

.gap-x-8 {
    -moz-column-gap: 2rem;
    column-gap: 2rem
}

.gap-x-gutter {
    -moz-column-gap: var(--gutter);
    column-gap: var(--gutter)
}

.gap-x-lg {
    -moz-column-gap: var(--space-lg);
    column-gap: var(--space-lg)
}

.gap-x-md {
    -moz-column-gap: var(--space-md);
    column-gap: var(--space-md)
}

.gap-x-sm {
    -moz-column-gap: var(--space-sm);
    column-gap: var(--space-sm)
}

.gap-y-0 {
    row-gap: 0
}

.gap-y-1 {
    row-gap: .25rem
}

.gap-y-2xl {
    row-gap: var(--space-2xl)
}

.gap-y-4 {
    row-gap: 1rem
}

.gap-y-6 {
    row-gap: 1.5rem
}

.gap-y-8 {
    row-gap: 2rem
}

.gap-y-gutter {
    row-gap: var(--gutter)
}

.gap-y-lg {
    row-gap: var(--space-lg)
}

.gap-y-md {
    row-gap: var(--space-md)
}

.gap-y-sm {
    row-gap: var(--space-sm)
}

.gap-y-xl {
    row-gap: var(--space-xl)
}

.gap-y-xs {
    row-gap: var(--space-xs)
}

.space-x-3>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.75rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.75rem*var(--tw-space-x-reverse))
}

.space-x-4>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(1rem*var(--tw-space-x-reverse))
}

.space-x-\[var\(--margin\)\]>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(var(--margin)*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(var(--margin)*var(--tw-space-x-reverse))
}

.space-y-lg>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(var(--space-lg)*var(--tw-space-y-reverse));
    margin-top: calc(var(--space-lg)*(1 - var(--tw-space-y-reverse)))
}

.self-start {
    align-self: flex-start
}

.self-end {
    align-self: flex-end
}

.self-center {
    align-self: center
}

.justify-self-end {
    justify-self: end
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-clip {
    overflow: clip
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-hidden {
    overflow-y: hidden
}

.overflow-x-clip {
    overflow-x: clip
}

.overflow-x-scroll {
    overflow-x: scroll
}

.overflow-y-scroll {
    overflow-y: scroll
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis
}

.truncate,
.whitespace-nowrap {
    white-space: nowrap
}

.text-balance {
    text-wrap: balance
}

.text-pretty {
    text-wrap: pretty
}
.break-normal {
    overflow-wrap: normal;
    word-break: normal
}

.break-words {
    overflow-wrap: break-word
}

.break-keep {
    word-break: keep-all
}

.rounded {
    border-radius: .25rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-4xl {
    border-radius: 2rem
}

.rounded-\[100\%\] {
    border-radius: 100%
}

.rounded-\[30px\] {
    border-radius: 30px
}

.rounded-\[340px\] {
    border-radius: 340px
}

.rounded-\[3em\] {
    border-radius: 3em
}

.rounded-\[405px\] {
    border-radius: 405px
}

.rounded-\[8px\] {
    border-radius: 8px
}

.rounded-button,
.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-none {
    border-radius: 0
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-b-4xl {
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem
}

.rounded-b-lg {
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.rounded-b-xl {
    border-bottom-left-radius: .75rem;
    border-bottom-right-radius: .75rem
}

.rounded-l {
    border-bottom-left-radius: .25rem;
    border-top-left-radius: .25rem
}

.rounded-r {
    border-bottom-right-radius: .25rem;
    border-top-right-radius: .25rem
}

.rounded-t-4xl {
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem
}

.rounded-t-\[20px\] {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

.rounded-t-\[9px\] {
    border-top-left-radius: 9px;
    border-top-right-radius: 9px
}

.rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.rounded-tl-\[20px\] {
    border-top-left-radius: 20px
}

.rounded-tl-\[9px\] {
    border-top-left-radius: 9px
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

.border-2 {
    border-width: 2px
}

.border-y {
    border-top-width: 1px
}

.border-b,
.border-y {
    border-bottom-width: 1px
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-b-8 {
    border-bottom-width: 8px
}

.border-l {
    border-left-width: 1px
}

.border-l-2 {
    border-left-width: 2px
}

.border-l-\[1px\] {
    border-left-width: 1px
}

.border-r {
    border-right-width: 1px
}

.border-t {
    border-top-width: 1px
}

.border-t-2 {
    border-top-width: 2px
}

.border-t-\[\.5px\] {
    border-top-width: .5px
}

.border-t-\[1px\] {
    border-top-width: 1px
}

.border-none {
    border-style: none
}

.border-\[\#11352D\] {
    --tw-border-opacity: 1;
    border-color: rgb(17 53 45/var(--tw-border-opacity))
}

.border-\[\#133B32\] {
    --tw-border-opacity: 1;
    border-color: rgb(19 59 50/var(--tw-border-opacity))
}

.border-\[\#36F4A4\] {
    --tw-border-opacity: 1;
    border-color: rgb(54 244 164/var(--tw-border-opacity))
}

.border-\[rgba\(255\,255\,255\,0\.1\)\] {
    border-color: #ffffff1a
}

.border-avocado {
    --tw-border-opacity: 1;
    border-color: rgb(54 244 164/var(--tw-border-opacity))
}

.border-black {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0/var(--tw-border-opacity))
}

.border-black\/20 {
    border-color: #0003
}

.border-black\/30 {
    border-color: #0000004d
}

.border-button-dark-primary-border {
    border-color: transparent
}

.border-button-dark-secondary-border {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
}

.border-button-light-primary-border {
    border-color: transparent
}

.border-button-light-secondary-border {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0/var(--tw-border-opacity))
}

.border-hairline-green {
    --tw-border-opacity: 1;
    border-color: rgb(30 44 49/var(--tw-border-opacity))
}

.border-link-light {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0/var(--tw-border-opacity))
}

.border-shade-20 {
    --tw-border-opacity: 1;
    border-color: rgb(228 228 231/var(--tw-border-opacity))
}

.border-shade-30 {
    --tw-border-opacity: 1;
    border-color: rgb(212 212 216/var(--tw-border-opacity))
}

.border-shade-60 {
    --tw-border-opacity: 1;
    border-color: rgb(82 82 91/var(--tw-border-opacity))
}

.border-shade-70 {
    --tw-border-opacity: 1;
    border-color: rgb(63 63 70/var(--tw-border-opacity))
}

.border-testimonial-dark-highlight {
    --tw-border-opacity: 1;
    border-color: rgb(151 141 231/var(--tw-border-opacity))
}

.border-testimonial-light-highlight {
    --tw-border-opacity: 1;
    border-color: rgb(53 37 193/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-white\/20 {
    border-color: #fff3
}

.border-white\/30 {
    border-color: #ffffff4d
}

.border-t-white\/20 {
    border-top-color: #fff3
}

.border-opacity-20 {
    --tw-border-opacity: .2
}

.bg-\[\#00DEE3\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 222 227/var(--tw-bg-opacity))
}

.bg-\[\#010624\] {
    --tw-bg-opacity: 1;
    background-color: rgb(1 6 36/var(--tw-bg-opacity))
}
.bg-\[\#000000\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}
.bg-\[\#141414\] {
    --tw-bg-opacity: 1;
    background-color: rgb(20 20 20/var(--tw-bg-opacity))
}

.bg-\[\#020A08\] {
    --tw-bg-opacity: 1;
    background-color: rgb(2 10 8/var(--tw-bg-opacity))
}

.bg-\[\#041E18\] {
    --tw-bg-opacity: 1;
    background-color: rgb(4 30 24/var(--tw-bg-opacity))
}

.bg-\[\#060607\] {
    --tw-bg-opacity: 1;
    background-color: rgb(6 6 7/var(--tw-bg-opacity))
}

.bg-\[\#072720\] {
    --tw-bg-opacity: 1;
    background-color: rgb(7 39 32/var(--tw-bg-opacity))
}

.bg-\[\#093329\] {
    --tw-bg-opacity: 1;
    background-color: rgb(9 51 41/var(--tw-bg-opacity))
}

.bg-\[\#30DEEE\] {
    --tw-bg-opacity: 1;
    background-color: rgb(48 222 238/var(--tw-bg-opacity))
}

.bg-\[\#30DEEE\]\/\[\.4\] {
    background-color: #30deee66
}

.bg-\[\#5a31f4\] {
    --tw-bg-opacity: 1;
    background-color: rgb(90 49 244/var(--tw-bg-opacity))
}

.bg-\[rgba\(16\,16\,16\,0\.70\)\] {
    background-color: #0f0f0fb3
}

.bg-\[rgba\(255\,255\,255\,0\.1\)\] {
    background-color: #ffffff1a
}

.bg-\[rgba\(255\,255\,255\,0\.15\)\] {
    background-color: #ffffff26
}

.bg-aloe-10 {
    --tw-bg-opacity: 1;
    background-color: rgb(193 251 212/var(--tw-bg-opacity))
}

.bg-avocado-10 {
    --tw-bg-opacity: 1;
    background-color: rgb(213 242 216/var(--tw-bg-opacity))
}

.bg-badge-dark {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

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

.bg-black\/20 {
    background-color: #0003
}

.bg-black\/30 {
    background-color: #0000004d
}

.bg-button-dark-primary-bg {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.bg-button-dark-secondary-bg {
    background-color: transparent
}

.bg-button-light-primary-bg {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.bg-button-light-secondary-bg {
    background-color: transparent
}

.bg-coal-black {
    --tw-bg-opacity: 1;
    background-color: rgb(2 9 10/var(--tw-bg-opacity))
}

.bg-coal-black\/90 {
    background-color: #02090ae6
}

.bg-deep-green {
    --tw-bg-opacity: 1;
    background-color: rgb(6 26 28/var(--tw-bg-opacity))
}

.bg-deep-green\/20 {
    background-color: #061a1c33
}

.bg-deep-navy {
    --tw-bg-opacity: 1;
    background-color: rgb(0 10 30/var(--tw-bg-opacity))
}

.bg-deep-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.bg-deep-pine {
    --tw-bg-opacity: 1;
    background-color: rgb(4 30 24/var(--tw-bg-opacity))
}

.bg-dragonfruit-10 {
    --tw-bg-opacity: 1;
    background-color: rgb(251 204 255/var(--tw-bg-opacity))
}

.bg-fullwidthcard-dark-bg {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.bg-fullwidthcard-light-bg {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.bg-inherit {
    background-color: inherit
}

.bg-kale-10 {
    --tw-bg-opacity: 1;
    background-color: rgb(199 237 236/var(--tw-bg-opacity))
}

.bg-lavender-10 {
    --tw-bg-opacity: 1;
    background-color: rgb(206 201 248/var(--tw-bg-opacity))
}

.bg-medium-green {
    --tw-bg-opacity: 1;
    background-color: rgb(7 39 32/var(--tw-bg-opacity))
}

.bg-section-dark-bg {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.bg-section-light-bg {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.bg-shade-10 {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 245/var(--tw-bg-opacity))
}

.bg-shade-60 {
    --tw-bg-opacity: 1;
    background-color: rgb(82 82 91/var(--tw-bg-opacity))
}

.bg-shade-80 {
    --tw-bg-opacity: 1;
    background-color: rgb(39 39 42/var(--tw-bg-opacity))
}

.bg-shade-90 {
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 27/var(--tw-bg-opacity))
}

.bg-state-error {
    --tw-bg-opacity: 1;
    background-color: rgb(238 0 4/var(--tw-bg-opacity))
}

.bg-state-error-light {
    --tw-bg-opacity: 1;
    background-color: rgb(255 102 105/var(--tw-bg-opacity))
}

.bg-state-focus {
    --tw-bg-opacity: 1;
    background-color: rgb(117 27 233/var(--tw-bg-opacity))
}

.bg-state-success {
    --tw-bg-opacity: 1;
    background-color: rgb(21 136 59/var(--tw-bg-opacity))
}

.bg-state-success-light {
    --tw-bg-opacity: 1;
    background-color: rgb(122 235 159/var(--tw-bg-opacity))
}

.bg-tag-shade {
    --tw-bg-opacity: 1;
    background-color: rgb(27 27 31/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-white\/10 {
    background-color: #ffffff1a
}

.bg-white\/20 {
    background-color: #fff3
}

.bg-white\/50 {
    background-color: #ffffff80
}

.bg-opacity-10 {
    --tw-bg-opacity: .1
}

.bg-opacity-5 {
    --tw-bg-opacity: .05
}

.bg-\[linear-gradient\(0deg\,\#061518_20\%\,\#0a2c30\)\] {
    background-image: linear-gradient(0deg, #061518 20%, #0a2c30)
}

.bg-\[linear-gradient\(180deg\,\#30deee_0\%\,\#30c0ee_100\%\)\] {
    background-image: linear-gradient(180deg, #30deee, #30c0ee)
}

.bg-\[linear-gradient\(180deg\,\#6b26ff_0\%\,\#5126ff_100\%\)\] {
    background-image: linear-gradient(180deg, #6b26ff, #5126ff)
}

.bg-\[radial-gradient\(\#157076\,transparent_65\%\,transparent\)\] {
    background-image: radial-gradient(#157076, transparent 65%, transparent)
}

.bg-\[radial-gradient\(\#1c4e50\,\#133032_34\%\,\#091a1c_70\%\,\#061a1c_100\%\)\] {
    background-image: radial-gradient(#1c4e50, #133032 34%, #091a1c 70%, #061a1c)
}

.bg-\[radial-gradient\(\#1f4c4f\,\#0e2929_44\%\,\#061a1c_70\%\,\#061a1c_100\%\)\] {
    background-image: radial-gradient(#1f4c4f, #0e2929 44%, #061a1c 70%, #061a1c)
}

.bg-\[radial-gradient\(\#235357\,\#0e2929_44\%\,\#061a1c_70\%\,\#061a1c_100\%\)\] {
    background-image: radial-gradient(#235357, #0e2929 44%, #061a1c 70%, #061a1c)
}

.bg-\[radial-gradient\(\#286567\,\#0f3335_44\%\,\#061a1c_70\%\,\#061a1c_100\%\)\] {
    background-image: radial-gradient(#286567, #0f3335 44%, #061a1c 70%, #061a1c)
}

.bg-\[radial-gradient\(\#2a4344\,rgb\(6_26_28\)_70\%\,\#061a1c\)\] {
    background-image: radial-gradient(#2a4344, #061a1c 70%, #061a1c)
}

.bg-\[radial-gradient\(\#3E4646\,\#0f3335_40\%\,\#061a1c_70\%\,\#061a1c_100\%\)\] {
    background-image: radial-gradient(#3e4646, #0f3335 40%, #061a1c, #061a1c)
}

.bg-\[radial-gradient\(rgba\(18\,96\,255\,0\.35\)\,transparent_50\%\,transparent\)\] {
    background-image: radial-gradient(rgba(18, 96, 255, .35), transparent 50%, transparent)
}

.bg-\[radial-gradient\(rgba\(21\,112\,118\,0\.4\)\,rgb\(6_26_28\)_75\%\,\#061a1c\)\] {
    background-image: radial-gradient(#15707666, #061a1c 75%, #061a1c)
}

.bg-\[radial-gradient\(rgba\(21\,112\,118\,0\.6\)\,rgb\(6_26_28\)_75\%\,\#061a1c\)\] {
    background-image: radial-gradient(#15707699, #061a1c 75%, #061a1c)
}

.bg-ab-control {
    background-image: linear-gradient(126.17deg, #5fd5b6 32.74%, #865cff)
}

.bg-ab-control-animated {
    background-image: linear-gradient(135deg, #71717a 25%, #5fd5b6 40%, #2b61a8 60%, #71717a 75%)
}

.bg-app-gradient {
    background-image: linear-gradient(145deg, #000000 57%, #000000e6 77%, #00000000)
}

.bg-card-gradient {
    background-image: linear-gradient(0deg, #061518 20%, #0a2c30)
}

.bg-conversion-gradient {
    background-image: linear-gradient(rgba(2, 8, 8, .5), transparent 20%, transparent 90%, rgba(2, 8, 8, .5)), radial-gradient(at 87% 84%, rgba(2, 8, 8, .9) 0, transparent 50%), radial-gradient(at 10% 8%, rgba(2, 8, 8, .9) 0, transparent 50%), radial-gradient(at 65% 36%, rgba(63, 63, 75, .5) 0, transparent 50%), radial-gradient(at 38% 61%, rgba(63, 63, 75, .5) 0, transparent 50%), radial-gradient(at 99% 36%, rgba(63, 63, 75, .5) 0, transparent 50%), radial-gradient(at 0 62%, rgba(63, 63, 75, .5) 0, transparent 50%), linear-gradient(#09090a, #09090a)
}

.bg-devCard {
    background-image: linear-gradient(170deg, #000, transparent 65%, transparent)
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

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

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

.bg-local-global-card-button {
    background-image: linear-gradient(180deg, #244749, #182e2f)
}

.from-black {
    --tw-gradient-from: #000 var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-currant-50 {
    --tw-gradient-from: #405edd var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(64, 94, 221, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-deep-navy {
    --tw-gradient-from: #000a1e var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(0, 10, 30, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-deep-black {
    --tw-gradient-from: #000000 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(0, 0, 0, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-white {
    --tw-gradient-from: #fff var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.to-agave-50 {
    --tw-gradient-to: #299fc4 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-white {
    --tw-gradient-to: #fff var(--tw-gradient-to-position)
}

.bg-\[length\:500\%\] {
    background-size: 500%
}

.bg-contain {
    background-size: contain
}

.bg-cover {
    background-size: cover
}

.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
}

.bg-center {
    background-position: 50%
}

.bg-repeat {
    background-repeat: repeat
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.fill-black {
    fill: #000
}

.fill-current,
.fill-link-dark {
    fill: currentColor
}

.fill-link-dark-disabled {
    fill: #71717a
}

.fill-link-light {
    fill: #000
}

.fill-link-light-disabled {
    fill: #a1a1aa
}

.fill-shade-30 {
    fill: #d4d4d8
}

.fill-shade-60 {
    fill: #52525b
}

.fill-shade-70 {
    fill: #3f3f46
}

.fill-white {
    fill: #fff
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.object-center {
    -o-object-position: center;
    object-position: center
}

.p-0 {
    padding: 0
}

.p-1 {
    padding: .25rem
}

.p-2 {
    padding: .5rem
}

.p-2\.5 {
    padding: .625rem
}

.p-4 {
    padding: 1rem
}

.p-6 {
    padding: 1.5rem
}

.p-8 {
    padding: 2rem
}

.p-\[10px\] {
    padding: 10px
}

.p-lg {
    padding: var(--space-lg)
}

.p-md {
    padding: var(--space-md)
}

.p-xl {
    padding: var(--space-xl)
}

.\!py-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-\[6\%\] {
    padding-left: 6%;
    padding-right: 6%
}

.px-button-px {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.px-gutter {
    padding-left: var(--gutter);
    padding-right: var(--gutter)
}

.px-lg {
    padding-left: var(--space-lg);
    padding-right: var(--space-lg)
}

.px-margin {
    padding-left: var(--margin);
    padding-right: var(--margin)
}

.py-0 {
    padding-bottom: 0;
    padding-top: 0
}

.py-1 {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.py-16 {
    padding-bottom: 4rem;
    padding-top: 4rem
}

.py-2 {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.py-3 {
    padding-bottom: .75rem;
    padding-top: .75rem
}

.py-3\.5 {
    padding-bottom: .875rem;
    padding-top: .875rem
}

.py-3xl {
    padding-bottom: var(--space-3xl);
    padding-top: var(--space-3xl)
}

.py-4 {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

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

.py-\[2px\] {
    padding-bottom: 2px;
    padding-top: 2px
}

.py-button-py {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.py-lg {
    padding-bottom: var(--space-lg);
    padding-top: var(--space-lg)
}

.py-xl {
    padding-bottom: var(--space-xl);
    padding-top: var(--space-xl)
}

.pb-0 {
    padding-bottom: 0
}

.pb-10 {
    padding-bottom: 2.5rem
}

.pb-12 {
    padding-bottom: 3rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-2\.5 {
    padding-bottom: .625rem
}

.pb-24 {
    padding-bottom: 6rem
}

.pb-28 {
    padding-bottom: 7rem
}

.pb-2xl {
    padding-bottom: var(--space-2xl)
}

.pb-36 {
    padding-bottom: 9rem
}

.pb-3xl {
    padding-bottom: var(--space-3xl)
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-48 {
    padding-bottom: 12rem
}

.pb-4xl {
    padding-bottom: var(--space-4xl)
}

.pb-5 {
    padding-bottom: 1.25rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pb-60 {
    padding-bottom: 15rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pb-\[3px\] {
    padding-bottom: 3px
}

.pb-lg {
    padding-bottom: var(--space-lg)
}

.pb-md {
    padding-bottom: var(--space-md)
}

.pb-xl {
    padding-bottom: var(--space-xl)
}

.pb-xs {
    padding-bottom: var(--space-xs)
}

.pl-10 {
    padding-left: 2.5rem
}

.pl-4 {
    padding-left: 1rem
}

.pl-6 {
    padding-left: 1.5rem
}

.pl-8 {
    padding-left: 2rem
}

.pl-\[1em\] {
    padding-left: 1em
}

.pl-\[40px\] {
    padding-left: 40px
}

.pl-\[var\(--margin\)\] {
    padding-left: var(--margin)
}

.pl-lg {
    padding-left: var(--space-lg)
}

.pr-4 {
    padding-right: 1rem
}

.pr-5 {
    padding-right: 1.25rem
}

.pr-8 {
    padding-right: 2rem
}

.pt-0 {
    padding-top: 0
}

.pt-1 {
    padding-top: .25rem
}

.pt-2 {
    padding-top: .5rem
}

.pt-2xl {
    padding-top: var(--space-2xl)
}

.pt-3 {
    padding-top: .75rem
}

.pt-3xl {
    padding-top: var(--space-3xl)
}

.pt-4 {
    padding-top: 1rem
}

.pt-4xl {
    padding-top: var(--space-4xl)
}

.pt-5 {
    padding-top: 1.25rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pt-7 {
    padding-top: 1.75rem
}

.pt-8 {
    padding-top: 2rem
}

.pt-\[20px\] {
    padding-top: 20px
}

.pt-\[57px\] {
    padding-top: 57px
}

.pt-\[90px\] {
    padding-top: 90px
}

.pt-hero-top {
    padding-top: var(--hero-top)
}

.pt-lg {
    padding-top: var(--space-lg)
}

.pt-md {
    padding-top: var(--space-md)
}

.pt-sm {
    padding-top: var(--space-sm)
}

.pt-xl {
    padding-top: var(--space-xl)
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.align-baseline {
    vertical-align: baseline
}

.align-top {
    vertical-align: top
}

.align-text-bottom {
    vertical-align: text-bottom
}

.font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

.\!text-b3 {
    font-size: var(--font-size-b3) !important;
    font-weight: var(--font-weight-b3) !important;
    letter-spacing: var(--letter-spacing-b3) !important;
    line-height: var(--line-height-b3) !important
}

.\!text-t6 {
    font-size: var(--font-size-t6) !important;
    font-weight: var(--font-weight-t6) !important;
    letter-spacing: var(--letter-spacing-t6) !important;
    line-height: var(--line-height-t6) !important
}

.text-8xl {
    font-size: 6rem;
    line-height: 1
}

.text-\[0\.75rem\] {
    font-size: .75rem
}

.text-\[0\.8em\] {
    font-size: .8em
}

.text-\[1\.1428571429em\] {
    font-size: 1.1428571429em
}

.text-\[12px\] {
    font-size: 12px
}

.text-\[13cqw\] {
    font-size: 13cqw
}

.text-\[18px\] {
    font-size: 18px
}

.text-\[2\.2cqw\] {
    font-size: 2.2cqw
}

.text-\[24px\] {
    font-size: 24px
}

.text-\[28px\] {
    font-size: 28px
}

.text-\[32px\] {
    font-size: 32px
}

.text-\[70px\] {
    font-size: 70px
}

.text-b4 {
    font-size: var(--font-size-b4);
    font-weight: var(--font-weight-b4);
    letter-spacing: var(--letter-spacing-b4);
    line-height: var(--line-height-b4)
}

.text-b6 {
    font-size: var(--font-size-b6);
    font-weight: var(--font-weight-b6);
    letter-spacing: var(--letter-spacing-b6);
    line-height: var(--line-height-b6)
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-body-base {
    font-size: var(--font-size-body-base);
    letter-spacing: var(--letter-spacing-body-base);
    line-height: var(--line-height-body-base)
}

.text-body-lg {
    font-size: var(--font-size-body-lg);
    letter-spacing: var(--letter-spacing-body-lg);
    line-height: var(--line-height-body-lg)
}

.text-body-sm {
    font-size: var(--font-size-body-sm);
    letter-spacing: var(--letter-spacing-body-sm);
    line-height: var(--line-height-body-sm)
}

.text-button-size {
    font-size: 1rem;
    letter-spacing: -.01em;
    line-height: 1.5rem
}

.text-dsp {
    font-size: var(--font-size-dsp);
    font-weight: var(--font-weight-dsp);
    letter-spacing: var(--letter-spacing-dsp);
    line-height: var(--line-height-dsp)
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-t1 {
    font-size: var(--font-size-t1);
    font-weight: var(--font-weight-t1);
    letter-spacing: var(--letter-spacing-t1);
    line-height: var(--line-height-t1)
}

.text-t2 {
    font-size: var(--font-size-t2);
    font-weight: var(--font-weight-t2);
    letter-spacing: var(--letter-spacing-t2);
    line-height: var(--line-height-t2)
}

.text-t3 {
    font-size: var(--font-size-t3);
    font-weight: var(--font-weight-t3);
    letter-spacing: var(--letter-spacing-t3);
    line-height: var(--line-height-t3);
}

.text-t4 {
    font-size: var(--font-size-t4);
    font-weight: var(--font-weight-t4);
    letter-spacing: var(--letter-spacing-t4);
    line-height: var(--line-height-t4)
}

.text-t5 {
    font-size: var(--font-size-t5);
    font-weight: var(--font-weight-t5);
    letter-spacing: var(--letter-spacing-t5);
    line-height: var(--line-height-t5)
}

.text-t6 {
    font-size: var(--font-size-t6);
    font-weight: var(--font-weight-t6);
    letter-spacing: var(--letter-spacing-t6);
    line-height: var(--line-height-t6)
}

.text-t7 {
    font-size: var(--font-size-t7);
    font-weight: var(--font-weight-t7);
    letter-spacing: var(--letter-spacing-t7);
    line-height: var(--line-height-t7)
}

.text-t8 {
    font-size: var(--font-size-t8);
    font-weight: var(--font-weight-t8);
    letter-spacing: var(--letter-spacing-t8);
    line-height: var(--line-height-t8)
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.font-black {
    font-weight: 900
}

.font-bold {
    font-weight: 700
}

.font-button-weight {
    font-weight: 600
}

.font-extrabold {
    font-weight: 800
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.normal-case {
    text-transform: none
}

.not-italic {
    font-style: normal
}

.\!leading-none {
    line-height: 1 !important
}

.leading-4 {
    line-height: 1rem
}

.leading-5 {
    line-height: 1.25rem
}

.leading-6 {
    line-height: 1.5rem
}

.leading-8 {
    line-height: 2rem
}

.leading-\[0\] {
    line-height: 0
}

.leading-\[1\.5em\] {
    line-height: 1.5em
}

.leading-\[100\%\] {
    line-height: 100%
}

.leading-\[114\%\] {
    line-height: 114%
}

.leading-\[18px\] {
    line-height: 18px
}

.leading-\[20px\] {
    line-height: 20px
}

.leading-\[32px\] {
    line-height: 32px
}

.leading-\[36px\] {
    line-height: 36px
}

.leading-\[3rem\] {
    line-height: 3rem
}

.leading-\[44px\] {
    line-height: 44px
}

.leading-\[96\%\] {
    line-height: 96%
}

.leading-\[inherit\] {
    line-height: inherit
}

.leading-none {
    line-height: 1
}

.\!tracking-button-tracking {
    letter-spacing: .03em !important
}

.\!tracking-wide {
    letter-spacing: .025em !important
}

.-tracking-ff-tighter {
    letter-spacing: .02em
}

.tracking-\[-0\.01em\] {
    letter-spacing: -.01em
}

.tracking-\[0\.02em\] {
    letter-spacing: .02em
}

.tracking-\[0\.24px\] {
    letter-spacing: .24px
}

.tracking-\[0\.36px\] {
    letter-spacing: .36px
}

.tracking-button-tracking {
    letter-spacing: .03em
}

.tracking-ff-tighter {
    letter-spacing: -.02em
}

.tracking-wide {
    letter-spacing: .025em
}

.tracking-wider {
    letter-spacing: .05em
}

.tracking-widest {
    letter-spacing: .1em
}

.\!text-black {
    color: rgb(0 0 0/var(--tw-text-opacity)) !important
}

.\!text-black,
.\!text-white {
    --tw-text-opacity: 1 !important
}

.\!text-white {
    color: rgb(255 255 255/var(--tw-text-opacity)) !important
}

.text-\[\#36F4A4\] {
    --tw-text-opacity: 1;
    color: rgb(54 244 164/var(--tw-text-opacity))
}

.text-\[\#99B3AD\] {
    --tw-text-opacity: 1;
    color: rgb(153 179 173/var(--tw-text-opacity))
}

.text-\[\#BDBDCA\] {
    --tw-text-opacity: 1;
    color: rgb(189 189 202/var(--tw-text-opacity))
}

.text-\[\#C4C4C4\] {
    --tw-text-opacity: 1;
    color: rgb(196 196 196/var(--tw-text-opacity))
}

.text-\[\#E0E0E0\] {
    --tw-text-opacity: 1;
    color: rgb(224 224 224/var(--tw-text-opacity))
}

.text-\[\#ddd\]\/70 {
    color: #dededeb3
}

.text-avocado {
    --tw-text-opacity: 1;
    color: rgb(54 244 164/var(--tw-text-opacity))
}

.text-black,
.text-button-dark-primary-text {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.text-button-dark-secondary-text,
.text-button-light-primary-text {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.text-button-light-secondary-text {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.text-cyan {
    --tw-text-opacity: 1;
    color: rgb(48 222 238/var(--tw-text-opacity))
}

.text-dragonfruit-70 {
    --tw-text-opacity: 1;
    color: rgb(124 11 134/var(--tw-text-opacity))
}

.text-eyebrow-dark-text {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.text-eyebrow-light-text {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.text-fullwidthcard-dark-text {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.text-fullwidthcard-light-text {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.text-gray-a {
    --tw-text-opacity: 1;
    color: rgb(157 171 173/var(--tw-text-opacity))
}

.text-gray-b {
    --tw-text-opacity: 1;
    color: rgb(153 179 173/var(--tw-text-opacity))
}

.text-gray-c {
    --tw-text-opacity: 1;
    color: rgb(151 151 162/var(--tw-text-opacity))
}

.text-gray-d {
    --tw-text-opacity: 1;
    color: rgb(189 189 202/var(--tw-text-opacity))
}

.text-highlight-dark {
    --tw-text-opacity: 1;
    color: rgb(151 141 231/var(--tw-text-opacity))
}

.text-highlight-light {
    --tw-text-opacity: 1;
    color: rgb(53 37 193/var(--tw-text-opacity))
}

.text-inherit {
    color: inherit
}

.text-link-dark {
    color: currentColor
}

.text-link-dark-disabled {
    --tw-text-opacity: 1;
    color: rgb(113 113 122/var(--tw-text-opacity))
}

.text-link-light {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.text-link-light-disabled {
    --tw-text-opacity: 1;
    color: rgb(161 161 170/var(--tw-text-opacity))
}

.text-section-dark-text {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.text-section-light-text,
.text-shade-100 {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.text-shade-30 {
    --tw-text-opacity: 1;
    color: rgb(212 212 216/var(--tw-text-opacity))
}

.text-shade-40 {
    --tw-text-opacity: 1;
    color: rgb(161 161 170/var(--tw-text-opacity))
}

.text-shade-50 {
    --tw-text-opacity: 1;
    color: rgb(113 113 122/var(--tw-text-opacity))
}

.text-shade-60 {
    --tw-text-opacity: 1;
    color: rgb(82 82 91/var(--tw-text-opacity))
}

.text-shade-70 {
    --tw-text-opacity: 1;
    color: rgb(63 63 70/var(--tw-text-opacity))
}

.text-shade-90 {
    --tw-text-opacity: 1;
    color: rgb(24 24 27/var(--tw-text-opacity))
}

.text-state-error-dark {
    --tw-text-opacity: 1;
    color: rgb(238 0 4/var(--tw-text-opacity))
}

.text-state-error-light {
    --tw-text-opacity: 1;
    color: rgb(255 102 105/var(--tw-text-opacity))
}

.text-state-success-dark {
    --tw-text-opacity: 1;
    color: rgb(21 136 59/var(--tw-text-opacity))
}

.text-state-success-light {
    --tw-text-opacity: 1;
    color: rgb(122 235 159/var(--tw-text-opacity))
}

.text-state-warning-dark {
    --tw-text-opacity: 1;
    color: rgb(232 153 0/var(--tw-text-opacity))
}

.text-state-warning-light {
    --tw-text-opacity: 1;
    color: rgb(241 190 9/var(--tw-text-opacity))
}

.text-transparent {
    color: transparent
}

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

.underline {
    text-decoration-line: underline
}

.no-underline {
    text-decoration-line: none
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-20 {
    opacity: .2
}

.opacity-25 {
    opacity: .25
}

.opacity-30 {
    opacity: .3
}

.opacity-40 {
    opacity: .4
}

.opacity-50 {
    opacity: .5
}

.opacity-60 {
    opacity: .6
}

.opacity-70 {
    opacity: .7
}

.opacity-80 {
    opacity: .8
}

.opacity-90 {
    opacity: .9
}

.mix-blend-darken {
    mix-blend-mode: darken
}

.mix-blend-lighten {
    mix-blend-mode: lighten
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)
}

.shadow,
.shadow-2xl {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color)
}

.shadow-\[0_16px_24px_0_\#070d17\] {
    --tw-shadow: 0 16px 24px 0 #070d17;
    --tw-shadow-colored: 0 16px 24px 0 var(--tw-shadow-color)
}

.shadow-\[0_16px_24px_0_\#070d17\],
.shadow-\[0_16px_24px_rgba\(7\,_13\,_23\,_0\.1\)\] {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_16px_24px_rgba\(7\,_13\,_23\,_0\.1\)\] {
    --tw-shadow: 0 16px 24px rgba(7, 13, 23, .1);
    --tw-shadow-colored: 0 16px 24px var(--tw-shadow-color)
}

.shadow-card {
    --tw-shadow: 0px 8px 8px 0px rgba(0, 0, 0, .1), 0px 4px 4px 0px rgba(0, 0, 0, .1), 0px 2px 2px 0px rgba(0, 0, 0, .1), 0px 0px 0px 1px rgba(0, 0, 0, .1), 0px 1px 0px 0px hsla(0, 0%, 100%, .03) inset;
    --tw-shadow-colored: 0px 8px 8px 0px var(--tw-shadow-color), 0px 4px 4px 0px var(--tw-shadow-color), 0px 2px 2px 0px var(--tw-shadow-color), 0px 0px 0px 1px var(--tw-shadow-color), inset 0px 1px 0px 0px var(--tw-shadow-color)
}

.shadow-card,
.shadow-cutting-edge-edition {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-cutting-edge-edition {
    --tw-shadow: -10px 12px 11px 0px #00000042;
    --tw-shadow-colored: -10px 12px 11px 0px var(--tw-shadow-color)
}

.shadow-cutting-edge-video {
    --tw-shadow: 0px 1px 0px 0px hsla(0, 0%, 100%, .03) inset, 0px 0px 0px 1px rgba(0, 0, 0, .1);
    --tw-shadow-colored: inset 0px 1px 0px 0px var(--tw-shadow-color), 0px 0px 0px 1px var(--tw-shadow-color)
}

.shadow-cutting-edge-video,
.shadow-dark {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-dark {
    --tw-shadow: 0px 8px 48px rgba(24, 24, 27, .24), 0px 4px 8px rgba(24, 24, 27, .16), 0px 0px 2px hsla(0, 0%, 100%, .52);
    --tw-shadow-colored: 0px 8px 48px var(--tw-shadow-color), 0px 4px 8px var(--tw-shadow-color), 0px 0px 2px var(--tw-shadow-color)
}

.shadow-dev-image-container {
    --tw-shadow: 0px 1px 0px 0px rgba(64, 71, 77, .4) inset, 0px 1px 0px 0px hsla(0, 0%, 100%, .08);
    --tw-shadow-colored: inset 0px 1px 0px 0px var(--tw-shadow-color), 0px 1px 0px 0px var(--tw-shadow-color)
}

.shadow-dev-image-container,
.shadow-dev-label-container {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-dev-label-container {
    --tw-shadow: 0px 1px 2px 0px hsla(0, 0%, 100%, .05), 0px 1px 0px 0px hsla(0, 0%, 100%, .04) inset;
    --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color), inset 0px 1px 0px 0px var(--tw-shadow-color)
}

.shadow-light {
    --tw-shadow: 0px 8px 48px rgba(24, 24, 27, .08), 0px 4px 8px rgba(24, 24, 27, .04), 0px 0px 2px rgba(24, 24, 27, .25);
    --tw-shadow-colored: 0px 8px 48px var(--tw-shadow-color), 0px 4px 8px var(--tw-shadow-color), 0px 0px 2px var(--tw-shadow-color)
}

.shadow-light,
.shadow-local-global-card-button {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-local-global-card-button {
    --tw-shadow: 0px .929px 0px 0px hsla(0, 0%, 100%, .03) inset, 0px 0px 0px .929px rgba(0, 0, 0, .1), 0px 1.858px 1.858px 0px rgba(0, 0, 0, .1), 0px 3.717px 3.717px 0px rgba(0, 0, 0, .1);
    --tw-shadow-colored: inset 0px .929px 0px 0px var(--tw-shadow-color), 0px 0px 0px .929px var(--tw-shadow-color), 0px 1.858px 1.858px 0px var(--tw-shadow-color), 0px 3.717px 3.717px 0px var(--tw-shadow-color)
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
}

.shadow-md,
.shadow-medium-green-card {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-medium-green-card {
    --tw-shadow: 0px 20px 60px 0px rgba(5, 24, 19, .05), 0px 1px 0px 0px #133b32 inset;
    --tw-shadow-colored: 0px 20px 60px 0px var(--tw-shadow-color), inset 0px 1px 0px 0px var(--tw-shadow-color)
}

.shadow-soft-2xl {
    --tw-shadow: 0px 8px 48px rgba(0, 0, 0, .08), 0px 4px 8px rgba(0, 0, 0, .08), 0px 0px 1px rgba(0, 0, 0, .4);
    --tw-shadow-colored: 0px 8px 48px var(--tw-shadow-color), 0px 4px 8px var(--tw-shadow-color), 0px 0px 1px var(--tw-shadow-color)
}

.shadow-soft-2xl,
.shadow-soft-dark-2xl {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-soft-dark-2xl {
    --tw-shadow: 0px 8px 48px #0f1214, 0px 4px 8px rgba(66, 71, 76, .06), 0px 0px 1px rgba(0, 0, 0, .9);
    --tw-shadow-colored: 0px 8px 48px var(--tw-shadow-color), 0px 4px 8px var(--tw-shadow-color), 0px 0px 1px var(--tw-shadow-color)
}

.outline {
    outline-style: solid
}

.outline-2 {
    outline-width: 2px
}

.outline-4 {
    outline-width: 4px
}

.-outline-offset-4 {
    outline-offset: -4px
}

.outline-offset-2 {
    outline-offset: 2px
}

.outline-state-focus {
    outline-color: #751be9
}

.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)
}

.ring,
.ring-0 {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-0 {
    --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(var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring-1 {
    --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(1px + 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
}

.ring-black\/20 {
    --tw-ring-color: rgba(0, 0, 0, .2)
}

.ring-button-dark-primary-border,
.ring-button-light-primary-border {
    --tw-ring-color: transparent
}

.ring-button-light-secondary-border {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(0 0 0/var(--tw-ring-opacity))
}

.ring-current {
    --tw-ring-color: currentColor
}

.ring-state-error-dark {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(238 0 4/var(--tw-ring-opacity))
}

.ring-state-error-light {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 102 105/var(--tw-ring-opacity))
}

.ring-state-success-dark {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(21 136 59/var(--tw-ring-opacity))
}

.ring-state-success-light {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(122 235 159/var(--tw-ring-opacity))
}

.ring-state-warning-dark {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(232 153 0/var(--tw-ring-opacity))
}

.ring-state-warning-light {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(241 190 9/var(--tw-ring-opacity))
}

.ring-white\/20 {
    --tw-ring-color: hsla(0, 0%, 100%, .2)
}

.brightness-100 {
    --tw-brightness: brightness(1)
}

.brightness-100,
.brightness-50 {
    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 {
    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)
}

.transition {
    transition-duration: .15s;
    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(.4, 0, .2, 1)
}

.transition-\[opacity\,transform\] {
    transition-duration: .15s;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-\[opacity\] {
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-\[transform\,box-shadow\] {
    transition-duration: .15s;
    transition-property: transform, box-shadow;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-\[transform\,opacity\] {
    transition-duration: .15s;
    transition-property: transform, opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-all {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-colors {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-opacity {
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-shadow {
    transition-duration: .15s;
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-transform {
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.delay-0 {
    transition-delay: 0s
}

.delay-100 {
    transition-delay: .1s
}

.delay-150 {
    transition-delay: .15s
}

.delay-200 {
    transition-delay: .2s
}

.delay-500 {
    transition-delay: .5s
}

.delay-\[250ms\] {
    transition-delay: .25s
}

.delay-\[2s\] {
    transition-delay: 2s
}

.delay-\[350ms\] {
    transition-delay: .35s
}

.delay-\[50ms\] {
    transition-delay: 50ms
}

.duration-1000 {
    transition-duration: 1s
}

.duration-150 {
    transition-duration: .15s
}

.duration-200 {
    transition-duration: .2s
}

.duration-300 {
    transition-duration: .3s
}

.duration-500 {
    transition-duration: .5s
}

.duration-700 {
    transition-duration: .7s
}

.duration-\[0\.45s\] {
    transition-duration: .45s
}

.duration-\[250ms\] {
    transition-duration: .25s
}

.duration-\[277ms\] {
    transition-duration: 277ms
}

.duration-\[350ms\] {
    transition-duration: .35s
}

.duration-\[400ms\] {
    transition-duration: .4s
}

.duration-\[450ms\] {
    transition-duration: .45s
}

.duration-\[452ms\] {
    transition-duration: 452ms
}

.duration-\[500ms\] {
    transition-duration: .5s
}

.ease-\[cubic-bezier\(0\.26\,1\.00\,0\.48\,1\.00\)\] {
    transition-timing-function: cubic-bezier(.26, 1, .48, 1)
}

.ease-\[cubic-bezier\(0\.40\,0\.00\,0\.20\,1\.00\)\] {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-\[cubic-bezier\(0\.87\,0\,0\.13\,1\)\] {
    transition-timing-function: cubic-bezier(.87, 0, .13, 1)
}

.ease-heading-transition-ease {
    transition-timing-function: cubic-bezier(.5, 0, .5, 1)
}

.ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-linear {
    transition-timing-function: linear
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.will-change-\[opacity\,transform\] {
    will-change: opacity, transform
}

.will-change-\[opacity\] {
    will-change: opacity
}

.will-change-\[transform\,opacity\] {
    will-change: transform, opacity
}

.will-change-auto {
    will-change: auto
}

.will-change-transform {
    will-change: transform
}

@keyframes bounce {

    0%,
    20%,
    53%,
    80%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translateZ(0)
    }

    40%,
    43% {
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

@keyframes heartBeat {
    0% {
        transform: scale(1)
    }

    14% {
        transform: scale(1.3)
    }

    28% {
        transform: scale(1)
    }

    42% {
        transform: scale(1.3)
    }

    70% {
        transform: scale(1)
    }
}

.\!transform-\[perspective\(10cm\)_rotate3d\(0\,1\,0\,0deg\)_scale\(1\.25\)\] {
    transform: perspective(10cm) rotateY(0) scale(1.25) !important
}

.\!transform-\[perspective\(10cm\)_rotate3d\(0\,1\,0\,15deg\)_scale\(1\)_translateX\(-7\.5\%\)\] {
    transform: perspective(10cm) rotateY(15deg) scale(1) translate(-7.5%) !important
}

.\!transform-\[perspective\(10cm\)_rotate3d\(0\,1\,0\,15deg\)_scale\(1\)_translateX\(7\.5\%\)\] {
    transform: perspective(10cm) rotateY(15deg) scale(1) translate(7.5%) !important
}

.mask-image-\[radial-gradient\(white\,black\)\] {
    -webkit-mask-image: radial-gradient(#fff, #000);
    mask-image: radial-gradient(#fff, #000)
}

.transform-\[perspective\(10cm\)_rotate3d\(0\,1\,0\,15deg\)_scale\(1\)\] {
    transform: perspective(10cm) rotateY(15deg) scale(1)
}

.container {
    margin-left: var(--margin);
    margin-right: var(--margin);
    max-width: none;
    width: auto
}

@media (min-width:1600px) {
    .container {
        margin-left: auto;
        margin-right: auto;
        max-width: calc(1600px - var(--margin)*2);
        width: 100%
    }
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.no-scrollbar::-webkit-scrollbar {
    display: none
}

.\!animation-pause {
    animation-play-state: paused !important
}

.\[container\:card\/inline-size\] {
    container: card/inline-size
}

.\[mask\:linear-gradient\(transparent\,transparent\)_padding-box_intersect\,linear-gradient\(white\,white\)_border-box_intersect\] {
    -webkit-mask: linear-gradient(transparent, transparent) padding-box, linear-gradient(#fff, #fff) border-box intersect;
    -webkit-mask-composite: source-in, xor;
    mask: linear-gradient(transparent, transparent) padding-box intersect, linear-gradient(#fff, #fff) border-box intersect
}

.\[transform\:_translateZ\(0px\)\],
.\[transform\:translateZ\(0\)\] {
    transform: translateZ(0)
}

@media (min-width:900px) {
    .md\:container {
        width: 100%
    }

    @media (min-width:320px) {
        .md\:container {
            max-width: 320px
        }
    }

    @media (min-width:640px) {
        .md\:container {
            max-width: 640px
        }
    }

    @media (min-width:768px) {
        .md\:container {
            max-width: 768px
        }
    }

    .md\:container {
        max-width: 900px
    }

    @media (min-width:1080px) {
        .md\:container {
            max-width: 1080px
        }
    }

    @media (min-width:1090px) {
        .md\:container {
            max-width: 1090px
        }
    }

    @media (min-width:1200px) {
        .md\:container {
            max-width: 1200px
        }
    }

    @media (min-width:1600px) {
        .md\:container {
            max-width: 1600px
        }
    }
}

.richtext{
    font-family: NeueHaasGrotesk, Helvetica, Arial, sans-serif;s
}

.richtext .\[\&_h4\]\:text-t5 h4:not(.no-richtext .\[\&_h4\]\:text-t5 h4) {
    font-size: var(--font-size-t5);
    font-weight: var(--font-weight-t5);
    letter-spacing: var(--letter-spacing-t5);
    line-height: var(--line-height-t5);
    margin-bottom: var(--space-sm);
    margin-top: var(--space-lg)
}

.richtext .\[\&_h4\]\:text-t7 h4:not(.no-richtext .\[\&_h4\]\:text-t7 h4) {
    font-size: var(--font-size-t7);
    font-weight: var(--font-weight-t7);
    letter-spacing: var(--letter-spacing-t7);
    line-height: var(--line-height-t7);
    margin-bottom: .5rem;
    margin-top: var(--space-md)
}

.richtext .\[\&_h5\]\:text-t8 h5:not(.no-richtext .\[\&_h5\]\:text-t8 h5),
.richtext .\[\&_h6\]\:text-t8 h6:not(.no-richtext .\[\&_h6\]\:text-t8 h6) {
    font-size: var(--font-size-t8);
    font-weight: var(--font-weight-t8);
    letter-spacing: var(--letter-spacing-t8);
    line-height: var(--line-height-t8);
    margin-bottom: .5rem;
    margin-top: var(--space-md)
}

.richtext .\[\&_p\]\:text-t5 p:not(.no-richtext .\[\&_p\]\:text-t5 p) {
    font-size: var(--font-size-t5);
    font-weight: var(--font-weight-t5);
    letter-spacing: var(--letter-spacing-t5);
    line-height: var(--line-height-t5);
    margin-bottom: var(--space-sm);
    margin-top: var(--space-lg)
}

.placeholder\:text-transparent::-moz-placeholder {
    color: transparent
}

.placeholder\:text-transparent::placeholder {
    color: transparent
}

.before\:pointer-events-none:before {
    content: var(--tw-content);
    pointer-events: none
}

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

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

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

.before\:-left-\[0\.3em\]:before {
    content: var(--tw-content);
    left: -.3em
}

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

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

.before\:left-\[-12\.5\%\]:before {
    content: var(--tw-content);
    left: -12.5%
}

.before\:right-\[-9\%\]:before {
    content: var(--tw-content);
    right: -9%
}

.before\:right-\[20\%\]:before {
    content: var(--tw-content);
    right: 20%
}

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

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

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

.before\:top-\[1\/2\]:before {
    content: var(--tw-content);
    top: 1/2
}

.before\:top-\[25\%\]:before {
    content: var(--tw-content);
    top: 25%
}

.before\:top-\[26\%\]:before {
    content: var(--tw-content);
    top: 26%
}

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

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

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

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

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

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

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

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

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

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

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

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

.before\:h-\[calc\(100\%\+1px\)\]:before {
    content: var(--tw-content);
    height: calc(100% + 1px)
}

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

.before\:h-global-header-with-border:before {
    content: var(--tw-content);
    height: calc(var(--header-height) + 1px)
}

.before\:w-\[100vw\]:before {
    content: var(--tw-content);
    width: 100vw
}

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

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

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

.before\:origin-left:before {
    content: var(--tw-content);
    transform-origin: left
}

.before\:origin-top:before {
    content: var(--tw-content);
    transform-origin: top
}

.before\:-translate-x-full:before {
    --tw-translate-x: -100%
}

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

.before\:-translate-y-12:before {
    --tw-translate-y: -3rem
}

.before\:rotate-45:before {
    --tw-rotate: 45deg
}

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

.before\:rotate-\[-20deg\]:before {
    --tw-rotate: -20deg
}

.before\:rotate-\[168\.698deg\]:before {
    --tw-rotate: 168.698deg
}

.before\:rotate-\[168\.698deg\]:before,
.before\:scale-\[1\.5\]:before {
    content: var(--tw-content);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.before\:scale-\[1\.5\]:before {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5
}

.before\:scale-x-0:before {
    --tw-scale-x: 0
}

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

.before\:scale-x-100:before {
    --tw-scale-x: 1
}

.before\:scale-y-0:before {
    --tw-scale-y: 0
}

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

.before\:scale-y-100:before {
    --tw-scale-y: 1
}

.before\:place-items-center:before {
    content: var(--tw-content);
    place-items: center
}

.before\:items-start:before {
    align-items: flex-start;
    content: var(--tw-content)
}

.before\:justify-center:before {
    content: var(--tw-content);
    justify-content: center
}

.before\:border-y:before {
    border-bottom-width: 1px;
    border-top-width: 1px;
    content: var(--tw-content)
}

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

.before\:border-black\/20:before {
    border-color: #0003;
    content: var(--tw-content)
}

.before\:border-white\/20:before {
    border-color: #fff3;
    content: var(--tw-content)
}

.before\:bg-pistachio-10:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(212 249 224/var(--tw-bg-opacity))
}

.before\:bg-shade-30:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(212 212 216/var(--tw-bg-opacity))
}


.before\:bg-\[linear-gradient\(90deg\,\#11352d_0\%\,\#36f4a4_50\%\,\#11352d_100\%\)\]:before {
    background-image: linear-gradient(90deg, #11352d, #36f4a4 50%, #11352d);
    content: var(--tw-content)
}

.before\:bg-card-gradient:before {
    background-image: linear-gradient(0deg, #061518 20%, #0a2c30);
    content: var(--tw-content)
}

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

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

.before\:from-\[\#9A5BFD\]:before {
    content: var(--tw-content);
    --tw-gradient-from: #9a5bfd var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(154, 91, 253, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

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

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

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

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

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

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

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

.before\:opacity-100:before {
    content: var(--tw-content);
    opacity: 1
}

.before\:opacity-40:before {
    content: var(--tw-content);
    opacity: .4
}

.before\:opacity-50:before {
    content: var(--tw-content);
    opacity: .5
}

.before\:shadow-xl:before {
    content: var(--tw-content);
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -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)
}

.before\:transition-all:before {
    content: var(--tw-content);
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.before\:duration-100:before {
    content: var(--tw-content);
    transition-duration: .1s
}

.before\:duration-\[8000ms\]:before {
    content: var(--tw-content);
    transition-duration: 8s
}

.before\:ease-linear:before {
    content: var(--tw-content);
    transition-timing-function: linear
}

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

.before\:content-\[\"TwoColumn\.Col1\"\]:before {
    --tw-content: "TwoColumn.Col1";
    content: var(--tw-content)
}

.before\:content-\[\"TwoColumn\.Col2\"\]:before {
    --tw-content: "TwoColumn.Col2";
    content: var(--tw-content)
}

.before\:content-\[\"topSpacing\"\]:before {
    --tw-content: "topSpacing";
    content: var(--tw-content)
}

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

.before\:content-\[\'“\'\]:before {
    --tw-content: "“";
    content: var(--tw-content)
}

.before\:content-\[open-quote\]:before {
    --tw-content: open-quote;
    content: var(--tw-content)
}

.after\:pointer-events-none:after {
    content: var(--tw-content);
    pointer-events: none
}

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

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

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

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

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

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

.after\:bottom-\[-7\.5\%\]:after {
    bottom: -7.5%;
    content: var(--tw-content)
}

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

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

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

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

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

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

.after\:mt-auto:after {
    content: var(--tw-content);
    margin-top: auto
}

.after\:mt-md:after {
    content: var(--tw-content);
    margin-top: var(--space-md)
}

.after\:box-content:after {
    box-sizing: content-box;
    content: var(--tw-content)
}

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

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

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

.after\:aspect-square:after {
    aspect-ratio: 1/1;
    content: var(--tw-content)
}

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

.after\:h-3xl:after {
    content: var(--tw-content);
    height: var(--space-3xl)
}

.after\:h-4xl:after {
    content: var(--tw-content);
    height: var(--space-4xl)
}

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

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

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

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

.after\:h-\[calc\(100\%\+1px\)\]:after {
    content: var(--tw-content);
    height: calc(100% + 1px)
}

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

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

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

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

.after\:w-\[calc\(\(25\%\+64px\)\*2\)\]:after {
    content: var(--tw-content);
    width: calc(50% + 128px)
}

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

.after\:origin-left:after {
    content: var(--tw-content);
    transform-origin: left
}

.after\:translate-y-\[30px\]:after {
    --tw-translate-y: 30px
}

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

.after\:scale-0:after {
    --tw-scale-x: 0;
    --tw-scale-y: 0
}

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

.after\:items-end:after {
    align-items: flex-end;
    content: var(--tw-content)
}

.after\:justify-center:after {
    content: var(--tw-content);
    justify-content: center
}

.after\:rounded-t-5xl:after {
    border-top-left-radius: 3rem;
    border-top-right-radius: 3rem;
    content: var(--tw-content)
}

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

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

.after\:border-black\/20:after {
    border-color: #0003;
    content: var(--tw-content)
}

.after\:border-white\/20:after {
    border-color: #fff3;
    content: var(--tw-content)
}

.after\:bg-\[\#f0f0f0\]\/30:after {
    background-color: #f0f0f04d;
    content: var(--tw-content)
}

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

.after\:bg-pistachio-10:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(212 249 224/var(--tw-bg-opacity))
}

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

.after\:bg-\[linear-gradient\(0deg\,\#061A1C_39\.77\%\,rgba\(6\,26\,28\,0\.72\)_49\.68\%\,rgba\(6\,26\,28\,0\.00\)_88\.12\%\)\]:after {
    background-image: linear-gradient(0deg, #061a1c 39.77%, #061a1cb8 49.68%, #061a1c00 88.12%);
    content: var(--tw-content)
}

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

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

.after\:from-\[\#9A5BFD\]:after {
    content: var(--tw-content);
    --tw-gradient-from: #9a5bfd var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(154, 91, 253, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.after\:from-\[rgba\(24\,89\,74\,\.6\)\]:after {
    content: var(--tw-content);
    --tw-gradient-from: rgba(24, 89, 74, .6) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(24, 89, 74, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

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

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

.after\:from-white:after {
    content: var(--tw-content);
    --tw-gradient-from: #fff var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 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: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.after\:via-40\%:after {
    content: var(--tw-content);
    --tw-gradient-via-position: 40%
}

.after\:to-black\/40:after {
    content: var(--tw-content);
    --tw-gradient-to: rgba(0, 0, 0, .4) var(--tw-gradient-to-position)
}

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

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

.after\:opacity-100:after {
    content: var(--tw-content);
    opacity: 1
}

.after\:opacity-40:after {
    content: var(--tw-content);
    opacity: .4
}

.after\:opacity-50:after {
    content: var(--tw-content);
    opacity: .5
}

.after\:shadow-hero-ab-card-edge:after {
    content: var(--tw-content);
    --tw-shadow: 0px 1px 0px 0px rgba(39, 44, 49, .4) inset;
    --tw-shadow-colored: inset 0px 1px 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)
}

.after\:transition-opacity:after {
    content: var(--tw-content);
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.after\:transition-transform:after {
    content: var(--tw-content);
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

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

.after\:duration-\[350ms\]:after {
    content: var(--tw-content);
    transition-duration: .35s
}

.after\:will-change-\[opacity\]:after {
    content: var(--tw-content);
    will-change: opacity
}

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

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

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

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

.first\:mt-3:first-child {
    margin-top: .75rem
}

.first\:mt-4:first-child {
    margin-top: 1rem
}

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

.last\:-mb-1\.5:last-child {
    margin-bottom: -.375rem
}

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

.last\:border-b-0:last-child {
    border-bottom-width: 0
}

.last\:pb-0:last-child {
    padding-bottom: 0
}

.checked\:border-4:checked {
    border-width: 4px
}

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

.checked\:ring-0:checked {
    --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(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)
}

.focus-within\:opacity-100:focus-within {
    opacity: 1
}

.focus-within\:outline-0:focus-within {
    outline-width: 0
}

.focus-within\:ring-state-focus:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(117 27 233/var(--tw-ring-opacity))
}

.focus-within\:before\:opacity-95:focus-within:before {
    content: var(--tw-content);
    opacity: .95
}

.hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:border-button-dark-primary-border-hover:hover {
    border-color: transparent
}

.hover\:border-button-dark-secondary-border-hover:hover {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
}

.hover\:border-button-light-primary-border-hover:hover {
    border-color: transparent
}

.hover\:border-button-light-secondary-border-hover:hover {
    --tw-border-opacity: 1;
    border-color: rgb(63 63 70/var(--tw-border-opacity))
}

.hover\:bg-\[\#00F2F7\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 242 247/var(--tw-bg-opacity))
}

.hover\:bg-\[\#4A659A\]:hover {
    --tw-bg-opacity: 1;
    color:#fff;
    background-color: rgb(0 0 0/var(--tw-bg-opacity));
    /* background-color: rgb(74 101 154/var(--tw-bg-opacity)) */
}

.hover\:bg-button-dark-primary-bg-hover:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(212 212 216/var(--tw-bg-opacity))
}

.hover\:bg-button-dark-secondary-bg-hover:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.hover\:bg-button-light-primary-bg-hover:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(63 63 70/var(--tw-bg-opacity))
}

.hover\:bg-button-light-secondary-bg-hover:hover {
    background-color: transparent
}

.hover\:bg-shade-30:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(212 212 216/var(--tw-bg-opacity))
}

.hover\:bg-shade-70:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(63 63 70/var(--tw-bg-opacity))
}

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

.hover\:fill-shade-30:hover {
    fill: #d4d4d8
}

.hover\:fill-shade-70:hover {
    fill: #3f3f46
}

.hover\:text-black:hover,
.hover\:text-button-dark-primary-text-hover:hover,
.hover\:text-button-dark-secondary-text-hover:hover {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.hover\:text-button-light-primary-text-hover:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.hover\:text-link-dark-hover:hover {
    --tw-text-opacity: 1;
    color: rgb(212 212 216/var(--tw-text-opacity))
}

.hover\:text-link-light-hover:hover {
    --tw-text-opacity: 1;
    color: rgb(63 63 70/var(--tw-text-opacity))
}

.hover\:text-shade-30:hover {
    --tw-text-opacity: 1;
    color: rgb(212 212 216/var(--tw-text-opacity))
}

.hover\:text-shade-70:hover {
    --tw-text-opacity: 1;
    color: rgb(63 63 70/var(--tw-text-opacity))
}

.hover\:text-transparent:hover {
    color: transparent
}

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

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

.hover\:no-underline:hover {
    text-decoration-line: none
}

.hover\:opacity-100:hover {
    opacity: 1
}

.hover\:shadow-\[0_0_24px_\#6b26ff\]:hover {
    --tw-shadow: 0 0 24px #6b26ff;
    --tw-shadow-colored: 0 0 24px var(--tw-shadow-color)
}

.hover\:shadow-\[0_0_24px_0_\#30deee\]:hover,
.hover\:shadow-\[0_0_24px_\#6b26ff\]:hover {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-\[0_0_24px_0_\#30deee\]:hover {
    --tw-shadow: 0 0 24px 0 #30deee;
    --tw-shadow-colored: 0 0 24px 0 var(--tw-shadow-color)
}

.hover\:ring-1:hover {
    --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(1px + 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)
}

.hover\:ring-button-dark-primary-border-hover:hover {
    --tw-ring-color: transparent
}

.hover\:ring-button-dark-secondary-border-hover:hover {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity))
}

.hover\:ring-button-light-primary-border-hover:hover {
    --tw-ring-color: transparent
}

.hover\:ring-button-light-secondary-border-hover:hover {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(63 63 70/var(--tw-ring-opacity))
}

.hover\:ring-shade-30:hover {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(212 212 216/var(--tw-ring-opacity))
}

.hover\:ring-shade-40:hover {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(161 161 170/var(--tw-ring-opacity))
}

.hover\:ring-shade-50:hover {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(113 113 122/var(--tw-ring-opacity))
}

.hover\:before\:opacity-95:hover:before {
    content: var(--tw-content);
    opacity: .95
}

.hover\:checked\:border-lavender-50:checked:hover {
    --tw-border-opacity: 1;
    border-color: rgb(96 82 218/var(--tw-border-opacity))
}

.hover\:checked\:opacity-80:checked:hover {
    opacity: .8
}

.hover\:focus-within\:ring-state-focus:focus-within:hover {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(117 27 233/var(--tw-ring-opacity))
}

.focus\:translate-y-0:focus {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.focus\:border-\[\#6B24E0\]:focus {
    --tw-border-opacity: 1;
    border-color: rgb(107 36 224/var(--tw-border-opacity))
}

.focus\:border-button-dark-primary-border-focus:focus {
    border-color: transparent
}

.focus\:border-button-dark-secondary-border-focus:focus {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
}

.focus\:border-button-light-primary-border-focus:focus {
    border-color: transparent
}

.focus\:border-button-light-secondary-border-focus:focus {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0/var(--tw-border-opacity))
}

.focus\:bg-\[\#00DEE3\]:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(0 222 227/var(--tw-bg-opacity))
}

.focus\:bg-button-dark-primary-bg-focus:focus {
    background-color: ##ffffff
}

.focus\:bg-button-dark-secondary-bg-focus:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.focus\:bg-button-light-primary-bg-focus:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.focus\:bg-button-light-secondary-bg-focus:focus {
    background-color: transparent
}

.focus\:fill-black:focus {
    fill: #000
}

.focus\:text-black:focus,
.focus\:text-button-dark-primary-text-focus:focus,
.focus\:text-button-dark-secondary-text-focus:focus {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.focus\:text-button-light-primary-text-focus:focus,
.focus\:text-link-dark-focus:focus {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.focus\:text-link-light-focus:focus {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.focus\:outline-state-focus:focus {
    outline-color: #751be9
}

.focus\:ring-button-dark-primary-border-focus:focus {
    --tw-ring-color: transparent
}

.focus\:ring-button-dark-secondary-border-focus:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity))
}

.focus\:ring-button-light-primary-border-focus:focus {
    --tw-ring-color: transparent
}

.focus\:ring-button-light-secondary-border-focus:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(0 0 0/var(--tw-ring-opacity))
}

.focus-visible\:text-transparent:focus-visible {
    color: transparent
}

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

.focus-visible\:outline:focus-visible {
    outline-style: solid
}

.focus-visible\:outline-2:focus-visible {
    outline-width: 2px
}

.focus-visible\:outline-\[3px\]:focus-visible {
    outline-width: 3px
}

.focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px
}

.focus-visible\:outline-offset-\[-3px\]:focus-visible {
    outline-offset: -3px
}

.focus-visible\:outline-state-focus:focus-visible {
    outline-color: #751be9
}

.active\:cursor-grabbing:active {
    cursor: grabbing
}

.active\:border-button-dark-primary-border-active:active {
    border-color: transparent
}

.active\:border-button-dark-secondary-border-active:active {
    --tw-border-opacity: 1;
    border-color: rgb(161 161 170/var(--tw-border-opacity))
}

.active\:border-button-light-primary-border-active:active {
    border-color: transparent
}

.active\:border-button-light-secondary-border-active:active {
    --tw-border-opacity: 1;
    border-color: rgb(113 113 122/var(--tw-border-opacity))
}

.active\:bg-\[\#00B6BA\]:active {
    --tw-bg-opacity: 1;
    background-color: rgb(0 182 186/var(--tw-bg-opacity))
}

.active\:bg-button-dark-primary-bg-active:active,
.active\:bg-button-dark-secondary-bg-active:active {
    --tw-bg-opacity: 1;
    background-color: rgb(161 161 170/var(--tw-bg-opacity))
}

.active\:bg-button-light-primary-bg-active:active {
    --tw-bg-opacity: 1;
    background-color: rgb(113 113 122/var(--tw-bg-opacity))
}

.active\:bg-button-light-secondary-bg-active:active {
    background-color: transparent
}

.active\:bg-shade-50:active {
    --tw-bg-opacity: 1;
    background-color: rgb(113 113 122/var(--tw-bg-opacity))
}

.active\:fill-shade-50:active {
    fill: #71717a
}

.active\:fill-white:active {
    fill: #fff
}

.active\:text-black:active,
.active\:text-button-dark-primary-text-active:active,
.active\:text-button-dark-secondary-text-active:active {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.active\:text-button-light-primary-text-active:active {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.active\:text-link-dark-active:active {
    --tw-text-opacity: 1;
    color: rgb(161 161 170/var(--tw-text-opacity))
}

.active\:text-link-light-active:active,
.active\:text-shade-50:active {
    --tw-text-opacity: 1;
    color: rgb(113 113 122/var(--tw-text-opacity))
}

.active\:text-shade-90:active {
    --tw-text-opacity: 1;
    color: rgb(24 24 27/var(--tw-text-opacity))
}

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

.active\:ring:active {
    --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)
}

.active\:ring-button-dark-primary-border-active:active {
    --tw-ring-color: transparent
}

.active\:ring-button-dark-secondary-border-active:active {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(161 161 170/var(--tw-ring-opacity))
}

.active\:ring-button-light-secondary-border-active:active {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(113 113 122/var(--tw-ring-opacity))
}

.active\:ring-shade-30:active {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(212 212 216/var(--tw-ring-opacity))
}

.active\:ring-shade-70:active {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(63 63 70/var(--tw-ring-opacity))
}

.active\:checked\:border-lavender-30:checked:active {
    --tw-border-opacity: 1;
    border-color: rgb(151 141 231/var(--tw-border-opacity))
}

.active\:checked\:border-lavender-70:checked:active {
    --tw-border-opacity: 1;
    border-color: rgb(53 37 193/var(--tw-border-opacity))
}

.disabled\:border-button-dark-primary-border-disabled:disabled {
    border-color: transparent
}

.disabled\:border-button-dark-secondary-border-disabled:disabled {
    --tw-border-opacity: 1;
    border-color: rgb(113 113 122/var(--tw-border-opacity))
}

.disabled\:border-button-light-primary-border-disabled:disabled {
    border-color: transparent
}

.disabled\:border-button-light-secondary-border-disabled:disabled {
    --tw-border-opacity: 1;
    border-color: rgb(212 212 216/var(--tw-border-opacity))
}

.disabled\:bg-button-dark-primary-bg-disabled:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(82 82 91/var(--tw-bg-opacity))
}

.disabled\:bg-button-dark-secondary-bg-disabled:disabled {
    background-color: transparent
}

.disabled\:bg-button-light-primary-bg-disabled:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(212 212 216/var(--tw-bg-opacity))
}

.disabled\:bg-button-light-secondary-bg-disabled:disabled {
    background-color: transparent
}

.disabled\:bg-shade-30:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(212 212 216/var(--tw-bg-opacity))
}

.disabled\:bg-shade-70:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(63 63 70/var(--tw-bg-opacity))
}

.disabled\:fill-shade-30:disabled {
    fill: #d4d4d8
}

.disabled\:fill-shade-60:disabled {
    fill: #52525b
}

.disabled\:text-button-dark-primary-text-disabled:disabled,
.disabled\:text-button-dark-secondary-text-disabled:disabled {
    --tw-text-opacity: 1;
    color: rgb(113 113 122/var(--tw-text-opacity))
}

.disabled\:text-button-light-primary-text-disabled:disabled {
    --tw-text-opacity: 1;
    color: rgb(161 161 170/var(--tw-text-opacity))
}

.disabled\:text-link-dark-disabled:disabled {
    --tw-text-opacity: 1;
    color: rgb(113 113 122/var(--tw-text-opacity))
}

.disabled\:text-link-light-disabled:disabled {
    --tw-text-opacity: 1;
    color: rgb(161 161 170/var(--tw-text-opacity))
}

.disabled\:text-shade-30:disabled {
    --tw-text-opacity: 1;
    color: rgb(212 212 216/var(--tw-text-opacity))
}

.disabled\:text-shade-40:disabled {
    --tw-text-opacity: 1;
    color: rgb(161 161 170/var(--tw-text-opacity))
}

.disabled\:text-shade-50:disabled {
    --tw-text-opacity: 1;
    color: rgb(113 113 122/var(--tw-text-opacity))
}

.disabled\:text-shade-60:disabled {
    --tw-text-opacity: 1;
    color: rgb(82 82 91/var(--tw-text-opacity))
}

.disabled\:ring-button-dark-primary-border-disabled:disabled {
    --tw-ring-color: transparent
}

.disabled\:ring-button-dark-secondary-border-disabled:disabled {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(113 113 122/var(--tw-ring-opacity))
}

.disabled\:ring-button-light-primary-border-disabled:disabled {
    --tw-ring-color: transparent
}

.disabled\:ring-button-light-secondary-border-disabled:disabled,
.disabled\:ring-shade-30:disabled {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(212 212 216/var(--tw-ring-opacity))
}

.disabled\:ring-shade-70:disabled {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(63 63 70/var(--tw-ring-opacity))
}

.disabled\:checked\:border-shade-30:checked:disabled {
    --tw-border-opacity: 1;
    border-color: rgb(212 212 216/var(--tw-border-opacity))
}

.disabled\:checked\:border-shade-70:checked:disabled {
    --tw-border-opacity: 1;
    border-color: rgb(63 63 70/var(--tw-border-opacity))
}

.disabled\:hover\:opacity-100:hover:disabled {
    opacity: 1
}

.disabled\:hover\:ring-shade-30:hover:disabled {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(212 212 216/var(--tw-ring-opacity))
}

.disabled\:hover\:ring-shade-70:hover:disabled {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(63 63 70/var(--tw-ring-opacity))
}

.group\/hydrogen:hover .group-hover\/hydrogen\:translate-y-\[-10\%\] {
    --tw-translate-y: -10%
}

.group\/hydrogen:hover .group-hover\/hydrogen\:translate-y-\[-10\%\],
.group\/hydrogen:hover .group-hover\/hydrogen\:translate-y-\[10\%\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group\/hydrogen:hover .group-hover\/hydrogen\:translate-y-\[10\%\] {
    --tw-translate-y: 10%
}

.group:hover .group-hover\:translate-x-0 {
    --tw-translate-x: 0px
}

.group:hover .group-hover\:translate-x-0,
.group:hover .group-hover\:translate-x-\[50px\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:translate-x-\[50px\] {
    --tw-translate-x: 50px
}

.group\/card:hover .group-hover\/card\:bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

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

.group:hover .group-hover\:text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

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

.group\/card:hover .group-hover\/card\:opacity-100 {
    opacity: 1
}

.group\/hydrogen:hover .group-hover\/hydrogen\:opacity-40 {
    opacity: .4
}

.group:hover .group-hover\:opacity-100 {
    opacity: 1
}

.group:hover .group-hover\:opacity-60 {
    opacity: .6
}

.group:hover .group-hover\:shadow-globe-factoid {
    --tw-shadow: 0px 0px 10px 0px #36f4a4;
    --tw-shadow-colored: 0px 0px 10px 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)
}

.group:hover .group-hover\:\[animation-play-state\:paused\] {
    animation-play-state: paused
}

.peer:-moz-placeholder-shown~.peer-placeholder-shown\:top-\[50\%\] {
    top: 50%
}

.peer:placeholder-shown~.peer-placeholder-shown\:top-\[50\%\] {
    top: 50%
}

.peer:-moz-placeholder-shown~.peer-placeholder-shown\:translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer:placeholder-shown~.peer-placeholder-shown\:translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer:-moz-placeholder-shown~.peer-placeholder-shown\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer:placeholder-shown~.peer-placeholder-shown\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer:-moz-placeholder-shown~.peer-placeholder-shown\:text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.peer:placeholder-shown~.peer-placeholder-shown\:text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.peer:-moz-placeholder-shown~.peer-placeholder-shown\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.peer:placeholder-shown~.peer-placeholder-shown\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.peer:focus~.peer-focus\:translate-y-\[-100\%\] {
    --tw-translate-y: -100%
}

.peer:focus~.peer-focus\:scale-75,
.peer:focus~.peer-focus\:translate-y-\[-100\%\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer:focus~.peer-focus\:scale-75 {
    --tw-scale-x: .75;
    --tw-scale-y: .75
}

.peer:focus~.peer-focus\:text-shade-40 {
    --tw-text-opacity: 1;
    color: rgb(161 161 170/var(--tw-text-opacity))
}

.peer:focus~.peer-focus\:text-shade-60 {
    --tw-text-opacity: 1;
    color: rgb(82 82 91/var(--tw-text-opacity))
}

:where(.default\:ring-shade-30) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(212 212 216/var(--tw-ring-opacity))
}

:where(.default\:ring-shade-60) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(82 82 91/var(--tw-ring-opacity))
}

:where(.default\:checked\:border-lavender-30:checked) {
    --tw-border-opacity: 1;
    border-color: rgb(151 141 231/var(--tw-border-opacity))
}

:where(.default\:checked\:border-lavender-70:checked) {
    --tw-border-opacity: 1;
    border-color: rgb(53 37 193/var(--tw-border-opacity))
}

.scheme-white\:border-shade-20[data-background=white] {
    --tw-border-opacity: 1;
    border-color: rgb(228 228 231/var(--tw-border-opacity))
}

.scheme-white\:bg-shade-10[data-background=white] {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 245/var(--tw-bg-opacity))
}

.scheme-white\:before\:border-shade-20[data-background=white]:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(228 228 231/var(--tw-border-opacity))
}

.scheme-white\:before\:bg-shade-10[data-background=white]:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 245/var(--tw-bg-opacity))
}

.scheme-white\:after\:border-shade-20[data-background=white]:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(228 228 231/var(--tw-border-opacity))
}

.scheme-white\:after\:bg-shade-10[data-background=white]:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 245/var(--tw-bg-opacity))
}

.scheme-black\:border-shade-70[data-background=black] {
    --tw-border-opacity: 1;
    border-color: rgb(63 63 70/var(--tw-border-opacity))
}

.scheme-black\:bg-shade-90[data-background=black] {
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 27/var(--tw-bg-opacity))
}

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

.scheme-black\:before\:border-shade-70[data-background=black]:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(63 63 70/var(--tw-border-opacity))
}

.scheme-black\:before\:bg-shade-90[data-background=black]:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 27/var(--tw-bg-opacity))
}

.scheme-black\:after\:border-shade-70[data-background=black]:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(63 63 70/var(--tw-border-opacity))
}

.scheme-black\:after\:bg-shade-90[data-background=black]:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 27/var(--tw-bg-opacity))
}

.scheme-transparent-light\:border-shade-20[data-background=transparent_light] {
    --tw-border-opacity: 1;
    border-color: rgb(228 228 231/var(--tw-border-opacity))
}

.scheme-transparent-light\:bg-shade-10[data-background=transparent_light] {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 245/var(--tw-bg-opacity))
}

.scheme-transparent-light\:before\:border-shade-20[data-background=transparent_light]:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(228 228 231/var(--tw-border-opacity))
}

.scheme-transparent-light\:before\:bg-shade-10[data-background=transparent_light]:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 245/var(--tw-bg-opacity))
}

.scheme-transparent-light\:after\:border-shade-20[data-background=transparent_light]:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(228 228 231/var(--tw-border-opacity))
}

.scheme-transparent-light\:after\:bg-shade-10[data-background=transparent_light]:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 245/var(--tw-bg-opacity))
}

.scheme-transparent-dark\:border-shade-70[data-background=transparent_dark] {
    --tw-border-opacity: 1;
    border-color: rgb(63 63 70/var(--tw-border-opacity))
}

.scheme-transparent-dark\:bg-shade-90[data-background=transparent_dark] {
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 27/var(--tw-bg-opacity))
}

.scheme-transparent-dark\:text-white[data-background=transparent_dark] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.scheme-transparent-dark\:before\:border-shade-70[data-background=transparent_dark]:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(63 63 70/var(--tw-border-opacity))
}

.scheme-transparent-dark\:before\:bg-shade-90[data-background=transparent_dark]:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 27/var(--tw-bg-opacity))
}

.scheme-transparent-dark\:after\:border-shade-70[data-background=transparent_dark]:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(63 63 70/var(--tw-border-opacity))
}

.scheme-transparent-dark\:after\:bg-shade-90[data-background=transparent_dark]:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 27/var(--tw-bg-opacity))
}

@media (scripting:none) {
    .js-disabled\:not-sr-only {
        height: auto;
        margin: 0;
        overflow: visible;
        padding: 0;
        position: static;
        width: auto;
        clip: auto;
        white-space: normal
    }

    .js-disabled\:hidden {
        display: none
    }
}

@media (hover:none) {
    .touch-device\:min-h-\[calc\(100svh-var\(--header-height\)\)\] {
        min-height: calc(100svh - var(--header-height))
    }
}

@supports (hanging-punctuation:first) and (font:-apple-system-body) and (-webkit-appearance:none) {
    .safari-specific\:bg-deep-green {
        --tw-bg-opacity: 1;
        background-color: rgb(6 26 28/var(--tw-bg-opacity))
    }

    .safari-specific\:bg-none {
        background-image: none
    }
}

@media (prefers-reduced-motion:no-preference) {
    .motion-safe\:hidden {
        display: none
    }

    .motion-safe\:h-20 {
        height: 5rem
    }

    .motion-safe\:translate-y-0 {
        --tw-translate-y: 0px
    }

    .motion-safe\:translate-y-0,
    .motion-safe\:translate-y-10 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .motion-safe\:translate-y-10 {
        --tw-translate-y: 2.5rem
    }

    .motion-safe\:translate-y-4 {
        --tw-translate-y: 1rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    @keyframes scroll-x {
        0% {
            transform: translate(-100%)
        }

        to {
            transform: translate(0)
        }
    }

    .motion-safe\:animate-scroll-x {
        animation: scroll-x 240s linear infinite
    }

    .motion-safe\:overflow-hidden {
        overflow: hidden
    }

    .motion-safe\:opacity-0 {
        opacity: 0
    }

    .motion-safe\:opacity-100 {
        opacity: 1
    }

    .motion-safe\:\*\:hover\:animation-pause:hover>* {
        animation-play-state: paused
    }
}

@media (prefers-reduced-motion:reduce) {
    .motion-reduce\:not-sr-only {
        height: auto;
        margin: 0;
        overflow: visible;
        padding: 0;
        position: static;
        width: auto;
        clip: auto;
        white-space: normal
    }

    .motion-reduce\:hidden {
        display: none
    }

    .motion-reduce\:h-full {
        height: 100%
    }

    .motion-reduce\:w-\[calc\(50\%-1\.5rem\)\] {
        width: calc(50% - 1.5rem)
    }

    .motion-reduce\:w-full {
        width: 100%
    }

    .motion-reduce\:translate-x-\[-20\%\] {
        --tw-translate-x: -20%
    }

    .motion-reduce\:translate-x-\[-20\%\],
    .motion-reduce\:translate-x-\[20\%\] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .motion-reduce\:translate-x-\[20\%\] {
        --tw-translate-x: 20%
    }

    .motion-reduce\:animate-none {
        animation: none
    }

    .motion-reduce\:flex-wrap {
        flex-wrap: wrap
    }

    .motion-reduce\:opacity-100 {
        opacity: 1
    }

    .motion-reduce\:opacity-50 {
        opacity: .5
    }

    .motion-reduce\:transition-none {
        transition-property: none
    }

    .after\:motion-reduce\:transition-none:after {
        content: var(--tw-content);
        transition-property: none
    }
}

@media not all and (min-width:1200px) {
    .max-lg\:mr-0 {
        margin-right: 0
    }

    .max-lg\:h-full {
        height: 100%
    }

    .max-lg\:w-auto {
        width: auto
    }

    .max-lg\:last\:mr-\[var\(--margin\)\]:last-child {
        margin-right: var(--margin)
    }
}

@media not all and (min-width:900px) {
    .max-md\:hidden {
        display: none
    }

    .max-md\:max-h-\[500px\] {
        max-height: 500px
    }

    .max-md\:w-full {
        width: 100%
    }

    .max-md\:grid-rows-\[min-content_auto\] {
        grid-template-rows: min-content auto
    }

    .max-md\:flex-col {
        flex-direction: column
    }

    .max-md\:flex-wrap {
        flex-wrap: wrap
    }

    .max-md\:gap-y-2xl {
        row-gap: var(--space-2xl)
    }

    .max-md\:gap-y-3xl {
        row-gap: var(--space-3xl)
    }

    .max-md\:overflow-hidden {
        overflow: hidden
    }

    .max-md\:pt-2xl {
        padding-top: var(--space-2xl)
    }

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

    .max-md\:after\:h-3xl:after {
        content: var(--tw-content);
        height: var(--space-3xl)
    }

    .max-md\:after\:rounded-t-5xl:after {
        border-top-left-radius: 3rem;
        border-top-right-radius: 3rem;
        content: var(--tw-content)
    }

    .max-md\:after\:bg-black:after {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(0 0 0/var(--tw-bg-opacity))
    }
}

@media (prefers-reduced-motion:reduce) {
    @media not all and (min-width:900px) {
        .motion-reduce\:max-md\:hidden {
            display: none
        }
    }
}

@media not all and (min-width:640px) {
    .max-sm\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .max-sm\:hidden {
        display: none
    }

    .max-sm\:aspect-\[382\/290\] {
        aspect-ratio: 382/290
    }

    .max-sm\:px-\[var\(--margin\)\] {
        padding-left: var(--margin);
        padding-right: var(--margin)
    }
}

@media (max-width:480px) {
    .max-\[480px\]\:bg-\[length\:auto_101\.5\%\] {
        background-size: auto 101.5%
    }

    .max-\[480px\]\:bg-\[54\.8\%_center\] {
        background-position: 54.8%
    }
}

@media (min-width:320px) {
    .xs\:col-span-1 {
        grid-column: span 1/span 1
    }

    .xs\:col-span-10 {
        grid-column: span 10/span 10
    }

    .xs\:col-span-11 {
        grid-column: span 11/span 11
    }

    .xs\:col-span-12 {
        grid-column: span 12/span 12
    }

    .xs\:col-span-2 {
        grid-column: span 2/span 2
    }

    .xs\:col-span-3 {
        grid-column: span 3/span 3
    }

    .xs\:col-span-4 {
        grid-column: span 4/span 4
    }

    .xs\:col-span-5 {
        grid-column: span 5/span 5
    }

    .xs\:col-span-6 {
        grid-column: span 6/span 6
    }

    .xs\:col-span-7 {
        grid-column: span 7/span 7
    }

    .xs\:col-span-8 {
        grid-column: span 8/span 8
    }

    .xs\:col-span-9 {
        grid-column: span 9/span 9
    }

    .xs\:col-start-1 {
        grid-column-start: 1
    }

    .xs\:col-start-10 {
        grid-column-start: 10
    }

    .xs\:col-start-11 {
        grid-column-start: 11
    }

    .xs\:col-start-12 {
        grid-column-start: 12
    }

    .xs\:col-start-2 {
        grid-column-start: 2
    }

    .xs\:col-start-3 {
        grid-column-start: 3
    }

    .xs\:col-start-4 {
        grid-column-start: 4
    }

    .xs\:col-start-5 {
        grid-column-start: 5
    }

    .xs\:col-start-6 {
        grid-column-start: 6
    }

    .xs\:col-start-7 {
        grid-column-start: 7
    }

    .xs\:col-start-8 {
        grid-column-start: 8
    }

    .xs\:col-start-9 {
        grid-column-start: 9
    }

    .xs\:w-\[54\%\] {
        width: 54%
    }

    .xs\:max-w-lg {
        max-width: 32rem
    }

    .xs\:scale-\[1\.1\] {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

@media (min-width:640px) {
    .sm\:static {
        position: static
    }

    .sm\:inset-\[auto_0_var\(--space-2xl\)_auto\] {
        inset: auto 0 var(--space-2xl) auto
    }

    .sm\:-right-3 {
        right: -.75rem
    }

    .sm\:-top-6 {
        top: -1.5rem
    }

    .sm\:left-1\/2 {
        left: 50%
    }

    .sm\:left-\[-15\%\] {
        left: -15%
    }

    .sm\:left-\[-21vw\] {
        left: -21vw
    }

    .sm\:left-\[12vw\] {
        left: 12vw
    }

    .sm\:left-\[60\%\] {
        left: 60%
    }

    .sm\:left-\[70\%\] {
        left: 70%
    }

    .sm\:right-2 {
        right: .5rem
    }

    .sm\:top-0 {
        top: 0
    }

    .sm\:top-\[-16\.5vw\] {
        top: -16.5vw
    }

    .sm\:top-\[-4\%\] {
        top: -4%
    }

    .sm\:top-\[15\%\] {
        top: 15%
    }

    .sm\:top-\[40\%\] {
        top: 40%
    }

    .sm\:top-\[43\%\] {
        top: 43%
    }

    .sm\:order-1 {
        order: 1
    }

    .sm\:order-2 {
        order: 2
    }

    .sm\:order-\[0\] {
        order: 0
    }

    .sm\:order-\[1\] {
        order: 1
    }

    .sm\:\!col-span-6 {
        grid-column: span 6/span 6 !important
    }

    .sm\:col-span-1 {
        grid-column: span 1/span 1
    }

    .sm\:col-span-10 {
        grid-column: span 10/span 10
    }

    .sm\:col-span-11 {
        grid-column: span 11/span 11
    }

    .sm\:col-span-12 {
        grid-column: span 12/span 12
    }

    .sm\:col-span-2 {
        grid-column: span 2/span 2
    }

    .sm\:col-span-3 {
        grid-column: span 3/span 3
    }

    .sm\:col-span-4 {
        grid-column: span 4/span 4
    }

    .sm\:col-span-5 {
        grid-column: span 5/span 5
    }

    .sm\:col-span-6 {
        grid-column: span 6/span 6
    }

    .sm\:col-span-7 {
        grid-column: span 7/span 7
    }

    .sm\:col-span-8 {
        grid-column: span 8/span 8
    }

    .sm\:col-span-9 {
        grid-column: span 9/span 9
    }

    .sm\:col-start-1 {
        grid-column-start: 1
    }

    .sm\:col-start-10 {
        grid-column-start: 10
    }

    .sm\:col-start-11 {
        grid-column-start: 11
    }

    .sm\:col-start-12 {
        grid-column-start: 12
    }

    .sm\:col-start-2 {
        grid-column-start: 2
    }

    .sm\:col-start-3 {
        grid-column-start: 3
    }

    .sm\:col-start-4 {
        grid-column-start: 4
    }

    .sm\:col-start-5 {
        grid-column-start: 5
    }

    .sm\:col-start-6 {
        grid-column-start: 6
    }

    .sm\:col-start-7 {
        grid-column-start: 7
    }

    .sm\:col-start-8 {
        grid-column-start: 8
    }

    .sm\:col-start-9 {
        grid-column-start: 9
    }

    .sm\:col-start-auto {
        grid-column-start: auto
    }

    .sm\:m-2 {
        margin: .5rem
    }

    .sm\:mb-0 {
        margin-bottom: 0
    }

    .sm\:mb-10 {
        margin-bottom: 2.5rem
    }

    .sm\:mb-2xl {
        margin-bottom: var(--space-2xl)
    }

    .sm\:mb-8 {
        margin-bottom: 2rem
    }

    .sm\:mb-\[10cqh\] {
        margin-bottom: 10cqh
    }

    .sm\:ml-0 {
        margin-left: 0
    }

    .sm\:ml-\[88px\] {
        margin-left: 88px
    }

    .sm\:mr-12 {
        margin-right: 3rem
    }

    .sm\:mr-6 {
        margin-right: 1.5rem
    }

    .sm\:mr-auto {
        margin-right: auto
    }

    .sm\:mt-0 {
        margin-top: 0
    }

    .sm\:mt-10 {
        margin-top: 2.5rem
    }

    .sm\:mt-2xl {
        margin-top: var(--space-2xl)
    }

    .sm\:mt-\[11vw\] {
        margin-top: 11vw
    }

    .sm\:block {
        display: block
    }

    .sm\:inline {
        display: inline
    }

    .sm\:flex {
        display: flex
    }

    .sm\:grid {
        display: grid
    }

    .sm\:hidden {
        display: none
    }

    .sm\:aspect-\[1440\/819\] {
        aspect-ratio: 1440/819
    }

    .sm\:aspect-\[213\/280\] {
        aspect-ratio: 213/280
    }

    .sm\:aspect-\[4\/3\] {
        aspect-ratio: 4/3
    }

    .sm\:h-\[1\.8rem\] {
        height: 1.8rem
    }

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

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

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

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

    .sm\:h-\[54vw\] {
        height: 54vw
    }

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

    .sm\:h-\[70\%\] {
        height: 70%
    }

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

    .sm\:h-\[95vw\] {
        height: 95vw
    }

    .sm\:h-auto {
        height: auto
    }

    .sm\:h-full {
        height: 100%
    }

    .sm\:h-global-header {
        height: var(--header-height)
    }

    .sm\:max-h-\[75rem\] {
        max-height: 75rem
    }

    .sm\:max-h-fit {
        max-height: -moz-fit-content;
        max-height: fit-content
    }

    .sm\:min-h-0 {
        min-height: 0
    }

    .sm\:min-h-min {
        min-height: -moz-min-content;
        min-height: min-content
    }

    .sm\:w-1\/2 {
        width: 50%
    }

    .sm\:w-1\/3 {
        width: 33.333333%
    }

    .sm\:w-10 {
        width: 2.5rem
    }

    .sm\:w-16 {
        width: 4rem
    }

    .sm\:w-2\/3 {
        width: 66.666667%
    }

    .sm\:w-\[130\%\] {
        width: 130%
    }

    .sm\:w-\[213px\] {
        width: 213px
    }

    .sm\:w-\[217px\] {
        width: 217px
    }

    .sm\:w-\[278px\] {
        width: 278px
    }

    .sm\:w-\[57px\] {
        width: 57px
    }

    .sm\:w-\[79px\] {
        width: 79px
    }

    .sm\:w-\[95vw\] {
        width: 95vw
    }

    .sm\:w-auto {
        width: auto
    }

    .sm\:w-fit {
        width: -moz-fit-content;
        width: fit-content
    }

    .sm\:w-full {
        width: 100%
    }

    .sm\:min-w-\[390px\] {
        min-width: 390px
    }

    .sm\:max-w-2xl {
        max-width: 42rem
    }

    .sm\:max-w-40 {
        max-width: 10rem
    }

    .sm\:max-w-\[354px\] {
        max-width: 354px
    }

    .sm\:max-w-\[445px\] {
        max-width: 445px
    }

    .sm\:max-w-fit {
        max-width: -moz-fit-content;
        max-width: fit-content
    }

    .sm\:max-w-full {
        max-width: 100%
    }

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

    .sm\:basis-2\/4 {
        flex-basis: 50%
    }

    .sm\:translate-x-\[-22\%\] {
        --tw-translate-x: -22%
    }

    .sm\:translate-x-\[-22\%\],
    .sm\:translate-x-\[-48\%\] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .sm\:translate-x-\[-48\%\] {
        --tw-translate-x: -48%
    }

    .sm\:translate-x-\[105px\] {
        --tw-translate-x: 105px
    }

    .sm\:translate-x-\[105px\],
    .sm\:translate-x-\[144px\] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .sm\:translate-x-\[144px\] {
        --tw-translate-x: 144px
    }

    .sm\:translate-y-12 {
        --tw-translate-y: 3rem
    }

    .sm\:scale-\[1\.25\],
    .sm\:translate-y-12 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .sm\:scale-\[1\.25\] {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25
    }

    .sm\:scale-\[1\] {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .sm\:columns-2 {
        -moz-columns: 2;
        column-count: 2
    }

    .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-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }

    .sm\:grid-cols-\[repeat\(3\,auto\)\] {
        grid-template-columns: repeat(3, auto)
    }

    .sm\:grid-cols-\[repeat\(4\,auto\)\] {
        grid-template-columns: repeat(4, auto)
    }

    .sm\:grid-cols-\[repeat\(6\,auto\)\] {
        grid-template-columns: repeat(6, auto)
    }

    .sm\:grid-cols-\[repeat\(8\,auto\)\] {
        grid-template-columns: repeat(8, auto)
    }

    .sm\:grid-rows-none {
        grid-template-rows: none
    }

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .sm\:flex-nowrap {
        flex-wrap: nowrap
    }

    .sm\:place-content-center {
        place-content: center
    }

    .sm\:items-start {
        align-items: flex-start
    }

    .sm\:items-end {
        align-items: flex-end
    }

    .sm\:items-center {
        align-items: center
    }

    .sm\:items-baseline {
        align-items: baseline
    }

    .sm\:justify-start {
        justify-content: flex-start
    }

    .sm\:justify-end {
        justify-content: flex-end
    }

    .sm\:justify-between {
        justify-content: space-between
    }

    .sm\:gap-3 {
        gap: .75rem
    }

    .sm\:gap-5 {
        gap: 1.25rem
    }

    .sm\:gap-8 {
        gap: 2rem
    }

    .sm\:gap-x-sm {
        -moz-column-gap: var(--space-sm);
        column-gap: var(--space-sm)
    }

    .sm\:gap-y-0 {
        row-gap: 0
    }

    .sm\:gap-y-lg {
        row-gap: var(--space-lg)
    }

    .sm\:text-wrap {
        text-wrap: wrap
    }

    .sm\:text-pretty {
        text-wrap: pretty
    }

    .sm\:rounded-xl {
        border-radius: .75rem
    }

    .sm\:bg-transparent {
        background-color: transparent
    }

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

  

    .sm\:p-3 {
        padding: .75rem
    }

    .sm\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .sm\:px-margin {
        padding-left: var(--margin);
        padding-right: var(--margin)
    }

    .sm\:py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem
    }

    .sm\:py-4xl {
        padding-bottom: var(--space-4xl);
        padding-top: var(--space-4xl)
    }

    .sm\:pb-0 {
        padding-bottom: 0
    }

    .sm\:pb-16 {
        padding-bottom: 4rem
    }

    .sm\:pb-2xl {
        padding-bottom: var(--space-2xl)
    }

    .sm\:pb-4xl {
        padding-bottom: var(--space-4xl)
    }

    .sm\:pl-0 {
        padding-left: 0
    }

    .sm\:pl-10 {
        padding-left: 2.5rem
    }

    .sm\:pl-\[12px\] {
        padding-left: 12px
    }

    .sm\:pr-\[7\.5\%\] {
        padding-right: 7.5%
    }

    .sm\:pr-lg {
        padding-right: var(--space-lg)
    }

    .sm\:pt-0 {
        padding-top: 0
    }

    .sm\:pt-11 {
        padding-top: 2.75rem
    }

    .sm\:pt-2 {
        padding-top: .5rem
    }

    .sm\:pt-3xl {
        padding-top: var(--space-3xl)
    }

    .sm\:pt-4xl {
        padding-top: var(--space-4xl)
    }

    .sm\:pt-9 {
        padding-top: 2.25rem
    }

    .sm\:pt-\[165px\] {
        padding-top: 165px
    }

    .sm\:pt-\[3vw\] {
        padding-top: 3vw
    }

    .sm\:pt-lg {
        padding-top: var(--space-lg)
    }

    .sm\:text-left {
        text-align: left
    }

    .sm\:text-center {
        text-align: center
    }

    .sm\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .sm\:text-button-lg-size {
        font-size: 1.125rem;
        letter-spacing: -.01em;
        line-height: 1.75rem
    }

    .sm\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .sm\:text-gray-c {
        --tw-text-opacity: 1;
        color: rgb(151 151 162/var(--tw-text-opacity))
    }

    .sm\:hover\:bg-white\/15:hover {
        background-color: #ffffff26
    }

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

@media (min-width:900px) {
    .md\:absolute {
        position: absolute
    }

    .md\:-left-5 {
        left: -1.25rem
    }

    .md\:-top-8 {
        top: -2rem
    }

    .md\:left-\[-44\.5vw\] {
        left: -44.5vw
    }

    .md\:left-\[33vw\] {
        left: 33vw
    }

    .md\:left-\[46\%\] {
        left: 46%
    }

    .md\:left-margin {
        left: var(--margin)
    }

    .md\:right-3 {
        right: .75rem
    }

    .md\:right-\[calc\(100\%-14px\)\] {
        right: calc(100% - 14px)
    }

    .md\:top-0 {
        top: 0
    }

    .md\:top-\[28\%\] {
        top: 28%
    }

    .md\:top-\[35\%\] {
        top: 35%
    }

    .md\:top-\[40\%\] {
        top: 40%
    }

    .md\:top-\[49\%\] {
        top: 49%
    }

    .md\:order-1 {
        order: 1
    }

    .md\:order-2 {
        order: 2
    }

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

    .md\:col-span-1 {
        grid-column: span 1/span 1
    }

    .md\:col-span-10 {
        grid-column: span 10/span 10
    }

    .md\:col-span-11 {
        grid-column: span 11/span 11
    }

    .md\:col-span-12 {
        grid-column: span 12/span 12
    }

    .md\:col-span-2 {
        grid-column: span 2/span 2
    }

    .md\:col-span-3 {
        grid-column: span 3/span 3
    }

    .md\:col-span-4 {
        grid-column: span 4/span 4
    }

    .md\:col-span-5 {
        grid-column: span 5/span 5
    }

    .md\:col-span-6 {
        grid-column: span 6/span 6
    }

    .md\:col-span-7 {
        grid-column: span 7/span 7
    }

    .md\:col-span-8 {
        grid-column: span 8/span 8
    }

    .md\:col-span-9 {
        grid-column: span 9/span 9
    }

    .md\:col-start-1 {
        grid-column-start: 1
    }

    .md\:col-start-10 {
        grid-column-start: 10
    }

    .md\:col-start-11 {
        grid-column-start: 11
    }

    .md\:col-start-12 {
        grid-column-start: 12
    }

    .md\:col-start-2 {
        grid-column-start: 2
    }

    .md\:col-start-3 {
        grid-column-start: 3
    }

    .md\:col-start-4 {
        grid-column-start: 4
    }

    .md\:col-start-5 {
        grid-column-start: 5
    }

    .md\:col-start-6 {
        grid-column-start: 6
    }

    .md\:col-start-7 {
        grid-column-start: 7
    }

    .md\:col-start-8 {
        grid-column-start: 8
    }

    .md\:col-start-9 {
        grid-column-start: 9
    }

    .md\:m-3 {
        margin: .75rem
    }

    .md\:m-auto {
        margin: auto
    }

    .md\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .md\:-ml-3 {
        margin-left: -.75rem
    }

    .md\:mb-10 {
        margin-bottom: 2.5rem
    }

    .md\:mb-2xl {
        margin-bottom: var(--space-2xl)
    }

    .md\:mb-md {
        margin-bottom: var(--space-md)
    }

    .md\:mb-sm {
        margin-bottom: var(--space-sm)
    }

    .md\:mb-xs {
        margin-bottom: var(--space-xs)
    }

    .md\:ml-0 {
        margin-left: 0
    }

    .md\:ml-2 {
        margin-left: .5rem
    }

    .md\:ml-24 {
        margin-left: 6rem
    }

    .md\:ml-auto {
        margin-left: auto
    }

    .md\:mr-0 {
        margin-right: 0
    }

    .md\:mr-3 {
        margin-right: .75rem
    }

    .md\:mr-4 {
        margin-right: 1rem
    }

    .md\:mr-6 {
        margin-right: 1.5rem
    }

    .md\:mr-sm {
        margin-right: var(--space-sm)
    }

    .md\:mt-0 {
        margin-top: 0
    }

    .md\:mt-2xl {
        margin-top: var(--space-2xl)
    }

    .md\:mt-4 {
        margin-top: 1rem
    }

    .md\:mt-6 {
        margin-top: 1.5rem
    }

    .md\:mt-8 {
        margin-top: 2rem
    }

    .md\:block {
        display: block
    }

    .md\:inline-block {
        display: inline-block
    }

    .md\:flex {
        display: flex
    }

    .md\:grid {
        display: grid
    }

    .md\:hidden {
        display: none
    }

    .md\:aspect-auto {
        aspect-ratio: auto
    }

    .md\:h-11 {
        height: 2.75rem
    }

    .md\:h-160 {
        height: 40rem
    }

    .md\:h-24 {
        height: 6rem
    }

    .md\:h-3\/5 {
        height: 60%
    }

    .md\:h-6 {
        height: 1.5rem
    }

    .md\:h-8 {
        height: 2rem
    }

    .md\:h-96 {
        height: 24rem
    }

    .md\:h-\[1\.4rem\] {
        height: 1.4rem
    }

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

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

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

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

    .md\:h-auto {
        height: auto
    }

    .md\:h-full {
        height: 100%
    }

    .md\:max-h-\[50dvh\] {
        max-height: 50dvh
    }

    .md\:min-h-12 {
        min-height: 3rem
    }

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

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

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

    .md\:w-11 {
        width: 2.75rem
    }

    .md\:w-12 {
        width: 3rem
    }

    .md\:w-16 {
        width: 4rem
    }

    .md\:w-2 {
        width: .5rem
    }

    .md\:w-2\/3 {
        width: 66.666667%
    }

    .md\:w-24 {
        width: 6rem
    }

    .md\:w-3\/4 {
        width: 75%
    }

    .md\:w-3\/5 {
        width: 60%
    }

    .md\:w-4\/5 {
        width: 80%
    }

    .md\:w-6 {
        width: 1.5rem
    }

    .md\:w-8 {
        width: 2rem
    }

    .md\:w-\[120px\] {
        width: 120px
    }

    .md\:w-\[135vw\] {
        width: 135vw
    }

    .md\:w-\[190px\] {
        width: 190px
    }

    .md\:w-\[334px\] {
        width: 334px
    }

    .md\:w-\[50\%\] {
        width: 50%
    }

    .md\:w-\[50vw\] {
        width: 50vw
    }

    .md\:w-\[65\%\] {
        width: 65%
    }

    .md\:w-\[88px\] {
        width: 88px
    }

    .md\:w-full {
        width: 100%
    }

    .md\:max-w-2xl {
        max-width: 42rem
    }

    .md\:max-w-44 {
        max-width: 11rem
    }

    .md\:max-w-4xl {
        max-width: 56rem
    }

    .md\:max-w-\[216px\] {
        max-width: 216px
    }

    .md\:max-w-\[33\.3\%\] {
        max-width: 33.3%
    }

    .md\:max-w-\[38rem\] {
        max-width: 38rem
    }

    .md\:max-w-\[480px\] {
        max-width: 480px
    }

    .md\:max-w-\[49rem\] {
        max-width: 49rem
    }

    .md\:max-w-\[66\.6\%\] {
        max-width: 66.6%
    }

    .md\:max-w-\[80ch\] {
        max-width: 80ch
    }

    .md\:shrink-0 {
        flex-shrink: 0
    }

    .md\:translate-x-0 {
        --tw-translate-x: 0px
    }

    .md\:translate-x-0,
    .md\:translate-x-\[170px\] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .md\:translate-x-\[170px\] {
        --tw-translate-x: 170px
    }

    .md\:translate-x-\[214px\] {
        --tw-translate-x: 214px
    }

    .md\:translate-x-\[214px\],
    .md\:translate-y-0 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .md\:translate-y-0 {
        --tw-translate-y: 0px
    }

    .md\:translate-y-full {
        --tw-translate-y: 100%
    }

    .md\:scale-\[0\.8\],
    .md\:translate-y-full {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .md\:scale-\[0\.8\] {
        --tw-scale-x: .8;
        --tw-scale-y: .8
    }

    .md\:grid-cols-12 {
        grid-template-columns: repeat(12, 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-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .md\:flex-row {
        flex-direction: row
    }

    .md\:flex-nowrap {
        flex-wrap: nowrap
    }

    .md\:items-end {
        align-items: flex-end
    }

    .md\:items-stretch {
        align-items: stretch
    }

    .md\:justify-start {
        justify-content: flex-start
    }

    .md\:justify-end {
        justify-content: flex-end
    }

    .md\:justify-between {
        justify-content: space-between
    }

    .md\:gap-20 {
        gap: 5rem
    }

    .md\:gap-6 {
        gap: 1.5rem
    }

    .md\:gap-md {
        gap: var(--space-md)
    }

    .md\:gap-sm {
        gap: var(--space-sm)
    }

    .md\:gap-x-10 {
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem
    }

    .md\:gap-x-16 {
        -moz-column-gap: 4rem;
        column-gap: 4rem
    }

    .md\:gap-y-0 {
        row-gap: 0
    }

    .md\:space-x-4>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(1rem*var(--tw-space-x-reverse))
    }

    .md\:space-x-6>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(1.5rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(1.5rem*var(--tw-space-x-reverse))
    }

    .md\:place-self-end {
        place-self: end
    }

    .md\:self-end {
        align-self: flex-end
    }

    .md\:overflow-auto {
        overflow: auto
    }

    .md\:overflow-hidden {
        overflow: hidden
    }

    .md\:break-keep {
        word-break: keep-all
    }

    .md\:rounded-5xl {
        border-radius: 3rem
    }

    .md\:rounded-lg {
        border-radius: .5rem
    }

    .md\:rounded-xl {
        border-radius: .75rem
    }

    .md\:rounded-b-5xl {
        border-bottom-left-radius: 3rem;
        border-bottom-right-radius: 3rem
    }

    .md\:rounded-t-5xl {
        border-top-left-radius: 3rem;
        border-top-right-radius: 3rem
    }

    .md\:rounded-t-xl {
        border-top-right-radius: .75rem
    }

    .md\:rounded-t-xl,
    .md\:rounded-tl-xl {
        border-top-left-radius: .75rem
    }

    .md\:bg-\[\#061518\] {
        --tw-bg-opacity: 1;
        background-color: rgb(6 21 24/var(--tw-bg-opacity))
    }

    .md\:bg-none {
        background-image: none
    }

    .md\:p-0 {
        padding: 0
    }

    .md\:p-10 {
        padding: 2.5rem
    }

    .md\:p-9 {
        padding: 2.25rem
    }

    .md\:p-\[13px\] {
        padding: 13px
    }

    .md\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .md\:px-14 {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }

    .md\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .md\:px-\[20\%\] {
        padding-left: 20%;
        padding-right: 20%
    }

    .md\:px-\[50px\] {
        padding-left: 50px;
        padding-right: 50px
    }

    .md\:px-button-lg-px {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .md\:py-0 {
        padding-bottom: 0;
        padding-top: 0
    }

    .md\:py-0\.5 {
        padding-bottom: .125rem;
        padding-top: .125rem
    }

    .md\:py-10 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
    }

    .md\:py-20 {
        padding-bottom: 5rem;
        padding-top: 5rem
    }

    .md\:py-3 {
        padding-bottom: .75rem;
        padding-top: .75rem
    }

    .md\:py-3xl {
        padding-bottom: var(--space-3xl);
        padding-top: var(--space-3xl)
    }

    .md\:py-4xl {
        padding-bottom: var(--space-4xl);
        padding-top: var(--space-4xl)
    }

    .md\:py-button-lg-py {
        padding-bottom: .75rem;
        padding-top: .75rem
    }

    .md\:pb-0 {
        padding-bottom: 0
    }

    .md\:pb-20 {
        padding-bottom: 5rem
    }

    .md\:pb-8 {
        padding-bottom: 2rem
    }

    .md\:pb-\[0\.625rem\] {
        padding-bottom: .625rem
    }

    .md\:pl-0 {
        padding-left: 0
    }

    .md\:pl-16 {
        padding-left: 4rem
    }

    .md\:pl-3 {
        padding-left: .75rem
    }

    .md\:pr-0 {
        padding-right: 0
    }

    .md\:pr-11 {
        padding-right: 2.75rem
    }

    .md\:pr-12 {
        padding-right: 3rem
    }

    .md\:pr-6 {
        padding-right: 1.5rem
    }

    .md\:pt-0 {
        padding-top: 0
    }

    .md\:pt-10 {
        padding-top: 2.5rem
    }

    .md\:pt-12 {
        padding-top: 3rem
    }

    .md\:pt-6 {
        padding-top: 1.5rem
    }

    .md\:text-\[28px\] {
        font-size: 28px
    }

    .md\:text-\[36px\] {
        font-size: 36px
    }

    .md\:text-b4 {
        font-size: var(--font-size-b4);
        font-weight: var(--font-weight-b4);
        letter-spacing: var(--letter-spacing-b4);
        line-height: var(--line-height-b4)
    }

    .md\:text-b6 {
        font-size: var(--font-size-b6);
        font-weight: var(--font-weight-b6);
        letter-spacing: var(--letter-spacing-b6);
        line-height: var(--line-height-b6)
    }

    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .md\:text-button-lg-size {
        letter-spacing: -.01em
    }

    .md\:text-button-lg-size,
    .md\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .md\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .md\:leading-10 {
        line-height: 2.5rem
    }

    .md\:leading-\[36px\] {
        line-height: 36px
    }

    .md\:leading-\[44px\] {
        line-height: 44px
    }

    .md\:opacity-0 {
        opacity: 0
    }

    .md\:opacity-100 {
        opacity: 1
    }

    .md\:opacity-80 {
        opacity: .8
    }

    .md\:transition-none {
        transition-property: none
    }

    .md\:container {
        margin-left: var(--margin);
        margin-right: var(--margin);
        max-width: none;
        width: auto
    }

    @media (min-width:1600px) {
        .md\:container {
            margin-left: auto;
            margin-right: auto;
            max-width: calc(1600px - var(--margin)*2);
            width: 100%
        }
    }

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

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

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

    .md\:after\:inset-auto:after {
        content: var(--tw-content);
        inset: auto
    }

    .md\:after\:bottom-0:after {
        bottom: 0;
        content: var(--tw-content)
    }

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

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

    .md\:after\:h-36:after {
        content: var(--tw-content);
        height: 9rem
    }

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

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

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

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

    .md\:after\:to-black\/40:after {
        content: var(--tw-content);
        --tw-gradient-to: rgba(0, 0, 0, .4) var(--tw-gradient-to-position)
    }
}

@media (prefers-reduced-motion:no-preference) {
    @media (min-width:900px) {
        .motion-safe\:md\:overflow-hidden {
            overflow: hidden
        }
    }
}

@media (min-width:900px) {
    @media (prefers-reduced-motion:no-preference) {
        .md\:motion-safe\:opacity-0 {
            opacity: 0
        }

        .md\:motion-safe\:opacity-100 {
            opacity: 1
        }
    }
}

@media (prefers-reduced-motion:no-preference) {
    @media (min-width:900px) {
        .motion-safe\:md\:\*\:hover\:animation-pause:hover>* {
            animation-play-state: paused
        }
    }
}

@media (prefers-reduced-motion:reduce) {
    @media (min-width:900px) {
        .motion-reduce\:md\:w-full {
            width: 100%
        }

        .motion-reduce\:md\:shrink-0 {
            flex-shrink: 0
        }

        .motion-reduce\:md\:overflow-visible {
            overflow: visible
        }
    }
}

@media (min-width:1200px) {
    .lg\:-right-4 {
        right: -1rem
    }

    .lg\:bottom-\[calc\(100\%-80px\)\] {
        bottom: calc(100% - 80px)
    }

    .lg\:left-\[-22vw\] {
        left: -22vw
    }

    .lg\:left-\[20\%\] {
        left: 20%
    }

    .lg\:left-\[80\%\] {
        left: 80%
    }

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

    .lg\:right-9 {
        right: 2.25rem
    }

    .lg\:right-\[220px\] {
        right: 220px
    }

    .lg\:top-\[-16\.5vw\] {
        top: -16.5vw
    }

    .lg\:top-\[40\%\] {
        top: 40%
    }

    .lg\:top-\[58\%\] {
        top: 58%
    }

    .lg\:col-span-1 {
        grid-column: span 1/span 1
    }

    .lg\:col-span-10 {
        grid-column: span 10/span 10
    }

    .lg\:col-span-11 {
        grid-column: span 11/span 11
    }

    .lg\:col-span-12 {
        grid-column: span 12/span 12
    }

    .lg\:col-span-2 {
        grid-column: span 2/span 2
    }

    .lg\:col-span-3 {
        grid-column: span 3/span 3
    }

    .lg\:col-span-4 {
        grid-column: span 4/span 4
    }

    .lg\:col-span-5 {
        grid-column: span 5/span 5
    }

    .lg\:col-span-6 {
        grid-column: span 6/span 6
    }

    .lg\:col-span-7 {
        grid-column: span 7/span 7
    }

    .lg\:col-span-8 {
        grid-column: span 8/span 8
    }

    .lg\:col-span-9 {
        grid-column: span 9/span 9
    }

    .lg\:col-start-1 {
        grid-column-start: 1
    }

    .lg\:col-start-10 {
        grid-column-start: 10
    }

    .lg\:col-start-11 {
        grid-column-start: 11
    }

    .lg\:col-start-12 {
        grid-column-start: 12
    }

    .lg\:col-start-2 {
        grid-column-start: 2
    }

    .lg\:col-start-3 {
        grid-column-start: 3
    }

    .lg\:col-start-4 {
        grid-column-start: 4
    }

    .lg\:col-start-5 {
        grid-column-start: 5
    }

    .lg\:col-start-6 {
        grid-column-start: 6
    }

    .lg\:col-start-7 {
        grid-column-start: 7
    }

    .lg\:col-start-8 {
        grid-column-start: 8
    }

    .lg\:col-start-9 {
        grid-column-start: 9
    }

    .lg\:col-start-auto {
        grid-column-start: auto
    }

    .lg\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .lg\:ml-0 {
        margin-left: 0
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:inline-flex {
        display: inline-flex
    }

    .lg\:hidden {
        display: none
    }

    .lg\:aspect-\[236\/310\] {
        aspect-ratio: 236/310
    }

    .lg\:h-10 {
        height: 2.5rem
    }

    .lg\:h-3\/4 {
        height: 75%
    }

    .lg\:h-\[1\.8rem\] {
        height: 1.8rem
    }

    .lg\:h-\[310px\] {
        height: 310px
    }

    .lg\:h-\[596px\] {
        height: 596px
    }

    .lg\:h-\[655px\] {
        height: 655px
    }

    .lg\:h-\[94vw\] {
        height: 94vw
    }

    .lg\:h-\[initial\] {
        height: auto
    }

    .lg\:min-h-14 {
        min-height: 3.5rem
    }

    .lg\:min-h-\[480px\] {
        min-height: 480px
    }

    .lg\:w-1 {
        width: .25rem
    }

    .lg\:w-1\.5 {
        width: .375rem
    }

    .lg\:w-1\/2 {
        width: 50%
    }

    .lg\:w-1\/4 {
        width: 25%
    }

    .lg\:w-10 {
        width: 2.5rem
    }

    .lg\:w-16 {
        width: 4rem
    }

    .lg\:w-2\/3 {
        width: 66.666667%
    }

    .lg\:w-2\/5 {
        width: 40%
    }

    .lg\:w-3\/4 {
        width: 75%
    }

    .lg\:w-3\/5 {
        width: 60%
    }

    .lg\:w-4\/5 {
        width: 80%
    }

    .lg\:w-4\/6 {
        width: 66.666667%
    }

    .lg\:w-5 {
        width: 1.25rem
    }

    .lg\:w-80 {
        width: 20rem
    }

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

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

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

    .lg\:w-\[55\%\] {
        width: 55%
    }

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

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

    .lg\:w-\[94vw\] {
        width: 94vw
    }

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

    .lg\:max-w-3xl {
        max-width: 48rem
    }

    .lg\:max-w-6xl {
        max-width: 72rem
    }

    .lg\:max-w-72 {
        max-width: 18rem
    }

    .lg\:max-w-\[275px\] {
        max-width: 275px
    }

    .lg\:max-w-\[486px\] {
        max-width: 486px
    }

    .lg\:max-w-\[630px\] {
        max-width: 630px
    }

    .lg\:max-w-\[66\.6\%\] {
        max-width: 66.6%
    }

    .lg\:shrink {
        flex-shrink: 1
    }

    .lg\:basis-full {
        flex-basis: 100%
    }

    .lg\:translate-x-\[252px\] {
        --tw-translate-x: 252px
    }

    .lg\:translate-x-\[252px\],
    .lg\:translate-x-\[300px\] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .lg\:translate-x-\[300px\] {
        --tw-translate-x: 300px
    }

    .lg\:translate-y-12 {
        --tw-translate-y: 3rem
    }

    .lg\:scale-100,
    .lg\:translate-y-12 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .lg\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }

    .lg\:scale-\[0\.93\] {
        --tw-scale-x: .93;
        --tw-scale-y: .93;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .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-\[repeat\(5\,auto\)\] {
        grid-template-columns: repeat(5, auto)
    }

    .lg\:grid-cols-\[repeat\(6\,auto\)\] {
        grid-template-columns: repeat(6, auto)
    }

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:justify-between {
        justify-content: space-between
    }

    .lg\:gap-10 {
        gap: 2.5rem
    }

    .lg\:gap-14 {
        gap: 3.5rem
    }

    .lg\:break-keep {
        word-break: keep-all
    }

    .lg\:rounded-xl {
        border-radius: .75rem
    }

    .lg\:p-16 {
        padding: 4rem
    }

    .lg\:p-4 {
        padding: 1rem
    }

    .lg\:px-3xl {
        padding-left: var(--space-3xl);
        padding-right: var(--space-3xl)
    }

    .lg\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .lg\:px-\[90px\] {
        padding-left: 90px;
        padding-right: 90px
    }

    .lg\:py-3 {
        padding-bottom: .75rem;
        padding-top: .75rem
    }

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

    .lg\:pl-lg {
        padding-left: var(--space-lg)
    }

    .lg\:pr-2 {
        padding-right: .5rem
    }

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

    .lg\:pt-\[225px\] {
        padding-top: 225px
    }

    .lg\:pt-lg {
        padding-top: var(--space-lg)
    }

    .lg\:pt-md {
        padding-top: var(--space-md)
    }

    .lg\:text-\[32px\] {
        font-size: 32px
    }

    .lg\:text-\[44px\] {
        font-size: 44px
    }

    .lg\:font-normal {
        font-weight: 400
    }

    .lg\:leading-\[40px\] {
        line-height: 40px
    }

    .lg\:leading-\[52px\] {
        line-height: 52px
    }
}

@media (min-width:1300px) {
    .min-\[1300px\]\:inline {
        display: inline
    }

    .min-\[1300px\]\:pr-5 {
        padding-right: 1.25rem
    }
}

@media (min-width:1600px) {
    .xl\:relative {
        position: relative
    }

    .xl\:left-0 {
        left: 0
    }

    .xl\:left-10 {
        left: 2.5rem
    }

    .xl\:left-\[-336px\] {
        left: -336px
    }

    .xl\:left-\[calc\(\(100\%-1420px\)\/2\)\] {
        left: calc(50% - 710px)
    }

    .xl\:left-\[calc\(100\%\+1rem\)\] {
        left: calc(100% + 1rem)
    }

    .xl\:right-32 {
        right: 8rem
    }

    .xl\:right-auto {
        right: auto
    }

    .xl\:top-\[-220px\] {
        top: -220px
    }

    .xl\:top-\[57\%\] {
        top: 57%
    }

    .xl\:col-span-1 {
        grid-column: span 1/span 1
    }

    .xl\:col-span-10 {
        grid-column: span 10/span 10
    }

    .xl\:col-span-11 {
        grid-column: span 11/span 11
    }

    .xl\:col-span-12 {
        grid-column: span 12/span 12
    }

    .xl\:col-span-2 {
        grid-column: span 2/span 2
    }

    .xl\:col-span-3 {
        grid-column: span 3/span 3
    }

    .xl\:col-span-4 {
        grid-column: span 4/span 4
    }

    .xl\:col-span-5 {
        grid-column: span 5/span 5
    }

    .xl\:col-span-6 {
        grid-column: span 6/span 6
    }

    .xl\:col-span-7 {
        grid-column: span 7/span 7
    }

    .xl\:col-span-8 {
        grid-column: span 8/span 8
    }

    .xl\:col-span-9 {
        grid-column: span 9/span 9
    }

    .xl\:col-start-1 {
        grid-column-start: 1
    }

    .xl\:col-start-10 {
        grid-column-start: 10
    }

    .xl\:col-start-11 {
        grid-column-start: 11
    }

    .xl\:col-start-12 {
        grid-column-start: 12
    }

    .xl\:col-start-2 {
        grid-column-start: 2
    }

    .xl\:col-start-3 {
        grid-column-start: 3
    }

    .xl\:col-start-4 {
        grid-column-start: 4
    }

    .xl\:col-start-5 {
        grid-column-start: 5
    }

    .xl\:col-start-6 {
        grid-column-start: 6
    }

    .xl\:col-start-7 {
        grid-column-start: 7
    }

    .xl\:col-start-8 {
        grid-column-start: 8
    }

    .xl\:col-start-9 {
        grid-column-start: 9
    }

    .xl\:mb-md {
        margin-bottom: var(--space-md)
    }

    .xl\:block {
        display: block
    }

    .xl\:h-180 {
        height: 45rem
    }

    .xl\:h-\[1368px\] {
        height: 1368px
    }

    .xl\:h-\[590px\] {
        height: 590px
    }

    .xl\:h-\[907px\] {
        height: 907px
    }

    .xl\:min-h-\[600px\] {
        min-height: 600px
    }

    .xl\:w-1\/2 {
        width: 50%
    }

    .xl\:w-1\/5 {
        width: 20%
    }

    .xl\:w-2 {
        width: .5rem
    }

    .xl\:w-4\/5 {
        width: 80%
    }

    .xl\:w-6 {
        width: 1.5rem
    }

    .xl\:w-\[1368px\] {
        width: 1368px
    }

    .xl\:w-\[1804px\] {
        width: 1804px
    }

    .xl\:w-\[45\%\] {
        width: 45%
    }

    .xl\:w-\[5850px\] {
        width: 5850px
    }

    .xl\:w-\[686px\] {
        width: 686px
    }

    .xl\:w-full {
        width: 100%
    }

    .xl\:max-w-\[85\%\] {
        max-width: 85%
    }

    .xl\:translate-x-\[-46\%\] {
        --tw-translate-x: -46%
    }

    .xl\:translate-x-\[-46\%\],
    .xl\:translate-x-\[351px\] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .xl\:translate-x-\[351px\] {
        --tw-translate-x: 351px
    }

    .xl\:translate-x-\[400px\] {
        --tw-translate-x: 400px
    }

    .xl\:translate-x-\[400px\],
    .xl\:translate-x-\[43\%\] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .xl\:translate-x-\[43\%\] {
        --tw-translate-x: 43%
    }

    .xl\:scale-\[1\.03\] {
        --tw-scale-x: 1.03;
        --tw-scale-y: 1.03;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .xl\:gap-md {
        gap: var(--space-md)
    }

    .xl\:overflow-hidden {
        overflow: hidden
    }

    .xl\:bg-app-gradient-wide {
        background-image: linear-gradient(145deg, #000000 52%, #000000e6 66%, #00000000)
        /* background-image: linear-gradient(145deg, #000a1e 52%, #000a1ee6 66%, #000a1e00) */
    }

    .xl\:pb-3xl {
        padding-bottom: var(--space-3xl)
    }

    .xl\:pb-8 {
        padding-bottom: 2rem
    }
}

.\[\&\+div\>svg\]\:scale-0+div>svg {
    --tw-scale-x: 0;
    --tw-scale-y: 0
}

.\[\&\+div\>svg\]\:checked\:scale-100:checked+div>svg,
.\[\&\+div\>svg\]\:scale-0+div>svg {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.\[\&\+div\>svg\]\:checked\:scale-100:checked+div>svg {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.\[\&\+div\]\:checked\:bg-lavender-30:checked+div {
    --tw-bg-opacity: 1;
    background-color: rgb(151 141 231/var(--tw-bg-opacity))
}

.\[\&\+div\]\:checked\:bg-lavender-70:checked+div {
    --tw-bg-opacity: 1;
    background-color: rgb(53 37 193/var(--tw-bg-opacity))
}

.\[\&\+div\]\:checked\:ring-0:checked+div {
    --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(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)
}

.\[\&\+div\]\:hover\:ring-shade-40:hover+div {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(161 161 170/var(--tw-ring-opacity))
}

.\[\&\+div\]\:hover\:ring-shade-50:hover+div {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(113 113 122/var(--tw-ring-opacity))
}

.\[\&\+div\]\:checked\:hover\:bg-lavender-50:hover:checked+div {
    --tw-bg-opacity: 1;
    background-color: rgb(96 82 218/var(--tw-bg-opacity))
}

.\[\&\+div\]\:hover\:checked\:opacity-80:checked:hover+div {
    opacity: .8
}

.\[\&\+div\]\:focus-visible\:outline:focus-visible+div {
    outline-style: solid
}

.\[\&\+div\]\:focus-visible\:outline-\[3px\]:focus-visible+div {
    outline-width: 3px
}

.\[\&\+div\]\:focus-visible\:outline-offset-\[3px\]:focus-visible+div {
    outline-offset: 3px
}

.\[\&\+div\]\:focus-visible\:outline-state-focus:focus-visible+div {
    outline-color: #751be9
}

.\[\&\+div\]\:active\:bg-lavender-30:active+div {
    --tw-bg-opacity: 1;
    background-color: rgb(151 141 231/var(--tw-bg-opacity))
}

.\[\&\+div\]\:active\:ring-shade-30:active+div {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(212 212 216/var(--tw-ring-opacity))
}

.\[\&\+div\]\:active\:ring-shade-70:active+div {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(63 63 70/var(--tw-ring-opacity))
}

.\[\&\+div\]\:checked\:active\:bg-lavender-70:active:checked+div {
    --tw-bg-opacity: 1;
    background-color: rgb(53 37 193/var(--tw-bg-opacity))
}

.\[\&\+div\]\:disabled\:bg-transparent:disabled+div {
    background-color: transparent
}

.\[\&\+div\]\:disabled\:ring-shade-30:disabled+div {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(212 212 216/var(--tw-ring-opacity))
}

.\[\&\+div\]\:disabled\:ring-shade-70:disabled+div {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(63 63 70/var(--tw-ring-opacity))
}

.\[\&\+div\]\:disabled\:checked\:bg-shade-30:checked:disabled+div {
    --tw-bg-opacity: 1;
    background-color: rgb(212 212 216/var(--tw-bg-opacity))
}

.\[\&\+div\]\:disabled\:checked\:bg-shade-60:checked:disabled+div {
    --tw-bg-opacity: 1;
    background-color: rgb(82 82 91/var(--tw-bg-opacity))
}

.\[\&\+div\]\:disabled\:hover\:opacity-100:hover:disabled+div {
    opacity: 1
}

.\[\&\>\*\]\:invisible>* {
    visibility: hidden
}

.\[\&\>a\:after\]\:-mt-\[22px\]>a:after {
    margin-top: -22px
}

.\[\&\>a\:after\]\:ml-\[2px\]>a:after {
    margin-left: 2px
}

.\[\&\>a\:after\]\:mr-1>a:after {
    margin-right: .25rem
}

.\[\&\>a\:after\]\:inline-block>a:after {
    display: inline-block
}

.\[\&\>a\:after\]\:h-\[7px\]>a:after {
    height: 7px
}

.\[\&\>a\:after\]\:w-\[7px\]>a:after {
    width: 7px
}

.\[\&\>a\:after\]\:align-middle>a:after {
    vertical-align: middle
}

.\[\&\>a\]\:inline-block>a {
    display: inline-block
}

.\[\&\>a\]\:text-shade-20>a {
    --tw-text-opacity: 1;
    color: rgb(228 228 231/var(--tw-text-opacity))
}

.\[\&\>a\]\:underline>a {
    text-decoration-line: underline
}

.\[\&\>canvas\]\:\[mask-composite\:intersect\]>canvas {
    -webkit-mask-composite: source-in, xor;
    mask-composite: intersect
}

.\[\&\>canvas\]\:\[mask-image\:linear-gradient\(171deg\,white_47\%\,transparent_64\%\)\,radial-gradient\(white_50\%\,transparent_70\%\)\]>canvas {
    -webkit-mask-image: linear-gradient(171deg, #fff 47%, transparent 64%), radial-gradient(#fff 50%, transparent 70%);
    mask-image: linear-gradient(171deg, #fff 47%, transparent 64%), radial-gradient(#fff 50%, transparent 70%)
}

.\[\&\>canvas\]\:\[mask-type\:alpha\]>canvas {
    mask-type: alpha
}

.\[\&\>div\>button\]\:top-\[-4rem\]>div>button {
    top: -4rem
}

@media (min-width:640px) {
    .sm\:\[\&\>div\>button\]\:-top-9>div>button {
        top: -2.25rem
    }
}

@media (min-width:1200px) {
    .\[\&\>div\>button\]\:lg\:mr-3xl>div>button {
        margin-right: var(--space-3xl)
    }
}

@media not all and (min-width:900px) {
    .\[\&\>div\]\:max-md\:grow>div {
        flex-grow: 1
    }
}

.\[\&_\*\]\:font-normal * {
    font-weight: 400
}

@supports (hanging-punctuation:first) and (font:-apple-system-body) and (-webkit-appearance:none) {
    .safari-specific\:\[\&_\.glow-0\]\:hidden .glow-0 {
        display: none
    }
}

.\[\&_\>h4\]\:inline-block>h4 {
    display: inline-block
}

.\[\&_\[data-component-name\=\"text-input\"\]\>div\:first-child\:not\(\:focus\)_label\]\:text-white [data-component-name=text-input]>div:first-child:not(:focus) label {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.\[\&_\[data-component-name\=\"text-input\"\]\>div\:first-child\:not\(\:focus-within\)\]\:ring-white [data-component-name=text-input]>div:first-child:not(:focus-within) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity))
}

.\[\&_\[data-component-name\=\"text-input\"\]\>div\:first-child\]\:bg-transparent [data-component-name=text-input]>div:first-child {
    background-color: transparent
}

.\[\&_\[data-handle\=\"bigPlayButton\"\]\]\:\!hidden [data-handle=bigPlayButton],
.\[\&_\[data-handle\=\"playPauseLoading\"\]\]\:\!hidden [data-handle=playPauseLoading],
.\[\&_\[data-handle\=\"playPauseNotifier\"\]\]\:\!hidden [data-handle=playPauseNotifier] {
    display: none !important
}

.\[\&_a\]\:hidden a {
    display: none
}

.\[\&_a\]\:whitespace-nowrap a {
    white-space: nowrap
}

.\[\&_a\]\:text-center a {
    text-align: center
}

.\[\&_a\]\:font-normal a {
    font-weight: 400
}

.\[\&_a\]\:underline a {
    text-decoration-line: underline
}

@media not all and (min-width:900px) {
    .\[\&_a\]\:max-md\:w-full a {
        width: 100%
    }
}

.\[\&_div\]\:ml-0 div {
    margin-left: 0
}

.\[\&_div\]\:mr-0 div {
    margin-right: 0
}

.\[\&_div\]\:h-full div {
    height: 100%
}

.\[\&_div\]\:w-full div {
    width: 100%
}

.\[\&_h2\]\:text-\[2rem\] h2 {
    font-size: 2rem
}

.\[\&_h4\]\:-mt-4 h4 {
    margin-top: -1rem
}

.\[\&_h4\]\:mb-2 h4 {
    margin-bottom: .5rem
}

.\[\&_h4\]\:mb-4 h4 {
    margin-bottom: 1rem
}

.\[\&_h4\]\:mt-md h4 {
    margin-top: var(--space-md)
}

.\[\&_h4\]\:text-t5 h4 {
    font-size: var(--font-size-t5);
    font-weight: var(--font-weight-t5);
    letter-spacing: var(--letter-spacing-t5);
    line-height: var(--line-height-t5)
}

.\[\&_h4\]\:text-t7 h4 {
    font-size: var(--font-size-t7);
    font-weight: var(--font-weight-t7);
    letter-spacing: var(--letter-spacing-t7);
    line-height: var(--line-height-t7)
}

.\[\&_h4\]\:text-xl h4 {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.\[\&_h5\]\:mb-2 h5 {
    margin-bottom: .5rem
}

.\[\&_h5\]\:mt-md h5 {
    margin-top: var(--space-md)
}

.\[\&_h5\]\:text-t8 h5 {
    font-size: var(--font-size-t8);
    font-weight: var(--font-weight-t8);
    letter-spacing: var(--letter-spacing-t8);
    line-height: var(--line-height-t8)
}

.\[\&_h6\]\:mb-2 h6 {
    margin-bottom: .5rem
}

.\[\&_h6\]\:mt-md h6 {
    margin-top: var(--space-md)
}

.\[\&_h6\]\:text-t8 h6 {
    font-size: var(--font-size-t8);
    font-weight: var(--font-weight-t8);
    letter-spacing: var(--letter-spacing-t8);
    line-height: var(--line-height-t8)
}

.\[\&_hr\]\:invisible hr {
    visibility: hidden
}

.\[\&_hr\]\:mb-0 hr {
    margin-bottom: 0
}

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

.\[\&_p\]\:bg-clip-text p {
    -webkit-background-clip: text;
    background-clip: text
}

.\[\&_p\]\:text-lg p {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.\[\&_p\]\:text-t5 p {
    font-size: var(--font-size-t5);
    font-weight: var(--font-weight-t5);
    letter-spacing: var(--letter-spacing-t5);
    line-height: var(--line-height-t5)
}

.\[\&_p\]\:tracking-wider p {
    letter-spacing: .05em
}

.\[\&_p\]\:text-transparent p {
    color: transparent
}

@media (min-width:1200px) {
    .lg\:\[\&_p\]\:-mt-6 p {
        margin-top: -1.5rem
    }
}

.\[\&_path\]\:stroke-black path {
    stroke: #000
}

.\[\&_path\]\:opacity-60 path {
    opacity: .6
}

.\[\&_picture\]\:self-start picture {
    align-self: flex-start
}

.\[\&_strong\]\:font-\[600\] strong {
    font-weight: 600
}

.\[\&_strong\]\:text-gray-c strong {
    --tw-text-opacity: 1;
    color: rgb(151 151 162/var(--tw-text-opacity))
}

.\[\&_svg\]\:p-\[5px\] svg {
    padding: 5px
}

.hover\:\[\&_svg\]\:fill-black svg:hover {
    fill: #000
}

.hover\:\[\&_svg\]\:fill-white svg:hover {
    fill: #fff
}

.\[\&_video\]\:-translate-y-\[5\%\] video {
    --tw-translate-y: -5%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@supports (hanging-punctuation:first) and (font:-apple-system-body) and (-webkit-appearance:none) {
    .safari-specific\:\[\&_video\]\:\[mask-composite\:intersect\] video {
        -webkit-mask-composite: source-in, xor;
        mask-composite: intersect
    }

    .safari-specific\:\[\&_video\]\:\[mask-image\:linear-gradient\(90deg\,white_97\%\,transparent_100\%\)\,linear-gradient\(180deg\,white_97\%\,transparent_100\%\)\,linear-gradient\(270deg\,white_97\%\,transparent_100\%\)\,linear-gradient\(0deg\,white_97\%\,transparent_100\%\)\] video {
        -webkit-mask-image: linear-gradient(90deg, #fff 97%, transparent), linear-gradient(180deg, #fff 97%, transparent), linear-gradient(270deg, #fff 97%, transparent), linear-gradient(0deg, #fff 97%, transparent);
        mask-image: linear-gradient(90deg, #fff 97%, transparent), linear-gradient(180deg, #fff 97%, transparent), linear-gradient(270deg, #fff 97%, transparent), linear-gradient(0deg, #fff 97%, transparent)
    }

    .safari-specific\:\[\&_video\]\:\[mask-type\:alpha\] video {
        mask-type: alpha
    }
}
.app-grid:hover{
    opacity:1;
}