@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,
        ::backdrop {
            --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-scroll-snap-strictness: proximity;
            --tw-space-y-reverse: 0;
            --tw-divide-x-reverse: 0;
            --tw-border-style: solid;
            --tw-divide-y-reverse: 0;
            --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
        }
    }
}

@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-red-300: oklch(80.8% .114 19.571);
        --color-red-400: oklch(70.4% .191 22.216);
        --color-red-500: oklch(63.7% .237 25.331);
        --color-red-600: oklch(57.7% .245 27.325);
        --color-red-950: oklch(25.8% .092 26.042);
        --color-orange-300: oklch(83.7% .128 66.29);
        --color-orange-400: oklch(75% .183 55.934);
        --color-orange-500: oklch(70.5% .213 47.604);
        --color-orange-600: oklch(64.6% .222 41.116);
        --color-orange-950: oklch(26.6% .079 36.259);
        --color-amber-300: oklch(87.9% .169 91.605);
        --color-amber-400: oklch(82.8% .189 84.429);
        --color-amber-500: oklch(76.9% .188 70.08);
        --color-amber-600: oklch(66.6% .179 58.318);
        --color-amber-700: oklch(55.5% .163 48.998);
        --color-amber-800: oklch(47.3% .137 46.201);
        --color-amber-900: oklch(41.4% .112 45.904);
        --color-amber-950: oklch(27.9% .077 45.635);
        --color-yellow-300: oklch(90.5% .182 98.111);
        --color-yellow-400: oklch(85.2% .199 91.936);
        --color-yellow-500: oklch(79.5% .184 86.047);
        --color-lime-500: oklch(76.8% .233 130.85);
        --color-green-400: oklch(79.2% .209 151.711);
        --color-green-500: oklch(72.3% .219 149.579);
        --color-green-600: oklch(62.7% .194 149.214);
        --color-emerald-300: oklch(84.5% .143 164.978);
        --color-emerald-400: oklch(76.5% .177 163.223);
        --color-emerald-500: oklch(69.6% .17 162.48);
        --color-emerald-600: oklch(59.6% .145 163.225);
        --color-teal-400: oklch(77.7% .152 181.912);
        --color-teal-500: oklch(70.4% .14 182.503);
        --color-teal-600: oklch(60% .118 184.704);
        --color-teal-950: oklch(27.7% .046 192.524);
        --color-cyan-400: oklch(78.9% .154 211.53);
        --color-cyan-500: oklch(71.5% .143 215.221);
        --color-sky-500: oklch(68.5% .169 237.323);
        --color-blue-400: oklch(70.7% .165 254.624);
        --color-blue-500: oklch(62.3% .214 259.815);
        --color-blue-600: oklch(54.6% .245 262.881);
        --color-blue-950: oklch(28.2% .091 267.935);
        --color-indigo-400: oklch(67.3% .182 276.935);
        --color-indigo-500: oklch(58.5% .233 277.117);
        --color-indigo-600: oklch(51.1% .262 276.966);
        --color-indigo-950: oklch(25.7% .09 281.288);
        --color-violet-500: oklch(60.6% .25 292.717);
        --color-violet-600: oklch(54.1% .281 293.009);
        --color-violet-950: oklch(28.3% .141 291.089);
        --color-purple-300: oklch(82.7% .119 306.383);
        --color-purple-400: oklch(71.4% .203 305.504);
        --color-purple-500: oklch(62.7% .265 303.9);
        --color-purple-900: oklch(38.1% .176 304.987);
        --color-purple-950: oklch(29.1% .149 302.717);
        --color-fuchsia-500: oklch(66.7% .295 322.15);
        --color-pink-400: oklch(71.8% .202 349.761);
        --color-pink-500: oklch(65.6% .241 354.308);
        --color-pink-600: oklch(59.2% .249 .584);
        --color-rose-400: oklch(71.2% .194 13.428);
        --color-rose-500: oklch(64.5% .246 16.439);
        --color-rose-600: oklch(58.6% .253 17.585);
        --color-rose-900: oklch(41% .159 10.272);
        --color-slate-300: oklch(86.9% .022 252.894);
        --color-slate-400: oklch(70.4% .04 256.788);
        --color-slate-500: oklch(55.4% .046 257.417);
        --color-slate-600: oklch(44.6% .043 257.281);
        --color-slate-700: oklch(37.2% .044 257.287);
        --color-slate-800: oklch(27.9% .041 260.031);
        --color-slate-900: oklch(20.8% .042 265.755);
        --color-slate-950: oklch(12.9% .042 264.695);
        --color-gray-200: oklch(92.8% .006 264.531);
        --color-gray-300: oklch(87.2% .01 258.338);
        --color-gray-400: oklch(70.7% .022 261.325);
        --color-gray-500: oklch(55.1% .027 264.364);
        --color-gray-600: oklch(44.6% .03 256.802);
        --color-gray-700: oklch(37.3% .034 259.733);
        --color-gray-800: oklch(27.8% .033 256.848);
        --color-gray-900: oklch(21% .034 264.665);
        --color-black: #000;
        --color-white: #fff;
        --spacing: .25rem;
        --container-xs: 20rem;
        --container-sm: 640px;
        --container-md: 768px;
        --container-lg: 1024px;
        --container-xl: 1280px;
        --container-2xl: 1536px;
        --container-3xl: 48rem;
        --container-4xl: 56rem;
        --container-5xl: 64rem;
        --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: 1.5;
        --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);
        --text-3xl: 1.875rem;
        --text-3xl--line-height: 1.2;
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5/2.25);
        --text-5xl: 3rem;
        --text-5xl--line-height: 1;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --font-weight-extrabold: 800;
        --font-weight-black: 900;
        --tracking-tight: -.025em;
        --tracking-normal: 0em;
        --tracking-wide: .025em;
        --tracking-wider: .05em;
        --tracking-widest: .1em;
        --leading-tight: 1.25;
        --leading-snug: 1.375;
        --leading-relaxed: 1.625;
        --radius-sm: .5rem;
        --radius-md: .375rem;
        --radius-lg: 1rem;
        --radius-xl: 1.25rem;
        --radius-2xl: 1rem;
        --radius-3xl: 1.5rem;
        --drop-shadow-sm: 0 1px 2px #00000026;
        --drop-shadow-md: 0 3px 3px #0000001f;
        --drop-shadow-lg: 0 4px 4px #00000026;
        --drop-shadow-2xl: 0 25px 25px #00000026;
        --ease-out: cubic-bezier(0, 0, .2, 1);
        --ease-in-out: cubic-bezier(.4, 0, .2, 1);
        --animate-spin: spin 1s linear infinite;
        --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1)infinite;
        --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1)infinite;
        --animate-bounce: bounce 1s infinite;
        --blur-sm: 8px;
        --blur-md: 12px;
        --blur-lg: 16px;
        --blur-xl: 24px;
        --blur-2xl: 40px;
        --blur-3xl: 64px;
        --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);
        --radius: .75rem;
        --color-background: #0e0e1b;
        --color-background-secondary: #151529;
        --color-foreground: #fff;
        --color-foreground-muted: #9d9daf;
        --color-card: #18182f;
        --color-card-hover: #1f1f3d;
        --color-card-foreground: #fff;
        --color-primary: #ffd900;
        --color-primary-foreground: #0e0e1b;
        --color-secondary: #00d6a1;
        --color-secondary-foreground: #0e0e1b;
        --color-muted: #33334d;
        --color-muted-foreground: #9d9daf;
        --color-accent: #252537;
        --color-accent-foreground: #fff;
        --color-destructive: #f05142;
        --color-destructive-foreground: #fff;
        --color-warning: #f59f0a;
        --color-success: #21c45d;
        --color-border: #252537;
        --color-input: #252537;
        --color-ring: #ffd900;
        --primary-rgb: 255, 215, 0;
        --spacing-touch: 44px;
        --page-px: .75rem
    }
}

