.footer-app-download-button.svelte-w3zpog {
    background: linear-gradient(var(--card), var(--card)) padding-box, radial-gradient(ellipse 72px 30px at calc(100% - 12px) 7px, #ffd062cc 0, #ffd06297 10px, #ffd06262 22px, #ffd06200 45px) border-box, radial-gradient(ellipse 72px 30px at 12px calc(100% - 7px), #ffd062cc 0, #ffd06297 10px, #ffd06262 22px, #ffd06200 45px) border-box, linear-gradient(0deg, #ffd06226, #ffd06226) border-box
}

.shell-header.svelte-19ts6ro {
    padding-inline-end: 0
}

@media (max-width:1279px) {
    .shell-header.svelte-19ts6ro {
        padding-inline-end: var(--fpm-scrollbar-compensation, 0px)
    }
}

@keyframes svelte-1u6rirb-coinTournamentToastShrinkX {
    0% {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(0)
    }
}

.coin-tournament-toast.svelte-1u6rirb {
    width: 431px;
    max-width: calc(100vw - 2rem)
}

.coin-tournament-toast__progress.svelte-1u6rirb {
    animation-name: svelte-1u6rirb-coinTournamentToastShrinkX;
    animation-duration: var(--coin-tournament-toast-duration);
    transform-origin: 0;
    animation-timing-function: linear;
    animation-play-state: running;
    animation-fill-mode: forwards
}

.fpm-ark-toaster [data-paused] .coin-tournament-toast__progress {
    animation-play-state: paused
}

.fpm-ark-toaster [dir=rtl] .coin-tournament-toast__progress {
    transform-origin: 100%
}

.parachute-fall.svelte-1vmnfvk {
    top: -400px;
    left: var(--mobile-left);
    width: 154px;
    animation-delay: var(--mobile-delay);
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: none
}

.parachute-fall-1.svelte-1vmnfvk {
    animation-name: svelte-1vmnfvk-mystery-drop-fall-and-sway-1
}

.parachute-fall-2.svelte-1vmnfvk {
    animation-name: svelte-1vmnfvk-mystery-drop-fall-and-sway-2
}

.parachute-fall-3.svelte-1vmnfvk {
    animation-name: svelte-1vmnfvk-mystery-drop-fall-and-sway-3
}

.parachute-fall-4.svelte-1vmnfvk {
    animation-name: svelte-1vmnfvk-mystery-drop-fall-and-sway-4
}

.parachute-fall-5.svelte-1vmnfvk {
    animation-name: svelte-1vmnfvk-mystery-drop-fall-and-sway-5
}

.parachute-fall-6.svelte-1vmnfvk {
    animation-name: svelte-1vmnfvk-mystery-drop-fall-and-sway-6
}

.parachute-fall-7.svelte-1vmnfvk {
    animation-name: svelte-1vmnfvk-mystery-drop-fall-and-sway-7
}

@media (min-width:768px) {
    .parachute-fall.svelte-1vmnfvk {
        left: var(--desktop-left);
        width: 180px;
        animation-delay: var(--desktop-delay)
    }
}

@keyframes svelte-1vmnfvk-mystery-drop-fall-and-sway-1 {
    0% {
        transform: translateY(-400px)translate(0)rotate(0)
    }

    10% {
        transform: translateY(0)translate(10px)rotate(10deg)
    }

    20% {
        transform: translateY(20vh)translate(-15px)rotate(-8deg)
    }

    40% {
        transform: translateY(50vh)translate(20px)rotate(5deg)
    }

    60% {
        transform: translateY(80vh)translate(-30px)rotate(-10deg)
    }

    to {
        transform: translateY(calc(100vh + 400px))translate(40px)rotate(15deg)
    }
}

@keyframes svelte-1vmnfvk-mystery-drop-fall-and-sway-2 {
    0% {
        transform: translateY(-400px)translate(0)rotate(0)
    }

    10% {
        transform: translateY(0)translate(-10px)rotate(-12deg)
    }

    20% {
        transform: translateY(20vh)translate(15px)rotate(8deg)
    }

    40% {
        transform: translateY(50vh)translate(-20px)rotate(-5deg)
    }

    60% {
        transform: translateY(80vh)translate(30px)rotate(10deg)
    }

    to {
        transform: translateY(calc(100vh + 400px))translate(-40px)rotate(-15deg)
    }
}

@keyframes svelte-1vmnfvk-mystery-drop-fall-and-sway-3 {
    0% {
        transform: translateY(-400px)translate(0)rotate(0)
    }

    10% {
        transform: translateY(0)translate(15px)rotate(8deg)
    }

    20% {
        transform: translateY(20vh)translate(-20px)rotate(-10deg)
    }

    40% {
        transform: translateY(50vh)translate(25px)rotate(7deg)
    }

    60% {
        transform: translateY(80vh)translate(-35px)rotate(-12deg)
    }

    to {
        transform: translateY(calc(100vh + 400px))translate(50px)rotate(10deg)
    }
}

@keyframes svelte-1vmnfvk-mystery-drop-fall-and-sway-4 {
    0% {
        transform: translateY(-400px)translate(0)rotate(0)
    }

    10% {
        transform: translateY(0)translate(-20px)rotate(-14deg)
    }

    20% {
        transform: translateY(20vh)translate(20px)rotate(10deg)
    }

    40% {
        transform: translateY(50vh)translate(-25px)rotate(-7deg)
    }

    60% {
        transform: translateY(80vh)translate(35px)rotate(12deg)
    }

    to {
        transform: translateY(calc(100vh + 400px))translate(-50px)rotate(-10deg)
    }
}

@keyframes svelte-1vmnfvk-mystery-drop-fall-and-sway-5 {
    0% {
        transform: translateY(-400px)translate(0)rotate(0)
    }

    10% {
        transform: translateY(0)translate(20px)rotate(12deg)
    }

    20% {
        transform: translateY(20vh)translate(-25px)rotate(-10deg)
    }

    40% {
        transform: translateY(50vh)translate(30px)rotate(7deg)
    }

    60% {
        transform: translateY(80vh)translate(-35px)rotate(-8deg)
    }

    to {
        transform: translateY(calc(100vh + 400px))translate(45px)rotate(10deg)
    }
}

@keyframes svelte-1vmnfvk-mystery-drop-fall-and-sway-6 {
    0% {
        transform: translateY(-400px)translate(0)rotate(0)
    }

    10% {
        transform: translateY(0)translate(-15px)rotate(-10deg)
    }

    20% {
        transform: translateY(20vh)translate(30px)rotate(14deg)
    }

    40% {
        transform: translateY(50vh)translate(-20px)rotate(-12deg)
    }

    60% {
        transform: translateY(80vh)translate(25px)rotate(8deg)
    }

    to {
        transform: translateY(calc(100vh + 400px))translate(-35px)rotate(-15deg)
    }
}

@keyframes svelte-1vmnfvk-mystery-drop-fall-and-sway-7 {
    0% {
        transform: translateY(-400px)translate(0)rotate(0)
    }

    10% {
        transform: translateY(0)translate(10px)rotate(15deg)
    }

    20% {
        transform: translateY(20vh)translate(-20px)rotate(-12deg)
    }

    40% {
        transform: translateY(50vh)translate(15px)rotate(5deg)
    }

    60% {
        transform: translateY(80vh)translate(-30px)rotate(-10deg)
    }

    to {
        transform: translateY(calc(100vh + 400px))translate(35px)rotate(8deg)
    }
}

@keyframes svelte-hy0uh5-mysteryDropAnnouncementToastShrinkX {
    0% {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(0)
    }
}

.mystery-drop-toast__progress.svelte-hy0uh5 {
    animation-name: svelte-hy0uh5-mysteryDropAnnouncementToastShrinkX;
    animation-duration: var(--mystery-drop-toast-duration);
    transform-origin: 0;
    animation-timing-function: linear;
    animation-play-state: running;
    animation-fill-mode: forwards
}

@keyframes svelte-dxtbz0-mysteryDropToastShrinkX {
    0% {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(0)
    }
}

.mystery-drop-toast__progress.svelte-dxtbz0 {
    animation-name: svelte-dxtbz0-mysteryDropToastShrinkX;
    animation-duration: var(--mystery-drop-toast-duration);
    transform-origin: 0;
    animation-timing-function: linear;
    animation-play-state: running;
    animation-fill-mode: forwards
}

.fpm-ark-toaster [data-paused] .mystery-drop-toast__progress {
    animation-play-state: paused
}

ul.svelte-xq4rk li:where(.svelte-xq4rk)::marker {
    color: #f60
}

body,
html {
    background-color: var(--color-background)
}

@layer properties {
    @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

        *,
        :before,
        :after {
            --tw-border-spacing-x: 0;
            --tw-border-spacing-y: 0;
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-pan-x: initial;
            --tw-pan-y: initial;
            --tw-pinch-zoom: initial;
            --tw-space-y-reverse: 0;
            --tw-divide-y-reverse: 0;
            --tw-border-style: solid;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --tw-ordinal: initial;
            --tw-slashed-zero: initial;
            --tw-numeric-figure: initial;
            --tw-numeric-spacing: initial;
            --tw-numeric-fraction: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-outline-style: solid;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-duration: initial;
            --tw-ease: initial;
            --tw-content: "";
            --tw-animation-delay: 0s;
            --tw-animation-direction: normal;
            --tw-animation-duration: initial;
            --tw-animation-fill-mode: none;
            --tw-animation-iteration-count: 1;
            --tw-enter-blur: 0;
            --tw-enter-opacity: 1;
            --tw-enter-rotate: 0;
            --tw-enter-scale: 1;
            --tw-enter-translate-x: 0;
            --tw-enter-translate-y: 0;
            --tw-exit-blur: 0;
            --tw-exit-opacity: 1;
            --tw-exit-rotate: 0;
            --tw-exit-scale: 1;
            --tw-exit-translate-x: 0;
            --tw-exit-translate-y: 0
        }

        ::backdrop {
            --tw-border-spacing-x: 0;
            --tw-border-spacing-y: 0;
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-pan-x: initial;
            --tw-pan-y: initial;
            --tw-pinch-zoom: initial;
            --tw-space-y-reverse: 0;
            --tw-divide-y-reverse: 0;
            --tw-border-style: solid;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --tw-ordinal: initial;
            --tw-slashed-zero: initial;
            --tw-numeric-figure: initial;
            --tw-numeric-spacing: initial;
            --tw-numeric-fraction: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-outline-style: solid;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-duration: initial;
            --tw-ease: initial;
            --tw-content: "";
            --tw-animation-delay: 0s;
            --tw-animation-direction: normal;
            --tw-animation-duration: initial;
            --tw-animation-fill-mode: none;
            --tw-animation-iteration-count: 1;
            --tw-enter-blur: 0;
            --tw-enter-opacity: 1;
            --tw-enter-rotate: 0;
            --tw-enter-scale: 1;
            --tw-enter-translate-x: 0;
            --tw-enter-translate-y: 0;
            --tw-exit-blur: 0;
            --tw-exit-opacity: 1;
            --tw-exit-rotate: 0;
            --tw-exit-scale: 1;
            --tw-exit-translate-x: 0;
            --tw-exit-translate-y: 0
        }
    }
}

@layer theme {

    :root,
    :host {
        --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-yellow-500: #edb200;
        --color-emerald-400: #00d294;
        --color-emerald-600: #009767;
        --color-blue-300: #90c5ff;
        --color-blue-400: #54a2ff;
        --color-gray-900: #101828;
        --color-zinc-700: #3f3f46;
        --color-neutral-400: #a1a1a1;
        --color-black: #000;
        --color-white: #fff;
        --spacing: .25rem;
        --container-sm: 24rem;
        --container-md: 28rem;
        --container-lg: 32rem;
        --container-2xl: 42rem;
        --container-3xl: 48rem;
        --container-4xl: 56rem;
        --container-6xl: 72rem;
        --text-xs: .75rem;
        --text-xs--line-height: calc(1 / .75);
        --text-sm: .875rem;
        --text-sm--line-height: calc(1.25 / .875);
        --text-base: 1rem;
        --text-base--line-height: calc(1.5 / 1);
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75 / 1.125);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75 / 1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2 / 1.5);
        --font-weight-light: 300;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --tracking-tight: -.025em;
        --tracking-widest: .1em;
        --leading-tight: 1.25;
        --leading-snug: 1.375;
        --leading-normal: 1.5;
        --leading-relaxed: 1.625;
        --radius-xs: .125rem;
        --radius-sm: .25rem;
        --radius-md: .375rem;
        --radius-lg: .5rem;
        --radius-xl: .75rem;
        --radius-2xl: 1rem;
        --radius-3xl: 1.5rem;
        --radius-4xl: 2rem;
        --ease-out: cubic-bezier(0, 0, .2, 1);
        --ease-in-out: cubic-bezier(.4, 0, .2, 1);
        --animate-spin: spin 1s linear infinite;
        --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
        --blur-sm: 8px;
        --blur-md: 12px;
        --blur-xl: 24px;
        --aspect-video: 16 / 9;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono);
        --color-background: var(--background);
        --color-popover: var(--popover);
        --color-popover-foreground: var(--popover-foreground);
        --color-border: var(--border);
        --color-surface-200: var(--surface-200);
        --text-h1: 32px;
        --text-h1--line-height: 120%;
        --text-h1--font-weight: 700;
        --text-h2: 24px;
        --text-h2--line-height: 120%;
        --text-h2--font-weight: 700;
        --text-h3: 20px;
        --text-h3--line-height: 140%;
        --text-h3--font-weight: 700;
        --text-h4: 16px;
        --text-h4--line-height: 140%;
        --text-h4--font-weight: 700;
        --text-h5: 14px;
        --text-h5--line-height: 140%;
        --text-h5--font-weight: 700;
        --text-h6: 12px;
        --text-h6--line-height: 137%;
        --text-h6--font-weight: 700;
        --text-q1: 16px;
        --text-q1--line-height: 140%;
        --text-q1--font-weight: 500;
        --text-q2: 14px;
        --text-q2--line-height: 140%;
        --text-q2--font-weight: 500;
        --text-q3: 12px;
        --text-q3--line-height: 136%;
        --text-q3--font-weight: 500;
        --text-p1: 16px;
        --text-p1--line-height: 140%;
        --text-p1--font-weight: 400;
        --text-p2: 14px;
        --text-p2--line-height: 140%;
        --text-p2--font-weight: 400;
        --text-p3: 12px;
        --text-p3--line-height: 136%;
        --text-p3--font-weight: 400;
        --color-on-primary: var(--on-primary)
    }

    @supports (color:color(display-p3 0 0 0)) {

        :root,
        :host {
            --color-yellow-500: color(display-p3 .903651 .703062 .0745389);
            --color-emerald-400: color(display-p3 .334701 .819603 .591575);
            --color-emerald-600: color(display-p3 .206557 .589057 .413962);
            --color-blue-300: color(display-p3 .602559 .767214 .993938);
            --color-blue-400: color(display-p3 .397443 .62813 .992116);
            --color-gray-900: color(display-p3 .070423 .0928982 .151928);
            --color-zinc-700: color(display-p3 .246478 .246448 .273934);
            --color-neutral-400: color(display-p3 .630163 .630163 .630163)
        }
    }

    @supports (color:lab(0% 0 0)) {

        :root,
        :host {
            --color-yellow-500: lab(76.3898% 14.5258 98.4589);
            --color-emerald-400: lab(75.0771% -60.7313 19.4147);
            --color-emerald-600: lab(55.0481% -49.9246 15.93);
            --color-blue-300: lab(77.5052% -6.4629 -36.42);
            --color-blue-400: lab(65.0361% -1.42065 -56.9802);
            --color-gray-900: lab(8.11897% .811279 -12.254);
            --color-zinc-700: lab(26.8019% 1.35387 -4.68303);
            --color-neutral-400: lab(66.128% -.0000298023 .0000119209)
        }
    }
}

@layer reset;

@layer base {

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

    ::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

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

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

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

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

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

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

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

    b,
    strong {
        font-weight: bolder
    }

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

    small {
        font-size: 80%
    }

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

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

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

    :-moz-focusring {
        outline: auto
    }

    progress {
        vertical-align: baseline
    }

    summary {
        display: list-item
    }

    ol,
    ul,
    menu {
        list-style: none
    }

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

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

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

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

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

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

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

    ::-webkit-file-upload-button {
        margin-inline-end: 4px
    }

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

    ::placeholder {
        opacity: 1
    }

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

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

    textarea {
        resize: vertical
    }

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

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

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

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

    ::-webkit-datetime-edit {
        padding-block-start: 0;
        padding-block-end: 0
    }

    ::-webkit-datetime-edit-year-field {
        padding-block-start: 0;
        padding-block-end: 0
    }

    ::-webkit-datetime-edit-month-field {
        padding-block-start: 0;
        padding-block-end: 0
    }

    ::-webkit-datetime-edit-day-field {
        padding-block-start: 0;
        padding-block-end: 0
    }

    ::-webkit-datetime-edit-hour-field {
        padding-block-start: 0;
        padding-block-end: 0
    }

    ::-webkit-datetime-edit-minute-field {
        padding-block-start: 0;
        padding-block-end: 0
    }

    ::-webkit-datetime-edit-second-field {
        padding-block-start: 0;
        padding-block-end: 0
    }

    ::-webkit-datetime-edit-millisecond-field {
        padding-block-start: 0;
        padding-block-end: 0
    }

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

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

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

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

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

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

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

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

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

    * {
        border-color: var(--border);
        outline-color: var(--ring)
    }

    @supports (color:color-mix(in lab, red, red)) {
        * {
            outline-color: color-mix(in oklab, var(--ring) 50%, transparent)
        }
    }

    body {
        background-color: var(--background);
        font-family: var(--font-sans);
        color: var(--foreground)
    }
}

@layer tokens {
    :where(html) {
        --font-sans: Geist, sans-serif;
        --font-serif: Georgia, serif;
        --font-mono: Geist Mono, monospace;
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono);
        --tracking-tighter: -.05em;
        --tracking-tight: -.025em;
        --tracking-normal: 0em;
        --tracking-wide: .025em;
        --tracking-wider: .05em;
        --tracking-widest: .1em;
        --leading-none: 1;
        --leading-tight: 1.25;
        --leading-snug: 1.375;
        --leading-normal: 1.5;
        --leading-relaxed: 1.625;
        --leading-loose: 2;
        --leading-3: .75rem;
        --leading-4: 1rem;
        --leading-5: 1.25rem;
        --leading-6: 1.5rem;
        --leading-7: 1.75rem;
        --leading-8: 2rem;
        --leading-9: 2.25rem;
        --leading-10: 2.5rem;
        --text-xs: .75rem;
        --text-xs--line-height: 1rem;
        --text-sm: .875rem;
        --text-sm--line-height: 1.25rem;
        --text-base: 1rem;
        --text-base--line-height: 1.5rem;
        --text-lg: 1.125rem;
        --text-lg--line-height: 1.75rem;
        --text-xl: 1.25rem;
        --text-xl--line-height: 1.75rem;
        --text-2xl: 1.5rem;
        --text-2xl--line-height: 2rem;
        --text-3xl: 1.875rem;
        --text-3xl--line-height: 2.25rem;
        --text-4xl: 2.25rem;
        --text-4xl--line-height: 2.5rem;
        --text-5xl: 3rem;
        --text-5xl--line-height: 1;
        --text-6xl: 3.75rem;
        --text-6xl--line-height: 1;
        --text-7xl: 4.5rem;
        --text-7xl--line-height: 1;
        --text-8xl: 6rem;
        --text-8xl--line-height: 1;
        --text-9xl: 8rem;
        --text-9xl--line-height: 1;
        --radius: .625rem;
        --background: #fff;
        --foreground: #020618;
        --card: #fff;
        --card-foreground: #020618;
        --popover: #fff;
        --popover-foreground: #020618;
        --primary: #0f172b;
        --primary-foreground: #f8fafc;
        --primary-light: var(--primary)
    }

    @supports (color:color(display-p3 0 0 0)) {
        :where(html) {
            --background: color(display-p3 1 1 1);
            --foreground: color(display-p3 .0102437 .0227555 .0878731);
            --card: color(display-p3 1 1 1);
            --card-foreground: color(display-p3 .0102437 .0227555 .0878731);
            --popover: color(display-p3 1 1 1);
            --popover-foreground: color(display-p3 .0102437 .0227555 .0878731);
            --primary: color(display-p3 .0639692 .0891152 .163036);
            --primary-foreground: color(display-p3 .974377 .979815 .986207)
        }
    }

    @supports (color:lab(0% 0 0)) {
        :where(html) {
            --background: lab(100% 0 0);
            --foreground: lab(1.76974% 1.32743 -9.28855);
            --card: lab(100% 0 0);
            --card-foreground: lab(1.76974% 1.32743 -9.28855);
            --popover: lab(100% 0 0);
            --popover-foreground: lab(1.76974% 1.32743 -9.28855);
            --primary: lab(7.78673% 1.82345 -15.0537);
            --primary-foreground: lab(98.1434% -.369519 -1.05966)
        }
    }

    @supports (color:color-mix(in lab, red, red)) {
        :where(html) {
            --primary-light: color-mix(in oklch, var(--primary) 85%, white)
        }
    }

    :where(html) {
        --primary-dark: var(--primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        :where(html) {
            --primary-dark: color-mix(in oklch, var(--primary) 85%, black)
        }
    }

    :where(html) {
        --secondary: #f1f5f9;
        --secondary-foreground: #0f172b;
        --secondary-light: var(--secondary)
    }

    @supports (color:color(display-p3 0 0 0)) {
        :where(html) {
            --secondary: color(display-p3 .947345 .959969 .97483);
            --secondary-foreground: color(display-p3 .0639692 .0891152 .163036)
        }
    }

    @supports (color:lab(0% 0 0)) {
        :where(html) {
            --secondary: lab(96.286% -.852436 -2.46847);
            --secondary-foreground: lab(7.78673% 1.82345 -15.0537)
        }
    }

    @supports (color:color-mix(in lab, red, red)) {
        :where(html) {
            --secondary-light: color-mix(in oklch, var(--secondary) 85%, white)
        }
    }

    :where(html) {
        --secondary-dark: var(--secondary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        :where(html) {
            --secondary-dark: color-mix(in oklch, var(--secondary) 85%, black)
        }
    }

    :where(html) {
        --accent: #f1f5f9;
        --accent-foreground: #0f172b;
        --muted: #f1f5f9;
        --muted-foreground: #62748e;
        --placeholder: var(--muted-foreground)
    }

    @supports (color:color(display-p3 0 0 0)) {
        :where(html) {
            --accent: color(display-p3 .947345 .959969 .97483);
            --accent-foreground: color(display-p3 .0639692 .0891152 .163036);
            --muted: color(display-p3 .947345 .959969 .97483);
            --muted-foreground: color(display-p3 .397645 .452653 .547642)
        }
    }

    @supports (color:lab(0% 0 0)) {
        :where(html) {
            --accent: lab(96.286% -.852436 -2.46847);
            --accent-foreground: lab(7.78673% 1.82345 -15.0537);
            --muted: lab(96.286% -.852436 -2.46847);
            --muted-foreground: lab(48.0876% -2.03595 -16.5814)
        }
    }

    @supports (color:color-mix(in lab, red, red)) {
        :where(html) {
            --placeholder: color-mix(in oklch, var(--muted-foreground) 70%, var(--foreground))
        }
    }

    :where(html) {
        --destructive: #e40014;
        --destructive-foreground: #f8fafc;
        --border: #e2e8f0;
        --input: #e2e8f0;
        --ring: #90a1b9;
        --chart-1: #f05100;
        --chart-2: #009588;
        --chart-3: #104e64;
        --chart-4: #fcbb00;
        --chart-5: #f99c00;
        --success: #00c756;
        --success-foreground: #020618;
        --warning: #ff6e00;
        --warning-foreground: #020618;
        --info: #a94fff;
        --info-foreground: #020618;
        --sidebar: #f8fafc;
        --sidebar-foreground: #020618;
        --sidebar-primary: #0f172b;
        --sidebar-primary-foreground: #f8fafc;
        --sidebar-accent: #f1f5f9;
        --sidebar-accent-foreground: #0f172b;
        --sidebar-border: #e2e8f0;
        --sidebar-ring: #90a1b9;
        --surface-100: var(--background);
        --surface-200: var(--background)
    }

    @supports (color:color(display-p3 0 0 0)) {
        :where(html) {
            --destructive: color(display-p3 .830323 .140383 .133196);
            --destructive-foreground: color(display-p3 .974377 .979815 .986207);
            --border: color(display-p3 .890322 .909405 .939294);
            --input: color(display-p3 .890322 .909405 .939294);
            --ring: color(display-p3 .577446 .629622 .716602);
            --chart-1: color(display-p3 .887467 .341665 .0219962);
            --chart-2: color(display-p3 .207114 .579584 .53668);
            --chart-3: color(display-p3 .142586 .302008 .385094);
            --chart-4: color(display-p3 .959186 .738519 .118268);
            --chart-5: color(display-p3 .93994 .620584 .0585367);
            --success: color(display-p3 .316759 .773931 .368043);
            --success-foreground: color(display-p3 .00984086 .0229584 .0878432);
            --warning: color(display-p3 .947697 .448113 .0911789);
            --warning-foreground: color(display-p3 .00984086 .0229584 .0878432);
            --info: color(display-p3 .623471 .303653 .996113);
            --info-foreground: color(display-p3 .00984086 .0229584 .0878432);
            --sidebar: color(display-p3 .974377 .979815 .986207);
            --sidebar-foreground: color(display-p3 .0102437 .0227555 .0878731);
            --sidebar-primary: color(display-p3 .0639692 .0891152 .163036);
            --sidebar-primary-foreground: color(display-p3 .974377 .979815 .986207);
            --sidebar-accent: color(display-p3 .947345 .959969 .97483);
            --sidebar-accent-foreground: color(display-p3 .0639692 .0891152 .163036);
            --sidebar-border: color(display-p3 .890322 .909405 .939294);
            --sidebar-ring: color(display-p3 .577446 .629622 .716602)
        }
    }

    @supports (color:lab(0% 0 0)) {
        :where(html) {
            --destructive: lab(48.4493% 77.4328 61.5452);
            --destructive-foreground: lab(98.1434% -.369519 -1.05966);
            --border: lab(91.7353% -.998765 -4.76968);
            --input: lab(91.7353% -.998765 -4.76968);
            --ring: lab(65.5349% -2.25151 -14.5072);
            --chart-1: lab(57.1026% 64.2584 89.8886);
            --chart-2: lab(55.0223% -41.0774 -3.90277);
            --chart-3: lab(30.372% -13.1853 -18.7887);
            --chart-4: lab(80.1641% 16.6016 99.2089);
            --chart-5: lab(72.7183% 31.8672 97.9407);
            --success: lab(70.5392% -65.9403 46.7617);
            --success-foreground: lab(1.77252% 1.26648 -9.27894);
            --warning: lab(64.253% 57.5621 88.251);
            --warning-foreground: lab(1.77252% 1.26648 -9.27894);
            --info: lab(52.0127% 65.6095 -79.0355);
            --info-foreground: lab(1.77252% 1.26648 -9.27894);
            --sidebar: lab(98.1434% -.369519 -1.05966);
            --sidebar-foreground: lab(1.76974% 1.32743 -9.28855);
            --sidebar-primary: lab(7.78673% 1.82345 -15.0537);
            --sidebar-primary-foreground: lab(98.1434% -.369519 -1.05966);
            --sidebar-accent: lab(96.286% -.852436 -2.46847);
            --sidebar-accent-foreground: lab(7.78673% 1.82345 -15.0537);
            --sidebar-border: lab(91.7353% -.998765 -4.76968);
            --sidebar-ring: lab(65.5349% -2.25151 -14.5072)
        }
    }

    @supports (color:color-mix(in lab, red, red)) {
        :where(html) {
            --surface-200: color-mix(in oklch, var(--background) 80%, var(--card))
        }
    }

    :where(html) {
        --surface-300: var(--background)
    }

    @supports (color:color-mix(in lab, red, red)) {
        :where(html) {
            --surface-300: color-mix(in oklch, var(--background) 60%, var(--card))
        }
    }

    :where(html) {
        --surface-400: var(--background)
    }

    @supports (color:color-mix(in lab, red, red)) {
        :where(html) {
            --surface-400: color-mix(in oklch, var(--background) 40%, var(--card))
        }
    }

    :where(html) {
        --surface-500: var(--card);
        --surface-600: var(--card)
    }

    @supports (color:color-mix(in lab, red, red)) {
        :where(html) {
            --surface-600: color-mix(in oklch, var(--card) 75%, var(--foreground))
        }
    }

    :where(html) {
        --surface-700: var(--card)
    }

    @supports (color:color-mix(in lab, red, red)) {
        :where(html) {
            --surface-700: color-mix(in oklch, var(--card) 55%, var(--foreground))
        }
    }

    :where(html) {
        --surface-800: var(--card)
    }

    @supports (color:color-mix(in lab, red, red)) {
        :where(html) {
            --surface-800: color-mix(in oklch, var(--card) 35%, var(--foreground))
        }
    }

    :where(html) {
        --surface-900: var(--card)
    }

    @supports (color:color-mix(in lab, red, red)) {
        :where(html) {
            --surface-900: color-mix(in oklch, var(--card) 15%, var(--foreground))
        }
    }

    :where(html) {
        --bg-100: var(--card);
        --bg-200: var(--card)
    }

    @supports (color:color-mix(in lab, red, red)) {
        :where(html) {
            --bg-200: color-mix(in oklch, var(--card) 90%, var(--background))
        }
    }

    :where(html) {
        --bg-300: var(--card)
    }

    @supports (color:color-mix(in lab, red, red)) {
        :where(html) {
            --bg-300: color-mix(in oklch, var(--card) 80%, var(--background))
        }
    }

    :where(html) {
        --bg-400: var(--card)
    }

    @supports (color:color-mix(in lab, red, red)) {
        :where(html) {
            --bg-400: color-mix(in oklch, var(--card) 70%, var(--background))
        }
    }

    :where(html) {
        --bg-500: var(--card)
    }

    @supports (color:color-mix(in lab, red, red)) {
        :where(html) {
            --bg-500: color-mix(in oklch, var(--card) 60%, var(--background))
        }
    }

    :where(html) {
        --bg-600: var(--card)
    }

    @supports (color:color-mix(in lab, red, red)) {
        :where(html) {
            --bg-600: color-mix(in oklch, var(--card) 50%, var(--background))
        }
    }

    :where(html) {
        --bg-700: var(--card)
    }

    @supports (color:color-mix(in lab, red, red)) {
        :where(html) {
            --bg-700: color-mix(in oklch, var(--card) 40%, var(--background))
        }
    }

    :where(html) {
        --bg-800: var(--card)
    }

    @supports (color:color-mix(in lab, red, red)) {
        :where(html) {
            --bg-800: color-mix(in oklch, var(--card) 30%, var(--background))
        }
    }

    :where(html) {
        --bg-900: var(--background);
        --spacing: .25rem;
        --shadow-x: 0px;
        --shadow-y: 1px;
        --shadow-blur: 2px;
        --shadow-spread: 0px;
        --shadow-opacity: .18;
        --shadow-color: #000;
        --radius-none: 0;
        --radius-2xs: .0625rem;
        --radius-xs: .125rem;
        --radius-sm: calc(var(--radius) - 4px);
        --radius-md: calc(var(--radius) - 2px);
        --radius-lg: var(--radius);
        --radius-xl: calc(var(--radius) + 4px);
        --radius-2xl: 1rem;
        --radius-3xl: 1.5rem;
        --radius-4xl: 2rem;
        --radius-full: 9999px;
        --border-width-xs: 1px;
        --border-width-sm: 2px;
        --border-width-md: 4px;
        --border-width-lg: 8px;
        --border-width-xl: 8px;
        --shadow-2xs: 0px 1px 2px 0px #00000017;
        --shadow-xs: 0px 1px 2px 0px #00000017;
        --shadow-sm: 0px 1px 2px 0px #0000002e, 0px 1px 2px -1px #0000002e;
        --shadow: 0px 1px 2px 0px #0000002e, 0px 1px 2px -1px #0000002e;
        --shadow-md: 0px 1px 2px 0px #0000002e, 0px 2px 4px -1px #0000002e;
        --shadow-lg: 0px 1px 2px 0px #0000002e, 0px 4px 6px -1px #0000002e;
        --shadow-xl: 0px 1px 2px 0px #0000002e, 0px 8px 10px -1px #0000002e;
        --shadow-2xl: 0px 1px 2px 0px #00000073;
        --shadow-inner: inset 0 2px 4px 0 #0000000d
    }

    :where(html).dark {
        --background: #020618;
        --foreground: #f8fafc;
        --card: #0f172b;
        --card-foreground: #f8fafc;
        --popover: #0f172b;
        --popover-foreground: #f8fafc;
        --primary: #e2e8f0;
        --primary-foreground: #0f172b;
        --secondary: #1d293d;
        --secondary-foreground: #f8fafc;
        --accent: #1d293d;
        --accent-foreground: #f8fafc;
        --muted: #1d293d;
        --muted-foreground: #90a1b9;
        --destructive: #ff6568;
        --destructive-foreground: #f8fafc;
        --border: #ffffff1a;
        --input: #ffffff26;
        --ring: #6a7282;
        --chart-1: #1447e6;
        --chart-2: #00bb7f;
        --chart-3: #f99c00;
        --chart-4: #ac4bff;
        --chart-5: #ff2357;
        --sidebar: #0f172b;
        --sidebar-foreground: #f8fafc;
        --sidebar-primary: #1447e6;
        --sidebar-primary-foreground: #f8fafc;
        --sidebar-accent: #1d293d;
        --sidebar-accent-foreground: #f8fafc;
        --sidebar-border: #ffffff1a;
        --sidebar-ring: #6a7282
    }

    @supports (color:color(display-p3 0 0 0)) {
        :where(html).dark {
            --background: color(display-p3 .0102437 .0227555 .0878731);
            --foreground: color(display-p3 .974377 .979815 .986207);
            --card: color(display-p3 .0639692 .0891152 .163036);
            --card-foreground: color(display-p3 .974377 .979815 .986207);
            --popover: color(display-p3 .0639692 .0891152 .163036);
            --popover-foreground: color(display-p3 .974377 .979815 .986207);
            --primary: color(display-p3 .890322 .909405 .939294);
            --primary-foreground: color(display-p3 .0639692 .0891152 .163036);
            --secondary: color(display-p3 .121994 .158688 .232363);
            --secondary-foreground: color(display-p3 .974377 .979815 .986207);
            --accent: color(display-p3 .121994 .158688 .232363);
            --accent-foreground: color(display-p3 .974377 .979815 .986207);
            --muted: color(display-p3 .121994 .158688 .232363);
            --muted-foreground: color(display-p3 .577446 .629622 .716602);
            --destructive: color(display-p3 .933534 .431676 .423491);
            --destructive-foreground: color(display-p3 .974377 .979815 .986207);
            --border: color(display-p3 1 1 1/.1);
            --input: color(display-p3 1 1 1/.15);
            --ring: color(display-p3 .421287 .446085 .504784);
            --chart-1: color(display-p3 .1379 .274983 .867624);
            --chart-2: color(display-p3 .267113 .726847 .508397);
            --chart-3: color(display-p3 .93994 .620584 .0585367);
            --chart-4: color(display-p3 .629519 .30089 .990817);
            --chart-5: color(display-p3 .921824 .240748 .355666);
            --sidebar: color(display-p3 .0639692 .0891152 .163036);
            --sidebar-foreground: color(display-p3 .974377 .979815 .986207);
            --sidebar-primary: color(display-p3 .1379 .274983 .867624);
            --sidebar-primary-foreground: color(display-p3 .974377 .979815 .986207);
            --sidebar-accent: color(display-p3 .121994 .158688 .232363);
            --sidebar-accent-foreground: color(display-p3 .974377 .979815 .986207);
            --sidebar-border: color(display-p3 1 1 1/.1);
            --sidebar-ring: color(display-p3 .421287 .446085 .504784)
        }
    }

    @supports (color:lab(0% 0 0)) {
        :where(html).dark {
            --background: lab(1.76974% 1.32743 -9.28855);
            --foreground: lab(98.1434% -.369519 -1.05966);
            --card: lab(7.78673% 1.82345 -15.0537);
            --card-foreground: lab(98.1434% -.369519 -1.05966);
            --popover: lab(7.78673% 1.82345 -15.0537);
            --popover-foreground: lab(98.1434% -.369519 -1.05966);
            --primary: lab(91.7353% -.998765 -4.76968);
            --primary-foreground: lab(7.78673% 1.82345 -15.0537);
            --secondary: lab(16.132% -.318035 -14.6672);
            --secondary-foreground: lab(98.1434% -.369519 -1.05966);
            --accent: lab(16.132% -.318035 -14.6672);
            --accent-foreground: lab(98.1434% -.369519 -1.05966);
            --muted: lab(16.132% -.318035 -14.6672);
            --muted-foreground: lab(65.5349% -2.25151 -14.5072);
            --destructive: lab(63.7053% 60.745 31.3109);
            --destructive-foreground: lab(98.1434% -.369519 -1.05966);
            --border: lab(100% 0 0/.1);
            --input: lab(100% 0 0/.15);
            --ring: lab(47.7841% -.393182 -10.0268);
            --chart-1: lab(36.9089% 35.0961 -85.6872);
            --chart-2: lab(66.9756% -58.27 19.5419);
            --chart-3: lab(72.7183% 31.8672 97.9407);
            --chart-4: lab(52.0183% 66.11 -78.2316);
            --chart-5: lab(56.101% 79.4328 31.4532);
            --sidebar: lab(7.78673% 1.82345 -15.0537);
            --sidebar-foreground: lab(98.1434% -.369519 -1.05966);
            --sidebar-primary: lab(36.9089% 35.0961 -85.6872);
            --sidebar-primary-foreground: lab(98.1434% -.369519 -1.05966);
            --sidebar-accent: lab(16.132% -.318035 -14.6672);
            --sidebar-accent-foreground: lab(98.1434% -.369519 -1.05966);
            --sidebar-border: lab(100% 0 0/.1);
            --sidebar-ring: lab(47.7841% -.393182 -10.0268)
        }
    }

    :where(html),
    :where(html).dark {
        --lightningcss-light: ;
        --lightningcss-dark: initial;
        color-scheme: dark;
        --font-sans: "Geologica", ui-sans-serif, system-ui, sans-serif;
        --radius: 1rem;
        --radius-2xs: .25rem;
        --radius-xs: .5rem;
        --background: #121214;
        --foreground: #fff;
        --card: #17171a;
        --card-foreground: #fff;
        --popover: #1d1d21;
        --popover-foreground: #fff;
        --primary: #ffc233;
        --primary-foreground: #121214;
        --on-primary: #17171a;
        --primary-light: #ffd062;
        --primary-dark: #cca144;
        --secondary: #3d66df;
        --secondary-foreground: #fff;
        --secondary-light: #698fff;
        --secondary-dark: var(--secondary)
    }

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

        :where(html),
        :where(html).dark {
            --secondary-dark: color-mix(in oklch, var(--secondary) 80%, black)
        }
    }

    :where(html),
    :where(html).dark {
        --accent: var(--primary);
        --accent-foreground: var(--primary-foreground);
        --muted: #26262b;
        --muted-foreground: #81818c;
        --placeholder: #81818c;
        --destructive: #e63929;
        --destructive-foreground: #fff;
        --success: #4fb463;
        --success-foreground: #121214;
        --warning: #ffc541;
        --warning-foreground: #121214;
        --info: var(--secondary);
        --info-foreground: #fff;
        --border: #2f2f36;
        --input: #1d1d21;
        --ring: #ffd062;
        --sidebar: var(--card);
        --sidebar-foreground: var(--foreground);
        --sidebar-primary: var(--primary);
        --sidebar-primary-foreground: var(--primary-foreground);
        --sidebar-accent: var(--surface-300);
        --sidebar-accent-foreground: var(--foreground);
        --sidebar-border: var(--surface-300);
        --sidebar-ring: var(--ring);
        --surface-100: #121214;
        --surface-200: #17171a;
        --surface-300: #1d1d21;
        --surface-400: #26262b;
        --surface-500: #2f2f36;
        --surface-600: var(--surface-500)
    }

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

        :where(html),
        :where(html).dark {
            --surface-600: color-mix(in oklch, var(--surface-500) 75%, var(--foreground))
        }
    }

    :where(html),
    :where(html).dark {
        --surface-700: var(--surface-500)
    }

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

        :where(html),
        :where(html).dark {
            --surface-700: color-mix(in oklch, var(--surface-500) 55%, var(--foreground))
        }
    }

    :where(html),
    :where(html).dark {
        --surface-800: var(--surface-500)
    }

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

        :where(html),
        :where(html).dark {
            --surface-800: color-mix(in oklch, var(--surface-500) 35%, var(--foreground))
        }
    }

    :where(html),
    :where(html).dark {
        --surface-900: var(--surface-500)
    }

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

        :where(html),
        :where(html).dark {
            --surface-900: color-mix(in oklch, var(--surface-500) 15%, var(--foreground))
        }
    }

    :where(html),
    :where(html).dark {
        --gradient-primary: linear-gradient(180deg, #ffd062 0%, #ffc233 52%, #ea7d00 100%);
        --gradient-primary-2: linear-gradient(180deg, #ffd062 0%, #ffc233 53.01%, #ea7d00 151.04%);
        --gradient-primary-glass-90: linear-gradient(180deg, #ffd062e6 0%, #ffc233e6 52%, #ea7d00e6 100%);
        --gradient-primary-glass-80: linear-gradient(180deg, #ffd062cc 0%, #ffc233cc 52%, #ea7d00cc 100%);
        --gradient-primary-start: #ffd062;
        --gradient-primary-mid: #ffc233;
        --gradient-primary-end: #ea7d00;
        --gradient-secondary: linear-gradient(135deg, #698fff 0%, #3d66df 100%);
        --shadow-primary-button: 0px 8px 24px 0px #ffc23347;
        --shadow-primary-glow: 0px 0px 4px 0px var(--gradient-primary-mid)
    }

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

        :where(html),
        :where(html).dark {
            --shadow-primary-glow: 0px 0px 4px 0px color-mix(in oklch, var(--gradient-primary-mid) 40%, transparent)
        }
    }

    :where(html),
    :where(html).dark {
        --shadow-welcome-modal-chest: 0px 0px 32px #ffc23380;
        --gradient-auth-banner-accent: linear-gradient(90deg, #ffd062 0%, #ffc233 100%);
        --outline-1: #2f2f36;
        --gradient-outline-1: linear-gradient(180deg, #2f2f364d 0%, #2f2f36 100%);
        --gradient-outline-2: linear-gradient(90deg, #fccf35 0%, #fccf3500 100%);
        --gradient-outline-3: linear-gradient(180deg, #fccf35 0%, #fccf3500 100%);
        --gradient-outline-4: linear-gradient(180deg, #ffeab8 0%, #ffeab800 100%);
        --gradient-outline-5: radial-gradient(120% 120% at 0% 0%, #ffd062cc 0%, #ffd06200 42%), radial-gradient(120% 120% at 100% 100%, #ffd062cc 0%, #ffd06200 42%), linear-gradient(0deg, #ffd06226, #ffd06226);
        --gradient-outline-6: linear-gradient(45deg, #7e5412e6 0%, #ffd062b8 18%, #ffd06233 50%, #ffd062b8 82%, #7e5412e6 100%);
        --outline-card: #2f2f36;
        --bonus-cashback-tile-overlay: #2f2f3673;
        --bonus-progress-track: #3d66df29;
        --bonus-progress-glow: #3d66df82;
        --additional-purple: #8600df;
        --additional-orange: #d94800;
        --secondary-green: #1c4130;
        --secondary-green-light: #367943;
        --games-card-favorite-border: #81818c;
        --header-h-mobile: 72px;
        --header-h-desktop: calc(48px + 24px * 2);
        --sidebar-w-expanded: 254px;
        --sidebar-w-collapsed: 96px;
        --bottombar-h: 76px;
        --live-support-bubble-raise: 12px;
        --shell-pad-mobile: 16px;
        --shell-pad-desktop: 24px;
        --shell-gap: 24px;
        --toast-offset-top: calc(var(--header-h-mobile) + env(safe-area-inset-top, 0px));
        --toast-offset-right: max(1rem, env(safe-area-inset-right, 0px));
        --toast-offset-bottom: max(1rem, env(safe-area-inset-bottom, 0px));
        --toast-offset-left: max(1rem, env(safe-area-inset-left, 0px))
    }
}

@layer recipes, components;

@layer utilities {
    .\@container\/card-header {
        container: card-header/inline-size
    }

    .\@container\/field-group {
        container: field-group/inline-size
    }

    .\@container\/lobby-page {
        container: lobby-page/inline-size
    }

    .\@container\/missions-page {
        container: missions-page/inline-size
    }

    .\@container {
        container-type: inline-size
    }

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

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

    .invisible {
        visibility: hidden
    }

    .visible {
        visibility: visible
    }

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

    .\!absolute {
        position: absolute !important
    }

    .\!fixed {
        position: fixed !important
    }

    .absolute {
        position: absolute
    }

    .fixed {
        position: fixed
    }

    .relative {
        position: relative
    }

    .static {
        position: static
    }

    .sticky {
        position: sticky
    }

    .\!inset-0 {
        inset: calc(var(--spacing) * 0) !important
    }

    .-inset-8 {
        inset: calc(var(--spacing) * -8)
    }

    .inset-0 {
        inset: calc(var(--spacing) * 0)
    }

    .inset-0\.5 {
        inset: calc(var(--spacing) * .5)
    }

    .inset-x-0 {
        inset-inline: calc(var(--spacing) * 0)
    }

    .inset-x-2 {
        inset-inline: calc(var(--spacing) * 2)
    }

    .inset-y-0 {
        inset-block: calc(var(--spacing) * 0)
    }

    .-start-12:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: calc(var(--spacing) * -12)
    }

    .-start-12:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: calc(var(--spacing) * -12)
    }

    .start:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: var(--spacing)
    }

    .start:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: var(--spacing)
    }

    .start\!:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: var(--spacing)
    }

    .start\!:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: var(--spacing)
    }

    .start-0:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: calc(var(--spacing) * 0)
    }

    .start-0:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: calc(var(--spacing) * 0)
    }

    .start-1\/2:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: 50%
    }

    .start-1\/2:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: 50%
    }

    .start-2:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: calc(var(--spacing) * 2)
    }

    .start-2:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: calc(var(--spacing) * 2)
    }

    .-end-12:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: calc(var(--spacing) * -12)
    }

    .-end-12:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: calc(var(--spacing) * -12)
    }

    .end:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: var(--spacing)
    }

    .end:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: var(--spacing)
    }

    .end-0:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: calc(var(--spacing) * 0)
    }

    .end-0:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: calc(var(--spacing) * 0)
    }

    .end-1:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: calc(var(--spacing) * 1)
    }

    .end-1:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: calc(var(--spacing) * 1)
    }

    .end-2:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: calc(var(--spacing) * 2)
    }

    .end-2:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: calc(var(--spacing) * 2)
    }

    .end-3:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: calc(var(--spacing) * 3)
    }

    .end-3:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: calc(var(--spacing) * 3)
    }

    .end-3\.5:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: calc(var(--spacing) * 3.5)
    }

    .end-3\.5:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: calc(var(--spacing) * 3.5)
    }

    .end-4:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: calc(var(--spacing) * 4)
    }

    .end-4:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: calc(var(--spacing) * 4)
    }

    .\!top-0 {
        top: calc(var(--spacing) * 0) !important
    }

    .-top-1 {
        top: calc(var(--spacing) * -1)
    }

    .-top-1\.5 {
        top: calc(var(--spacing) * -1.5)
    }

    .-top-3 {
        top: calc(var(--spacing) * -3)
    }

    .-top-12 {
        top: calc(var(--spacing) * -12)
    }

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

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

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

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

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

    .top-\(--header-h-mobile\) {
        top: var(--header-h-mobile)
    }

    .top-0 {
        top: calc(var(--spacing) * 0)
    }

    .top-1 {
        top: calc(var(--spacing) * 1)
    }

    .top-1\.5 {
        top: calc(var(--spacing) * 1.5)
    }

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

    .top-1\/4 {
        top: 25%
    }

    .top-2 {
        top: calc(var(--spacing) * 2)
    }

    .top-2\.5 {
        top: calc(var(--spacing) * 2.5)
    }

    .top-3 {
        top: calc(var(--spacing) * 3)
    }

    .top-3\.5 {
        top: calc(var(--spacing) * 3.5)
    }

    .top-4 {
        top: calc(var(--spacing) * 4)
    }

    .top-4\.5 {
        top: calc(var(--spacing) * 4.5)
    }

    .top-5 {
        top: calc(var(--spacing) * 5)
    }

    .top-6 {
        top: calc(var(--spacing) * 6)
    }

    .top-6\.5 {
        top: calc(var(--spacing) * 6.5)
    }

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

    .top-\[-6\.03\%\] {
        top: -6.03%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .top-\[calc\(50\%\+20px\)\] {
        top: calc(50% + 20px)
    }

    .top-\[calc\(50\%-10px\)\] {
        top: calc(50% - 10px)
    }

    .top-\[calc\(50\%_-_2px\)\] {
        top: calc(50% - 2px)
    }

    .top-full {
        top: 100%
    }

    .\!right-0 {
        right: calc(var(--spacing) * 0) !important
    }

    .-right-1 {
        right: calc(var(--spacing) * -1)
    }

    .-right-1\.5 {
        right: calc(var(--spacing) * -1.5)
    }

    .-right-8 {
        right: calc(var(--spacing) * -8)
    }

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

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

    .right-0 {
        right: calc(var(--spacing) * 0)
    }

    .right-1 {
        right: calc(var(--spacing) * 1)
    }

    .right-2 {
        right: calc(var(--spacing) * 2)
    }

    .right-3 {
        right: calc(var(--spacing) * 3)
    }

    .right-4 {
        right: calc(var(--spacing) * 4)
    }

    .right-5 {
        right: calc(var(--spacing) * 5)
    }

    .right-6 {
        right: calc(var(--spacing) * 6)
    }

    .right-7 {
        right: calc(var(--spacing) * 7)
    }

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

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

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

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

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

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

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

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

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

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

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

    .right-\[calc\(var\(--shell-pad-desktop\)\*-1\)\] {
        right: calc(var(--shell-pad-desktop) * -1)
    }

    .right-\[calc\(var\(--shell-pad-mobile\)\*-1\)\] {
        right: calc(var(--shell-pad-mobile) * -1)
    }

    .\!bottom-\[calc\(var\(--bottombar-h\)\+env\(safe-area-inset-bottom\)\)\] {
        bottom: calc(var(--bottombar-h) + env(safe-area-inset-bottom)) !important
    }

    .-bottom-1\.5 {
        bottom: calc(var(--spacing) * -1.5)
    }

    .-bottom-12 {
        bottom: calc(var(--spacing) * -12)
    }

    .bottom-0 {
        bottom: calc(var(--spacing) * 0)
    }

    .bottom-1\/3 {
        bottom: 33.3333%
    }

    .bottom-2 {
        bottom: calc(var(--spacing) * 2)
    }

    .bottom-4 {
        bottom: calc(var(--spacing) * 4)
    }

    .bottom-12 {
        bottom: calc(var(--spacing) * 12)
    }

    .bottom-\[-8\.33\%\] {
        bottom: -8.33%
    }

    .bottom-\[-16px\] {
        bottom: -16px
    }

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

    .bottom-\[23px\] {
        bottom: 23px
    }

    .bottom-\[calc\(env\(safe-area-inset-bottom\)\+1\.25rem\)\] {
        bottom: calc(env(safe-area-inset-bottom) + 1.25rem)
    }

    .bottom-\[calc\(var\(--bottombar-h\)\+env\(safe-area-inset-bottom\)\+24px\)\] {
        bottom: calc(var(--bottombar-h) + env(safe-area-inset-bottom) + 24px)
    }

    .bottom-px {
        bottom: 1px
    }

    .\!left-0 {
        left: calc(var(--spacing) * 0) !important
    }

    .-left-1\.5 {
        left: calc(var(--spacing) * -1.5)
    }

    .-left-6 {
        left: calc(var(--spacing) * -6)
    }

    .-left-\[98px\] {
        left: -98px
    }

    .-left-\[9999px\] {
        left: -9999px
    }

    .-left-px {
        left: -1px
    }

    .left-0 {
        left: calc(var(--spacing) * 0)
    }

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

    .left-1\/12 {
        left: 8.33333%
    }

    .left-2 {
        left: calc(var(--spacing) * 2)
    }

    .left-2\.5 {
        left: calc(var(--spacing) * 2.5)
    }

    .left-3 {
        left: calc(var(--spacing) * 3)
    }

    .left-4 {
        left: calc(var(--spacing) * 4)
    }

    .left-\[-4\.17\%\] {
        left: -4.17%
    }

    .left-\[-21px\] {
        left: -21px
    }

    .left-\[-170px\] {
        left: -170px
    }

    .left-\[10px\] {
        left: 10px
    }

    .left-\[23px\] {
        left: 23px
    }

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

    .left-\[calc\(50\%-23px\)\] {
        left: calc(50% - 23px)
    }

    .isolate {
        isolation: isolate
    }

    .\!z-50 {
        z-index: 50 !important
    }

    .\!z-\[90\] {
        z-index: 90 !important
    }

    .\!z-\[2000\] {
        z-index: 2000 !important
    }

    .z-0 {
        z-index: 0
    }

    .z-1 {
        z-index: 1
    }

    .z-2 {
        z-index: 2
    }

    .z-3 {
        z-index: 3
    }

    .z-10 {
        z-index: 10
    }

    .z-20 {
        z-index: 20
    }

    .z-30 {
        z-index: 30
    }

    .z-40 {
        z-index: 40
    }

    .z-50 {
        z-index: 50
    }

    .z-100 {
        z-index: 100
    }

    .z-2001 {
        z-index: 2001
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-1 {
        order: 1
    }

    .order-2 {
        order: 2
    }

    .order-3 {
        order: 3
    }

    .order-4 {
        order: 4
    }

    .order-5 {
        order: 5
    }

    .order-6 {
        order: 6
    }

    .order-7 {
        order: 7
    }

    .order-8 {
        order: 8
    }

    .order-9 {
        order: 9
    }

    .order-10 {
        order: 10
    }

    .order-11 {
        order: 11
    }

    .order-12 {
        order: 12
    }

    .order-first {
        order: -9999
    }

    .order-last {
        order: 9999
    }

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

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

    .row-span-2 {
        grid-row: span 2/span 2
    }

    .row-start-1 {
        grid-row-start: 1
    }

    .container {
        width: 100%
    }

    @media (min-width:22.5rem) {
        .container {
            max-width: 22.5rem
        }
    }

    @media (min-width:37.5rem) {
        .container {
            max-width: 37.5rem
        }
    }

    @media (min-width:46.5rem) {
        .container {
            max-width: 46.5rem
        }
    }

    @media (min-width:64rem) {
        .container {
            max-width: 64rem
        }
    }

    @media (min-width:80rem) {
        .container {
            max-width: 80rem
        }
    }

    @media (min-width:90rem) {
        .container {
            max-width: 90rem
        }
    }

    @media (min-width:105rem) {
        .container {
            max-width: 105rem
        }
    }

    @media (min-width:120rem) {
        .container {
            max-width: 120rem
        }
    }

    @media (min-width:160rem) {
        .container {
            max-width: 160rem
        }
    }

    .\!m-0 {
        margin: calc(var(--spacing) * 0) !important
    }

    .m-0 {
        margin: calc(var(--spacing) * 0)
    }

    .m-2 {
        margin: calc(var(--spacing) * 2)
    }

    .m-auto {
        margin: auto
    }

    .-mx-1 {
        margin-inline: calc(var(--spacing) * -1)
    }

    .-mx-4 {
        margin-inline: calc(var(--spacing) * -4)
    }

    .-mx-6 {
        margin-inline: calc(var(--spacing) * -6)
    }

    .mx-\(--shell-pad-mobile\) {
        margin-inline: var(--shell-pad-mobile)
    }

    .mx-0 {
        margin-inline: calc(var(--spacing) * 0)
    }

    .mx-1 {
        margin-inline: calc(var(--spacing) * 1)
    }

    .mx-2 {
        margin-inline: calc(var(--spacing) * 2)
    }

    .mx-3 {
        margin-inline: calc(var(--spacing) * 3)
    }

    .mx-3\.5 {
        margin-inline: calc(var(--spacing) * 3.5)
    }

    .mx-4 {
        margin-inline: calc(var(--spacing) * 4)
    }

    .mx-5 {
        margin-inline: calc(var(--spacing) * 5)
    }

    .mx-\[calc\(var\(--shell-pad-mobile\)\*-1\)\] {
        margin-inline: calc(var(--shell-pad-mobile) * -1)
    }

    .mx-auto {
        margin-inline-start: auto;
        margin-inline-end: auto
    }

    .-my-2 {
        margin-block: calc(var(--spacing) * -2)
    }

    .my-0 {
        margin-block: calc(var(--spacing) * 0)
    }

    .my-0\.5 {
        margin-block: calc(var(--spacing) * .5)
    }

    .my-1 {
        margin-block: calc(var(--spacing) * 1)
    }

    .-ms-4 {
        margin-inline-start: calc(var(--spacing) * -4)
    }

    .ms-0 {
        margin-inline-start: calc(var(--spacing) * 0)
    }

    .ms-1 {
        margin-inline-start: calc(var(--spacing) * 1)
    }

    .ms-2 {
        margin-inline-start: calc(var(--spacing) * 2)
    }

    .ms-4 {
        margin-inline-start: calc(var(--spacing) * 4)
    }

    .ms-auto {
        margin-inline-start: auto
    }

    .me-\[calc\(var\(--shell-pad-mobile\)\*-1\)\] {
        margin-inline-end: calc(var(--shell-pad-mobile) * -1)
    }

    .\!mt-0 {
        margin-top: calc(var(--spacing) * 0) !important
    }

    .-mt-1 {
        margin-top: calc(var(--spacing) * -1)
    }

    .-mt-3 {
        margin-top: calc(var(--spacing) * -3)
    }

    .-mt-4 {
        margin-top: calc(var(--spacing) * -4)
    }

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

    .mt-\(--shell-gap\) {
        margin-top: var(--shell-gap)
    }

    .mt-0 {
        margin-top: calc(var(--spacing) * 0)
    }

    .mt-0\.5 {
        margin-top: calc(var(--spacing) * .5)
    }

    .mt-1 {
        margin-top: calc(var(--spacing) * 1)
    }

    .mt-1\.5 {
        margin-top: calc(var(--spacing) * 1.5)
    }

    .mt-2 {
        margin-top: calc(var(--spacing) * 2)
    }

    .mt-2\.5 {
        margin-top: calc(var(--spacing) * 2.5)
    }

    .mt-3 {
        margin-top: calc(var(--spacing) * 3)
    }

    .mt-3\.5 {
        margin-top: calc(var(--spacing) * 3.5)
    }

    .mt-4 {
        margin-top: calc(var(--spacing) * 4)
    }

    .mt-5 {
        margin-top: calc(var(--spacing) * 5)
    }

    .mt-6 {
        margin-top: calc(var(--spacing) * 6)
    }

    .mt-8 {
        margin-top: calc(var(--spacing) * 8)
    }

    .mt-16 {
        margin-top: calc(var(--spacing) * 16)
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .mt-auto {
        margin-top: auto
    }

    .-mr-2 {
        margin-right: calc(var(--spacing) * -2)
    }

    .-mr-3 {
        margin-right: calc(var(--spacing) * -3)
    }

    .mr-0 {
        margin-right: calc(var(--spacing) * 0)
    }

    .mr-1 {
        margin-right: calc(var(--spacing) * 1)
    }

    .mr-2 {
        margin-right: calc(var(--spacing) * 2)
    }

    .mr-3 {
        margin-right: calc(var(--spacing) * 3)
    }

    .-mb-3 {
        margin-bottom: calc(var(--spacing) * -3)
    }

    .mb-0 {
        margin-bottom: calc(var(--spacing) * 0)
    }

    .mb-1 {
        margin-bottom: calc(var(--spacing) * 1)
    }

    .mb-2 {
        margin-bottom: calc(var(--spacing) * 2)
    }

    .mb-3 {
        margin-bottom: calc(var(--spacing) * 3)
    }

    .mb-3\.5 {
        margin-bottom: calc(var(--spacing) * 3.5)
    }

    .mb-4 {
        margin-bottom: calc(var(--spacing) * 4)
    }

    .mb-5 {
        margin-bottom: calc(var(--spacing) * 5)
    }

    .mb-6 {
        margin-bottom: calc(var(--spacing) * 6)
    }

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

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

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

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

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

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

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

    .ml-0 {
        margin-left: calc(var(--spacing) * 0)
    }

    .ml-0\.5 {
        margin-left: calc(var(--spacing) * .5)
    }

    .ml-1 {
        margin-left: calc(var(--spacing) * 1)
    }

    .ml-2 {
        margin-left: calc(var(--spacing) * 2)
    }

    .ml-3 {
        margin-left: calc(var(--spacing) * 3)
    }

    .ml-4 {
        margin-left: calc(var(--spacing) * 4)
    }

    .ml-12 {
        margin-left: calc(var(--spacing) * 12)
    }

    .ml-auto {
        margin-left: auto
    }

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

    .line-clamp-1 {
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .line-clamp-2 {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .line-clamp-3 {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .\[display\:-webkit-box\] {
        display: -webkit-box
    }

    .block {
        display: block
    }

    .block\! {
        display: block !important
    }

    .contents {
        display: contents
    }

    .flex {
        display: flex
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

    .inline {
        display: inline
    }

    .inline-block {
        display: inline-block
    }

    .inline-flex {
        display: inline-flex
    }

    .table {
        display: table
    }

    .table-caption {
        display: table-caption
    }

    .table-cell {
        display: table-cell
    }

    .table-row {
        display: table-row
    }

    .field-sizing-content {
        field-sizing: content
    }

    .aspect-750\/1218 {
        aspect-ratio: 750/1218
    }

    .aspect-\[5\/4\] {
        aspect-ratio: 5/4
    }

    .aspect-\[266\/300\] {
        aspect-ratio: 266/300
    }

    .aspect-\[316\/269\.843\] {
        aspect-ratio: 316/269.843
    }

    .aspect-square {
        aspect-ratio: 1
    }

    .aspect-video {
        aspect-ratio: var(--aspect-video)
    }

    .size-\(--cell-size\) {
        width: var(--cell-size);
        height: var(--cell-size)
    }

    .size-0 {
        width: calc(var(--spacing) * 0);
        height: calc(var(--spacing) * 0)
    }

    .size-1 {
        width: calc(var(--spacing) * 1);
        height: calc(var(--spacing) * 1)
    }

    .size-1\.5 {
        width: calc(var(--spacing) * 1.5);
        height: calc(var(--spacing) * 1.5)
    }

    .size-2 {
        width: calc(var(--spacing) * 2);
        height: calc(var(--spacing) * 2)
    }

    .size-2\.5 {
        width: calc(var(--spacing) * 2.5);
        height: calc(var(--spacing) * 2.5)
    }

    .size-3 {
        width: calc(var(--spacing) * 3);
        height: calc(var(--spacing) * 3)
    }

    .size-3\.5 {
        width: calc(var(--spacing) * 3.5);
        height: calc(var(--spacing) * 3.5)
    }

    .size-4 {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4)
    }

    .size-5 {
        width: calc(var(--spacing) * 5);
        height: calc(var(--spacing) * 5)
    }

    .size-5\.5 {
        width: calc(var(--spacing) * 5.5);
        height: calc(var(--spacing) * 5.5)
    }

    .size-6 {
        width: calc(var(--spacing) * 6);
        height: calc(var(--spacing) * 6)
    }

    .size-7 {
        width: calc(var(--spacing) * 7);
        height: calc(var(--spacing) * 7)
    }

    .size-8 {
        width: calc(var(--spacing) * 8);
        height: calc(var(--spacing) * 8)
    }

    .size-9 {
        width: calc(var(--spacing) * 9);
        height: calc(var(--spacing) * 9)
    }

    .size-10 {
        width: calc(var(--spacing) * 10);
        height: calc(var(--spacing) * 10)
    }

    .size-11 {
        width: calc(var(--spacing) * 11);
        height: calc(var(--spacing) * 11)
    }

    .size-12 {
        width: calc(var(--spacing) * 12);
        height: calc(var(--spacing) * 12)
    }

    .size-14 {
        width: calc(var(--spacing) * 14);
        height: calc(var(--spacing) * 14)
    }

    .size-16 {
        width: calc(var(--spacing) * 16);
        height: calc(var(--spacing) * 16)
    }

    .size-\[6px\] {
        width: 6px;
        height: 6px
    }

    .size-\[10px\] {
        width: 10px;
        height: 10px
    }

    .size-\[13px\] {
        width: 13px;
        height: 13px
    }

    .size-\[16px\] {
        width: 16px;
        height: 16px
    }

    .size-\[17\.5px\] {
        width: 17.5px;
        height: 17.5px
    }

    .size-\[18px\] {
        width: 18px;
        height: 18px
    }

    .size-\[20px\] {
        width: 20px;
        height: 20px
    }

    .size-\[21px\] {
        width: 21px;
        height: 21px
    }

    .size-\[23px\] {
        width: 23px;
        height: 23px
    }

    .size-\[24px\] {
        width: 24px;
        height: 24px
    }

    .size-\[32px\] {
        width: 32px;
        height: 32px
    }

    .size-\[38px\] {
        width: 38px;
        height: 38px
    }

    .size-\[40px\] {
        width: 40px;
        height: 40px
    }

    .size-\[44px\] {
        width: 44px;
        height: 44px
    }

    .size-\[48px\] {
        width: 48px;
        height: 48px
    }

    .size-\[52px\] {
        width: 52px;
        height: 52px
    }

    .size-\[58px\] {
        width: 58px;
        height: 58px
    }

    .size-\[70px\] {
        width: 70px;
        height: 70px
    }

    .size-\[80px\] {
        width: 80px;
        height: 80px
    }

    .size-\[90px\] {
        width: 90px;
        height: 90px
    }

    .size-\[104px\] {
        width: 104px;
        height: 104px
    }

    .size-\[120px\] {
        width: 120px;
        height: 120px
    }

    .size-\[140px\] {
        width: 140px;
        height: 140px
    }

    .size-\[160px\] {
        width: 160px;
        height: 160px
    }

    .size-\[200px\] {
        width: 200px;
        height: 200px
    }

    .size-\[227\.76px\] {
        width: 227.76px;
        height: 227.76px
    }

    .size-fit {
        width: fit-content;
        height: fit-content
    }

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

    .\!h-4 {
        height: calc(var(--spacing) * 4) !important
    }

    .\!h-6 {
        height: calc(var(--spacing) * 6) !important
    }

    .\!h-9 {
        height: calc(var(--spacing) * 9) !important
    }

    .\!h-10 {
        height: calc(var(--spacing) * 10) !important
    }

    .\!h-12 {
        height: calc(var(--spacing) * 12) !important
    }

    .\!h-\[48px\] {
        height: 48px !important
    }

    .\!h-\[100dvh\] {
        height: 100dvh !important
    }

    .\!h-auto {
        height: auto !important
    }

    .h-\(--bits-select-anchor-height\) {
        height: var(--bits-select-anchor-height)
    }

    .h-\(--bottombar-h\) {
        height: var(--bottombar-h)
    }

    .h-\(--cell-size\) {
        height: var(--cell-size)
    }

    .h-\(--header-h-mobile\) {
        height: var(--header-h-mobile)
    }

    .h-0 {
        height: calc(var(--spacing) * 0)
    }

    .h-0\.5 {
        height: calc(var(--spacing) * .5)
    }

    .h-1 {
        height: calc(var(--spacing) * 1)
    }

    .h-1\.5 {
        height: calc(var(--spacing) * 1.5)
    }

    .h-1\/2 {
        height: 50%
    }

    .h-2 {
        height: calc(var(--spacing) * 2)
    }

    .h-2\.5 {
        height: calc(var(--spacing) * 2.5)
    }

    .h-3 {
        height: calc(var(--spacing) * 3)
    }

    .h-3\.5 {
        height: calc(var(--spacing) * 3.5)
    }

    .h-4 {
        height: calc(var(--spacing) * 4)
    }

    .h-5 {
        height: calc(var(--spacing) * 5)
    }

    .h-5\/5 {
        height: 100%
    }

    .h-6 {
        height: calc(var(--spacing) * 6)
    }

    .h-7 {
        height: calc(var(--spacing) * 7)
    }

    .h-8 {
        height: calc(var(--spacing) * 8)
    }

    .h-9 {
        height: calc(var(--spacing) * 9)
    }

    .h-10 {
        height: calc(var(--spacing) * 10)
    }

    .h-11 {
        height: calc(var(--spacing) * 11)
    }

    .h-12 {
        height: calc(var(--spacing) * 12)
    }

    .h-14 {
        height: calc(var(--spacing) * 14)
    }

    .h-16 {
        height: calc(var(--spacing) * 16)
    }

    .h-24 {
        height: calc(var(--spacing) * 24)
    }

    .h-40 {
        height: calc(var(--spacing) * 40)
    }

    .h-44 {
        height: calc(var(--spacing) * 44)
    }

    .h-70\.75 {
        height: calc(var(--spacing) * 70.75)
    }

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

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

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

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

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

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

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

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

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

    .h-\[17\.333px\] {
        height: 17.333px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .h-\[calc\(100\%-1px\)\] {
        height: calc(100% - 1px)
    }

    .h-\[calc\(100\%-1rem\)\] {
        height: calc(100% - 1rem)
    }

    .h-\[calc\(100\%-3px\)\] {
        height: calc(100% - 3px)
    }

    .h-\[calc\(var\(--bottombar-h\)\+env\(safe-area-inset-bottom\)\)\] {
        height: calc(var(--bottombar-h) + env(safe-area-inset-bottom))
    }

    .h-\[min\(78dvh\,680px\)\] {
        height: min(78dvh, 680px)
    }

    .h-\[min\(100\%\,676px\)\] {
        height: min(100%, 676px)
    }

    .h-\[min\(390px\,var\(--bits-popover-content-available-height\)\)\] {
        height: min(390px, var(--bits-popover-content-available-height))
    }

    .h-\[min\(614px\,calc\(100dvh-32px\)\)\] {
        height: min(614px, 100dvh - 32px)
    }

    .h-\[min\(642px\,calc\(100dvh-32px\)\)\] {
        height: min(642px, 100dvh - 32px)
    }

    .h-\[min\(684px\,calc\(100dvh-2rem\)\)\] {
        height: min(684px, 100dvh - 2rem)
    }

    .h-\[var\(--bits-navigation-menu-viewport-height\)\] {
        height: var(--bits-navigation-menu-viewport-height)
    }

    .h-auto {
        height: auto
    }

    .h-dvh {
        height: 100dvh
    }

    .h-fit {
        height: fit-content
    }

    .h-full {
        height: 100%
    }

    .h-px {
        height: 1px
    }

    .h-svh {
        height: 100svh
    }

    .max-h-\(--bits-combobox-content-available-height\) {
        max-height: var(--bits-combobox-content-available-height)
    }

    .max-h-\(--bits-context-menu-content-available-height\) {
        max-height: var(--bits-context-menu-content-available-height)
    }

    .max-h-\(--bits-dropdown-menu-content-available-height\) {
        max-height: var(--bits-dropdown-menu-content-available-height)
    }

    .max-h-\(--bits-popover-content-available-height\) {
        max-height: var(--bits-popover-content-available-height)
    }

    .max-h-\(--bits-select-content-available-height\) {
        max-height: var(--bits-select-content-available-height)
    }

    .max-h-8 {
        max-height: calc(var(--spacing) * 8)
    }

    .max-h-12 {
        max-height: calc(var(--spacing) * 12)
    }

    .max-h-14 {
        max-height: calc(var(--spacing) * 14)
    }

    .max-h-16 {
        max-height: calc(var(--spacing) * 16)
    }

    .max-h-24 {
        max-height: calc(var(--spacing) * 24)
    }

    .max-h-40 {
        max-height: calc(var(--spacing) * 40)
    }

    .max-h-44 {
        max-height: calc(var(--spacing) * 44)
    }

    .max-h-92 {
        max-height: calc(var(--spacing) * 92)
    }

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

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

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

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

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

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

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

    .max-h-\[60dvh\] {
        max-height: 60dvh
    }

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

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

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

    .max-h-\[75\%\] {
        max-height: 75%
    }

    .max-h-\[80vw\] {
        max-height: 80vw
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .max-h-\[calc\(min\(390px\,var\(--bits-popover-content-available-height\)\)-var\(--notifications-scroll-offset\)\)\] {
        max-height: calc(min(390px, var(--bits-popover-content-available-height)) - var(--notifications-scroll-offset))
    }

    .max-h-\[min\(390px\,var\(--bits-popover-content-available-height\)\)\] {
        max-height: min(390px, var(--bits-popover-content-available-height))
    }

    .max-h-\[min\(580px\,calc\(100dvh-9rem\)\)\] {
        max-height: min(580px, 100dvh - 9rem)
    }

    .max-h-\[min\(647px\,calc\(100dvh-2rem\)\)\] {
        max-height: min(647px, 100dvh - 2rem)
    }

    .max-h-dvh {
        max-height: 100dvh
    }

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

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

    .min-h-0 {
        min-height: calc(var(--spacing) * 0)
    }

    .min-h-1\.5 {
        min-height: calc(var(--spacing) * 1.5)
    }

    .min-h-4 {
        min-height: calc(var(--spacing) * 4)
    }

    .min-h-8 {
        min-height: calc(var(--spacing) * 8)
    }

    .min-h-9 {
        min-height: calc(var(--spacing) * 9)
    }

    .min-h-12 {
        min-height: calc(var(--spacing) * 12)
    }

    .min-h-16 {
        min-height: calc(var(--spacing) * 16)
    }

    .min-h-18 {
        min-height: calc(var(--spacing) * 18)
    }

    .min-h-24 {
        min-height: calc(var(--spacing) * 24)
    }

    .min-h-40 {
        min-height: calc(var(--spacing) * 40)
    }

    .min-h-102\.75 {
        min-height: calc(var(--spacing) * 102.75)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .min-h-\[100dvh\] {
        min-height: 100dvh
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .min-h-\[calc\(100dvh-var\(--header-h-mobile\)\+1px\)\] {
        min-height: calc(100dvh - var(--header-h-mobile) + 1px)
    }

    .min-h-dvh {
        min-height: 100dvh
    }

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

    .min-h-svh {
        min-height: 100svh
    }

    .\!w-4 {
        width: calc(var(--spacing) * 4) !important
    }

    .\!w-\[100dvw\] {
        width: 100dvw !important
    }

    .\!w-\[932px\] {
        width: 932px !important
    }

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

    .w-\(--bits-combobox-anchor-width\) {
        width: var(--bits-combobox-anchor-width)
    }

    .w-\(--bits-select-anchor-width\) {
        width: var(--bits-select-anchor-width)
    }

    .w-\(--cell-size\) {
        width: var(--cell-size)
    }

    .w-\(--sidebar-w-collapsed\) {
        width: var(--sidebar-w-collapsed)
    }

    .w-\(--sidebar-w-expanded\) {
        width: var(--sidebar-w-expanded)
    }

    .w-\(--sidebar-width\) {
        width: var(--sidebar-width)
    }

    .w-0 {
        width: calc(var(--spacing) * 0)
    }

    .w-0\.5 {
        width: calc(var(--spacing) * .5)
    }

    .w-1 {
        width: calc(var(--spacing) * 1)
    }

    .w-1\.5 {
        width: calc(var(--spacing) * 1.5)
    }

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

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

    .w-1\/5 {
        width: 20%
    }

    .w-2 {
        width: calc(var(--spacing) * 2)
    }

    .w-2\.5 {
        width: calc(var(--spacing) * 2.5)
    }

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

    .w-2\/5 {
        width: 40%
    }

    .w-3 {
        width: calc(var(--spacing) * 3)
    }

    .w-3\.5 {
        width: calc(var(--spacing) * 3.5)
    }

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

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

    .w-4 {
        width: calc(var(--spacing) * 4)
    }

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

    .w-5 {
        width: calc(var(--spacing) * 5)
    }

    .w-5\/5 {
        width: 100%
    }

    .w-6 {
        width: calc(var(--spacing) * 6)
    }

    .w-7 {
        width: calc(var(--spacing) * 7)
    }

    .w-8 {
        width: calc(var(--spacing) * 8)
    }

    .w-8\/12 {
        width: 66.6667%
    }

    .w-9 {
        width: calc(var(--spacing) * 9)
    }

    .w-9\/12 {
        width: 75%
    }

    .w-10 {
        width: calc(var(--spacing) * 10)
    }

    .w-10\/12 {
        width: 83.3333%
    }

    .w-11 {
        width: calc(var(--spacing) * 11)
    }

    .w-11\/12 {
        width: 91.6667%
    }

    .w-12 {
        width: calc(var(--spacing) * 12)
    }

    .w-16 {
        width: calc(var(--spacing) * 16)
    }

    .w-36 {
        width: calc(var(--spacing) * 36)
    }

    .w-44 {
        width: calc(var(--spacing) * 44)
    }

    .w-64 {
        width: calc(var(--spacing) * 64)
    }

    .w-72 {
        width: calc(var(--spacing) * 72)
    }

    .w-95\.5 {
        width: calc(var(--spacing) * 95.5)
    }

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

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

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

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

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

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

    .w-\[25\.86px\] {
        width: 25.86px
    }

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

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

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

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

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

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

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

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

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

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

    .w-\[47\.3\%\] {
        width: 47.3%
    }

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

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

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

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

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

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

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

    .w-\[76\.97\%\] {
        width: 76.97%
    }

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

    .w-\[79\.2\%\] {
        width: 79.2%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .w-\[calc\(58\%-48px\)\] {
        width: calc(58% - 48px)
    }

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

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

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

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

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

    .w-\[calc\(100dvw-52px\)\] {
        width: calc(100dvw - 52px)
    }

    .w-\[calc\(100vw-2rem\)\] {
        width: calc(100vw - 2rem)
    }

    .w-\[calc\(200\%\+74px\)\] {
        width: calc(200% + 74px)
    }

    .w-\[min\(66vw\,218px\)\] {
        width: min(66vw, 218px)
    }

    .w-\[min\(90vw\,316px\)\] {
        width: min(90vw, 316px)
    }

    .w-\[min\(90vw\,420px\)\] {
        width: min(90vw, 420px)
    }

    .w-\[min\(92vw\,360px\)\] {
        width: min(92vw, 360px)
    }

    .w-\[min\(92vw\,420px\)\] {
        width: min(92vw, 420px)
    }

    .w-\[min\(100\%\,400px\)\] {
        width: min(100%, 400px)
    }

    .w-\[min\(249px\,calc\(100vw-24px\)\)\] {
        width: min(249px, 100vw - 24px)
    }

    .w-\[min\(360px\,calc\(100vw-24px\)\)\] {
        width: min(360px, 100vw - 24px)
    }

    .w-\[min\(520px\,calc\(100vw-24px\)\)\] {
        width: min(520px, 100vw - 24px)
    }

    .w-\[var\(--rest-item-width\)\] {
        width: var(--rest-item-width)
    }

    .w-auto {
        width: auto
    }

    .w-dvw {
        width: 100dvw
    }

    .w-fit {
        width: fit-content
    }

    .w-full {
        width: 100%
    }

    .w-max {
        width: max-content
    }

    .w-min {
        width: min-content
    }

    .w-px {
        width: 1px
    }

    .\!max-w-none {
        max-width: none !important
    }

    .max-w-\(--skeleton-width\) {
        max-width: var(--skeleton-width)
    }

    .max-w-0 {
        max-width: calc(var(--spacing) * 0)
    }

    .max-w-2xl {
        max-width: var(--container-2xl)
    }

    .max-w-3xl {
        max-width: var(--container-3xl)
    }

    .max-w-4xl {
        max-width: var(--container-4xl)
    }

    .max-w-6xl {
        max-width: var(--container-6xl)
    }

    .max-w-56 {
        max-width: calc(var(--spacing) * 56)
    }

    .max-w-86 {
        max-width: calc(var(--spacing) * 86)
    }

    .max-w-280 {
        max-width: calc(var(--spacing) * 280)
    }

    .max-w-284\.5 {
        max-width: calc(var(--spacing) * 284.5)
    }

    .max-w-\[48\%\] {
        max-width: 48%
    }

    .max-w-\[50\%\] {
        max-width: 50%
    }

    .max-w-\[60\%\] {
        max-width: 60%
    }

    .max-w-\[67\%\] {
        max-width: 67%
    }

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

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

    .max-w-\[92vw\] {
        max-width: 92vw
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .max-w-\[195px\]\! {
        max-width: 195px !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .max-w-\[400px\]\! {
        max-width: 400px !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .max-w-\[calc\(100\%-2rem\)\] {
        max-width: calc(100% - 2rem)
    }

    .max-w-\[calc\(100\%_-_32px\)\] {
        max-width: calc(100% - 32px)
    }

    .max-w-\[calc\(100vw-2rem\)\] {
        max-width: calc(100vw - 2rem)
    }

    .max-w-\[min\(90vw\,320px\)\] {
        max-width: min(90vw, 320px)
    }

    .max-w-\[min\(90vw\,420px\)\] {
        max-width: min(90vw, 420px)
    }

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

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

    .max-w-md {
        max-width: var(--container-md)
    }

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

    .max-w-sm {
        max-width: var(--container-sm)
    }

    .\!min-w-\[102px\] {
        min-width: 102px !important
    }

    .min-w-\(--bits-select-anchor-width\) {
        min-width: var(--bits-select-anchor-width)
    }

    .min-w-0 {
        min-width: calc(var(--spacing) * 0)
    }

    .min-w-1\.5 {
        min-width: calc(var(--spacing) * 1.5)
    }

    .min-w-4 {
        min-width: calc(var(--spacing) * 4)
    }

    .min-w-5 {
        min-width: calc(var(--spacing) * 5)
    }

    .min-w-8 {
        min-width: calc(var(--spacing) * 8)
    }

    .min-w-9 {
        min-width: calc(var(--spacing) * 9)
    }

    .min-w-10 {
        min-width: calc(var(--spacing) * 10)
    }

    .min-w-11 {
        min-width: calc(var(--spacing) * 11)
    }

    .min-w-12 {
        min-width: calc(var(--spacing) * 12)
    }

    .min-w-32 {
        min-width: calc(var(--spacing) * 32)
    }

    .min-w-\[2ch\] {
        min-width: 2ch
    }

    .min-w-\[4ch\] {
        min-width: 4ch
    }

    .min-w-\[8rem\] {
        min-width: 8rem
    }

    .min-w-\[9rem\] {
        min-width: 9rem
    }

    .min-w-\[12rem\] {
        min-width: 12rem
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .min-w-\[calc\(100\%\*2\)\] {
        min-width: 200%
    }

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

    .flex-1,
    .flex-\[1_1_0\%\] {
        flex: 1
    }

    .flex-auto {
        flex: auto
    }

    .flex-none {
        flex: none
    }

    .shrink {
        flex-shrink: 1
    }

    .shrink-0 {
        flex-shrink: 0
    }

    .grow {
        flex-grow: 1
    }

    .grow-0 {
        flex-grow: 0
    }

    .grow-1 {
        flex-grow: 1
    }

    .basis-0 {
        flex-basis: calc(var(--spacing) * 0)
    }

    .basis-\[25\%\] {
        flex-basis: 25%
    }

    .basis-\[75\%\] {
        flex-basis: 75%
    }

    .basis-\[calc\(100\%-32px\)\] {
        flex-basis: calc(100% - 32px)
    }

    .basis-\[calc\(286px\+var\(--shell-pad-mobile\)\)\] {
        flex-basis: calc(286px + var(--shell-pad-mobile))
    }

    .basis-full {
        flex-basis: 100%
    }

    .table-fixed {
        table-layout: fixed
    }

    .caption-bottom {
        caption-side: bottom
    }

    .border-collapse {
        border-collapse: collapse
    }

    .border-separate {
        border-collapse: separate
    }

    .border-spacing-x-0 {
        --tw-border-spacing-x: calc(var(--spacing) * 0);
        border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
    }

    .border-spacing-y-3 {
        --tw-border-spacing-y: calc(var(--spacing) * 3);
        border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
    }

    .border-spacing-y-4 {
        --tw-border-spacing-y: calc(var(--spacing) * 4);
        border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
    }

    .origin-\(--bits-context-menu-content-transform-origin\) {
        transform-origin: var(--bits-context-menu-content-transform-origin)
    }

    .origin-\(--bits-dropdown-menu-content-transform-origin\) {
        transform-origin: var(--bits-dropdown-menu-content-transform-origin)
    }

    .origin-\(--bits-menubar-content-transform-origin\) {
        transform-origin: var(--bits-menubar-content-transform-origin)
    }

    .origin-\(--bits-popover-content-transform-origin\) {
        transform-origin: var(--bits-popover-content-transform-origin)
    }

    .origin-\(--bits-select-content-transform-origin\) {
        transform-origin: var(--bits-select-content-transform-origin)
    }

    .origin-\(--bits-tooltip-content-transform-origin\) {
        transform-origin: var(--bits-tooltip-content-transform-origin)
    }

    .origin-left {
        transform-origin: 0
    }

    .\!translate-x-0 {
        --tw-translate-x: calc(var(--spacing) * 0) !important;
        translate: var(--tw-translate-x) var(--tw-translate-y) !important
    }

    .-translate-x-1\/2 {
        --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .-translate-x-px {
        --tw-translate-x: -1px;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-x-0 {
        --tw-translate-x: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-x-\[-50\%\] {
        --tw-translate-x: -50%;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-x-\[40\%\] {
        --tw-translate-x: 40%;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-x-px {
        --tw-translate-x: 1px;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .\!translate-y-0 {
        --tw-translate-y: calc(var(--spacing) * 0) !important;
        translate: var(--tw-translate-x) var(--tw-translate-y) !important
    }

    .-translate-y-1 {
        --tw-translate-y: calc(var(--spacing) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .-translate-y-1\/2 {
        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-y-0 {
        --tw-translate-y: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-y-2 {
        --tw-translate-y: calc(var(--spacing) * 2);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-y-\[-50\%\] {
        --tw-translate-y: -50%;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .scale-100 {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .scale-105 {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .scale-\[0\.857\] {
        scale: .857
    }

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

    .rotate-45 {
        rotate: 45deg
    }

    .rotate-90 {
        rotate: 90deg
    }

    .rotate-180 {
        rotate: 180deg
    }

    .rotate-\[-28\.77deg\] {
        rotate: -28.77deg
    }

    .transform {
        transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )
    }

    .animate-caret-blink {
        animation: 1.25s ease-out infinite caret-blink
    }

    .animate-in {
        animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none)
    }

    .animate-pulse {
        animation: var(--animate-pulse)
    }

    .animate-spin {
        animation: var(--animate-spin)
    }

    .cursor-default {
        cursor: default
    }

    .cursor-grab {
        cursor: grab
    }

    .cursor-grabbing {
        cursor: grabbing
    }

    .cursor-nesw-resize {
        cursor: nesw-resize
    }

    .cursor-not-allowed {
        cursor: not-allowed
    }

    .cursor-pointer {
        cursor: pointer
    }

    .cursor-text {
        cursor: text
    }

    .cursor-wait {
        cursor: wait
    }

    .touch-pan-x {
        --tw-pan-x: pan-x;
        touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, )
    }

    .touch-manipulation {
        touch-action: manipulation
    }

    .touch-none {
        touch-action: none
    }

    .resize {
        resize: both
    }

    .resize-none {
        resize: none
    }

    .scroll-my-1 {
        scroll-margin-block: calc(var(--spacing) * 1)
    }

    .scroll-py-1 {
        scroll-padding-block: calc(var(--spacing) * 1)
    }

    .list-decimal {
        list-style-type: decimal
    }

    .list-disc {
        list-style-type: disc
    }

    .list-none {
        list-style-type: none
    }

    .\[appearance\:textfield\] {
        -webkit-appearance: textfield;
        appearance: textfield
    }

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

    .auto-rows-min {
        grid-auto-rows: min-content
    }

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

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

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

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

    .grid-cols-\[0_1fr\] {
        grid-template-columns: 0 1fr
    }

    .grid-cols-\[1fr_1fr\] {
        grid-template-columns: 1fr 1fr
    }

    .grid-cols-\[20px_minmax\(0\,1fr\)_20px\] {
        grid-template-columns: 20px minmax(0, 1fr) 20px
    }

    .grid-cols-\[40px_minmax\(0\,0\.75fr\)_72px_minmax\(0\,1\.25fr\)\] {
        grid-template-columns: 40px minmax(0, .75fr) 72px minmax(0, 1.25fr)
    }

    .grid-cols-\[72px_minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
        grid-template-columns: 72px minmax(0, 1fr) minmax(0, 1fr)
    }

    .grid-cols-\[120px_156px_150px_minmax\(0\,1fr\)\] {
        grid-template-columns: 120px 156px 150px minmax(0, 1fr)
    }

    .grid-cols-\[120px_156px_150px_minmax\(0\,1fr\)_48px\] {
        grid-template-columns: 120px 156px 150px minmax(0, 1fr) 48px
    }

    .grid-cols-\[136px_minmax\(0\,1fr\)_48px\] {
        grid-template-columns: 136px minmax(0, 1fr) 48px
    }

    .grid-cols-\[150px_180px_140px_minmax\(0\,1fr\)\] {
        grid-template-columns: 150px 180px 140px minmax(0, 1fr)
    }

    .grid-cols-\[158px_164px_minmax\(0\,1fr\)\] {
        grid-template-columns: 158px 164px minmax(0, 1fr)
    }

    .grid-cols-\[228px_minmax\(0\,1fr\)\] {
        grid-template-columns: 228px minmax(0, 1fr)
    }

    .grid-cols-\[auto_auto_1fr_48px\] {
        grid-template-columns: auto auto 1fr 48px
    }

    .grid-cols-\[auto_minmax\(0\,1fr\)_auto_3rem\] {
        grid-template-columns: auto minmax(0, 1fr) auto 3rem
    }

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

    .grid-cols-\[minmax\(0\,1fr\)_48px\] {
        grid-template-columns: minmax(0, 1fr) 48px
    }

    .grid-cols-\[minmax\(0\,1fr\)_252px\] {
        grid-template-columns: minmax(0, 1fr) 252px
    }

    .grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\] {
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr)
    }

    .grid-cols-\[minmax\(0\,208px\)_minmax\(min-content\,1fr\)_1fr_1fr\] {
        grid-template-columns: minmax(0, 208px) minmax(min-content, 1fr) 1fr 1fr
    }

    .grid-cols-\[minmax\(0\,320px\)_64px_minmax\(55px\,1fr\)\] {
        grid-template-columns: minmax(0, 320px) 64px minmax(55px, 1fr)
    }

    .grid-cols-\[minmax\(0\,320px\)_minmax\(55px\,1fr\)\] {
        grid-template-columns: minmax(0, 320px) minmax(55px, 1fr)
    }

    .grid-cols-subgrid {
        grid-template-columns: subgrid
    }

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

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

    .grid-rows-\[auto_1fr\] {
        grid-template-rows: auto 1fr
    }

    .grid-rows-\[auto_auto\] {
        grid-template-rows: auto auto
    }

    .grid-rows-\[auto_auto_1fr\] {
        grid-template-rows: auto auto 1fr
    }

    .flex-col {
        flex-direction: column
    }

    .flex-col-reverse {
        flex-direction: column-reverse
    }

    .flex-row {
        flex-direction: row
    }

    .flex-nowrap {
        flex-wrap: nowrap
    }

    .flex-wrap {
        flex-wrap: wrap
    }

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

    .items-baseline {
        align-items: baseline
    }

    .items-center {
        align-items: center
    }

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

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

    .items-stretch {
        align-items: stretch
    }

    .\!justify-between {
        justify-content: space-between !important
    }

    .\!justify-center {
        justify-content: center !important
    }

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

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

    .justify-center {
        justify-content: center
    }

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

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

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

    .justify-items-start {
        justify-items: start
    }

    .\!gap-0 {
        gap: calc(var(--spacing) * 0) !important
    }

    .\!gap-2 {
        gap: calc(var(--spacing) * 2) !important
    }

    .\!gap-3 {
        gap: calc(var(--spacing) * 3) !important
    }

    .gap-0 {
        gap: calc(var(--spacing) * 0)
    }

    .gap-0\.5 {
        gap: calc(var(--spacing) * .5)
    }

    .gap-1 {
        gap: calc(var(--spacing) * 1)
    }

    .gap-1\.5 {
        gap: calc(var(--spacing) * 1.5)
    }

    .gap-2 {
        gap: calc(var(--spacing) * 2)
    }

    .gap-2\.5 {
        gap: calc(var(--spacing) * 2.5)
    }

    .gap-3 {
        gap: calc(var(--spacing) * 3)
    }

    .gap-3\.5 {
        gap: calc(var(--spacing) * 3.5)
    }

    .gap-4 {
        gap: calc(var(--spacing) * 4)
    }

    .gap-5 {
        gap: calc(var(--spacing) * 5)
    }

    .gap-6 {
        gap: calc(var(--spacing) * 6)
    }

    .gap-7 {
        gap: calc(var(--spacing) * 7)
    }

    .gap-8 {
        gap: calc(var(--spacing) * 8)
    }

    .gap-10 {
        gap: calc(var(--spacing) * 10)
    }

    .gap-12 {
        gap: calc(var(--spacing) * 12)
    }

    .gap-14 {
        gap: calc(var(--spacing) * 14)
    }

    .gap-\[--spacing\(var\(--gap\)\)\] {
        gap: calc(var(--spacing) * var(--gap))
    }

    .gap-\[2\.333px\] {
        gap: 2.333px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .gap-\[var\(--rest-item-gap\)\] {
        gap: var(--rest-item-gap)
    }

    :where(.space-y-0>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-0\.5>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-1>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-1\.5>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-2>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-3>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-4>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-5>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-6>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-8>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-\[16px\]>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(16px * var(--tw-space-y-reverse));
        margin-block-end: calc(16px * calc(1 - var(--tw-space-y-reverse)))
    }

    .gap-x-3 {
        column-gap: calc(var(--spacing) * 3)
    }

    .gap-x-4 {
        column-gap: calc(var(--spacing) * 4)
    }

    .gap-x-6 {
        column-gap: calc(var(--spacing) * 6)
    }

    .gap-y-0 {
        row-gap: calc(var(--spacing) * 0)
    }

    .gap-y-0\.5 {
        row-gap: calc(var(--spacing) * .5)
    }

    .gap-y-1 {
        row-gap: calc(var(--spacing) * 1)
    }

    .gap-y-2 {
        row-gap: calc(var(--spacing) * 2)
    }

    .gap-y-3 {
        row-gap: calc(var(--spacing) * 3)
    }

    .gap-y-4 {
        row-gap: calc(var(--spacing) * 4)
    }

    .gap-y-6 {
        row-gap: calc(var(--spacing) * 6)
    }

    .gap-y-8 {
        row-gap: calc(var(--spacing) * 8)
    }

    .gap-y-14 {
        row-gap: calc(var(--spacing) * 14)
    }

    :where(.divide-y>:not(:last-child)) {
        --tw-divide-y-reverse: 0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(1px * var(--tw-divide-y-reverse));
        border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)))
    }

    :where(.divide-border>:not(:last-child)) {
        border-color: var(--border)
    }

    .self-center {
        align-self: center
    }

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

    .self-stretch {
        align-self: stretch
    }

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

    .truncate {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .overflow-auto {
        overflow: auto
    }

    .overflow-clip {
        overflow: clip
    }

    .overflow-hidden {
        overflow: hidden
    }

    .overflow-visible {
        overflow: visible
    }

    .overflow-x-auto {
        overflow-x: auto
    }

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

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

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

    .overscroll-contain {
        overscroll-behavior: contain
    }

    .overscroll-none {
        overscroll-behavior: none
    }

    .overscroll-y-contain {
        overscroll-behavior-y: contain
    }

    .\!rounded-2xl {
        border-radius: var(--radius-2xl) !important
    }

    .\!rounded-\[32px\] {
        border-radius: 32px !important
    }

    .\!rounded-\[50px\] {
        border-radius: 50px !important
    }

    .\!rounded-lg {
        border-radius: var(--radius-lg) !important
    }

    .\!rounded-none {
        border-radius: 0 !important
    }

    .\!rounded-xs {
        border-radius: var(--radius-xs) !important
    }

    .\[border-radius\:inherit\] {
        border-radius: inherit
    }

    .rounded {
        border-radius: .25rem
    }

    .rounded-\(--radius\) {
        border-radius: var(--radius)
    }

    .rounded-2xl {
        border-radius: var(--radius-2xl)
    }

    .rounded-3xl {
        border-radius: var(--radius-3xl)
    }

    .rounded-4xl {
        border-radius: var(--radius-4xl)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .rounded-\[calc\(var\(--radius\)-1px\)\] {
        border-radius: calc(var(--radius) - 1px)
    }

    .rounded-\[calc\(var\(--radius\)-5px\)\] {
        border-radius: calc(var(--radius) - 5px)
    }

    .rounded-\[inherit\] {
        border-radius: inherit
    }

    .rounded-full {
        border-radius: 3.40282e38px
    }

    .rounded-lg {
        border-radius: var(--radius-lg)
    }

    .rounded-md {
        border-radius: var(--radius-md)
    }

    .rounded-none {
        border-radius: 0
    }

    .rounded-sm {
        border-radius: var(--radius-sm)
    }

    .rounded-xl {
        border-radius: var(--radius-xl)
    }

    .rounded-xs {
        border-radius: var(--radius-xs)
    }

    .rounded-t-2xl {
        border-top-left-radius: var(--radius-2xl);
        border-top-right-radius: var(--radius-2xl)
    }

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

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

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

    .rounded-t-none {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .rounded-l-2xl {
        border-top-left-radius: var(--radius-2xl);
        border-bottom-left-radius: var(--radius-2xl)
    }

    .rounded-tl-2xl {
        border-top-left-radius: var(--radius-2xl)
    }

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

    .rounded-tl-\[var\(--radius\)\] {
        border-top-left-radius: var(--radius)
    }

    .rounded-r-2xl {
        border-top-right-radius: var(--radius-2xl);
        border-bottom-right-radius: var(--radius-2xl)
    }

    .rounded-r-none {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .rounded-tr-2xl {
        border-top-right-radius: var(--radius-2xl)
    }

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

    .rounded-tr-\[var\(--radius\)\] {
        border-top-right-radius: var(--radius)
    }

    .rounded-b-2xl {
        border-bottom-right-radius: var(--radius-2xl);
        border-bottom-left-radius: var(--radius-2xl)
    }

    .rounded-b-\[15px\] {
        border-bottom-right-radius: 15px;
        border-bottom-left-radius: 15px
    }

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

    .rounded-b-lg {
        border-bottom-right-radius: var(--radius-lg);
        border-bottom-left-radius: var(--radius-lg)
    }

    .rounded-b-none {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .rounded-br-2xl {
        border-bottom-right-radius: var(--radius-2xl)
    }

    .rounded-br-lg {
        border-bottom-right-radius: var(--radius-lg)
    }

    .rounded-br-none {
        border-bottom-right-radius: 0
    }

    .rounded-bl-2xl {
        border-bottom-left-radius: var(--radius-2xl)
    }

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

    .rounded-bl-\[24px\] {
        border-bottom-left-radius: 24px
    }

    .rounded-bl-lg {
        border-bottom-left-radius: var(--radius-lg)
    }

    .rounded-bl-none {
        border-bottom-left-radius: 0
    }

    .\!border {
        border-style: var(--tw-border-style) !important;
        border-width: 1px !important
    }

    .\!border-0 {
        border-style: var(--tw-border-style) !important;
        border-width: 0 !important
    }

    .border {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .border-0 {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .border-2 {
        border-style: var(--tw-border-style);
        border-width: 2px
    }

    .border-\[1\.5px\] {
        border-style: var(--tw-border-style);
        border-width: 1.5px
    }

    .border-\[1px\] {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .border-\[2px\] {
        border-style: var(--tw-border-style);
        border-width: 2px
    }

    .border-\[6px\] {
        border-style: var(--tw-border-style);
        border-width: 6px
    }

    .border-s {
        border-inline-start-style: var(--tw-border-style);
        border-inline-start-width: 1px
    }

    .border-e {
        border-inline-end-style: var(--tw-border-style);
        border-inline-end-width: 1px
    }

    .border-t {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px
    }

    .border-b {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .border-b-2 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 2px
    }

    .\!border-none {
        --tw-border-style: none !important;
        border-style: none !important
    }

    .border-dashed {
        --tw-border-style: dashed;
        border-style: dashed
    }

    .border-none {
        --tw-border-style: none;
        border-style: none
    }

    .border-none\! {
        --tw-border-style: none !important;
        border-style: none !important
    }

    .\!border-\(--outline-1\) {
        border-color: var(--outline-1) !important
    }

    .\!border-transparent {
        border-color: #0000 !important
    }

    .border-\(--color-border\) {
        border-color: var(--color-border)
    }

    .border-\(--destructive\),
    .border-\(--destructive\)\/40 {
        border-color: var(--destructive)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-\(--destructive\)\/40 {
            border-color: color-mix(in oklab, var(--destructive) 40%, transparent)
        }
    }

    .border-\(--gradient-primary-start\) {
        border-color: var(--gradient-primary-start)
    }

    .border-\(--outline-1\) {
        border-color: var(--outline-1)
    }

    .border-\(--outline-card\) {
        border-color: var(--outline-card)
    }

    .border-\(--secondary-green-light\) {
        border-color: var(--secondary-green-light)
    }

    .border-\(--surface-300\) {
        border-color: var(--surface-300)
    }

    .border-\(--surface-500\) {
        border-color: var(--surface-500)
    }

    .border-\(--warning\)\/40 {
        border-color: var(--warning)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-\(--warning\)\/40 {
            border-color: color-mix(in oklab, var(--warning) 40%, transparent)
        }
    }

    .border-\[\#26262B\] {
        border-color: #26262b
    }

    .border-\[\#367943\] {
        border-color: #367943
    }

    .border-\[rgba\(255\,234\,184\,0\.4\)\] {
        border-color: #ffeab866
    }

    .border-black\/15 {
        border-color: #00000026
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-black\/15 {
            border-color: color-mix(in oklab, var(--color-black) 15%, transparent)
        }
    }

    .border-border,
    .border-border\/30 {
        border-color: var(--border)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-border\/30 {
            border-color: color-mix(in oklab, var(--border) 30%, transparent)
        }
    }

    .border-border\/50 {
        border-color: var(--border)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-border\/50 {
            border-color: color-mix(in oklab, var(--border) 50%, transparent)
        }
    }

    .border-destructive,
    .border-destructive\/30 {
        border-color: var(--destructive)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-destructive\/30 {
            border-color: color-mix(in oklab, var(--destructive) 30%, transparent)
        }
    }

    .border-info {
        border-color: var(--info)
    }

    .border-input {
        border-color: var(--input)
    }

    .border-muted {
        border-color: var(--muted)
    }

    .border-muted-foreground {
        border-color: var(--muted-foreground)
    }

    .border-popover {
        border-color: var(--popover)
    }

    .border-primary,
    .border-primary\/45 {
        border-color: var(--primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-primary\/45 {
            border-color: color-mix(in oklab, var(--primary) 45%, transparent)
        }
    }

    .border-secondary {
        border-color: var(--secondary)
    }

    .border-sidebar-border {
        border-color: var(--sidebar-border)
    }

    .border-success {
        border-color: var(--success)
    }

    .border-surface-100 {
        border-color: var(--surface-100)
    }

    .border-surface-300 {
        border-color: var(--surface-300)
    }

    .border-surface-400 {
        border-color: var(--surface-400)
    }

    .border-surface-500 {
        border-color: var(--surface-500)
    }

    .border-transparent {
        border-color: #0000
    }

    .border-zinc-700\/50 {
        border-color: #3f3f4680
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-zinc-700\/50 {
            border-color: color-mix(in oklab, var(--color-zinc-700) 50%, transparent)
        }
    }

    .border-s-transparent {
        border-inline-start-color: #0000
    }

    .border-t-transparent {
        border-top-color: #0000
    }

    .\!bg-background {
        background-color: var(--background) !important
    }

    .\!bg-card {
        background-color: var(--card) !important
    }

    .\!bg-muted {
        background-color: var(--muted) !important
    }

    .\!bg-popover {
        background-color: var(--popover) !important
    }

    .\!bg-surface-300 {
        background-color: var(--surface-300) !important
    }

    .\!bg-surface-400 {
        background-color: var(--surface-400) !important
    }

    .\!bg-transparent {
        background-color: #0000 !important
    }

    .bg-\(--additional-purple\) {
        background-color: var(--additional-purple)
    }

    .bg-\(--bonus-cashback-tile-overlay\) {
        background-color: var(--bonus-cashback-tile-overlay)
    }

    .bg-\(--border\) {
        background-color: var(--border)
    }

    .bg-\(--color-bg\) {
        background-color: var(--color-bg)
    }

    .bg-\(--destructive\),
    .bg-\(--destructive\)\/10 {
        background-color: var(--destructive)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-\(--destructive\)\/10 {
            background-color: color-mix(in oklab, var(--destructive) 10%, transparent)
        }
    }

    .bg-\(--info\) {
        background-color: var(--info)
    }

    .bg-\(--secondary-green\) {
        background-color: var(--secondary-green)
    }

    .bg-\(--secondary-green-light\),
    .bg-\(--secondary-green-light\)\/20 {
        background-color: var(--secondary-green-light)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-\(--secondary-green-light\)\/20 {
            background-color: color-mix(in oklab, var(--secondary-green-light) 20%, transparent)
        }
    }

    .bg-\(--success\),
    .bg-\(--success\)\/15 {
        background-color: var(--success)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-\(--success\)\/15 {
            background-color: color-mix(in oklab, var(--success) 15%, transparent)
        }
    }

    .bg-\(--surface-100\,\#121214\) {
        background-color: var(--surface-100, #121214)
    }

    .bg-\(--surface-300\) {
        background-color: var(--surface-300)
    }

    .bg-\(--warning\),
    .bg-\(--warning\)\/10 {
        background-color: var(--warning)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-\(--warning\)\/10 {
            background-color: color-mix(in oklab, var(--warning) 10%, transparent)
        }
    }

    .bg-\(--warning\)\/15 {
        background-color: var(--warning)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-\(--warning\)\/15 {
            background-color: color-mix(in oklab, var(--warning) 15%, transparent)
        }
    }

    .bg-\[\#0A0A1A\]\/80 {
        background-color: #0a0a1acc;
        background-color: color(display-p3 .0392157 .0392159 .0977497/.8);
        background-color: lab(3.14119% 2.49241 -9.12978/.8)
    }

    .bg-\[\#0D0D21\] {
        background-color: #0d0d21
    }

    .bg-\[\#0FC36F26\] {
        background-color: #0fc36f26
    }

    .bg-\[\#1C413066\] {
        background-color: #1c413066
    }

    .bg-\[\#1D1D21\] {
        background-color: #1d1d21
    }

    .bg-\[\#9D4112\] {
        background-color: #9d4112
    }

    .bg-\[\#38BCE5\] {
        background-color: #38bce5
    }

    .bg-\[\#43BA5A26\] {
        background-color: #43ba5a26
    }

    .bg-\[\#00000099\] {
        background-color: #0009
    }

    .bg-\[\#362D21\] {
        background-color: #362d21
    }

    .bg-\[\#543D26\] {
        background-color: #543d26
    }

    .bg-\[\#698fff1a\] {
        background-color: #698fff1a
    }

    .bg-\[\#17171A\] {
        background-color: #17171a
    }

    .bg-\[\#20263A\] {
        background-color: #20263a
    }

    .bg-\[\#121214\] {
        background-color: #121214
    }

    .bg-\[\#151538\] {
        background-color: #151538
    }

    .bg-\[\#313187\] {
        background-color: #313187
    }

    .bg-\[\#342812B2\] {
        background-color: #342812b2
    }

    .bg-\[\#36794333\] {
        background-color: #36794333
    }

    .bg-\[\#C5C4C8\] {
        background-color: #c5c4c8
    }

    .bg-\[\#CCA14429\] {
        background-color: #cca14429
    }

    .bg-\[\#F84F00\] {
        background-color: #f84f00
    }

    .bg-\[\#FCC855\] {
        background-color: #fcc855
    }

    .bg-\[\#FFAF46\] {
        background-color: #ffaf46
    }

    .bg-\[\#FFC5411A\] {
        background-color: #ffc5411a
    }

    .bg-\[color-mix\(in_srgb\,var\(--primary-dark\)_16\%\,transparent\)\] {
        background-color: var(--primary-dark)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-\[color-mix\(in_srgb\,var\(--primary-dark\)_16\%\,transparent\)\] {
            background-color: color-mix(in srgb, var(--primary-dark) 16%, transparent)
        }
    }

    .bg-\[color\:color-mix\(in_srgb\,var\(--primary-dark\)_12\%\,transparent\)\] {
        background-color: var(--primary-dark)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-\[color\:color-mix\(in_srgb\,var\(--primary-dark\)_12\%\,transparent\)\] {
            background-color: color-mix(in srgb, var(--primary-dark) 12%, transparent)
        }
    }

    .bg-\[rgb\(18_18_20\/80\%\)\] {
        background-color: #121214cc
    }

    .bg-\[rgba\(204\,161\,68\,0\.16\)\] {
        background-color: #cca14429
    }

    .bg-\[var\(--secondary-green\)\] {
        background-color: var(--secondary-green)
    }

    .bg-\[var\(--secondary-green-light\)\] {
        background-color: var(--secondary-green-light)
    }

    .bg-background,
    .bg-background\/35 {
        background-color: var(--background)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-background\/35 {
            background-color: color-mix(in oklab, var(--background) 35%, transparent)
        }
    }

    .bg-background\/50 {
        background-color: var(--background)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-background\/50 {
            background-color: color-mix(in oklab, var(--background) 50%, transparent)
        }
    }

    .bg-background\/55 {
        background-color: var(--background)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-background\/55 {
            background-color: color-mix(in oklab, var(--background) 55%, transparent)
        }
    }

    .bg-background\/70 {
        background-color: var(--background)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-background\/70 {
            background-color: color-mix(in oklab, var(--background) 70%, transparent)
        }
    }

    .bg-background\/75 {
        background-color: var(--background)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-background\/75 {
            background-color: color-mix(in oklab, var(--background) 75%, transparent)
        }
    }

    .bg-background\/78 {
        background-color: var(--background)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-background\/78 {
            background-color: color-mix(in oklab, var(--background) 78%, transparent)
        }
    }

    .bg-black {
        background-color: var(--color-black)
    }

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

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/30 {
            background-color: color-mix(in oklab, var(--color-black) 30%, transparent)
        }
    }

    .bg-black\/40 {
        background-color: #0006
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/40 {
            background-color: color-mix(in oklab, var(--color-black) 40%, transparent)
        }
    }

    .bg-black\/50 {
        background-color: #00000080
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/50 {
            background-color: color-mix(in oklab, var(--color-black) 50%, transparent)
        }
    }

    .bg-black\/60 {
        background-color: #0009
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/60 {
            background-color: color-mix(in oklab, var(--color-black) 60%, transparent)
        }
    }

    .bg-black\/65 {
        background-color: #000000a6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/65 {
            background-color: color-mix(in oklab, var(--color-black) 65%, transparent)
        }
    }

    .bg-black\/75 {
        background-color: #000000bf
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/75 {
            background-color: color-mix(in oklab, var(--color-black) 75%, transparent)
        }
    }

    .bg-border {
        background-color: var(--border)
    }

    .bg-card,
    .bg-card\/40 {
        background-color: var(--card)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-card\/40 {
            background-color: color-mix(in oklab, var(--card) 40%, transparent)
        }
    }

    .bg-card\/50 {
        background-color: var(--card)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-card\/50 {
            background-color: color-mix(in oklab, var(--card) 50%, transparent)
        }
    }

    .bg-card\/60 {
        background-color: var(--card)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-card\/60 {
            background-color: color-mix(in oklab, var(--card) 60%, transparent)
        }
    }

    .bg-card\/70 {
        background-color: var(--card)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-card\/70 {
            background-color: color-mix(in oklab, var(--card) 70%, transparent)
        }
    }

    .bg-destructive,
    .bg-destructive\/10 {
        background-color: var(--destructive)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-destructive\/10 {
            background-color: color-mix(in oklab, var(--destructive) 10%, transparent)
        }
    }

    .bg-destructive\/15 {
        background-color: var(--destructive)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-destructive\/15 {
            background-color: color-mix(in oklab, var(--destructive) 15%, transparent)
        }
    }

    .bg-destructive\/20 {
        background-color: var(--destructive)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-destructive\/20 {
            background-color: color-mix(in oklab, var(--destructive) 20%, transparent)
        }
    }

    .bg-foreground {
        background-color: var(--foreground)
    }

    .bg-info\/60 {
        background-color: var(--info)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-info\/60 {
            background-color: color-mix(in oklab, var(--info) 60%, transparent)
        }
    }

    .bg-input {
        background-color: var(--input)
    }

    .bg-muted {
        background-color: var(--muted)
    }

    .bg-muted-foreground,
    .bg-muted-foreground\/25 {
        background-color: var(--muted-foreground)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-muted-foreground\/25 {
            background-color: color-mix(in oklab, var(--muted-foreground) 25%, transparent)
        }
    }

    .bg-muted-foreground\/40 {
        background-color: var(--muted-foreground)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-muted-foreground\/40 {
            background-color: color-mix(in oklab, var(--muted-foreground) 40%, transparent)
        }
    }

    .bg-muted\/40 {
        background-color: var(--muted)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-muted\/40 {
            background-color: color-mix(in oklab, var(--muted) 40%, transparent)
        }
    }

    .bg-muted\/50 {
        background-color: var(--muted)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-muted\/50 {
            background-color: color-mix(in oklab, var(--muted) 50%, transparent)
        }
    }

    .bg-popover {
        background-color: var(--popover)
    }

    .bg-primary {
        background-color: var(--primary)
    }

    .bg-primary-dark\/10 {
        background-color: var(--primary-dark)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-primary-dark\/10 {
            background-color: color-mix(in oklab, var(--primary-dark) 10%, transparent)
        }
    }

    .bg-primary-dark\/15 {
        background-color: var(--primary-dark)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-primary-dark\/15 {
            background-color: color-mix(in oklab, var(--primary-dark) 15%, transparent)
        }
    }

    .bg-primary-dark\/16 {
        background-color: var(--primary-dark)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-primary-dark\/16 {
            background-color: color-mix(in oklab, var(--primary-dark) 16%, transparent)
        }
    }

    .bg-primary\/8 {
        background-color: var(--primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-primary\/8 {
            background-color: color-mix(in oklab, var(--primary) 8%, transparent)
        }
    }

    .bg-primary\/10 {
        background-color: var(--primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-primary\/10 {
            background-color: color-mix(in oklab, var(--primary) 10%, transparent)
        }
    }

    .bg-primary\/15 {
        background-color: var(--primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-primary\/15 {
            background-color: color-mix(in oklab, var(--primary) 15%, transparent)
        }
    }

    .bg-primary\/20 {
        background-color: var(--primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-primary\/20 {
            background-color: color-mix(in oklab, var(--primary) 20%, transparent)
        }
    }

    .bg-secondary {
        background-color: var(--secondary)
    }

    .bg-secondary-light\/10 {
        background-color: var(--secondary-light)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-secondary-light\/10 {
            background-color: color-mix(in oklab, var(--secondary-light) 10%, transparent)
        }
    }

    .bg-secondary\/10 {
        background-color: var(--secondary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-secondary\/10 {
            background-color: color-mix(in oklab, var(--secondary) 10%, transparent)
        }
    }

    .bg-sidebar {
        background-color: var(--sidebar)
    }

    .bg-sidebar-border {
        background-color: var(--sidebar-border)
    }

    .bg-surface-100 {
        background-color: var(--surface-100)
    }

    .bg-surface-200,
    .bg-surface-200\/75 {
        background-color: var(--surface-200)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-surface-200\/75 {
            background-color: color-mix(in oklab, var(--surface-200) 75%, transparent)
        }
    }

    .bg-surface-200\/80 {
        background-color: var(--surface-200)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-surface-200\/80 {
            background-color: color-mix(in oklab, var(--surface-200) 80%, transparent)
        }
    }

    .bg-surface-300,
    .bg-surface-300\/30 {
        background-color: var(--surface-300)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-surface-300\/30 {
            background-color: color-mix(in oklab, var(--surface-300) 30%, transparent)
        }
    }

    .bg-surface-400 {
        background-color: var(--surface-400)
    }

    .bg-surface-500,
    .bg-surface-500\/70 {
        background-color: var(--surface-500)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-surface-500\/70 {
            background-color: color-mix(in oklab, var(--surface-500) 70%, transparent)
        }
    }

    .bg-transparent {
        background-color: #0000
    }

    .bg-transparent\! {
        background-color: #0000 !important
    }

    .bg-warning\/15 {
        background-color: var(--warning)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-warning\/15 {
            background-color: color-mix(in oklab, var(--warning) 15%, transparent)
        }
    }

    .bg-white {
        background-color: var(--color-white)
    }

    .bg-white\/5 {
        background-color: #ffffff0d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/5 {
            background-color: color-mix(in oklab, var(--color-white) 5%, transparent)
        }
    }

    .bg-linear-to-br {
        --tw-gradient-position: to bottom right
    }

    @supports (background-image:linear-gradient(in lab, red, red)) {
        .bg-linear-to-br {
            --tw-gradient-position: to bottom right in oklab
        }
    }

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

    .bg-gradient-to-b {
        --tw-gradient-position: to bottom in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-gradient-to-r {
        --tw-gradient-position: to right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-gradient-to-t {
        --tw-gradient-position: to top in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .\[background-image\:linear-gradient\(180deg\,\#FFD062_0\%\,\#FFC233_53\.01\%\,\#EA7D00_151\.04\%\)\] {
        background-image: linear-gradient(#ffd062 0%, #ffc233 53.01%, #ea7d00 151.04%)
    }

    .\[background-image\:var\(--gradient-primary\)\] {
        background-image: var(--gradient-primary)
    }

    .\[background-image\:var\(--gradient-primary-2\)\] {
        background-image: var(--gradient-primary-2)
    }

    .bg-\(image\:--board-bg-mobile-url\) {
        background-image: var(--board-bg-mobile-url)
    }

    .bg-\(image\:--card-bg-mobile-url\) {
        background-image: var(--card-bg-mobile-url)
    }

    .bg-\(image\:--gradient-outline-1\) {
        background-image: var(--gradient-outline-1)
    }

    .bg-\[image\:var\(--banner-mobile\)\] {
        background-image: var(--banner-mobile)
    }

    .bg-\[image\:var\(--gradient-outline-1\)\] {
        background-image: var(--gradient-outline-1)
    }

    .bg-\[image\:var\(--gradient-outline-6\)\] {
        background-image: var(--gradient-outline-6)
    }

    .bg-\[image\:var\(--gradient-primary\)\] {
        background-image: var(--gradient-primary)
    }

    .bg-\[linear-gradient\(90deg\,rgba\(14\,14\,36\,0\.95\)_0\%\,rgba\(14\,14\,36\,0\.7\)_55\%\,rgba\(14\,14\,36\,0\)_100\%\)\] {
        background-image: linear-gradient(90deg, #0e0e24f2 0%, #0e0e24b3 55%, #0e0e2400 100%)
    }

    .bg-\[linear-gradient\(90deg\,rgba\(157\,65\,18\,0\.2\)_0\%\,rgba\(157\,65\,18\,0\.04\)_100\%\)\] {
        background-image: linear-gradient(90deg, #9d411233 0%, #9d41120a 100%)
    }

    .bg-\[linear-gradient\(90deg\,rgba\(186\,185\,190\,0\.2\)_0\%\,rgba\(186\,185\,190\,0\.04\)_100\%\)\] {
        background-image: linear-gradient(90deg, #bab9be33 0%, #bab9be0a 100%)
    }

    .bg-\[linear-gradient\(90deg\,rgba\(255\,175\,70\,0\.2\)_0\%\,rgba\(255\,175\,70\,0\.04\)_100\%\)\] {
        background-image: linear-gradient(90deg, #ffaf4633 0%, #ffaf460a 100%)
    }

    .bg-\[linear-gradient\(109\.5deg\,\#212125_0\%\,\#18181A_99\.86\%\)\] {
        background-image: linear-gradient(109.5deg, #212125 0%, #18181a 99.86%)
    }

    .bg-\[linear-gradient\(180deg\,\#E5913B_0\%\,\#E56E3B_100\%\)\] {
        background-image: linear-gradient(#e5913b 0%, #e56e3b 100%)
    }

    .bg-\[linear-gradient\(180deg\,\#FFD062_0\%\,\#FFC233_53\%\,\#EA7D00_151\%\)\] {
        background-image: linear-gradient(#ffd062 0%, #ffc233 53%, #ea7d00 151%)
    }

    .bg-\[linear-gradient\(180deg\,rgb\(54_121_67\/0\.3\)_0\%\,\#367943_100\%\)\] {
        background-image: linear-gradient(#3679434d 0%, #367943 100%)
    }

    .bg-\[linear-gradient\(180deg\,rgb\(255_208_98\/0\.2\)_0\%\,rgb\(255_208_98\/0\.4\)_100\%\)\] {
        background-image: linear-gradient(#ffd06233 0%, #ffd06266 100%)
    }

    .bg-\[linear-gradient\(204\.845deg\,rgba\(238\,119\,34\,1\)_0\%\,rgba\(238\,77\,34\,1\)_100\%\)\] {
        background-image: linear-gradient(204.845deg, #e72 0%, #ee4d22 100%)
    }

    .bg-\[url\(\/images\/restricted\/background_telegram_mobi\.webp\)\] {
        background-image: url(../../../images/restricted/background_telegram_mobi.webp)
    }

    .bg-\[url\(\/images\/restricted\/bg-mobile\.webp\)\] {
        background-image: url(../../../images/restricted/bg-mobile.webp)
    }

    .bg-\[url\(\/images\/shop\/banner_background_mobile\.webp\)\] {
        background-image: url(../../../images/shop/banner_background_mobile.webp)
    }

    .bg-\[url\(\/images\/shop\/banner_person_mobile\.webp\)\] {
        background-image: url(../../../images/shop/banner_person_mobile.webp)
    }

    .from-\(--gradient-primary-start\) {
        --tw-gradient-from: var(--gradient-primary-start);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .from-\[\#0A0A1A\]\/30 {
        --tw-gradient-from: #0a0a1a4d;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    @supports (color:color(display-p3 0 0 0)) {
        .from-\[\#0A0A1A\]\/30 {
            --tw-gradient-from: color(display-p3 .0392157 .0392159 .0977497/.3)
        }
    }

    @supports (color:lab(0% 0 0)) {
        .from-\[\#0A0A1A\]\/30 {
            --tw-gradient-from: lab(3.14119% 2.49241 -9.12978/.3)
        }
    }

    .from-\[\#0D0D21\]\/80 {
        --tw-gradient-from: #0d0d21cc;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    @supports (color:color(display-p3 0 0 0)) {
        .from-\[\#0D0D21\]\/80 {
            --tw-gradient-from: color(display-p3 .0509803 .0509802 .124255/.8)
        }
    }

    @supports (color:lab(0% 0 0)) {
        .from-\[\#0D0D21\]\/80 {
            --tw-gradient-from: lab(4.2479% 3.82129 -12.9504/.8)
        }
    }

    .from-\[\#EE4D22\] {
        --tw-gradient-from: #ee4d22;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .from-\[\#EE7722\] {
        --tw-gradient-from: #e72;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .from-black\/70 {
        --tw-gradient-from: #000000b3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-black\/70 {
            --tw-gradient-from: color-mix(in oklab, var(--color-black) 70%, transparent)
        }
    }

    .from-black\/70 {
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .from-card {
        --tw-gradient-from: var(--card);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .via-\[\#151637\]\/45 {
        --tw-gradient-via: #15163773;
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    @supports (color:color(display-p3 0 0 0)) {
        .via-\[\#151637\]\/45 {
            --tw-gradient-via: color(display-p3 .0830608 .0861471 .207515/.45)
        }
    }

    @supports (color:lab(0% 0 0)) {
        .via-\[\#151637\]\/45 {
            --tw-gradient-via: lab(8.76971% 8.53994 -22.1716/.45)
        }
    }

    .via-black\/35 {
        --tw-gradient-via: #00000059
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-black\/35 {
            --tw-gradient-via: color-mix(in oklab, var(--color-black) 35%, transparent)
        }
    }

    .via-black\/35 {
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

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

    .to-\(--gradient-primary-end\) {
        --tw-gradient-to: var(--gradient-primary-end);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .to-\[\#EE4D22\] {
        --tw-gradient-to: #ee4d22;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .to-\[\#EE7722\] {
        --tw-gradient-to: #e72;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

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

    .\[mask-image\:linear-gradient\(to_bottom\,black_0\,black_24px\,transparent_120px\)\] {
        -webkit-mask-image: linear-gradient(#000 0 24px, #0000 120px);
        mask-image: linear-gradient(#000 0 24px, #0000 120px)
    }

    .\[mask-image\:linear-gradient\(to_top\,transparent_0\,transparent_8px\,black_56px\)\] {
        -webkit-mask-image: linear-gradient(0deg, #0000 0 8px, #000 56px);
        mask-image: linear-gradient(0deg, #0000 0 8px, #000 56px)
    }

    .bg-\[length\:148px_auto\] {
        background-size: 148px
    }

    .bg-contain {
        background-size: contain
    }

    .bg-cover {
        background-size: cover
    }

    .bg-size-\[100\%_100\%\] {
        background-size: 100% 100%
    }

    .bg-clip-content\! {
        background-clip: content-box !important
    }

    .bg-clip-padding {
        background-clip: padding-box
    }

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

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

    .bg-right {
        background-position: 100%
    }

    .bg-right-bottom {
        background-position: 100% 100%
    }

    .bg-top {
        background-position: top
    }

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

    .mask-repeat {
        -webkit-mask-repeat: repeat;
        mask-repeat: repeat
    }

    .fill-current {
        fill: currentColor
    }

    .fill-gray-900 {
        fill: var(--color-gray-900)
    }

    .object-contain {
        object-fit: contain
    }

    .object-cover {
        object-fit: cover
    }

    .object-fill {
        object-fit: fill
    }

    .object-none {
        object-fit: none
    }

    .object-center {
        object-position: center
    }

    .object-left {
        object-position: left
    }

    .object-right {
        object-position: right
    }

    .object-right-bottom {
        object-position: right bottom
    }

    .object-right-top {
        object-position: right top
    }

    .\!p-0 {
        padding: calc(var(--spacing) * 0) !important
    }

    .\!p-2 {
        padding: calc(var(--spacing) * 2) !important
    }

    .\!p-3 {
        padding: calc(var(--spacing) * 3) !important
    }

    .\!p-4 {
        padding: calc(var(--spacing) * 4) !important
    }

    .p-\(--shell-pad-desktop\) {
        padding: var(--shell-pad-desktop)
    }

    .p-0 {
        padding: calc(var(--spacing) * 0)
    }

    .p-0\.5 {
        padding: calc(var(--spacing) * .5)
    }

    .p-1 {
        padding: calc(var(--spacing) * 1)
    }

    .p-1\.5 {
        padding: calc(var(--spacing) * 1.5)
    }

    .p-2 {
        padding: calc(var(--spacing) * 2)
    }

    .p-2\.5 {
        padding: calc(var(--spacing) * 2.5)
    }

    .p-3 {
        padding: calc(var(--spacing) * 3)
    }

    .p-4 {
        padding: calc(var(--spacing) * 4)
    }

    .p-5 {
        padding: calc(var(--spacing) * 5)
    }

    .p-6 {
        padding: calc(var(--spacing) * 6)
    }

    .p-8 {
        padding: calc(var(--spacing) * 8)
    }

    .p-\[2px\] {
        padding: 2px
    }

    .p-\[3px\] {
        padding: 3px
    }

    .p-\[4px\] {
        padding: 4px
    }

    .p-\[8px\] {
        padding: 8px
    }

    .p-\[10px\] {
        padding: 10px
    }

    .p-\[12px\] {
        padding: 12px
    }

    .p-\[16px\] {
        padding: 16px
    }

    .p-px {
        padding: 1px
    }

    .\!px-0 {
        padding-inline: calc(var(--spacing) * 0) !important
    }

    .\!px-2 {
        padding-inline: calc(var(--spacing) * 2) !important
    }

    .\!px-3 {
        padding-inline: calc(var(--spacing) * 3) !important
    }

    .\!px-4 {
        padding-inline: calc(var(--spacing) * 4) !important
    }

    .\!px-\[16px\] {
        padding-inline-start: 16px !important;
        padding-inline-end: 16px !important
    }

    .px-\(--cell-size\) {
        padding-inline: var(--cell-size)
    }

    .px-\(--shell-pad-mobile\) {
        padding-inline: var(--shell-pad-mobile)
    }

    .px-0 {
        padding-inline: calc(var(--spacing) * 0)
    }

    .px-0\.5 {
        padding-inline: calc(var(--spacing) * .5)
    }

    .px-1 {
        padding-inline: calc(var(--spacing) * 1)
    }

    .px-1\.5 {
        padding-inline: calc(var(--spacing) * 1.5)
    }

    .px-2 {
        padding-inline: calc(var(--spacing) * 2)
    }

    .px-2\.5 {
        padding-inline: calc(var(--spacing) * 2.5)
    }

    .px-3 {
        padding-inline: calc(var(--spacing) * 3)
    }

    .px-3\! {
        padding-inline: calc(var(--spacing) * 3) !important
    }

    .px-4 {
        padding-inline: calc(var(--spacing) * 4)
    }

    .px-5 {
        padding-inline: calc(var(--spacing) * 5)
    }

    .px-6 {
        padding-inline: calc(var(--spacing) * 6)
    }

    .px-7 {
        padding-inline: calc(var(--spacing) * 7)
    }

    .px-8 {
        padding-inline: calc(var(--spacing) * 8)
    }

    .px-\[1\.5px\] {
        padding-inline-start: 1.5px;
        padding-inline-end: 1.5px
    }

    .px-\[1px\] {
        padding-inline-start: 1px;
        padding-inline-end: 1px
    }

    .px-\[4px\] {
        padding-inline-start: 4px;
        padding-inline-end: 4px
    }

    .px-\[6px\] {
        padding-inline-start: 6px;
        padding-inline-end: 6px
    }

    .px-\[8px\] {
        padding-inline-start: 8px;
        padding-inline-end: 8px
    }

    .px-\[9px\] {
        padding-inline-start: 9px;
        padding-inline-end: 9px
    }

    .px-\[10px\] {
        padding-inline-start: 10px;
        padding-inline-end: 10px
    }

    .px-\[12px\] {
        padding-inline-start: 12px;
        padding-inline-end: 12px
    }

    .px-\[13px\] {
        padding-inline-start: 13px;
        padding-inline-end: 13px
    }

    .px-\[14px\] {
        padding-inline-start: 14px;
        padding-inline-end: 14px
    }

    .px-\[16px\] {
        padding-inline-start: 16px;
        padding-inline-end: 16px
    }

    .px-\[24px\] {
        padding-inline-start: 24px;
        padding-inline-end: 24px
    }

    .px-\[25px\] {
        padding-inline-start: 25px;
        padding-inline-end: 25px
    }

    .px-\[28px\] {
        padding-inline-start: 28px;
        padding-inline-end: 28px
    }

    .px-\[30px\] {
        padding-inline-start: 30px;
        padding-inline-end: 30px
    }

    .px-\[33px\] {
        padding-inline-start: 33px;
        padding-inline-end: 33px
    }

    .px-\[var\(--shell-pad-mobile\)\] {
        padding-inline: var(--shell-pad-mobile)
    }

    .px-px {
        padding-inline-start: 1px;
        padding-inline-end: 1px
    }

    .\!py-0 {
        padding-block: calc(var(--spacing) * 0) !important
    }

    .\!py-1 {
        padding-block: calc(var(--spacing) * 1) !important
    }

    .\!py-2 {
        padding-block: calc(var(--spacing) * 2) !important
    }

    .\!py-\[8px\] {
        padding-block-start: 8px !important;
        padding-block-end: 8px !important
    }

    .\!py-\[12px\] {
        padding-block-start: 12px !important;
        padding-block-end: 12px !important
    }

    .\!py-\[14px\] {
        padding-block-start: 14px !important;
        padding-block-end: 14px !important
    }

    .py-0 {
        padding-block: calc(var(--spacing) * 0)
    }

    .py-0\.5 {
        padding-block: calc(var(--spacing) * .5)
    }

    .py-1 {
        padding-block: calc(var(--spacing) * 1)
    }

    .py-1\.5 {
        padding-block: calc(var(--spacing) * 1.5)
    }

    .py-2 {
        padding-block: calc(var(--spacing) * 2)
    }

    .py-2\.5 {
        padding-block: calc(var(--spacing) * 2.5)
    }

    .py-3 {
        padding-block: calc(var(--spacing) * 3)
    }

    .py-3\.5 {
        padding-block: calc(var(--spacing) * 3.5)
    }

    .py-4 {
        padding-block: calc(var(--spacing) * 4)
    }

    .py-5 {
        padding-block: calc(var(--spacing) * 5)
    }

    .py-6 {
        padding-block: calc(var(--spacing) * 6)
    }

    .py-8 {
        padding-block: calc(var(--spacing) * 8)
    }

    .py-10 {
        padding-block: calc(var(--spacing) * 10)
    }

    .py-\[0\.5px\] {
        padding-block-start: .5px;
        padding-block-end: .5px
    }

    .py-\[2px\] {
        padding-block-start: 2px;
        padding-block-end: 2px
    }

    .py-\[5px\] {
        padding-block-start: 5px;
        padding-block-end: 5px
    }

    .py-\[8px\] {
        padding-block-start: 8px;
        padding-block-end: 8px
    }

    .py-\[9px\] {
        padding-block-start: 9px;
        padding-block-end: 9px
    }

    .py-\[10px\] {
        padding-block-start: 10px;
        padding-block-end: 10px
    }

    .py-\[12px\] {
        padding-block-start: 12px;
        padding-block-end: 12px
    }

    .py-\[14px\] {
        padding-block-start: 14px;
        padding-block-end: 14px
    }

    .py-\[16px\] {
        padding-block-start: 16px;
        padding-block-end: 16px
    }

    .py-\[22px\] {
        padding-block-start: 22px;
        padding-block-end: 22px
    }

    .py-\[25px\] {
        padding-block-start: 25px;
        padding-block-end: 25px
    }

    .py-\[32px\] {
        padding-block-start: 32px;
        padding-block-end: 32px
    }

    .py-px {
        padding-block-start: 1px;
        padding-block-end: 1px
    }

    .\!ps-4 {
        padding-inline-start: calc(var(--spacing) * 4) !important
    }

    .ps-\(--shell-pad-mobile\) {
        padding-inline-start: var(--shell-pad-mobile)
    }

    .ps-0 {
        padding-inline-start: calc(var(--spacing) * 0)
    }

    .ps-2 {
        padding-inline-start: calc(var(--spacing) * 2)
    }

    .ps-3 {
        padding-inline-start: calc(var(--spacing) * 3)
    }

    .ps-4 {
        padding-inline-start: calc(var(--spacing) * 4)
    }

    .ps-8 {
        padding-inline-start: calc(var(--spacing) * 8)
    }

    .\!pe-4 {
        padding-inline-end: calc(var(--spacing) * 4) !important
    }

    .pe-\(--shell-pad-mobile\) {
        padding-inline-end: var(--shell-pad-mobile)
    }

    .pe-1 {
        padding-inline-end: calc(var(--spacing) * 1)
    }

    .pe-2 {
        padding-inline-end: calc(var(--spacing) * 2)
    }

    .pe-2\.5 {
        padding-inline-end: calc(var(--spacing) * 2.5)
    }

    .pe-3 {
        padding-inline-end: calc(var(--spacing) * 3)
    }

    .pe-8 {
        padding-inline-end: calc(var(--spacing) * 8)
    }

    .pe-9 {
        padding-inline-end: calc(var(--spacing) * 9)
    }

    .pe-10 {
        padding-inline-end: calc(var(--spacing) * 10)
    }

    .pt-\(--header-h-mobile\) {
        padding-top: var(--header-h-mobile)
    }

    .pt-0 {
        padding-top: calc(var(--spacing) * 0)
    }

    .pt-0\.5 {
        padding-top: calc(var(--spacing) * .5)
    }

    .pt-1 {
        padding-top: calc(var(--spacing) * 1)
    }

    .pt-1\.5 {
        padding-top: calc(var(--spacing) * 1.5)
    }

    .pt-2 {
        padding-top: calc(var(--spacing) * 2)
    }

    .pt-2\.5 {
        padding-top: calc(var(--spacing) * 2.5)
    }

    .pt-3 {
        padding-top: calc(var(--spacing) * 3)
    }

    .pt-4 {
        padding-top: calc(var(--spacing) * 4)
    }

    .pt-5 {
        padding-top: calc(var(--spacing) * 5)
    }

    .pt-6 {
        padding-top: calc(var(--spacing) * 6)
    }

    .pt-6\.5 {
        padding-top: calc(var(--spacing) * 6.5)
    }

    .pt-7 {
        padding-top: calc(var(--spacing) * 7)
    }

    .pt-8 {
        padding-top: calc(var(--spacing) * 8)
    }

    .pt-10 {
        padding-top: calc(var(--spacing) * 10)
    }

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

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

    .pt-\[14px\] {
        padding-top: 14px
    }

    .pt-\[16px\] {
        padding-top: 16px
    }

    .pt-\[19px\] {
        padding-top: 19px
    }

    .pt-\[22px\] {
        padding-top: 22px
    }

    .pt-\[24px\] {
        padding-top: 24px
    }

    .pt-\[26px\] {
        padding-top: 26px
    }

    .pt-\[40px\] {
        padding-top: 40px
    }

    .pt-\[100px\] {
        padding-top: 100px
    }

    .\!pr-\[24px\] {
        padding-right: 24px !important
    }

    .pr-0 {
        padding-right: calc(var(--spacing) * 0)
    }

    .pr-1 {
        padding-right: calc(var(--spacing) * 1)
    }

    .pr-2 {
        padding-right: calc(var(--spacing) * 2)
    }

    .pr-3 {
        padding-right: calc(var(--spacing) * 3)
    }

    .pr-4 {
        padding-right: calc(var(--spacing) * 4)
    }

    .pr-5 {
        padding-right: calc(var(--spacing) * 5)
    }

    .pr-6 {
        padding-right: calc(var(--spacing) * 6)
    }

    .pr-7 {
        padding-right: calc(var(--spacing) * 7)
    }

    .pr-8 {
        padding-right: calc(var(--spacing) * 8)
    }

    .pr-9 {
        padding-right: calc(var(--spacing) * 9)
    }

    .pr-10 {
        padding-right: calc(var(--spacing) * 10)
    }

    .pr-12 {
        padding-right: calc(var(--spacing) * 12)
    }

    .pr-14 {
        padding-right: calc(var(--spacing) * 14)
    }

    .pr-\[10px\] {
        padding-right: 10px
    }

    .pr-\[16px\] {
        padding-right: 16px
    }

    .pr-\[27px\] {
        padding-right: 27px
    }

    .pb-0 {
        padding-bottom: calc(var(--spacing) * 0)
    }

    .pb-1 {
        padding-bottom: calc(var(--spacing) * 1)
    }

    .pb-2 {
        padding-bottom: calc(var(--spacing) * 2)
    }

    .pb-3 {
        padding-bottom: calc(var(--spacing) * 3)
    }

    .pb-4 {
        padding-bottom: calc(var(--spacing) * 4)
    }

    .pb-5 {
        padding-bottom: calc(var(--spacing) * 5)
    }

    .pb-6 {
        padding-bottom: calc(var(--spacing) * 6)
    }

    .pb-8 {
        padding-bottom: calc(var(--spacing) * 8)
    }

    .pb-\[6px\] {
        padding-bottom: 6px
    }

    .pb-\[10px\] {
        padding-bottom: 10px
    }

    .pb-\[14px\] {
        padding-bottom: 14px
    }

    .pb-\[24px\] {
        padding-bottom: 24px
    }

    .pb-\[27px\] {
        padding-bottom: 27px
    }

    .pb-\[36px\] {
        padding-bottom: 36px
    }

    .pb-\[72px\] {
        padding-bottom: 72px
    }

    .pb-\[112px\] {
        padding-bottom: 112px
    }

    .pb-\[calc\(var\(--bottombar-h\)\+env\(safe-area-inset-bottom\)\+var\(--shell-gap\)\)\] {
        padding-bottom: calc(var(--bottombar-h) + env(safe-area-inset-bottom) + var(--shell-gap))
    }

    .pb-\[env\(safe-area-inset-bottom\)\] {
        padding-bottom: env(safe-area-inset-bottom)
    }

    .pb-px {
        padding-bottom: 1px
    }

    .\!pl-\[16px\] {
        padding-left: 16px !important
    }

    .pl-0\.5 {
        padding-left: calc(var(--spacing) * .5)
    }

    .pl-1 {
        padding-left: calc(var(--spacing) * 1)
    }

    .pl-2 {
        padding-left: calc(var(--spacing) * 2)
    }

    .pl-3 {
        padding-left: calc(var(--spacing) * 3)
    }

    .pl-4 {
        padding-left: calc(var(--spacing) * 4)
    }

    .pl-5 {
        padding-left: calc(var(--spacing) * 5)
    }

    .pl-6 {
        padding-left: calc(var(--spacing) * 6)
    }

    .pl-8 {
        padding-left: calc(var(--spacing) * 8)
    }

    .pl-10 {
        padding-left: calc(var(--spacing) * 10)
    }

    .pl-16 {
        padding-left: calc(var(--spacing) * 16)
    }

    .pl-\[2px\] {
        padding-left: 2px
    }

    .pl-\[6px\] {
        padding-left: 6px
    }

    .pl-\[8px\] {
        padding-left: 8px
    }

    .pl-\[10px\] {
        padding-left: 10px
    }

    .pl-\[28px\] {
        padding-left: 28px
    }

    .pl-\[75px\] {
        padding-left: 75px
    }

    .pl-\[91px\] {
        padding-left: 91px
    }

    .text-center {
        text-align: center
    }

    .text-left {
        text-align: left
    }

    .text-right {
        text-align: right
    }

    .text-start {
        text-align: start
    }

    .align-baseline {
        vertical-align: baseline
    }

    .align-middle {
        vertical-align: middle
    }

    .font-\[Geologica\] {
        font-family: Geologica
    }

    .font-\[Inter\] {
        font-family: Inter
    }

    .font-mono {
        font-family: var(--font-mono)
    }

    .font-sans {
        font-family: var(--font-sans)
    }

    .\!text-h3 {
        font-size: var(--text-h3) !important;
        line-height: var(--tw-leading, var(--text-h3--line-height)) !important;
        font-weight: var(--tw-font-weight, var(--text-h3--font-weight)) !important
    }

    .\!text-h5 {
        font-size: var(--text-h5) !important;
        line-height: var(--tw-leading, var(--text-h5--line-height)) !important;
        font-weight: var(--tw-font-weight, var(--text-h5--font-weight)) !important
    }

    .\!text-p1 {
        font-size: var(--text-p1) !important;
        line-height: var(--tw-leading, var(--text-p1--line-height)) !important;
        font-weight: var(--tw-font-weight, var(--text-p1--font-weight)) !important
    }

    .\!text-p2 {
        font-size: var(--text-p2) !important;
        line-height: var(--tw-leading, var(--text-p2--line-height)) !important;
        font-weight: var(--tw-font-weight, var(--text-p2--font-weight)) !important
    }

    .\!text-q2 {
        font-size: var(--text-q2) !important;
        line-height: var(--tw-leading, var(--text-q2--line-height)) !important;
        font-weight: var(--tw-font-weight, var(--text-q2--font-weight)) !important
    }

    .\!text-q3 {
        font-size: var(--text-q3) !important;
        line-height: var(--tw-leading, var(--text-q3--line-height)) !important;
        font-weight: var(--tw-font-weight, var(--text-q3--font-weight)) !important
    }

    .text-h1 {
        font-size: var(--text-h1);
        line-height: var(--tw-leading, var(--text-h1--line-height));
        font-weight: var(--tw-font-weight, var(--text-h1--font-weight))
    }

    .text-h2 {
        font-size: var(--text-h2);
        line-height: var(--tw-leading, var(--text-h2--line-height));
        font-weight: var(--tw-font-weight, var(--text-h2--font-weight))
    }

    .text-h3 {
        font-size: var(--text-h3);
        line-height: var(--tw-leading, var(--text-h3--line-height));
        font-weight: var(--tw-font-weight, var(--text-h3--font-weight))
    }

    .text-h3\! {
        font-size: var(--text-h3) !important;
        line-height: var(--tw-leading, var(--text-h3--line-height)) !important;
        font-weight: var(--tw-font-weight, var(--text-h3--font-weight)) !important
    }

    .text-h4 {
        font-size: var(--text-h4);
        line-height: var(--tw-leading, var(--text-h4--line-height));
        font-weight: var(--tw-font-weight, var(--text-h4--font-weight))
    }

    .text-h5 {
        font-size: var(--text-h5);
        line-height: var(--tw-leading, var(--text-h5--line-height));
        font-weight: var(--tw-font-weight, var(--text-h5--font-weight))
    }

    .text-h5\! {
        font-size: var(--text-h5) !important;
        line-height: var(--tw-leading, var(--text-h5--line-height)) !important;
        font-weight: var(--tw-font-weight, var(--text-h5--font-weight)) !important
    }

    .text-h6 {
        font-size: var(--text-h6);
        line-height: var(--tw-leading, var(--text-h6--line-height));
        font-weight: var(--tw-font-weight, var(--text-h6--font-weight))
    }

    .text-p1 {
        font-size: var(--text-p1);
        line-height: var(--tw-leading, var(--text-p1--line-height));
        font-weight: var(--tw-font-weight, var(--text-p1--font-weight))
    }

    .text-p2 {
        font-size: var(--text-p2);
        line-height: var(--tw-leading, var(--text-p2--line-height));
        font-weight: var(--tw-font-weight, var(--text-p2--font-weight))
    }

    .text-p2\! {
        font-size: var(--text-p2) !important;
        line-height: var(--tw-leading, var(--text-p2--line-height)) !important;
        font-weight: var(--tw-font-weight, var(--text-p2--font-weight)) !important
    }

    .text-p3 {
        font-size: var(--text-p3);
        line-height: var(--tw-leading, var(--text-p3--line-height));
        font-weight: var(--tw-font-weight, var(--text-p3--font-weight))
    }

    .text-p3\! {
        font-size: var(--text-p3) !important;
        line-height: var(--tw-leading, var(--text-p3--line-height)) !important;
        font-weight: var(--tw-font-weight, var(--text-p3--font-weight)) !important
    }

    .text-q1 {
        font-size: var(--text-q1);
        line-height: var(--tw-leading, var(--text-q1--line-height));
        font-weight: var(--tw-font-weight, var(--text-q1--font-weight))
    }

    .text-q2 {
        font-size: var(--text-q2);
        line-height: var(--tw-leading, var(--text-q2--line-height));
        font-weight: var(--tw-font-weight, var(--text-q2--font-weight))
    }

    .text-q2\! {
        font-size: var(--text-q2) !important;
        line-height: var(--tw-leading, var(--text-q2--line-height)) !important;
        font-weight: var(--tw-font-weight, var(--text-q2--font-weight)) !important
    }

    .text-q3 {
        font-size: var(--text-q3);
        line-height: var(--tw-leading, var(--text-q3--line-height));
        font-weight: var(--tw-font-weight, var(--text-q3--font-weight))
    }

    .text-q3\! {
        font-size: var(--text-q3) !important;
        line-height: var(--tw-leading, var(--text-q3--line-height)) !important;
        font-weight: var(--tw-font-weight, var(--text-q3--font-weight)) !important
    }

    .\!text-xs {
        font-size: var(--text-xs) !important;
        line-height: var(--tw-leading, var(--text-xs--line-height)) !important
    }

    .text-2xl {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height))
    }

    .text-base {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height))
    }

    .text-lg {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height))
    }

    .text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .text-sm\/relaxed {
        font-size: var(--text-sm);
        line-height: var(--leading-relaxed)
    }

    .text-xl {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height))
    }

    .text-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }

    .\!text-\[14px\] {
        font-size: 14px !important
    }

    .text-\[0\.8rem\] {
        font-size: .8rem
    }

    .text-\[8px\] {
        font-size: 8px
    }

    .text-\[9px\] {
        font-size: 9px
    }

    .text-\[10px\] {
        font-size: 10px
    }

    .text-\[11px\] {
        font-size: 11px
    }

    .text-\[12px\] {
        font-size: 12px
    }

    .text-\[13px\] {
        font-size: 13px
    }

    .text-\[14px\] {
        font-size: 14px
    }

    .text-\[15px\] {
        font-size: 15px
    }

    .text-\[16px\] {
        font-size: 16px
    }

    .text-\[18px\] {
        font-size: 18px
    }

    .text-\[20px\] {
        font-size: 20px
    }

    .text-\[22px\] {
        font-size: 22px
    }

    .text-\[24px\] {
        font-size: 24px
    }

    .text-\[32px\] {
        font-size: 32px
    }

    .\!leading-\[1\.4\] {
        --tw-leading: 1.4 !important;
        line-height: 1.4 !important
    }

    .leading-\(--text-h2--line-height\) {
        --tw-leading: var(--text-h2--line-height);
        line-height: var(--text-h2--line-height)
    }

    .leading-4 {
        --tw-leading: calc(var(--spacing) * 4);
        line-height: calc(var(--spacing) * 4)
    }

    .leading-5 {
        --tw-leading: calc(var(--spacing) * 5);
        line-height: calc(var(--spacing) * 5)
    }

    .leading-\[1\.2\] {
        --tw-leading: 1.2;
        line-height: 1.2
    }

    .leading-\[1\.3\] {
        --tw-leading: 1.3;
        line-height: 1.3
    }

    .leading-\[1\.4\] {
        --tw-leading: 1.4;
        line-height: 1.4
    }

    .leading-\[1\.5\] {
        --tw-leading: 1.5;
        line-height: 1.5
    }

    .leading-\[1\.18\] {
        --tw-leading: 1.18;
        line-height: 1.18
    }

    .leading-\[1\.26\] {
        --tw-leading: 1.26;
        line-height: 1.26
    }

    .leading-\[1\.35\] {
        --tw-leading: 1.35;
        line-height: 1.35
    }

    .leading-\[1\.36\] {
        --tw-leading: 1.36;
        line-height: 1.36
    }

    .leading-\[1\.37\] {
        --tw-leading: 1.37;
        line-height: 1.37
    }

    .leading-\[1\.45\] {
        --tw-leading: 1.45;
        line-height: 1.45
    }

    .leading-\[1\.47\] {
        --tw-leading: 1.47;
        line-height: 1.47
    }

    .leading-\[11px\] {
        --tw-leading: 11px;
        line-height: 11px
    }

    .leading-\[15px\] {
        --tw-leading: 15px;
        line-height: 15px
    }

    .leading-\[22px\] {
        --tw-leading: 22px;
        line-height: 22px
    }

    .leading-\[136\%\] {
        --tw-leading: 136%;
        line-height: 136%
    }

    .leading-\[140\%\] {
        --tw-leading: 140%;
        line-height: 140%
    }

    .leading-none {
        --tw-leading: 1;
        line-height: 1
    }

    .leading-normal {
        --tw-leading: var(--leading-normal);
        line-height: var(--leading-normal)
    }

    .leading-snug {
        --tw-leading: var(--leading-snug);
        line-height: var(--leading-snug)
    }

    .leading-tight {
        --tw-leading: var(--leading-tight);
        line-height: var(--leading-tight)
    }

    .\!font-bold {
        --tw-font-weight: var(--font-weight-bold) !important;
        font-weight: var(--font-weight-bold) !important
    }

    .\!font-medium {
        --tw-font-weight: var(--font-weight-medium) !important;
        font-weight: var(--font-weight-medium) !important
    }

    .font-bold {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
    }

    .font-light {
        --tw-font-weight: var(--font-weight-light);
        font-weight: var(--font-weight-light)
    }

    .font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .font-normal {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
    }

    .font-normal\! {
        --tw-font-weight: var(--font-weight-normal) !important;
        font-weight: var(--font-weight-normal) !important
    }

    .font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }

    .tracking-tight {
        --tw-tracking: var(--tracking-tight);
        letter-spacing: var(--tracking-tight)
    }

    .tracking-widest {
        --tw-tracking: var(--tracking-widest);
        letter-spacing: var(--tracking-widest)
    }

    .text-balance {
        text-wrap: balance
    }

    .text-nowrap {
        text-wrap: nowrap
    }

    .\[overflow-wrap\:anywhere\] {
        overflow-wrap: anywhere
    }

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

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

    .text-clip {
        text-overflow: clip
    }

    .text-ellipsis {
        text-overflow: ellipsis
    }

    .whitespace-normal {
        white-space: normal
    }

    .whitespace-nowrap {
        white-space: nowrap
    }

    .whitespace-pre {
        white-space: pre
    }

    .whitespace-pre-line {
        white-space: pre-line
    }

    .whitespace-pre-wrap {
        white-space: pre-wrap
    }

    .\!text-destructive {
        color: var(--destructive) !important
    }

    .\!text-foreground {
        color: var(--foreground) !important
    }

    .\!text-muted-foreground {
        color: var(--muted-foreground) !important
    }

    .\!text-primary-light {
        color: var(--primary-light) !important
    }

    .text-\(--destructive\) {
        color: var(--destructive)
    }

    .text-\(--gradient-primary-start\) {
        color: var(--gradient-primary-start)
    }

    .text-\(--info\) {
        color: var(--info)
    }

    .text-\(--muted-foreground\) {
        color: var(--muted-foreground)
    }

    .text-\(--placeholder\) {
        color: var(--placeholder)
    }

    .text-\(--primary-dark\) {
        color: var(--primary-dark)
    }

    .text-\(--primary-light\) {
        color: var(--primary-light)
    }

    .text-\(--success\) {
        color: var(--success)
    }

    .text-\(--surface-500\) {
        color: var(--surface-500)
    }

    .text-\(--warning\) {
        color: var(--warning)
    }

    .text-\[\#5c8dff\] {
        color: #5c8dff
    }

    .text-\[\#6E71C7\] {
        color: #6e71c7
    }

    .text-\[\#43BA5A\] {
        color: #43ba5a
    }

    .text-\[\#17171A\] {
        color: #17171a
    }

    .text-\[\#26262B\] {
        color: #26262b
    }

    .text-\[\#81818C\] {
        color: #81818c
    }

    .text-\[\#EE4D22\] {
        color: #ee4d22
    }

    .text-\[\#EE6259\] {
        color: #ee6259
    }

    .text-\[\#F5F7FA\] {
        color: #f5f7fa
    }

    .text-\[\#FF7E21\] {
        color: #ff7e21
    }

    .text-\[\#FFD062\] {
        color: #ffd062
    }

    .text-\[\#ffbf32\] {
        color: #ffbf32
    }

    .text-black {
        color: var(--color-black)
    }

    .text-black\/60 {
        color: #0009
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-black\/60 {
            color: color-mix(in oklab, var(--color-black) 60%, transparent)
        }
    }

    .text-blue-400 {
        color: var(--color-blue-400)
    }

    .text-card-foreground {
        color: var(--card-foreground)
    }

    .text-current {
        color: currentColor
    }

    .text-destructive {
        color: var(--destructive)
    }

    .text-destructive-foreground {
        color: var(--destructive-foreground)
    }

    .text-destructive\/80 {
        color: var(--destructive)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-destructive\/80 {
            color: color-mix(in oklab, var(--destructive) 80%, transparent)
        }
    }

    .text-emerald-600 {
        color: var(--color-emerald-600)
    }

    .text-foreground,
    .text-foreground\/60 {
        color: var(--foreground)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-foreground\/60 {
            color: color-mix(in oklab, var(--foreground) 60%, transparent)
        }
    }

    .text-foreground\/70 {
        color: var(--foreground)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-foreground\/70 {
            color: color-mix(in oklab, var(--foreground) 70%, transparent)
        }
    }

    .text-foreground\/72 {
        color: var(--foreground)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-foreground\/72 {
            color: color-mix(in oklab, var(--foreground) 72%, transparent)
        }
    }

    .text-foreground\/80 {
        color: var(--foreground)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-foreground\/80 {
            color: color-mix(in oklab, var(--foreground) 80%, transparent)
        }
    }

    .text-foreground\/90 {
        color: var(--foreground)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-foreground\/90 {
            color: color-mix(in oklab, var(--foreground) 90%, transparent)
        }
    }

    .text-info {
        color: var(--info)
    }

    .text-muted-foreground,
    .text-muted-foreground\/60 {
        color: var(--muted-foreground)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-muted-foreground\/60 {
            color: color-mix(in oklab, var(--muted-foreground) 60%, transparent)
        }
    }

    .text-muted-foreground\/70 {
        color: var(--muted-foreground)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-muted-foreground\/70 {
            color: color-mix(in oklab, var(--muted-foreground) 70%, transparent)
        }
    }

    .text-neutral-400 {
        color: var(--color-neutral-400)
    }

    .text-on-primary\! {
        color: var(--color-on-primary) !important
    }

    .text-placeholder {
        color: var(--placeholder)
    }

    .text-popover-foreground {
        color: var(--popover-foreground)
    }

    .text-primary {
        color: var(--primary)
    }

    .text-primary-dark {
        color: var(--primary-dark)
    }

    .text-primary-foreground {
        color: var(--primary-foreground)
    }

    .text-primary-light {
        color: var(--primary-light)
    }

    .text-secondary {
        color: var(--secondary)
    }

    .text-secondary-foreground {
        color: var(--secondary-foreground)
    }

    .text-secondary-light {
        color: var(--secondary-light)
    }

    .text-sidebar-foreground,
    .text-sidebar-foreground\/70 {
        color: var(--sidebar-foreground)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-sidebar-foreground\/70 {
            color: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent)
        }
    }

    .text-success {
        color: var(--success)
    }

    .text-surface-200 {
        color: var(--surface-200)
    }

    .text-surface-300 {
        color: var(--surface-300)
    }

    .text-transparent {
        color: #0000
    }

    .text-warning {
        color: var(--warning)
    }

    .text-white {
        color: var(--color-white)
    }

    .text-white\/35 {
        color: #ffffff59
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/35 {
            color: color-mix(in oklab, var(--color-white) 35%, transparent)
        }
    }

    .text-white\/70 {
        color: #ffffffb3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/70 {
            color: color-mix(in oklab, var(--color-white) 70%, transparent)
        }
    }

    .text-white\/90 {
        color: #ffffffe6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/90 {
            color: color-mix(in oklab, var(--color-white) 90%, transparent)
        }
    }

    .text-white\/92 {
        color: #ffffffeb
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/92 {
            color: color-mix(in oklab, var(--color-white) 92%, transparent)
        }
    }

    .text-yellow-500 {
        color: var(--color-yellow-500)
    }

    .capitalize {
        text-transform: capitalize
    }

    .uppercase {
        text-transform: uppercase
    }

    .not-italic {
        font-style: normal
    }

    .tabular-nums {
        --tw-numeric-spacing: tabular-nums;
        font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, )
    }

    .no-underline {
        text-decoration-line: none
    }

    .underline {
        text-decoration-line: underline
    }

    .decoration-solid {
        text-decoration-style: solid
    }

    .underline-offset-2 {
        text-underline-offset: 2px
    }

    .underline-offset-4 {
        text-underline-offset: 4px
    }

    .accent-current {
        accent-color: currentColor
    }

    .accent-foreground {
        accent-color: var(--foreground)
    }

    .opacity-0 {
        opacity: 0
    }

    .opacity-20 {
        opacity: .2
    }

    .opacity-30 {
        opacity: .3
    }

    .opacity-40 {
        opacity: .4
    }

    .opacity-50 {
        opacity: .5
    }

    .opacity-55 {
        opacity: .55
    }

    .opacity-60 {
        opacity: .6
    }

    .opacity-65 {
        opacity: .65
    }

    .opacity-70 {
        opacity: .7
    }

    .opacity-80 {
        opacity: .8
    }

    .opacity-90 {
        opacity: .9
    }

    .opacity-100 {
        opacity: 1
    }

    .opacity-\[0\.001\] {
        opacity: .001
    }

    .opacity-\[0\.18\] {
        opacity: .18
    }

    .\!shadow-none {
        --tw-shadow: 0 0 #0000 !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .shadow {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_0_0_1px_var\(--sidebar-border\)\] {
        --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-border));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_0_0_8px_rgba\(93\,95\,168\,0\.14\)\] {
        --tw-shadow: 0 0 0 8px var(--tw-shadow-color, #5d5fa824);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_0_18px_0_color-mix\(in_oklch\,_var\(--primary\)_30\%\,_transparent\)\] {
        --tw-shadow: 0 0 18px 0 var(--tw-shadow-color, var(--primary))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-\[0_0_18px_0_color-mix\(in_oklch\,_var\(--primary\)_30\%\,_transparent\)\] {
            --tw-shadow: 0 0 18px 0 var(--tw-shadow-color, color-mix(in oklch, var(--primary) 30%, transparent))
        }
    }

    .shadow-\[0_0_18px_0_color-mix\(in_oklch\,_var\(--primary\)_30\%\,_transparent\)\] {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_6px_18px_rgba\(0\,0\,0\,0\.35\)\] {
        --tw-shadow: 0 6px 18px var(--tw-shadow-color, #00000059);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0px_0px_2px_0px_\#FCCB22\] {
        --tw-shadow: 0px 0px 2px 0px var(--tw-shadow-color, #fccb22);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0px_0px_8px_0px_rgba\(15\,15\,31\,0\.5\)\] {
        --tw-shadow: 0px 0px 8px 0px var(--tw-shadow-color, #0f0f1f80);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0px_0px_10px_0px_\#171719\] {
        --tw-shadow: 0px 0px 10px 0px var(--tw-shadow-color, #171719);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0px_0px_10px_0px_rgba\(15\,15\,31\,0\.8\)\] {
        --tw-shadow: 0px 0px 10px 0px var(--tw-shadow-color, #0f0f1fcc);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0px_0px_16\.8px_0px_var\(--bonus-progress-glow\)\] {
        --tw-shadow: 0px 0px 16.8px 0px var(--tw-shadow-color, var(--bonus-progress-glow));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0px_0px_17px_0px_rgba\(0\,0\,0\,0\.5\)\] {
        --tw-shadow: 0px 0px 17px 0px var(--tw-shadow-color, #00000080);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0px_8px_24px_0px_color-mix\(in_oklch\,var\(--secondary\)_40\%\,transparent\)\] {
        --tw-shadow: 0px 8px 24px 0px var(--tw-shadow-color, var(--secondary))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-\[0px_8px_24px_0px_color-mix\(in_oklch\,var\(--secondary\)_40\%\,transparent\)\] {
            --tw-shadow: 0px 8px 24px 0px var(--tw-shadow-color, color-mix(in oklch, var(--secondary) 40%, transparent))
        }
    }

    .shadow-\[0px_8px_24px_0px_color-mix\(in_oklch\,var\(--secondary\)_40\%\,transparent\)\] {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[inset_0_1px_2px_rgb\(0_0_0\/0\.35\)\] {
        --tw-shadow: inset 0 1px 2px var(--tw-shadow-color, #00000059);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[var\(--shadow-primary-button\)\] {
        --tw-shadow: var(--shadow-primary-button);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-lg {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-md {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-none {
        --tw-shadow: 0 0 #0000;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-none\! {
        --tw-shadow: 0 0 #0000 !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .shadow-sm {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-xl {
        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-xs {
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .\!ring-0 {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .ring,
    .ring-1 {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .ring-2 {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .\[box-shadow\:var\(--webkit-box-shadow\)\] {
        box-shadow: var(--webkit-box-shadow)
    }

    .ring-border {
        --tw-ring-color: var(--border)
    }

    .ring-primary\/55 {
        --tw-ring-color: var(--primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-primary\/55 {
            --tw-ring-color: color-mix(in oklab, var(--primary) 55%, transparent)
        }
    }

    .ring-ring\/10 {
        --tw-ring-color: var(--ring)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-ring\/10 {
            --tw-ring-color: color-mix(in oklab, var(--ring) 10%, transparent)
        }
    }

    .ring-ring\/50 {
        --tw-ring-color: var(--ring)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-ring\/50 {
            --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent)
        }
    }

    .ring-secondary\/30 {
        --tw-ring-color: var(--secondary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-secondary\/30 {
            --tw-ring-color: color-mix(in oklab, var(--secondary) 30%, transparent)
        }
    }

    .ring-sidebar-ring {
        --tw-ring-color: var(--sidebar-ring)
    }

    .ring-offset-background {
        --tw-ring-offset-color: var(--background)
    }

    .outline-hidden {
        --tw-outline-style: none;
        outline-style: none
    }

    @media (forced-colors:active) {
        .outline-hidden {
            outline-offset: 2px;
            outline: 2px solid #0000
        }
    }

    .outline {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
    }

    .outline-ring\/50 {
        outline-color: var(--ring)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .outline-ring\/50 {
            outline-color: color-mix(in oklab, var(--ring) 50%, transparent)
        }
    }

    .blur {
        --tw-blur: blur(8px);
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
    }

    .blur-\[35px\] {
        --tw-blur: blur(35px);
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
    }

    .blur-\[50px\] {
        --tw-blur: blur(50px);
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
    }

    .blur-\[80px\] {
        --tw-blur: blur(80px);
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
    }

    .blur-\[100px\] {
        --tw-blur: blur(100px);
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
    }

    .blur-md {
        --tw-blur: blur(var(--blur-md));
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
    }

    .blur-sm {
        --tw-blur: blur(var(--blur-sm));
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
    }

    .blur-xl\! {
        --tw-blur: blur(var(--blur-xl)) !important;
        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, ) !important
    }

    .brightness-50 {
        --tw-brightness: 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, )
    }

    .drop-shadow-\[0px_0px_4px_rgba\(223\,99\,10\,0\.4\)\] {
        --tw-drop-shadow-size: drop-shadow(0px 0px 4px var(--tw-drop-shadow-color, #df630a66));
        --tw-drop-shadow: var(--tw-drop-shadow-size);
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
    }

    .grayscale {
        --tw-grayscale: grayscale(100%);
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
    }

    .filter {
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
    }

    .backdrop-blur-\[2px\] {
        --tw-backdrop-blur: blur(2px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )
    }

    .backdrop-blur-\[4px\] {
        --tw-backdrop-blur: blur(4px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )
    }

    .backdrop-blur-\[6px\] {
        --tw-backdrop-blur: blur(6px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )
    }

    .backdrop-blur-\[12px\] {
        --tw-backdrop-blur: blur(12px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )
    }

    .backdrop-blur-\[24\.8px\] {
        --tw-backdrop-blur: blur(24.8px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )
    }

    .backdrop-blur-sm {
        --tw-backdrop-blur: blur(var(--blur-sm));
        -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )
    }

    .transition {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[background\,color\] {
        transition-property: background, color;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[background-color\,color\,opacity\] {
        transition-property: background-color, color, opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[background-color\] {
        transition-property: background-color;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[color\,background-color\,box-shadow\,border-color\] {
        transition-property: color, background-color, box-shadow, border-color;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[color\,background-color\,padding\,translate\,gap\] {
        transition-property: color, background-color, padding, translate, gap;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[color\,box-shadow\,border-color\] {
        transition-property: color, box-shadow, border-color;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[color\,box-shadow\] {
        transition-property: color, box-shadow;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[left\,right\,width\] {
        transition-property: left, right, width;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[margin\,opacity\] {
        transition-property: margin, opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[max-width\,opacity\,translate\] {
        transition-property: max-width, opacity, translate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[opacity\,background-color\] {
        transition-property: opacity, background-color;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[padding\] {
        transition-property: padding;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[top\,right\,bottom\,left\] {
        transition-property: top, right, bottom, left;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[transform\,top\,color\,font-size\] {
        transition-property: transform, top, color, font-size;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[width\,background-color\] {
        transition-property: width, background-color;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[width\,height\,padding\] {
        transition-property: width, height, padding;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[width\] {
        transition-property: width;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-all {
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-colors {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-opacity {
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-transform {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-none {
        transition-property: none
    }

    .duration-100 {
        --tw-duration: .1s;
        transition-duration: .1s
    }

    .duration-150 {
        --tw-duration: .15s;
        transition-duration: .15s
    }

    .duration-200 {
        --tw-duration: .2s;
        transition-duration: .2s
    }

    .duration-250 {
        --tw-duration: .25s;
        transition-duration: .25s
    }

    .duration-300 {
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .duration-1000 {
        --tw-duration: 1s;
        transition-duration: 1s
    }

    .ease-in-out {
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out)
    }

    .ease-linear {
        --tw-ease: linear;
        transition-timing-function: linear
    }

    .ease-out {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out)
    }

    .will-change-transform {
        will-change: transform
    }

    .\!outline-none {
        --tw-outline-style: none !important;
        outline-style: none !important
    }

    .fade-in-0 {
        --tw-enter-opacity: 0
    }

    .outline-none {
        --tw-outline-style: none;
        outline-style: none
    }

    .outline-none\! {
        --tw-outline-style: none !important;
        outline-style: none !important
    }

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

    .zoom-in-95 {
        --tw-enter-scale: .95
    }

    .\[--cell-size\:--spacing\(8\)\] {
        --cell-size: calc(var(--spacing) * 8)
    }

    .\[--ui-card-border\:var\(--gradient-outline-2\)\] {
        --ui-card-border: var(--gradient-outline-2)
    }

    .\[--ui-card-fill\:\#0A0A1A\] {
        --ui-card-fill: #0a0a1a
    }

    .\[--ui-card-fill\:var\(--card\)\] {
        --ui-card-fill: var(--card)
    }

    .\[--ui-card-fill\:var\(--color-surface-200\)\] {
        --ui-card-fill: var(--color-surface-200)
    }

    .\[--ui-card-fill\:var\(--popover\)\] {
        --ui-card-fill: var(--popover)
    }

    .\[--webkit-box-shadow\:0px_0px_0px_1000px_var\(--surface-300\)_inset\] {
        --webkit-box-shadow: 0px 0px 0px 1000px var(--surface-300) inset
    }

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

    .\[-ms-overflow-style\:none\] {
        -ms-overflow-style: none
    }

    .\[-webkit-box-orient\:vertical\] {
        -webkit-box-orient: vertical
    }

    .\[-webkit-line-clamp\:1\] {
        -webkit-line-clamp: 1
    }

    .\[-webkit-line-clamp\:2\] {
        -webkit-line-clamp: 2
    }

    .\[-webkit-mask-image\:linear-gradient\(to_bottom\,black_0\,black_24px\,transparent_120px\)\] {
        -webkit-mask-image: linear-gradient(#000 0 24px, #0000 120px)
    }

    .\[-webkit-mask-image\:linear-gradient\(to_top\,transparent_0\,transparent_8px\,black_56px\)\] {
        -webkit-mask-image: linear-gradient(0deg, #0000 0 8px, #000 56px)
    }

    .\[-webkit-text-fill-color\:var\(--foreground\)\] {
        -webkit-text-fill-color: var(--foreground)
    }

    .\[background\:\#CCA1441A\] {
        background: #cca1441a
    }

    .\[background\:\#CCA14433\] {
        background: #cca14433
    }

    .\[background\:linear-gradient\(180deg\,\#FFD062_0\%\,\#FFC233_53\%\,\#EA7D00_151\%\)\] {
        background: linear-gradient(#ffd062 0%, #ffc233 53%, #ea7d00 151%)
    }

    .\[background\:linear-gradient\(180deg\,rgba\(47\,47\,54\,0\.3\)_0\%\,var\(--surface-500\)_100\%\)\] {
        background: linear-gradient(180deg, #2f2f364d 0%, var(--surface-500) 100%)
    }

    .\[background\:linear-gradient\(180deg\,rgba\(255\,208\,98\,0\.2\)_0\%\,rgba\(255\,208\,98\,0\.4\)_100\%\)\] {
        background: linear-gradient(#ffd06233 0%, #ffd06266 100%)
    }

    .\[background\:linear-gradient\(309\.38deg\,rgb\(17_44_22\/0\.2\)_24\.95\%\,rgb\(54_121_67\/0\.2\)_82\.63\%\)\,var\(--surface-200\)\] {
        background: linear-gradient(309.38deg, #112c1633 24.95%, #36794333 82.63%), var(--surface-200)
    }

    .\[background\:linear-gradient\(309\.38deg\,rgb\(18_18_20\/0\.2\)_24\.95\%\,rgb\(44_44_49\/0\.2\)_82\.63\%\)\,var\(--surface-200\)\] {
        background: linear-gradient(309.38deg, #12121433 24.95%, #2c2c3133 82.63%), var(--surface-200)
    }

    .\[background\:linear-gradient\(309\.38deg\,rgb\(44_35_15\/0\.2\)_24\.95\%\,rgb\(204_161_68\/0\.08\)_82\.63\%\)\,var\(--surface-200\)\] {
        background: linear-gradient(309.38deg, #2c230f33 24.95%, #cca14414 82.63%), var(--surface-200)
    }

    .\[background\:linear-gradient\(var\(--card\)\,var\(--card\)\)_padding-box\,linear-gradient\(180deg\,rgba\(47\,47\,54\,0\.3\)_0\%\,var\(--surface-500\)_100\%\)_border-box\] {
        background: linear-gradient(var(--card), var(--card)) padding-box, linear-gradient(180deg, #2f2f364d 0%, var(--surface-500) 100%) border-box
    }

    .\[background\:linear-gradient\(var\(--muted\)\,var\(--muted\)\)_padding-box\,var\(--gradient-outline-1\)_border-box\] {
        background: linear-gradient(var(--muted), var(--muted)) padding-box, var(--gradient-outline-1) border-box
    }

    .\[background\:linear-gradient\(var\(--popover\)\,var\(--popover\)\)_padding-box\,linear-gradient\(146deg\,rgba\(23\,23\,61\,1\)_0\%\,rgba\(54\,54\,96\,1\)_3\%\,rgba\(23\,23\,61\,1\)_10\%\,rgba\(23\,23\,61\,1\)_98\%\)_border-box\] {
        background: linear-gradient(var(--popover), var(--popover)) padding-box, linear-gradient(146deg, #17173d 0%, #363660 3%, #17173d 10%, #17173d 98%) border-box
    }

    .\[background\:linear-gradient\(var\(--popover\)\,var\(--popover\)\)_padding-box\,linear-gradient\(255\.96deg\,\#EE7722_0\%\,\#EE4D22_100\%\)_border-box\] {
        background: linear-gradient(var(--popover), var(--popover)) padding-box, linear-gradient(255.96deg, #e72 0%, #ee4d22 100%) border-box
    }

    .\[background\:linear-gradient\(var\(--popover\)\,var\(--popover\)\)_padding-box\,var\(--gradient-primary\)_border-box\] {
        background: linear-gradient(var(--popover), var(--popover)) padding-box, var(--gradient-primary) border-box
    }

    .\[background\:linear-gradient\(var\(--surface-100\)\,var\(--surface-100\)\)_padding-box\,var\(--gradient-outline-1\)_border-box\] {
        background: linear-gradient(var(--surface-100), var(--surface-100)) padding-box, var(--gradient-outline-1) border-box
    }

    .\[background\:linear-gradient\(var\(--surface-200\)\,var\(--surface-200\)\)_padding-box\,var\(--gradient-outline-1\)_border-box\] {
        background: linear-gradient(var(--surface-200), var(--surface-200)) padding-box, var(--gradient-outline-1) border-box
    }

    .\[background\:linear-gradient\(var\(--surface-300\)\,var\(--surface-300\)\)_padding-box\,var\(--gradient-outline-1\)_border-box\] {
        background: linear-gradient(var(--surface-300), var(--surface-300)) padding-box, var(--gradient-outline-1) border-box
    }

    .\[background\:linear-gradient\(var\(--surface-300\)\,var\(--surface-300\)\)_padding-box\,var\(--gradient-outline-3\)_border-box\] {
        background: linear-gradient(var(--surface-300), var(--surface-300)) padding-box, var(--gradient-outline-3) border-box
    }

    .\[background\:linear-gradient\(var\(--surface-500\)\,var\(--surface-500\)\)_padding-box\,var\(--gradient-primary\)_border-box\] {
        background: linear-gradient(var(--surface-500), var(--surface-500)) padding-box, var(--gradient-primary) border-box
    }

    .\[background\:url\(\'\/images\/top24\/top24\.webp\'\)_center\/cover_no-repeat\,var\(--card\)\] {
        background: url(../../../images/top24/top24.webp) center/cover no-repeat, var(--card)
    }

    .\[background\:var\(--gradient-outline-1\)\] {
        background: var(--gradient-outline-1)
    }

    .\[background\:var\(--gradient-outline-5\)\] {
        background: var(--gradient-outline-5)
    }

    .\[background\:var\(--gradient-primary\)\] {
        background: var(--gradient-primary)
    }

    .\[background\:var\(--gradient-primary-2\)\] {
        background: var(--gradient-primary-2)
    }

    .\[scrollbar-gutter\:stable\] {
        scrollbar-gutter: stable
    }

    .\[scrollbar-width\:none\] {
        scrollbar-width: none
    }

    .\[scrollbar-width\:thin\] {
        scrollbar-width: thin
    }

    .\[text-shadow\:0_0_4px_rgba\(223\,99\,10\,0\.4\)\] {
        text-shadow: 0 0 4px #df630a66
    }

    .\[text-shadow\:0_0_4px_rgba\(238\,115\,34\,0\.4\)\] {
        text-shadow: 0 0 4px #ee732266
    }

    .\[text-shadow\:0_0_4px_rgba\(255\,119\,0\,0\.4\)\] {
        text-shadow: 0 0 4px #f706
    }

    .\[text-shadow\:0_0_7px_rgba\(183\,58\,16\,0\.6\)\] {
        text-shadow: 0 0 7px #b73a1099
    }

    .\[text-shadow\:0_0_12px_rgba\(183\,58\,16\,0\.6\)\] {
        text-shadow: 0 0 12px #b73a1099
    }

    .fade-in {
        --tw-enter-opacity: 0
    }

    .ring-inset {
        --tw-ring-inset: inset
    }

    .running {
        animation-play-state: running
    }

    .not-first-of-type\:rounded-md:not(:first-of-type) {
        border-radius: var(--radius-md)
    }

    .group-focus-within\:pointer-events-auto:is(:where(.group):focus-within *) {
        pointer-events: auto
    }

    .group-focus-within\:visible:is(:where(.group):focus-within *) {
        visibility: visible
    }

    .group-focus-within\:translate-y-0:is(:where(.group):focus-within *) {
        --tw-translate-y: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
        opacity: 1
    }

    .group-focus-within\/ark-field\:\!top-\[6px\]:is(:where(.group\/ark-field):focus-within *) {
        top: 6px !important
    }

    .group-focus-within\/ark-field\:\!translate-y-0:is(:where(.group\/ark-field):focus-within *) {
        --tw-translate-y: calc(var(--spacing) * 0) !important;
        translate: var(--tw-translate-x) var(--tw-translate-y) !important
    }

    .group-focus-within\/ark-field\:\!text-\[12px\]:is(:where(.group\/ark-field):focus-within *) {
        font-size: 12px !important
    }

    .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *) {
        opacity: 1
    }

    @media (hover:hover) {
        .group-hover\:pointer-events-auto:is(:where(.group):hover *) {
            pointer-events: auto
        }

        .group-hover\:visible:is(:where(.group):hover *) {
            visibility: visible
        }

        .group-hover\:translate-y-0:is(:where(.group):hover *) {
            --tw-translate-y: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y)
        }

        .group-hover\:scale-110:is(:where(.group):hover *) {
            --tw-scale-x: 110%;
            --tw-scale-y: 110%;
            --tw-scale-z: 110%;
            scale: var(--tw-scale-x) var(--tw-scale-y)
        }

        .group-hover\:bg-black\/75:is(:where(.group):hover *) {
            background-color: #000000bf
        }

        @supports (color:color-mix(in lab, red, red)) {
            .group-hover\:bg-black\/75:is(:where(.group):hover *) {
                background-color: color-mix(in oklab, var(--color-black) 75%, transparent)
            }
        }

        .group-hover\:bg-surface-400:is(:where(.group):hover *) {
            background-color: var(--surface-400)
        }

        .group-hover\:bg-surface-500:is(:where(.group):hover *) {
            background-color: var(--surface-500)
        }

        .group-hover\:text-\(--placeholder\):is(:where(.group):hover *) {
            color: var(--placeholder)
        }

        .group-hover\:text-white:is(:where(.group):hover *) {
            color: var(--color-white)
        }

        .group-hover\:opacity-0:is(:where(.group):hover *) {
            opacity: 0
        }

        .group-hover\:opacity-100:is(:where(.group):hover *) {
            opacity: 1
        }

        .group-hover\/bonus\:border-secondary:is(:where(.group\/bonus):hover *) {
            border-color: var(--secondary)
        }

        .group-hover\/bonus\:bg-secondary\/10:is(:where(.group\/bonus):hover *) {
            background-color: var(--secondary)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .group-hover\/bonus\:bg-secondary\/10:is(:where(.group\/bonus):hover *) {
                background-color: color-mix(in oklab, var(--secondary) 10%, transparent)
            }
        }

        .group-hover\/bonus\:bg-secondary\/15:is(:where(.group\/bonus):hover *) {
            background-color: var(--secondary)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .group-hover\/bonus\:bg-secondary\/15:is(:where(.group\/bonus):hover *) {
                background-color: color-mix(in oklab, var(--secondary) 15%, transparent)
            }
        }

        .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *) {
            opacity: 1
        }
    }

    .group-active\:bg-surface-400:is(:where(.group):active *) {
        background-color: var(--surface-400)
    }

    .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pe-8:is(:where(.group\/menu-item):has([data-sidebar=menu-action]) *) {
        padding-inline-end: calc(var(--spacing) * 8)
    }

    .group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance:is(:where(.group\/field):has([data-orientation=horizontal]) *) {
        text-wrap: balance
    }

    .group-has-\[\[data-slot\=item-description\]\]\/item\:translate-y-0\.5:is(:where(.group\/item):has([data-slot=item-description]) *) {
        --tw-translate-y: calc(var(--spacing) * .5);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .group-has-\[\[data-slot\=item-description\]\]\/item\:self-start:is(:where(.group\/item):has([data-slot=item-description]) *) {
        align-self: flex-start
    }

    .group-has-\[input\:placeholder-shown\]\/ark-field\:top-\[24px\]:is(:where(.group\/ark-field):has(:is(input:placeholder-shown)) *) {
        top: 24px
    }

    .group-has-\[input\:placeholder-shown\]\/ark-field\:-translate-y-1\/2:is(:where(.group\/ark-field):has(:is(input:placeholder-shown)) *) {
        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .group-has-\[input\:placeholder-shown\]\/ark-field\:text-\[14px\]:is(:where(.group\/ark-field):has(:is(input:placeholder-shown)) *) {
        font-size: 14px
    }

    .group-has-\[textarea\:placeholder-shown\]\/ark-field\:top-\[24px\]:is(:where(.group\/ark-field):has(:is(textarea:placeholder-shown)) *) {
        top: 24px
    }

    .group-has-\[textarea\:placeholder-shown\]\/ark-field\:-translate-y-1\/2:is(:where(.group\/ark-field):has(:is(textarea:placeholder-shown)) *) {
        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .group-has-\[textarea\:placeholder-shown\]\/ark-field\:text-\[14px\]:is(:where(.group\/ark-field):has(:is(textarea:placeholder-shown)) *) {
        font-size: 14px
    }

    .group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.group\/input-group):has(>input) *) {
        padding-top: calc(var(--spacing) * 2.5)
    }

    .group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.group\/input-group):has(>input) *) {
        padding-bottom: calc(var(--spacing) * 2.5)
    }

    .group-data-\[active\=true\]\:pointer-events-auto:is(:where(.group)[data-active=true] *) {
        pointer-events: auto
    }

    .group-data-\[active\=true\]\:opacity-100:is(:where(.group)[data-active=true] *) {
        opacity: 1
    }

    .group-data-\[active\=true\]\/menu-button\:bg-\[image\:var\(--gradient-primary\)\]:is(:where(.group\/menu-button)[data-active=true] *) {
        background-image: var(--gradient-primary)
    }

    .group-data-\[active\=true\]\/menu-button\:text-primary-foreground:is(:where(.group\/menu-button)[data-active=true] *) {
        color: var(--primary-foreground)
    }

    .group-data-\[active\=true\]\/menu-button\:opacity-0:is(:where(.group\/menu-button)[data-active=true] *) {
        opacity: 0
    }

    .group-data-\[active\=true\]\/menu-button\:opacity-100:is(:where(.group\/menu-button)[data-active=true] *) {
        opacity: 1
    }

    .group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *) {
        margin-top: calc(var(--spacing) * -8)
    }

    .group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *) {
        display: none
    }

    .group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible=icon] *) {
        width: calc(var(--spacing) * 8) !important;
        height: calc(var(--spacing) * 8) !important
    }

    .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible=icon] *) {
        width: var(--sidebar-width-icon)
    }

    .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible=icon] *) {
        width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px)
    }

    .group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *) {
        overflow: hidden
    }

    .group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible=icon] *) {
        padding: calc(var(--spacing) * 0) !important
    }

    .group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible=icon] *) {
        padding: calc(var(--spacing) * 2) !important
    }

    .group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *) {
        opacity: 0
    }

    .group-data-\[collapsible\=offcanvas\]\:start-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *):not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: calc(var(--sidebar-width) * -1)
    }

    .group-data-\[collapsible\=offcanvas\]\:start-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: calc(var(--sidebar-width) * -1)
    }

    .group-data-\[collapsible\=offcanvas\]\:end-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *):not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: calc(var(--sidebar-width) * -1)
    }

    .group-data-\[collapsible\=offcanvas\]\:end-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: calc(var(--sidebar-width) * -1)
    }

    .group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible=offcanvas] *) {
        width: calc(var(--spacing) * 0)
    }

    .group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *) {
        --tw-translate-x: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *) {
        pointer-events: none
    }

    .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *),
    .group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled=true] *),
    .group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled=true] *) {
        opacity: .5
    }

    .group-data-\[side\=left\]\:-end-4:is(:where(.group)[data-side=left] *):not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: calc(var(--spacing) * -4)
    }

    .group-data-\[side\=left\]\:-end-4:is(:where(.group)[data-side=left] *):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: calc(var(--spacing) * -4)
    }

    .group-data-\[side\=left\]\:border-e:is(:where(.group)[data-side=left] *) {
        border-inline-end-style: var(--tw-border-style);
        border-inline-end-width: 1px
    }

    .group-data-\[side\=right\]\:start-0:is(:where(.group)[data-side=right] *):not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: calc(var(--spacing) * 0)
    }

    .group-data-\[side\=right\]\:start-0:is(:where(.group)[data-side=right] *):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: calc(var(--spacing) * 0)
    }

    .group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *) {
        rotate: 180deg
    }

    .group-data-\[side\=right\]\:border-s:is(:where(.group)[data-side=right] *) {
        border-inline-start-style: var(--tw-border-style);
        border-inline-start-width: 1px
    }

    .group-data-\[state\=collapsed\]\:-mt-8:is(:where(.group)[data-state=collapsed] *) {
        margin-top: calc(var(--spacing) * -8)
    }

    .group-data-\[state\=collapsed\]\:max-w-0:is(:where(.group)[data-state=collapsed] *) {
        max-width: calc(var(--spacing) * 0)
    }

    .group-data-\[state\=collapsed\]\:-translate-x-1:is(:where(.group)[data-state=collapsed] *) {
        --tw-translate-x: calc(var(--spacing) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .group-data-\[state\=collapsed\]\:justify-center:is(:where(.group)[data-state=collapsed] *) {
        justify-content: center
    }

    .group-data-\[state\=collapsed\]\:gap-0:is(:where(.group)[data-state=collapsed] *) {
        gap: calc(var(--spacing) * 0)
    }

    .group-data-\[state\=collapsed\]\:opacity-0:is(:where(.group)[data-state=collapsed] *) {
        opacity: 0
    }

    .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *) {
        rotate: 180deg
    }

    .group-data-\[state\=open\]\:text-foreground:is(:where(.group)[data-state=open] *) {
        color: var(--foreground)
    }

    .group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *) {
        border-radius: var(--radius-lg)
    }

    .group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant=floating] *) {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .group-data-\[variant\=floating\]\:border-sidebar-border:is(:where(.group)[data-variant=floating] *) {
        border-color: var(--sidebar-border)
    }

    .group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant=floating] *) {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant=outline] *) {
        margin-bottom: calc(var(--spacing) * -2)
    }

    .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *) {
        display: block
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        top: 100%
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        margin-top: calc(var(--spacing) * 1.5)
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        overflow: hidden
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        border-radius: var(--radius-md)
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:border:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:bg-popover:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        background-color: var(--popover)
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        color: var(--popover-foreground)
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:shadow:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:duration-200:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        --tw-duration: .2s;
        transition-duration: .2s
    }

    .peer-placeholder-shown\:top-1\/2:is(:where(.peer):placeholder-shown~*) {
        top: 50%
    }

    .peer-placeholder-shown\:-translate-y-1\/2:is(:where(.peer):placeholder-shown~*) {
        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .peer-placeholder-shown\:translate-y-2:is(:where(.peer):placeholder-shown~*) {
        --tw-translate-y: calc(var(--spacing) * 2);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .peer-placeholder-shown\:scale-100:is(:where(.peer):placeholder-shown~*) {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .peer-placeholder-shown\:text-\[14px\]:is(:where(.peer):placeholder-shown~*) {
        font-size: 14px
    }

    @media (hover:hover) {
        .peer-hover\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button):hover~*) {
            color: var(--sidebar-accent-foreground)
        }
    }

    .peer-focus\:top-\[6px\]:is(:where(.peer):focus~*) {
        top: 6px
    }

    .peer-focus\:\!translate-y-0:is(:where(.peer):focus~*) {
        --tw-translate-y: calc(var(--spacing) * 0) !important;
        translate: var(--tw-translate-x) var(--tw-translate-y) !important
    }

    .peer-focus\:translate-y-0:is(:where(.peer):focus~*) {
        --tw-translate-y: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .peer-focus\:\!scale-\[0\.857\]:is(:where(.peer):focus~*) {
        scale: .857 !important
    }

    .peer-focus\:text-\[12px\]:is(:where(.peer):focus~*) {
        font-size: 12px
    }

    .peer-focus-visible\:\!translate-y-0:is(:where(.peer):focus-visible~*) {
        --tw-translate-y: calc(var(--spacing) * 0) !important;
        translate: var(--tw-translate-x) var(--tw-translate-y) !important
    }

    .peer-focus-visible\:\!scale-\[0\.857\]:is(:where(.peer):focus-visible~*) {
        scale: .857 !important
    }

    .peer-focus-visible\:opacity-100:is(:where(.peer):focus-visible~*) {
        opacity: 1
    }

    .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*) {
        cursor: not-allowed
    }

    .peer-disabled\:opacity-50:is(:where(.peer):disabled~*) {
        opacity: .5
    }

    .peer-disabled\:opacity-60:is(:where(.peer):disabled~*) {
        opacity: .6
    }

    .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button)[data-active=true]~*) {
        color: var(--sidebar-accent-foreground)
    }

    .peer-data-\[placeholder\]\:translate-y-2:is(:where(.peer)[data-placeholder]~*) {
        --tw-translate-y: calc(var(--spacing) * 2);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .peer-data-\[placeholder\]\:scale-100:is(:where(.peer)[data-placeholder]~*) {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size=default]~*) {
        top: calc(var(--spacing) * 1.5)
    }

    .peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size=lg]~*) {
        top: calc(var(--spacing) * 2.5)
    }

    .peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size=sm]~*) {
        top: calc(var(--spacing) * 1)
    }

    .peer-data-\[state\=open\]\:\!translate-y-0:is(:where(.peer)[data-state=open]~*) {
        --tw-translate-y: calc(var(--spacing) * 0) !important;
        translate: var(--tw-translate-x) var(--tw-translate-y) !important
    }

    .peer-data-\[state\=open\]\:\!scale-\[0\.857\]:is(:where(.peer)[data-state=open]~*) {
        scale: .857 !important
    }

    .selection\:bg-primary ::selection,
    .selection\:bg-primary::selection {
        background-color: var(--primary)
    }

    .selection\:text-primary-foreground ::selection,
    .selection\:text-primary-foreground::selection {
        color: var(--primary-foreground)
    }

    .file\:inline-flex::-webkit-file-upload-button {
        display: inline-flex
    }

    .file\:inline-flex::file-selector-button {
        display: inline-flex
    }

    .file\:h-7::-webkit-file-upload-button {
        height: calc(var(--spacing) * 7)
    }

    .file\:h-7::file-selector-button {
        height: calc(var(--spacing) * 7)
    }

    .file\:border-0::-webkit-file-upload-button {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .file\:border-0::file-selector-button {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .file\:bg-transparent::-webkit-file-upload-button {
        background-color: #0000
    }

    .file\:bg-transparent::file-selector-button {
        background-color: #0000
    }

    .file\:text-sm::-webkit-file-upload-button {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .file\:text-sm::file-selector-button {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .file\:font-medium::-webkit-file-upload-button {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .file\:font-medium::file-selector-button {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .file\:text-foreground::-webkit-file-upload-button {
        color: var(--foreground)
    }

    .file\:text-foreground::file-selector-button {
        color: var(--foreground)
    }

    .placeholder\:text-\(--placeholder\)::placeholder {
        color: var(--placeholder)
    }

    .placeholder\:text-foreground::placeholder {
        color: var(--foreground)
    }

    .placeholder\:text-muted-foreground::placeholder {
        color: var(--muted-foreground)
    }

    .placeholder\:opacity-0::placeholder {
        opacity: 0
    }

    .placeholder\:opacity-100::placeholder {
        opacity: 1
    }

    .before\:pointer-events-none:before {
        content: var(--tw-content);
        pointer-events: none
    }

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

    .before\:inset-0:before {
        content: var(--tw-content);
        inset: calc(var(--spacing) * 0)
    }

    .before\:top-\[calc\(50\%\+20px\)\]:before {
        content: var(--tw-content);
        top: calc(50% + 20px)
    }

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

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

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

    .before\:size-12:before {
        content: var(--tw-content);
        width: calc(var(--spacing) * 12);
        height: calc(var(--spacing) * 12)
    }

    .before\:size-\[48px\]:before {
        content: var(--tw-content);
        width: 48px;
        height: 48px
    }

    .before\:-translate-x-1\/2:before {
        content: var(--tw-content);
        --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .before\:-translate-y-1\/2:before {
        content: var(--tw-content);
        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

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

    .before\:bg-\[color\:var\(--muted-foreground\)\]:before,
    .before\:bg-muted-foreground\/20:before {
        content: var(--tw-content);
        background-color: var(--muted-foreground)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .before\:bg-muted-foreground\/20:before {
            background-color: color-mix(in oklab, var(--muted-foreground) 20%, transparent)
        }
    }

    .before\:bg-success\/15:before {
        content: var(--tw-content);
        background-color: var(--success)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .before\:bg-success\/15:before {
            background-color: color-mix(in oklab, var(--success) 15%, transparent)
        }
    }

    .before\:\[background-image\:var\(--gradient-primary-glass-90\)\]:before {
        content: var(--tw-content);
        background-image: var(--gradient-primary-glass-90)
    }

    .before\:opacity-20:before {
        content: var(--tw-content);
        opacity: .2
    }

    .before\:blur-\[25px\]:before {
        content: var(--tw-content);
        --tw-blur: blur(25px);
        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, )
    }

    .before\:content-\[\'\'\]:before {
        --tw-content: "";
        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\:-inset-2:after {
        content: var(--tw-content);
        inset: calc(var(--spacing) * -2)
    }

    .after\:inset-y-0:after {
        content: var(--tw-content);
        inset-block: calc(var(--spacing) * 0)
    }

    .after\:start-1\/2:after {
        content: var(--tw-content)
    }

    .after\:start-1\/2:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
        left: 50%
    }

    .after\:start-1\/2:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
        right: 50%
    }

    .after\:start-\[calc\(1\/2\*100\%-1px\)\]:after {
        content: var(--tw-content)
    }

    .after\:start-\[calc\(1\/2\*100\%-1px\)\]:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
        left: calc(50% - 1px)
    }

    .after\:start-\[calc\(1\/2\*100\%-1px\)\]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
        right: calc(50% - 1px)
    }

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

    .after\:left-0:after {
        content: var(--tw-content);
        left: calc(var(--spacing) * 0)
    }

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

    .after\:h-4:after {
        content: var(--tw-content);
        height: calc(var(--spacing) * 4)
    }

    .after\:w-1:after {
        content: var(--tw-content);
        width: calc(var(--spacing) * 1)
    }

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

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

    .after\:-translate-x-1\/2:after {
        content: var(--tw-content);
        --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .after\:-translate-y-1\/2:after {
        content: var(--tw-content);
        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .after\:bg-transparent:after {
        content: var(--tw-content);
        background-color: #0000
    }

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

    .group-data-\[collapsible\=offcanvas\]\:after\:start-full:is(:where(.group)[data-collapsible=offcanvas] *):after {
        content: var(--tw-content)
    }

    .group-data-\[collapsible\=offcanvas\]\:after\:start-full:is(:where(.group)[data-collapsible=offcanvas] *):not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
        left: 100%
    }

    .group-data-\[collapsible\=offcanvas\]\:after\:start-full:is(:where(.group)[data-collapsible=offcanvas] *):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
        right: 100%
    }

    .first\:mt-0:first-child,
    .last\:mt-0:last-child {
        margin-top: calc(var(--spacing) * 0)
    }

    .last\:mr-\[calc\(var\(--shell-pad-mobile\)\*2\)\]:last-child {
        margin-right: calc(var(--shell-pad-mobile) * 2)
    }

    .last\:mb-0:last-child {
        margin-bottom: calc(var(--spacing) * 0)
    }

    .odd\:bg-surface-300:nth-child(odd) {
        background-color: var(--surface-300)
    }

    .even\:bg-surface-200:nth-child(2n) {
        background-color: var(--surface-200)
    }

    .even\:bg-surface-300:nth-child(2n) {
        background-color: var(--surface-300)
    }

    .focus-within\:z-20:focus-within {
        z-index: 20
    }

    .focus-within\:bg-surface-400:focus-within {
        background-color: var(--surface-400)
    }

    .focus-within\:ring-1:focus-within {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-within\:ring-secondary\/60:focus-within {
        --tw-ring-color: var(--secondary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus-within\:ring-secondary\/60:focus-within {
            --tw-ring-color: color-mix(in oklab, var(--secondary) 60%, transparent)
        }
    }

    @media (hover:hover) {
        .hover\:cursor-pointer:hover {
            cursor: pointer
        }

        .hover\:border-\(--secondary-green-light\):hover {
            border-color: var(--secondary-green-light)
        }

        .hover\:border-secondary:hover {
            border-color: var(--secondary)
        }

        .hover\:border-secondary-light:hover {
            border-color: var(--secondary-light)
        }

        .hover\:border-surface-600:hover {
            border-color: var(--surface-600)
        }

        .hover\:\!bg-card:hover {
            background-color: var(--card) !important
        }

        .hover\:\!bg-surface-500:hover {
            background-color: var(--surface-500) !important
        }

        .hover\:\!bg-transparent:hover {
            background-color: #0000 !important
        }

        .hover\:bg-\[var\(--surface-500\)\]:hover {
            background-color: var(--surface-500)
        }

        .hover\:bg-accent:hover {
            background-color: var(--accent)
        }

        .hover\:bg-black\/5:hover {
            background-color: #0000000d
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-black\/5:hover {
                background-color: color-mix(in oklab, var(--color-black) 5%, transparent)
            }
        }

        .hover\:bg-card\/80:hover {
            background-color: var(--card)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-card\/80:hover {
                background-color: color-mix(in oklab, var(--card) 80%, transparent)
            }
        }

        .hover\:bg-destructive\/30:hover {
            background-color: var(--destructive)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-destructive\/30:hover {
                background-color: color-mix(in oklab, var(--destructive) 30%, transparent)
            }
        }

        .hover\:bg-destructive\/90:hover {
            background-color: var(--destructive)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-destructive\/90:hover {
                background-color: color-mix(in oklab, var(--destructive) 90%, transparent)
            }
        }

        .hover\:bg-muted:hover,
        .hover\:bg-muted\/40:hover {
            background-color: var(--muted)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-muted\/40:hover {
                background-color: color-mix(in oklab, var(--muted) 40%, transparent)
            }
        }

        .hover\:bg-muted\/60:hover {
            background-color: var(--muted)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-muted\/60:hover {
                background-color: color-mix(in oklab, var(--muted) 60%, transparent)
            }
        }

        .hover\:bg-muted\/90:hover {
            background-color: var(--muted)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-muted\/90:hover {
                background-color: color-mix(in oklab, var(--muted) 90%, transparent)
            }
        }

        .hover\:bg-popover\/80:hover {
            background-color: var(--popover)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-popover\/80:hover {
                background-color: color-mix(in oklab, var(--popover) 80%, transparent)
            }
        }

        .hover\:bg-primary-dark\/24:hover {
            background-color: var(--primary-dark)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-primary-dark\/24:hover {
                background-color: color-mix(in oklab, var(--primary-dark) 24%, transparent)
            }
        }

        .hover\:bg-primary\/90:hover {
            background-color: var(--primary)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-primary\/90:hover {
                background-color: color-mix(in oklab, var(--primary) 90%, transparent)
            }
        }

        .hover\:bg-secondary\/80:hover {
            background-color: var(--secondary)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-secondary\/80:hover {
                background-color: color-mix(in oklab, var(--secondary) 80%, transparent)
            }
        }

        .hover\:bg-sidebar-accent:hover {
            background-color: var(--sidebar-accent)
        }

        .hover\:bg-surface-200:hover {
            background-color: var(--surface-200)
        }

        .hover\:bg-surface-300:hover,
        .hover\:bg-surface-300\/60:hover {
            background-color: var(--surface-300)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-surface-300\/60:hover {
                background-color: color-mix(in oklab, var(--surface-300) 60%, transparent)
            }
        }

        .hover\:bg-surface-300\/70:hover {
            background-color: var(--surface-300)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-surface-300\/70:hover {
                background-color: color-mix(in oklab, var(--surface-300) 70%, transparent)
            }
        }

        .hover\:bg-surface-400:hover {
            background-color: var(--surface-400)
        }

        .hover\:bg-surface-500:hover,
        .hover\:bg-surface-500\/90:hover {
            background-color: var(--surface-500)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-surface-500\/90:hover {
                background-color: color-mix(in oklab, var(--surface-500) 90%, transparent)
            }
        }

        .hover\:bg-transparent:hover {
            background-color: #0000
        }

        .hover\:bg-white\/15:hover {
            background-color: #ffffff26
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-white\/15:hover {
                background-color: color-mix(in oklab, var(--color-white) 15%, transparent)
            }
        }

        .hover\:\!text-primary-light:hover {
            color: var(--primary-light) !important
        }

        .hover\:text-\[\#79a0ff\]:hover {
            color: #79a0ff
        }

        .hover\:text-accent-foreground:hover {
            color: var(--accent-foreground)
        }

        .hover\:text-black:hover {
            color: var(--color-black)
        }

        .hover\:text-blue-300:hover {
            color: var(--color-blue-300)
        }

        .hover\:text-destructive\/90:hover {
            color: var(--destructive)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:text-destructive\/90:hover {
                color: color-mix(in oklab, var(--destructive) 90%, transparent)
            }
        }

        .hover\:text-foreground:hover {
            color: var(--foreground)
        }

        .hover\:text-muted-foreground:hover {
            color: var(--muted-foreground)
        }

        .hover\:text-placeholder:hover {
            color: var(--placeholder)
        }

        .hover\:text-secondary-light:hover {
            color: var(--secondary-light)
        }

        .hover\:text-sidebar-accent-foreground:hover {
            color: var(--sidebar-accent-foreground)
        }

        .hover\:text-white:hover {
            color: var(--color-white)
        }

        .hover\:no-underline:hover {
            text-decoration-line: none
        }

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

        .hover\:opacity-80:hover {
            opacity: .8
        }

        .hover\:opacity-90:hover {
            opacity: .9
        }

        .hover\:opacity-100:hover {
            opacity: 1
        }

        .hover\:shadow-\[0_0_0_1px_var\(--sidebar-accent\)\]:hover {
            --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-accent));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .hover\:shadow-\[0px_8px_24px_0px_rgba\(238\,117\,34\,0\.35\)\]:hover {
            --tw-shadow: 0px 8px 24px 0px var(--tw-shadow-color, #ee752259);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .hover\:ring-4:hover {
            --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .hover\:brightness-110:hover {
            --tw-brightness: brightness(110%);
            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, )
        }

        .hover\:\[background\:linear-gradient\(var\(--surface-300\)\,var\(--surface-300\)\)_padding-box\,var\(--gradient-outline-2\)_border-box\]:hover {
            background: linear-gradient(var(--surface-300), var(--surface-300)) padding-box, var(--gradient-outline-2) border-box
        }

        .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover:is(:where(.group)[data-collapsible=offcanvas] *) {
            background-color: var(--sidebar)
        }

        .hover\:after\:bg-sidebar-border:hover:after {
            content: var(--tw-content);
            background-color: var(--sidebar-border)
        }
    }

    .focus\:relative:focus {
        position: relative
    }

    .focus\:z-10:focus {
        z-index: 10
    }

    .focus\:border-ring:focus {
        border-color: var(--ring)
    }

    .focus\:bg-accent:focus {
        background-color: var(--accent)
    }

    .focus\:text-accent-foreground:focus {
        color: var(--accent-foreground)
    }

    .focus\:ring-ring\/50:focus {
        --tw-ring-color: var(--ring)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus\:ring-ring\/50:focus {
            --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent)
        }
    }

    .focus\:outline-none:focus {
        --tw-outline-style: none;
        outline-style: none
    }

    .focus\:placeholder\:opacity-100:focus::placeholder {
        opacity: 1
    }

    .focus\:after\:bg-white\/80:focus:after {
        content: var(--tw-content);
        background-color: #fffc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus\:after\:bg-white\/80:focus:after {
            background-color: color-mix(in oklab, var(--color-white) 80%, transparent)
        }
    }

    .focus-visible\:z-10:focus-visible {
        z-index: 10
    }

    .focus-visible\:\!border-transparent:focus-visible {
        border-color: #0000 !important
    }

    .focus-visible\:border-\(--secondary-green-light\):focus-visible {
        border-color: var(--secondary-green-light)
    }

    .focus-visible\:border-ring:focus-visible {
        border-color: var(--ring)
    }

    .focus-visible\:\!bg-transparent:focus-visible {
        background-color: #0000 !important
    }

    .focus-visible\:bg-surface-400:focus-visible {
        background-color: var(--surface-400)
    }

    .focus-visible\:underline:focus-visible {
        text-decoration-line: underline
    }

    .focus-visible\:\!ring-0:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .focus-visible\:\!ring-2:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .focus-visible\:ring-0:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-visible\:ring-0\!:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .focus-visible\:ring-1:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-visible\:ring-2:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-visible\:ring-4:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-visible\:ring-\[2px\]:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-visible\:ring-\[3px\]:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-visible\:\[box-shadow\:var\(--webkit-box-shadow\)\]:focus-visible {
        box-shadow: var(--webkit-box-shadow)
    }

    .focus-visible\:\!ring-ring\/35:focus-visible {
        --tw-ring-color: var(--ring) !important
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus-visible\:\!ring-ring\/35:focus-visible {
            --tw-ring-color: color-mix(in oklab, var(--ring) 35%, transparent) !important
        }
    }

    .focus-visible\:ring-destructive\/20:focus-visible {
        --tw-ring-color: var(--destructive)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus-visible\:ring-destructive\/20:focus-visible {
            --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent)
        }
    }

    .focus-visible\:ring-primary:focus-visible {
        --tw-ring-color: var(--primary)
    }

    :is(.focus-visible\:ring-ring:focus-visible, .focus-visible\:ring-ring\/50:focus-visible) {
        --tw-ring-color: var(--ring)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus-visible\:ring-ring\/50:focus-visible {
            --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent)
        }
    }

    .focus-visible\:ring-secondary\/35:focus-visible {
        --tw-ring-color: var(--secondary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus-visible\:ring-secondary\/35:focus-visible {
            --tw-ring-color: color-mix(in oklab, var(--secondary) 35%, transparent)
        }
    }

    .focus-visible\:ring-secondary\/60:focus-visible {
        --tw-ring-color: var(--secondary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus-visible\:ring-secondary\/60:focus-visible {
            --tw-ring-color: color-mix(in oklab, var(--secondary) 60%, transparent)
        }
    }

    .focus-visible\:ring-sidebar-ring:focus-visible {
        --tw-ring-color: var(--sidebar-ring)
    }

    .focus-visible\:ring-offset-1:focus-visible {
        --tw-ring-offset-width: 1px;
        --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)
    }

    .focus-visible\:ring-offset-2:focus-visible {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)
    }

    .focus-visible\:ring-offset-background:focus-visible {
        --tw-ring-offset-color: var(--background)
    }

    .focus-visible\:outline-hidden:focus-visible {
        --tw-outline-style: none;
        outline-style: none
    }

    @media (forced-colors:active) {
        .focus-visible\:outline-hidden:focus-visible {
            outline-offset: 2px;
            outline: 2px solid #0000
        }
    }

    .focus-visible\:outline-1:focus-visible {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
    }

    .focus-visible\:outline-ring:focus-visible {
        outline-color: var(--ring)
    }

    .focus-visible\:outline-none:focus-visible {
        --tw-outline-style: none;
        outline-style: none
    }

    .focus-visible\:\[--webkit-box-shadow\:0_0_0px_1000px_var\(--surface-300\)_inset\]:focus-visible {
        --webkit-box-shadow: 0 0 0px 1000px var(--surface-300) inset
    }

    .focus-visible\:\[--webkit-box-shadow\:0_0_0px_1000px_var\(--surface-400\)_inset\]:focus-visible {
        --webkit-box-shadow: 0 0 0px 1000px var(--surface-400) inset
    }

    .focus-visible\:\[--webkit-text-fill-color\:var\(--foreground\)\]:focus-visible {
        --webkit-text-fill-color: var(--foreground)
    }

    .active\:cursor-grabbing:active {
        cursor: grabbing
    }

    .active\:\!bg-surface-500\/90:active {
        background-color: var(--surface-500) !important
    }

    @supports (color:color-mix(in lab, red, red)) {
        .active\:\!bg-surface-500\/90:active {
            background-color: color-mix(in oklab, var(--surface-500) 90%, transparent) !important
        }
    }

    .active\:\!bg-transparent:active {
        background-color: #0000 !important
    }

    .active\:bg-muted:active,
    .active\:bg-muted\/60:active {
        background-color: var(--muted)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .active\:bg-muted\/60:active {
            background-color: color-mix(in oklab, var(--muted) 60%, transparent)
        }
    }

    .active\:bg-muted\/80:active {
        background-color: var(--muted)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .active\:bg-muted\/80:active {
            background-color: color-mix(in oklab, var(--muted) 80%, transparent)
        }
    }

    .active\:bg-sidebar-accent:active {
        background-color: var(--sidebar-accent)
    }

    .active\:bg-surface-400:active,
    .active\:bg-surface-400\/90:active {
        background-color: var(--surface-400)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .active\:bg-surface-400\/90:active {
            background-color: color-mix(in oklab, var(--surface-400) 90%, transparent)
        }
    }

    .active\:bg-surface-500:active,
    .active\:bg-surface-500\/80:active {
        background-color: var(--surface-500)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .active\:bg-surface-500\/80:active {
            background-color: color-mix(in oklab, var(--surface-500) 80%, transparent)
        }
    }

    .active\:bg-surface-500\/90:active {
        background-color: var(--surface-500)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .active\:bg-surface-500\/90:active {
            background-color: color-mix(in oklab, var(--surface-500) 90%, transparent)
        }
    }

    .active\:bg-surface-500\/95:active {
        background-color: var(--surface-500)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .active\:bg-surface-500\/95:active {
            background-color: color-mix(in oklab, var(--surface-500) 95%, transparent)
        }
    }

    .active\:bg-transparent:active {
        background-color: #0000
    }

    .active\:\!text-primary-light:active {
        color: var(--primary-light) !important
    }

    .active\:text-sidebar-accent-foreground:active {
        color: var(--sidebar-accent-foreground)
    }

    .active\:shadow-\[0px_8px_24px_0px_rgba\(238\,117\,34\,0\.5\)\]:active {
        --tw-shadow: 0px 8px 24px 0px var(--tw-shadow-color, #ee752280);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .active\:brightness-95:active {
        --tw-brightness: brightness(95%);
        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, )
    }

    @media (hover:hover) {
        .enabled\:group-hover\:bg-surface-500:enabled:is(:where(.group):hover *) {
            background-color: var(--surface-500)
        }
    }

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

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

    .disabled\:cursor-default:disabled {
        cursor: default
    }

    .disabled\:cursor-not-allowed:disabled {
        cursor: not-allowed
    }

    .disabled\:bg-surface-200:disabled {
        background-color: var(--surface-200)
    }

    .disabled\:bg-surface-300:disabled {
        background-color: var(--surface-300)
    }

    .disabled\:text-muted-foreground:disabled {
        color: var(--muted-foreground)
    }

    .disabled\:\!opacity-40:disabled {
        opacity: .4 !important
    }

    .disabled\:opacity-40:disabled {
        opacity: .4
    }

    .disabled\:opacity-50:disabled {
        opacity: .5
    }

    .disabled\:opacity-60:disabled {
        opacity: .6
    }

    .disabled\:opacity-100:disabled {
        opacity: 1
    }

    .disabled\:opacity-100\!:disabled {
        opacity: 1 !important
    }

    .disabled\:\[--ui-button-primary-background\:linear-gradient\(180deg\,\#746643_0\%\,\#745F23_53\.01\%\,\#6A3D00_151\.04\%\)\]\!:disabled {
        --ui-button-primary-background: linear-gradient(180deg, #746643 0%, #745f23 53.01%, #6a3d00 151.04%) !important
    }

    .disabled\:\[--ui-button-primary-border\:linear-gradient\(180deg\,\#745F23\,\#745F23\)\]\!:disabled {
        --ui-button-primary-border: linear-gradient(180deg, #745f23, #745f23) !important
    }

    .disabled\:\[--ui-button-primary-overlay\:transparent\]\!:disabled {
        --ui-button-primary-overlay: transparent !important
    }

    @media (hover:hover) {
        .disabled\:hover\:text-blue-400:disabled:hover {
            color: var(--color-blue-400)
        }
    }

    :where([data-side=left]) .in-data-\[side\=left\]\:cursor-w-resize {
        cursor: w-resize
    }

    :where([data-side=right]) .in-data-\[side\=right\]\:cursor-e-resize {
        cursor: e-resize
    }

    .has-focus\:border-ring:has(:focus) {
        border-color: var(--ring)
    }

    .has-focus\:ring-\[3px\]:has(:focus) {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .has-focus\:ring-ring\/50:has(:focus) {
        --tw-ring-color: var(--ring)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .has-focus\:ring-ring\/50:has(:focus) {
            --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent)
        }
    }

    .has-disabled\:opacity-50:has(:disabled) {
        opacity: .5
    }

    .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]) {
        grid-template-columns: 1fr auto
    }

    .has-data-\[state\=checked\]\:border-primary:has([data-state=checked]) {
        border-color: var(--primary)
    }

    .has-data-\[state\=checked\]\:bg-primary\/5:has([data-state=checked]) {
        background-color: var(--primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .has-data-\[state\=checked\]\:bg-primary\/5:has([data-state=checked]) {
            background-color: color-mix(in oklab, var(--primary) 5%, transparent)
        }
    }

    .has-data-\[variant\=inset\]\:bg-sidebar:has([data-variant=inset]) {
        background-color: var(--sidebar)
    }

    .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:bg-surface-400:has([data-slot=input-group-control]:focus-visible) {
        background-color: var(--surface-400)
    }

    .has-\[\[data-slot\=input-group-control\]\[aria-invalid\=true\]\]\:border-destructive:has([data-slot=input-group-control][aria-invalid=true]) {
        border-color: var(--destructive)
    }

    .has-\[select\:disabled\]\:opacity-50:has(:is(select:disabled)) {
        opacity: .5
    }

    .has-\[\>\[data-align\=block-end\]\]\:h-auto:has(>[data-align=block-end]) {
        height: auto
    }

    .has-\[\>\[data-align\=block-end\]\]\:flex-col:has(>[data-align=block-end]) {
        flex-direction: column
    }

    .has-\[\>\[data-align\=block-start\]\]\:h-auto:has(>[data-align=block-start]) {
        height: auto
    }

    .has-\[\>\[data-align\=block-start\]\]\:flex-col:has(>[data-align=block-start]) {
        flex-direction: column
    }

    .has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(>[data-slot=button-group]) {
        gap: calc(var(--spacing) * 2)
    }

    .has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has(>[data-slot=checkbox-group]) {
        gap: calc(var(--spacing) * 3)
    }

    .has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]) {
        align-items: flex-start
    }

    .has-\[\>\[data-slot\=field\]\]\:w-full:has(>[data-slot=field]) {
        width: 100%
    }

    .has-\[\>\[data-slot\=field\]\]\:flex-col:has(>[data-slot=field]) {
        flex-direction: column
    }

    .has-\[\>\[data-slot\=field\]\]\:rounded-md:has(>[data-slot=field]) {
        border-radius: var(--radius-md)
    }

    .has-\[\>\[data-slot\=field\]\]\:border:has(>[data-slot=field]) {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has(>[data-slot=radio-group]) {
        gap: calc(var(--spacing) * 3)
    }

    .has-\[\>button\]\:ms-\[-0\.45rem\]:has(>button) {
        margin-inline-start: -.45rem
    }

    .has-\[\>button\]\:me-\[-0\.45rem\]:has(>button) {
        margin-inline-end: -.45rem
    }

    .has-\[\>kbd\]\:ms-\[-0\.35rem\]:has(>kbd) {
        margin-inline-start: -.35rem
    }

    .has-\[\>kbd\]\:me-\[-0\.35rem\]:has(>kbd) {
        margin-inline-end: -.35rem
    }

    .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has(>svg) {
        grid-template-columns: calc(var(--spacing) * 4) 1fr
    }

    .has-\[\>svg\]\:gap-x-3:has(>svg) {
        column-gap: calc(var(--spacing) * 3)
    }

    .has-\[\>svg\]\:p-0:has(>svg) {
        padding: calc(var(--spacing) * 0)
    }

    .has-\[\>svg\]\:px-2:has(>svg) {
        padding-inline: calc(var(--spacing) * 2)
    }

    .has-\[\>svg\]\:px-2\.5:has(>svg) {
        padding-inline: calc(var(--spacing) * 2.5)
    }

    .has-\[\>svg\]\:px-3:has(>svg) {
        padding-inline: calc(var(--spacing) * 3)
    }

    .has-\[\>svg\]\:px-4:has(>svg) {
        padding-inline: calc(var(--spacing) * 4)
    }

    .has-\[\>textarea\]\:h-auto:has(>textarea) {
        height: auto
    }

    .aria-disabled\:pointer-events-none[aria-disabled=true] {
        pointer-events: none
    }

    .aria-disabled\:text-muted-foreground[aria-disabled=true] {
        color: var(--muted-foreground)
    }

    .aria-disabled\:opacity-50[aria-disabled=true] {
        opacity: .5
    }

    .aria-disabled\:opacity-100[aria-disabled=true] {
        opacity: 1
    }

    .aria-invalid\:\!border-transparent[aria-invalid=true] {
        border-color: #0000 !important
    }

    .aria-invalid\:border-destructive[aria-invalid=true] {
        border-color: var(--destructive)
    }

    .aria-invalid\:\!ring-0[aria-invalid=true] {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .aria-invalid\:ring-destructive\/20[aria-invalid=true] {
        --tw-ring-color: var(--destructive)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .aria-invalid\:ring-destructive\/20[aria-invalid=true] {
            --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent)
        }
    }

    .aria-invalid\:ring-destructive\/35[aria-invalid=true] {
        --tw-ring-color: var(--destructive)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .aria-invalid\:ring-destructive\/35[aria-invalid=true] {
            --tw-ring-color: color-mix(in oklab, var(--destructive) 35%, transparent)
        }
    }

    .aria-selected\:bg-accent[aria-selected=true] {
        background-color: var(--accent)
    }

    .aria-selected\:text-accent-foreground[aria-selected=true] {
        color: var(--accent-foreground)
    }

    .data-highlighted\:bg-accent[data-highlighted] {
        background-color: var(--accent)
    }

    .data-highlighted\:bg-surface-400[data-highlighted] {
        background-color: var(--surface-400)
    }

    .data-highlighted\:text-accent-foreground[data-highlighted] {
        color: var(--accent-foreground)
    }

    .data-selected\:bg-surface-400[data-selected] {
        background-color: var(--surface-400)
    }

    .data-selected\:bg-surface-500[data-selected] {
        background-color: var(--surface-500)
    }

    .data-\[active\=true\]\:bg-accent\/50[data-active=true] {
        background-color: var(--accent)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[active\=true\]\:bg-accent\/50[data-active=true] {
            background-color: color-mix(in oklab, var(--accent) 50%, transparent)
        }
    }

    .data-\[active\=true\]\:bg-muted[data-active=true] {
        background-color: var(--muted)
    }

    .data-\[active\=true\]\:bg-sidebar-accent[data-active=true] {
        background-color: var(--sidebar-accent)
    }

    .data-\[active\=true\]\:font-medium[data-active=true] {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .data-\[active\=true\]\:text-accent-foreground[data-active=true] {
        color: var(--accent-foreground)
    }

    .data-\[active\=true\]\:text-foreground[data-active=true] {
        color: var(--foreground)
    }

    .data-\[active\=true\]\:text-primary[data-active=true] {
        color: var(--primary)
    }

    .data-\[active\=true\]\:text-sidebar-accent-foreground[data-active=true] {
        color: var(--sidebar-accent-foreground)
    }

    @media (hover:hover) {
        .data-\[active\=true\]\:hover\:bg-accent[data-active=true]:hover {
            background-color: var(--accent)
        }
    }

    .data-\[active\=true\]\:focus\:bg-accent[data-active=true]:focus {
        background-color: var(--accent)
    }

    .data-\[direction\=vertical\]\:h-px[data-direction=vertical] {
        height: 1px
    }

    .data-\[direction\=vertical\]\:w-full[data-direction=vertical] {
        width: 100%
    }

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

    .data-\[direction\=vertical\]\:after\:start-0[data-direction=vertical]:after {
        content: var(--tw-content)
    }

    .data-\[direction\=vertical\]\:after\:start-0[data-direction=vertical]:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
        left: calc(var(--spacing) * 0)
    }

    .data-\[direction\=vertical\]\:after\:start-0[data-direction=vertical]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
        right: calc(var(--spacing) * 0)
    }

    .data-\[direction\=vertical\]\:after\:h-1[data-direction=vertical]:after {
        content: var(--tw-content);
        height: calc(var(--spacing) * 1)
    }

    .data-\[direction\=vertical\]\:after\:w-full[data-direction=vertical]:after {
        content: var(--tw-content);
        width: 100%
    }

    .data-\[direction\=vertical\]\:after\:translate-x-0[data-direction=vertical]:after {
        content: var(--tw-content);
        --tw-translate-x: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .data-\[direction\=vertical\]\:after\:-translate-y-1\/2[data-direction=vertical]:after {
        content: var(--tw-content);
        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .data-\[disabled\]\:pointer-events-none[data-disabled] {
        pointer-events: none
    }

    .data-\[disabled\]\:cursor-not-allowed[data-disabled] {
        cursor: not-allowed
    }

    .data-\[disabled\]\:text-\(--placeholder\)[data-disabled] {
        color: var(--placeholder)
    }

    .data-\[disabled\]\:text-muted-foreground[data-disabled] {
        color: var(--muted-foreground)
    }

    .data-\[disabled\]\:opacity-50[data-disabled] {
        opacity: .5
    }

    @media (hover:hover) {
        .data-\[disabled\]\:hover\:text-muted-foreground[data-disabled]:hover {
            color: var(--muted-foreground)
        }
    }

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

    .data-\[disabled\=true\]\:opacity-50[data-disabled=true] {
        opacity: .5
    }

    .data-\[fs-error\]\:text-destructive[data-fs-error] {
        color: var(--destructive)
    }

    .data-\[highlighted\]\:bg-accent[data-highlighted] {
        background-color: var(--accent)
    }

    .data-\[highlighted\]\:bg-muted[data-highlighted] {
        background-color: var(--muted)
    }

    .data-\[highlighted\]\:bg-surface-400[data-highlighted] {
        background-color: var(--surface-400)
    }

    .data-\[highlighted\]\:bg-surface-500[data-highlighted] {
        background-color: var(--surface-500)
    }

    .data-\[highlighted\]\:text-accent-foreground[data-highlighted] {
        color: var(--accent-foreground)
    }

    .data-\[highlighted\]\:text-foreground[data-highlighted] {
        color: var(--foreground)
    }

    .data-\[inset\]\:ps-8[data-inset] {
        padding-inline-start: calc(var(--spacing) * 8)
    }

    .data-\[invalid\]\:text-destructive[data-invalid],
    .data-\[invalid\=true\]\:text-destructive[data-invalid=true] {
        color: var(--destructive)
    }

    .data-\[motion\=from-end\]\:slide-in-from-end-52[data-motion=from-end]:where(:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=ltr]) {
        --tw-enter-translate-x: calc(52*var(--spacing))
    }

    .data-\[motion\=from-end\]\:slide-in-from-end-52[data-motion=from-end]:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=rtl]),
    .data-\[motion\=from-start\]\:slide-in-from-start-52[data-motion=from-start]:where(:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=ltr]) {
        --tw-enter-translate-x: calc(52*var(--spacing)*-1)
    }

    .data-\[motion\=from-start\]\:slide-in-from-start-52[data-motion=from-start]:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=rtl]) {
        --tw-enter-translate-x: calc(52*var(--spacing))
    }

    .data-\[motion\=to-end\]\:slide-out-to-end-52[data-motion=to-end]:where(:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=ltr]) {
        --tw-exit-translate-x: calc(52*var(--spacing))
    }

    .data-\[motion\=to-end\]\:slide-out-to-end-52[data-motion=to-end]:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=rtl]),
    .data-\[motion\=to-start\]\:slide-out-to-start-52[data-motion=to-start]:where(:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=ltr]) {
        --tw-exit-translate-x: calc(52*var(--spacing)*-1)
    }

    .data-\[motion\=to-start\]\:slide-out-to-start-52[data-motion=to-start]:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=rtl]) {
        --tw-exit-translate-x: calc(52*var(--spacing))
    }

    .data-\[motion\^\=from-\]\:animate-in[data-motion^=from-] {
        animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none)
    }

    .data-\[motion\^\=from-\]\:fade-in[data-motion^=from-] {
        --tw-enter-opacity: 0
    }

    .data-\[motion\^\=to-\]\:animate-out[data-motion^=to-] {
        animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none)
    }

    .data-\[motion\^\=to-\]\:fade-out[data-motion^=to-] {
        --tw-exit-opacity: 0
    }

    .data-\[nested\]\:\!z-\[100\][data-nested] {
        z-index: 100 !important
    }

    .data-\[nested\]\:z-\[950\][data-nested] {
        z-index: 950
    }

    .data-\[nested\]\:z-\[951\][data-nested] {
        z-index: 951
    }

    .data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal] {
        height: calc(var(--spacing) * 1.5)
    }

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

    .data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal] {
        height: 1px
    }

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

    .data-\[orientation\=vertical\]\:h-auto[data-orientation=vertical] {
        height: auto
    }

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

    .data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical] {
        min-height: calc(var(--spacing) * 44)
    }

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

    .data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical] {
        width: calc(var(--spacing) * 1.5)
    }

    .data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical] {
        width: auto
    }

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

    .data-\[orientation\=vertical\]\:w-px[data-orientation=vertical] {
        width: 1px
    }

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

    .data-\[outside-month\]\:text-muted-foreground[data-outside-month] {
        color: var(--muted-foreground)
    }

    @media (hover:hover) {
        .data-\[outside-month\]\:hover\:text-muted-foreground[data-outside-month]:hover {
            color: var(--muted-foreground)
        }
    }

    .data-\[placeholder\]\:text-\(--placeholder\)[data-placeholder] {
        color: var(--placeholder)
    }

    .data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
        color: var(--muted-foreground)
    }

    .data-\[range-end\]\:bg-primary[data-range-end] {
        background-color: var(--primary)
    }

    .data-\[range-end\]\:text-primary-foreground[data-range-end] {
        color: var(--primary-foreground)
    }

    .data-\[range-middle\]\:rounded-none[data-range-middle] {
        border-radius: 0
    }

    .data-\[range-middle\]\:rounded-e-md[data-range-middle]:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        border-top-right-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md)
    }

    .data-\[range-middle\]\:rounded-e-md[data-range-middle]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        border-top-left-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md)
    }

    .data-\[range-start\]\:bg-primary[data-range-start] {
        background-color: var(--primary)
    }

    .data-\[range-start\]\:text-primary-foreground[data-range-start] {
        color: var(--primary-foreground)
    }

    .data-\[selected\]\:bg-primary[data-selected] {
        background-color: var(--primary)
    }

    .data-\[selected\]\:bg-surface-500[data-selected] {
        background-color: var(--surface-500)
    }

    .data-\[selected\]\:text-foreground[data-selected] {
        color: var(--foreground)
    }

    .data-\[selected\]\:text-primary-foreground[data-selected] {
        color: var(--primary-foreground)
    }

    .data-\[selected\]\:text-secondary-foreground[data-selected] {
        color: var(--secondary-foreground)
    }

    .data-\[selected\]\:before\:absolute[data-selected]:before {
        content: var(--tw-content);
        position: absolute
    }

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

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

    .data-\[selected\]\:before\:h-6[data-selected]:before {
        content: var(--tw-content);
        height: calc(var(--spacing) * 6)
    }

    .data-\[selected\]\:before\:w-7[data-selected]:before {
        content: var(--tw-content);
        width: calc(var(--spacing) * 7)
    }

    .data-\[selected\]\:before\:-translate-x-1\/2[data-selected]:before {
        content: var(--tw-content);
        --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .data-\[selected\]\:before\:-translate-y-1\/2[data-selected]:before {
        content: var(--tw-content);
        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .data-\[selected\]\:before\:rounded[data-selected]:before {
        content: var(--tw-content);
        border-radius: .25rem
    }

    .data-\[selected\]\:before\:bg-secondary[data-selected]:before {
        content: var(--tw-content);
        background-color: var(--secondary)
    }

    .data-\[selected\]\:before\:content-\[\'\'\][data-selected]:before {
        --tw-content: "";
        content: var(--tw-content)
    }

    @media (hover:hover) {
        .data-\[selected\]\:hover\:text-secondary-foreground[data-selected]:hover {
            color: var(--secondary-foreground)
        }
    }

    .data-\[selected\=true\]\:bg-muted[data-selected=true] {
        background-color: var(--muted)
    }

    .data-\[side\=bottom\]\:-translate-x-1\/2[data-side=bottom] {
        --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .data-\[side\=bottom\]\:-translate-y-\[calc\(-50\%_\+_1px\)\][data-side=bottom] {
        --tw-translate-y: calc(calc(-50% + 1px) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .data-\[side\=bottom\]\:translate-y-1[data-side=bottom] {
        --tw-translate-y: calc(var(--spacing) * 1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] {
        --tw-enter-translate-y: calc(2*var(--spacing)*-1)
    }

    .data-\[side\=left\]\:-translate-x-1[data-side=left] {
        --tw-translate-x: calc(var(--spacing) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .data-\[side\=left\]\:-translate-y-\[calc\(50\%_-_3px\)\][data-side=left] {
        --tw-translate-y: calc(calc(50% - 3px) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .data-\[side\=left\]\:slide-in-from-end-2[data-side=left]:where(:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=ltr]) {
        --tw-enter-translate-x: calc(2*var(--spacing))
    }

    .data-\[side\=left\]\:slide-in-from-end-2[data-side=left]:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=rtl]) {
        --tw-enter-translate-x: calc(2*var(--spacing)*-1)
    }

    .data-\[side\=right\]\:translate-x-1[data-side=right] {
        --tw-translate-x: calc(var(--spacing) * 1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .data-\[side\=right\]\:translate-x-\[calc\(50\%_\+_2px\)\][data-side=right] {
        --tw-translate-x: calc(50% + 2px);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .data-\[side\=right\]\:translate-y-1\/2[data-side=right] {
        --tw-translate-y: calc(1 / 2 * 100%);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .data-\[side\=right\]\:slide-in-from-start-2[data-side=right]:where(:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=ltr]) {
        --tw-enter-translate-x: calc(2*var(--spacing)*-1)
    }

    .data-\[side\=right\]\:slide-in-from-start-2[data-side=right]:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=rtl]) {
        --tw-enter-translate-x: calc(2*var(--spacing))
    }

    .data-\[side\=top\]\:translate-x-1\/2[data-side=top] {
        --tw-translate-x: calc(1 / 2 * 100%);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .data-\[side\=top\]\:-translate-y-1[data-side=top] {
        --tw-translate-y: calc(var(--spacing) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .data-\[side\=top\]\:translate-y-\[calc\(-50\%_\+_2px\)\][data-side=top] {
        --tw-translate-y: calc(-50% + 2px);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] {
        --tw-enter-translate-y: calc(2*var(--spacing))
    }

    .data-\[size\=default\]\:h-9[data-size=default] {
        height: calc(var(--spacing) * 9)
    }

    .data-\[size\=sm\]\:h-8[data-size=sm] {
        height: calc(var(--spacing) * 8)
    }

    :is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description] {
        color: var(--destructive)
    }

    @supports (color:color-mix(in lab, red, red)) {
        :is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description] {
            color: color-mix(in oklab, var(--destructive) 90%, transparent)
        }
    }

    .data-\[slot\=checkbox-group\]\:gap-3[data-slot=checkbox-group] {
        gap: calc(var(--spacing) * 3)
    }

    :is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot=command-input-wrapper] {
        height: calc(var(--spacing) * 12)
    }

    :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot=navigation-menu-link]:focus {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot=navigation-menu-link]:focus {
        --tw-outline-style: none;
        outline-style: none
    }

    :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value] {
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    :is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value] {
        display: flex
    }

    :is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value] {
        align-items: center
    }

    :is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value] {
        gap: calc(var(--spacing) * 2)
    }

    .data-\[spacing\=0\]\:rounded-none[data-spacing="0"] {
        border-radius: 0
    }

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

    .data-\[spacing\=0\]\:first\:rounded-l-md[data-spacing="0"]:first-child {
        border-top-left-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md)
    }

    .data-\[spacing\=0\]\:last\:rounded-r-md[data-spacing="0"]:last-child {
        border-top-right-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md)
    }

    .data-\[state\=active\]\:bg-background[data-state=active] {
        background-color: var(--background)
    }

    .data-\[state\=active\]\:bg-muted[data-state=active] {
        background-color: var(--muted)
    }

    .data-\[state\=active\]\:text-\[white\][data-state=active] {
        color: #fff
    }

    .data-\[state\=active\]\:text-foreground[data-state=active] {
        color: var(--foreground)
    }

    .data-\[state\=active\]\:text-white[data-state=active] {
        color: var(--color-white)
    }

    .data-\[state\=active\]\:shadow-sm[data-state=active] {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .data-\[state\=active\]\:\[background\:linear-gradient\(var\(--popover\)\,var\(--popover\)\)_padding-box\,var\(--gradient-outline-3\)_border-box\][data-state=active] {
        background: linear-gradient(var(--popover), var(--popover)) padding-box, var(--gradient-outline-3) border-box
    }

    .data-\[state\=active\]\:after\:absolute[data-state=active]:after {
        content: var(--tw-content);
        position: absolute
    }

    .data-\[state\=active\]\:after\:bottom-0[data-state=active]:after {
        content: var(--tw-content);
        bottom: calc(var(--spacing) * 0)
    }

    .data-\[state\=active\]\:after\:hidden[data-state=active]:after {
        content: var(--tw-content);
        display: none
    }

    .data-\[state\=active\]\:after\:h-\[4px\][data-state=active]:after {
        content: var(--tw-content);
        height: 4px
    }

    .data-\[state\=active\]\:after\:w-full[data-state=active]:after {
        content: var(--tw-content);
        width: 100%
    }

    .data-\[state\=active\]\:after\:rounded-2xl[data-state=active]:after {
        content: var(--tw-content);
        border-radius: var(--radius-2xl)
    }

    .data-\[state\=active\]\:after\:content-\[\'\'\][data-state=active]:after {
        --tw-content: "";
        content: var(--tw-content)
    }

    .data-\[state\=active\]\:after\:\[background\:var\(--gradient-primary\)\][data-state=active]:after {
        content: var(--tw-content);
        background: var(--gradient-primary)
    }

    .data-\[state\=checked\]\:translate-x-3[data-state=checked] {
        --tw-translate-x: calc(var(--spacing) * 3);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .data-\[state\=checked\]\:border-info[data-state=checked] {
        border-color: var(--info)
    }

    .data-\[state\=checked\]\:border-transparent[data-state=checked] {
        border-color: #0000
    }

    .data-\[state\=checked\]\:bg-info[data-state=checked] {
        background-color: var(--info)
    }

    .data-\[state\=checked\]\:bg-secondary[data-state=checked] {
        background-color: var(--secondary)
    }

    .data-\[state\=checked\]\:bg-secondary-foreground[data-state=checked] {
        background-color: var(--secondary-foreground)
    }

    @media (hover:hover) {
        .hover\:data-\[state\=checked\]\:border-secondary-light:hover[data-state=checked] {
            border-color: var(--secondary-light)
        }

        .data-\[state\=checked\]\:hover\:bg-secondary-light[data-state=checked]:hover,
        .hover\:data-\[state\=checked\]\:bg-secondary-light:hover[data-state=checked] {
            background-color: var(--secondary-light)
        }
    }

    .data-\[state\=closed\]\:animate-accordion-up[data-state=closed] {
        animation: accordion-up var(--tw-animation-duration, var(--tw-duration, .2s))var(--tw-ease, ease-out)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none)
    }

    .data-\[state\=closed\]\:animate-out[data-state=closed] {
        animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none)
    }

    .data-\[state\=closed\]\:duration-300[data-state=closed] {
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .data-\[state\=closed\]\:fade-out-0[data-state=closed] {
        --tw-exit-opacity: 0
    }

    .data-\[state\=closed\]\:slide-out-to-end[data-state=closed]:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        --tw-exit-translate-x: 100%
    }

    .data-\[state\=closed\]\:slide-out-to-end[data-state=closed]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
    .data-\[state\=closed\]\:slide-out-to-start[data-state=closed]:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        --tw-exit-translate-x: -100%
    }

    .data-\[state\=closed\]\:slide-out-to-start[data-state=closed]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        --tw-exit-translate-x: 100%
    }

    .data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
        --tw-exit-scale: .95
    }

    .data-\[state\=closed\]\:\!\[--tw-exit-scale\:1\][data-state=closed] {
        --tw-exit-scale: 1 !important
    }

    .data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed] {
        --tw-exit-translate-y: 100%
    }

    .data-\[state\=closed\]\:slide-out-to-top[data-state=closed] {
        --tw-exit-translate-y: -100%
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed] {
        animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none)
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed] {
        --tw-exit-opacity: 0
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:zoom-out-95:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed] {
        --tw-exit-scale: .95
    }

    .data-\[state\=hidden\]\:animate-out[data-state=hidden] {
        animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none)
    }

    .data-\[state\=hidden\]\:fade-out[data-state=hidden] {
        --tw-exit-opacity: 0
    }

    .data-\[state\=inactive\]\:bg-transparent[data-state=inactive] {
        background-color: #0000
    }

    .data-\[state\=inactive\]\:\!text-foreground[data-state=inactive] {
        color: var(--foreground) !important
    }

    .data-\[state\=inactive\]\:text-muted-foreground[data-state=inactive] {
        color: var(--muted-foreground)
    }

    @media (hover:hover) {
        .data-\[state\=inactive\]\:hover\:text-foreground[data-state=inactive]:hover {
            color: var(--foreground)
        }
    }

    .data-\[state\=on\]\:bg-accent[data-state=on] {
        background-color: var(--accent)
    }

    .data-\[state\=on\]\:text-accent-foreground[data-state=on] {
        color: var(--accent-foreground)
    }

    .data-\[state\=open\]\:pointer-events-auto[data-state=open] {
        pointer-events: auto
    }

    .data-\[state\=open\]\:animate-accordion-down[data-state=open] {
        animation: accordion-down var(--tw-animation-duration, var(--tw-duration, .2s))var(--tw-ease, ease-out)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none)
    }

    .data-\[state\=open\]\:animate-in[data-state=open] {
        animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none)
    }

    .data-\[state\=open\]\:bg-accent[data-state=open],
    .data-\[state\=open\]\:bg-accent\/50[data-state=open] {
        background-color: var(--accent)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[state\=open\]\:bg-accent\/50[data-state=open] {
            background-color: color-mix(in oklab, var(--accent) 50%, transparent)
        }
    }

    .data-\[state\=open\]\:bg-surface-500[data-state=open] {
        background-color: var(--surface-500)
    }

    .data-\[state\=open\]\:text-accent-foreground[data-state=open] {
        color: var(--accent-foreground)
    }

    .data-\[state\=open\]\:opacity-100[data-state=open] {
        opacity: 1
    }

    .data-\[state\=open\]\:duration-500[data-state=open] {
        --tw-duration: .5s;
        transition-duration: .5s
    }

    .data-\[state\=open\]\:fade-in-0[data-state=open] {
        --tw-enter-opacity: 0
    }

    .data-\[state\=open\]\:slide-in-from-end[data-state=open]:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        --tw-enter-translate-x: 100%
    }

    .data-\[state\=open\]\:slide-in-from-end[data-state=open]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)),
    .data-\[state\=open\]\:slide-in-from-start[data-state=open]:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        --tw-enter-translate-x: -100%
    }

    .data-\[state\=open\]\:slide-in-from-start[data-state=open]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        --tw-enter-translate-x: 100%
    }

    .data-\[state\=open\]\:zoom-in-90[data-state=open] {
        --tw-enter-scale: .9
    }

    .data-\[state\=open\]\:zoom-in-95[data-state=open] {
        --tw-enter-scale: .95
    }

    .data-\[state\=open\]\:\!\[--tw-enter-scale\:1\][data-state=open] {
        --tw-enter-scale: 1 !important
    }

    .data-\[state\=open\]\:slide-in-from-bottom[data-state=open] {
        --tw-enter-translate-y: 100%
    }

    .data-\[state\=open\]\:slide-in-from-top[data-state=open] {
        --tw-enter-translate-y: -100%
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open] {
        animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none)
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open] {
        --tw-enter-opacity: 0
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open] {
        --tw-enter-scale: .95
    }

    @media (hover:hover) {
        .data-\[state\=open\]\:hover\:bg-accent[data-state=open]:hover {
            background-color: var(--accent)
        }

        .data-\[state\=open\]\:hover\:bg-sidebar-accent[data-state=open]:hover {
            background-color: var(--sidebar-accent)
        }

        .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground[data-state=open]:hover {
            color: var(--sidebar-accent-foreground)
        }
    }

    .data-\[state\=open\]\:focus\:bg-accent[data-state=open]:focus {
        background-color: var(--accent)
    }

    .data-\[state\=selected\]\:bg-muted[data-state=selected] {
        background-color: var(--muted)
    }

    .data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked] {
        --tw-translate-x: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .data-\[state\=unchecked\]\:border-secondary[data-state=unchecked] {
        border-color: var(--secondary)
    }

    .data-\[state\=unchecked\]\:bg-secondary[data-state=unchecked] {
        background-color: var(--secondary)
    }

    .data-\[state\=unchecked\]\:bg-transparent[data-state=unchecked] {
        background-color: #0000
    }

    @media (hover:hover) {
        .group-hover\:data-\[state\=unchecked\]\:bg-secondary-light:is(:where(.group):hover *)[data-state=unchecked] {
            background-color: var(--secondary-light)
        }

        .data-\[state\=unchecked\]\:hover\:border-secondary-light[data-state=unchecked]:hover {
            border-color: var(--secondary-light)
        }
    }

    .data-\[state\=visible\]\:animate-in[data-state=visible] {
        animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none)
    }

    .data-\[state\=visible\]\:fade-in[data-state=visible] {
        --tw-enter-opacity: 0
    }

    .data-\[unavailable\]\:text-muted-foreground[data-unavailable] {
        color: var(--muted-foreground)
    }

    .data-\[unavailable\]\:line-through[data-unavailable] {
        text-decoration-line: line-through
    }

    .data-\[variant\=destructive\]\:text-destructive[data-variant=destructive] {
        color: var(--destructive)
    }

    .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus {
        background-color: var(--destructive)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus {
            background-color: color-mix(in oklab, var(--destructive) 10%, transparent)
        }
    }

    .data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus {
        color: var(--destructive)
    }

    .data-\[variant\=destructive\]\:data-highlighted\:bg-destructive\/10[data-variant=destructive][data-highlighted] {
        background-color: var(--destructive)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[variant\=destructive\]\:data-highlighted\:bg-destructive\/10[data-variant=destructive][data-highlighted] {
            background-color: color-mix(in oklab, var(--destructive) 10%, transparent)
        }
    }

    .data-\[variant\=destructive\]\:data-highlighted\:text-destructive[data-variant=destructive][data-highlighted] {
        color: var(--destructive)
    }

    .data-\[variant\=label\]\:text-sm[data-variant=label] {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .data-\[variant\=legend\]\:text-base[data-variant=legend] {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height))
    }

    .data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-l-0[data-spacing="0"][data-variant=outline] {
        border-left-style: var(--tw-border-style);
        border-left-width: 0
    }

    .data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-l[data-spacing="0"][data-variant=outline]:first-child {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px
    }

    .data-\[spacing\=default\]\:data-\[variant\=outline\]\:shadow-xs[data-spacing=default][data-variant=outline] {
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction=bottom] {
        inset-inline: calc(var(--spacing) * 0)
    }

    .data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction=bottom] {
        bottom: calc(var(--spacing) * 0)
    }

    .data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction=bottom] {
        margin-top: calc(var(--spacing) * 24)
    }

    .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction=bottom] {
        max-height: 80vh
    }

    .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction=bottom] {
        border-top-left-radius: var(--radius-lg);
        border-top-right-radius: var(--radius-lg)
    }

    .data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction=bottom] {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px
    }

    .data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction=left] {
        inset-block: calc(var(--spacing) * 0)
    }

    .data-\[vaul-drawer-direction\=left\]\:start-0[data-vaul-drawer-direction=left]:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: calc(var(--spacing) * 0)
    }

    .data-\[vaul-drawer-direction\=left\]\:start-0[data-vaul-drawer-direction=left]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: calc(var(--spacing) * 0)
    }

    .data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction=left] {
        width: 75%
    }

    .data-\[vaul-drawer-direction\=left\]\:border-e[data-vaul-drawer-direction=left] {
        border-inline-end-style: var(--tw-border-style);
        border-inline-end-width: 1px
    }

    .data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction=right] {
        inset-block: calc(var(--spacing) * 0)
    }

    .data-\[vaul-drawer-direction\=right\]\:end-0[data-vaul-drawer-direction=right]:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: calc(var(--spacing) * 0)
    }

    .data-\[vaul-drawer-direction\=right\]\:end-0[data-vaul-drawer-direction=right]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: calc(var(--spacing) * 0)
    }

    .data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction=right] {
        width: 75%
    }

    .data-\[vaul-drawer-direction\=right\]\:border-s[data-vaul-drawer-direction=right] {
        border-inline-start-style: var(--tw-border-style);
        border-inline-start-width: 1px
    }

    .data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction=top] {
        inset-inline: calc(var(--spacing) * 0)
    }

    .data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction=top] {
        top: calc(var(--spacing) * 0)
    }

    .data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction=top] {
        margin-bottom: calc(var(--spacing) * 24)
    }

    .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction=top] {
        max-height: 80vh
    }

    .data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction=top] {
        border-bottom-right-radius: var(--radius-lg);
        border-bottom-left-radius: var(--radius-lg)
    }

    .data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction=top] {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .nth-last-2\:-mt-1:nth-last-child(2) {
        margin-top: calc(var(--spacing) * -1)
    }

    @media not all and (min-width:1450px) {
        .max-\[1450px\]\:w-\[100\%\] {
            width: 100%
        }
    }

    @media not all and (min-width:850px) {
        .max-\[850px\]\:grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr))
        }
    }

    @media not all and (min-width:490px) {
        .max-\[490px\]\:mt-11 {
            margin-top: calc(var(--spacing) * 11)
        }
    }

    @media not all and (min-width:451px) {
        .max-\[451px\]\:block {
            display: block
        }
    }

    @media not all and (min-width:440px) {
        .max-\[440px\]\:px-4 {
            padding-inline: calc(var(--spacing) * 4)
        }

        .max-\[440px\]\:px-6 {
            padding-inline: calc(var(--spacing) * 6)
        }
    }

    @media not all and (min-width:375px) {
        .max-\[375px\]\:gap-2 {
            gap: calc(var(--spacing) * 2)
        }

        .max-\[375px\]\:px-3 {
            padding-inline: calc(var(--spacing) * 3)
        }

        .max-\[375px\]\:text-q3 {
            font-size: var(--text-q3);
            line-height: var(--tw-leading, var(--text-q3--line-height));
            font-weight: var(--tw-font-weight, var(--text-q3--font-weight))
        }
    }

    @media not all and (min-width:374px) {
        .max-\[374px\]\:gap-1\.5 {
            gap: calc(var(--spacing) * 1.5)
        }

        .max-\[374px\]\:px-4 {
            padding-inline: calc(var(--spacing) * 4)
        }
    }

    @media (min-width:320px) {
        .min-\[320px\]\:w-\[calc\(100vw-32px\)\] {
            width: calc(100vw - 32px)
        }
    }

    @media (min-width:361px) {
        .min-\[361px\]\:w-\[79px\] {
            width: 79px
        }

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

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

    @media (min-width:375px) {
        .min-\[375px\]\:text-\[18px\] {
            font-size: 18px
        }
    }

    @media (min-width:441px) {
        .min-\[441px\]\:block {
            display: block
        }

        .min-\[441px\]\:max-h-227\.5 {
            max-height: calc(var(--spacing) * 227.5)
        }

        .min-\[441px\]\:bg-\(image\:--board-bg-url\) {
            background-image: var(--board-bg-url)
        }

        @media not all and (min-width:751px) {
            .min-\[441px\]\:max-\[751px\]\:aspect-1138\/1274 {
                aspect-ratio: 1138/1274
            }

            .min-\[441px\]\:max-\[751px\]\:max-h-none {
                max-height: none
            }

            .min-\[441px\]\:max-\[751px\]\:w-auto {
                width: auto
            }

            .min-\[441px\]\:max-\[751px\]\:max-w-none {
                max-width: none
            }
        }

        @media not all and (min-width:645px) {
            .min-\[441px\]\:max-\[645px\]\:top-\[calc\(20\%\+10px\)\] {
                top: calc(20% + 10px)
            }

            .min-\[441px\]\:max-\[645px\]\:h-\[calc\(80\%-10px\)\] {
                height: calc(80% - 10px)
            }
        }
    }

    @media (min-width:475px) {
        .min-\[475px\]\:w-auto {
            width: auto
        }

        .min-\[475px\]\:grid-cols-\[minmax\(0\,65fr\)_minmax\(0\,35fr\)\] {
            grid-template-columns: minmax(0, 65fr) minmax(0, 35fr)
        }
    }

    @media (min-width:483px) {
        .min-\[483px\]\:mb-2 {
            margin-bottom: calc(var(--spacing) * 2)
        }

        .min-\[483px\]\:size-16\.5 {
            width: calc(var(--spacing) * 16.5);
            height: calc(var(--spacing) * 16.5)
        }

        .min-\[483px\]\:h-38\.5 {
            height: calc(var(--spacing) * 38.5)
        }

        .min-\[483px\]\:max-h-none {
            max-height: none
        }

        .min-\[483px\]\:w-53\.5 {
            width: calc(var(--spacing) * 53.5)
        }

        .min-\[483px\]\:flex-col {
            flex-direction: column
        }

        .min-\[483px\]\:rounded-\[40px\] {
            border-radius: 40px
        }

        .min-\[483px\]\:bg-\(image\:--card-bg-url\) {
            background-image: var(--card-bg-url)
        }

        .min-\[483px\]\:bg-cover {
            background-size: cover
        }

        .min-\[483px\]\:text-center {
            text-align: center
        }

        .min-\[483px\]\:whitespace-pre-line {
            white-space: pre-line
        }
    }

    @media (min-width:500px) {
        .min-\[500px\]\:hidden {
            display: none
        }
    }

    @media (min-width:645px) {
        @media not all and (min-width:751px) {
            .min-\[645px\]\:max-\[751px\]\:top-\[calc\(20\%\+25px\)\] {
                top: calc(20% + 25px)
            }

            .min-\[645px\]\:max-\[751px\]\:h-\[calc\(80\%-25px\)\] {
                height: calc(80% - 25px)
            }
        }
    }

    @media (min-width:744px) {
        @media not all and (min-width:1023.98px) {
            .min-\[744px\]\:max-\[1023\.98px\]\:size-5 {
                width: calc(var(--spacing) * 5);
                height: calc(var(--spacing) * 5)
            }

            .min-\[744px\]\:max-\[1023\.98px\]\:h-10 {
                height: calc(var(--spacing) * 10)
            }

            .min-\[744px\]\:max-\[1023\.98px\]\:text-q3 {
                font-size: var(--text-q3);
                line-height: var(--tw-leading, var(--text-q3--line-height));
                font-weight: var(--tw-font-weight, var(--text-q3--font-weight))
            }
        }

        @media not all and (min-width:900px) {
            .min-\[744px\]\:max-\[900px\]\:mt-2 {
                margin-top: calc(var(--spacing) * 2)
            }
        }
    }

    @media (min-width:751px) {
        .min-\[751px\]\:aspect-1138\/910 {
            aspect-ratio: 1138/910
        }
    }

    @media (min-width:768px) {
        @media not all and (min-width:820px) {
            .min-\[768px\]\:max-\[820px\]\:text-h5 {
                font-size: var(--text-h5);
                line-height: var(--tw-leading, var(--text-h5--line-height));
                font-weight: var(--tw-font-weight, var(--text-h5--font-weight))
            }
        }
    }

    @media (min-width:900px) {
        .min-\[900px\]\:w-124\.5 {
            width: calc(var(--spacing) * 124.5)
        }
    }

    @media (min-width:1440px) {
        .min-\[1440px\]\:block {
            display: block
        }

        .min-\[1440px\]\:hidden {
            display: none
        }

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

        .min-\[1440px\]\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }
    }

    @media (min-width:1450px) {
        .min-\[1450px\]\:w-\[364px\] {
            width: 364px
        }
    }

    @media (min-width:22.5rem) {
        .xs\:order-1 {
            order: 1
        }

        .xs\:h-12 {
            height: calc(var(--spacing) * 12)
        }

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

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

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

        .xs\:flex-row {
            flex-direction: row
        }

        .xs\:items-center {
            align-items: center
        }

        .xs\:gap-y-0 {
            row-gap: calc(var(--spacing) * 0)
        }

        .xs\:p-4 {
            padding: calc(var(--spacing) * 4)
        }

        .xs\:p-8 {
            padding: calc(var(--spacing) * 8)
        }
    }

    @media (min-width:31.25rem) {
        .min-\[31\.25rem\]\:mx-auto {
            margin-inline-start: auto;
            margin-inline-end: auto
        }

        .min-\[31\.25rem\]\:block {
            display: block
        }

        .min-\[31\.25rem\]\:w-full {
            width: 100%
        }

        .min-\[31\.25rem\]\:max-w-115 {
            max-width: calc(var(--spacing) * 115)
        }

        .min-\[31\.25rem\]\:overflow-clip {
            overflow: clip
        }

        .min-\[31\.25rem\]\:rounded-\(--radius\) {
            border-radius: var(--radius)
        }

        .min-\[31\.25rem\]\:rounded-none {
            border-radius: 0
        }

        .min-\[31\.25rem\]\:bg-card {
            background-color: var(--card)
        }

        .min-\[31\.25rem\]\:p-6 {
            padding: calc(var(--spacing) * 6)
        }
    }

    @media (min-width:37.5rem) {
        .sm\:top-0 {
            top: calc(var(--spacing) * 0)
        }

        .sm\:order-1 {
            order: 1
        }

        .sm\:order-2 {
            order: 2
        }

        .sm\:mx-0 {
            margin-inline: calc(var(--spacing) * 0)
        }

        .sm\:mt-0 {
            margin-top: calc(var(--spacing) * 0)
        }

        .sm\:mt-4 {
            margin-top: calc(var(--spacing) * 4)
        }

        .sm\:mr-0 {
            margin-right: calc(var(--spacing) * 0)
        }

        .sm\:ml-0\! {
            margin-left: calc(var(--spacing) * 0) !important
        }

        .sm\:ml-4 {
            margin-left: calc(var(--spacing) * 4)
        }

        .sm\:block {
            display: block
        }

        .sm\:flex {
            display: flex
        }

        .sm\:inline {
            display: inline
        }

        .sm\:aspect-4\/3 {
            aspect-ratio: 4/3
        }

        .sm\:size-5 {
            width: calc(var(--spacing) * 5);
            height: calc(var(--spacing) * 5)
        }

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

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

        .sm\:h-\[min\(80dvh\,833px\)\] {
            height: min(80dvh, 833px)
        }

        .sm\:h-auto {
            height: auto
        }

        .sm\:max-h-10 {
            max-height: calc(var(--spacing) * 10)
        }

        .sm\:max-h-none {
            max-height: none
        }

        .sm\:w-\[305px\] {
            width: 305px
        }

        .sm\:w-auto {
            width: auto
        }

        .sm\:w-full {
            width: 100%
        }

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

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

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

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

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

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

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

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

        .sm\:max-w-lg {
            max-width: var(--container-lg)
        }

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

        .sm\:max-w-sm {
            max-width: var(--container-sm)
        }

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

        .sm\:basis-auto {
            flex-basis: auto
        }

        .sm\:-translate-y-4 {
            --tw-translate-y: calc(var(--spacing) * -4);
            translate: var(--tw-translate-x) var(--tw-translate-y)
        }

        .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-\[194fr_153fr\] {
            grid-template-columns: 194fr 153fr
        }

        .sm\:flex-col {
            flex-direction: column
        }

        .sm\:flex-row {
            flex-direction: row
        }

        .sm\:flex-nowrap {
            flex-wrap: nowrap
        }

        .sm\:items-center {
            align-items: center
        }

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

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

        .sm\:justify-center {
            justify-content: center
        }

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

        .sm\:gap-2\.5 {
            gap: calc(var(--spacing) * 2.5)
        }

        .sm\:gap-3 {
            gap: calc(var(--spacing) * 3)
        }

        :where(.sm\:space-y-2>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))
        }

        .sm\:gap-y-5 {
            row-gap: calc(var(--spacing) * 5)
        }

        .sm\:overflow-visible {
            overflow: visible
        }

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

        .sm\:border-0 {
            border-style: var(--tw-border-style);
            border-width: 0
        }

        .sm\:object-cover {
            object-fit: cover
        }

        .sm\:p-4 {
            padding: calc(var(--spacing) * 4)
        }

        .sm\:p-6 {
            padding: calc(var(--spacing) * 6)
        }

        .sm\:p-8 {
            padding: calc(var(--spacing) * 8)
        }

        .sm\:px-0 {
            padding-inline: calc(var(--spacing) * 0)
        }

        .sm\:px-2 {
            padding-inline: calc(var(--spacing) * 2)
        }

        .sm\:px-3 {
            padding-inline: calc(var(--spacing) * 3)
        }

        .sm\:py-6 {
            padding-block: calc(var(--spacing) * 6)
        }

        .sm\:ps-2\.5 {
            padding-inline-start: calc(var(--spacing) * 2.5)
        }

        .sm\:pe-2\.5 {
            padding-inline-end: calc(var(--spacing) * 2.5)
        }

        .sm\:pr-2 {
            padding-right: calc(var(--spacing) * 2)
        }

        .sm\:pl-\[25px\] {
            padding-left: 25px
        }

        .sm\:text-center {
            text-align: center
        }

        .sm\:text-start {
            text-align: start
        }

        .sm\:text-h1 {
            font-size: var(--text-h1);
            line-height: var(--tw-leading, var(--text-h1--line-height));
            font-weight: var(--tw-font-weight, var(--text-h1--font-weight))
        }

        .sm\:text-h2 {
            font-size: var(--text-h2);
            line-height: var(--tw-leading, var(--text-h2--line-height));
            font-weight: var(--tw-font-weight, var(--text-h2--font-weight))
        }

        .sm\:text-h5 {
            font-size: var(--text-h5);
            line-height: var(--tw-leading, var(--text-h5--line-height));
            font-weight: var(--tw-font-weight, var(--text-h5--font-weight))
        }

        .sm\:text-p2\! {
            font-size: var(--text-p2) !important;
            line-height: var(--tw-leading, var(--text-p2--line-height)) !important;
            font-weight: var(--tw-font-weight, var(--text-p2--font-weight)) !important
        }

        .sm\:font-bold {
            --tw-font-weight: var(--font-weight-bold);
            font-weight: var(--font-weight-bold)
        }

        .sm\:font-normal {
            --tw-font-weight: var(--font-weight-normal);
            font-weight: var(--font-weight-normal)
        }

        .sm\:text-foreground {
            color: var(--foreground)
        }

        .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction=left],
        .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction=right] {
            max-width: var(--container-sm)
        }
    }

    @media (min-width:46.5rem) {
        .md\:absolute {
            position: absolute
        }

        .md\:sticky {
            position: sticky
        }

        .md\:top-0 {
            top: calc(var(--spacing) * 0)
        }

        .md\:top-5 {
            top: calc(var(--spacing) * 5)
        }

        .md\:top-6 {
            top: calc(var(--spacing) * 6)
        }

        .md\:top-7 {
            top: calc(var(--spacing) * 7)
        }

        .md\:top-24 {
            top: calc(var(--spacing) * 24)
        }

        .md\:top-\[24px\] {
            top: 24px
        }

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

        .md\:top-\[calc\(var\(--header-h-mobile\)\+1rem\)\] {
            top: calc(var(--header-h-mobile) + 1rem)
        }

        .md\:top-auto {
            top: auto
        }

        .md\:right-0 {
            right: calc(var(--spacing) * 0)
        }

        .md\:right-5 {
            right: calc(var(--spacing) * 5)
        }

        .md\:right-6 {
            right: calc(var(--spacing) * 6)
        }

        .md\:right-7 {
            right: calc(var(--spacing) * 7)
        }

        .md\:right-11 {
            right: calc(var(--spacing) * 11)
        }

        .md\:right-\[24px\] {
            right: 24px
        }

        .md\:right-\[calc\(var\(--shell-pad-desktop\)\*-1\)\] {
            right: calc(var(--shell-pad-desktop) * -1)
        }

        .md\:bottom-0 {
            bottom: calc(var(--spacing) * 0)
        }

        .md\:bottom-7 {
            bottom: calc(var(--spacing) * 7)
        }

        .md\:bottom-\[-24px\] {
            bottom: -24px
        }

        .md\:left-6 {
            left: calc(var(--spacing) * 6)
        }

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

        .md\:order-1 {
            order: 1
        }

        .md\:order-2 {
            order: 2
        }

        .md\:order-3 {
            order: 3
        }

        .md\:order-4 {
            order: 4
        }

        .md\:order-5 {
            order: 5
        }

        .md\:order-6 {
            order: 6
        }

        .md\:order-7 {
            order: 7
        }

        .md\:order-8 {
            order: 8
        }

        .md\:order-9 {
            order: 9
        }

        .md\:order-10 {
            order: 10
        }

        .md\:order-11 {
            order: 11
        }

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

        .md\:order-none {
            order: 0
        }

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

        .md\:m-0 {
            margin: calc(var(--spacing) * 0)
        }

        .md\:mx-0 {
            margin-inline: calc(var(--spacing) * 0)
        }

        .md\:mx-\[calc\(var\(--shell-pad-desktop\)\*-1\)\] {
            margin-inline: calc(var(--shell-pad-desktop) * -1)
        }

        .md\:me-\[calc\(var\(--shell-pad-desktop\)\*-1\)\] {
            margin-inline-end: calc(var(--shell-pad-desktop) * -1)
        }

        .md\:mt-0 {
            margin-top: calc(var(--spacing) * 0)
        }

        .md\:mt-2 {
            margin-top: calc(var(--spacing) * 2)
        }

        .md\:mt-3 {
            margin-top: calc(var(--spacing) * 3)
        }

        .md\:mt-4 {
            margin-top: calc(var(--spacing) * 4)
        }

        .md\:mt-5 {
            margin-top: calc(var(--spacing) * 5)
        }

        .md\:mt-6 {
            margin-top: calc(var(--spacing) * 6)
        }

        .md\:mt-8 {
            margin-top: calc(var(--spacing) * 8)
        }

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

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

        .md\:-mr-6 {
            margin-right: calc(var(--spacing) * -6)
        }

        .md\:mb-0 {
            margin-bottom: calc(var(--spacing) * 0)
        }

        .md\:mb-2 {
            margin-bottom: calc(var(--spacing) * 2)
        }

        .md\:mb-8 {
            margin-bottom: calc(var(--spacing) * 8)
        }

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

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

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

        .md\:ml-1 {
            margin-left: calc(var(--spacing) * 1)
        }

        .md\:ml-2 {
            margin-left: calc(var(--spacing) * 2)
        }

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

        .md\:block {
            display: block
        }

        .md\:flex {
            display: flex
        }

        .md\:grid {
            display: grid
        }

        .md\:hidden {
            display: none
        }

        .md\:inline {
            display: inline
        }

        .md\:inline-flex {
            display: inline-flex
        }

        .md\:table-cell {
            display: table-cell
        }

        .md\:table-column {
            display: table-column
        }

        .md\:table-header-group {
            display: table-header-group
        }

        .md\:table-row {
            display: table-row
        }

        .md\:aspect-2\/1 {
            aspect-ratio: 2
        }

        .md\:size-16 {
            width: calc(var(--spacing) * 16);
            height: calc(var(--spacing) * 16)
        }

        .md\:size-\[54px\] {
            width: 54px;
            height: 54px
        }

        .md\:h-10 {
            height: calc(var(--spacing) * 10)
        }

        .md\:h-12 {
            height: calc(var(--spacing) * 12)
        }

        .md\:h-60 {
            height: calc(var(--spacing) * 60)
        }

        .md\:h-171\.25 {
            height: calc(var(--spacing) * 171.25)
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .md\:h-auto {
            height: auto
        }

        .md\:h-full {
            height: 100%
        }

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

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

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

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

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

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

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

        .md\:max-h-none {
            max-height: none
        }

        .md\:min-h-0 {
            min-height: calc(var(--spacing) * 0)
        }

        .md\:min-h-40 {
            min-height: calc(var(--spacing) * 40)
        }

        .md\:min-h-70\.75 {
            min-height: calc(var(--spacing) * 70.75)
        }

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

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

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

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

        .md\:min-h-\[calc\(100dvh-var\(--header-h-mobile\)\+1px\)\] {
            min-height: calc(100dvh - var(--header-h-mobile) + 1px)
        }

        .md\:min-h-auto {
            min-height: auto
        }

        .md\:w-1\/4 {
            width: 25%
        }

        .md\:w-86\.5 {
            width: calc(var(--spacing) * 86.5)
        }

        .md\:w-86\.25 {
            width: calc(var(--spacing) * 86.25)
        }

        .md\:w-137 {
            width: calc(var(--spacing) * 137)
        }

        .md\:w-\[31px\] {
            width: 31px
        }

        .md\:w-\[40\%\] {
            width: 40%
        }

        .md\:w-\[75px\] {
            width: 75px
        }

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

        .md\:w-\[143px\] {
            width: 143px
        }

        .md\:w-\[153px\] {
            width: 153px
        }

        .md\:w-\[192px\] {
            width: 192px
        }

        .md\:w-\[200px\] {
            width: 200px
        }

        .md\:w-\[221px\] {
            width: 221px
        }

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

        .md\:w-\[231px\] {
            width: 231px
        }

        .md\:w-\[254px\] {
            width: 254px
        }

        .md\:w-\[296px\] {
            width: 296px
        }

        .md\:w-\[334px\] {
            width: 334px
        }

        .md\:w-\[335px\] {
            width: 335px
        }

        .md\:w-\[394px\] {
            width: 394px
        }

        .md\:w-\[400px\] {
            width: 400px
        }

        .md\:w-\[411px\] {
            width: 411px
        }

        .md\:w-\[429px\] {
            width: 429px
        }

        .md\:w-\[470px\] {
            width: 470px
        }

        .md\:w-\[484px\] {
            width: 484px
        }

        .md\:w-\[498px\] {
            width: 498px
        }

        .md\:w-\[544px\] {
            width: 544px
        }

        .md\:w-\[546px\] {
            width: 546px
        }

        .md\:w-\[var\(--bits-navigation-menu-viewport-width\)\] {
            width: var(--bits-navigation-menu-viewport-width)
        }

        .md\:w-auto {
            width: auto
        }

        .md\:w-fit {
            width: fit-content
        }

        .md\:w-full {
            width: 100%
        }

        .md\:max-w-100 {
            max-width: calc(var(--spacing) * 100)
        }

        .md\:max-w-125 {
            max-width: calc(var(--spacing) * 125)
        }

        .md\:max-w-\[52\%\] {
            max-width: 52%
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .md\:min-w-0 {
            min-width: calc(var(--spacing) * 0)
        }

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

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

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

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

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

        .md\:flex-1 {
            flex: 1
        }

        .md\:flex-1\/3 {
            flex: 33.3333%
        }

        .md\:flex-2\/3 {
            flex: 66.6667%
        }

        .md\:flex-none {
            flex: none
        }

        .md\:shrink {
            flex-shrink: 1
        }

        .md\:shrink-0 {
            flex-shrink: 0
        }

        .md\:basis-\[272\.5px\] {
            flex-basis: 272.5px
        }

        .md\:translate-x-0 {
            --tw-translate-x: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y)
        }

        .md\:translate-x-12 {
            --tw-translate-x: calc(var(--spacing) * 12);
            translate: var(--tw-translate-x) var(--tw-translate-y)
        }

        .md\:translate-x-\[-50\%\] {
            --tw-translate-x: -50%;
            translate: var(--tw-translate-x) var(--tw-translate-y)
        }

        .md\:translate-y-\[-50\%\] {
            --tw-translate-y: -50%;
            translate: var(--tw-translate-x) var(--tw-translate-y)
        }

        .md\:cursor-pointer {
            cursor: pointer
        }

        .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\:grid-cols-\[1fr_1fr_1fr\] {
            grid-template-columns: 1fr 1fr 1fr
        }

        .md\:grid-cols-\[1fr_140px\] {
            grid-template-columns: 1fr 140px
        }

        .md\:grid-cols-\[92px_132px_132px\] {
            grid-template-columns: 92px 132px 132px
        }

        .md\:grid-cols-\[178px_1fr_1fr\] {
            grid-template-columns: 178px 1fr 1fr
        }

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

        .md\:grid-cols-\[auto_158px_160px_1fr_48px\] {
            grid-template-columns: auto 158px 160px 1fr 48px
        }

        .md\:grid-cols-\[minmax\(0\,1fr\)_285px\] {
            grid-template-columns: minmax(0, 1fr) 285px
        }

        .md\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
            grid-template-columns: minmax(0, 1fr) auto
        }

        .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)
        }

        .md\:flex-col {
            flex-direction: column
        }

        .md\:flex-row {
            flex-direction: row
        }

        .md\:flex-row-reverse {
            flex-direction: row-reverse
        }

        .md\:flex-wrap {
            flex-wrap: wrap
        }

        .md\:items-center {
            align-items: center
        }

        .md\:items-stretch {
            align-items: stretch
        }

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

        .md\:justify-center {
            justify-content: center
        }

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

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

        .md\:gap-0 {
            gap: calc(var(--spacing) * 0)
        }

        .md\:gap-2 {
            gap: calc(var(--spacing) * 2)
        }

        .md\:gap-3 {
            gap: calc(var(--spacing) * 3)
        }

        .md\:gap-4 {
            gap: calc(var(--spacing) * 4)
        }

        .md\:gap-5 {
            gap: calc(var(--spacing) * 5)
        }

        .md\:gap-6 {
            gap: calc(var(--spacing) * 6)
        }

        .md\:gap-8 {
            gap: calc(var(--spacing) * 8)
        }

        .md\:gap-\[16px\] {
            gap: 16px
        }

        .md\:gap-\[24px\] {
            gap: 24px
        }

        .md\:gap-\[32px\] {
            gap: 32px
        }

        .md\:gap-\[100px\] {
            gap: 100px
        }

        :where(.md\:space-y-1>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))
        }

        :where(.md\:space-y-2>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))
        }

        :where(.md\:space-y-6>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))
        }

        :where(.md\:space-y-\[24px\]>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(24px * var(--tw-space-y-reverse));
            margin-block-end: calc(24px * calc(1 - var(--tw-space-y-reverse)))
        }

        .md\:gap-y-2 {
            row-gap: calc(var(--spacing) * 2)
        }

        .md\:self-center {
            align-self: center
        }

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

        .md\:truncate {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden
        }

        .md\:overflow-hidden {
            overflow: hidden
        }

        .md\:overflow-visible {
            overflow: visible
        }

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

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

        .md\:overscroll-y-none {
            overscroll-behavior-y: none
        }

        .md\:rounded-2xl {
            border-radius: var(--radius-2xl)
        }

        .md\:rounded-3xl {
            border-radius: var(--radius-3xl)
        }

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

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

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

        .md\:rounded-none {
            border-radius: 0
        }

        .md\:rounded-tl-none {
            border-top-left-radius: 0
        }

        .md\:rounded-tr-\[24px\] {
            border-top-right-radius: 24px
        }

        .md\:rounded-tr-none {
            border-top-right-radius: 0
        }

        .md\:rounded-br-\[24px\] {
            border-bottom-right-radius: 24px
        }

        .md\:border {
            border-style: var(--tw-border-style);
            border-width: 1px
        }

        .md\:border-surface-300 {
            border-color: var(--surface-300)
        }

        .md\:bg-\(--success\)\/15 {
            background-color: var(--success)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .md\:bg-\(--success\)\/15 {
                background-color: color-mix(in oklab, var(--success) 15%, transparent)
            }
        }

        .md\:bg-\[\#CCA14429\] {
            background-color: #cca14429
        }

        .md\:bg-card {
            background-color: var(--card)
        }

        .md\:bg-popover {
            background-color: var(--popover)
        }

        .md\:bg-transparent {
            background-color: #0000
        }

        .md\:bg-\[image\:var\(--banner-desktop\)\] {
            background-image: var(--banner-desktop)
        }

        .md\:bg-\[url\(\/images\/restricted\/background_telegram\.webp\)\] {
            background-image: url(../../../images/restricted/background_telegram.webp)
        }

        .md\:bg-\[url\(\/images\/restricted\/bg2\.webp\)\] {
            background-image: url(../../../images/restricted/bg2.webp)
        }

        .md\:bg-\[url\(\/images\/shop\/banner_background\.webp\)\] {
            background-image: url(../../../images/shop/banner_background.webp)
        }

        .md\:bg-cover {
            background-size: cover
        }

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

        .md\:bg-right {
            background-position: 100%
        }

        .md\:object-contain {
            object-fit: contain
        }

        .md\:object-right {
            object-position: right
        }

        .md\:object-right-bottom {
            object-position: right bottom
        }

        .md\:p-0 {
            padding: calc(var(--spacing) * 0)
        }

        .md\:p-4 {
            padding: calc(var(--spacing) * 4)
        }

        .md\:p-6 {
            padding: calc(var(--spacing) * 6)
        }

        .md\:p-8 {
            padding: calc(var(--spacing) * 8)
        }

        .md\:p-12 {
            padding: calc(var(--spacing) * 12)
        }

        .md\:p-\[32px\] {
            padding: 32px
        }

        .md\:px-\(--shell-pad-desktop\) {
            padding-inline: var(--shell-pad-desktop)
        }

        .md\:px-0 {
            padding-inline: calc(var(--spacing) * 0)
        }

        .md\:px-2 {
            padding-inline: calc(var(--spacing) * 2)
        }

        .md\:px-4 {
            padding-inline: calc(var(--spacing) * 4)
        }

        .md\:px-5 {
            padding-inline: calc(var(--spacing) * 5)
        }

        .md\:px-6 {
            padding-inline: calc(var(--spacing) * 6)
        }

        .md\:px-7 {
            padding-inline: calc(var(--spacing) * 7)
        }

        .md\:px-8 {
            padding-inline: calc(var(--spacing) * 8)
        }

        .md\:px-16 {
            padding-inline: calc(var(--spacing) * 16)
        }

        .md\:px-\[30px\] {
            padding-inline-start: 30px;
            padding-inline-end: 30px
        }

        .md\:px-\[44px\] {
            padding-inline-start: 44px;
            padding-inline-end: 44px
        }

        .md\:px-\[54px\] {
            padding-inline-start: 54px;
            padding-inline-end: 54px
        }

        .md\:py-4 {
            padding-block: calc(var(--spacing) * 4)
        }

        .md\:py-5 {
            padding-block: calc(var(--spacing) * 5)
        }

        .md\:py-6 {
            padding-block: calc(var(--spacing) * 6)
        }

        .md\:py-8 {
            padding-block: calc(var(--spacing) * 8)
        }

        .md\:py-10 {
            padding-block: calc(var(--spacing) * 10)
        }

        .md\:py-\[47px\] {
            padding-block-start: 47px;
            padding-block-end: 47px
        }

        .md\:py-\[125px\] {
            padding-block-start: 125px;
            padding-block-end: 125px
        }

        .md\:pe-\(--shell-pad-desktop\) {
            padding-inline-end: var(--shell-pad-desktop)
        }

        .md\:pe-2 {
            padding-inline-end: calc(var(--spacing) * 2)
        }

        .md\:pt-0 {
            padding-top: calc(var(--spacing) * 0)
        }

        .md\:pt-5 {
            padding-top: calc(var(--spacing) * 5)
        }

        .md\:pt-6 {
            padding-top: calc(var(--spacing) * 6)
        }

        .md\:pt-15 {
            padding-top: calc(var(--spacing) * 15)
        }

        .md\:pt-\[24px\] {
            padding-top: 24px
        }

        .md\:pt-\[43px\] {
            padding-top: 43px
        }

        .md\:pt-\[58px\] {
            padding-top: 58px
        }

        .md\:pr-0 {
            padding-right: calc(var(--spacing) * 0)
        }

        .md\:pr-4 {
            padding-right: calc(var(--spacing) * 4)
        }

        .md\:pr-8 {
            padding-right: calc(var(--spacing) * 8)
        }

        .md\:pr-10 {
            padding-right: calc(var(--spacing) * 10)
        }

        .md\:pb-0 {
            padding-bottom: calc(var(--spacing) * 0)
        }

        .md\:pb-4 {
            padding-bottom: calc(var(--spacing) * 4)
        }

        .md\:pb-6 {
            padding-bottom: calc(var(--spacing) * 6)
        }

        .md\:pb-8 {
            padding-bottom: calc(var(--spacing) * 8)
        }

        .md\:pb-10 {
            padding-bottom: calc(var(--spacing) * 10)
        }

        .md\:pb-16 {
            padding-bottom: calc(var(--spacing) * 16)
        }

        .md\:pl-2 {
            padding-left: calc(var(--spacing) * 2)
        }

        .md\:pl-4 {
            padding-left: calc(var(--spacing) * 4)
        }

        .md\:pl-6 {
            padding-left: calc(var(--spacing) * 6)
        }

        .md\:pl-13\.5 {
            padding-left: calc(var(--spacing) * 13.5)
        }

        .md\:pl-14 {
            padding-left: calc(var(--spacing) * 14)
        }

        .md\:pl-\[54px\] {
            padding-left: 54px
        }

        .md\:pl-\[143px\] {
            padding-left: 143px
        }

        .md\:text-left {
            text-align: left
        }

        .md\:text-right {
            text-align: right
        }

        .md\:text-h1 {
            font-size: var(--text-h1);
            line-height: var(--tw-leading, var(--text-h1--line-height));
            font-weight: var(--tw-font-weight, var(--text-h1--font-weight))
        }

        .md\:text-h2 {
            font-size: var(--text-h2);
            line-height: var(--tw-leading, var(--text-h2--line-height));
            font-weight: var(--tw-font-weight, var(--text-h2--font-weight))
        }

        .md\:text-h3 {
            font-size: var(--text-h3);
            line-height: var(--tw-leading, var(--text-h3--line-height));
            font-weight: var(--tw-font-weight, var(--text-h3--font-weight))
        }

        .md\:text-h4 {
            font-size: var(--text-h4);
            line-height: var(--tw-leading, var(--text-h4--line-height));
            font-weight: var(--tw-font-weight, var(--text-h4--font-weight))
        }

        .md\:text-h5 {
            font-size: var(--text-h5);
            line-height: var(--tw-leading, var(--text-h5--line-height));
            font-weight: var(--tw-font-weight, var(--text-h5--font-weight))
        }

        .md\:text-p1 {
            font-size: var(--text-p1);
            line-height: var(--tw-leading, var(--text-p1--line-height));
            font-weight: var(--tw-font-weight, var(--text-p1--font-weight))
        }

        .md\:text-p2 {
            font-size: var(--text-p2);
            line-height: var(--tw-leading, var(--text-p2--line-height));
            font-weight: var(--tw-font-weight, var(--text-p2--font-weight))
        }

        .md\:text-q2 {
            font-size: var(--text-q2);
            line-height: var(--tw-leading, var(--text-q2--line-height));
            font-weight: var(--tw-font-weight, var(--text-q2--font-weight))
        }

        .md\:text-sm {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height))
        }

        .md\:text-\[14px\] {
            font-size: 14px
        }

        .md\:text-\[15px\] {
            font-size: 15px
        }

        .md\:text-\[20px\] {
            font-size: 20px
        }

        .md\:text-\[24px\] {
            font-size: 24px
        }

        .md\:text-\[32px\] {
            font-size: 32px
        }

        .md\:text-\[40px\] {
            font-size: 40px
        }

        .md\:leading-\[1\.2\] {
            --tw-leading: 1.2;
            line-height: 1.2
        }

        .md\:leading-\[1\.4\] {
            --tw-leading: 1.4;
            line-height: 1.4
        }

        .md\:leading-\[1\.26\] {
            --tw-leading: 1.26;
            line-height: 1.26
        }

        .md\:opacity-0 {
            opacity: 0
        }

        .md\:transition-colors {
            transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration))
        }

        .md\:\[--ui-card-fill\:\#0A0A1A\] {
            --ui-card-fill: #0a0a1a
        }

        .md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant=inset]~*) {
            margin: calc(var(--spacing) * 2)
        }

        .md\:peer-data-\[variant\=inset\]\:ms-0:is(:where(.peer)[data-variant=inset]~*) {
            margin-inline-start: calc(var(--spacing) * 0)
        }

        .md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant=inset]~*) {
            border-radius: var(--radius-xl)
        }

        .md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant=inset]~*) {
            --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ms-2:is(:where(.peer)[data-variant=inset]~*):is(:where(.peer)[data-state=collapsed]~*) {
            margin-inline-start: calc(var(--spacing) * 2)
        }

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

        @media (hover:hover) {
            .md\:hover\:opacity-90:hover {
                opacity: .9
            }
        }

        @media not all and (min-width:1440px) {
            .md\:max-\[1440px\]\:grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr))
            }
        }

        @media not all and (min-width:64rem) {
            .md\:max-lg\:w-full {
                width: 100%
            }

            .md\:max-lg\:min-w-\[calc\(100\%\*1\.8\)\] {
                min-width: 180%
            }

            .md\:max-lg\:translate-x-4 {
                --tw-translate-x: calc(var(--spacing) * 4);
                translate: var(--tw-translate-x) var(--tw-translate-y)
            }
        }
    }

    @media (min-width:64rem) {
        .lg\:top-\[-72\.89\%\] {
            top: -72.89%
        }

        .lg\:left-0 {
            left: calc(var(--spacing) * 0)
        }

        .lg\:order-1 {
            order: 1
        }

        .lg\:order-2 {
            order: 2
        }

        .lg\:order-3 {
            order: 3
        }

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

        .lg\:mr-0 {
            margin-right: calc(var(--spacing) * 0)
        }

        .lg\:ml-0 {
            margin-left: calc(var(--spacing) * 0)
        }

        .lg\:block {
            display: block
        }

        .lg\:flex {
            display: flex
        }

        .lg\:grid {
            display: grid
        }

        .lg\:hidden {
            display: none
        }

        .lg\:h-\[68px\] {
            height: 68px
        }

        .lg\:h-\[152px\] {
            height: 152px
        }

        .lg\:h-\[162px\] {
            height: 162px
        }

        .lg\:h-\[180px\] {
            height: 180px
        }

        .lg\:h-\[260px\] {
            height: 260px
        }

        .lg\:h-\[265px\] {
            height: 265px
        }

        .lg\:h-\[284px\] {
            height: 284px
        }

        .lg\:h-\[304\.86\%\] {
            height: 304.86%
        }

        .lg\:h-\[348px\] {
            height: 348px
        }

        .lg\:h-auto {
            height: auto
        }

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

        .lg\:w-\[50\%\] {
            width: 50%
        }

        .lg\:w-\[77\%\] {
            width: 77%
        }

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

        .lg\:w-\[166\.7\%\] {
            width: 166.7%
        }

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

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

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

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

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

        .lg\:w-auto {
            width: auto
        }

        .lg\:min-w-\[calc\(100\%\*1\.8\)\] {
            min-width: 180%
        }

        .lg\:flex-1 {
            flex: 1
        }

        .lg\:flex-92 {
            flex: 92
        }

        .lg\:flex-239 {
            flex: 239
        }

        .lg\:shrink-0 {
            flex-shrink: 0
        }

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

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

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

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

        .lg\:grid-cols-\[360px_minmax\(0\,1fr\)\] {
            grid-template-columns: 360px minmax(0, 1fr)
        }

        .lg\:flex-row {
            flex-direction: row
        }

        .lg\:items-center {
            align-items: center
        }

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

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

        .lg\:gap-1\.5 {
            gap: calc(var(--spacing) * 1.5)
        }

        .lg\:gap-4 {
            gap: calc(var(--spacing) * 4)
        }

        .lg\:gap-6 {
            gap: calc(var(--spacing) * 6)
        }

        .lg\:gap-7 {
            gap: calc(var(--spacing) * 7)
        }

        .lg\:gap-\[100px\] {
            gap: 100px
        }

        :where(.lg\:space-y-0>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)))
        }

        :where(.lg\:space-y-2>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))
        }

        :where(.lg\:space-y-4>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))
        }

        :where(.lg\:space-y-6>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))
        }

        .lg\:gap-x-4 {
            column-gap: calc(var(--spacing) * 4)
        }

        .lg\:gap-y-6 {
            row-gap: calc(var(--spacing) * 6)
        }

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

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

        .lg\:border {
            border-style: var(--tw-border-style);
            border-width: 1px
        }

        .lg\:border-transparent {
            border-color: #0000
        }

        .lg\:bg-\[url\(\/images\/shop\/banner_person\.webp\)\] {
            background-image: url(../../../images/shop/banner_person.webp)
        }

        .lg\:bg-auto {
            background-size: auto
        }

        .lg\:bg-right-top {
            background-position: 100% 0
        }

        .lg\:object-cover {
            object-fit: cover
        }

        .lg\:object-fill {
            object-fit: fill
        }

        .lg\:object-left {
            object-position: left
        }

        .lg\:p-6 {
            padding: calc(var(--spacing) * 6)
        }

        .lg\:px-4 {
            padding-inline: calc(var(--spacing) * 4)
        }

        .lg\:px-6 {
            padding-inline: calc(var(--spacing) * 6)
        }

        .lg\:px-14 {
            padding-inline: calc(var(--spacing) * 14)
        }

        .lg\:py-\[49px\] {
            padding-block-start: 49px;
            padding-block-end: 49px
        }

        .lg\:pr-0 {
            padding-right: calc(var(--spacing) * 0)
        }

        .lg\:pr-4 {
            padding-right: calc(var(--spacing) * 4)
        }

        .lg\:pr-\[72px\] {
            padding-right: 72px
        }

        .lg\:pl-\[54px\] {
            padding-left: 54px
        }

        .lg\:text-\[24px\] {
            font-size: 24px
        }

        .lg\:\[background\:linear-gradient\(\#17171A\,\#17171A\)_padding-box\,var\(--gradient-outline-2\)_border-box\] {
            background: linear-gradient(#17171a, #17171a) padding-box, var(--gradient-outline-2) border-box
        }

        .first\:lg\:col-span-2:first-child {
            grid-column: span 2/span 2
        }
    }

    @media (min-width:80rem) {
        .xl\:sticky {
            position: sticky
        }

        .xl\:bottom-auto {
            bottom: auto
        }

        .xl\:left-5 {
            left: calc(var(--spacing) * 5)
        }

        .xl\:left-auto {
            left: auto
        }

        .xl\:mt-0 {
            margin-top: calc(var(--spacing) * 0)
        }

        .xl\:mt-auto {
            margin-top: auto
        }

        .xl\:mb-\(--shell-gap\) {
            margin-bottom: var(--shell-gap)
        }

        .xl\:-ml-0 {
            margin-left: calc(var(--spacing) * 0)
        }

        .xl\:block {
            display: block
        }

        .xl\:hidden {
            display: none
        }

        .xl\:h-\(--header-h-desktop\) {
            height: var(--header-h-desktop)
        }

        .xl\:h-70\.75 {
            height: calc(var(--spacing) * 70.75)
        }

        .xl\:h-\[344px\] {
            height: 344px
        }

        .xl\:h-\[438px\] {
            height: 438px
        }

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

        .xl\:min-h-\[calc\(100dvh-var\(--header-h-desktop\)\+1px\)\] {
            min-height: calc(100dvh - var(--header-h-desktop) + 1px)
        }

        .xl\:min-h-\[calc\(100dvh-var\(--header-h-desktop\)-var\(--shell-gap\)\)\] {
            min-height: calc(100dvh - var(--header-h-desktop) - var(--shell-gap))
        }

        .xl\:w-\[100\%\] {
            width: 100%
        }

        .xl\:w-\[498px\] {
            width: 498px
        }

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

        .xl\:max-w-124\.5 {
            max-width: calc(var(--spacing) * 124.5)
        }

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

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

        .xl\:-translate-y-0,
        .xl\:translate-y-0 {
            --tw-translate-y: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y)
        }

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

        .xl\:grid-cols-\[466px_600px\] {
            grid-template-columns: 466px 600px
        }

        .xl\:grid-cols-\[auto_minmax\(0\,1fr\)\] {
            grid-template-columns: auto minmax(0, 1fr)
        }

        .xl\:grid-cols-\[minmax\(0\,1fr\)_360px\] {
            grid-template-columns: minmax(0, 1fr) 360px
        }

        .xl\:flex-row {
            flex-direction: row
        }

        .xl\:items-center {
            align-items: center
        }

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

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

        .xl\:gap-0 {
            gap: calc(var(--spacing) * 0)
        }

        .xl\:gap-4 {
            gap: calc(var(--spacing) * 4)
        }

        .xl\:gap-x-\(--shell-gap\) {
            column-gap: var(--shell-gap)
        }

        .xl\:justify-self-center {
            justify-self: center
        }

        .xl\:rounded-2xl {
            border-radius: var(--radius-2xl)
        }

        .xl\:rounded-none {
            border-radius: 0
        }

        .xl\:bg-background\/75 {
            background-color: var(--background)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .xl\:bg-background\/75 {
                background-color: color-mix(in oklab, var(--background) 75%, transparent)
            }
        }

        .xl\:bg-transparent {
            background-color: #0000
        }

        .xl\:p-8 {
            padding: calc(var(--spacing) * 8)
        }

        .xl\:px-0 {
            padding-inline: calc(var(--spacing) * 0)
        }

        .xl\:px-8 {
            padding-inline: calc(var(--spacing) * 8)
        }

        .xl\:py-0 {
            padding-block: calc(var(--spacing) * 0)
        }

        .xl\:pt-0 {
            padding-top: calc(var(--spacing) * 0)
        }

        .xl\:pr-\(--shell-pad-desktop\) {
            padding-right: var(--shell-pad-desktop)
        }

        .xl\:pb-0 {
            padding-bottom: calc(var(--spacing) * 0)
        }

        .xl\:pb-6 {
            padding-bottom: calc(var(--spacing) * 6)
        }

        .xl\:pl-0 {
            padding-left: calc(var(--spacing) * 0)
        }
    }

    @media (min-width:90rem) {
        .\32 xl\:col-span-1 {
            grid-column: span 1/span 1
        }

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

        .\32 xl\:w-\[173px\] {
            width: 173px
        }

        .\32 xl\:max-w-\[427px\] {
            max-width: 427px
        }

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

        .\32 xl\:text-\[36px\] {
            font-size: 36px
        }

        .first\:2xl\:col-span-1:first-child {
            grid-column: span 1/span 1
        }
    }

    @media (min-width:105rem) {
        .\33 xl\:size-10 {
            width: calc(var(--spacing) * 10);
            height: calc(var(--spacing) * 10)
        }

        .\33 xl\:gap-3 {
            gap: calc(var(--spacing) * 3)
        }
    }

    @container (width>=352px) {
        .\@min-\[352px\]\:whitespace-nowrap {
            white-space: nowrap
        }
    }

    @container (width>=420px) {
        .\@min-\[420px\]\:basis-\[35\%\] {
            flex-basis: 35%
        }

        .\@min-\[420px\]\:basis-\[65\%\] {
            flex-basis: 65%
        }
    }

    @container (width>=534px) {
        .\@min-\[534px\]\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }
    }

    @container (width>=548px) {
        .\@min-\[548px\]\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }
    }

    @container (width>=568px) {
        .\@min-\[568px\]\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }
    }

    @container (width>=578px) {
        .\@min-\[578px\]\:w-\[127px\] {
            width: 127px
        }

        .\@min-\[578px\]\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }
    }

    @container (width>=716px) {
        .\@min-\[716px\]\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }
    }

    @container (width>=768px) {
        .\@min-\[768px\]\:grid-cols-\[repeat\(3\,minmax\(245\.25px\,299\.75px\)\)\] {
            grid-template-columns: repeat(3, minmax(245.25px, 299.75px))
        }

        .\@min-\[768px\]\:justify-between {
            justify-content: space-between
        }
    }

    @container missions-page (width>=769px) {
        .\@min-\[769px\]\/missions-page\:mx-0 {
            margin-inline: calc(var(--spacing) * 0)
        }

        .\@min-\[769px\]\/missions-page\:w-full {
            width: 100%
        }

        .\@min-\[769px\]\/missions-page\:basis-\[calc\(\(100\%-16px\)\/2\)\] {
            flex-basis: calc(50% - 8px)
        }

        .\@min-\[769px\]\/missions-page\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .\@min-\[769px\]\/missions-page\:gap-4 {
            gap: calc(var(--spacing) * 4)
        }

        .\@min-\[769px\]\/missions-page\:ps-0 {
            padding-inline-start: calc(var(--spacing) * 0)
        }

        .\@min-\[769px\]\/missions-page\:last\:mr-0:last-child {
            margin-right: calc(var(--spacing) * 0)
        }
    }

    @container (width>=830px) {
        .\@min-\[830px\]\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }
    }

    @container (width>=898px) {
        .\@min-\[898px\]\:grid-cols-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr))
        }
    }

    @container (width>=944px) {
        .\@min-\[944px\]\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }
    }

    @container lobby-page (width>=951px) {
        .\@min-\[951px\]\/lobby-page\:block {
            display: block
        }

        .\@min-\[951px\]\/lobby-page\:h-\[582px\] {
            height: 582px
        }

        .\@min-\[951px\]\/lobby-page\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }
    }

    @container (width>=1029px) {
        .\@min-\[1029px\]\:grid-cols-\[repeat\(4\,minmax\(245\.25px\,299\.75px\)\)\] {
            grid-template-columns: repeat(4, minmax(245.25px, 299.75px))
        }
    }

    @container (width>=1080px) {
        .\@min-\[1080px\]\:grid-cols-6 {
            grid-template-columns: repeat(6, minmax(0, 1fr))
        }
    }

    @container (width>=1112px) {
        .\@min-\[1112px\]\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }
    }

    @container (width>=1118px) {
        .\@min-\[1118px\]\:justify-between {
            justify-content: space-between
        }
    }

    @container missions-page (width>=1120px) {
        .\@min-\[1120px\]\/missions-page\:basis-\[calc\(\(100\%-32px\)\/3\)\] {
            flex-basis: calc(33.3333% - 10.6667px)
        }

        .\@min-\[1120px\]\/missions-page\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }
    }

    @container (width>=1144px) {
        .\@min-\[1144px\]\:flex-row {
            flex-direction: row
        }

        .\@min-\[1144px\]\:items-center {
            align-items: center
        }

        .\@min-\[1144px\]\:justify-between {
            justify-content: space-between
        }
    }

    @container (width>=1262px) {
        .\@min-\[1262px\]\:grid-cols-7 {
            grid-template-columns: repeat(7, minmax(0, 1fr))
        }
    }

    @container (width>=1263px) {
        .\@min-\[1263px\]\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }
    }

    @container (width>=1291px) {
        .\@min-\[1291px\]\:grid-cols-\[repeat\(5\,minmax\(245\.25px\,299\.75px\)\)\] {
            grid-template-columns: repeat(5, minmax(245.25px, 299.75px))
        }
    }

    @container (width>=1394px) {
        .\@min-\[1394px\]\:grid-cols-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr))
        }
    }

    @container (width>=1444px) {
        .\@min-\[1444px\]\:grid-cols-8 {
            grid-template-columns: repeat(8, minmax(0, 1fr))
        }
    }

    @container (width>=1552px) {
        .\@min-\[1552px\]\:grid-cols-\[repeat\(6\,minmax\(245\.25px\,299\.75px\)\)\] {
            grid-template-columns: repeat(6, minmax(245.25px, 299.75px))
        }
    }

    @container (width>=1584px) {
        .\@min-\[1584px\]\:grid-cols-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr))
        }
    }

    @container (width>=1676px) {
        .\@min-\[1676px\]\:grid-cols-6 {
            grid-template-columns: repeat(6, minmax(0, 1fr))
        }
    }

    @container lobby-page (width>=1776px) {
        .\@min-\[1776px\]\/lobby-page\:h-\[622px\] {
            height: 622px
        }
    }

    @container (width>=24rem) {
        .\@sm\:gap-3 {
            gap: calc(var(--spacing) * 3)
        }
    }

    @container field-group (width>=28rem) {
        .\@md\/field-group\:flex-row {
            flex-direction: row
        }

        .\@md\/field-group\:items-center {
            align-items: center
        }

        .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]) {
            align-items: flex-start
        }
    }

    @container lobby-page (width>=36rem) {
        .\@xl\/lobby-page\:mx-0 {
            margin-inline: calc(var(--spacing) * 0)
        }

        .\@xl\/lobby-page\:h-\[283px\] {
            height: 283px
        }

        .\@xl\/lobby-page\:h-\[582px\] {
            height: 582px
        }

        .\@xl\/lobby-page\:max-w-\[133px\] {
            max-width: 133px
        }

        .\@xl\/lobby-page\:max-w-\[148px\] {
            max-width: 148px
        }

        .\@xl\/lobby-page\:gap-6 {
            gap: calc(var(--spacing) * 6)
        }

        .\@xl\/lobby-page\:p-6 {
            padding: calc(var(--spacing) * 6)
        }
    }

    .rtl\:rotate-180:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=rtl], [dir=rtl] *) {
        rotate: 180deg
    }

    .dark\:border-input:is(.dark, .dark *) {
        border-color: var(--input)
    }

    .dark\:bg-destructive\/60:is(.dark, .dark *) {
        background-color: var(--destructive)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-destructive\/60:is(.dark, .dark *) {
            background-color: color-mix(in oklab, var(--destructive) 60%, transparent)
        }
    }

    .dark\:bg-destructive\/70:is(.dark, .dark *) {
        background-color: var(--destructive)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-destructive\/70:is(.dark, .dark *) {
            background-color: color-mix(in oklab, var(--destructive) 70%, transparent)
        }
    }

    .dark\:bg-input\/30:is(.dark, .dark *) {
        background-color: var(--input)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-input\/30:is(.dark, .dark *) {
            background-color: color-mix(in oklab, var(--input) 30%, transparent)
        }
    }

    .dark\:bg-transparent:is(.dark, .dark *) {
        background-color: #0000
    }

    .dark\:text-emerald-400:is(.dark, .dark *) {
        color: var(--color-emerald-400)
    }

    .dark\:text-muted-foreground:is(.dark, .dark *) {
        color: var(--muted-foreground)
    }

    .dark\:ring-ring\/20:is(.dark, .dark *) {
        --tw-ring-color: var(--ring)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:ring-ring\/20:is(.dark, .dark *) {
            --tw-ring-color: color-mix(in oklab, var(--ring) 20%, transparent)
        }
    }

    .dark\:outline-ring\/40:is(.dark, .dark *) {
        outline-color: var(--ring)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:outline-ring\/40:is(.dark, .dark *) {
            outline-color: color-mix(in oklab, var(--ring) 40%, transparent)
        }
    }

    @media (hover:hover) {
        .dark\:hover\:bg-accent\/50:is(.dark, .dark *):hover {
            background-color: var(--accent)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-accent\/50:is(.dark, .dark *):hover {
                background-color: color-mix(in oklab, var(--accent) 50%, transparent)
            }
        }

        .dark\:hover\:bg-input\/50:is(.dark, .dark *):hover {
            background-color: var(--input)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-input\/50:is(.dark, .dark *):hover {
                background-color: color-mix(in oklab, var(--input) 50%, transparent)
            }
        }

        .dark\:hover\:text-accent-foreground:is(.dark, .dark *):hover {
            color: var(--accent-foreground)
        }
    }

    .dark\:focus-visible\:ring-destructive\/40:is(.dark, .dark *):focus-visible {
        --tw-ring-color: var(--destructive)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:focus-visible\:ring-destructive\/40:is(.dark, .dark *):focus-visible {
            --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent)
        }
    }

    .dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark, .dark *):has([data-state=checked]) {
        background-color: var(--primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark, .dark *):has([data-state=checked]) {
            background-color: color-mix(in oklab, var(--primary) 10%, transparent)
        }
    }

    .dark\:aria-invalid\:ring-destructive\/40:is(.dark, .dark *)[aria-invalid=true] {
        --tw-ring-color: var(--destructive)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:aria-invalid\:ring-destructive\/40:is(.dark, .dark *)[aria-invalid=true] {
            --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent)
        }
    }

    @media (hover:hover) {

        .dark\:data-\[range-end\]\:hover\:bg-accent:is(.dark, .dark *)[data-range-end]:hover,
        .dark\:data-\[range-middle\]\:hover\:bg-accent\/0:is(.dark, .dark *)[data-range-middle]:hover {
            background-color: var(--accent)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:data-\[range-middle\]\:hover\:bg-accent\/0:is(.dark, .dark *)[data-range-middle]:hover {
                background-color: color-mix(in oklab, var(--accent) 0%, transparent)
            }
        }

        .dark\:data-\[range-start\]\:hover\:bg-accent:is(.dark, .dark *)[data-range-start]:hover,
        .dark\:data-\[selected\]\:hover\:bg-accent\/50:is(.dark, .dark *)[data-selected]:hover {
            background-color: var(--accent)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:data-\[selected\]\:hover\:bg-accent\/50:is(.dark, .dark *)[data-selected]:hover {
                background-color: color-mix(in oklab, var(--accent) 50%, transparent)
            }
        }
    }

    .dark\:data-\[state\=active\]\:border-input:is(.dark, .dark *)[data-state=active] {
        border-color: var(--input)
    }

    .dark\:data-\[state\=active\]\:bg-input\/30:is(.dark, .dark *)[data-state=active] {
        background-color: var(--input)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:data-\[state\=active\]\:bg-input\/30:is(.dark, .dark *)[data-state=active] {
            background-color: color-mix(in oklab, var(--input) 30%, transparent)
        }
    }

    .dark\:data-\[state\=active\]\:text-foreground:is(.dark, .dark *)[data-state=active] {
        color: var(--foreground)
    }

    .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark, .dark *)[data-variant=destructive]:focus {
        background-color: var(--destructive)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark, .dark *)[data-variant=destructive]:focus {
            background-color: color-mix(in oklab, var(--destructive) 20%, transparent)
        }
    }

    .dark\:data-\[variant\=destructive\]\:data-highlighted\:bg-destructive\/20:is(.dark, .dark *)[data-variant=destructive][data-highlighted] {
        background-color: var(--destructive)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:data-\[variant\=destructive\]\:data-highlighted\:bg-destructive\/20:is(.dark, .dark *)[data-variant=destructive][data-highlighted] {
            background-color: color-mix(in oklab, var(--destructive) 20%, transparent)
        }
    }

    @media (max-width:460px) {
        .header-mobile\:block {
            display: block
        }

        .header-mobile\:w-auto {
            width: auto
        }

        .header-mobile\:max-w-\[175px\] {
            max-width: 175px
        }

        .header-mobile\:min-w-\[140px\] {
            min-width: 140px
        }

        .header-mobile\:grow {
            flex-grow: 1
        }

        .header-mobile\:justify-end {
            justify-content: flex-end
        }

        .header-mobile\:gap-2 {
            gap: calc(var(--spacing) * 2)
        }

        .header-mobile\:px-2 {
            padding-inline: calc(var(--spacing) * 2)
        }

        .header-mobile\:py-2 {
            padding-block: calc(var(--spacing) * 2)
        }
    }

    @media (min-width:460px) {
        .header-desktop\:w-\[316px\] {
            width: 316px
        }
    }

    .\[\&_\*\]\:fill-\[url\(\#game-mobile-favorite-icon-gradient\)\] * {
        fill: url(#game-mobile-favorite-icon-gradient)
    }

    .\[\&_\*\]\:fill-\[url\(\#lootbox-toast-icon-gradient\)\] * {
        fill: url(#lootbox-toast-icon-gradient)
    }

    .\[\&_\.lc-area-path\]\:opacity-100 .lc-area-path {
        opacity: 1
    }

    .\[\&_\.lc-axis-tick\]\:stroke-0 .lc-axis-tick {
        stroke-width: 0
    }

    .\[\&_\.lc-axis-tick-label\]\:fill-muted-foreground .lc-axis-tick-label {
        fill: var(--muted-foreground)
    }

    .\[\&_\.lc-axis-tick-label\]\:font-normal .lc-axis-tick-label {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
    }

    .\[\&_\.lc-grid-x-radial-circle\]\:stroke-border .lc-grid-x-radial-circle,
    .\[\&_\.lc-grid-x-radial-line\]\:stroke-border .lc-grid-x-radial-line,
    .\[\&_\.lc-grid-y-radial-circle\]\:stroke-border .lc-grid-y-radial-circle,
    .\[\&_\.lc-grid-y-radial-line\]\:stroke-border .lc-grid-y-radial-line {
        stroke: var(--border)
    }

    .\[\&_\.lc-highlight-line\]\:stroke-0 .lc-highlight-line {
        stroke-width: 0
    }

    .\[\&_\.lc-highlight-line\]\:opacity-100 .lc-highlight-line {
        opacity: 1
    }

    .\[\&_\.lc-highlight-point\]\:stroke-transparent .lc-highlight-point {
        stroke: #0000
    }

    .\[\&_\.lc-highlight-point\]\:opacity-100 .lc-highlight-point {
        opacity: 1
    }

    .\[\&_\.lc-labels-text\:not\(\[fill\]\)\]\:fill-foreground .lc-labels-text:not([fill]) {
        fill: var(--foreground)
    }

    .\[\&_\.lc-layout-svg-g\]\:fill-transparent .lc-layout-svg-g {
        fill: #0000
    }

    .\[\&_\.lc-legend-swatch\]\:size-2\.5 .lc-legend-swatch {
        width: calc(var(--spacing) * 2.5);
        height: calc(var(--spacing) * 2.5)
    }

    .\[\&_\.lc-legend-swatch\]\:rounded-\[2px\] .lc-legend-swatch {
        border-radius: 2px
    }

    .\[\&_\.lc-legend-swatch-button\]\:items-center .lc-legend-swatch-button {
        align-items: center
    }

    .\[\&_\.lc-legend-swatch-button\]\:gap-1\.5 .lc-legend-swatch-button {
        gap: calc(var(--spacing) * 1.5)
    }

    .\[\&_\.lc-legend-swatch-group\]\:items-center .lc-legend-swatch-group {
        align-items: center
    }

    .\[\&_\.lc-legend-swatch-group\]\:gap-4 .lc-legend-swatch-group {
        gap: calc(var(--spacing) * 4)
    }

    .\[\&_\.lc-line\]\:stroke-border\/50 .lc-line {
        stroke: var(--border)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .\[\&_\.lc-line\]\:stroke-border\/50 .lc-line {
            stroke: color-mix(in oklab, var(--border) 50%, transparent)
        }
    }

    .\[\&_\.lc-root-container\]\:w-full .lc-root-container {
        width: 100%
    }

    .\[\&_\.lc-rule-x-line\:not\(\.lc-grid-x-rule\)\]\:stroke-0 .lc-rule-x-line:not(.lc-grid-x-rule),
    .\[\&_\.lc-rule-y-line\:not\(\.lc-grid-y-rule\)\]\:stroke-0 .lc-rule-y-line:not(.lc-grid-y-rule) {
        stroke-width: 0
    }

    .\[\&_\.lc-spline-path\]\:opacity-100 .lc-spline-path {
        opacity: 1
    }

    .\[\&_\.lc-text\]\:text-xs .lc-text {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }

    .\[\&_\.lc-text-svg\]\:overflow-visible .lc-text-svg {
        overflow: visible
    }

    .\[\&_\.lc-tooltip-rects-g\]\:fill-transparent .lc-tooltip-rects-g {
        fill: #0000
    }

    .\[\&_\[data-command-group\]\]\:px-2 [data-command-group] {
        padding-inline: calc(var(--spacing) * 2)
    }

    .\[\&_\[data-command-group\]\:not\(\[hidden\]\)_\~\[data-command-group\]\]\:pt-0 [data-command-group]:not([hidden])~[data-command-group] {
        padding-top: calc(var(--spacing) * 0)
    }

    .\[\&_\[data-command-input-wrapper\]_svg\]\:h-5 [data-command-input-wrapper] svg {
        height: calc(var(--spacing) * 5)
    }

    .\[\&_\[data-command-input-wrapper\]_svg\]\:w-5 [data-command-input-wrapper] svg {
        width: calc(var(--spacing) * 5)
    }

    .\[\&_\[data-command-input\]\]\:h-12 [data-command-input] {
        height: calc(var(--spacing) * 12)
    }

    .\[\&_\[data-command-item\]\]\:px-2 [data-command-item] {
        padding-inline: calc(var(--spacing) * 2)
    }

    .\[\&_\[data-command-item\]\]\:py-3 [data-command-item] {
        padding-block: calc(var(--spacing) * 3)
    }

    .\[\&_\[data-command-item\]_svg\]\:h-5 [data-command-item] svg {
        height: calc(var(--spacing) * 5)
    }

    .\[\&_\[data-command-item\]_svg\]\:w-5 [data-command-item] svg {
        width: calc(var(--spacing) * 5)
    }

    .\[\&_\[data-slot\=command-input-wrapper\]\]\:h-\[56px\] [data-slot=command-input-wrapper] {
        height: 56px
    }

    .\[\&_\[data-slot\=command-input-wrapper\]\]\:border-b [data-slot=command-input-wrapper] {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .\[\&_\[data-slot\=command-input-wrapper\]\]\:border-border [data-slot=command-input-wrapper] {
        border-color: var(--border)
    }

    .\[\&_\[data-slot\=command-input-wrapper\]\]\:bg-surface-100 [data-slot=command-input-wrapper] {
        background-color: var(--surface-100)
    }

    .\[\&_\[data-slot\=command-input-wrapper\]\]\:px-4 [data-slot=command-input-wrapper] {
        padding-inline: calc(var(--spacing) * 4)
    }

    .\[\&_\[data-slot\=command-input-wrapper\]\]\:pe-14 [data-slot=command-input-wrapper] {
        padding-inline-end: calc(var(--spacing) * 14)
    }

    .\[\&_\[data-slot\=command-input-wrapper\]\>svg\]\:text-muted-foreground [data-slot=command-input-wrapper]>svg {
        color: var(--muted-foreground)
    }

    .\[\&_\[data-slot\=command-input-wrapper\]\>svg\]\:opacity-100 [data-slot=command-input-wrapper]>svg {
        opacity: 1
    }

    .\[\&_\[data-slot\=command-input\]\]\:h-\[56px\] [data-slot=command-input] {
        height: 56px
    }

    .\[\&_\[data-slot\=command-input\]\]\:text-\[15px\] [data-slot=command-input] {
        font-size: 15px
    }

    .\[\&_\[data-slot\=command-input\]\]\:font-medium [data-slot=command-input] {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .\[\&_\[data-slot\=command-list\]\]\:h-\[60vh\] [data-slot=command-list] {
        height: 60vh
    }

    .\[\&_\[data-slot\=command-list\]\]\:max-h-\[60vh\] [data-slot=command-list] {
        max-height: 60vh
    }

    .\[\&_\[data-slot\=command-list\]\]\:min-h-0 [data-slot=command-list] {
        min-height: calc(var(--spacing) * 0)
    }

    .\[\&_\[data-slot\=command-list\]\]\:flex-1 [data-slot=command-list] {
        flex: 1
    }

    .\[\&_\[data-slot\=command-list\]\]\:p-2 [data-slot=command-list] {
        padding: calc(var(--spacing) * 2)
    }

    .\[\&_\[data-slot\=command-list\]\]\:\[scrollbar-gutter\:stable\] [data-slot=command-list] {
        scrollbar-gutter: stable
    }

    .\[\&_\[data-slot\=dialog-close\]\]\:end-3 [data-slot=dialog-close]:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: calc(var(--spacing) * 3)
    }

    .\[\&_\[data-slot\=dialog-close\]\]\:end-3 [data-slot=dialog-close]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: calc(var(--spacing) * 3)
    }

    .\[\&_\[data-slot\=dialog-close\]\]\:top-3 [data-slot=dialog-close] {
        top: calc(var(--spacing) * 3)
    }

    .\[\&_\[data-slot\=dialog-close\]\]\:size-6 [data-slot=dialog-close] {
        width: calc(var(--spacing) * 6);
        height: calc(var(--spacing) * 6)
    }

    .\[\&_\[data-slot\=dialog-close\]\]\:text-foreground [data-slot=dialog-close] {
        color: var(--foreground)
    }

    .\[\&_\[data-slot\=dialog-close\]_svg\]\:size-6 [data-slot=dialog-close] svg {
        width: calc(var(--spacing) * 6);
        height: calc(var(--spacing) * 6)
    }

    .\[\&_\[data-slot\=scroll-area-viewport\]\]\:max-h-\[inherit\] [data-slot=scroll-area-viewport] {
        max-height: inherit
    }

    .\[\&_\[data-slot\=switch-thumb\]\]\:size-2\.5 [data-slot=switch-thumb] {
        width: calc(var(--spacing) * 2.5);
        height: calc(var(--spacing) * 2.5)
    }

    .\[\&_a\]\:text-primary a {
        color: var(--primary)
    }

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

    .\[\&_img\]\:object-cover img {
        object-fit: cover
    }

    .\[\&_input\]\:disabled\:cursor-not-allowed input:disabled {
        cursor: not-allowed
    }

    .\[\&_p\]\:leading-relaxed p {
        --tw-leading: var(--leading-relaxed);
        line-height: var(--leading-relaxed)
    }

    .\[\&_path\]\:fill-\[url\(\#bottombar-icon-gradient\)\] path {
        fill: url(#bottombar-icon-gradient)
    }

    .\[\&_path\]\:fill-current path {
        fill: currentColor
    }

    .\[\&_span\]\:font-normal span {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
    }

    .\[\&_svg\]\:pointer-events-none svg {
        pointer-events: none
    }

    .\[\&_svg\]\:size-5 svg {
        width: calc(var(--spacing) * 5);
        height: calc(var(--spacing) * 5)
    }

    .\[\&_svg\]\:size-6 svg {
        width: calc(var(--spacing) * 6);
        height: calc(var(--spacing) * 6)
    }

    .\[\&_svg\]\:shrink-0 svg {
        flex-shrink: 0
    }

    @media (hover:hover) {
        .hover\:\[\&_svg\]\:text-\(--placeholder\):hover svg {
            color: var(--placeholder)
        }
    }

    .active\:\[\&_svg\]\:text-\(--placeholder\):active svg {
        color: var(--placeholder)
    }

    .\[\&_svg_\*\]\:fill-\[url\(\#bottom-bar-menu-icon-gradient\)\] svg * {
        fill: url(#bottom-bar-menu-icon-gradient)
    }

    .\[\&_svg_\*\]\:fill-\[url\(\#sidebar-menu-icon-gradient\)\] svg * {
        fill: url(#sidebar-menu-icon-gradient)
    }

    .group-data-\[active\=true\]\/menu-button\:\[\&_svg_\*\]\:fill-surface-100:is(:where(.group\/menu-button)[data-active=true] *) svg * {
        fill: var(--surface-100)
    }

    .group-data-\[active\=true\]\/menu-button\:\[\&_svg_\*\]\:stroke-surface-100:is(:where(.group\/menu-button)[data-active=true] *) svg * {
        stroke: var(--surface-100)
    }

    .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]) {
        width: calc(var(--spacing) * 3);
        height: calc(var(--spacing) * 3)
    }

    .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]) {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4)
    }

    .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*=size-]) {
        width: calc(var(--spacing) * 6);
        height: calc(var(--spacing) * 6)
    }

    .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-\(--placeholder\) svg:not([class*=text-]) {
        color: var(--placeholder)
    }

    .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]) {
        color: var(--muted-foreground)
    }

    .\[\&_text\]\:stroke-transparent text {
        stroke: #0000
    }

    .\[\&_tr\]\:border-b tr {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .\[\&_tr\:last-child\]\:border-0 tr:last-child {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .\[\&\+\[data-slot\=item-content\]\]\:flex-none+[data-slot=item-content] {
        flex: none
    }

    .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
        -webkit-appearance: none;
        appearance: none
    }

    .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
        -webkit-appearance: none;
        appearance: none
    }

    .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
        display: none
    }

    .\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button {
        display: none
    }

    .\[\&\:\:-webkit-search-decoration\]\:hidden::-webkit-search-decoration {
        display: none
    }

    .\[\&\:\:-webkit-search-results-button\]\:hidden::-webkit-search-results-button {
        display: none
    }

    .\[\&\:\:-webkit-search-results-decoration\]\:hidden::-webkit-search-results-decoration {
        display: none
    }

    .\[\&\:first-child\[data-selected\]_\[data-bits-day\]\]\:rounded-s-md:first-child[data-selected] [data-bits-day]:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        border-top-left-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md)
    }

    .\[\&\:first-child\[data-selected\]_\[data-bits-day\]\]\:rounded-s-md:first-child[data-selected] [data-bits-day]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        border-top-right-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md)
    }

    .\[\&\:has\(\[data-range-end\]\)\]\:rounded-e-md:has([data-range-end]):not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        border-top-right-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md)
    }

    .\[\&\:has\(\[data-range-end\]\)\]\:rounded-e-md:has([data-range-end]):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        border-top-left-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md)
    }

    @media (hover:hover) {
        .dark\:\[\&\:has\(\[data-range-end\]\)\]\:hover\:bg-accent:is(.dark, .dark *):has([data-range-end]):hover {
            background-color: var(--accent)
        }
    }

    .\[\&\:has\(\[data-range-middle\]\)\]\:rounded-none:has([data-range-middle]) {
        border-radius: 0
    }

    .\[\&\:has\(\[data-range-middle\]\)\]\:bg-accent:has([data-range-middle]) {
        background-color: var(--accent)
    }

    .first\:\[\&\:has\(\[data-range-middle\]\)\]\:rounded-s-md:first-child:has([data-range-middle]):not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        border-top-left-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md)
    }

    .first\:\[\&\:has\(\[data-range-middle\]\)\]\:rounded-s-md:first-child:has([data-range-middle]):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        border-top-right-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md)
    }

    .last\:\[\&\:has\(\[data-range-middle\]\)\]\:rounded-e-md:last-child:has([data-range-middle]):not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        border-top-right-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md)
    }

    .last\:\[\&\:has\(\[data-range-middle\]\)\]\:rounded-e-md:last-child:has([data-range-middle]):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        border-top-left-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md)
    }

    @media (hover:hover) {
        .dark\:\[\&\:has\(\[data-range-middle\]\)\]\:hover\:bg-accent\/50:is(.dark, .dark *):has([data-range-middle]):hover {
            background-color: var(--accent)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:\[\&\:has\(\[data-range-middle\]\)\]\:hover\:bg-accent\/50:is(.dark, .dark *):has([data-range-middle]):hover {
                background-color: color-mix(in oklab, var(--accent) 50%, transparent)
            }
        }
    }

    .\[\&\:has\(\[data-range-start\]\)\]\:rounded-s-md:has([data-range-start]):not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        border-top-left-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md)
    }

    .\[\&\:has\(\[data-range-start\]\)\]\:rounded-s-md:has([data-range-start]):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        border-top-right-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md)
    }

    @media (hover:hover) {
        .dark\:\[\&\:has\(\[data-range-start\]\)\]\:hover\:bg-accent:is(.dark, .dark *):has([data-range-start]):hover {
            background-color: var(--accent)
        }
    }

    .\[\&\:has\(\[data-selected\]\)\]\:bg-accent:has([data-selected]) {
        background-color: var(--accent)
    }

    .\[\&\:has\(\[role\=checkbox\]\)\]\:pe-0:has([role=checkbox]) {
        padding-inline-end: calc(var(--spacing) * 0)
    }

    .\[\.border-b\]\:pb-3.border-b {
        padding-bottom: calc(var(--spacing) * 3)
    }

    .\[\.border-b\]\:pb-6.border-b {
        padding-bottom: calc(var(--spacing) * 6)
    }

    .\[\.border-t\]\:pt-3.border-t {
        padding-top: calc(var(--spacing) * 3)
    }

    .\[\.border-t\]\:pt-6.border-t {
        padding-top: calc(var(--spacing) * 6)
    }

    .\[a\]\:transition-colors:is(a) {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    @media (hover:hover) {
        .\[a\]\:hover\:bg-accent\/50:is(a):hover {
            background-color: var(--accent)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .\[a\]\:hover\:bg-accent\/50:is(a):hover {
                background-color: color-mix(in oklab, var(--accent) 50%, transparent)
            }
        }
    }

    .\[data-testid\=\"info-page-fallback-content\"\]\:visible:is(),
    .\[data-testid\=\"info-page-markdown-content\"\]\:visible:is(),
    .\[data-testid\=\"open-deposit\"\]\:visible:is(),
    .\[data-testid\=\"open-profile\"\]\:visible:is(),
    .\[data-testid\=\"open-signin\"\]\:visible:is(),
    .\[data-testid\=\"profile-close\"\]\:visible:is(),
    .\[data-testid\=\"profile-section-exchange\"\]\:visible:is(),
    .\[data-testid\=\"profile-section-referrals\"\]\:visible:is(),
    .\[data-testid\=\"profile-tab-\$\{tabId\}\"\]\:visible:is(),
    .\[data-testid\=\"profile-tab-deposit\"\]\:visible:is(),
    .\[data-testid\=\"profile-tab-exchangeHistory\"\]\:visible:is(),
    .\[data-testid\=\"profile-tab-sessionHistory\"\]\:visible:is(),
    .\[data-testid\=\"support-email\"\]\:visible:is() {
        visibility: visible
    }

    :is(.\*\:\[span\]\:last\:flex>*):is(span):last-child {
        display: flex
    }

    :is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child {
        align-items: center
    }

    :is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child {
        gap: calc(var(--spacing) * 2)
    }

    :is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant=destructive]>*):is(svg) {
        color: var(--destructive) !important
    }

    .\[\&\:last-child\[data-selected\]_\[data-bits-day\]\]\:rounded-e-md:last-child[data-selected] [data-bits-day]:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        border-top-right-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md)
    }

    .\[\&\:last-child\[data-selected\]_\[data-bits-day\]\]\:rounded-e-md:last-child[data-selected] [data-bits-day]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        border-top-left-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md)
    }

    .\[\&\>\*\]\:\!w-full>* {
        width: 100% !important
    }

    .\[\&\>\*\]\:w-full>* {
        width: 100%
    }

    .\[\&\>\*\]\:shrink-0>* {
        flex-shrink: 0
    }

    .\[\&\>\*\]\:\!bg-\(--secondary-green-light\)>* {
        background-color: var(--secondary-green-light) !important
    }

    .\[\&\>\*\]\:\!text-white>* {
        color: var(--color-white) !important
    }

    .\[\&\>\*\]\:focus-visible\:relative>:focus-visible {
        position: relative
    }

    .\[\&\>\*\]\:focus-visible\:z-10>:focus-visible {
        z-index: 10
    }

    .\[\&\>\*\]\:data-\[slot\=field\]\:p-4>[data-slot=field] {
        padding: calc(var(--spacing) * 4)
    }

    @media (min-width:46.5rem) {
        .md\:\[\&\>\*\]\:shrink>* {
            flex-shrink: 1
        }
    }

    @container field-group (width>=28rem) {
        .\@md\/field-group\:\[\&\>\*\]\:w-auto>* {
            width: auto
        }
    }

    .\[\&\>\*\:not\(\:first-child\)\]\:rounded-s-none>:not(:first-child):not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .\[\&\>\*\:not\(\:first-child\)\]\:rounded-s-none>:not(:first-child):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>:not(:first-child) {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .\[\&\>\*\:not\(\:first-child\)\]\:border-s-0>:not(:first-child) {
        border-inline-start-style: var(--tw-border-style);
        border-inline-start-width: 0
    }

    .\[\&\>\*\:not\(\:first-child\)\]\:border-t-0>:not(:first-child) {
        border-top-style: var(--tw-border-style);
        border-top-width: 0
    }

    .\[\&\>\*\:not\(\:last-child\)\]\:rounded-e-none>:not(:last-child):not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .\[\&\>\*\:not\(\:last-child\)\]\:rounded-e-none>:not(:last-child):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>:not(:last-child) {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .\[\&\>\.sr-only\]\:w-auto>.sr-only {
        width: auto
    }

    .\[\&\>\[data-slot\=field-group\]\]\:gap-4>[data-slot=field-group] {
        gap: calc(var(--spacing) * 4)
    }

    .\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label] {
        flex: auto
    }

    @container field-group (width>=28rem) {
        .\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label] {
            flex: auto
        }
    }

    .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-e-md:has(:is(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        border-top-right-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md)
    }

    .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-e-md:has(:is(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        border-top-left-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md)
    }

    .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit>[data-slot=select-trigger]:not([class*=w-]) {
        width: fit-content
    }

    :is(.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox], .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]) {
        margin-top: 1px
    }

    @container field-group (width>=28rem) {
        :is(.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox], .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]) {
            margin-top: 1px
        }
    }

    .\[\&\>a\]\:underline>a {
        text-decoration-line: underline
    }

    .\[\&\>a\]\:underline-offset-4>a {
        text-underline-offset: 4px
    }

    .\[\&\>a\:hover\]\:text-primary>a:hover {
        color: var(--primary)
    }

    .\[\&\>button\]\:hidden>button {
        display: none
    }

    .\[\&\>input\]\:flex-1>input {
        flex: 1
    }

    .has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has(>[data-align=block-end])>input {
        padding-top: calc(var(--spacing) * 3)
    }

    .has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has(>[data-align=block-start])>input {
        padding-bottom: calc(var(--spacing) * 3)
    }

    .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pe-2:has(>[data-align=inline-end])>input {
        padding-inline-end: calc(var(--spacing) * 2)
    }

    .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:ps-2:has(>[data-align=inline-start])>input {
        padding-inline-start: calc(var(--spacing) * 2)
    }

    .\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\]>kbd {
        border-radius: calc(var(--radius) - 5px)
    }

    .\[\&\>path\]\:fill-\[\#EE7722\]>path {
        fill: #e72
    }

    .\[\&\>span\]\:text-xs>span {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }

    .\[\&\>span\]\:opacity-70>span {
        opacity: .7
    }

    .\[\&\>span\.absolute\]\:hidden>span.absolute {
        display: none
    }

    .\[\&\>span\:last-child\]\:truncate>span:last-child {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .\[\&\>svg\]\:pointer-events-none>svg {
        pointer-events: none
    }

    .\[\&\>svg\]\:size-2\.5>svg {
        width: calc(var(--spacing) * 2.5);
        height: calc(var(--spacing) * 2.5)
    }

    .\[\&\>svg\]\:size-3>svg {
        width: calc(var(--spacing) * 3);
        height: calc(var(--spacing) * 3)
    }

    .\[\&\>svg\]\:size-3\.5>svg {
        width: calc(var(--spacing) * 3.5);
        height: calc(var(--spacing) * 3.5)
    }

    .\[\&\>svg\]\:size-4>svg {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4)
    }

    .\[\&\>svg\]\:size-5>svg {
        width: calc(var(--spacing) * 5);
        height: calc(var(--spacing) * 5)
    }

    .\[\&\>svg\]\:size-6>svg {
        width: calc(var(--spacing) * 6);
        height: calc(var(--spacing) * 6)
    }

    .\[\&\>svg\]\:shrink-0>svg {
        flex-shrink: 0
    }

    .\[\&\>svg\]\:translate-y-0>svg {
        --tw-translate-y: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .\[\&\>svg\]\:translate-y-0\.5>svg {
        --tw-translate-y: calc(var(--spacing) * .5);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .\[\&\>svg\]\:text-\(--placeholder\)>svg {
        color: var(--placeholder)
    }

    .\[\&\>svg\]\:text-current>svg {
        color: currentColor
    }

    .\[\&\>svg\]\:text-muted-foreground>svg {
        color: var(--muted-foreground)
    }

    .\[\&\>svg\]\:text-sidebar-accent-foreground>svg {
        color: var(--sidebar-accent-foreground)
    }

    .\[\&\>svg\:last-child\]\:hidden>svg:last-child {
        display: none
    }

    .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5>svg:not([class*=size-]) {
        width: calc(var(--spacing) * 3.5);
        height: calc(var(--spacing) * 3.5)
    }

    .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>svg:not([class*=size-]) {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4)
    }

    @media (hover:hover) {
        .hover\:\[\&\>svg\>path\]\:fill-foreground:hover>svg>path {
            fill: var(--foreground)
        }
    }

    .data-\[active\=true\]\:\[\&\>svg\>path\]\:fill-primary[data-active=true]>svg>path {
        fill: var(--primary)
    }

    @media (hover:hover) {
        .hover\:\[\&\>td\]\:\!bg-transparent:hover>td {
            background-color: #0000 !important
        }

        .hover\:\[\&\>td\]\:bg-surface-200:hover>td {
            background-color: var(--surface-200)
        }

        :is(.hover\:\[\&\,\&\>svelte-css-wrapper\]\:\[\&\>td\]\:\!bg-muted:hover, .hover\:\[\&\,\&\>svelte-css-wrapper\]\:\[\&\>td\]\:\!bg-muted:hover>svelte-css-wrapper)>td {
            background-color: var(--muted) !important
        }

        .hover\:\[\&\>th\]\:\!bg-transparent:hover>th {
            background-color: #0000 !important
        }

        :is(.hover\:\[\&\,\&\>svelte-css-wrapper\]\:\[\&\>th\,td\]\:bg-muted\/50:hover, .hover\:\[\&\,\&\>svelte-css-wrapper\]\:\[\&\>th\,td\]\:bg-muted\/50:hover>svelte-css-wrapper)>th,
        :is(.hover\:\[\&\,\&\>svelte-css-wrapper\]\:\[\&\>th\,td\]\:bg-muted\/50:hover, .hover\:\[\&\,\&\>svelte-css-wrapper\]\:\[\&\>th\,td\]\:bg-muted\/50:hover>svelte-css-wrapper) td {
            background-color: var(--muted)
        }

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

            :is(.hover\:\[\&\,\&\>svelte-css-wrapper\]\:\[\&\>th\,td\]\:bg-muted\/50:hover, .hover\:\[\&\,\&\>svelte-css-wrapper\]\:\[\&\>th\,td\]\:bg-muted\/50:hover>svelte-css-wrapper)>th,
            :is(.hover\:\[\&\,\&\>svelte-css-wrapper\]\:\[\&\>th\,td\]\:bg-muted\/50:hover, .hover\:\[\&\,\&\>svelte-css-wrapper\]\:\[\&\>th\,td\]\:bg-muted\/50:hover>svelte-css-wrapper) td {
                background-color: color-mix(in oklab, var(--muted) 50%, transparent)
            }
        }
    }

    .\[\&\>tr\]\:last\:border-b-0>tr:last-child {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0
    }

    .\[\&\[data-direction\=vertical\]\>div\]\:rotate-90[data-direction=vertical]>div {
        rotate: 90deg
    }

    .\[\&\[data-outside-month\]\:not\(\[data-selected\]\)\]\:text-muted-foreground[data-outside-month]:not([data-selected]) {
        color: var(--muted-foreground)
    }

    @media (hover:hover) {
        .\[\&\[data-outside-month\]\:not\(\[data-selected\]\)\]\:hover\:text-accent-foreground[data-outside-month]:not([data-selected]):hover {
            color: var(--accent-foreground)
        }
    }

    .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg {
        rotate: 180deg
    }

    .\[\&\[data-state\=open\]\>svg\]\:text-foreground[data-state=open]>svg {
        color: var(--foreground)
    }

    .\[\&\[data-today\]\:not\(\[data-selected\]\)\]\:bg-accent[data-today]:not([data-selected]) {
        background-color: var(--accent)
    }

    .\[\&\[data-today\]\:not\(\[data-selected\]\)\]\:text-accent-foreground[data-today]:not([data-selected]) {
        color: var(--accent-foreground)
    }

    .\[\&\[data-today\]\[data-disabled\]\]\:text-muted-foreground[data-today][data-disabled] {
        color: var(--muted-foreground)
    }

    @media (min-width:475px) {
        .\[\@media\(min-width\:475px\)\]\:ml-\[5\%\] {
            margin-left: 5%
        }
    }

    [data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-end-2:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: calc(var(--spacing) * -2)
    }

    [data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-end-2:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: calc(var(--spacing) * -2)
    }

    [data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
        cursor: e-resize
    }

    [data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-start-2:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: calc(var(--spacing) * -2)
    }

    [data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-start-2:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: calc(var(--spacing) * -2)
    }

    [data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
        cursor: w-resize
    }

    [data-slot=card-content] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent,
    [data-slot=popover-content] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent {
        background-color: #0000
    }

    [data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20 {
        background-color: var(--background)
    }

    @supports (color:color-mix(in lab, red, red)) {
        [data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20 {
            background-color: color-mix(in oklab, var(--background) 20%, transparent)
        }
    }

    [data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:text-background {
        color: var(--background)
    }

    [data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark, .dark *) {
        background-color: var(--background)
    }

    @supports (color:color-mix(in lab, red, red)) {
        [data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark, .dark *) {
            background-color: color-mix(in oklab, var(--background) 10%, transparent)
        }
    }

    [data-variant=legend]+.\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5 {
        margin-top: calc(var(--spacing) * -1.5)
    }

    @media (hover:hover) {
        a.\[a\&\]\:hover\:bg-accent:hover {
            background-color: var(--accent)
        }

        a.\[a\&\]\:hover\:bg-destructive\/90:hover {
            background-color: var(--destructive)
        }

        @supports (color:color-mix(in lab, red, red)) {
            a.\[a\&\]\:hover\:bg-destructive\/90:hover {
                background-color: color-mix(in oklab, var(--destructive) 90%, transparent)
            }
        }

        a.\[a\&\]\:hover\:bg-primary\/90:hover {
            background-color: var(--primary)
        }

        @supports (color:color-mix(in lab, red, red)) {
            a.\[a\&\]\:hover\:bg-primary\/90:hover {
                background-color: color-mix(in oklab, var(--primary) 90%, transparent)
            }
        }

        a.\[a\&\]\:hover\:bg-secondary\/90:hover {
            background-color: var(--secondary)
        }

        @supports (color:color-mix(in lab, red, red)) {
            a.\[a\&\]\:hover\:bg-secondary\/90:hover {
                background-color: color-mix(in oklab, var(--secondary) 90%, transparent)
            }
        }

        a.\[a\&\]\:hover\:text-accent-foreground:hover {
            color: var(--accent-foreground)
        }
    }

    .ui-border-card {
        background: linear-gradient(var(--ui-card-fill, transparent), var(--ui-card-fill, transparent)) padding-box, var(--ui-card-border, var(--gradient-outline-1)) border-box
    }

    .gradient-outline-6-rl {
        background: linear-gradient(var(--card), var(--card)) padding-box, radial-gradient(136px 58px at 100% 0%, var(--card) 0, transparent 100%) border-box, radial-gradient(140px 72px at 0% 100%, var(--card) 0, transparent 100%) border-box, radial-gradient(112px 64px at 100% 100%, #ffd06252 0, transparent 100%) border-box, linear-gradient(180deg, #ffd062db 0%, #ffd062a8 18%, #ffd0623d 52%, #ffd062b8 82%, #ffd062db 100%) border-box
    }

    @supports (color:color-mix(in lab, red, red)) {
        .gradient-outline-6-rl {
            background: linear-gradient(var(--card), var(--card)) padding-box, radial-gradient(136px 58px at 100% 0%, color-mix(in srgb, var(--card) 82%, transparent) 0, transparent 100%) border-box, radial-gradient(140px 72px at 0% 100%, color-mix(in srgb, var(--card) 58%, transparent) 0, transparent 100%) border-box, radial-gradient(112px 64px at 100% 100%, #ffd06252 0, transparent 100%) border-box, linear-gradient(180deg, #ffd062db 0%, #ffd062a8 18%, #ffd0623d 52%, #ffd062b8 82%, #ffd062db 100%) border-box
        }
    }

    .ui-button-primary-gradient {
        --ui-button-primary-border-width: 1px;
        --ui-button-primary-background: linear-gradient(180deg, #ffd062 0%, #f5a11b 100%);
        --ui-button-primary-border: var(--gradient-outline-4);
        --ui-button-primary-overlay: transparent;
        isolation: isolate;
        background: var(--ui-button-primary-background);
        box-shadow: inset 0 0 0 9999px var(--ui-button-primary-overlay), 0px 8px 20px -1px #ffd06233;
        transition: box-shadow .15s ease-in-out, opacity .15s ease-in-out;
        position: relative;
        overflow: hidden
    }

    .ui-button-primary-gradient:hover {
        --ui-button-primary-overlay: var(--primary-light);
        --ui-button-primary-border: var(--gradient-outline-4)
    }

    .ui-button-primary-gradient:active,
    .ui-button-primary-gradient[aria-pressed=true] {
        --ui-button-primary-overlay: var(--primary);
        --ui-button-primary-border: linear-gradient(180deg, var(--primary), var(--primary))
    }

    .ui-button-primary-gradient.ui-button-primary-gradient:disabled,
    .ui-button-primary-gradient.ui-button-primary-gradient[aria-disabled=true] {
        --ui-button-primary-overlay: var(--primary-dark);
        --ui-button-primary-border: linear-gradient(180deg, var(--primary-dark), var(--primary-dark));
        opacity: .8
    }

    .ui-button-primary-gradient:before {
        content: "";
        pointer-events: none;
        z-index: -1;
        padding: var(--ui-button-primary-border-width);
        border-radius: inherit;
        background: var(--ui-button-primary-border);
        -webkit-mask-composite: xor;
        -webkit-mask-composite: xor;
        -webkit-mask-source-type: auto, auto;
        -webkit-mask-composite: xor;
        -webkit-mask-source-type: auto, auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
        mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
        -webkit-mask-position: 0 0, 0 0;
        mask-position: 0 0, 0 0;
        -webkit-mask-size: auto, auto;
        mask-size: auto, auto;
        -webkit-mask-repeat: repeat, repeat;
        mask-repeat: repeat, repeat;
        -webkit-mask-clip: content-box, border-box;
        mask-clip: content-box, border-box;
        -webkit-mask-origin: content-box, border-box;
        mask-origin: content-box, border-box;
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        -webkit-mask-source-type: auto, auto;
        mask-mode: match-source, match-source
    }

    .ui-sidebar--active-gradient {
        --ui-sidebar-active-border-width: 1px;
        --ui-sidebar-active-background: linear-gradient(90deg, #423b23 0%, #1f1f22 75.48%);
        --ui-sidebar-active-border: linear-gradient(90deg, #fccf35 0%, #fccf3500 100%);
        border: var(--ui-sidebar-active-border-width) solid transparent;
        background: var(--ui-sidebar-active-background) padding-box, var(--ui-sidebar-active-border) border-box;
        border: var(--ui-sidebar-active-border-width) solid transparent;
        background: var(--ui-sidebar-active-background) padding-box, var(--ui-sidebar-active-border) border-box
    }

    .ui-button-additional {
        --ui-button-additional-border-width: 1.2px;
        --ui-button-additional-border: var(--gradient-primary);
        isolation: isolate;
        border: var(--ui-button-additional-border-width) solid transparent;
        background: linear-gradient(var(--surface-400), var(--surface-400)) padding-box, var(--ui-button-additional-border) border-box;
        position: relative;
        overflow: hidden
    }

    .ui-button-additional:hover {
        --ui-button-additional-border: linear-gradient(180deg, var(--primary-light), var(--primary-light))
    }

    .ui-button-additional:active,
    .ui-button-additional[aria-pressed=true] {
        --ui-button-additional-border: linear-gradient(180deg, var(--primary), var(--primary))
    }

    .ui-button-additional.ui-button-additional:disabled,
    .ui-button-additional.ui-button-additional[aria-disabled=true] {
        opacity: .8
    }

    .ui-border-outline-glow:after {
        content: "";
        pointer-events: none;
        border-radius: inherit;
        background: var(--surface-500);
        opacity: 0;
        z-index: -1;
        transition: opacity .16s, background-color .16s;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

    .ui-border-outline-glow:hover:after {
        opacity: 1
    }

    .ui-border-outline-glow:active:after {
        opacity: 1;
        background: var(--surface-400)
    }

    .ui-border-outline-glow:before {
        content: "";
        pointer-events: none;
        background: var(--ui-glow-color, var(--muted-foreground));
        opacity: .2;
        filter: blur(50px);
        border-radius: 9999px;
        width: 48px;
        height: 48px;
        position: absolute;
        top: calc(50% + 20px);
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .ui-border-outline-glow-placeholder {
        --ui-glow-color: var(--placeholder)
    }

    .text-gradient-primary-default {
        background: var(--gradient-primary);
        -webkit-text-fill-color: transparent;
        color: #0000;
        -webkit-background-clip: text;
        background-clip: text
    }

    .bg-progress-primary-zebra {
        background-image: repeating-linear-gradient(-45deg, #00000029 0 6px, #0000 6px 12px), linear-gradient(90deg, var(--gradient-primary-start) 0%, var(--gradient-primary-mid) 52%, var(--gradient-primary-end) 100%)
    }

    .ui-gradient-outline-frame:before,
    .ui-gradient-outline-frame:after {
        content: "";
        pointer-events: none;
        border-radius: inherit;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

    .ui-gradient-outline-frame:before {
        z-index: 30;
        background: linear-gradient(225deg, #0a0a1a8c 0%, #0a0a1a00 34%), var(--gradient-outline-5);
        -webkit-mask-composite: xor;
        -webkit-mask-composite: xor;
        -webkit-mask-source-type: auto, auto;
        -webkit-mask-composite: xor;
        -webkit-mask-source-type: auto, auto;
        padding: 2px;
        -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
        mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
        -webkit-mask-position: 0 0, 0 0;
        mask-position: 0 0, 0 0;
        -webkit-mask-size: auto, auto;
        mask-size: auto, auto;
        -webkit-mask-repeat: repeat, repeat;
        mask-repeat: repeat, repeat;
        -webkit-mask-clip: content-box, border-box;
        mask-clip: content-box, border-box;
        -webkit-mask-origin: content-box, border-box;
        mask-origin: content-box, border-box;
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        -webkit-mask-source-type: auto, auto;
        mask-mode: match-source, match-source
    }

    .ui-gradient-outline-frame:after {
        z-index: 2;
        background: linear-gradient(225deg, #0a0a1a73 0%, #0a0a1a33 18%, #0a0a1a00 42%)
    }
}

@property --tw-animation-delay {
    syntax: "*";
    inherits: false;
    initial-value: 0s
}

@property --tw-animation-direction {
    syntax: "*";
    inherits: false;
    initial-value: normal
}

@property --tw-animation-duration {
    syntax: "*";
    inherits: false
}

@property --tw-animation-fill-mode {
    syntax: "*";
    inherits: false;
    initial-value: none
}

@property --tw-animation-iteration-count {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-enter-blur {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-enter-opacity {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-enter-rotate {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-enter-scale {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-enter-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-enter-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-exit-blur {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-exit-opacity {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-exit-rotate {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-exit-scale {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-exit-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-exit-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@media (min-width:1280px) {
    @layer tokens {

        :where(html),
        :where(html).dark {
            --toast-offset-top: calc(var(--header-h-desktop) + env(safe-area-inset-top, 0px))
        }
    }
}

.grecaptcha-badge {
    visibility: hidden !important;
    pointer-events: none !important
}

[data-fpm-overlay-root] {
    z-index: 1500;
    position: relative
}

@font-face {
    font-family: Geologica;
    src: url(../fonts/geologica/Geologica-Thin.ttf)format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 100
}

@font-face {
    font-family: Geologica;
    src: url(../fonts/geologica/Geologica-ExtraLight.ttf)format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 200
}

@font-face {
    font-family: Geologica;
    src: url(../fonts/geologica/Geologica-Light.ttf)format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-family: Geologica;
    src: url(../fonts/geologica/Geologica-Regular.ttf)format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: Geologica;
    src: url(../fonts/geologica/Geologica-Medium.ttf)format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 500
}

@font-face {
    font-family: Geologica;
    src: url(../fonts/geologica/Geologica-SemiBold.ttf)format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 600
}

@font-face {
    font-family: Geologica;
    src: url(../fonts/geologica/Geologica-Bold.ttf)format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: Geologica;
    src: url(../fonts/geologica/Geologica-ExtraBold.ttf)format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 800
}

@font-face {
    font-family: Geologica;
    src: url(../fonts/geologica/Geologica-Black.ttf)format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 900
}

body {
    background: var(--background);
    color: var(--foreground);
    font-family: var(--font-sans);
    margin: 0
}

html,
body {
    scrollbar-color: var(--border) transparent;
    scrollbar-width: thin
}

html::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

body::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

html::-webkit-scrollbar-track {
    background: 0 0
}

body::-webkit-scrollbar-track {
    background: 0 0
}

html::-webkit-scrollbar-thumb {
    background-color: var(--border);
    background-clip: padding-box;
    border: 2px solid #0000;
    border-radius: 9999px
}

body::-webkit-scrollbar-thumb {
    background-color: var(--border);
    background-clip: padding-box;
    border: 2px solid #0000;
    border-radius: 9999px
}

html::-webkit-scrollbar-thumb:hover {
    background-color: var(--surface-600)
}

body::-webkit-scrollbar-thumb:hover {
    background-color: var(--surface-600)
}

html::-webkit-scrollbar-thumb:active {
    background-color: var(--surface-700)
}

body::-webkit-scrollbar-thumb:active {
    background-color: var(--surface-700)
}

@supports (-webkit-touch-callout:none) {
    @media (hover:none) and (pointer:coarse) {

        input.text-sm,
        textarea.text-sm,
        select.text-sm,
        input.text-xs,
        textarea.text-xs,
        select.text-xs,
        input[class*="text-[14px]"],
        textarea[class*="text-[14px]"],
        select[class*="text-[14px]"] {
            font-size: 16px
        }

        input[class*="text-[14px]"][class*="leading-[1.4]"],
        textarea[class*="text-[14px]"][class*="leading-[1.4]"] {
            line-height: 20px
        }
    }

    html.fpm-ios-modal-scroll-lock {
        overflow: hidden
    }

    html.fpm-ios-modal-scroll-lock body {
        width: 100%;
        left: 0;
        right: 0;
        top: var(--fpm-ios-modal-scroll-y, 0px);
        position: fixed;
        overflow: hidden
    }

    :is(html:has([data-dialog-content][data-state=open]), html:has([data-alert-dialog-content][data-state=open])) {
        overflow: hidden
    }
}

@property --tw-border-spacing-x {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-border-spacing-y {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-y {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-z {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-rotate-x {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false
}

@property --tw-pan-x {
    syntax: "*";
    inherits: false
}

@property --tw-pan-y {
    syntax: "*";
    inherits: false
}

@property --tw-pinch-zoom {
    syntax: "*";
    inherits: false
}

@property --tw-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-divide-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-gradient-position {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0%
}

@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%
}

@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-leading {
    syntax: "*";
    inherits: false
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false
}

@property --tw-tracking {
    syntax: "*";
    inherits: false
}

@property --tw-ordinal {
    syntax: "*";
    inherits: false
}

@property --tw-slashed-zero {
    syntax: "*";
    inherits: false
}

@property --tw-numeric-figure {
    syntax: "*";
    inherits: false
}

@property --tw-numeric-spacing {
    syntax: "*";
    inherits: false
}

@property --tw-numeric-fraction {
    syntax: "*";
    inherits: false
}

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-ring-inset {
    syntax: "*";
    inherits: false
}

@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff
}

@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-outline-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-blur {
    syntax: "*";
    inherits: false
}

@property --tw-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-invert {
    syntax: "*";
    inherits: false
}

@property --tw-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-drop-shadow-size {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-blur {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-invert {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-duration {
    syntax: "*";
    inherits: false
}

@property --tw-ease {
    syntax: "*";
    inherits: false
}

@property --tw-content {
    syntax: "*";
    inherits: false;
    initial-value: ""
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

@keyframes enter {
    0% {
        opacity: var(--tw-enter-opacity, 1);
        transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0)scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1))rotate(var(--tw-enter-rotate, 0));
        filter: blur(var(--tw-enter-blur, 0))
    }
}

@keyframes exit {
    to {
        opacity: var(--tw-exit-opacity, 1);
        transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0)scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1))rotate(var(--tw-exit-rotate, 0));
        filter: blur(var(--tw-exit-blur, 0))
    }
}

@keyframes accordion-down {
    0% {
        height: 0
    }

    to {
        height: var(--radix-accordion-content-height, var(--bits-accordion-content-height, var(--reka-accordion-content-height, var(--kb-accordion-content-height, var(--ngp-accordion-content-height, auto)))))
    }
}

@keyframes accordion-up {
    0% {
        height: var(--radix-accordion-content-height, var(--bits-accordion-content-height, var(--reka-accordion-content-height, var(--kb-accordion-content-height, var(--ngp-accordion-content-height, auto)))))
    }

    to {
        height: 0
    }
}

@keyframes caret-blink {

    0%,
    70%,
    to {
        opacity: 1
    }

    20%,
    50% {
        opacity: 0
    }
}