@layer base {

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

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

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

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

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

    ::placeholder {
        opacity: 1
    }

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

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

    textarea {
        resize: vertical
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@layer components;

@layer utilities {
    .pointer-events-auto {
        pointer-events: auto
    }

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

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

    .fixed {
        position: fixed
    }

    .relative {
        position: relative
    }

    .static {
        position: static
    }

    .sticky {
        position: sticky
    }

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

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

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

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

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

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

    .inset-\[-3px\] {
        inset: -3px
    }

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

    .inset-\[-8px\] {
        inset: -8px
    }

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

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

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

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

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

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

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

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

    .-top-px {
        top: -1px
    }

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

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

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

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

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

    .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-4 {
        top: calc(var(--spacing)*4)
    }

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

    .top-\[4\.5rem\] {
        top: 4.5rem
    }

    .top-\[env\(safe-area-inset-top\,0px\)\] {
        top: env(safe-area-inset-top, 0px)
    }

    .top-full {
        top: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .isolate {
        isolation: isolate
    }

    .-z-10 {
        z-index: -10
    }

    .z-0 {
        z-index: 0
    }

    .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-\[1\] {
        z-index: 1
    }

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

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

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

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

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

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

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

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

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

    .container {
        width: 100%
    }

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

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

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

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

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

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

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

    .m-auto {
        margin: auto
    }

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

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

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

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

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

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

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

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

    .mx-auto {
        margin-inline: auto
    }

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

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

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

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

    .my-auto {
        margin-block: auto
    }

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

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

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

    .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-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-\[-12px\] {
        margin-top: -12px
    }

    .mt-auto {
        margin-top: auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .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-7 {
        margin-bottom: calc(var(--spacing)*7)
    }

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

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

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

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

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

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

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

    .block {
        display: block
    }

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

    .aspect-\[2\.2\/1\] {
        aspect-ratio: 2.2
    }

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

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

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

    .aspect-\[16\/10\] {
        aspect-ratio: 16/10
    }

    .aspect-\[21\/9\] {
        aspect-ratio: 21/9
    }

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

    .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\/3 {
        height: 33.3333%
    }

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

    .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-3\/4 {
        height: 75%
    }

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

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

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

    .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-20 {
        height: calc(var(--spacing)*20)
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .h-\[4\.25rem\] {
        height: 4.25rem
    }

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

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

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

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

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

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

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

    .h-dvh {
        height: 100dvh
    }

    .h-full {
        height: 100%
    }

    .h-px {
        height: 1px
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .max-h-\[min\(70vh\,400px\)\] {
        max-height: min(70vh, 400px)
    }

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

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

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

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

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

    .min-h-\[40vh\] {
        min-height: 40vh
    }

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

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

    .min-h-\[50vh\] {
        min-height: 50vh
    }

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

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

    .min-h-\[80vh\] {
        min-height: 80vh
    }

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

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

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

    .min-h-screen {
        min-height: 100vh
    }

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

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

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

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

    .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-4 {
        width: calc(var(--spacing)*4)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .w-\[min\(220px\,60vw\)\] {
        width: min(220px, 60vw)
    }

    .w-\[min\(280px\,85vw\)\] {
        width: min(280px, 85vw)
    }

    .w-\[min\(calc\(100vw-1\.5rem\)\,360px\)\] {
        width: min(100vw - 1.5rem, 360px)
    }

    .w-auto {
        width: auto
    }

    .w-fit {
        width: fit-content
    }

    .w-full {
        width: 100%
    }

    .w-max {
        width: max-content
    }

    .w-px {
        width: 1px
    }

    .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-5xl {
        max-width: var(--container-5xl)
    }

    .max-w-6xl {
        max-width: var(--container-6xl)
    }

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

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

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

    .max-w-\[60\%\] {
        max-width: 60%
    }

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

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

    .max-w-\[78\%\] {
        max-width: 78%
    }

    .max-w-\[80\%\] {
        max-width: 80%
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .max-w-lg {
        max-width: var(--container-lg)
    }

    .max-w-md {
        max-width: var(--container-md)
    }

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

    .max-w-sm {
        max-width: var(--container-sm)
    }

    .max-w-xl {
        max-width: var(--container-xl)
    }

    .max-w-xs {
        max-width: var(--container-xs)
    }

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

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

    .min-w-\[4rem\] {
        min-width: 4rem
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .flex-1 {
        flex: 1
    }

    .flex-shrink {
        flex-shrink: 1
    }

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

    .origin-bottom-right {
        transform-origin: 100% 100%
    }

    .origin-left {
        transform-origin: 0
    }

    .-translate-x-1\/2 {
        --tw-translate-x: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-x-1\/4 {
        --tw-translate-x: -25%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-x-full {
        --tw-translate-x: -100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-x-0\.5 {
        --tw-translate-x: calc(var(--spacing)*.5);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-x-1\/2 {
        --tw-translate-x: 50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-x-1\/3 {
        --tw-translate-x: calc(1/3*100%);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-x-1\/4 {
        --tw-translate-x: 25%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-x-\[20px\] {
        --tw-translate-x: 20px;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-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: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-y-1\/4 {
        --tw-translate-y: -25%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-y-full {
        --tw-translate-y: -100%;
        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-1\/2 {
        --tw-translate-y: 50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-y-1\/3 {
        --tw-translate-y: calc(1/3*100%);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-y-1\/4 {
        --tw-translate-y: 25%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-y-4 {
        --tw-translate-y: calc(var(--spacing)*4);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-y-6 {
        --tw-translate-y: calc(var(--spacing)*6);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-y-full {
        --tw-translate-y: 100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .scale-75 {
        --tw-scale-x: 75%;
        --tw-scale-y: 75%;
        --tw-scale-z: 75%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .scale-90 {
        --tw-scale-x: 90%;
        --tw-scale-y: 90%;
        --tw-scale-z: 90%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .scale-95 {
        --tw-scale-x: 95%;
        --tw-scale-y: 95%;
        --tw-scale-z: 95%;
        scale: var(--tw-scale-x)var(--tw-scale-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-110 {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .scale-125 {
        --tw-scale-x: 125%;
        --tw-scale-y: 125%;
        --tw-scale-z: 125%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

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

    .rotate-90 {
        rotate: 90deg
    }

    .rotate-180 {
        rotate: 180deg
    }

    .transform {
        transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, )
    }

    .animate-\[shimmer_1\.5s_infinite\] {
        animation: 1.5s infinite shimmer
    }

    .animate-\[shimmer_1s_linear_infinite\] {
        animation: 1s linear infinite shimmer
    }

    .animate-\[shimmer_2s_ease-in-out_infinite\] {
        animation: 2s ease-in-out infinite shimmer
    }

    .animate-bounce {
        animation: var(--animate-bounce)
    }

    .animate-ping {
        animation: var(--animate-ping)
    }

    .animate-pulse {
        animation: var(--animate-pulse)
    }

    .animate-spin {
        animation: var(--animate-spin)
    }

    .cursor-default {
        cursor: default
    }

    .cursor-not-allowed {
        cursor: not-allowed
    }

    .cursor-pointer {
        cursor: pointer
    }

    .touch-manipulation {
        touch-action: manipulation
    }

    .resize {
        resize: both
    }

    .resize-none {
        resize: none
    }

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

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

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

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

    .list-inside {
        list-style-position: inside
    }

    .list-decimal {
        list-style-type: decimal
    }

    .list-disc {
        list-style-type: disc
    }

    .appearance-none {
        appearance: none
    }

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

    .flex-col {
        flex-direction: column
    }

    .flex-wrap {
        flex-wrap: wrap
    }

    .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-around {
        justify-content: space-around
    }

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

    .justify-center {
        justify-content: center
    }

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

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

    .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-8 {
        gap: calc(var(--spacing)*8)
    }

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

    .gap-px {
        gap: 1px
    }

    :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-2\.5>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*2.5)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*2.5)*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(.divide-x>:not(:last-child)) {
        --tw-divide-x-reverse: 0;
        border-inline-style: var(--tw-border-style);
        border-inline-start-width: calc(1px*var(--tw-divide-x-reverse));
        border-inline-end-width: calc(1px*calc(1 - var(--tw-divide-x-reverse)))
    }

    :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(--color-border)
    }

    :where(.divide-border\/10>:not(:last-child)) {
        border-color: #2525371a
    }

    @supports (color:color-mix(in lab, red, red)) {
        :where(.divide-border\/10>:not(:last-child)) {
            border-color: color-mix(in oklab, var(--color-border)10%, transparent)
        }
    }

    :where(.divide-border\/15>:not(:last-child)) {
        border-color: #25253726
    }

    @supports (color:color-mix(in lab, red, red)) {
        :where(.divide-border\/15>:not(:last-child)) {
            border-color: color-mix(in oklab, var(--color-border)15%, transparent)
        }
    }

    :where(.divide-white\/5>:not(:last-child)) {
        border-color: #ffffff0d
    }

    @supports (color:color-mix(in lab, red, red)) {
        :where(.divide-white\/5>:not(:last-child)) {
            border-color: color-mix(in oklab, var(--color-white)5%, transparent)
        }
    }

    :where(.divide-white\/\[0\.03\]>:not(:last-child)) {
        border-color: #ffffff08
    }

    @supports (color:color-mix(in lab, red, red)) {
        :where(.divide-white\/\[0\.03\]>:not(:last-child)) {
            border-color: color-mix(in oklab, var(--color-white)3%, transparent)
        }
    }

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

    .truncate {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .overflow-hidden {
        overflow: hidden
    }

    .overflow-visible {
        overflow: visible
    }

    .overflow-x-auto {
        overflow-x: auto
    }

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

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

    .overscroll-contain {
        overscroll-behavior: contain
    }

    .overscroll-x-contain {
        overscroll-behavior-x: contain
    }

    .scroll-smooth {
        scroll-behavior: smooth
    }

    .rounded {
        border-radius: var(--radius)
    }

    .rounded-2xl {
        border-radius: var(--radius-2xl)
    }

    .rounded-3xl {
        border-radius: var(--radius-3xl)
    }

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

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

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

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

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

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

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

    .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-t-2xl {
        border-top-left-radius: var(--radius-2xl);
        border-top-right-radius: var(--radius-2xl)
    }

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

    .rounded-l-\[5px\] {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px
    }

    .rounded-l-md {
        border-top-left-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md)
    }

    .rounded-r-\[5px\] {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px
    }

    .rounded-r-full {
        border-top-right-radius: 3.40282e38px;
        border-bottom-right-radius: 3.40282e38px
    }

    .rounded-r-md {
        border-top-right-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md)
    }

    .rounded-br-md {
        border-bottom-right-radius: var(--radius-md)
    }

    .rounded-bl-md {
        border-bottom-left-radius: var(--radius-md)
    }

    .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-\[2px\] {
        border-style: var(--tw-border-style);
        border-width: 2px
    }

    .border-\[3px\] {
        border-style: var(--tw-border-style);
        border-width: 3px
    }

    .border-t {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px
    }

    .border-r {
        border-right-style: var(--tw-border-style);
        border-right-width: 1px
    }

    .border-r-0 {
        border-right-style: var(--tw-border-style);
        border-right-width: 0
    }

    .border-b {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .border-l {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px
    }

    .border-l-0 {
        border-left-style: var(--tw-border-style);
        border-left-width: 0
    }

    .border-dashed {
        --tw-border-style: dashed;
        border-style: dashed
    }

    .border-none {
        --tw-border-style: none;
        border-style: none
    }

    .border-amber-400\/30 {
        border-color: #fcbb004d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-amber-400\/30 {
            border-color: color-mix(in oklab, var(--color-amber-400)30%, transparent)
        }
    }

    .border-amber-500\/15 {
        border-color: #f99c0026
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-amber-500\/15 {
            border-color: color-mix(in oklab, var(--color-amber-500)15%, transparent)
        }
    }

    .border-amber-500\/20 {
        border-color: #f99c0033
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-amber-500\/20 {
            border-color: color-mix(in oklab, var(--color-amber-500)20%, transparent)
        }
    }

    .border-amber-500\/25 {
        border-color: #f99c0040
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-amber-500\/25 {
            border-color: color-mix(in oklab, var(--color-amber-500)25%, transparent)
        }
    }

    .border-amber-500\/30 {
        border-color: #f99c004d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-amber-500\/30 {
            border-color: color-mix(in oklab, var(--color-amber-500)30%, transparent)
        }
    }

    .border-background {
        border-color: var(--color-background)
    }

    .border-blue-500\/20 {
        border-color: #3080ff33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-blue-500\/20 {
            border-color: color-mix(in oklab, var(--color-blue-500)20%, transparent)
        }
    }

    .border-border {
        border-color: var(--color-border)
    }

    .border-border\/15 {
        border-color: #25253726
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-border\/15 {
            border-color: color-mix(in oklab, var(--color-border)15%, transparent)
        }
    }

    .border-border\/20 {
        border-color: #25253733
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-border\/20 {
            border-color: color-mix(in oklab, var(--color-border)20%, transparent)
        }
    }

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

    @supports (color:color-mix(in lab, red, red)) {
        .border-border\/30 {
            border-color: color-mix(in oklab, var(--color-border)30%, transparent)
        }
    }

    .border-border\/40 {
        border-color: #25253766
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-border\/40 {
            border-color: color-mix(in oklab, var(--color-border)40%, transparent)
        }
    }

    .border-border\/50 {
        border-color: #25253780
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-border\/50 {
            border-color: color-mix(in oklab, var(--color-border)50%, transparent)
        }
    }

    .border-border\/60 {
        border-color: #25253799
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-border\/60 {
            border-color: color-mix(in oklab, var(--color-border)60%, transparent)
        }
    }

    .border-border\/70 {
        border-color: #252537b3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-border\/70 {
            border-color: color-mix(in oklab, var(--color-border)70%, transparent)
        }
    }

    .border-current {
        border-color: currentColor
    }

    .border-cyan-500\/20 {
        border-color: #00b7d733
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-cyan-500\/20 {
            border-color: color-mix(in oklab, var(--color-cyan-500)20%, transparent)
        }
    }

    .border-destructive {
        border-color: var(--color-destructive)
    }

    .border-destructive\/20 {
        border-color: #f0514233
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-destructive\/20 {
            border-color: color-mix(in oklab, var(--color-destructive)20%, transparent)
        }
    }

    .border-destructive\/50 {
        border-color: #f0514280
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-destructive\/50 {
            border-color: color-mix(in oklab, var(--color-destructive)50%, transparent)
        }
    }

    .border-emerald-500\/20 {
        border-color: #00bb7f33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-emerald-500\/20 {
            border-color: color-mix(in oklab, var(--color-emerald-500)20%, transparent)
        }
    }

    .border-emerald-500\/25 {
        border-color: #00bb7f40
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-emerald-500\/25 {
            border-color: color-mix(in oklab, var(--color-emerald-500)25%, transparent)
        }
    }

    .border-emerald-500\/30 {
        border-color: #00bb7f4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-emerald-500\/30 {
            border-color: color-mix(in oklab, var(--color-emerald-500)30%, transparent)
        }
    }

    .border-emerald-500\/40 {
        border-color: #00bb7f66
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-emerald-500\/40 {
            border-color: color-mix(in oklab, var(--color-emerald-500)40%, transparent)
        }
    }

    .border-emerald-500\/50 {
        border-color: #00bb7f80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-emerald-500\/50 {
            border-color: color-mix(in oklab, var(--color-emerald-500)50%, transparent)
        }
    }

    .border-green-500\/20 {
        border-color: #00c75833
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-green-500\/20 {
            border-color: color-mix(in oklab, var(--color-green-500)20%, transparent)
        }
    }

    .border-green-500\/30 {
        border-color: #00c7584d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-green-500\/30 {
            border-color: color-mix(in oklab, var(--color-green-500)30%, transparent)
        }
    }

    .border-orange-500\/20 {
        border-color: #fe6e0033
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-orange-500\/20 {
            border-color: color-mix(in oklab, var(--color-orange-500)20%, transparent)
        }
    }

    .border-primary {
        border-color: var(--color-primary)
    }

    .border-primary\/15 {
        border-color: #ffd90026
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-primary\/15 {
            border-color: color-mix(in oklab, var(--color-primary)15%, transparent)
        }
    }

    .border-primary\/20 {
        border-color: #ffd90033
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-primary\/20 {
            border-color: color-mix(in oklab, var(--color-primary)20%, transparent)
        }
    }

    .border-primary\/25 {
        border-color: #ffd90040
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-primary\/25 {
            border-color: color-mix(in oklab, var(--color-primary)25%, transparent)
        }
    }

    .border-primary\/30 {
        border-color: #ffd9004d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-primary\/30 {
            border-color: color-mix(in oklab, var(--color-primary)30%, transparent)
        }
    }

    .border-primary\/40 {
        border-color: #ffd90066
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-primary\/40 {
            border-color: color-mix(in oklab, var(--color-primary)40%, transparent)
        }
    }

    .border-primary\/50 {
        border-color: #ffd90080
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-primary\/50 {
            border-color: color-mix(in oklab, var(--color-primary)50%, transparent)
        }
    }

    .border-primary\/60 {
        border-color: #ffd90099
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-primary\/60 {
            border-color: color-mix(in oklab, var(--color-primary)60%, transparent)
        }
    }

    .border-purple-500\/20 {
        border-color: #ac4bff33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-purple-500\/20 {
            border-color: color-mix(in oklab, var(--color-purple-500)20%, transparent)
        }
    }

    .border-purple-500\/25 {
        border-color: #ac4bff40
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-purple-500\/25 {
            border-color: color-mix(in oklab, var(--color-purple-500)25%, transparent)
        }
    }

    .border-purple-500\/30 {
        border-color: #ac4bff4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-purple-500\/30 {
            border-color: color-mix(in oklab, var(--color-purple-500)30%, transparent)
        }
    }

    .border-purple-500\/40 {
        border-color: #ac4bff66
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-purple-500\/40 {
            border-color: color-mix(in oklab, var(--color-purple-500)40%, transparent)
        }
    }

    .border-red-500\/15 {
        border-color: #fb2c3626
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-red-500\/15 {
            border-color: color-mix(in oklab, var(--color-red-500)15%, transparent)
        }
    }

    .border-red-500\/20 {
        border-color: #fb2c3633
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-red-500\/20 {
            border-color: color-mix(in oklab, var(--color-red-500)20%, transparent)
        }
    }

    .border-red-500\/30 {
        border-color: #fb2c364d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-red-500\/30 {
            border-color: color-mix(in oklab, var(--color-red-500)30%, transparent)
        }
    }

    .border-red-500\/40 {
        border-color: #fb2c3666
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-red-500\/40 {
            border-color: color-mix(in oklab, var(--color-red-500)40%, transparent)
        }
    }

    .border-rose-500\/20 {
        border-color: #ff235733
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-rose-500\/20 {
            border-color: color-mix(in oklab, var(--color-rose-500)20%, transparent)
        }
    }

    .border-secondary\/20 {
        border-color: #00d6a133
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-secondary\/20 {
            border-color: color-mix(in oklab, var(--color-secondary)20%, transparent)
        }
    }

    .border-transparent {
        border-color: #0000
    }

    .border-white {
        border-color: var(--color-white)
    }

    .border-white\/5 {
        border-color: #ffffff0d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/5 {
            border-color: color-mix(in oklab, var(--color-white)5%, transparent)
        }
    }

    .border-white\/10 {
        border-color: #ffffff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/10 {
            border-color: color-mix(in oklab, var(--color-white)10%, transparent)
        }
    }

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

    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/20 {
            border-color: color-mix(in oklab, var(--color-white)20%, transparent)
        }
    }

    .border-white\/40 {
        border-color: #fff6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/40 {
            border-color: color-mix(in oklab, var(--color-white)40%, transparent)
        }
    }

    .border-white\/\[0\.1\] {
        border-color: #ffffff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/\[0\.1\] {
            border-color: color-mix(in oklab, var(--color-white)10%, transparent)
        }
    }

    .border-white\/\[0\.04\] {
        border-color: #ffffff0a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/\[0\.04\] {
            border-color: color-mix(in oklab, var(--color-white)4%, transparent)
        }
    }

    .border-white\/\[0\.05\] {
        border-color: #ffffff0d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/\[0\.05\] {
            border-color: color-mix(in oklab, var(--color-white)5%, transparent)
        }
    }

    .border-white\/\[0\.06\] {
        border-color: #ffffff0f
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/\[0\.06\] {
            border-color: color-mix(in oklab, var(--color-white)6%, transparent)
        }
    }

    .border-white\/\[0\.08\] {
        border-color: #ffffff14
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/\[0\.08\] {
            border-color: color-mix(in oklab, var(--color-white)8%, transparent)
        }
    }

    .border-white\/\[0\.10\] {
        border-color: #ffffff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/\[0\.10\] {
            border-color: color-mix(in oklab, var(--color-white)10%, transparent)
        }
    }

    .border-white\/\[0\.12\] {
        border-color: #ffffff1f
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/\[0\.12\] {
            border-color: color-mix(in oklab, var(--color-white)12%, transparent)
        }
    }

    .border-t-primary {
        border-top-color: var(--color-primary)
    }

    .border-t-transparent {
        border-top-color: #0000
    }

    .border-r-primary\/30 {
        border-right-color: #ffd9004d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-r-primary\/30 {
            border-right-color: color-mix(in oklab, var(--color-primary)30%, transparent)
        }
    }

    .border-r-primary\/40 {
        border-right-color: #ffd90066
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-r-primary\/40 {
            border-right-color: color-mix(in oklab, var(--color-primary)40%, transparent)
        }
    }

    .border-b-primary\/50 {
        border-bottom-color: #ffd90080
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-b-primary\/50 {
            border-bottom-color: color-mix(in oklab, var(--color-primary)50%, transparent)
        }
    }

    .border-b-purple-400\/60 {
        border-bottom-color: #c07eff99
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-b-purple-400\/60 {
            border-bottom-color: color-mix(in oklab, var(--color-purple-400)60%, transparent)
        }
    }

    .border-l-primary\/15 {
        border-left-color: #ffd90026
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-l-primary\/15 {
            border-left-color: color-mix(in oklab, var(--color-primary)15%, transparent)
        }
    }

    .border-l-primary\/20 {
        border-left-color: #ffd90033
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-l-primary\/20 {
            border-left-color: color-mix(in oklab, var(--color-primary)20%, transparent)
        }
    }

    .bg-\[\#0a0a12\] {
        background-color: #0a0a12
    }

    .bg-\[\#0a0a12\]\/95 {
        background-color: #0a0a12f2
    }

    .bg-\[\#0a0a14\]\/98 {
        background-color: #0a0a14fa
    }

    .bg-\[\#0c0c16\] {
        background-color: #0c0c16
    }

    .bg-\[\#0c0c16\]\/95 {
        background-color: #0c0c16f2
    }

    .bg-\[\#1a1a2e\]\/98 {
        background-color: #1a1a2efa
    }

    .bg-\[\#12121a\] {
        background-color: #12121a
    }

    .bg-\[\#080810\] {
        background-color: #080810
    }

    .bg-amber-400 {
        background-color: var(--color-amber-400)
    }

    .bg-amber-400\/20 {
        background-color: #fcbb0033
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-amber-400\/20 {
            background-color: color-mix(in oklab, var(--color-amber-400)20%, transparent)
        }
    }

    .bg-amber-400\/30 {
        background-color: #fcbb004d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-amber-400\/30 {
            background-color: color-mix(in oklab, var(--color-amber-400)30%, transparent)
        }
    }

    .bg-amber-400\/95 {
        background-color: #fcbb00f2
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-amber-400\/95 {
            background-color: color-mix(in oklab, var(--color-amber-400)95%, transparent)
        }
    }

    .bg-amber-500 {
        background-color: var(--color-amber-500)
    }

    .bg-amber-500\/5 {
        background-color: #f99c000d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-amber-500\/5 {
            background-color: color-mix(in oklab, var(--color-amber-500)5%, transparent)
        }
    }

    .bg-amber-500\/10 {
        background-color: #f99c001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-amber-500\/10 {
            background-color: color-mix(in oklab, var(--color-amber-500)10%, transparent)
        }
    }

    .bg-amber-500\/15 {
        background-color: #f99c0026
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-amber-500\/15 {
            background-color: color-mix(in oklab, var(--color-amber-500)15%, transparent)
        }
    }

    .bg-amber-500\/20 {
        background-color: #f99c0033
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-amber-500\/20 {
            background-color: color-mix(in oklab, var(--color-amber-500)20%, transparent)
        }
    }

    .bg-amber-500\/25 {
        background-color: #f99c0040
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-amber-500\/25 {
            background-color: color-mix(in oklab, var(--color-amber-500)25%, transparent)
        }
    }

    .bg-amber-500\/30 {
        background-color: #f99c004d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-amber-500\/30 {
            background-color: color-mix(in oklab, var(--color-amber-500)30%, transparent)
        }
    }

    .bg-amber-700 {
        background-color: var(--color-amber-700)
    }

    .bg-background {
        background-color: var(--color-background)
    }

    .bg-background-secondary {
        background-color: var(--color-background-secondary)
    }

    .bg-background\/50 {
        background-color: #0e0e1b80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-background\/50 {
            background-color: color-mix(in oklab, var(--color-background)50%, transparent)
        }
    }

    .bg-background\/90 {
        background-color: #0e0e1be6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-background\/90 {
            background-color: color-mix(in oklab, var(--color-background)90%, transparent)
        }
    }

    .bg-background\/95 {
        background-color: #0e0e1bf2
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-background\/95 {
            background-color: color-mix(in oklab, var(--color-background)95%, transparent)
        }
    }

    .bg-background\/98 {
        background-color: #0e0e1bfa
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-background\/98 {
            background-color: color-mix(in oklab, var(--color-background)98%, transparent)
        }
    }

    .bg-black\/0 {
        background-color: #0000
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/0 {
            background-color: color-mix(in oklab, var(--color-black)0%, transparent)
        }
    }

    .bg-black\/10 {
        background-color: #0000001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/10 {
            background-color: color-mix(in oklab, var(--color-black)10%, transparent)
        }
    }

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

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/20 {
            background-color: color-mix(in oklab, var(--color-black)20%, transparent)
        }
    }

    .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\/70 {
        background-color: #000000b3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/70 {
            background-color: color-mix(in oklab, var(--color-black)70%, transparent)
        }
    }

    .bg-black\/80 {
        background-color: #000c
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/80 {
            background-color: color-mix(in oklab, var(--color-black)80%, transparent)
        }
    }

    .bg-black\/85 {
        background-color: #000000d9
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/85 {
            background-color: color-mix(in oklab, var(--color-black)85%, transparent)
        }
    }

    .bg-black\/95 {
        background-color: #000000f2
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/95 {
            background-color: color-mix(in oklab, var(--color-black)95%, transparent)
        }
    }

    .bg-blue-500 {
        background-color: var(--color-blue-500)
    }

    .bg-blue-500\/10 {
        background-color: #3080ff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-blue-500\/10 {
            background-color: color-mix(in oklab, var(--color-blue-500)10%, transparent)
        }
    }

    .bg-blue-500\/15 {
        background-color: #3080ff26
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-blue-500\/15 {
            background-color: color-mix(in oklab, var(--color-blue-500)15%, transparent)
        }
    }

    .bg-blue-500\/20 {
        background-color: #3080ff33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-blue-500\/20 {
            background-color: color-mix(in oklab, var(--color-blue-500)20%, transparent)
        }
    }

    .bg-border {
        background-color: var(--color-border)
    }

    .bg-border\/15 {
        background-color: #25253726
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-border\/15 {
            background-color: color-mix(in oklab, var(--color-border)15%, transparent)
        }
    }

    .bg-border\/50 {
        background-color: #25253780
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-border\/50 {
            background-color: color-mix(in oklab, var(--color-border)50%, transparent)
        }
    }

    .bg-card {
        background-color: var(--color-card)
    }

    .bg-card\/30 {
        background-color: #18182f4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-card\/30 {
            background-color: color-mix(in oklab, var(--color-card)30%, transparent)
        }
    }

    .bg-card\/50 {
        background-color: #18182f80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-card\/50 {
            background-color: color-mix(in oklab, var(--color-card)50%, transparent)
        }
    }

    .bg-card\/60 {
        background-color: #18182f99
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-card\/60 {
            background-color: color-mix(in oklab, var(--color-card)60%, transparent)
        }
    }

    .bg-card\/80 {
        background-color: #18182fcc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-card\/80 {
            background-color: color-mix(in oklab, var(--color-card)80%, transparent)
        }
    }

    .bg-card\/90 {
        background-color: #18182fe6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-card\/90 {
            background-color: color-mix(in oklab, var(--color-card)90%, transparent)
        }
    }

    .bg-card\/95 {
        background-color: #18182ff2
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-card\/95 {
            background-color: color-mix(in oklab, var(--color-card)95%, transparent)
        }
    }

    .bg-cyan-500\/10 {
        background-color: #00b7d71a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-cyan-500\/10 {
            background-color: color-mix(in oklab, var(--color-cyan-500)10%, transparent)
        }
    }

    .bg-cyan-500\/15 {
        background-color: #00b7d726
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-cyan-500\/15 {
            background-color: color-mix(in oklab, var(--color-cyan-500)15%, transparent)
        }
    }

    .bg-destructive {
        background-color: var(--color-destructive)
    }

    .bg-destructive\/5 {
        background-color: #f051420d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-destructive\/5 {
            background-color: color-mix(in oklab, var(--color-destructive)5%, transparent)
        }
    }

    .bg-destructive\/10 {
        background-color: #f051421a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-destructive\/10 {
            background-color: color-mix(in oklab, var(--color-destructive)10%, transparent)
        }
    }

    .bg-emerald-500 {
        background-color: var(--color-emerald-500)
    }

    .bg-emerald-500\/10 {
        background-color: #00bb7f1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-emerald-500\/10 {
            background-color: color-mix(in oklab, var(--color-emerald-500)10%, transparent)
        }
    }

    .bg-emerald-500\/15 {
        background-color: #00bb7f26
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-emerald-500\/15 {
            background-color: color-mix(in oklab, var(--color-emerald-500)15%, transparent)
        }
    }

    .bg-emerald-500\/20 {
        background-color: #00bb7f33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-emerald-500\/20 {
            background-color: color-mix(in oklab, var(--color-emerald-500)20%, transparent)
        }
    }

    .bg-emerald-500\/30 {
        background-color: #00bb7f4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-emerald-500\/30 {
            background-color: color-mix(in oklab, var(--color-emerald-500)30%, transparent)
        }
    }

    .bg-emerald-500\/90 {
        background-color: #00bb7fe6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-emerald-500\/90 {
            background-color: color-mix(in oklab, var(--color-emerald-500)90%, transparent)
        }
    }

    .bg-emerald-500\/95 {
        background-color: #00bb7ff2
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-emerald-500\/95 {
            background-color: color-mix(in oklab, var(--color-emerald-500)95%, transparent)
        }
    }

    .bg-foreground-muted {
        background-color: var(--color-foreground-muted)
    }

    .bg-foreground-muted\/10 {
        background-color: #9d9daf1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-foreground-muted\/10 {
            background-color: color-mix(in oklab, var(--color-foreground-muted)10%, transparent)
        }
    }

    .bg-foreground-muted\/60 {
        background-color: #9d9daf99
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-foreground-muted\/60 {
            background-color: color-mix(in oklab, var(--color-foreground-muted)60%, transparent)
        }
    }

    .bg-gray-400 {
        background-color: var(--color-gray-400)
    }

    .bg-gray-500 {
        background-color: var(--color-gray-500)
    }

    .bg-gray-500\/10 {
        background-color: #6a72821a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-gray-500\/10 {
            background-color: color-mix(in oklab, var(--color-gray-500)10%, transparent)
        }
    }

    .bg-gray-600 {
        background-color: var(--color-gray-600)
    }

    .bg-green-400 {
        background-color: var(--color-green-400)
    }

    .bg-green-500 {
        background-color: var(--color-green-500)
    }

    .bg-green-500\/5 {
        background-color: #00c7580d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-green-500\/5 {
            background-color: color-mix(in oklab, var(--color-green-500)5%, transparent)
        }
    }

    .bg-green-500\/10 {
        background-color: #00c7581a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-green-500\/10 {
            background-color: color-mix(in oklab, var(--color-green-500)10%, transparent)
        }
    }

    .bg-green-500\/15 {
        background-color: #00c75826
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-green-500\/15 {
            background-color: color-mix(in oklab, var(--color-green-500)15%, transparent)
        }
    }

    .bg-green-500\/20 {
        background-color: #00c75833
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-green-500\/20 {
            background-color: color-mix(in oklab, var(--color-green-500)20%, transparent)
        }
    }

    .bg-indigo-500\/10 {
        background-color: #625fff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-indigo-500\/10 {
            background-color: color-mix(in oklab, var(--color-indigo-500)10%, transparent)
        }
    }

    .bg-input {
        background-color: var(--color-input)
    }

    .bg-lime-500\/10 {
        background-color: #80cd001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-lime-500\/10 {
            background-color: color-mix(in oklab, var(--color-lime-500)10%, transparent)
        }
    }

    .bg-muted {
        background-color: var(--color-muted)
    }

    .bg-muted\/20 {
        background-color: #33334d33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-muted\/20 {
            background-color: color-mix(in oklab, var(--color-muted)20%, transparent)
        }
    }

    .bg-muted\/30 {
        background-color: #33334d4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-muted\/30 {
            background-color: color-mix(in oklab, var(--color-muted)30%, transparent)
        }
    }

    .bg-muted\/40 {
        background-color: #33334d66
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-muted\/40 {
            background-color: color-mix(in oklab, var(--color-muted)40%, transparent)
        }
    }

    .bg-muted\/50 {
        background-color: #33334d80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-muted\/50 {
            background-color: color-mix(in oklab, var(--color-muted)50%, transparent)
        }
    }

    .bg-muted\/60 {
        background-color: #33334d99
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-muted\/60 {
            background-color: color-mix(in oklab, var(--color-muted)60%, transparent)
        }
    }

    .bg-orange-500 {
        background-color: var(--color-orange-500)
    }

    .bg-orange-500\/5 {
        background-color: #fe6e000d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-orange-500\/5 {
            background-color: color-mix(in oklab, var(--color-orange-500)5%, transparent)
        }
    }

    .bg-orange-500\/10 {
        background-color: #fe6e001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-orange-500\/10 {
            background-color: color-mix(in oklab, var(--color-orange-500)10%, transparent)
        }
    }

    .bg-orange-500\/15 {
        background-color: #fe6e0026
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-orange-500\/15 {
            background-color: color-mix(in oklab, var(--color-orange-500)15%, transparent)
        }
    }

    .bg-orange-500\/20 {
        background-color: #fe6e0033
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-orange-500\/20 {
            background-color: color-mix(in oklab, var(--color-orange-500)20%, transparent)
        }
    }

    .bg-orange-500\/95 {
        background-color: #fe6e00f2
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-orange-500\/95 {
            background-color: color-mix(in oklab, var(--color-orange-500)95%, transparent)
        }
    }

    .bg-pink-500\/10 {
        background-color: #f6339a1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-pink-500\/10 {
            background-color: color-mix(in oklab, var(--color-pink-500)10%, transparent)
        }
    }

    .bg-primary {
        background-color: var(--color-primary)
    }

    .bg-primary\/5 {
        background-color: #ffd9000d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-primary\/5 {
            background-color: color-mix(in oklab, var(--color-primary)5%, transparent)
        }
    }

    .bg-primary\/10 {
        background-color: #ffd9001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-primary\/10 {
            background-color: color-mix(in oklab, var(--color-primary)10%, transparent)
        }
    }

    .bg-primary\/15 {
        background-color: #ffd90026
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-primary\/15 {
            background-color: color-mix(in oklab, var(--color-primary)15%, transparent)
        }
    }

    .bg-primary\/20 {
        background-color: #ffd90033
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-primary\/20 {
            background-color: color-mix(in oklab, var(--color-primary)20%, transparent)
        }
    }

    .bg-primary\/90 {
        background-color: #ffd900e6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-primary\/90 {
            background-color: color-mix(in oklab, var(--color-primary)90%, transparent)
        }
    }

    .bg-primary\/\[0\.06\] {
        background-color: #ffd9000f
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-primary\/\[0\.06\] {
            background-color: color-mix(in oklab, var(--color-primary)6%, transparent)
        }
    }

    .bg-purple-500\/10 {
        background-color: #ac4bff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-purple-500\/10 {
            background-color: color-mix(in oklab, var(--color-purple-500)10%, transparent)
        }
    }

    .bg-purple-500\/15 {
        background-color: #ac4bff26
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-purple-500\/15 {
            background-color: color-mix(in oklab, var(--color-purple-500)15%, transparent)
        }
    }

    .bg-purple-500\/20 {
        background-color: #ac4bff33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-purple-500\/20 {
            background-color: color-mix(in oklab, var(--color-purple-500)20%, transparent)
        }
    }

    .bg-purple-500\/25 {
        background-color: #ac4bff40
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-purple-500\/25 {
            background-color: color-mix(in oklab, var(--color-purple-500)25%, transparent)
        }
    }

    .bg-red-400 {
        background-color: var(--color-red-400)
    }

    .bg-red-500 {
        background-color: var(--color-red-500)
    }

    .bg-red-500\/5 {
        background-color: #fb2c360d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-red-500\/5 {
            background-color: color-mix(in oklab, var(--color-red-500)5%, transparent)
        }
    }

    .bg-red-500\/10 {
        background-color: #fb2c361a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-red-500\/10 {
            background-color: color-mix(in oklab, var(--color-red-500)10%, transparent)
        }
    }

    .bg-red-500\/15 {
        background-color: #fb2c3626
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-red-500\/15 {
            background-color: color-mix(in oklab, var(--color-red-500)15%, transparent)
        }
    }

    .bg-red-500\/20 {
        background-color: #fb2c3633
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-red-500\/20 {
            background-color: color-mix(in oklab, var(--color-red-500)20%, transparent)
        }
    }

    .bg-red-500\/30 {
        background-color: #fb2c364d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-red-500\/30 {
            background-color: color-mix(in oklab, var(--color-red-500)30%, transparent)
        }
    }

    .bg-red-500\/90 {
        background-color: #fb2c36e6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-red-500\/90 {
            background-color: color-mix(in oklab, var(--color-red-500)90%, transparent)
        }
    }

    .bg-red-500\/95 {
        background-color: #fb2c36f2
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-red-500\/95 {
            background-color: color-mix(in oklab, var(--color-red-500)95%, transparent)
        }
    }

    .bg-red-600\/90 {
        background-color: #e40014e6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-red-600\/90 {
            background-color: color-mix(in oklab, var(--color-red-600)90%, transparent)
        }
    }

    .bg-rose-500\/15 {
        background-color: #ff235726
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-rose-500\/15 {
            background-color: color-mix(in oklab, var(--color-rose-500)15%, transparent)
        }
    }

    .bg-secondary {
        background-color: var(--color-secondary)
    }

    .bg-secondary\/3 {
        background-color: #00d6a108
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-secondary\/3 {
            background-color: color-mix(in oklab, var(--color-secondary)3%, transparent)
        }
    }

    .bg-secondary\/5 {
        background-color: #00d6a10d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-secondary\/5 {
            background-color: color-mix(in oklab, var(--color-secondary)5%, transparent)
        }
    }

    .bg-secondary\/10 {
        background-color: #00d6a11a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-secondary\/10 {
            background-color: color-mix(in oklab, var(--color-secondary)10%, transparent)
        }
    }

    .bg-secondary\/20 {
        background-color: #00d6a133
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-secondary\/20 {
            background-color: color-mix(in oklab, var(--color-secondary)20%, transparent)
        }
    }

    .bg-slate-400 {
        background-color: var(--color-slate-400)
    }

    .bg-slate-500\/10 {
        background-color: #62748e1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-slate-500\/10 {
            background-color: color-mix(in oklab, var(--color-slate-500)10%, transparent)
        }
    }

    .bg-slate-800\/40 {
        background-color: #1d293d66
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-slate-800\/40 {
            background-color: color-mix(in oklab, var(--color-slate-800)40%, transparent)
        }
    }

    .bg-slate-900\/95 {
        background-color: #0f172bf2
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-slate-900\/95 {
            background-color: color-mix(in oklab, var(--color-slate-900)95%, transparent)
        }
    }

    .bg-teal-500\/10 {
        background-color: #00baa71a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-teal-500\/10 {
            background-color: color-mix(in oklab, var(--color-teal-500)10%, transparent)
        }
    }

    .bg-transparent {
        background-color: #0000
    }

    .bg-violet-500\/15 {
        background-color: #8d54ff26
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-violet-500\/15 {
            background-color: color-mix(in oklab, var(--color-violet-500)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-white\/8 {
        background-color: #ffffff14
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/8 {
            background-color: color-mix(in oklab, var(--color-white)8%, transparent)
        }
    }

    .bg-white\/10 {
        background-color: #ffffff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/10 {
            background-color: color-mix(in oklab, var(--color-white)10%, transparent)
        }
    }

    .bg-white\/15 {
        background-color: #ffffff26
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/15 {
            background-color: color-mix(in oklab, var(--color-white)15%, transparent)
        }
    }

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

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/20 {
            background-color: color-mix(in oklab, var(--color-white)20%, transparent)
        }
    }

    .bg-white\/25 {
        background-color: #ffffff40
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/25 {
            background-color: color-mix(in oklab, var(--color-white)25%, transparent)
        }
    }

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

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/30 {
            background-color: color-mix(in oklab, var(--color-white)30%, transparent)
        }
    }

    .bg-white\/40 {
        background-color: #fff6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/40 {
            background-color: color-mix(in oklab, var(--color-white)40%, transparent)
        }
    }

    .bg-white\/80 {
        background-color: #fffc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/80 {
            background-color: color-mix(in oklab, var(--color-white)80%, transparent)
        }
    }

    .bg-white\/90 {
        background-color: #ffffffe6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/90 {
            background-color: color-mix(in oklab, var(--color-white)90%, transparent)
        }
    }

    .bg-white\/95 {
        background-color: #fffffff2
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/95 {
            background-color: color-mix(in oklab, var(--color-white)95%, transparent)
        }
    }

    .bg-white\/\[0\.1\] {
        background-color: #ffffff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/\[0\.1\] {
            background-color: color-mix(in oklab, var(--color-white)10%, transparent)
        }
    }

    .bg-white\/\[0\.02\] {
        background-color: #ffffff05
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/\[0\.02\] {
            background-color: color-mix(in oklab, var(--color-white)2%, transparent)
        }
    }

    .bg-white\/\[0\.03\] {
        background-color: #ffffff08
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/\[0\.03\] {
            background-color: color-mix(in oklab, var(--color-white)3%, transparent)
        }
    }

    .bg-white\/\[0\.04\] {
        background-color: #ffffff0a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/\[0\.04\] {
            background-color: color-mix(in oklab, var(--color-white)4%, transparent)
        }
    }

    .bg-white\/\[0\.05\] {
        background-color: #ffffff0d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/\[0\.05\] {
            background-color: color-mix(in oklab, var(--color-white)5%, transparent)
        }
    }

    .bg-white\/\[0\.06\] {
        background-color: #ffffff0f
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/\[0\.06\] {
            background-color: color-mix(in oklab, var(--color-white)6%, transparent)
        }
    }

    .bg-white\/\[0\.07\] {
        background-color: #ffffff12
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/\[0\.07\] {
            background-color: color-mix(in oklab, var(--color-white)7%, transparent)
        }
    }

    .bg-white\/\[0\.08\] {
        background-color: #ffffff14
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/\[0\.08\] {
            background-color: color-mix(in oklab, var(--color-white)8%, transparent)
        }
    }

    .bg-yellow-400\/15 {
        background-color: #fac80026
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-yellow-400\/15 {
            background-color: color-mix(in oklab, var(--color-yellow-400)15%, transparent)
        }
    }

    .bg-yellow-500\/10 {
        background-color: #edb2001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-yellow-500\/10 {
            background-color: color-mix(in oklab, var(--color-yellow-500)10%, transparent)
        }
    }

    .bg-yellow-500\/20 {
        background-color: #edb20033
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-yellow-500\/20 {
            background-color: color-mix(in oklab, var(--color-yellow-500)20%, transparent)
        }
    }

    .bg-gradient-to-b {
        --tw-gradient-position: to bottom in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-gradient-to-br {
        --tw-gradient-position: to bottom right 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))
    }

    .bg-gradient-to-tr {
        --tw-gradient-position: to top right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-\[linear-gradient\(110deg\,transparent_25\%\,rgba\(255\,255\,255\,0\.06\)_50\%\,transparent_75\%\)\] {
        background-image: linear-gradient(110deg, #0000 25%, #ffffff0f, #0000 75%)
    }

    .from-\[\#8B2F8B\] {
        --tw-gradient-from: #8b2f8b;
        --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-\[\#025CAC\] {
        --tw-gradient-from: #025cac;
        --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-\[\#E2136E\] {
        --tw-gradient-from: #e2136e;
        --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-\[\#F26522\] {
        --tw-gradient-from: #f26522;
        --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-amber-400 {
        --tw-gradient-from: var(--color-amber-400);
        --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-amber-500 {
        --tw-gradient-from: var(--color-amber-500);
        --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-amber-500\/20 {
        --tw-gradient-from: #f99c0033
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-amber-500\/20 {
            --tw-gradient-from: color-mix(in oklab, var(--color-amber-500)20%, transparent)
        }
    }

    .from-amber-500\/20 {
        --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-amber-600 {
        --tw-gradient-from: var(--color-amber-600);
        --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-amber-700 {
        --tw-gradient-from: var(--color-amber-700);
        --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-amber-950\/40 {
        --tw-gradient-from: #46190166
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-amber-950\/40 {
            --tw-gradient-from: color-mix(in oklab, var(--color-amber-950)40%, transparent)
        }
    }

    .from-amber-950\/40 {
        --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-background {
        --tw-gradient-from: var(--color-background);
        --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-background-secondary {
        --tw-gradient-from: var(--color-background-secondary);
        --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 {
        --tw-gradient-from: var(--color-black);
        --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\/30 {
        --tw-gradient-from: #0000004d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-black\/30 {
            --tw-gradient-from: color-mix(in oklab, var(--color-black)30%, transparent)
        }
    }

    .from-black\/30 {
        --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\/40 {
        --tw-gradient-from: #0006
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-black\/40 {
            --tw-gradient-from: color-mix(in oklab, var(--color-black)40%, transparent)
        }
    }

    .from-black\/40 {
        --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\/50 {
        --tw-gradient-from: #00000080
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-black\/50 {
            --tw-gradient-from: color-mix(in oklab, var(--color-black)50%, transparent)
        }
    }

    .from-black\/50 {
        --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-black\/80 {
        --tw-gradient-from: #000c
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-black\/80 {
            --tw-gradient-from: color-mix(in oklab, var(--color-black)80%, transparent)
        }
    }

    .from-black\/80 {
        --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\/90 {
        --tw-gradient-from: #000000e6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-black\/90 {
            --tw-gradient-from: color-mix(in oklab, var(--color-black)90%, transparent)
        }
    }

    .from-black\/90 {
        --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-blue-400 {
        --tw-gradient-from: var(--color-blue-400);
        --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-blue-500 {
        --tw-gradient-from: var(--color-blue-500);
        --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-blue-950\/40 {
        --tw-gradient-from: #16245666
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-blue-950\/40 {
            --tw-gradient-from: color-mix(in oklab, var(--color-blue-950)40%, transparent)
        }
    }

    .from-blue-950\/40 {
        --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(--color-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))
    }

    .from-cyan-400 {
        --tw-gradient-from: var(--color-cyan-400);
        --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-cyan-500 {
        --tw-gradient-from: var(--color-cyan-500);
        --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-cyan-500\/10 {
        --tw-gradient-from: #00b7d71a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-cyan-500\/10 {
            --tw-gradient-from: color-mix(in oklab, var(--color-cyan-500)10%, transparent)
        }
    }

    .from-cyan-500\/10 {
        --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-cyan-500\/15 {
        --tw-gradient-from: #00b7d726
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-cyan-500\/15 {
            --tw-gradient-from: color-mix(in oklab, var(--color-cyan-500)15%, transparent)
        }
    }

    .from-cyan-500\/15 {
        --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-emerald-400 {
        --tw-gradient-from: var(--color-emerald-400);
        --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-emerald-500 {
        --tw-gradient-from: var(--color-emerald-500);
        --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-gray-600 {
        --tw-gradient-from: var(--color-gray-600);
        --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-green-400 {
        --tw-gradient-from: var(--color-green-400);
        --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-green-500 {
        --tw-gradient-from: var(--color-green-500);
        --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-green-500\/15 {
        --tw-gradient-from: #00c75826
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-green-500\/15 {
            --tw-gradient-from: color-mix(in oklab, var(--color-green-500)15%, transparent)
        }
    }

    .from-green-500\/15 {
        --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-green-500\/20 {
        --tw-gradient-from: #00c75833
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-green-500\/20 {
            --tw-gradient-from: color-mix(in oklab, var(--color-green-500)20%, transparent)
        }
    }

    .from-green-500\/20 {
        --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-green-600 {
        --tw-gradient-from: var(--color-green-600);
        --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-indigo-500\/20 {
        --tw-gradient-from: #625fff33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-indigo-500\/20 {
            --tw-gradient-from: color-mix(in oklab, var(--color-indigo-500)20%, transparent)
        }
    }

    .from-indigo-500\/20 {
        --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-orange-400 {
        --tw-gradient-from: var(--color-orange-400);
        --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-orange-500 {
        --tw-gradient-from: var(--color-orange-500);
        --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-orange-500\/10 {
        --tw-gradient-from: #fe6e001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-orange-500\/10 {
            --tw-gradient-from: color-mix(in oklab, var(--color-orange-500)10%, transparent)
        }
    }

    .from-orange-500\/10 {
        --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-orange-600 {
        --tw-gradient-from: var(--color-orange-600);
        --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-orange-950\/40 {
        --tw-gradient-from: #44130666
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-orange-950\/40 {
            --tw-gradient-from: color-mix(in oklab, var(--color-orange-950)40%, transparent)
        }
    }

    .from-orange-950\/40 {
        --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-pink-500 {
        --tw-gradient-from: var(--color-pink-500);
        --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-primary {
        --tw-gradient-from: var(--color-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-primary\/10 {
        --tw-gradient-from: #ffd9001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-primary\/10 {
            --tw-gradient-from: color-mix(in oklab, var(--color-primary)10%, transparent)
        }
    }

    .from-primary\/10 {
        --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-primary\/15 {
        --tw-gradient-from: #ffd90026
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-primary\/15 {
            --tw-gradient-from: color-mix(in oklab, var(--color-primary)15%, transparent)
        }
    }

    .from-primary\/15 {
        --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-primary\/20 {
        --tw-gradient-from: #ffd90033
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-primary\/20 {
            --tw-gradient-from: color-mix(in oklab, var(--color-primary)20%, transparent)
        }
    }

    .from-primary\/20 {
        --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-primary\/25 {
        --tw-gradient-from: #ffd90040
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-primary\/25 {
            --tw-gradient-from: color-mix(in oklab, var(--color-primary)25%, transparent)
        }
    }

    .from-primary\/25 {
        --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-primary\/30 {
        --tw-gradient-from: #ffd9004d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-primary\/30 {
            --tw-gradient-from: color-mix(in oklab, var(--color-primary)30%, transparent)
        }
    }

    .from-primary\/30 {
        --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-purple-400 {
        --tw-gradient-from: var(--color-purple-400);
        --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-purple-500 {
        --tw-gradient-from: var(--color-purple-500);
        --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-purple-500\/15 {
        --tw-gradient-from: #ac4bff26
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-purple-500\/15 {
            --tw-gradient-from: color-mix(in oklab, var(--color-purple-500)15%, transparent)
        }
    }

    .from-purple-500\/15 {
        --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-purple-500\/20 {
        --tw-gradient-from: #ac4bff33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-purple-500\/20 {
            --tw-gradient-from: color-mix(in oklab, var(--color-purple-500)20%, transparent)
        }
    }

    .from-purple-500\/20 {
        --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-purple-500\/30 {
        --tw-gradient-from: #ac4bff4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-purple-500\/30 {
            --tw-gradient-from: color-mix(in oklab, var(--color-purple-500)30%, transparent)
        }
    }

    .from-purple-500\/30 {
        --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-purple-500\/95 {
        --tw-gradient-from: #ac4bfff2
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-purple-500\/95 {
            --tw-gradient-from: color-mix(in oklab, var(--color-purple-500)95%, transparent)
        }
    }

    .from-purple-500\/95 {
        --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-purple-950\/40 {
        --tw-gradient-from: #3c036666
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-purple-950\/40 {
            --tw-gradient-from: color-mix(in oklab, var(--color-purple-950)40%, transparent)
        }
    }

    .from-purple-950\/40 {
        --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-red-500 {
        --tw-gradient-from: var(--color-red-500);
        --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-red-500\/95 {
        --tw-gradient-from: #fb2c36f2
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-red-500\/95 {
            --tw-gradient-from: color-mix(in oklab, var(--color-red-500)95%, transparent)
        }
    }

    .from-red-500\/95 {
        --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-red-600 {
        --tw-gradient-from: var(--color-red-600);
        --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-red-950\/40 {
        --tw-gradient-from: #46080966
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-red-950\/40 {
            --tw-gradient-from: color-mix(in oklab, var(--color-red-950)40%, transparent)
        }
    }

    .from-red-950\/40 {
        --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-red-950\/90 {
        --tw-gradient-from: #460809e6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-red-950\/90 {
            --tw-gradient-from: color-mix(in oklab, var(--color-red-950)90%, transparent)
        }
    }

    .from-red-950\/90 {
        --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-rose-400 {
        --tw-gradient-from: var(--color-rose-400);
        --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-secondary {
        --tw-gradient-from: var(--color-secondary);
        --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-secondary\/20 {
        --tw-gradient-from: #00d6a133
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-secondary\/20 {
            --tw-gradient-from: color-mix(in oklab, var(--color-secondary)20%, transparent)
        }
    }

    .from-secondary\/20 {
        --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-slate-300 {
        --tw-gradient-from: var(--color-slate-300);
        --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-slate-400 {
        --tw-gradient-from: var(--color-slate-400);
        --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-slate-700 {
        --tw-gradient-from: var(--color-slate-700);
        --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-slate-800 {
        --tw-gradient-from: var(--color-slate-800);
        --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-teal-500 {
        --tw-gradient-from: var(--color-teal-500);
        --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-teal-950\/40 {
        --tw-gradient-from: #022f2e66
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-teal-950\/40 {
            --tw-gradient-from: color-mix(in oklab, var(--color-teal-950)40%, transparent)
        }
    }

    .from-teal-950\/40 {
        --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-transparent {
        --tw-gradient-from: 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))
    }

    .from-violet-500 {
        --tw-gradient-from: var(--color-violet-500);
        --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-violet-950\/90 {
        --tw-gradient-from: #2f0d68e6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-violet-950\/90 {
            --tw-gradient-from: color-mix(in oklab, var(--color-violet-950)90%, transparent)
        }
    }

    .from-violet-950\/90 {
        --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-white\/\[0\.06\] {
        --tw-gradient-from: #ffffff0f
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-white\/\[0\.06\] {
            --tw-gradient-from: color-mix(in oklab, var(--color-white)6%, transparent)
        }
    }

    .from-white\/\[0\.06\] {
        --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-white\/\[0\.08\] {
        --tw-gradient-from: #ffffff14
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-white\/\[0\.08\] {
            --tw-gradient-from: color-mix(in oklab, var(--color-white)8%, transparent)
        }
    }

    .from-white\/\[0\.08\] {
        --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-white\/\[0\.12\] {
        --tw-gradient-from: #ffffff1f
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-white\/\[0\.12\] {
            --tw-gradient-from: color-mix(in oklab, var(--color-white)12%, transparent)
        }
    }

    .from-white\/\[0\.12\] {
        --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-yellow-300 {
        --tw-gradient-from: var(--color-yellow-300);
        --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-yellow-400 {
        --tw-gradient-from: var(--color-yellow-400);
        --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-amber-300 {
        --tw-gradient-via: var(--color-amber-300);
        --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-amber-400 {
        --tw-gradient-via: var(--color-amber-400);
        --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-amber-500 {
        --tw-gradient-via: var(--color-amber-500);
        --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-amber-500\/10 {
        --tw-gradient-via: #f99c001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-amber-500\/10 {
            --tw-gradient-via: color-mix(in oklab, var(--color-amber-500)10%, transparent)
        }
    }

    .via-amber-500\/10 {
        --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-background {
        --tw-gradient-via: var(--color-background);
        --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-background\/20 {
        --tw-gradient-via: #0e0e1b33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-background\/20 {
            --tw-gradient-via: color-mix(in oklab, var(--color-background)20%, transparent)
        }
    }

    .via-background\/20 {
        --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-background\/80 {
        --tw-gradient-via: #0e0e1bcc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-background\/80 {
            --tw-gradient-via: color-mix(in oklab, var(--color-background)80%, transparent)
        }
    }

    .via-background\/80 {
        --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-background\/98 {
        --tw-gradient-via: #0e0e1bfa
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-background\/98 {
            --tw-gradient-via: color-mix(in oklab, var(--color-background)98%, transparent)
        }
    }

    .via-background\/98 {
        --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-black\/10 {
        --tw-gradient-via: #0000001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-black\/10 {
            --tw-gradient-via: color-mix(in oklab, var(--color-black)10%, transparent)
        }
    }

    .via-black\/10 {
        --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-black\/20 {
        --tw-gradient-via: #0003
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-black\/20 {
            --tw-gradient-via: color-mix(in oklab, var(--color-black)20%, transparent)
        }
    }

    .via-black\/20 {
        --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-black\/30 {
        --tw-gradient-via: #0000004d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-black\/30 {
            --tw-gradient-via: color-mix(in oklab, var(--color-black)30%, transparent)
        }
    }

    .via-black\/30 {
        --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-black\/40 {
        --tw-gradient-via: #0006
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-black\/40 {
            --tw-gradient-via: color-mix(in oklab, var(--color-black)40%, transparent)
        }
    }

    .via-black\/40 {
        --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-black\/60 {
        --tw-gradient-via: #0009
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-black\/60 {
            --tw-gradient-via: color-mix(in oklab, var(--color-black)60%, transparent)
        }
    }

    .via-black\/60 {
        --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-card {
        --tw-gradient-via: var(--color-card);
        --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-emerald-600 {
        --tw-gradient-via: var(--color-emerald-600);
        --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-fuchsia-500 {
        --tw-gradient-via: var(--color-fuchsia-500);
        --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-gray-200 {
        --tw-gradient-via: var(--color-gray-200);
        --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-green-400\/5 {
        --tw-gradient-via: #05df720d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-green-400\/5 {
            --tw-gradient-via: color-mix(in oklab, var(--color-green-400)5%, transparent)
        }
    }

    .via-green-400\/5 {
        --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-green-500 {
        --tw-gradient-via: var(--color-green-500);
        --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-indigo-500 {
        --tw-gradient-via: var(--color-indigo-500);
        --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-orange-500 {
        --tw-gradient-via: var(--color-orange-500);
        --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-primary\/5 {
        --tw-gradient-via: #ffd9000d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-primary\/5 {
            --tw-gradient-via: color-mix(in oklab, var(--color-primary)5%, transparent)
        }
    }

    .via-primary\/5 {
        --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-primary\/10 {
        --tw-gradient-via: #ffd9001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-primary\/10 {
            --tw-gradient-via: color-mix(in oklab, var(--color-primary)10%, transparent)
        }
    }

    .via-primary\/10 {
        --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-primary\/15 {
        --tw-gradient-via: #ffd90026
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-primary\/15 {
            --tw-gradient-via: color-mix(in oklab, var(--color-primary)15%, transparent)
        }
    }

    .via-primary\/15 {
        --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-primary\/20 {
        --tw-gradient-via: #ffd90033
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-primary\/20 {
            --tw-gradient-via: color-mix(in oklab, var(--color-primary)20%, transparent)
        }
    }

    .via-primary\/20 {
        --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-primary\/30 {
        --tw-gradient-via: #ffd9004d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-primary\/30 {
            --tw-gradient-via: color-mix(in oklab, var(--color-primary)30%, transparent)
        }
    }

    .via-primary\/30 {
        --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-primary\/80 {
        --tw-gradient-via: #ffd900cc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-primary\/80 {
            --tw-gradient-via: color-mix(in oklab, var(--color-primary)80%, transparent)
        }
    }

    .via-primary\/80 {
        --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-primary\/90 {
        --tw-gradient-via: #ffd900e6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-primary\/90 {
            --tw-gradient-via: color-mix(in oklab, var(--color-primary)90%, transparent)
        }
    }

    .via-primary\/90 {
        --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-purple-500 {
        --tw-gradient-via: var(--color-purple-500);
        --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-purple-500\/10 {
        --tw-gradient-via: #ac4bff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-purple-500\/10 {
            --tw-gradient-via: color-mix(in oklab, var(--color-purple-500)10%, transparent)
        }
    }

    .via-purple-500\/10 {
        --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-purple-500\/20 {
        --tw-gradient-via: #ac4bff33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-purple-500\/20 {
            --tw-gradient-via: color-mix(in oklab, var(--color-purple-500)20%, transparent)
        }
    }

    .via-purple-500\/20 {
        --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-purple-900\/70 {
        --tw-gradient-via: #59168bb3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-purple-900\/70 {
            --tw-gradient-via: color-mix(in oklab, var(--color-purple-900)70%, transparent)
        }
    }

    .via-purple-900\/70 {
        --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-red-500 {
        --tw-gradient-via: var(--color-red-500);
        --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-red-500\/5 {
        --tw-gradient-via: #fb2c360d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-red-500\/5 {
            --tw-gradient-via: color-mix(in oklab, var(--color-red-500)5%, transparent)
        }
    }

    .via-red-500\/5 {
        --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-red-950\/20 {
        --tw-gradient-via: #46080933
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-red-950\/20 {
            --tw-gradient-via: color-mix(in oklab, var(--color-red-950)20%, transparent)
        }
    }

    .via-red-950\/20 {
        --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-rose-500 {
        --tw-gradient-via: var(--color-rose-500);
        --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-rose-900\/70 {
        --tw-gradient-via: #8b0836b3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-rose-900\/70 {
            --tw-gradient-via: color-mix(in oklab, var(--color-rose-900)70%, transparent)
        }
    }

    .via-rose-900\/70 {
        --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-secondary\/5 {
        --tw-gradient-via: #00d6a10d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-secondary\/5 {
            --tw-gradient-via: color-mix(in oklab, var(--color-secondary)5%, transparent)
        }
    }

    .via-secondary\/5 {
        --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-secondary\/10 {
        --tw-gradient-via: #00d6a11a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-secondary\/10 {
            --tw-gradient-via: color-mix(in oklab, var(--color-secondary)10%, transparent)
        }
    }

    .via-secondary\/10 {
        --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-secondary\/80 {
        --tw-gradient-via: #00d6a1cc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-secondary\/80 {
            --tw-gradient-via: color-mix(in oklab, var(--color-secondary)80%, transparent)
        }
    }

    .via-secondary\/80 {
        --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-sky-500 {
        --tw-gradient-via: var(--color-sky-500);
        --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-slate-800 {
        --tw-gradient-via: var(--color-slate-800);
        --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-slate-900\/60 {
        --tw-gradient-via: #0f172b99
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-slate-900\/60 {
            --tw-gradient-via: color-mix(in oklab, var(--color-slate-900)60%, transparent)
        }
    }

    .via-slate-900\/60 {
        --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-teal-400 {
        --tw-gradient-via: var(--color-teal-400);
        --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-teal-500 {
        --tw-gradient-via: var(--color-teal-500);
        --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)
    }

    .via-white\/5 {
        --tw-gradient-via: #ffffff0d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-white\/5 {
            --tw-gradient-via: color-mix(in oklab, var(--color-white)5%, transparent)
        }
    }

    .via-white\/5 {
        --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-white\/8 {
        --tw-gradient-via: #ffffff14
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-white\/8 {
            --tw-gradient-via: color-mix(in oklab, var(--color-white)8%, transparent)
        }
    }

    .via-white\/8 {
        --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-white\/10 {
        --tw-gradient-via: #ffffff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-white\/10 {
            --tw-gradient-via: color-mix(in oklab, var(--color-white)10%, transparent)
        }
    }

    .via-white\/10 {
        --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-white\/30 {
        --tw-gradient-via: #ffffff4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-white\/30 {
            --tw-gradient-via: color-mix(in oklab, var(--color-white)30%, transparent)
        }
    }

    .via-white\/30 {
        --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-white\/40 {
        --tw-gradient-via: #fff6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-white\/40 {
            --tw-gradient-via: color-mix(in oklab, var(--color-white)40%, transparent)
        }
    }

    .via-white\/40 {
        --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-white\/\[0\.07\] {
        --tw-gradient-via: #ffffff12
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-white\/\[0\.07\] {
            --tw-gradient-via: color-mix(in oklab, var(--color-white)7%, transparent)
        }
    }

    .via-white\/\[0\.07\] {
        --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-white\/\[0\.12\] {
        --tw-gradient-via: #ffffff1f
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-white\/\[0\.12\] {
            --tw-gradient-via: color-mix(in oklab, var(--color-white)12%, transparent)
        }
    }

    .via-white\/\[0\.12\] {
        --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-yellow-500 {
        --tw-gradient-via: var(--color-yellow-500);
        --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-\[\#6E2470\] {
        --tw-gradient-to: #6e2470;
        --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-\[\#024A8C\] {
        --tw-gradient-to: #024a8c;
        --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-\[\#C9105E\] {
        --tw-gradient-to: #c9105e;
        --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-\[\#E05A1B\] {
        --tw-gradient-to: #e05a1b;
        --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-amber-400 {
        --tw-gradient-to: var(--color-amber-400);
        --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-amber-500 {
        --tw-gradient-to: var(--color-amber-500);
        --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-amber-500\/5 {
        --tw-gradient-to: #f99c000d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-amber-500\/5 {
            --tw-gradient-to: color-mix(in oklab, var(--color-amber-500)5%, transparent)
        }
    }

    .to-amber-500\/5 {
        --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-amber-500\/10 {
        --tw-gradient-to: #f99c001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-amber-500\/10 {
            --tw-gradient-to: color-mix(in oklab, var(--color-amber-500)10%, transparent)
        }
    }

    .to-amber-500\/10 {
        --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-amber-600 {
        --tw-gradient-to: var(--color-amber-600);
        --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-amber-600\/10 {
        --tw-gradient-to: #dd74001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-amber-600\/10 {
            --tw-gradient-to: color-mix(in oklab, var(--color-amber-600)10%, transparent)
        }
    }

    .to-amber-600\/10 {
        --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-amber-700 {
        --tw-gradient-to: var(--color-amber-700);
        --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-amber-800 {
        --tw-gradient-to: var(--color-amber-800);
        --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-amber-900 {
        --tw-gradient-to: var(--color-amber-900);
        --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-background {
        --tw-gradient-to: var(--color-background);
        --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-background-secondary\/50 {
        --tw-gradient-to: #15152980
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-background-secondary\/50 {
            --tw-gradient-to: color-mix(in oklab, var(--color-background-secondary)50%, transparent)
        }
    }

    .to-background-secondary\/50 {
        --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-background\/95 {
        --tw-gradient-to: #0e0e1bf2
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-background\/95 {
            --tw-gradient-to: color-mix(in oklab, var(--color-background)95%, transparent)
        }
    }

    .to-background\/95 {
        --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-black\/30 {
        --tw-gradient-to: #0000004d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-black\/30 {
            --tw-gradient-to: color-mix(in oklab, var(--color-black)30%, transparent)
        }
    }

    .to-black\/30 {
        --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-blue-500 {
        --tw-gradient-to: var(--color-blue-500);
        --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-blue-600 {
        --tw-gradient-to: var(--color-blue-600);
        --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-card {
        --tw-gradient-to: var(--color-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))
    }

    .to-card\/80 {
        --tw-gradient-to: #18182fcc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-card\/80 {
            --tw-gradient-to: color-mix(in oklab, var(--color-card)80%, transparent)
        }
    }

    .to-card\/80 {
        --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-cyan-500 {
        --tw-gradient-to: var(--color-cyan-500);
        --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-emerald-500 {
        --tw-gradient-to: var(--color-emerald-500);
        --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-emerald-500\/10 {
        --tw-gradient-to: #00bb7f1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-emerald-500\/10 {
            --tw-gradient-to: color-mix(in oklab, var(--color-emerald-500)10%, transparent)
        }
    }

    .to-emerald-500\/10 {
        --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-fuchsia-500 {
        --tw-gradient-to: var(--color-fuchsia-500);
        --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-gray-400 {
        --tw-gradient-to: var(--color-gray-400);
        --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-gray-700 {
        --tw-gradient-to: var(--color-gray-700);
        --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-gray-800 {
        --tw-gradient-to: var(--color-gray-800);
        --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-green-400 {
        --tw-gradient-to: var(--color-green-400);
        --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-green-500 {
        --tw-gradient-to: var(--color-green-500);
        --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-indigo-600 {
        --tw-gradient-to: var(--color-indigo-600);
        --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-indigo-950\/90 {
        --tw-gradient-to: #1e1a4de6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-indigo-950\/90 {
            --tw-gradient-to: color-mix(in oklab, var(--color-indigo-950)90%, transparent)
        }
    }

    .to-indigo-950\/90 {
        --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-lime-500 {
        --tw-gradient-to: var(--color-lime-500);
        --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-orange-500 {
        --tw-gradient-to: var(--color-orange-500);
        --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-orange-500\/10 {
        --tw-gradient-to: #fe6e001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-orange-500\/10 {
            --tw-gradient-to: color-mix(in oklab, var(--color-orange-500)10%, transparent)
        }
    }

    .to-orange-500\/10 {
        --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-orange-500\/15 {
        --tw-gradient-to: #fe6e0026
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-orange-500\/15 {
            --tw-gradient-to: color-mix(in oklab, var(--color-orange-500)15%, transparent)
        }
    }

    .to-orange-500\/15 {
        --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-orange-500\/30 {
        --tw-gradient-to: #fe6e004d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-orange-500\/30 {
            --tw-gradient-to: color-mix(in oklab, var(--color-orange-500)30%, transparent)
        }
    }

    .to-orange-500\/30 {
        --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-orange-600 {
        --tw-gradient-to: var(--color-orange-600);
        --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-pink-500 {
        --tw-gradient-to: var(--color-pink-500);
        --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-pink-500\/10 {
        --tw-gradient-to: #f6339a1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-pink-500\/10 {
            --tw-gradient-to: color-mix(in oklab, var(--color-pink-500)10%, transparent)
        }
    }

    .to-pink-500\/10 {
        --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-pink-500\/15 {
        --tw-gradient-to: #f6339a26
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-pink-500\/15 {
            --tw-gradient-to: color-mix(in oklab, var(--color-pink-500)15%, transparent)
        }
    }

    .to-pink-500\/15 {
        --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-pink-500\/20 {
        --tw-gradient-to: #f6339a33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-pink-500\/20 {
            --tw-gradient-to: color-mix(in oklab, var(--color-pink-500)20%, transparent)
        }
    }

    .to-pink-500\/20 {
        --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-pink-500\/30 {
        --tw-gradient-to: #f6339a4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-pink-500\/30 {
            --tw-gradient-to: color-mix(in oklab, var(--color-pink-500)30%, transparent)
        }
    }

    .to-pink-500\/30 {
        --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-pink-500\/95 {
        --tw-gradient-to: #f6339af2
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-pink-500\/95 {
            --tw-gradient-to: color-mix(in oklab, var(--color-pink-500)95%, transparent)
        }
    }

    .to-pink-500\/95 {
        --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-pink-600 {
        --tw-gradient-to: var(--color-pink-600);
        --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-primary {
        --tw-gradient-to: var(--color-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-primary\/5 {
        --tw-gradient-to: #ffd9000d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-primary\/5 {
            --tw-gradient-to: color-mix(in oklab, var(--color-primary)5%, transparent)
        }
    }

    .to-primary\/5 {
        --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-primary\/10 {
        --tw-gradient-to: #ffd9001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-primary\/10 {
            --tw-gradient-to: color-mix(in oklab, var(--color-primary)10%, transparent)
        }
    }

    .to-primary\/10 {
        --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-primary\/20 {
        --tw-gradient-to: #ffd90033
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-primary\/20 {
            --tw-gradient-to: color-mix(in oklab, var(--color-primary)20%, transparent)
        }
    }

    .to-primary\/20 {
        --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-primary\/70 {
        --tw-gradient-to: #ffd900b3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-primary\/70 {
            --tw-gradient-to: color-mix(in oklab, var(--color-primary)70%, transparent)
        }
    }

    .to-primary\/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))
    }

    .to-primary\/80 {
        --tw-gradient-to: #ffd900cc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-primary\/80 {
            --tw-gradient-to: color-mix(in oklab, var(--color-primary)80%, transparent)
        }
    }

    .to-primary\/80 {
        --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-purple-500 {
        --tw-gradient-to: var(--color-purple-500);
        --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-purple-500\/20 {
        --tw-gradient-to: #ac4bff33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-purple-500\/20 {
            --tw-gradient-to: color-mix(in oklab, var(--color-purple-500)20%, transparent)
        }
    }

    .to-purple-500\/20 {
        --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-purple-500\/30 {
        --tw-gradient-to: #ac4bff4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-purple-500\/30 {
            --tw-gradient-to: color-mix(in oklab, var(--color-purple-500)30%, transparent)
        }
    }

    .to-purple-500\/30 {
        --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-red-500 {
        --tw-gradient-to: var(--color-red-500);
        --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-red-600 {
        --tw-gradient-to: var(--color-red-600);
        --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-red-950\/90 {
        --tw-gradient-to: #460809e6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-red-950\/90 {
            --tw-gradient-to: color-mix(in oklab, var(--color-red-950)90%, transparent)
        }
    }

    .to-red-950\/90 {
        --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-rose-500 {
        --tw-gradient-to: var(--color-rose-500);
        --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-rose-600 {
        --tw-gradient-to: var(--color-rose-600);
        --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-rose-600\/95 {
        --tw-gradient-to: #e70044f2
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-rose-600\/95 {
            --tw-gradient-to: color-mix(in oklab, var(--color-rose-600)95%, transparent)
        }
    }

    .to-rose-600\/95 {
        --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-secondary {
        --tw-gradient-to: var(--color-secondary);
        --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-secondary\/10 {
        --tw-gradient-to: #00d6a11a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-secondary\/10 {
            --tw-gradient-to: color-mix(in oklab, var(--color-secondary)10%, transparent)
        }
    }

    .to-secondary\/10 {
        --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-sky-500 {
        --tw-gradient-to: var(--color-sky-500);
        --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-slate-400 {
        --tw-gradient-to: var(--color-slate-400);
        --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-slate-500 {
        --tw-gradient-to: var(--color-slate-500);
        --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-slate-600 {
        --tw-gradient-to: var(--color-slate-600);
        --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-slate-900 {
        --tw-gradient-to: var(--color-slate-900);
        --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-slate-950 {
        --tw-gradient-to: var(--color-slate-950);
        --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-teal-500 {
        --tw-gradient-to: var(--color-teal-500);
        --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-teal-600 {
        --tw-gradient-to: var(--color-teal-600);
        --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))
    }

    .to-violet-500 {
        --tw-gradient-to: var(--color-violet-500);
        --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-violet-500\/5 {
        --tw-gradient-to: #8d54ff0d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-violet-500\/5 {
            --tw-gradient-to: color-mix(in oklab, var(--color-violet-500)5%, transparent)
        }
    }

    .to-violet-500\/5 {
        --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-violet-500\/10 {
        --tw-gradient-to: #8d54ff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-violet-500\/10 {
            --tw-gradient-to: color-mix(in oklab, var(--color-violet-500)10%, transparent)
        }
    }

    .to-violet-500\/10 {
        --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-violet-600 {
        --tw-gradient-to: var(--color-violet-600);
        --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-white\/5 {
        --tw-gradient-to: #ffffff0d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-white\/5 {
            --tw-gradient-to: color-mix(in oklab, var(--color-white)5%, transparent)
        }
    }

    .to-white\/5 {
        --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-white\/\[0\.04\] {
        --tw-gradient-to: #ffffff0a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-white\/\[0\.04\] {
            --tw-gradient-to: color-mix(in oklab, var(--color-white)4%, transparent)
        }
    }

    .to-white\/\[0\.04\] {
        --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-yellow-400 {
        --tw-gradient-to: var(--color-yellow-400);
        --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-yellow-500 {
        --tw-gradient-to: var(--color-yellow-500);
        --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))
    }

    .bg-\[length\:200\%_100\%\] {
        background-size: 200% 100%
    }

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

    .fill-amber-300 {
        fill: var(--color-amber-300)
    }

    .fill-amber-500 {
        fill: var(--color-amber-500)
    }

    .fill-current {
        fill: currentColor
    }

    .fill-emerald-400 {
        fill: var(--color-emerald-400)
    }

    .fill-white {
        fill: var(--color-white)
    }

    .fill-yellow-400 {
        fill: var(--color-yellow-400)
    }

    .fill-yellow-500 {
        fill: var(--color-yellow-500)
    }

    .object-contain {
        object-fit: contain
    }

    .object-cover {
        object-fit: cover
    }

    .object-bottom {
        object-position: bottom
    }

    .object-center {
        object-position: center
    }

    .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-3\.5 {
        padding: calc(var(--spacing)*3.5)
    }

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

    .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\.5 {
        padding-inline: calc(var(--spacing)*3.5)
    }

    .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-8 {
        padding-inline: calc(var(--spacing)*8)
    }

    .px-12 {
        padding-inline: calc(var(--spacing)*12)
    }

    .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-12 {
        padding-block: calc(var(--spacing)*12)
    }

    .py-14 {
        padding-block: calc(var(--spacing)*14)
    }

    .py-16 {
        padding-block: calc(var(--spacing)*16)
    }

    .py-20 {
        padding-block: calc(var(--spacing)*20)
    }

    .py-\[3px\] {
        padding-block: 3px
    }

    .py-px {
        padding-block: 1px
    }

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

    .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-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-8 {
        padding-top: calc(var(--spacing)*8)
    }

    .pt-16 {
        padding-top: calc(var(--spacing)*16)
    }

    .pt-\[max\(0\.75rem\,env\(safe-area-inset-top\)\)\] {
        padding-top: max(.75rem, env(safe-area-inset-top))
    }

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

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

    .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-8 {
        padding-right: calc(var(--spacing)*8)
    }

    .pr-10 {
        padding-right: calc(var(--spacing)*10)
    }

    .pr-12 {
        padding-right: calc(var(--spacing)*12)
    }

    .pr-\[42\%\] {
        padding-right: 42%
    }

    .pr-\[45\%\] {
        padding-right: 45%
    }

    .pb-0\.5 {
        padding-bottom: calc(var(--spacing)*.5)
    }

    .pb-1 {
        padding-bottom: calc(var(--spacing)*1)
    }

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

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

    .pb-2\.5 {
        padding-bottom: calc(var(--spacing)*2.5)
    }

    .pb-3 {
        padding-bottom: calc(var(--spacing)*3)
    }

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

    .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-10 {
        padding-bottom: calc(var(--spacing)*10)
    }

    .pb-20 {
        padding-bottom: calc(var(--spacing)*20)
    }

    .pb-32 {
        padding-bottom: calc(var(--spacing)*32)
    }

    .pb-\[max\(1rem\,env\(safe-area-inset-bottom\)\)\] {
        padding-bottom: max(1rem, env(safe-area-inset-bottom))
    }

    .pl-1 {
        padding-left: calc(var(--spacing)*1)
    }

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

    .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-7 {
        padding-left: calc(var(--spacing)*7)
    }

    .pl-8 {
        padding-left: calc(var(--spacing)*8)
    }

    .pl-9 {
        padding-left: calc(var(--spacing)*9)
    }

    .pl-10 {
        padding-left: calc(var(--spacing)*10)
    }

    .pl-11 {
        padding-left: calc(var(--spacing)*11)
    }

    .pl-12 {
        padding-left: calc(var(--spacing)*12)
    }

    .text-center {
        text-align: center
    }

    .text-left {
        text-align: left
    }

    .text-right {
        text-align: right
    }

    .font-mono {
        font-family: var(--font-mono)
    }

    .text-2xl {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height))
    }

    .text-3xl {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height))
    }

    .text-4xl {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height))
    }

    .text-5xl {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--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-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-\[2\.5rem\] {
        font-size: 2.5rem
    }

    .text-\[7px\] {
        font-size: 7px
    }

    .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-\[17px\] {
        font-size: 17px
    }

    .leading-none {
        --tw-leading: 1;
        line-height: 1
    }

    .leading-relaxed {
        --tw-leading: var(--leading-relaxed);
        line-height: var(--leading-relaxed)
    }

    .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-black {
        --tw-font-weight: var(--font-weight-black);
        font-weight: var(--font-weight-black)
    }

    .font-bold {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
    }

    .font-extrabold {
        --tw-font-weight: var(--font-weight-extrabold);
        font-weight: var(--font-weight-extrabold)
    }

    .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-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-wide {
        --tw-tracking: var(--tracking-wide);
        letter-spacing: var(--tracking-wide)
    }

    .tracking-wider {
        --tw-tracking: var(--tracking-wider);
        letter-spacing: var(--tracking-wider)
    }

    .tracking-widest {
        --tw-tracking: var(--tracking-widest);
        letter-spacing: var(--tracking-widest)
    }

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

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

    .whitespace-nowrap {
        white-space: nowrap
    }

    .whitespace-pre-wrap {
        white-space: pre-wrap
    }

    .text-\[\#0f0f1a\] {
        color: #0f0f1a
    }

    .text-amber-300 {
        color: var(--color-amber-300)
    }

    .text-amber-400 {
        color: var(--color-amber-400)
    }

    .text-amber-400\/60 {
        color: #fcbb0099
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-amber-400\/60 {
            color: color-mix(in oklab, var(--color-amber-400)60%, transparent)
        }
    }

    .text-amber-400\/70 {
        color: #fcbb00b3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-amber-400\/70 {
            color: color-mix(in oklab, var(--color-amber-400)70%, transparent)
        }
    }

    .text-amber-400\/80 {
        color: #fcbb00cc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-amber-400\/80 {
            color: color-mix(in oklab, var(--color-amber-400)80%, transparent)
        }
    }

    .text-amber-400\/90 {
        color: #fcbb00e6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-amber-400\/90 {
            color: color-mix(in oklab, var(--color-amber-400)90%, transparent)
        }
    }

    .text-amber-500 {
        color: var(--color-amber-500)
    }

    .text-amber-500\/50 {
        color: #f99c0080
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-amber-500\/50 {
            color: color-mix(in oklab, var(--color-amber-500)50%, transparent)
        }
    }

    .text-amber-600 {
        color: var(--color-amber-600)
    }

    .text-amber-600\/80 {
        color: #dd7400cc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-amber-600\/80 {
            color: color-mix(in oklab, var(--color-amber-600)80%, transparent)
        }
    }

    .text-black {
        color: var(--color-black)
    }

    .text-blue-400 {
        color: var(--color-blue-400)
    }

    .text-blue-500 {
        color: var(--color-blue-500)
    }

    .text-blue-500\/80 {
        color: #3080ffcc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-blue-500\/80 {
            color: color-mix(in oklab, var(--color-blue-500)80%, transparent)
        }
    }

    .text-cyan-400 {
        color: var(--color-cyan-400)
    }

    .text-cyan-500 {
        color: var(--color-cyan-500)
    }

    .text-destructive {
        color: var(--color-destructive)
    }

    .text-destructive-foreground {
        color: var(--color-destructive-foreground)
    }

    .text-destructive\/80 {
        color: #f05142cc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-destructive\/80 {
            color: color-mix(in oklab, var(--color-destructive)80%, transparent)
        }
    }

    .text-emerald-300 {
        color: var(--color-emerald-300)
    }

    .text-emerald-400 {
        color: var(--color-emerald-400)
    }

    .text-emerald-500 {
        color: var(--color-emerald-500)
    }

    .text-emerald-600 {
        color: var(--color-emerald-600)
    }

    .text-foreground {
        color: var(--color-foreground)
    }

    .text-foreground-muted {
        color: var(--color-foreground-muted)
    }

    .text-foreground-muted\/20 {
        color: #9d9daf33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-foreground-muted\/20 {
            color: color-mix(in oklab, var(--color-foreground-muted)20%, transparent)
        }
    }

    .text-foreground-muted\/25 {
        color: #9d9daf40
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-foreground-muted\/25 {
            color: color-mix(in oklab, var(--color-foreground-muted)25%, transparent)
        }
    }

    .text-foreground-muted\/30 {
        color: #9d9daf4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-foreground-muted\/30 {
            color: color-mix(in oklab, var(--color-foreground-muted)30%, transparent)
        }
    }

    .text-foreground-muted\/35 {
        color: #9d9daf59
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-foreground-muted\/35 {
            color: color-mix(in oklab, var(--color-foreground-muted)35%, transparent)
        }
    }

    .text-foreground-muted\/40 {
        color: #9d9daf66
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-foreground-muted\/40 {
            color: color-mix(in oklab, var(--color-foreground-muted)40%, transparent)
        }
    }

    .text-foreground-muted\/45 {
        color: #9d9daf73
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-foreground-muted\/45 {
            color: color-mix(in oklab, var(--color-foreground-muted)45%, transparent)
        }
    }

    .text-foreground-muted\/50 {
        color: #9d9daf80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-foreground-muted\/50 {
            color: color-mix(in oklab, var(--color-foreground-muted)50%, transparent)
        }
    }

    .text-foreground-muted\/60 {
        color: #9d9daf99
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-foreground-muted\/60 {
            color: color-mix(in oklab, var(--color-foreground-muted)60%, transparent)
        }
    }

    .text-foreground-muted\/70 {
        color: #9d9dafb3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-foreground-muted\/70 {
            color: color-mix(in oklab, var(--color-foreground-muted)70%, transparent)
        }
    }

    .text-foreground\/70 {
        color: #ffffffb3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-foreground\/70 {
            color: color-mix(in oklab, var(--color-foreground)70%, transparent)
        }
    }

    .text-gray-300 {
        color: var(--color-gray-300)
    }

    .text-gray-400 {
        color: var(--color-gray-400)
    }

    .text-gray-500 {
        color: var(--color-gray-500)
    }

    .text-gray-600 {
        color: var(--color-gray-600)
    }

    .text-gray-900 {
        color: var(--color-gray-900)
    }

    .text-green-400 {
        color: var(--color-green-400)
    }

    .text-green-500 {
        color: var(--color-green-500)
    }

    .text-indigo-400 {
        color: var(--color-indigo-400)
    }

    .text-lime-500 {
        color: var(--color-lime-500)
    }

    .text-muted-foreground {
        color: var(--color-muted-foreground)
    }

    .text-orange-400 {
        color: var(--color-orange-400)
    }

    .text-orange-500 {
        color: var(--color-orange-500)
    }

    .text-orange-500\/30 {
        color: #fe6e004d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-orange-500\/30 {
            color: color-mix(in oklab, var(--color-orange-500)30%, transparent)
        }
    }

    .text-orange-500\/40 {
        color: #fe6e0066
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-orange-500\/40 {
            color: color-mix(in oklab, var(--color-orange-500)40%, transparent)
        }
    }

    .text-pink-400 {
        color: var(--color-pink-400)
    }

    .text-pink-500 {
        color: var(--color-pink-500)
    }

    .text-primary {
        color: var(--color-primary)
    }

    .text-primary-foreground {
        color: var(--color-primary-foreground)
    }

    .text-primary\/40 {
        color: #ffd90066
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-primary\/40 {
            color: color-mix(in oklab, var(--color-primary)40%, transparent)
        }
    }

    .text-primary\/50 {
        color: #ffd90080
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-primary\/50 {
            color: color-mix(in oklab, var(--color-primary)50%, transparent)
        }
    }

    .text-primary\/60 {
        color: #ffd90099
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-primary\/60 {
            color: color-mix(in oklab, var(--color-primary)60%, transparent)
        }
    }

    .text-primary\/70 {
        color: #ffd900b3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-primary\/70 {
            color: color-mix(in oklab, var(--color-primary)70%, transparent)
        }
    }

    .text-primary\/80 {
        color: #ffd900cc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-primary\/80 {
            color: color-mix(in oklab, var(--color-primary)80%, transparent)
        }
    }

    .text-purple-300 {
        color: var(--color-purple-300)
    }

    .text-purple-400 {
        color: var(--color-purple-400)
    }

    .text-purple-400\/95 {
        color: #c07efff2
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-purple-400\/95 {
            color: color-mix(in oklab, var(--color-purple-400)95%, transparent)
        }
    }

    .text-purple-500 {
        color: var(--color-purple-500)
    }

    .text-red-300 {
        color: var(--color-red-300)
    }

    .text-red-400 {
        color: var(--color-red-400)
    }

    .text-red-400\/25 {
        color: #ff656840
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-red-400\/25 {
            color: color-mix(in oklab, var(--color-red-400)25%, transparent)
        }
    }

    .text-red-400\/60 {
        color: #ff656899
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-red-400\/60 {
            color: color-mix(in oklab, var(--color-red-400)60%, transparent)
        }
    }

    .text-red-400\/70 {
        color: #ff6568b3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-red-400\/70 {
            color: color-mix(in oklab, var(--color-red-400)70%, transparent)
        }
    }

    .text-red-400\/95 {
        color: #ff6568f2
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-red-400\/95 {
            color: color-mix(in oklab, var(--color-red-400)95%, transparent)
        }
    }

    .text-red-500 {
        color: var(--color-red-500)
    }

    .text-red-500\/80 {
        color: #fb2c36cc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-red-500\/80 {
            color: color-mix(in oklab, var(--color-red-500)80%, transparent)
        }
    }

    .text-rose-400 {
        color: var(--color-rose-400)
    }

    .text-secondary {
        color: var(--color-secondary)
    }

    .text-secondary-foreground {
        color: var(--color-secondary-foreground)
    }

    .text-slate-300 {
        color: var(--color-slate-300)
    }

    .text-slate-400 {
        color: var(--color-slate-400)
    }

    .text-slate-500 {
        color: var(--color-slate-500)
    }

    .text-slate-600 {
        color: var(--color-slate-600)
    }

    .text-slate-600\/80 {
        color: #45556ccc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-slate-600\/80 {
            color: color-mix(in oklab, var(--color-slate-600)80%, transparent)
        }
    }

    .text-teal-400 {
        color: var(--color-teal-400)
    }

    .text-transparent {
        color: #0000
    }

    .text-warning {
        color: var(--color-warning)
    }

    .text-white {
        color: var(--color-white)
    }

    .text-white\/10 {
        color: #ffffff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/10 {
            color: color-mix(in oklab, var(--color-white)10%, transparent)
        }
    }

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

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/20 {
            color: color-mix(in oklab, var(--color-white)20%, transparent)
        }
    }

    .text-white\/25 {
        color: #ffffff40
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/25 {
            color: color-mix(in oklab, var(--color-white)25%, transparent)
        }
    }

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

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/30 {
            color: color-mix(in oklab, var(--color-white)30%, transparent)
        }
    }

    .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\/40 {
        color: #fff6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/40 {
            color: color-mix(in oklab, var(--color-white)40%, transparent)
        }
    }

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

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/50 {
            color: color-mix(in oklab, var(--color-white)50%, transparent)
        }
    }

    .text-white\/55 {
        color: #ffffff8c
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/55 {
            color: color-mix(in oklab, var(--color-white)55%, transparent)
        }
    }

    .text-white\/60 {
        color: #fff9
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/60 {
            color: color-mix(in oklab, var(--color-white)60%, 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\/80 {
        color: #fffc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/80 {
            color: color-mix(in oklab, var(--color-white)80%, transparent)
        }
    }

    .text-white\/85 {
        color: #ffffffd9
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/85 {
            color: color-mix(in oklab, var(--color-white)85%, 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-yellow-300 {
        color: var(--color-yellow-300)
    }

    .text-yellow-400 {
        color: var(--color-yellow-400)
    }

    .text-yellow-500 {
        color: var(--color-yellow-500)
    }

    .capitalize {
        text-transform: capitalize
    }

    .uppercase {
        text-transform: uppercase
    }

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

    .line-through {
        text-decoration-line: line-through
    }

    .underline {
        text-decoration-line: underline
    }

    .underline-offset-2 {
        text-underline-offset: 2px
    }

    .underline-offset-4 {
        text-underline-offset: 4px
    }

    .antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .\!opacity-40 {
        opacity: .4 !important
    }

    .opacity-0 {
        opacity: 0
    }

    .opacity-15 {
        opacity: .15
    }

    .opacity-20 {
        opacity: .2
    }

    .opacity-25 {
        opacity: .25
    }

    .opacity-30 {
        opacity: .3
    }

    .opacity-40 {
        opacity: .4
    }

    .opacity-50 {
        opacity: .5
    }

    .opacity-60 {
        opacity: .6
    }

    .opacity-70 {
        opacity: .7
    }

    .opacity-75 {
        opacity: .75
    }

    .opacity-90 {
        opacity: .9
    }

    .opacity-100 {
        opacity: 1
    }

    .opacity-\[0\.04\] {
        opacity: .04
    }

    .mix-blend-multiply {
        mix-blend-mode: multiply
    }

    .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-2xl {
        --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
        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_-8px_32px_rgba\(0\,0\,0\,0\.25\)\,0_-1px_0_rgba\(255\,255\,255\,0\.03\)_inset\] {
        --tw-shadow: 0 -8px 32px var(--tw-shadow-color, #00000040), 0 -1px 0 var(--tw-shadow-color, #ffffff08)inset;
        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_2px_hsl\(51_100\%_50\%\/0\.15\)\] {
        --tw-shadow: 0 0 0 2px var(--tw-shadow-color, #ffd90026);
        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_3px_hsl\(51_100\%_50\%\/0\.1\)\] {
        --tw-shadow: 0 0 0 3px var(--tw-shadow-color, #ffd9001a);
        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_3px_hsl\(51_100\%_50\%\/0\.08\)\] {
        --tw-shadow: 0 0 0 3px var(--tw-shadow-color, #ffd90014);
        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_12px_rgba\(var\(--primary-rgb\)\,0\.15\)\] {
        --tw-shadow: 0 0 12px var(--tw-shadow-color, rgba(var(--primary-rgb), .15));
        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_16px_rgba\(16\,185\,129\,0\.35\)\] {
        --tw-shadow: 0 0 16px var(--tw-shadow-color, #10b98159);
        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_16px_rgba\(168\,85\,247\,0\.35\)\] {
        --tw-shadow: 0 0 16px var(--tw-shadow-color, #a855f759);
        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_16px_rgba\(236\,72\,153\,0\.35\)\] {
        --tw-shadow: 0 0 16px var(--tw-shadow-color, #ec489959);
        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_16px_rgba\(239\,68\,68\,0\.35\)\] {
        --tw-shadow: 0 0 16px var(--tw-shadow-color, #ef444459);
        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_16px_rgba\(var\(--primary-rgb\)\,0\.35\)\] {
        --tw-shadow: 0 0 16px var(--tw-shadow-color, rgba(var(--primary-rgb), .35));
        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_1px_4px_rgba\(0\,0\,0\,0\.3\)\] {
        --tw-shadow: 0 1px 4px var(--tw-shadow-color, #0000004d);
        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_1px_4px_rgba\(239\,68\,68\,0\.4\)\] {
        --tw-shadow: 0 1px 4px var(--tw-shadow-color, #ef444466);
        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_1px_4px_rgba\(var\(--primary-rgb\)\,0\.3\)\] {
        --tw-shadow: 0 1px 4px var(--tw-shadow-color, rgba(var(--primary-rgb), .3));
        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_2px_8px_rgba\(0\,0\,0\,0\.4\)\] {
        --tw-shadow: 0 2px 8px var(--tw-shadow-color, #0006);
        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_2px_8px_rgba\(0\,0\,0\,0\.35\)\] {
        --tw-shadow: 0 2px 8px 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-\[0_2px_12px_rgba\(0\,0\,0\,0\.4\)\] {
        --tw-shadow: 0 2px 12px var(--tw-shadow-color, #0006);
        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_4px_16px_rgba\(245\,158\,11\,0\.25\)\] {
        --tw-shadow: 0 4px 16px var(--tw-shadow-color, #f59e0b40);
        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_4px_20px_rgba\(0\,0\,0\,0\.35\)\] {
        --tw-shadow: 0 4px 20px 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-\[0_4px_24px_rgba\(0\,0\,0\,0\.4\)\] {
        --tw-shadow: 0 4px 24px var(--tw-shadow-color, #0006);
        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_8px_28px_rgba\(0\,0\,0\,0\.12\)\] {
        --tw-shadow: 0 8px 28px var(--tw-shadow-color, #0000001f);
        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_8px_32px_rgba\(0\,0\,0\,0\.4\)\] {
        --tw-shadow: 0 8px 32px var(--tw-shadow-color, #0006);
        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_8px_32px_rgba\(0\,0\,0\,0\.5\)\] {
        --tw-shadow: 0 8px 32px 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-inner {
        --tw-shadow: inset 0 2px 4px 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)
    }

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

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

    .ring-4 {
        --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)
    }

    .shadow-amber-500\/10 {
        --tw-shadow-color: #f99c001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-amber-500\/10 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500)10%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-amber-500\/20 {
        --tw-shadow-color: #f99c0033
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-amber-500\/20 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500)20%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-amber-500\/25 {
        --tw-shadow-color: #f99c0040
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-amber-500\/25 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500)25%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-amber-500\/30 {
        --tw-shadow-color: #f99c004d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-amber-500\/30 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500)30%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-amber-500\/40 {
        --tw-shadow-color: #f99c0066
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-amber-500\/40 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500)40%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

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

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-black\/20 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black)20%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

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

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-black\/30 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black)30%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-black\/40 {
        --tw-shadow-color: #0006
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-black\/40 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black)40%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-black\/50 {
        --tw-shadow-color: #00000080
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-black\/50 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black)50%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-black\/60 {
        --tw-shadow-color: #0009
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-black\/60 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black)60%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-blue-400\/30 {
        --tw-shadow-color: #54a2ff4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-blue-400\/30 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-400)30%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-blue-500\/40 {
        --tw-shadow-color: #3080ff66
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-blue-500\/40 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500)40%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-cyan-400\/20 {
        --tw-shadow-color: #00d2ef33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-cyan-400\/20 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-cyan-400)20%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-cyan-500\/40 {
        --tw-shadow-color: #00b7d766
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-cyan-500\/40 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-cyan-500)40%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-emerald-400\/30 {
        --tw-shadow-color: #00d2944d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-emerald-400\/30 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-400)30%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-emerald-500\/20 {
        --tw-shadow-color: #00bb7f33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-emerald-500\/20 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500)20%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-emerald-500\/30 {
        --tw-shadow-color: #00bb7f4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-emerald-500\/30 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500)30%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-emerald-500\/40 {
        --tw-shadow-color: #00bb7f66
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-emerald-500\/40 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500)40%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-gray-400\/30 {
        --tw-shadow-color: #99a1af4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-gray-400\/30 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-400)30%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-gray-500\/20 {
        --tw-shadow-color: #6a728233
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-gray-500\/20 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-500)20%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-orange-400\/30 {
        --tw-shadow-color: #ff8b1a4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-orange-400\/30 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-orange-400)30%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-orange-500\/30 {
        --tw-shadow-color: #fe6e004d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-orange-500\/30 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-orange-500)30%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-orange-500\/40 {
        --tw-shadow-color: #fe6e0066
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-orange-500\/40 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-orange-500)40%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-orange-600\/30 {
        --tw-shadow-color: #f051004d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-orange-600\/30 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-orange-600)30%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-primary\/5 {
        --tw-shadow-color: #ffd9000d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-primary\/5 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary)5%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-primary\/10 {
        --tw-shadow-color: #ffd9001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-primary\/10 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary)10%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-primary\/20 {
        --tw-shadow-color: #ffd90033
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-primary\/20 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary)20%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-primary\/25 {
        --tw-shadow-color: #ffd90040
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-primary\/25 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary)25%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-primary\/30 {
        --tw-shadow-color: #ffd9004d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-primary\/30 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary)30%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-primary\/40 {
        --tw-shadow-color: #ffd90066
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-primary\/40 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary)40%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-purple-400\/30 {
        --tw-shadow-color: #c07eff4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-purple-400\/30 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-400)30%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-purple-500\/10 {
        --tw-shadow-color: #ac4bff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-purple-500\/10 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-500)10%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-purple-500\/25 {
        --tw-shadow-color: #ac4bff40
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-purple-500\/25 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-500)25%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-purple-500\/30 {
        --tw-shadow-color: #ac4bff4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-purple-500\/30 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-500)30%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-purple-500\/40 {
        --tw-shadow-color: #ac4bff66
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-purple-500\/40 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-500)40%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-red-500\/25 {
        --tw-shadow-color: #fb2c3640
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-red-500\/25 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-500)25%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-red-500\/30 {
        --tw-shadow-color: #fb2c364d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-red-500\/30 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-500)30%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-red-500\/40 {
        --tw-shadow-color: #fb2c3666
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-red-500\/40 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-500)40%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-rose-400\/30 {
        --tw-shadow-color: #ff667f4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-rose-400\/30 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-rose-400)30%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-slate-400\/20 {
        --tw-shadow-color: #90a1b933
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-slate-400\/20 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-400)20%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-white\/20 {
        --tw-shadow-color: #fff3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-white\/20 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-white)20%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

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

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-white\/30 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-white)30%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-yellow-400\/20 {
        --tw-shadow-color: #fac80033
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-yellow-400\/20 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-yellow-400)20%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-yellow-400\/40 {
        --tw-shadow-color: #fac80066
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-yellow-400\/40 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-yellow-400)40%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .ring-amber-400\/20 {
        --tw-ring-color: #fcbb0033
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-amber-400\/20 {
            --tw-ring-color: color-mix(in oklab, var(--color-amber-400)20%, transparent)
        }
    }

    .ring-amber-400\/30 {
        --tw-ring-color: #fcbb004d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-amber-400\/30 {
            --tw-ring-color: color-mix(in oklab, var(--color-amber-400)30%, transparent)
        }
    }

    .ring-amber-500\/15 {
        --tw-ring-color: #f99c0026
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-amber-500\/15 {
            --tw-ring-color: color-mix(in oklab, var(--color-amber-500)15%, transparent)
        }
    }

    .ring-amber-500\/30 {
        --tw-ring-color: #f99c004d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-amber-500\/30 {
            --tw-ring-color: color-mix(in oklab, var(--color-amber-500)30%, transparent)
        }
    }

    .ring-amber-600\/70 {
        --tw-ring-color: #dd7400b3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-amber-600\/70 {
            --tw-ring-color: color-mix(in oklab, var(--color-amber-600)70%, transparent)
        }
    }

    .ring-background {
        --tw-ring-color: var(--color-background)
    }

    .ring-black\/5 {
        --tw-ring-color: #0000000d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-black\/5 {
            --tw-ring-color: color-mix(in oklab, var(--color-black)5%, transparent)
        }
    }

    .ring-blue-400\/80 {
        --tw-ring-color: #54a2ffcc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-blue-400\/80 {
            --tw-ring-color: color-mix(in oklab, var(--color-blue-400)80%, transparent)
        }
    }

    .ring-border {
        --tw-ring-color: var(--color-border)
    }

    .ring-border\/30 {
        --tw-ring-color: #2525374d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-border\/30 {
            --tw-ring-color: color-mix(in oklab, var(--color-border)30%, transparent)
        }
    }

    .ring-cyan-400\/80 {
        --tw-ring-color: #00d2efcc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-cyan-400\/80 {
            --tw-ring-color: color-mix(in oklab, var(--color-cyan-400)80%, transparent)
        }
    }

    .ring-emerald-300\/30 {
        --tw-ring-color: #5ee9b54d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-emerald-300\/30 {
            --tw-ring-color: color-mix(in oklab, var(--color-emerald-300)30%, transparent)
        }
    }

    .ring-emerald-400\/20 {
        --tw-ring-color: #00d29433
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-emerald-400\/20 {
            --tw-ring-color: color-mix(in oklab, var(--color-emerald-400)20%, transparent)
        }
    }

    .ring-emerald-400\/80 {
        --tw-ring-color: #00d294cc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-emerald-400\/80 {
            --tw-ring-color: color-mix(in oklab, var(--color-emerald-400)80%, transparent)
        }
    }

    .ring-emerald-500\/20 {
        --tw-ring-color: #00bb7f33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-emerald-500\/20 {
            --tw-ring-color: color-mix(in oklab, var(--color-emerald-500)20%, transparent)
        }
    }

    .ring-gray-400\/60 {
        --tw-ring-color: #99a1af99
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-gray-400\/60 {
            --tw-ring-color: color-mix(in oklab, var(--color-gray-400)60%, transparent)
        }
    }

    .ring-green-500\/10 {
        --tw-ring-color: #00c7581a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-green-500\/10 {
            --tw-ring-color: color-mix(in oklab, var(--color-green-500)10%, transparent)
        }
    }

    .ring-orange-300\/30 {
        --tw-ring-color: #ffb96d4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-orange-300\/30 {
            --tw-ring-color: color-mix(in oklab, var(--color-orange-300)30%, transparent)
        }
    }

    .ring-orange-400\/80 {
        --tw-ring-color: #ff8b1acc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-orange-400\/80 {
            --tw-ring-color: color-mix(in oklab, var(--color-orange-400)80%, transparent)
        }
    }

    .ring-primary\/20 {
        --tw-ring-color: #ffd90033
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-primary\/20 {
            --tw-ring-color: color-mix(in oklab, var(--color-primary)20%, transparent)
        }
    }

    .ring-primary\/30 {
        --tw-ring-color: #ffd9004d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-primary\/30 {
            --tw-ring-color: color-mix(in oklab, var(--color-primary)30%, transparent)
        }
    }

    .ring-primary\/40 {
        --tw-ring-color: #ffd90066
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-primary\/40 {
            --tw-ring-color: color-mix(in oklab, var(--color-primary)40%, transparent)
        }
    }

    .ring-purple-400\/20 {
        --tw-ring-color: #c07eff33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-purple-400\/20 {
            --tw-ring-color: color-mix(in oklab, var(--color-purple-400)20%, transparent)
        }
    }

    .ring-purple-400\/30 {
        --tw-ring-color: #c07eff4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-purple-400\/30 {
            --tw-ring-color: color-mix(in oklab, var(--color-purple-400)30%, transparent)
        }
    }

    .ring-purple-400\/35 {
        --tw-ring-color: #c07eff59
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-purple-400\/35 {
            --tw-ring-color: color-mix(in oklab, var(--color-purple-400)35%, transparent)
        }
    }

    .ring-purple-400\/80 {
        --tw-ring-color: #c07effcc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-purple-400\/80 {
            --tw-ring-color: color-mix(in oklab, var(--color-purple-400)80%, transparent)
        }
    }

    .ring-purple-500\/15 {
        --tw-ring-color: #ac4bff26
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-purple-500\/15 {
            --tw-ring-color: color-mix(in oklab, var(--color-purple-500)15%, transparent)
        }
    }

    .ring-red-400\/30 {
        --tw-ring-color: #ff65684d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-red-400\/30 {
            --tw-ring-color: color-mix(in oklab, var(--color-red-400)30%, transparent)
        }
    }

    .ring-red-400\/35 {
        --tw-ring-color: #ff656859
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-red-400\/35 {
            --tw-ring-color: color-mix(in oklab, var(--color-red-400)35%, transparent)
        }
    }

    .ring-red-500\/15 {
        --tw-ring-color: #fb2c3626
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-red-500\/15 {
            --tw-ring-color: color-mix(in oklab, var(--color-red-500)15%, transparent)
        }
    }

    .ring-red-500\/20 {
        --tw-ring-color: #fb2c3633
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-red-500\/20 {
            --tw-ring-color: color-mix(in oklab, var(--color-red-500)20%, transparent)
        }
    }

    .ring-red-500\/30 {
        --tw-ring-color: #fb2c364d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-red-500\/30 {
            --tw-ring-color: color-mix(in oklab, var(--color-red-500)30%, transparent)
        }
    }

    .ring-rose-400\/80 {
        --tw-ring-color: #ff667fcc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-rose-400\/80 {
            --tw-ring-color: color-mix(in oklab, var(--color-rose-400)80%, transparent)
        }
    }

    .ring-slate-300\/70 {
        --tw-ring-color: #cad5e2b3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-slate-300\/70 {
            --tw-ring-color: color-mix(in oklab, var(--color-slate-300)70%, transparent)
        }
    }

    .ring-white\/5 {
        --tw-ring-color: #ffffff0d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-white\/5 {
            --tw-ring-color: color-mix(in oklab, var(--color-white)5%, transparent)
        }
    }

    .ring-white\/10 {
        --tw-ring-color: #ffffff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-white\/10 {
            --tw-ring-color: color-mix(in oklab, var(--color-white)10%, transparent)
        }
    }

    .ring-white\/15 {
        --tw-ring-color: #ffffff26
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-white\/15 {
            --tw-ring-color: color-mix(in oklab, var(--color-white)15%, transparent)
        }
    }

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

    @supports (color:color-mix(in lab, red, red)) {
        .ring-white\/30 {
            --tw-ring-color: color-mix(in oklab, var(--color-white)30%, transparent)
        }
    }

    .ring-white\/\[0\.1\] {
        --tw-ring-color: #ffffff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-white\/\[0\.1\] {
            --tw-ring-color: color-mix(in oklab, var(--color-white)10%, transparent)
        }
    }

    .ring-white\/\[0\.06\] {
        --tw-ring-color: #ffffff0f
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-white\/\[0\.06\] {
            --tw-ring-color: color-mix(in oklab, var(--color-white)6%, transparent)
        }
    }

    .ring-white\/\[0\.08\] {
        --tw-ring-color: #ffffff14
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-white\/\[0\.08\] {
            --tw-ring-color: color-mix(in oklab, var(--color-white)8%, transparent)
        }
    }

    .ring-white\/\[0\.12\] {
        --tw-ring-color: #ffffff1f
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-white\/\[0\.12\] {
            --tw-ring-color: color-mix(in oklab, var(--color-white)12%, transparent)
        }
    }

    .ring-yellow-300\/90 {
        --tw-ring-color: #ffe02ae6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-yellow-300\/90 {
            --tw-ring-color: color-mix(in oklab, var(--color-yellow-300)90%, transparent)
        }
    }

    .ring-yellow-400\/80 {
        --tw-ring-color: #fac800cc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-yellow-400\/80 {
            --tw-ring-color: color-mix(in oklab, var(--color-yellow-400)80%, transparent)
        }
    }

    .ring-offset-0 {
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
    }

    .ring-offset-1 {
        --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)
    }

    .ring-offset-2 {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
    }

    .ring-offset-background {
        --tw-ring-offset-color: var(--color-background)
    }

    .outline {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
    }

    .blur-2xl {
        --tw-blur: blur(var(--blur-2xl));
        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-3xl {
        --tw-blur: blur(var(--blur-3xl));
        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-\[2px\] {
        --tw-blur: blur(2px);
        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-\[120px\] {
        --tw-blur: blur(120px);
        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));
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .brightness-0 {
        --tw-brightness: brightness(0%);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .drop-shadow {
        --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #0000001a))drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f));
        --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a)drop-shadow(0 1px 1px #0000000f);
        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-2xl {
        --tw-drop-shadow-size: drop-shadow(0 25px 25px var(--tw-drop-shadow-color, #00000026));
        --tw-drop-shadow: drop-shadow(var(--drop-shadow-2xl));
        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-\[0_0_8px_rgba\(var\(--color-primary\)\,0\.5\)\] {
        --tw-drop-shadow-size: drop-shadow(0 0 8px var(--tw-drop-shadow-color, rgba(var(--color-primary), .5)));
        --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, )
    }

    .drop-shadow-\[0_0_10px_rgba\(168\,85\,247\,0\.3\)\] {
        --tw-drop-shadow-size: drop-shadow(0 0 10px var(--tw-drop-shadow-color, #a855f74d));
        --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, )
    }

    .drop-shadow-\[0_0_10px_rgba\(239\,68\,68\,0\.3\)\] {
        --tw-drop-shadow-size: drop-shadow(0 0 10px var(--tw-drop-shadow-color, #ef44444d));
        --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, )
    }

    .drop-shadow-\[0_0_10px_rgba\(251\,191\,36\,0\.25\)\] {
        --tw-drop-shadow-size: drop-shadow(0 0 10px var(--tw-drop-shadow-color, #fbbf2440));
        --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, )
    }

    .drop-shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.8\)\] {
        --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #000c));
        --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, )
    }

    .drop-shadow-\[0_1px_6px_rgba\(0\,0\,0\,0\.20\)\] {
        --tw-drop-shadow-size: drop-shadow(0 1px 6px var(--tw-drop-shadow-color, #0003));
        --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, )
    }

    .drop-shadow-\[0_2px_4px_rgba\(0\,0\,0\,0\.9\)\] {
        --tw-drop-shadow-size: drop-shadow(0 2px 4px var(--tw-drop-shadow-color, #000000e6));
        --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, )
    }

    .drop-shadow-\[0_2px_10px_rgba\(0\,0\,0\,0\.35\)\] {
        --tw-drop-shadow-size: drop-shadow(0 2px 10px var(--tw-drop-shadow-color, #00000059));
        --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, )
    }

    .drop-shadow-\[0_2px_12px_hsl\(var\(--primary\)\/0\.15\)\] {
        --tw-drop-shadow-size: drop-shadow(0 2px 12px var(--tw-drop-shadow-color, hsl(var(--primary)/.15)));
        --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, )
    }

    .drop-shadow-\[0_4px_24px_hsl\(var\(--primary\)\/0\.15\)\] {
        --tw-drop-shadow-size: drop-shadow(0 4px 24px var(--tw-drop-shadow-color, hsl(var(--primary)/.15)));
        --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, )
    }

    .drop-shadow-\[0_6px_20px_rgba\(0\,0\,0\,0\.4\)\] {
        --tw-drop-shadow-size: drop-shadow(0 6px 20px var(--tw-drop-shadow-color, #0006));
        --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, )
    }

    .drop-shadow-lg {
        --tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color, #00000026));
        --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg));
        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-md {
        --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, #0000001f));
        --tw-drop-shadow: drop-shadow(var(--drop-shadow-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, )
    }

    .drop-shadow-sm {
        --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #00000026));
        --tw-drop-shadow: drop-shadow(var(--drop-shadow-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, )
    }

    .grayscale {
        --tw-grayscale: grayscale(100%);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .invert {
        --tw-invert: invert(100%);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .filter {
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .backdrop-blur {
        --tw-backdrop-blur: blur(8px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
    }

    .backdrop-blur-\[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-\[3px\] {
        --tw-backdrop-blur: blur(3px);
        -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-lg {
        --tw-backdrop-blur: blur(var(--blur-lg));
        -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
    }

    .backdrop-blur-md {
        --tw-backdrop-blur: blur(var(--blur-md));
        -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, )
    }

    .backdrop-blur-xl {
        --tw-backdrop-blur: blur(var(--blur-xl));
        -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
    }

    .backdrop-filter {
        -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
    }

    .transition {
        transition-property: color, background-color, border-color, 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-\[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-shadow {
        transition-property: box-shadow;
        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
    }

    .delay-100 {
        transition-delay: .1s
    }

    .delay-200 {
        transition-delay: .2s
    }

    .delay-300 {
        transition-delay: .3s
    }

    .delay-400 {
        transition-delay: .4s
    }

    .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-300 {
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .duration-400 {
        --tw-duration: .4s;
        transition-duration: .4s
    }

    .duration-500 {
        --tw-duration: .5s;
        transition-duration: .5s
    }

    .duration-700 {
        --tw-duration: .7s;
        transition-duration: .7s
    }

    .ease-\[cubic-bezier\(0\.4\,0\,0\.2\,1\)\] {
        --tw-ease: cubic-bezier(.4, 0, .2, 1);
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    .ease-in-out {
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out)
    }

    .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;
        outline-style: none
    }

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

    .\[animation-delay\:0ms\] {
        animation-delay: 0s
    }

    .\[animation-delay\:150ms\] {
        animation-delay: .15s
    }

    .\[animation-delay\:300ms\] {
        animation-delay: .3s
    }

    @media(hover:hover) {
        .group-hover\:translate-x-0\.5:is(:where(.group):hover *) {
            --tw-translate-x: calc(var(--spacing)*.5);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .group-hover\:translate-x-1:is(:where(.group):hover *) {
            --tw-translate-x: calc(var(--spacing)*1);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .group-hover\:-translate-y-0\.5:is(:where(.group):hover *) {
            --tw-translate-y: calc(var(--spacing)*-.5);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .group-hover\:-translate-y-1:is(:where(.group):hover *) {
            --tw-translate-y: calc(var(--spacing)*-1);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .group-hover\:scale-100:is(:where(.group):hover *) {
            --tw-scale-x: 100%;
            --tw-scale-y: 100%;
            --tw-scale-z: 100%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .group-hover\:scale-105:is(:where(.group):hover *) {
            --tw-scale-x: 105%;
            --tw-scale-y: 105%;
            --tw-scale-z: 105%;
            scale: var(--tw-scale-x)var(--tw-scale-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\:scale-\[1\.02\]:is(:where(.group):hover *) {
            scale: 1.02
        }

        .group-hover\:scale-\[1\.03\]:is(:where(.group):hover *) {
            scale: 1.03
        }

        .group-hover\:scale-\[1\.04\]:is(:where(.group):hover *) {
            scale: 1.04
        }

        .group-hover\:bg-black\/40:is(:where(.group):hover *) {
            background-color: #0006
        }

        @supports (color:color-mix(in lab, red, red)) {
            .group-hover\:bg-black\/40:is(:where(.group):hover *) {
                background-color: color-mix(in oklab, var(--color-black)40%, transparent)
            }
        }

        .group-hover\:bg-destructive\/15:is(:where(.group):hover *) {
            background-color: #f0514226
        }

        @supports (color:color-mix(in lab, red, red)) {
            .group-hover\:bg-destructive\/15:is(:where(.group):hover *) {
                background-color: color-mix(in oklab, var(--color-destructive)15%, transparent)
            }
        }

        .group-hover\:bg-primary\/20:is(:where(.group):hover *) {
            background-color: #ffd90033
        }

        @supports (color:color-mix(in lab, red, red)) {
            .group-hover\:bg-primary\/20:is(:where(.group):hover *) {
                background-color: color-mix(in oklab, var(--color-primary)20%, transparent)
            }
        }

        .group-hover\:bg-white\/30:is(:where(.group):hover *) {
            background-color: #ffffff4d
        }

        @supports (color:color-mix(in lab, red, red)) {
            .group-hover\:bg-white\/30:is(:where(.group):hover *) {
                background-color: color-mix(in oklab, var(--color-white)30%, transparent)
            }
        }

        .group-hover\:text-foreground-muted\/40:is(:where(.group):hover *) {
            color: #9d9daf66
        }

        @supports (color:color-mix(in lab, red, red)) {
            .group-hover\:text-foreground-muted\/40:is(:where(.group):hover *) {
                color: color-mix(in oklab, var(--color-foreground-muted)40%, transparent)
            }
        }

        .group-hover\:text-foreground-muted\/50:is(:where(.group):hover *) {
            color: #9d9daf80
        }

        @supports (color:color-mix(in lab, red, red)) {
            .group-hover\:text-foreground-muted\/50:is(:where(.group):hover *) {
                color: color-mix(in oklab, var(--color-foreground-muted)50%, transparent)
            }
        }

        .group-hover\:text-primary:is(:where(.group):hover *) {
            color: var(--color-primary)
        }

        .group-hover\:text-primary\/60:is(:where(.group):hover *) {
            color: #ffd90099
        }

        @supports (color:color-mix(in lab, red, red)) {
            .group-hover\:text-primary\/60:is(:where(.group):hover *) {
                color: color-mix(in oklab, var(--color-primary)60%, transparent)
            }
        }

        .group-hover\:text-purple-300:is(:where(.group):hover *) {
            color: var(--color-purple-300)
        }

        .group-hover\:text-red-300:is(:where(.group):hover *) {
            color: var(--color-red-300)
        }

        .group-hover\:text-red-400\/50:is(:where(.group):hover *) {
            color: #ff656880
        }

        @supports (color:color-mix(in lab, red, red)) {
            .group-hover\:text-red-400\/50:is(:where(.group):hover *) {
                color: color-mix(in oklab, var(--color-red-400)50%, transparent)
            }
        }

        .group-hover\:underline:is(:where(.group):hover *) {
            text-decoration-line: underline
        }

        .group-hover\:\!opacity-80:is(:where(.group):hover *) {
            opacity: .8 !important
        }

        .group-hover\:opacity-40:is(:where(.group):hover *) {
            opacity: .4
        }

        .group-hover\:opacity-80:is(:where(.group):hover *) {
            opacity: .8
        }

        .group-hover\:opacity-100:is(:where(.group):hover *) {
            opacity: 1
        }

        .group-hover\:shadow-\[0_0_20px_rgba\(16\,185\,129\,0\.35\)\]:is(:where(.group):hover *) {
            --tw-shadow: 0 0 20px var(--tw-shadow-color, #10b98159);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .group-hover\:shadow-\[0_0_20px_rgba\(249\,115\,22\,0\.35\)\]:is(:where(.group):hover *) {
            --tw-shadow: 0 0 20px var(--tw-shadow-color, #f9731659);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .group-hover\:shadow-\[0_2px_8px_rgba\(var\(--primary-rgb\)\,0\.4\)\]:is(:where(.group):hover *) {
            --tw-shadow: 0 2px 8px var(--tw-shadow-color, rgba(var(--primary-rgb), .4));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .group-hover\:shadow-\[0_4px_16px_rgba\(0\,0\,0\,0\.5\)\,0_0_12px_rgba\(255\,215\,0\,0\.08\)\]:is(:where(.group):hover *) {
            --tw-shadow: 0 4px 16px var(--tw-shadow-color, #00000080), 0 0 12px var(--tw-shadow-color, #ffd70014);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .group-hover\:shadow-\[0_8px_32px_rgba\(0\,0\,0\,0\.5\)\]:is(:where(.group):hover *) {
            --tw-shadow: 0 8px 32px 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)
        }

        .group-hover\:shadow-xl:is(:where(.group):hover *) {
            --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)
        }

        .group-hover\:shadow-purple-500\/20:is(:where(.group):hover *) {
            --tw-shadow-color: #ac4bff33
        }

        @supports (color:color-mix(in lab, red, red)) {
            .group-hover\:shadow-purple-500\/20:is(:where(.group):hover *) {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-500)20%, transparent)var(--tw-shadow-alpha), transparent)
            }
        }

        .group-hover\:ring-emerald-400\/50:is(:where(.group):hover *) {
            --tw-ring-color: #00d29480
        }

        @supports (color:color-mix(in lab, red, red)) {
            .group-hover\:ring-emerald-400\/50:is(:where(.group):hover *) {
                --tw-ring-color: color-mix(in oklab, var(--color-emerald-400)50%, transparent)
            }
        }

        .group-hover\:ring-orange-400\/50:is(:where(.group):hover *) {
            --tw-ring-color: #ff8b1a80
        }

        @supports (color:color-mix(in lab, red, red)) {
            .group-hover\:ring-orange-400\/50:is(:where(.group):hover *) {
                --tw-ring-color: color-mix(in oklab, var(--color-orange-400)50%, transparent)
            }
        }

        .group-hover\:ring-primary\/50:is(:where(.group):hover *) {
            --tw-ring-color: #ffd90080
        }

        @supports (color:color-mix(in lab, red, red)) {
            .group-hover\:ring-primary\/50:is(:where(.group):hover *) {
                --tw-ring-color: color-mix(in oklab, var(--color-primary)50%, transparent)
            }
        }

        .group-hover\:ring-white\/\[0\.2\]:is(:where(.group):hover *) {
            --tw-ring-color: #fff3
        }

        @supports (color:color-mix(in lab, red, red)) {
            .group-hover\:ring-white\/\[0\.2\]:is(:where(.group):hover *) {
                --tw-ring-color: color-mix(in oklab, var(--color-white)20%, transparent)
            }
        }

        .group-hover\:ring-white\/\[0\.12\]:is(:where(.group):hover *) {
            --tw-ring-color: #ffffff1f
        }

        @supports (color:color-mix(in lab, red, red)) {
            .group-hover\:ring-white\/\[0\.12\]:is(:where(.group):hover *) {
                --tw-ring-color: color-mix(in oklab, var(--color-white)12%, transparent)
            }
        }

        .group-hover\:ring-white\/\[0\.15\]:is(:where(.group):hover *) {
            --tw-ring-color: #ffffff26
        }

        @supports (color:color-mix(in lab, red, red)) {
            .group-hover\:ring-white\/\[0\.15\]:is(:where(.group):hover *) {
                --tw-ring-color: color-mix(in oklab, var(--color-white)15%, transparent)
            }
        }

        .group-hover\:brightness-110:is(:where(.group):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, )
        }
    }

    .group-focus-visible\:opacity-100:is(:where(.group):focus-visible *) {
        opacity: 1
    }

    .group-active\:scale-90:is(:where(.group):active *) {
        --tw-scale-x: 90%;
        --tw-scale-y: 90%;
        --tw-scale-z: 90%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .group-active\:scale-95:is(:where(.group):active *) {
        --tw-scale-x: 95%;
        --tw-scale-y: 95%;
        --tw-scale-z: 95%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .group-active\:scale-\[0\.97\]:is(:where(.group):active *) {
        scale: .97
    }

    .group-active\:scale-\[0\.98\]:is(:where(.group):active *) {
        scale: .98
    }

    .group-active\:bg-black\/30:is(:where(.group):active *) {
        background-color: #0000004d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .group-active\:bg-black\/30:is(:where(.group):active *) {
            background-color: color-mix(in oklab, var(--color-black)30%, transparent)
        }
    }

    .group-active\:shadow-\[0_1px_4px_rgba\(0\,0\,0\,0\.4\)\]:is(:where(.group):active *) {
        --tw-shadow: 0 1px 4px var(--tw-shadow-color, #0006);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .placeholder\:font-sans::placeholder {
        font-family: var(--font-sans)
    }

    .placeholder\:tracking-normal::placeholder {
        --tw-tracking: var(--tracking-normal);
        letter-spacing: var(--tracking-normal)
    }

    .placeholder\:text-foreground-muted::placeholder {
        color: var(--color-foreground-muted)
    }

    .placeholder\:text-foreground-muted\/30::placeholder {
        color: #9d9daf4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .placeholder\:text-foreground-muted\/30::placeholder {
            color: color-mix(in oklab, var(--color-foreground-muted)30%, transparent)
        }
    }

    .placeholder\:text-foreground-muted\/40::placeholder {
        color: #9d9daf66
    }

    @supports (color:color-mix(in lab, red, red)) {
        .placeholder\:text-foreground-muted\/40::placeholder {
            color: color-mix(in oklab, var(--color-foreground-muted)40%, transparent)
        }
    }

    .placeholder\:text-foreground-muted\/50::placeholder {
        color: #9d9daf80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .placeholder\:text-foreground-muted\/50::placeholder {
            color: color-mix(in oklab, var(--color-foreground-muted)50%, transparent)
        }
    }

    .placeholder\:text-slate-400::placeholder {
        color: var(--color-slate-400)
    }

    .placeholder\:text-slate-500::placeholder {
        color: var(--color-slate-500)
    }

    .last\:border-0:last-child {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    @media(hover:hover) {
        .hover\:-translate-y-0\.5:hover {
            --tw-translate-y: calc(var(--spacing)*-.5);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .hover\:scale-105:hover {
            --tw-scale-x: 105%;
            --tw-scale-y: 105%;
            --tw-scale-z: 105%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .hover\:scale-110:hover {
            --tw-scale-x: 110%;
            --tw-scale-y: 110%;
            --tw-scale-z: 110%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .hover\:scale-\[1\.02\]:hover {
            scale: 1.02
        }

        .hover\:border-amber-400\/40:hover {
            border-color: #fcbb0066
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:border-amber-400\/40:hover {
                border-color: color-mix(in oklab, var(--color-amber-400)40%, transparent)
            }
        }

        .hover\:border-amber-500\/50:hover {
            border-color: #f99c0080
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:border-amber-500\/50:hover {
                border-color: color-mix(in oklab, var(--color-amber-500)50%, transparent)
            }
        }

        .hover\:border-border\/80:hover {
            border-color: #252537cc
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:border-border\/80:hover {
                border-color: color-mix(in oklab, var(--color-border)80%, transparent)
            }
        }

        .hover\:border-destructive\/20:hover {
            border-color: #f0514233
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:border-destructive\/20:hover {
                border-color: color-mix(in oklab, var(--color-destructive)20%, transparent)
            }
        }

        .hover\:border-green-500\/30:hover {
            border-color: #00c7584d
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:border-green-500\/30:hover {
                border-color: color-mix(in oklab, var(--color-green-500)30%, transparent)
            }
        }

        .hover\:border-green-500\/50:hover {
            border-color: #00c75880
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:border-green-500\/50:hover {
                border-color: color-mix(in oklab, var(--color-green-500)50%, transparent)
            }
        }

        .hover\:border-primary\/20:hover {
            border-color: #ffd90033
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:border-primary\/20:hover {
                border-color: color-mix(in oklab, var(--color-primary)20%, transparent)
            }
        }

        .hover\:border-primary\/30:hover {
            border-color: #ffd9004d
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:border-primary\/30:hover {
                border-color: color-mix(in oklab, var(--color-primary)30%, transparent)
            }
        }

        .hover\:border-primary\/40:hover {
            border-color: #ffd90066
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:border-primary\/40:hover {
                border-color: color-mix(in oklab, var(--color-primary)40%, transparent)
            }
        }

        .hover\:border-primary\/45:hover {
            border-color: #ffd90073
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:border-primary\/45:hover {
                border-color: color-mix(in oklab, var(--color-primary)45%, transparent)
            }
        }

        .hover\:border-primary\/50:hover {
            border-color: #ffd90080
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:border-primary\/50:hover {
                border-color: color-mix(in oklab, var(--color-primary)50%, transparent)
            }
        }

        .hover\:border-purple-500\/20:hover {
            border-color: #ac4bff33
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:border-purple-500\/20:hover {
                border-color: color-mix(in oklab, var(--color-purple-500)20%, transparent)
            }
        }

        .hover\:border-purple-500\/25:hover {
            border-color: #ac4bff40
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:border-purple-500\/25:hover {
                border-color: color-mix(in oklab, var(--color-purple-500)25%, transparent)
            }
        }

        .hover\:border-purple-500\/30:hover {
            border-color: #ac4bff4d
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:border-purple-500\/30:hover {
                border-color: color-mix(in oklab, var(--color-purple-500)30%, transparent)
            }
        }

        .hover\:border-red-500\/20:hover {
            border-color: #fb2c3633
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:border-red-500\/20:hover {
                border-color: color-mix(in oklab, var(--color-red-500)20%, transparent)
            }
        }

        .hover\:border-red-500\/25:hover {
            border-color: #fb2c3640
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:border-red-500\/25:hover {
                border-color: color-mix(in oklab, var(--color-red-500)25%, transparent)
            }
        }

        .hover\:border-red-500\/30:hover {
            border-color: #fb2c364d
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:border-red-500\/30:hover {
                border-color: color-mix(in oklab, var(--color-red-500)30%, transparent)
            }
        }

        .hover\:border-white\/\[0\.1\]:hover {
            border-color: #ffffff1a
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:border-white\/\[0\.1\]:hover {
                border-color: color-mix(in oklab, var(--color-white)10%, transparent)
            }
        }

        .hover\:border-white\/\[0\.2\]:hover {
            border-color: #fff3
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:border-white\/\[0\.2\]:hover {
                border-color: color-mix(in oklab, var(--color-white)20%, transparent)
            }
        }

        .hover\:border-white\/\[0\.12\]:hover {
            border-color: #ffffff1f
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:border-white\/\[0\.12\]:hover {
                border-color: color-mix(in oklab, var(--color-white)12%, transparent)
            }
        }

        .hover\:border-white\/\[0\.15\]:hover {
            border-color: #ffffff26
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:border-white\/\[0\.15\]:hover {
                border-color: color-mix(in oklab, var(--color-white)15%, transparent)
            }
        }

        .hover\:bg-accent:hover {
            background-color: var(--color-accent)
        }

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

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-black\/30:hover {
                background-color: color-mix(in oklab, var(--color-black)30%, transparent)
            }
        }

        .hover\:bg-black\/50:hover {
            background-color: #00000080
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-black\/50:hover {
                background-color: color-mix(in oklab, var(--color-black)50%, transparent)
            }
        }

        .hover\:bg-black\/60:hover {
            background-color: #0009
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-black\/60:hover {
                background-color: color-mix(in oklab, var(--color-black)60%, transparent)
            }
        }

        .hover\:bg-blue-500\/10:hover {
            background-color: #3080ff1a
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-blue-500\/10:hover {
                background-color: color-mix(in oklab, var(--color-blue-500)10%, transparent)
            }
        }

        .hover\:bg-card:hover {
            background-color: var(--color-card)
        }

        .hover\:bg-card-hover:hover {
            background-color: var(--color-card-hover)
        }

        .hover\:bg-card\/60:hover {
            background-color: #18182f99
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-card\/60:hover {
                background-color: color-mix(in oklab, var(--color-card)60%, transparent)
            }
        }

        .hover\:bg-card\/80:hover {
            background-color: #18182fcc
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-card\/80:hover {
                background-color: color-mix(in oklab, var(--color-card)80%, transparent)
            }
        }

        .hover\:bg-destructive\/10:hover {
            background-color: #f051421a
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-destructive\/10:hover {
                background-color: color-mix(in oklab, var(--color-destructive)10%, transparent)
            }
        }

        .hover\:bg-destructive\/20:hover {
            background-color: #f0514233
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-destructive\/20:hover {
                background-color: color-mix(in oklab, var(--color-destructive)20%, transparent)
            }
        }

        .hover\:bg-destructive\/90:hover {
            background-color: #f05142e6
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-destructive\/90:hover {
                background-color: color-mix(in oklab, var(--color-destructive)90%, transparent)
            }
        }

        .hover\:bg-foreground\/10:hover {
            background-color: #ffffff1a
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-foreground\/10:hover {
                background-color: color-mix(in oklab, var(--color-foreground)10%, transparent)
            }
        }

        .hover\:bg-green-500\/10:hover {
            background-color: #00c7581a
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-green-500\/10:hover {
                background-color: color-mix(in oklab, var(--color-green-500)10%, transparent)
            }
        }

        .hover\:bg-muted:hover {
            background-color: var(--color-muted)
        }

        .hover\:bg-muted\/50:hover {
            background-color: #33334d80
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-muted\/50:hover {
                background-color: color-mix(in oklab, var(--color-muted)50%, transparent)
            }
        }

        .hover\:bg-muted\/60:hover {
            background-color: #33334d99
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-muted\/60:hover {
                background-color: color-mix(in oklab, var(--color-muted)60%, transparent)
            }
        }

        .hover\:bg-muted\/70:hover {
            background-color: #33334db3
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-muted\/70:hover {
                background-color: color-mix(in oklab, var(--color-muted)70%, transparent)
            }
        }

        .hover\:bg-orange-500\/10:hover {
            background-color: #fe6e001a
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-orange-500\/10:hover {
                background-color: color-mix(in oklab, var(--color-orange-500)10%, transparent)
            }
        }

        .hover\:bg-orange-500\/20:hover {
            background-color: #fe6e0033
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-orange-500\/20:hover {
                background-color: color-mix(in oklab, var(--color-orange-500)20%, transparent)
            }
        }

        .hover\:bg-primary\/5:hover {
            background-color: #ffd9000d
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-primary\/5:hover {
                background-color: color-mix(in oklab, var(--color-primary)5%, transparent)
            }
        }

        .hover\:bg-primary\/10:hover {
            background-color: #ffd9001a
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-primary\/10:hover {
                background-color: color-mix(in oklab, var(--color-primary)10%, transparent)
            }
        }

        .hover\:bg-primary\/20:hover {
            background-color: #ffd90033
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-primary\/20:hover {
                background-color: color-mix(in oklab, var(--color-primary)20%, transparent)
            }
        }

        .hover\:bg-primary\/25:hover {
            background-color: #ffd90040
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-primary\/25:hover {
                background-color: color-mix(in oklab, var(--color-primary)25%, transparent)
            }
        }

        .hover\:bg-primary\/30:hover {
            background-color: #ffd9004d
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-primary\/30:hover {
                background-color: color-mix(in oklab, var(--color-primary)30%, transparent)
            }
        }

        .hover\:bg-primary\/90:hover {
            background-color: #ffd900e6
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-primary\/90:hover {
                background-color: color-mix(in oklab, var(--color-primary)90%, transparent)
            }
        }

        .hover\:bg-primary\/\[0\.1\]:hover {
            background-color: #ffd9001a
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-primary\/\[0\.1\]:hover {
                background-color: color-mix(in oklab, var(--color-primary)10%, transparent)
            }
        }

        .hover\:bg-purple-500\/20:hover {
            background-color: #ac4bff33
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-purple-500\/20:hover {
                background-color: color-mix(in oklab, var(--color-purple-500)20%, transparent)
            }
        }

        .hover\:bg-purple-500\/25:hover {
            background-color: #ac4bff40
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-purple-500\/25:hover {
                background-color: color-mix(in oklab, var(--color-purple-500)25%, transparent)
            }
        }

        .hover\:bg-red-500\/5:hover {
            background-color: #fb2c360d
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-red-500\/5:hover {
                background-color: color-mix(in oklab, var(--color-red-500)5%, transparent)
            }
        }

        .hover\:bg-red-500\/10:hover {
            background-color: #fb2c361a
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-red-500\/10:hover {
                background-color: color-mix(in oklab, var(--color-red-500)10%, transparent)
            }
        }

        .hover\:bg-red-500\/20:hover {
            background-color: #fb2c3633
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-red-500\/20:hover {
                background-color: color-mix(in oklab, var(--color-red-500)20%, transparent)
            }
        }

        .hover\:bg-red-500\/25:hover {
            background-color: #fb2c3640
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-red-500\/25:hover {
                background-color: color-mix(in oklab, var(--color-red-500)25%, transparent)
            }
        }

        .hover\:bg-red-600:hover {
            background-color: var(--color-red-600)
        }

        .hover\:bg-secondary\/10:hover {
            background-color: #00d6a11a
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-secondary\/10:hover {
                background-color: color-mix(in oklab, var(--color-secondary)10%, transparent)
            }
        }

        .hover\:bg-secondary\/80:hover {
            background-color: #00d6a1cc
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-secondary\/80:hover {
                background-color: color-mix(in oklab, var(--color-secondary)80%, transparent)
            }
        }

        .hover\:bg-secondary\/90:hover {
            background-color: #00d6a1e6
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-secondary\/90:hover {
                background-color: color-mix(in oklab, var(--color-secondary)90%, transparent)
            }
        }

        .hover\:bg-white\/10:hover {
            background-color: #ffffff1a
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-white\/10:hover {
                background-color: color-mix(in oklab, var(--color-white)10%, transparent)
            }
        }

        .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\:bg-white\/20:hover {
            background-color: #fff3
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-white\/20:hover {
                background-color: color-mix(in oklab, var(--color-white)20%, transparent)
            }
        }

        .hover\:bg-white\/25:hover {
            background-color: #ffffff40
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-white\/25:hover {
                background-color: color-mix(in oklab, var(--color-white)25%, transparent)
            }
        }

        .hover\:bg-white\/30:hover {
            background-color: #ffffff4d
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-white\/30:hover {
                background-color: color-mix(in oklab, var(--color-white)30%, transparent)
            }
        }

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

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-white\/50:hover {
                background-color: color-mix(in oklab, var(--color-white)50%, transparent)
            }
        }

        .hover\:bg-white\/90:hover {
            background-color: #ffffffe6
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-white\/90:hover {
                background-color: color-mix(in oklab, var(--color-white)90%, transparent)
            }
        }

        .hover\:bg-white\/\[0\.1\]:hover {
            background-color: #ffffff1a
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-white\/\[0\.1\]:hover {
                background-color: color-mix(in oklab, var(--color-white)10%, transparent)
            }
        }

        .hover\:bg-white\/\[0\.03\]:hover {
            background-color: #ffffff08
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-white\/\[0\.03\]:hover {
                background-color: color-mix(in oklab, var(--color-white)3%, transparent)
            }
        }

        .hover\:bg-white\/\[0\.04\]:hover {
            background-color: #ffffff0a
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-white\/\[0\.04\]:hover {
                background-color: color-mix(in oklab, var(--color-white)4%, transparent)
            }
        }

        .hover\:bg-white\/\[0\.06\]:hover {
            background-color: #ffffff0f
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-white\/\[0\.06\]:hover {
                background-color: color-mix(in oklab, var(--color-white)6%, transparent)
            }
        }

        .hover\:bg-white\/\[0\.07\]:hover {
            background-color: #ffffff12
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-white\/\[0\.07\]:hover {
                background-color: color-mix(in oklab, var(--color-white)7%, transparent)
            }
        }

        .hover\:bg-white\/\[0\.08\]:hover {
            background-color: #ffffff14
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-white\/\[0\.08\]:hover {
                background-color: color-mix(in oklab, var(--color-white)8%, transparent)
            }
        }

        .hover\:bg-white\/\[0\.12\]:hover {
            background-color: #ffffff1f
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-white\/\[0\.12\]:hover {
                background-color: color-mix(in oklab, var(--color-white)12%, transparent)
            }
        }

        .hover\:from-orange-600:hover {
            --tw-gradient-from: var(--color-orange-600);
            --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))
        }

        .hover\:from-primary\/15:hover {
            --tw-gradient-from: #ffd90026
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:from-primary\/15:hover {
                --tw-gradient-from: color-mix(in oklab, var(--color-primary)15%, transparent)
            }
        }

        .hover\:from-primary\/15:hover {
            --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))
        }

        .hover\:to-primary\/10:hover {
            --tw-gradient-to: #ffd9001a
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:to-primary\/10:hover {
                --tw-gradient-to: color-mix(in oklab, var(--color-primary)10%, transparent)
            }
        }

        .hover\:to-primary\/10:hover {
            --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))
        }

        .hover\:to-red-600:hover {
            --tw-gradient-to: var(--color-red-600);
            --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))
        }

        .hover\:text-accent-foreground:hover {
            color: var(--color-accent-foreground)
        }

        .hover\:text-blue-400:hover {
            color: var(--color-blue-400)
        }

        .hover\:text-destructive:hover {
            color: var(--color-destructive)
        }

        .hover\:text-foreground:hover {
            color: var(--color-foreground)
        }

        .hover\:text-foreground-muted\/60:hover {
            color: #9d9daf99
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:text-foreground-muted\/60:hover {
                color: color-mix(in oklab, var(--color-foreground-muted)60%, transparent)
            }
        }

        .hover\:text-foreground-muted\/70:hover {
            color: #9d9dafb3
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:text-foreground-muted\/70:hover {
                color: color-mix(in oklab, var(--color-foreground-muted)70%, transparent)
            }
        }

        .hover\:text-foreground-muted\/80:hover {
            color: #9d9dafcc
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:text-foreground-muted\/80:hover {
                color: color-mix(in oklab, var(--color-foreground-muted)80%, transparent)
            }
        }

        .hover\:text-green-400:hover {
            color: var(--color-green-400)
        }

        .hover\:text-primary:hover {
            color: var(--color-primary)
        }

        .hover\:text-primary\/80:hover {
            color: #ffd900cc
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:text-primary\/80:hover {
                color: color-mix(in oklab, var(--color-primary)80%, transparent)
            }
        }

        .hover\:text-primary\/90:hover {
            color: #ffd900e6
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:text-primary\/90:hover {
                color: color-mix(in oklab, var(--color-primary)90%, transparent)
            }
        }

        .hover\:text-purple-300:hover {
            color: var(--color-purple-300)
        }

        .hover\:text-red-300:hover {
            color: var(--color-red-300)
        }

        .hover\:text-red-400:hover {
            color: var(--color-red-400)
        }

        .hover\:text-white:hover {
            color: var(--color-white)
        }

        .hover\:text-white\/80:hover {
            color: #fffc
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:text-white\/80:hover {
                color: color-mix(in oklab, var(--color-white)80%, transparent)
            }
        }

        .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-2xl:hover {
            --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
            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-\[0_0_8px_rgba\(var\(--primary-rgb\)\,0\.1\)\]:hover {
            --tw-shadow: 0 0 8px var(--tw-shadow-color, rgba(var(--primary-rgb), .1));
            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-\[0_0_10px_rgba\(var\(--primary-rgb\)\,0\.12\)\]:hover {
            --tw-shadow: 0 0 10px var(--tw-shadow-color, rgba(var(--primary-rgb), .12));
            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-\[0_0_12px_rgba\(var\(--primary-rgb\)\,0\.15\)\]:hover {
            --tw-shadow: 0 0 12px var(--tw-shadow-color, rgba(var(--primary-rgb), .15));
            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-lg:hover {
            --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)
        }

        .hover\:shadow-md:hover {
            --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)
        }

        .hover\:shadow-sm:hover {
            --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)
        }

        .hover\:shadow-xl:hover {
            --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)
        }

        .hover\:shadow-amber-500\/30:hover {
            --tw-shadow-color: #f99c004d
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:shadow-amber-500\/30:hover {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500)30%, transparent)var(--tw-shadow-alpha), transparent)
            }
        }

        .hover\:shadow-black\/20:hover {
            --tw-shadow-color: #0003
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:shadow-black\/20:hover {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black)20%, transparent)var(--tw-shadow-alpha), transparent)
            }
        }

        .hover\:shadow-primary\/5:hover {
            --tw-shadow-color: #ffd9000d
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:shadow-primary\/5:hover {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary)5%, transparent)var(--tw-shadow-alpha), transparent)
            }
        }

        .hover\:shadow-primary\/30:hover {
            --tw-shadow-color: #ffd9004d
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:shadow-primary\/30:hover {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary)30%, transparent)var(--tw-shadow-alpha), transparent)
            }
        }

        .hover\:shadow-primary\/60:hover {
            --tw-shadow-color: #ffd90099
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:shadow-primary\/60:hover {
                --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary)60%, transparent)var(--tw-shadow-alpha), transparent)
            }
        }
    }

    .focus\:border-\[var\(--method-color\)\]:focus {
        border-color: var(--method-color)
    }

    .focus\:border-emerald-500:focus {
        border-color: var(--color-emerald-500)
    }

    .focus\:border-primary:focus {
        border-color: var(--color-primary)
    }

    .focus\:border-primary\/30:focus {
        border-color: #ffd9004d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus\:border-primary\/30:focus {
            border-color: color-mix(in oklab, var(--color-primary)30%, transparent)
        }
    }

    .focus\:border-red-500:focus {
        border-color: var(--color-red-500)
    }

    .focus\:border-transparent:focus {
        border-color: #0000
    }

    .focus\:shadow-\[0_0_0_3px_hsl\(51_100\%_50\%\/0\.15\)\]:focus {
        --tw-shadow: 0 0 0 3px var(--tw-shadow-color, #ffd90026);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus\:ring-1:focus {
        --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\:ring-2:focus {
        --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\:ring-destructive:focus {
        --tw-ring-color: var(--color-destructive)
    }

    .focus\:ring-primary:focus {
        --tw-ring-color: var(--color-primary)
    }

    .focus\:ring-primary\/20:focus {
        --tw-ring-color: #ffd90033
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus\:ring-primary\/20:focus {
            --tw-ring-color: color-mix(in oklab, var(--color-primary)20%, transparent)
        }
    }

    .focus\:ring-primary\/40:focus {
        --tw-ring-color: #ffd90066
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus\:ring-primary\/40:focus {
            --tw-ring-color: color-mix(in oklab, var(--color-primary)40%, transparent)
        }
    }

    .focus\:ring-primary\/50:focus {
        --tw-ring-color: #ffd90080
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus\:ring-primary\/50:focus {
            --tw-ring-color: color-mix(in oklab, var(--color-primary)50%, transparent)
        }
    }

    .focus\:ring-ring:focus {
        --tw-ring-color: var(--color-ring)
    }

    .focus\:outline-none:focus {
        --tw-outline-style: none;
        outline-style: none
    }

    .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-primary\/50:focus-visible {
        --tw-ring-color: #ffd90080
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus-visible\:ring-primary\/50:focus-visible {
            --tw-ring-color: color-mix(in oklab, var(--color-primary)50%, transparent)
        }
    }

    .focus-visible\:ring-purple-500\/50:focus-visible {
        --tw-ring-color: #ac4bff80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus-visible\:ring-purple-500\/50:focus-visible {
            --tw-ring-color: color-mix(in oklab, var(--color-purple-500)50%, transparent)
        }
    }

    .focus-visible\:ring-ring:focus-visible {
        --tw-ring-color: var(--color-ring)
    }

    .focus-visible\:ring-white\/30:focus-visible {
        --tw-ring-color: #ffffff4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus-visible\:ring-white\/30:focus-visible {
            --tw-ring-color: color-mix(in oklab, var(--color-white)30%, transparent)
        }
    }

    .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-\[\#0f0f23\]:focus-visible {
        --tw-ring-offset-color: #0f0f23
    }

    .focus-visible\:ring-offset-background:focus-visible {
        --tw-ring-offset-color: var(--color-background)
    }

    .focus-visible\:outline-none:focus-visible {
        --tw-outline-style: none;
        outline-style: none
    }

    .active\:scale-95:active {
        --tw-scale-x: 95%;
        --tw-scale-y: 95%;
        --tw-scale-z: 95%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .active\:scale-\[0\.96\]:active {
        scale: .96
    }

    .active\:scale-\[0\.97\]:active {
        scale: .97
    }

    .active\:scale-\[0\.98\]:active {
        scale: .98
    }

    .active\:scale-\[0\.99\]:active {
        scale: .99
    }

    .active\:bg-card:active {
        background-color: var(--color-card)
    }

    .active\:bg-card-hover:active {
        background-color: var(--color-card-hover)
    }

    .active\:bg-orange-500\/20:active {
        background-color: #fe6e0033
    }

    @supports (color:color-mix(in lab, red, red)) {
        .active\:bg-orange-500\/20:active {
            background-color: color-mix(in oklab, var(--color-orange-500)20%, transparent)
        }
    }

    .active\:bg-primary\/10:active {
        background-color: #ffd9001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .active\:bg-primary\/10:active {
            background-color: color-mix(in oklab, var(--color-primary)10%, transparent)
        }
    }

    .active\:bg-primary\/20:active {
        background-color: #ffd90033
    }

    @supports (color:color-mix(in lab, red, red)) {
        .active\:bg-primary\/20:active {
            background-color: color-mix(in oklab, var(--color-primary)20%, transparent)
        }
    }

    .active\:bg-red-500\/10:active {
        background-color: #fb2c361a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .active\:bg-red-500\/10:active {
            background-color: color-mix(in oklab, var(--color-red-500)10%, transparent)
        }
    }

    .active\:bg-secondary\/20:active {
        background-color: #00d6a133
    }

    @supports (color:color-mix(in lab, red, red)) {
        .active\:bg-secondary\/20:active {
            background-color: color-mix(in oklab, var(--color-secondary)20%, transparent)
        }
    }

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

    @supports (color:color-mix(in lab, red, red)) {
        .active\:bg-white\/20:active {
            background-color: color-mix(in oklab, var(--color-white)20%, transparent)
        }
    }

    .active\:bg-white\/\[0\.1\]:active {
        background-color: #ffffff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .active\:bg-white\/\[0\.1\]:active {
            background-color: color-mix(in oklab, var(--color-white)10%, transparent)
        }
    }

    .active\:bg-white\/\[0\.12\]:active {
        background-color: #ffffff1f
    }

    @supports (color:color-mix(in lab, red, red)) {
        .active\:bg-white\/\[0\.12\]:active {
            background-color: color-mix(in oklab, var(--color-white)12%, transparent)
        }
    }

    .active\:bg-white\/\[0\.15\]:active {
        background-color: #ffffff26
    }

    @supports (color:color-mix(in lab, red, red)) {
        .active\:bg-white\/\[0\.15\]:active {
            background-color: color-mix(in oklab, var(--color-white)15%, transparent)
        }
    }

    .active\:text-white:active {
        color: var(--color-white)
    }

    .active\:opacity-80:active {
        opacity: .8
    }

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

    .disabled\:cursor-not-allowed:disabled {
        cursor: not-allowed
    }

    .disabled\:opacity-25:disabled {
        opacity: .25
    }

    .disabled\:opacity-30:disabled {
        opacity: .3
    }

    .disabled\:opacity-40:disabled {
        opacity: .4
    }

    .disabled\:opacity-50:disabled {
        opacity: .5
    }

    @media(min-width:360px) {
        .min-\[360px\]\:hidden {
            display: none
        }

        .min-\[360px\]\:inline {
            display: inline
        }

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

    @media(min-width:375px) {
        .min-\[375px\]\:h-\[200px\] {
            height: 200px
        }

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

    @media(min-width:400px) {
        .min-\[400px\]\:w-\[160px\] {
            width: 160px
        }

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

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

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

        .min-\[400px\]\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }
    }

    @media(min-width:414px) {
        .min-\[414px\]\:w-\[140px\] {
            width: 140px
        }

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

        .min-\[414px\]\:gap-3 {
            gap: calc(var(--spacing)*3)
        }
    }

    @media(min-width:480px) {
        .min-\[480px\]\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .min-\[480px\]\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }
    }

    @media(min-width:40rem) {
        .sm\:inset-auto {
            inset: auto
        }

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

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

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

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

        .sm\:bottom-3 {
            bottom: calc(var(--spacing)*3)
        }

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

        .sm\:bottom-6 {
            bottom: calc(var(--spacing)*6)
        }

        .sm\:bottom-24 {
            bottom: calc(var(--spacing)*24)
        }

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

        .sm\:left-auto {
            left: auto
        }

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

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

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

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

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

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

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

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

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

        .sm\:mt-12 {
            margin-top: calc(var(--spacing)*12)
        }

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

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

        .sm\:mb-2\.5 {
            margin-bottom: calc(var(--spacing)*2.5)
        }

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

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

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

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

        .sm\:block {
            display: block
        }

        .sm\:flex {
            display: flex
        }

        .sm\:hidden {
            display: none
        }

        .sm\:inline {
            display: inline
        }

        .sm\:aspect-\[2\.8\/1\] {
            aspect-ratio: 2.8
        }

        .sm\:aspect-\[21\/8\] {
            aspect-ratio: 21/8
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .sm\:h-36 {
            height: calc(var(--spacing)*36)
        }

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

        .sm\:h-48 {
            height: calc(var(--spacing)*48)
        }

        .sm\:h-\[4\.5rem\] {
            height: 4.5rem
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .sm\:w-14 {
            width: calc(var(--spacing)*14)
        }

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

        .sm\:w-18 {
            width: calc(var(--spacing)*18)
        }

        .sm\:w-20 {
            width: calc(var(--spacing)*20)
        }

        .sm\:w-32 {
            width: calc(var(--spacing)*32)
        }

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

        .sm\:w-40 {
            width: calc(var(--spacing)*40)
        }

        .sm\:w-48 {
            width: calc(var(--spacing)*48)
        }

        .sm\:w-\[15px\] {
            width: 15px
        }

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

        .sm\:w-\[72px\] {
            width: 72px
        }

        .sm\:w-\[80px\] {
            width: 80px
        }

        .sm\:w-\[160px\] {
            width: 160px
        }

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

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

        .sm\:w-auto {
            width: auto
        }

        .sm\:max-w-\[55\%\] {
            max-width: 55%
        }

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

        .sm\:max-w-sm {
            max-width: var(--container-sm)
        }

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

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

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

        .sm\:translate-x-\[22px\] {
            --tw-translate-x: 22px;
            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-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }

        .sm\:flex-row {
            flex-direction: row
        }

        .sm\:items-center {
            align-items: center
        }

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

        .sm\:gap-2 {
            gap: calc(var(--spacing)*2)
        }

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

        .sm\:gap-3 {
            gap: calc(var(--spacing)*3)
        }

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

        .sm\:gap-4 {
            gap: calc(var(--spacing)*4)
        }

        .sm\:gap-5 {
            gap: calc(var(--spacing)*5)
        }

        .sm\:gap-8 {
            gap: calc(var(--spacing)*8)
        }

        :where(.sm\: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(.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)))
        }

        :where(.sm\:space-y-2\.5>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing)*2.5)*var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing)*2.5)*calc(1 - var(--tw-space-y-reverse)))
        }

        :where(.sm\: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(.sm\: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(.sm\: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(.sm\: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)))
        }

        .sm\:rounded-2xl {
            border-radius: var(--radius-2xl)
        }

        .sm\:rounded-3xl {
            border-radius: var(--radius-3xl)
        }

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

        .sm\:rounded-xl {
            border-radius: var(--radius-xl)
        }

        .sm\:p-2 {
            padding: calc(var(--spacing)*2)
        }

        .sm\:p-2\.5 {
            padding: calc(var(--spacing)*2.5)
        }

        .sm\:p-3 {
            padding: calc(var(--spacing)*3)
        }

        .sm\:p-3\.5 {
            padding: calc(var(--spacing)*3.5)
        }

        .sm\:p-4 {
            padding: calc(var(--spacing)*4)
        }

        .sm\:p-5 {
            padding: calc(var(--spacing)*5)
        }

        .sm\:p-6 {
            padding: calc(var(--spacing)*6)
        }

        .sm\:p-10 {
            padding: calc(var(--spacing)*10)
        }

        .sm\:px-1\.5 {
            padding-inline: calc(var(--spacing)*1.5)
        }

        .sm\:px-2 {
            padding-inline: calc(var(--spacing)*2)
        }

        .sm\:px-2\.5 {
            padding-inline: calc(var(--spacing)*2.5)
        }

        .sm\:px-3 {
            padding-inline: calc(var(--spacing)*3)
        }

        .sm\:px-3\.5 {
            padding-inline: calc(var(--spacing)*3.5)
        }

        .sm\:px-4 {
            padding-inline: calc(var(--spacing)*4)
        }

        .sm\:px-5 {
            padding-inline: calc(var(--spacing)*5)
        }

        .sm\:px-6 {
            padding-inline: calc(var(--spacing)*6)
        }

        .sm\:px-8 {
            padding-inline: calc(var(--spacing)*8)
        }

        .sm\:px-10 {
            padding-inline: calc(var(--spacing)*10)
        }

        .sm\:py-1\.5 {
            padding-block: calc(var(--spacing)*1.5)
        }

        .sm\:py-2 {
            padding-block: calc(var(--spacing)*2)
        }

        .sm\:py-2\.5 {
            padding-block: calc(var(--spacing)*2.5)
        }

        .sm\:py-3 {
            padding-block: calc(var(--spacing)*3)
        }

        .sm\:py-3\.5 {
            padding-block: calc(var(--spacing)*3.5)
        }

        .sm\:py-4 {
            padding-block: calc(var(--spacing)*4)
        }

        .sm\:py-5 {
            padding-block: calc(var(--spacing)*5)
        }

        .sm\:py-6 {
            padding-block: calc(var(--spacing)*6)
        }

        .sm\:py-12 {
            padding-block: calc(var(--spacing)*12)
        }

        .sm\:py-14 {
            padding-block: calc(var(--spacing)*14)
        }

        .sm\:py-16 {
            padding-block: calc(var(--spacing)*16)
        }

        .sm\:py-20 {
            padding-block: calc(var(--spacing)*20)
        }

        .sm\:pt-4 {
            padding-top: calc(var(--spacing)*4)
        }

        .sm\:pt-5 {
            padding-top: calc(var(--spacing)*5)
        }

        .sm\:pt-6 {
            padding-top: calc(var(--spacing)*6)
        }

        .sm\:pr-2 {
            padding-right: calc(var(--spacing)*2)
        }

        .sm\:pr-\[44\%\] {
            padding-right: 44%
        }

        .sm\:pr-\[48\%\] {
            padding-right: 48%
        }

        .sm\:pb-4 {
            padding-bottom: calc(var(--spacing)*4)
        }

        .sm\:pb-6 {
            padding-bottom: calc(var(--spacing)*6)
        }

        .sm\:pb-8 {
            padding-bottom: calc(var(--spacing)*8)
        }

        .sm\:pb-10 {
            padding-bottom: calc(var(--spacing)*10)
        }

        .sm\:pb-12 {
            padding-bottom: calc(var(--spacing)*12)
        }

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

        .sm\:text-left {
            text-align: left
        }

        .sm\:text-2xl {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height))
        }

        .sm\:text-3xl {
            font-size: var(--text-3xl);
            line-height: var(--tw-leading, var(--text-3xl--line-height))
        }

        .sm\:text-base {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height))
        }

        .sm\:text-lg {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height))
        }

        .sm\:text-sm {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height))
        }

        .sm\:text-xl {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height))
        }

        .sm\:text-xs {
            font-size: var(--text-xs);
            line-height: var(--tw-leading, var(--text-xs--line-height))
        }

        .sm\:text-\[8px\] {
            font-size: 8px
        }

        .sm\:text-\[9px\] {
            font-size: 9px
        }

        .sm\:text-\[10px\] {
            font-size: 10px
        }

        .sm\:text-\[11px\] {
            font-size: 11px
        }

        .sm\:text-\[15px\] {
            font-size: 15px
        }
    }

    @media(min-width:48rem) {
        .md\:bottom-3 {
            bottom: calc(var(--spacing)*3)
        }

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

        .md\:block {
            display: block
        }

        .md\:flex {
            display: flex
        }

        .md\:hidden {
            display: none
        }

        .md\:inline {
            display: inline
        }

        .md\:aspect-\[3\.2\/1\] {
            aspect-ratio: 3.2
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .md\:w-\[200px\] {
            width: 200px
        }

        .md\:w-auto {
            width: auto
        }

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

        .md\:max-w-\[50\%\] {
            max-width: 50%
        }

        .md\:max-w-xs {
            max-width: var(--container-xs)
        }

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

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

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

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

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

        .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\:p-6 {
            padding: calc(var(--spacing)*6)
        }

        .md\:px-2\.5 {
            padding-inline: calc(var(--spacing)*2.5)
        }

        .md\:px-3 {
            padding-inline: calc(var(--spacing)*3)
        }

        .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-14 {
            padding-inline: calc(var(--spacing)*14)
        }

        .md\:pt-5 {
            padding-top: calc(var(--spacing)*5)
        }

        .md\:pr-2\.5 {
            padding-right: calc(var(--spacing)*2.5)
        }

        .md\:pr-\[46\%\] {
            padding-right: 46%
        }

        .md\:pb-5 {
            padding-bottom: calc(var(--spacing)*5)
        }

        .md\:pb-10 {
            padding-bottom: calc(var(--spacing)*10)
        }

        .md\:pl-3 {
            padding-left: calc(var(--spacing)*3)
        }

        .md\:text-2xl {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height))
        }

        .md\:text-3xl {
            font-size: var(--text-3xl);
            line-height: var(--tw-leading, var(--text-3xl--line-height))
        }

        .md\:text-4xl {
            font-size: var(--text-4xl);
            line-height: var(--tw-leading, var(--text-4xl--line-height))
        }

        .md\:text-base {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height))
        }

        .md\:text-lg {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height))
        }

        .md\:text-sm {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height))
        }

        .md\:text-xl {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height))
        }

        .md\:text-xs {
            font-size: var(--text-xs);
            line-height: var(--tw-leading, var(--text-xs--line-height))
        }

        .md\:text-\[9px\] {
            font-size: 9px
        }

        .md\:text-\[11px\] {
            font-size: 11px
        }
    }

    @media(min-width:64rem) {
        .lg\:absolute {
            position: absolute
        }

        .lg\:sticky {
            position: sticky
        }

        .lg\:inset-auto {
            inset: auto
        }

        .lg\:top-20 {
            top: calc(var(--spacing)*20)
        }

        .lg\:top-full {
            top: 100%
        }

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

        .lg\:bottom-8 {
            bottom: calc(var(--spacing)*8)
        }

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

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

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

        .lg\:mx-auto {
            margin-inline: auto
        }

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

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

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

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

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

        .lg\:mb-8 {
            margin-bottom: calc(var(--spacing)*8)
        }

        .lg\:block {
            display: block
        }

        .lg\:flex {
            display: flex
        }

        .lg\:grid {
            display: grid
        }

        .lg\:hidden {
            display: none
        }

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

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

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

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

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

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

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

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

        .lg\:h-20 {
            height: calc(var(--spacing)*20)
        }

        .lg\:h-36 {
            height: calc(var(--spacing)*36)
        }

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

        .lg\:h-48 {
            height: calc(var(--spacing)*48)
        }

        .lg\:h-56 {
            height: calc(var(--spacing)*56)
        }

        .lg\:h-\[4\.5rem\] {
            height: 4.5rem
        }

        .lg\:h-\[280px\] {
            height: 280px
        }

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

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

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

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

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

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

        .lg\:w-14 {
            width: calc(var(--spacing)*14)
        }

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

        .lg\:w-20 {
            width: calc(var(--spacing)*20)
        }

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

        .lg\:w-40 {
            width: calc(var(--spacing)*40)
        }

        .lg\:w-48 {
            width: calc(var(--spacing)*48)
        }

        .lg\:w-52 {
            width: calc(var(--spacing)*52)
        }

        .lg\:w-56 {
            width: calc(var(--spacing)*56)
        }

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

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

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

        .lg\:w-auto {
            width: auto
        }

        .lg\:max-w-3xl {
            max-width: var(--container-3xl)
        }

        .lg\:max-w-4xl {
            max-width: var(--container-4xl)
        }

        .lg\:max-w-5xl {
            max-width: var(--container-5xl)
        }

        .lg\:max-w-\[60\%\] {
            max-width: 60%
        }

        .lg\:max-w-lg {
            max-width: var(--container-lg)
        }

        .lg\:max-w-md {
            max-width: var(--container-md)
        }

        .lg\:max-w-sm {
            max-width: var(--container-sm)
        }

        .lg\:max-w-xl {
            max-width: var(--container-xl)
        }

        .lg\:max-w-xs {
            max-width: var(--container-xs)
        }

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

        .lg\:flex-1 {
            flex: 1
        }

        .lg\:flex-\[2\.5\] {
            flex: 2.5
        }

        .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-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr))
        }

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

        .lg\:flex-col {
            flex-direction: column
        }

        .lg\:flex-row {
            flex-direction: row
        }

        .lg\:items-center {
            align-items: center
        }

        .lg\:justify-center {
            justify-content: center
        }

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

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

        .lg\:gap-3 {
            gap: calc(var(--spacing)*3)
        }

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

        .lg\:gap-4 {
            gap: calc(var(--spacing)*4)
        }

        .lg\:gap-6 {
            gap: calc(var(--spacing)*6)
        }

        .lg\:gap-10 {
            gap: calc(var(--spacing)*10)
        }

        :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-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(.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\:rounded-2xl {
            border-radius: var(--radius-2xl)
        }

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

        .lg\:border {
            border-style: var(--tw-border-style);
            border-width: 1px
        }

        .lg\:border-x {
            border-inline-style: var(--tw-border-style);
            border-inline-width: 1px
        }

        .lg\:border-border {
            border-color: var(--color-border)
        }

        .lg\:p-4 {
            padding: calc(var(--spacing)*4)
        }

        .lg\:p-5 {
            padding: calc(var(--spacing)*5)
        }

        .lg\:p-8 {
            padding: calc(var(--spacing)*8)
        }

        .lg\:p-10 {
            padding: calc(var(--spacing)*10)
        }

        .lg\:px-4 {
            padding-inline: calc(var(--spacing)*4)
        }

        .lg\:px-5 {
            padding-inline: calc(var(--spacing)*5)
        }

        .lg\:px-6 {
            padding-inline: calc(var(--spacing)*6)
        }

        .lg\:px-8 {
            padding-inline: calc(var(--spacing)*8)
        }

        .lg\:px-12 {
            padding-inline: calc(var(--spacing)*12)
        }

        .lg\:py-2\.5 {
            padding-block: calc(var(--spacing)*2.5)
        }

        .lg\:py-3 {
            padding-block: calc(var(--spacing)*3)
        }

        .lg\:py-3\.5 {
            padding-block: calc(var(--spacing)*3.5)
        }

        .lg\:py-4 {
            padding-block: calc(var(--spacing)*4)
        }

        .lg\:py-5 {
            padding-block: calc(var(--spacing)*5)
        }

        .lg\:py-6 {
            padding-block: calc(var(--spacing)*6)
        }

        .lg\:py-8 {
            padding-block: calc(var(--spacing)*8)
        }

        .lg\:py-12 {
            padding-block: calc(var(--spacing)*12)
        }

        .lg\:py-16 {
            padding-block: calc(var(--spacing)*16)
        }

        .lg\:pt-6 {
            padding-top: calc(var(--spacing)*6)
        }

        .lg\:pr-\[48\%\] {
            padding-right: 48%
        }

        .lg\:pr-\[50\%\] {
            padding-right: 50%
        }

        .lg\:pb-5 {
            padding-bottom: calc(var(--spacing)*5)
        }

        .lg\:pb-6 {
            padding-bottom: calc(var(--spacing)*6)
        }

        .lg\:pl-8 {
            padding-left: calc(var(--spacing)*8)
        }

        .lg\:pl-\[72px\] {
            padding-left: 72px
        }

        .lg\:text-left {
            text-align: left
        }

        .lg\:text-2xl {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height))
        }

        .lg\:text-4xl {
            font-size: var(--text-4xl);
            line-height: var(--tw-leading, var(--text-4xl--line-height))
        }

        .lg\:text-5xl {
            font-size: var(--text-5xl);
            line-height: var(--tw-leading, var(--text-5xl--line-height))
        }

        .lg\:text-base {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height))
        }

        .lg\:text-lg {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height))
        }

        .lg\:text-sm {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height))
        }

        .lg\:text-xl {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height))
        }

        .lg\:text-xs {
            font-size: var(--text-xs);
            line-height: var(--tw-leading, var(--text-xs--line-height))
        }

        .lg\:text-\[1\.75rem\] {
            font-size: 1.75rem
        }

        .lg\:text-\[10px\] {
            font-size: 10px
        }

        .lg\:text-\[15px\] {
            font-size: 15px
        }

        .lg\: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)
        }
    }

    @media(min-width:80rem) {
        .xl\:right-2 {
            right: calc(var(--spacing)*2)
        }

        .xl\:h-\[320px\] {
            height: 320px
        }

        .xl\:w-56 {
            width: calc(var(--spacing)*56)
        }

        .xl\:w-\[540px\] {
            width: 540px
        }

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

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

        .xl\:px-8 {
            padding-inline: calc(var(--spacing)*8)
        }

        .xl\:px-16 {
            padding-inline: calc(var(--spacing)*16)
        }

        .xl\:pl-10 {
            padding-left: calc(var(--spacing)*10)
        }

        .xl\:text-3xl {
            font-size: var(--text-3xl);
            line-height: var(--tw-leading, var(--text-3xl--line-height))
        }
    }

    @media(min-width:96rem) {
        .\32xl\:w-\[600px\] {
            width: 600px
        }

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

        .\32xl\:pl-12 {
            padding-left: calc(var(--spacing)*12)
        }

        .\32xl\:text-\[1\.75rem\] {
            font-size: 1.75rem
        }
    }

    @media(prefers-color-scheme:dark) {
        .dark\:text-amber-400 {
            color: var(--color-amber-400)
        }

        .dark\:text-amber-400\/80 {
            color: #fcbb00cc
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:text-amber-400\/80 {
                color: color-mix(in oklab, var(--color-amber-400)80%, transparent)
            }
        }
    }

    .\[\&\:\:-webkit-slider-thumb\]\:h-6::-webkit-slider-thumb {
        height: calc(var(--spacing)*6)
    }

    .\[\&\:\:-webkit-slider-thumb\]\:w-6::-webkit-slider-thumb {
        width: calc(var(--spacing)*6)
    }

    .\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb {
        appearance: none
    }

    .\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb {
        border-radius: 3.40282e38px
    }

    .\[\&\:\:-webkit-slider-thumb\]\:bg-white::-webkit-slider-thumb {
        background-color: var(--color-white)
    }
}

* {
    border-color: var(--color-border)
}

html {
    touch-action: manipulation
}

body {
    background-color: var(--color-background);
    color: var(--color-foreground);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    overscroll-behavior-x: none;
    overscroll-behavior-y: auto;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: clamp(.9375rem, 2vw + .8rem, 1rem);
    line-height: 1.5
}

.page-responsive {
    width: 100%;
    max-width: var(--container-2xl);
    padding-left: var(--page-px);
    padding-right: var(--page-px);
    margin-left: auto;
    margin-right: auto
}

@media(min-width:640px) {
    :root {
        --page-px: 1rem
    }
}

@media(min-width:768px) {
    :root {
        --page-px: 1.25rem
    }
}

@media(min-width:1024px) {
    :root {
        --page-px: 1.5rem
    }
}

@media(min-width:1280px) {
    :root {
        --page-px: 2rem
    }
}

input,
select,
textarea {
    font-size: 16px !important
}

::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

::-webkit-scrollbar-track {
    background: 0 0
}

::-webkit-scrollbar-thumb {
    background: #3a3a4e;
    border-radius: 2px
}

@media(max-width:768px) {
    ::-webkit-scrollbar {
        display: none
    }

    body {
        -ms-overflow-style: none;
        scrollbar-width: none
    }
}

.btn-touch {
    min-height: var(--spacing-touch);
    border-radius: var(--radius);
    justify-content: center;
    align-items: center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-weight: 500;
    transition: all .15s;
    display: flex
}

.btn-touch:active {
    transform: scale(.98)
}

.btn-primary {
    background-color: var(--color-primary);
    color: var(--color-primary-foreground)
}

.btn-primary:hover {
    opacity: .9
}

.btn-secondary {
    background-color: var(--color-secondary);
    color: var(--color-secondary-foreground)
}

.btn-ghost {
    color: var(--color-foreground);
    background-color: #0000
}

.btn-ghost:hover {
    background-color: var(--color-accent)
}

.card {
    background-color: var(--color-card);
    border-radius: var(--radius);
    border: 1px solid var(--color-border);
    padding: 1rem
}

.input-base {
    width: 100%;
    min-height: var(--spacing-touch);
    background-color: var(--color-input);
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    color: var(--color-foreground);
    padding: 0 1rem
}

.input-base::placeholder {
    color: var(--color-muted-foreground)
}

.input-base:focus {
    box-shadow: 0 0 0 2px var(--color-ring);
    border-color: #0000;
    outline: none
}

.bottom-nav {
    background-color: var(--color-background-secondary);
    border-top: 1px solid var(--color-border);
    z-index: 50;
    height: 4rem;
    padding-bottom: env(safe-area-inset-bottom, 0);
    justify-content: space-around;
    align-items: center;
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0
}

.bottom-nav-item {
    min-width: 60px;
    color: var(--color-foreground-muted);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .25rem;
    padding: .5rem;
    transition: color .15s;
    display: flex
}

.bottom-nav-item.active {
    color: var(--color-primary)
}

.safe-top {
    padding-top: env(safe-area-inset-top, 0)
}

.safe-bottom {
    padding-bottom: env(safe-area-inset-bottom, 0)
}

.page-container {
    min-height: 100vh;
    padding-bottom: calc(3.5rem + env(safe-area-inset-bottom, 0px))
}

@media(min-width:640px)and (max-width:1023px) {
    .page-container {
        padding-bottom: calc(4rem + env(safe-area-inset-bottom, 0px))
    }
}

@media(min-width:1024px) {
    .page-container {
        padding-bottom: 1.5rem
    }
}

.pt-header-safe {
    padding-top: calc(3.5rem + env(safe-area-inset-top, 0px))
}

@media(min-width:640px) {
    .pt-header-safe {
        padding-top: calc(4rem + env(safe-area-inset-top, 0px))
    }
}

@media(min-width:1024px) {
    .pt-header-safe {
        padding-top: calc(4.5rem + env(safe-area-inset-top, 0px))
    }
}

@media(max-width:1023px) {
    .pb-content-safe {
        padding-bottom: calc(4.25rem + env(safe-area-inset-bottom, 0px))
    }
}

@media(min-width:640px)and (max-width:1023px) {
    .pb-content-safe {
        padding-bottom: calc(4.5rem + env(safe-area-inset-bottom, 0px))
    }
}

.sticky-below-header {
    top: calc(3.5rem + env(safe-area-inset-top, 0px))
}

@media(min-width:640px) {
    .sticky-below-header {
        top: calc(4rem + env(safe-area-inset-top, 0px))
    }
}

@media(min-width:1024px) {
    .sticky-below-header {
        top: 4.5rem
    }
}

@media(max-width:639px) {
    .bottom-chat-fab {
        bottom: calc(4.25rem + env(safe-area-inset-bottom, 0px))
    }
}

@media(min-width:640px)and (max-width:1023px) {
    .bottom-chat-fab {
        bottom: calc(4.5rem + env(safe-area-inset-bottom, 0px))
    }
}

@media(min-width:640px) {
    .chat-panel-positioned {
        height: min(75vh, 600px) !important;
        bottom: 1.5rem !important
    }
}

.game-card {
    border-radius: var(--radius);
    aspect-ratio: 4/5;
    background-color: var(--color-card);
    border: 1px solid var(--color-border);
    transition: transform .15s;
    position: relative;
    overflow: hidden
}

.game-card:active {
    transform: scale(.98)
}

.game-card-wrapper {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    animation: .4s ease-out both card-fade-in;
    display: block
}

.game-card-container {
    backface-visibility: hidden;
    transform: translateZ(0)
}

.skeleton-shimmer {
    background: linear-gradient(90deg, #0000, #ffffff0d 20%, #ffffff1a, #ffffff0d 80%, #0000) 0 0/200% 100%;
    animation: 1.5s ease-in-out infinite skeleton-shimmer
}

@keyframes skeleton-shimmer {
    0% {
        background-position: 200% 0
    }

    to {
        background-position: -200% 0
    }
}

@keyframes card-fade-in {
    0% {
        opacity: 0;
        transform: translateY(8px)scale(.98)
    }

    to {
        opacity: 1;
        transform: translateY(0)scale(1)
    }
}

@keyframes pulse-glow {

    0%,
    to {
        box-shadow: 0 1px 4px #0000004d
    }

    50% {
        box-shadow: 0 1px 6px #f9731666, 0 1px 4px #0000004d
    }
}

.game-badge {
    letter-spacing: .05em;
    white-space: nowrap;
    font-family: inherit;
    line-height: 1
}

.game-badge-hot {
    animation: 2s ease-in-out infinite pulse-glow
}

@media(hover:hover) {
    .game-card-wrapper:hover .game-card-container {
        box-shadow: 0 4px 16px #00000080, 0 0 12px #ffd70014
    }
}

@media(hover:none) {
    .game-card-wrapper:active .game-card-container {
        transform: scale(.98)
    }
}

.game-scroll-container,
.game-scroll-row {
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    overscroll-behavior-y: auto;
    padding-bottom: .25rem;
    display: flex;
    overflow: auto hidden
}

.game-scroll-container::-webkit-scrollbar {
    display: none
}

.game-scroll-row::-webkit-scrollbar {
    display: none
}

.game-scroll-item {
    scroll-snap-align: start;
    flex-shrink: 0
}

.game-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: .625rem;
    display: grid
}

@media(min-width:400px) {
    .game-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: .75rem
    }
}

@media(min-width:640px) {
    .game-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: .75rem
    }
}

@media(min-width:768px) {
    .game-grid {
        grid-template-columns: repeat(5, 1fr);
        gap: .875rem
    }
}

@media(min-width:1024px) {
    .game-grid {
        grid-template-columns: repeat(6, 1fr);
        gap: 1rem
    }
}

@media(min-width:1280px) {
    .game-grid {
        grid-template-columns: repeat(7, 1fr)
    }
}

@media(min-width:1536px) {
    .game-grid {
        grid-template-columns: repeat(9, 1fr)
    }
}

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

    .game-card-wrapper,
    .game-card-container,
    .skeleton-shimmer,
    .game-badge-hot,
    .filter-pill {
        transition: none;
        animation: none
    }
}

.filter-pill {
    animation: .3s ease-out both filter-pill-in
}

@keyframes filter-pill-in {
    0% {
        opacity: 0;
        transform: translate(-8px)scale(.95)
    }

    to {
        opacity: 1;
        transform: translate(0)scale(1)
    }
}

@media(hover:hover) {
    .filter-pill:hover {
        box-shadow: 0 0 20px #ffffff0d
    }
}

.filter-pill-active {
    animation: 2s ease-in-out infinite filter-pulse
}

@keyframes filter-pulse {

    0%,
    to {
        box-shadow: 0 0 rgba(var(--primary-rgb), .4)
    }

    50% {
        box-shadow: 0 0 0 4px rgba(var(--primary-rgb), 0)
    }
}

@keyframes search-glow {

    0%,
    to {
        opacity: .5
    }

    50% {
        opacity: 1
    }
}

.filter-scroll {
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none
}

.filter-scroll::-webkit-scrollbar {
    display: none
}

.balance-display {
    color: var(--color-primary);
    letter-spacing: -.025em;
    font-size: 1.5rem;
    font-weight: 700
}

.skeleton {
    background-color: var(--color-muted);
    border-radius: .25rem;
    animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

.no-scrollbar::-webkit-scrollbar {
    display: none
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.touch-scroll {
    -webkit-overflow-scrolling: touch
}

.glass {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background-color: #0a0a0fcc
}

.gradient-primary {
    background: linear-gradient(135deg, gold, #ffb300)
}

.gradient-secondary {
    background: linear-gradient(135deg, #00d4aa, #00a388)
}

.gradient-dark {
    background: linear-gradient(#1a1a2e, #0f0f1a)
}

.scrollbar-hide::-webkit-scrollbar {
    display: none
}

.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.pb-safe {
    padding-bottom: env(safe-area-inset-bottom, 16px)
}

@keyframes slide-up {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes slide-down {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(100%)
    }
}

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

    to {
        opacity: 1
    }
}

.animate-slide-up {
    animation: .3s cubic-bezier(.32, .72, 0, 1) slide-up
}

.animate-slide-down {
    animation: .2s ease-out forwards slide-down
}

.animate-fade-in {
    animation: .2s ease-out fade-in
}

@supports (padding:env(safe-area-inset-top)) {
    .game-launcher-container {
        padding-left: env(safe-area-inset-left);
        padding-right: env(safe-area-inset-right)
    }
}

.game-launcher-container {
    touch-action: manipulation;
    -webkit-overflow-scrolling: touch;
    contain: layout style;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.game-launcher-container iframe,
.game-iframe-area iframe {
    will-change: opacity;
    border: none;
    width: 100%;
    height: 100%;
    display: block
}

.game-control-btn {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    min-width: 44px;
    min-height: 44px;
    transition: background-color .15s, transform .1s;
    display: flex
}

.game-control-btn:active {
    transform: scale(.92)
}

.game-controls {
    transition: opacity .3s, visibility .3s
}

.game-controls.hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

@media screen and (orientation:landscape)and (max-height:500px) {
    .game-launcher-container .game-controls {
        padding: 4px 8px
    }

    .game-control-btn {
        min-width: 36px;
        min-height: 36px
    }

    .game-launcher-container .shrink-0 {
        padding-top: 2px;
        padding-bottom: 2px
    }
}

.mobile-launcher-loading-bg {
    background: radial-gradient(ellipse 80% 50% at 50% 40%, rgba(var(--primary-rgb, 255, 215, 0), .08)0%, transparent 50%), var(--color-background)
}

.game-iframe-area {
    contain: strict;
    isolation: isolate;
    position: relative;
    overflow: hidden
}

.game-loader {
    z-index: 10;
    background-color: #000000e6;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0
}

.game-loader-spinner {
    border: 3px solid #ffd70033;
    border-top-color: gold;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    animation: 1s linear infinite spin
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

@keyframes shimmer {
    0% {
        transform: translate(-100%)skew(-12deg)
    }

    to {
        transform: translate(200%)skew(-12deg)
    }
}

.animate-shimmer {
    animation: 2s infinite shimmer
}

@keyframes scroll-x {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-50%)
    }
}

.animate-scroll-x {
    animation: 15s linear infinite scroll-x
}

.animate-scroll-x:hover {
    animation-play-state: paused
}

@media(min-width:1024px) {
    .game-container-desktop {
        aspect-ratio: 16/9;
        max-width: 1600px;
        margin: 0 auto
    }

    .game-launcher-container.fullscreen {
        z-index: 9999;
        position: fixed;
        inset: 0
    }
}

.network-indicator {
    border-radius: 9999px;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    font-size: 12px;
    display: flex
}

.network-indicator.online {
    color: #22c55e;
    background-color: #22c55e33
}

.network-indicator.offline {
    color: #ef4444;
    background-color: #ef444433
}

@keyframes dotPulse {

    0%,
    80%,
    to {
        opacity: .25;
        transform: scale(.8)
    }

    40% {
        opacity: 1;
        transform: scale(1.1)
    }
}

@keyframes progressFill {
    0% {
        width: 0%
    }

    30% {
        width: 40%
    }

    60% {
        width: 70%
    }

    to {
        width: 95%
    }
}

@keyframes loaderFadeIn {
    0% {
        opacity: 0;
        transform: scale(.9)translateY(8px)
    }

    to {
        opacity: 1;
        transform: scale(1)translateY(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-scroll-snap-strictness {
    syntax: "*";
    inherits: false;
    initial-value: proximity
}

@property --tw-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-divide-x-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-divide-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

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

@keyframes ping {

    75%,
    to {
        opacity: 0;
        transform: scale(2)
    }
}

@keyframes bounce {

    0%,
    to {
        animation-timing-function: cubic-bezier(.8, 0, 1, 1);
        transform: translateY(-25%)
    }

    50% {
        animation-timing-function: cubic-bezier(0, 0, .2, 1);
        transform: none
    }
}