@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-pan-x: initial;
            --tw-pan-y: initial;
            --tw-pinch-zoom: initial;
            --tw-scroll-snap-strictness: proximity;
            --tw-space-y-reverse: 0;
            --tw-space-x-reverse: 0;
            --tw-divide-y-reverse: 0;
            --tw-border-style: solid;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --tw-ordinal: initial;
            --tw-slashed-zero: initial;
            --tw-numeric-figure: initial;
            --tw-numeric-spacing: initial;
            --tw-numeric-fraction: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-outline-style: solid;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-duration: initial;
            --tw-ease: initial;
            --tw-content: "";
        }
    }
}
@layer theme {
    :root,
    :host {
        --font-sans:
            "Inter Tight", ui-sans-serif, system-ui, sans-serif,
            "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
            "Noto Color Emoji";
        --color-red-50: oklch(97.1% 0.013 17.38);
        --color-red-100: oklch(93.6% 0.032 17.717);
        --color-red-200: oklch(88.5% 0.062 18.334);
        --color-red-300: oklch(80.8% 0.114 19.571);
        --color-red-400: oklch(70.4% 0.191 22.216);
        --color-red-500: oklch(63.7% 0.237 25.331);
        --color-red-600: oklch(57.7% 0.245 27.325);
        --color-red-700: oklch(50.5% 0.213 27.518);
        --color-red-800: oklch(44.4% 0.177 26.899);
        --color-red-950: oklch(25.8% 0.092 26.042);
        --color-orange-400: oklch(75% 0.183 55.934);
        --color-amber-200: oklch(92.4% 0.12 95.746);
        --color-amber-400: oklch(82.8% 0.189 84.429);
        --color-amber-500: oklch(76.9% 0.188 70.08);
        --color-yellow-100: oklch(97.3% 0.071 103.193);
        --color-yellow-200: oklch(94.5% 0.129 101.54);
        --color-yellow-300: oklch(90.5% 0.182 98.111);
        --color-yellow-400: oklch(85.2% 0.199 91.936);
        --color-yellow-500: oklch(79.5% 0.184 86.047);
        --color-yellow-600: oklch(68.1% 0.162 75.834);
        --color-yellow-700: oklch(55.4% 0.135 66.442);
        --color-lime-300: oklch(89.7% 0.196 126.665);
        --color-green-50: oklch(98.2% 0.018 155.826);
        --color-green-200: oklch(92.5% 0.084 155.995);
        --color-green-300: oklch(87.1% 0.15 154.449);
        --color-green-400: oklch(79.2% 0.209 151.711);
        --color-green-500: oklch(72.3% 0.219 149.579);
        --color-green-800: oklch(44.8% 0.119 151.328);
        --color-green-950: oklch(26.6% 0.065 152.934);
        --color-emerald-100: oklch(95% 0.052 163.051);
        --color-emerald-200: oklch(90.5% 0.093 164.15);
        --color-emerald-300: oklch(84.5% 0.143 164.978);
        --color-emerald-400: oklch(76.5% 0.177 163.223);
        --color-emerald-500: oklch(69.6% 0.17 162.48);
        --color-emerald-600: oklch(59.6% 0.145 163.225);
        --color-teal-400: oklch(77.7% 0.152 181.912);
        --color-sky-300: oklch(82.8% 0.111 230.318);
        --color-sky-400: oklch(74.6% 0.16 232.661);
        --color-sky-600: oklch(58.8% 0.158 241.966);
        --color-blue-50: oklch(97% 0.014 254.604);
        --color-blue-200: oklch(88.2% 0.059 254.128);
        --color-blue-300: oklch(80.9% 0.105 251.813);
        --color-blue-400: oklch(70.7% 0.165 254.624);
        --color-blue-500: oklch(62.3% 0.214 259.815);
        --color-blue-600: oklch(54.6% 0.245 262.881);
        --color-blue-700: oklch(48.8% 0.243 264.376);
        --color-indigo-300: oklch(78.5% 0.115 274.713);
        --color-purple-200: oklch(90.2% 0.063 306.703);
        --color-purple-300: oklch(82.7% 0.119 306.383);
        --color-purple-400: oklch(71.4% 0.203 305.504);
        --color-purple-600: oklch(55.8% 0.288 302.321);
        --color-fuchsia-100: oklch(95.2% 0.037 318.852);
        --color-fuchsia-200: oklch(90.3% 0.076 319.62);
        --color-fuchsia-300: oklch(83.3% 0.145 321.434);
        --color-fuchsia-400: oklch(74% 0.238 322.16);
        --color-fuchsia-500: oklch(66.7% 0.295 322.15);
        --color-fuchsia-600: oklch(59.1% 0.293 322.896);
        --color-pink-300: oklch(82.3% 0.12 346.018);
        --color-pink-400: oklch(71.8% 0.202 349.761);
        --color-pink-500: oklch(65.6% 0.241 354.308);
        --color-rose-100: oklch(94.1% 0.03 12.58);
        --color-rose-300: oklch(81% 0.117 11.638);
        --color-rose-400: oklch(71.2% 0.194 13.428);
        --color-rose-500: oklch(64.5% 0.246 16.439);
        --color-rose-600: oklch(58.6% 0.253 17.585);
        --color-slate-500: oklch(55.4% 0.046 257.417);
        --color-slate-700: oklch(37.2% 0.044 257.287);
        --color-slate-950: oklch(12.9% 0.042 264.695);
        --color-gray-50: oklch(98.5% 0.002 247.839);
        --color-gray-100: oklch(96.7% 0.003 264.542);
        --color-gray-200: oklch(92.8% 0.006 264.531);
        --color-gray-300: oklch(87.2% 0.01 258.338);
        --color-gray-400: oklch(70.7% 0.022 261.325);
        --color-gray-500: oklch(55.1% 0.027 264.364);
        --color-gray-600: oklch(44.6% 0.03 256.802);
        --color-gray-700: oklch(37.3% 0.034 259.733);
        --color-gray-800: oklch(27.8% 0.033 256.848);
        --color-gray-900: oklch(21% 0.034 264.665);
        --color-gray-950: oklch(13% 0.028 261.692);
        --color-zinc-200: oklch(92% 0.004 286.32);
        --color-zinc-500: oklch(55.2% 0.016 285.938);
        --color-zinc-600: oklch(44.2% 0.017 285.786);
        --color-neutral-900: oklch(20.5% 0 0);
        --color-black: #000;
        --color-white: #fff;
        --spacing: 0.25rem;
        --container-xs: 20rem;
        --container-sm: 24rem;
        --container-md: 28rem;
        --container-xl: 36rem;
        --container-2xl: 42rem;
        --container-3xl: 48rem;
        --container-4xl: 56rem;
        --container-5xl: 64rem;
        --container-6xl: 72rem;
        --text-xs: 0.75rem;
        --text-xs--line-height: calc(1/0.75);
        --text-sm: 0.875rem;
        --text-sm--line-height: calc(1.25/0.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-black: 900;
        --tracking-tight: -0.025em;
        --tracking-wide: 0.025em;
        --leading-tight: 1.25;
        --leading-snug: 1.375;
        --leading-normal: 1.5;
        --leading-relaxed: 1.625;
        --leading-loose: 2;
        --radius-sm: 0.25rem;
        --radius-md: 0.375rem;
        --radius-lg: 0.5rem;
        --radius-xl: 0.75rem;
        --radius-2xl: 1rem;
        --ease-in: cubic-bezier(0.4, 0, 1, 1);
        --ease-out: cubic-bezier(0, 0, 0.2, 1);
        --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
        --animate-spin: spin 1s linear infinite;
        --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        --animate-bounce: bounce 1s infinite;
        --blur-sm: 8px;
        --blur-md: 12px;
        --default-transition-duration: 0.15s;
        --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        --default-font-family: var(--font-sans);
    }
}
@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%;
        -moz-tab-size: 4;
        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: -0.25em;
    }
    sup {
        top: -0.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"]) {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button;
    }
    ::file-selector-button {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button;
    }
    ::-webkit-inner-spin-button {
        height: auto;
    }
    ::-webkit-outer-spin-button {
        height: auto;
    }
    [hidden]:where(:not([hidden="until-found"])) {
        display: none !important;
    }
}
@layer components;
@layer utilities {
    .pointer-events-none {
        pointer-events: none;
    }
    .collapse {
        visibility: collapse;
    }
    .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-0 {
        inset: calc(var(--spacing) * 0);
    }
    .inset-1 {
        inset: calc(var(--spacing) * 1);
    }
    .inset-x-0 {
        inset-inline: calc(var(--spacing) * 0);
    }
    .inset-x-4 {
        inset-inline: calc(var(--spacing) * 4);
    }
    .inset-x-\[-10px\] {
        inset-inline: -10px;
    }
    .inset-y-0 {
        inset-block: calc(var(--spacing) * 0);
    }
    .-top-2 {
        top: calc(var(--spacing) * -2);
    }
    .-top-12 {
        top: calc(var(--spacing) * -12);
    }
    .top-0 {
        top: calc(var(--spacing) * 0);
    }
    .top-1 {
        top: calc(var(--spacing) * 1);
    }
    .top-1\/2 {
        top: 50%;
    }
    .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-5 {
        top: calc(var(--spacing) * 5);
    }
    .top-7 {
        top: calc(var(--spacing) * 7);
    }
    .top-\[-5px\] {
        top: -5px;
    }
    .top-\[0\.67px\] {
        top: 0.67px;
    }
    .top-\[1\.33px\] {
        top: 1.33px;
    }
    .top-\[1px\] {
        top: 1px;
    }
    .top-\[3px\] {
        top: 3px;
    }
    .top-\[50\%\] {
        top: 50%;
    }
    .top-\[calc\(100\%\+8px\)\] {
        top: calc(100% + 8px);
    }
    .top-full {
        top: 100%;
    }
    .-right-2 {
        right: calc(var(--spacing) * -2);
    }
    .right-0 {
        right: calc(var(--spacing) * 0);
    }
    .right-1 {
        right: calc(var(--spacing) * 1);
    }
    .right-2 {
        right: calc(var(--spacing) * 2);
    }
    .right-3 {
        right: calc(var(--spacing) * 3);
    }
    .right-5 {
        right: calc(var(--spacing) * 5);
    }
    .right-8 {
        right: calc(var(--spacing) * 8);
    }
    .right-\[-5px\] {
        right: -5px;
    }
    .-bottom-2 {
        bottom: calc(var(--spacing) * -2);
    }
    .-bottom-3 {
        bottom: calc(var(--spacing) * -3);
    }
    .bottom-0 {
        bottom: calc(var(--spacing) * 0);
    }
    .bottom-1 {
        bottom: calc(var(--spacing) * 1);
    }
    .bottom-3 {
        bottom: calc(var(--spacing) * 3);
    }
    .bottom-4 {
        bottom: calc(var(--spacing) * 4);
    }
    .bottom-8 {
        bottom: calc(var(--spacing) * 8);
    }
    .bottom-9 {
        bottom: calc(var(--spacing) * 9);
    }
    .bottom-13 {
        bottom: calc(var(--spacing) * 13);
    }
    .bottom-\[-10px\] {
        bottom: -10px;
    }
    .left-0 {
        left: calc(var(--spacing) * 0);
    }
    .left-1 {
        left: calc(var(--spacing) * 1);
    }
    .left-1\/2 {
        left: 50%;
    }
    .left-2 {
        left: calc(var(--spacing) * 2);
    }
    .left-3 {
        left: calc(var(--spacing) * 3);
    }
    .left-5 {
        left: calc(var(--spacing) * 5);
    }
    .left-\[0\.67px\] {
        left: 0.67px;
    }
    .left-\[1px\] {
        left: 1px;
    }
    .left-\[2px\] {
        left: 2px;
    }
    .left-\[4\.62px\] {
        left: 4.62px;
    }
    .left-\[9px\] {
        left: 9px;
    }
    .left-\[50\%\] {
        left: 50%;
    }
    .isolate {
        isolation: isolate;
    }
    .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-\[4\] {
        z-index: 4;
    }
    .z-\[20\] {
        z-index: 20;
    }
    .z-\[50\] {
        z-index: 50;
    }
    .z-\[60\] {
        z-index: 60;
    }
    .z-\[65\] {
        z-index: 65;
    }
    .z-\[70\] {
        z-index: 70;
    }
    .z-\[999\] {
        z-index: 999;
    }
    .z-\[2000\] {
        z-index: 2000;
    }
    .z-\[3000\] {
        z-index: 3000;
    }
    .z-\[10000\] {
        z-index: 10000;
    }
    .z-\[12000\] {
        z-index: 12000;
    }
    .z-\[99999\] {
        z-index: 99999;
    }
    .col-span-full {
        grid-column: 1/-1;
    }
    .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-6 {
        margin: calc(var(--spacing) * 6);
    }
    .m-8 {
        margin: calc(var(--spacing) * 8);
    }
    .-mx-2 {
        margin-inline: calc(var(--spacing) * -2);
    }
    .-mx-4 {
        margin-inline: calc(var(--spacing) * -4);
    }
    .mx-1 {
        margin-inline: calc(var(--spacing) * 1);
    }
    .mx-1\.5 {
        margin-inline: calc(var(--spacing) * 1.5);
    }
    .mx-2 {
        margin-inline: calc(var(--spacing) * 2);
    }
    .mx-4 {
        margin-inline: calc(var(--spacing) * 4);
    }
    .mx-auto {
        margin-inline: auto;
    }
    .my-1 {
        margin-block: calc(var(--spacing) * 1);
    }
    .my-2 {
        margin-block: calc(var(--spacing) * 2);
    }
    .my-6 {
        margin-block: calc(var(--spacing) * 6);
    }
    .my-8 {
        margin-block: calc(var(--spacing) * 8);
    }
    .-mt-1 {
        margin-top: calc(var(--spacing) * -1);
    }
    .-mt-1\.5 {
        margin-top: calc(var(--spacing) * -1.5);
    }
    .mt-0 {
        margin-top: calc(var(--spacing) * 0);
    }
    .mt-0\.5 {
        margin-top: calc(var(--spacing) * 0.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-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-10 {
        margin-top: calc(var(--spacing) * 10);
    }
    .mt-12 {
        margin-top: calc(var(--spacing) * 12);
    }
    .mt-\[-0\.3rem\] {
        margin-top: -0.3rem;
    }
    .mt-\[18px\] {
        margin-top: 18px;
    }
    .-mr-1 {
        margin-right: calc(var(--spacing) * -1);
    }
    .mr-1 {
        margin-right: calc(var(--spacing) * 1);
    }
    .mr-2 {
        margin-right: calc(var(--spacing) * 2);
    }
    .mr-\[-16px\] {
        margin-right: -16px;
    }
    .mr-\[15px\] {
        margin-right: 15px;
    }
    .mb-0\.5 {
        margin-bottom: calc(var(--spacing) * 0.5);
    }
    .mb-1 {
        margin-bottom: calc(var(--spacing) * 1);
    }
    .mb-2 {
        margin-bottom: calc(var(--spacing) * 2);
    }
    .mb-3 {
        margin-bottom: calc(var(--spacing) * 3);
    }
    .mb-4 {
        margin-bottom: calc(var(--spacing) * 4);
    }
    .mb-5 {
        margin-bottom: calc(var(--spacing) * 5);
    }
    .mb-6 {
        margin-bottom: calc(var(--spacing) * 6);
    }
    .mb-8 {
        margin-bottom: calc(var(--spacing) * 8);
    }
    .mb-10 {
        margin-bottom: calc(var(--spacing) * 10);
    }
    .mb-12 {
        margin-bottom: calc(var(--spacing) * 12);
    }
    .mb-\[5px\] {
        margin-bottom: 5px;
    }
    .ml-1 {
        margin-left: calc(var(--spacing) * 1);
    }
    .ml-2 {
        margin-left: calc(var(--spacing) * 2);
    }
    .ml-3 {
        margin-left: calc(var(--spacing) * 3);
    }
    .ml-6 {
        margin-left: calc(var(--spacing) * 6);
    }
    .ml-auto {
        margin-left: auto;
    }
    .line-clamp-1 {
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
    }
    .line-clamp-2 {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
    }
    .line-clamp-3 {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
    }
    .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\/3,
    .aspect-\[2\/3\] {
        aspect-ratio: 2/3;
    }
    .aspect-\[3\/4\] {
        aspect-ratio: 3/4;
    }
    .aspect-square {
        aspect-ratio: 1;
    }
    .size-4 {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
    }
    .\!h-auto {
        height: auto !important;
    }
    .h-0 {
        height: calc(var(--spacing) * 0);
    }
    .h-1 {
        height: calc(var(--spacing) * 1);
    }
    .h-1\.5 {
        height: calc(var(--spacing) * 1.5);
    }
    .h-2 {
        height: calc(var(--spacing) * 2);
    }
    .h-2\.5 {
        height: calc(var(--spacing) * 2.5);
    }
    .h-3 {
        height: calc(var(--spacing) * 3);
    }
    .h-3\.5 {
        height: calc(var(--spacing) * 3.5);
    }
    .h-4 {
        height: calc(var(--spacing) * 4);
    }
    .h-5 {
        height: calc(var(--spacing) * 5);
    }
    .h-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-36 {
        height: calc(var(--spacing) * 36);
    }
    .h-40 {
        height: calc(var(--spacing) * 40);
    }
    .h-44 {
        height: calc(var(--spacing) * 44);
    }
    .h-52 {
        height: calc(var(--spacing) * 52);
    }
    .h-56 {
        height: calc(var(--spacing) * 56);
    }
    .h-64 {
        height: calc(var(--spacing) * 64);
    }
    .h-96 {
        height: calc(var(--spacing) * 96);
    }
    .h-\[1px\] {
        height: 1px;
    }
    .h-\[3px\] {
        height: 3px;
    }
    .h-\[7\.8rem\] {
        height: 7.8rem;
    }
    .h-\[9\%\] {
        height: 9%;
    }
    .h-\[15px\] {
        height: 15px;
    }
    .h-\[25\%\] {
        height: 25%;
    }
    .h-\[40px\] {
        height: 40px;
    }
    .h-\[75px\] {
        height: 75px;
    }
    .h-\[96px\] {
        height: 96px;
    }
    .h-\[100vh\] {
        height: 100vh;
    }
    .h-\[120px\] {
        height: 120px;
    }
    .h-\[159px\] {
        height: 159px;
    }
    .h-\[180px\] {
        height: 180px;
    }
    .h-\[240px\] {
        height: 240px;
    }
    .h-\[300px\] {
        height: 300px;
    }
    .h-\[360px\] {
        height: 360px;
    }
    .h-\[366px\] {
        height: 366px;
    }
    .h-\[403px\] {
        height: 403px;
    }
    .h-\[564px\] {
        height: 564px;
    }
    .h-auto {
        height: auto;
    }
    .h-full {
        height: 100%;
    }
    .h-px {
        height: 1px;
    }
    .max-h-24 {
        max-height: calc(var(--spacing) * 24);
    }
    .max-h-32 {
        max-height: calc(var(--spacing) * 32);
    }
    .max-h-60 {
        max-height: calc(var(--spacing) * 60);
    }
    .max-h-64 {
        max-height: calc(var(--spacing) * 64);
    }
    .max-h-\[50vh\] {
        max-height: 50vh;
    }
    .max-h-\[55vh\] {
        max-height: 55vh;
    }
    .max-h-\[70vh\] {
        max-height: 70vh;
    }
    .max-h-\[80svh\] {
        max-height: 80svh;
    }
    .max-h-\[80vh\] {
        max-height: 80vh;
    }
    .max-h-\[88vh\] {
        max-height: 88vh;
    }
    .max-h-\[90vh\] {
        max-height: 90vh;
    }
    .max-h-\[240px\] {
        max-height: 240px;
    }
    .max-h-\[304px\] {
        max-height: 304px;
    }
    .max-h-\[360px\] {
        max-height: 360px;
    }
    .max-h-\[420px\] {
        max-height: 420px;
    }
    .max-h-\[520px\] {
        max-height: 520px;
    }
    .max-h-full {
        max-height: 100%;
    }
    .min-h-0 {
        min-height: calc(var(--spacing) * 0);
    }
    .min-h-12 {
        min-height: calc(var(--spacing) * 12);
    }
    .min-h-60 {
        min-height: calc(var(--spacing) * 60);
    }
    .min-h-64 {
        min-height: calc(var(--spacing) * 64);
    }
    .min-h-\[44px\] {
        min-height: 44px;
    }
    .min-h-\[58px\] {
        min-height: 58px;
    }
    .min-h-\[60px\] {
        min-height: 60px;
    }
    .min-h-\[68vh\] {
        min-height: 68vh;
    }
    .min-h-\[88px\] {
        min-height: 88px;
    }
    .min-h-\[120px\] {
        min-height: 120px;
    }
    .min-h-\[180px\] {
        min-height: 180px;
    }
    .min-h-\[220px\] {
        min-height: 220px;
    }
    .min-h-\[240px\] {
        min-height: 240px;
    }
    .min-h-\[290px\] {
        min-height: 290px;
    }
    .min-h-\[360px\] {
        min-height: 360px;
    }
    .min-h-\[596px\] {
        min-height: 596px;
    }
    .min-h-screen {
        min-height: 100vh;
    }
    .\!w-auto {
        width: auto !important;
    }
    .w-1 {
        width: calc(var(--spacing) * 1);
    }
    .w-1\/4 {
        width: 25%;
    }
    .w-2 {
        width: calc(var(--spacing) * 2);
    }
    .w-2\.5 {
        width: calc(var(--spacing) * 2.5);
    }
    .w-3 {
        width: calc(var(--spacing) * 3);
    }
    .w-3\.5 {
        width: calc(var(--spacing) * 3.5);
    }
    .w-4 {
        width: calc(var(--spacing) * 4);
    }
    .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-22 {
        width: calc(var(--spacing) * 22);
    }
    .w-24 {
        width: calc(var(--spacing) * 24);
    }
    .w-28 {
        width: calc(var(--spacing) * 28);
    }
    .w-30 {
        width: calc(var(--spacing) * 30);
    }
    .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-50 {
        width: calc(var(--spacing) * 50);
    }
    .w-52 {
        width: calc(var(--spacing) * 52);
    }
    .w-56 {
        width: calc(var(--spacing) * 56);
    }
    .w-64 {
        width: calc(var(--spacing) * 64);
    }
    .w-72 {
        width: calc(var(--spacing) * 72);
    }
    .w-96 {
        width: calc(var(--spacing) * 96);
    }
    .w-\[5\.2rem\] {
        width: 5.2rem;
    }
    .w-\[15px\] {
        width: 15px;
    }
    .w-\[35\%\] {
        width: 35%;
    }
    .w-\[39\.2px\] {
        width: 39.2px;
    }
    .w-\[60vw\] {
        width: 60vw;
    }
    .w-\[72px\] {
        width: 72px;
    }
    .w-\[75px\] {
        width: 75px;
    }
    .w-\[90vw\] {
        width: 90vw;
    }
    .w-\[92vw\] {
        width: 92vw;
    }
    .w-\[95vw\] {
        width: 95vw;
    }
    .w-\[100px\] {
        width: 100px;
    }
    .w-\[100vw\] {
        width: 100vw;
    }
    .w-\[118px\] {
        width: 118px;
    }
    .w-\[155px\] {
        width: 155px;
    }
    .w-\[159px\] {
        width: 159px;
    }
    .w-\[240px\] {
        width: 240px;
    }
    .w-\[248px\] {
        width: 248px;
    }
    .w-\[250px\] {
        width: 250px;
    }
    .w-\[269px\] {
        width: 269px;
    }
    .w-\[280px\] {
        width: 280px;
    }
    .w-\[300px\] {
        width: 300px;
    }
    .w-\[320px\] {
        width: 320px;
    }
    .w-\[340px\] {
        width: 340px;
    }
    .w-\[384px\] {
        width: 384px;
    }
    .w-\[410px\] {
        width: 410px;
    }
    .w-\[500px\] {
        width: 500px;
    }
    .w-\[calc\(100\%-24px\)\] {
        width: calc(100% - 24px);
    }
    .w-\[calc\(100vw-2rem\)\] {
        width: calc(100vw - 2rem);
    }
    .w-\[calc\(100vw-16px\)\] {
        width: calc(100vw - 16px);
    }
    .w-\[calc\(100vw-30px\)\] {
        width: calc(100vw - 30px);
    }
    .w-\[min\(80vw\,360px\)\] {
        width: min(80vw, 360px);
    }
    .w-\[min\(92vw\,360px\)\] {
        width: min(92vw, 360px);
    }
    .w-\[min\(92vw\,420px\)\] {
        width: min(92vw, 420px);
    }
    .w-auto {
        width: auto;
    }
    .w-fit {
        width: fit-content;
    }
    .w-full {
        width: 100%;
    }
    .w-px {
        width: 1px;
    }
    .w-screen {
        width: 100vw;
    }
    .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-\[40\%\] {
        max-width: 40%;
    }
    .max-w-\[120px\] {
        max-width: 120px;
    }
    .max-w-\[150px\] {
        max-width: 150px;
    }
    .max-w-\[180px\] {
        max-width: 180px;
    }
    .max-w-\[200px\] {
        max-width: 200px;
    }
    .max-w-\[220px\] {
        max-width: 220px;
    }
    .max-w-\[260px\] {
        max-width: 260px;
    }
    .max-w-\[286px\] {
        max-width: 286px;
    }
    .max-w-\[320px\] {
        max-width: 320px;
    }
    .max-w-\[360px\] {
        max-width: 360px;
    }
    .max-w-\[370px\] {
        max-width: 370px;
    }
    .max-w-\[398px\] {
        max-width: 398px;
    }
    .max-w-\[400px\] {
        max-width: 400px;
    }
    .max-w-\[402px\] {
        max-width: 402px;
    }
    .max-w-\[460px\] {
        max-width: 460px;
    }
    .max-w-\[500px\] {
        max-width: 500px;
    }
    .max-w-\[520px\] {
        max-width: 520px;
    }
    .max-w-\[550px\] {
        max-width: 550px;
    }
    .max-w-\[560px\] {
        max-width: 560px;
    }
    .max-w-\[615px\] {
        max-width: 615px;
    }
    .max-w-\[680px\] {
        max-width: 680px;
    }
    .max-w-\[701px\] {
        max-width: 701px;
    }
    .max-w-\[720px\] {
        max-width: 720px;
    }
    .max-w-\[750px\] {
        max-width: 750px;
    }
    .max-w-\[839px\] {
        max-width: 839px;
    }
    .max-w-\[951px\] {
        max-width: 951px;
    }
    .max-w-\[968px\] {
        max-width: 968px;
    }
    .max-w-\[972px\] {
        max-width: 972px;
    }
    .max-w-\[1020px\] {
        max-width: 1020px;
    }
    .max-w-\[1080px\] {
        max-width: 1080px;
    }
    .max-w-\[1100px\] {
        max-width: 1100px;
    }
    .max-w-\[1141px\] {
        max-width: 1141px;
    }
    .max-w-\[1212px\] {
        max-width: 1212px;
    }
    .max-w-\[1220px\] {
        max-width: 1220px;
    }
    .max-w-\[1536px\] {
        max-width: 1536px;
    }
    .max-w-\[1600px\] {
        max-width: 1600px;
    }
    .max-w-\[calc\(100vw-1rem\)\] {
        max-width: calc(100vw - 1rem);
    }
    .max-w-\[calc\(100vw-12px\)\] {
        max-width: calc(100vw - 12px);
    }
    .max-w-full {
        max-width: 100%;
    }
    .max-w-md {
        max-width: var(--container-md);
    }
    .max-w-none {
        max-width: none;
    }
    .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-6 {
        min-width: calc(var(--spacing) * 6);
    }
    .min-w-8 {
        min-width: calc(var(--spacing) * 8);
    }
    .min-w-12 {
        min-width: calc(var(--spacing) * 12);
    }
    .min-w-20 {
        min-width: calc(var(--spacing) * 20);
    }
    .min-w-28 {
        min-width: calc(var(--spacing) * 28);
    }
    .min-w-32 {
        min-width: calc(var(--spacing) * 32);
    }
    .min-w-36 {
        min-width: calc(var(--spacing) * 36);
    }
    .min-w-40 {
        min-width: calc(var(--spacing) * 40);
    }
    .min-w-44 {
        min-width: calc(var(--spacing) * 44);
    }
    .min-w-64 {
        min-width: calc(var(--spacing) * 64);
    }
    .min-w-\[7\.65rem\] {
        min-width: 7.65rem;
    }
    .min-w-\[18rem\] {
        min-width: 18rem;
    }
    .min-w-\[28px\] {
        min-width: 28px;
    }
    .min-w-\[80px\] {
        min-width: 80px;
    }
    .min-w-\[130px\] {
        min-width: 130px;
    }
    .min-w-\[138px\] {
        min-width: 138px;
    }
    .min-w-\[140px\] {
        min-width: 140px;
    }
    .min-w-\[180px\] {
        min-width: 180px;
    }
    .min-w-\[500px\] {
        min-width: 500px;
    }
    .min-w-\[640px\] {
        min-width: 640px;
    }
    .min-w-\[720px\] {
        min-width: 720px;
    }
    .min-w-\[760px\] {
        min-width: 760px;
    }
    .min-w-\[800px\] {
        min-width: 800px;
    }
    .min-w-\[860px\] {
        min-width: 860px;
    }
    .min-w-\[880px\] {
        min-width: 880px;
    }
    .min-w-\[960px\] {
        min-width: 960px;
    }
    .min-w-fit {
        min-width: fit-content;
    }
    .flex-1 {
        flex: 1;
    }
    .flex-\[2\] {
        flex: 2;
    }
    .flex-\[3\] {
        flex: 3;
    }
    .flex-shrink-0,
    .shrink-0 {
        flex-shrink: 0;
    }
    .basis-auto {
        flex-basis: auto;
    }
    .table-auto {
        table-layout: auto;
    }
    .border-collapse {
        border-collapse: collapse;
    }
    .origin-bottom {
        transform-origin: bottom;
    }
    .origin-bottom-left {
        transform-origin: 0 100%;
    }
    .origin-top {
        transform-origin: top;
    }
    .origin-top-left {
        transform-origin: 0 0;
    }
    .-translate-1\/2 {
        --tw-translate-x: -50%;
        --tw-translate-y: -50%;
        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 {
        --tw-translate-x: calc(var(--spacing) * 1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .translate-x-3\.5 {
        --tw-translate-x: calc(var(--spacing) * 3.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .translate-x-6 {
        --tw-translate-x: calc(var(--spacing) * 6);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .translate-x-\[-50\%\] {
        --tw-translate-x: -50%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .-translate-y-1\/2 {
        --tw-translate-y: -50%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .-translate-y-\[4px\] {
        --tw-translate-y: -4px;
        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-\[-50\%\] {
        --tw-translate-y: -50%;
        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-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);
    }
    .rotate-0 {
        rotate: none;
    }
    .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-\[shine_3s_linear_infinite\] {
        animation: 3s linear infinite shine;
    }
    .animate-bounce {
        animation: var(--animate-bounce);
    }
    .animate-pulse {
        animation: var(--animate-pulse);
    }
    .animate-spin {
        animation: var(--animate-spin);
    }
    .cursor-copy {
        cursor: copy;
    }
    .cursor-default {
        cursor: default;
    }
    .cursor-move {
        cursor: move;
    }
    .cursor-not-allowed {
        cursor: not-allowed;
    }
    .cursor-pointer {
        cursor: pointer;
    }
    .cursor-wait {
        cursor: wait;
    }
    .touch-pan-x {
        --tw-pan-x: pan-x;
        touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
    }
    .touch-pan-y {
        --tw-pan-y: pan-y;
        touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
    }
    .\[touch-action\:manipulation\],
    .touch-manipulation {
        touch-action: manipulation;
    }
    .touch-none {
        touch-action: none;
    }
    .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-16 {
        scroll-margin-top: calc(var(--spacing) * 16);
    }
    .scroll-mt-20 {
        scroll-margin-top: calc(var(--spacing) * 20);
    }
    .scroll-mt-\[calc\(var\(--site-header-height\)\+12px\)\] {
        scroll-margin-top: calc(var(--site-header-height) + 12px);
    }
    .list-inside {
        list-style-position: inside;
    }
    .list-decimal {
        list-style-type: decimal;
    }
    .list-disc {
        list-style-type: disc;
    }
    .appearance-none {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    .break-inside-avoid {
        break-inside: avoid;
    }
    .auto-cols-\[33\.333\%\] {
        grid-auto-columns: 33.333%;
    }
    .grid-flow-col {
        grid-auto-flow: column;
    }
    .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-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .grid-cols-\[1fr_2fr\] {
        grid-template-columns: 1fr 2fr;
    }
    .grid-cols-\[64px_1fr_56px\] {
        grid-template-columns: 64px 1fr 56px;
    }
    .grid-cols-\[64px_1fr_96px\] {
        grid-template-columns: 64px 1fr 96px;
    }
    .grid-cols-\[64px_1fr_120px_56px\] {
        grid-template-columns: 64px 1fr 120px 56px;
    }
    .grid-cols-\[64px_1fr_120px_96px\] {
        grid-template-columns: 64px 1fr 120px 96px;
    }
    .grid-cols-\[72px_1fr\] {
        grid-template-columns: 72px 1fr;
    }
    .grid-cols-\[auto_1fr\] {
        grid-template-columns: auto 1fr;
    }
    .grid-cols-\[auto_auto\] {
        grid-template-columns: auto auto;
    }
    .grid-cols-\[minmax\(0\,1fr\)_auto\] {
        grid-template-columns: minmax(0, 1fr) auto;
    }
    .grid-rows-\[0fr\] {
        grid-template-rows: 0fr;
    }
    .grid-rows-\[1fr\] {
        grid-template-rows: 1fr;
    }
    .flex-col {
        flex-direction: column;
    }
    .flex-row {
        flex-direction: row;
    }
    .flex-nowrap {
        flex-wrap: nowrap;
    }
    .flex-wrap {
        flex-wrap: wrap;
    }
    .items-center {
        align-items: center;
    }
    .items-end {
        align-items: flex-end;
    }
    .items-start {
        align-items: flex-start;
    }
    .items-stretch {
        align-items: stretch;
    }
    .justify-between {
        justify-content: space-between;
    }
    .justify-center {
        justify-content: center;
    }
    .justify-end {
        justify-content: flex-end;
    }
    .justify-start {
        justify-content: flex-start;
    }
    .gap-0\.5 {
        gap: calc(var(--spacing) * 0.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-10 {
        gap: calc(var(--spacing) * 10);
    }
    .gap-11 {
        gap: calc(var(--spacing) * 11);
    }
    .gap-\[0\.8rem\] {
        gap: 0.8rem;
    }
    .gap-\[1px\] {
        gap: 1px;
    }
    .gap-\[2\.5\%\] {
        gap: 2.5%;
    }
    .gap-\[5px\] {
        gap: 5px;
    }
    .gap-\[10px\] {
        gap: 10px;
    }
    .gap-\[11px\] {
        gap: 11px;
    }
    .gap-\[46px\] {
        gap: 46px;
    }
    :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-1 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(
            calc(var(--spacing) * 1) * var(--tw-space-y-reverse)
        );
        margin-block-end: calc(
            calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))
        );
    }
    :where(.space-y-1\.5 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(
            calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)
        );
        margin-block-end: calc(
            calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))
        );
    }
    :where(.space-y-2 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(
            calc(var(--spacing) * 2) * var(--tw-space-y-reverse)
        );
        margin-block-end: calc(
            calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))
        );
    }
    :where(.space-y-3 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(
            calc(var(--spacing) * 3) * var(--tw-space-y-reverse)
        );
        margin-block-end: calc(
            calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))
        );
    }
    :where(.space-y-4 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(
            calc(var(--spacing) * 4) * var(--tw-space-y-reverse)
        );
        margin-block-end: calc(
            calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))
        );
    }
    :where(.space-y-5 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(
            calc(var(--spacing) * 5) * var(--tw-space-y-reverse)
        );
        margin-block-end: calc(
            calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))
        );
    }
    :where(.space-y-6 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(
            calc(var(--spacing) * 6) * var(--tw-space-y-reverse)
        );
        margin-block-end: calc(
            calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))
        );
    }
    :where(.space-y-8 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(
            calc(var(--spacing) * 8) * var(--tw-space-y-reverse)
        );
        margin-block-end: calc(
            calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))
        );
    }
    :where(.space-y-10 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(
            calc(var(--spacing) * 10) * var(--tw-space-y-reverse)
        );
        margin-block-end: calc(
            calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))
        );
    }
    .gap-x-2 {
        column-gap: calc(var(--spacing) * 2);
    }
    .gap-x-3 {
        column-gap: calc(var(--spacing) * 3);
    }
    .gap-x-4 {
        column-gap: calc(var(--spacing) * 4);
    }
    .gap-x-6 {
        column-gap: calc(var(--spacing) * 6);
    }
    .gap-x-\[0\.6rem\] {
        column-gap: 0.6rem;
    }
    :where(.-space-x-1 > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(
            calc(var(--spacing) * -1) * var(--tw-space-x-reverse)
        );
        margin-inline-end: calc(
            calc(var(--spacing) * -1) * calc(1 - var(--tw-space-x-reverse))
        );
    }
    :where(.space-x-2 > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(
            calc(var(--spacing) * 2) * var(--tw-space-x-reverse)
        );
        margin-inline-end: calc(
            calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))
        );
    }
    :where(.space-x-3 > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(
            calc(var(--spacing) * 3) * var(--tw-space-x-reverse)
        );
        margin-inline-end: calc(
            calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse))
        );
    }
    .gap-y-1 {
        row-gap: calc(var(--spacing) * 1);
    }
    .gap-y-2 {
        row-gap: calc(var(--spacing) * 2);
    }
    .gap-y-3 {
        row-gap: calc(var(--spacing) * 3);
    }
    .gap-y-4 {
        row-gap: calc(var(--spacing) * 4);
    }
    :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-bd-default > :not(:last-child)) {
        border-color: #2d384b;
    }
    :where(.divide-bd-default\/40 > :not(:last-child)) {
        border-color: #2d384b66;
    }
    :where(.divide-bd-default\/60 > :not(:last-child)) {
        border-color: #2d384b99;
    }
    :where(.divide-white\/10 > :not(:last-child)) {
        border-color: #ffffff1a;
    }
    @supports (color: color-mix(in lab, red, red)) {
        :where(.divide-white\/10 > :not(:last-child)) {
            border-color: color-mix(
                in oklab,
                var(--color-white) 10%,
                transparent
            );
        }
    }
    .self-center {
        align-self: center;
    }
    .self-end {
        align-self: flex-end;
    }
    .self-start {
        align-self: flex-start;
    }
    .self-stretch {
        align-self: stretch;
    }
    .justify-self-start {
        justify-self: flex-start;
    }
    .truncate {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .overflow-auto {
        overflow: auto;
    }
    .overflow-hidden {
        overflow: hidden;
    }
    .overflow-visible {
        overflow: visible;
    }
    .overflow-x-auto {
        overflow-x: auto;
    }
    .overflow-x-hidden {
        overflow-x: hidden;
    }
    .overflow-x-scroll {
        overflow-x: scroll;
    }
    .overflow-y-auto {
        overflow-y: auto;
    }
    .overscroll-contain {
        overscroll-behavior: contain;
    }
    .\!rounded-md {
        border-radius: var(--radius-md) !important;
    }
    .rounded {
        border-radius: 0.25rem;
    }
    .rounded-2xl {
        border-radius: var(--radius-2xl);
    }
    .rounded-\[2px\] {
        border-radius: 2px;
    }
    .rounded-\[3px\] {
        border-radius: 3px;
    }
    .rounded-\[6px\] {
        border-radius: 6px;
    }
    .rounded-\[26px\] {
        border-radius: 26px;
    }
    .rounded-\[28px\] {
        border-radius: 28px;
    }
    .rounded-\[32px\] {
        border-radius: 32px;
    }
    .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-xl {
        border-top-left-radius: var(--radius-xl);
        border-top-right-radius: var(--radius-xl);
    }
    .rounded-tl-xl {
        border-top-left-radius: var(--radius-xl);
    }
    .rounded-b-\[5px\] {
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    .rounded-br-lg {
        border-bottom-right-radius: var(--radius-lg);
    }
    .rounded-bl-lg {
        border-bottom-left-radius: var(--radius-lg);
    }
    .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-4 {
        border-style: var(--tw-border-style);
        border-width: 4px;
    }
    .border-y {
        border-block-style: var(--tw-border-style);
        border-block-width: 1px;
    }
    .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-b {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
    }
    .border-b-2 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 2px;
    }
    .border-l {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px;
    }
    .border-dashed {
        --tw-border-style: dashed;
        border-style: dashed;
    }
    .border-none {
        --tw-border-style: none;
        border-style: none;
    }
    .\!border-red-500\/40 {
        border-color: #fb2c3666 !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .\!border-red-500\/40 {
            border-color: color-mix(
                in oklab,
                var(--color-red-500) 40%,
                transparent
            ) !important;
        }
    }
    .border-\[\#25EBAC\] {
        border-color: #25ebac;
    }
    .border-\[\#25EBAC\]\/40 {
        border-color: #25ebac66;
    }
    .border-\[\#5865F2\] {
        border-color: #5865f2;
    }
    .border-\[\#C084FC\] {
        border-color: #c084fc;
    }
    .border-\[\#D373FF\] {
        border-color: #d373ff;
    }
    .border-\[\#D373FF\]\/35 {
        border-color: #d373ff59;
    }
    .border-\[\#DD94FF\]\/40 {
        border-color: #dd94ff66;
    }
    .border-\[\#DD94FF\]\/50 {
        border-color: #dd94ff80;
    }
    .border-\[\#DD94FF\]\/60 {
        border-color: #dd94ff99;
    }
    .border-\[\#E03F46\] {
        border-color: #e03f46;
    }
    .border-\[\#E8B5FF\]\/40 {
        border-color: #e8b5ff66;
    }
    .border-\[\#F97316\] {
        border-color: #f97316;
    }
    .border-\[\#FF9AA8\]\/28 {
        border-color: #ff9aa847;
    }
    .border-\[\#FF555D\]\/40 {
        border-color: #ff555d66;
    }
    .border-\[\#FFCF8B\] {
        border-color: #ffcf8b;
    }
    .border-\[\#FFCF8B\]\/18 {
        border-color: #ffcf8b2e;
    }
    .border-\[\#FFCF8B\]\/20 {
        border-color: #ffcf8b33;
    }
    .border-\[\#FFD69E\]\/35 {
        border-color: #ffd69e59;
    }
    .border-\[\#d4a6ff\]\/45 {
        border-color: #d4a6ff73;
    }
    .border-\[\#d9b6ff\]\/30 {
        border-color: #d9b6ff4d;
    }
    .border-\[\#ff8f9f\]\/30 {
        border-color: #ff8f9f4d;
    }
    .border-\[\#ffd59d\]\/45 {
        border-color: #ffd59d73;
    }
    .border-\[rgba\(211\,115\,255\,\.22\)\] {
        border-color: #d373ff38;
    }
    .border-amber-400\/40 {
        border-color: #fcbb0066;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-amber-400\/40 {
            border-color: color-mix(
                in oklab,
                var(--color-amber-400) 40%,
                transparent
            );
        }
    }
    .border-bd-default {
        border-color: #2d384b;
    }
    .border-bd-default\/60 {
        border-color: #2d384b99;
    }
    .border-blue-500 {
        border-color: var(--color-blue-500);
    }
    .border-btn-primary {
        border-color: #d373ff;
    }
    .border-current {
        border-color: currentColor;
    }
    .border-emerald-300\/20 {
        border-color: #5ee9b533;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-emerald-300\/20 {
            border-color: color-mix(
                in oklab,
                var(--color-emerald-300) 20%,
                transparent
            );
        }
    }
    .border-emerald-400\/16 {
        border-color: #00d29429;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-emerald-400\/16 {
            border-color: color-mix(
                in oklab,
                var(--color-emerald-400) 16%,
                transparent
            );
        }
    }
    .border-emerald-400\/40 {
        border-color: #00d29466;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-emerald-400\/40 {
            border-color: color-mix(
                in oklab,
                var(--color-emerald-400) 40%,
                transparent
            );
        }
    }
    .border-error-error {
        border-color: #f44;
    }
    .border-error-error\/20 {
        border-color: #f443;
    }
    .border-error-error\/40 {
        border-color: #f446;
    }
    .border-fuchsia-300 {
        border-color: var(--color-fuchsia-300);
    }
    .border-fuchsia-300\/16 {
        border-color: #f2a9ff29;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-fuchsia-300\/16 {
            border-color: color-mix(
                in oklab,
                var(--color-fuchsia-300) 16%,
                transparent
            );
        }
    }
    .border-gray-300 {
        border-color: var(--color-gray-300);
    }
    .border-gray-600 {
        border-color: var(--color-gray-600);
    }
    .border-gray-700 {
        border-color: var(--color-gray-700);
    }
    .border-gray-800 {
        border-color: var(--color-gray-800);
    }
    .border-green-200 {
        border-color: var(--color-green-200);
    }
    .border-green-500 {
        border-color: var(--color-green-500);
    }
    .border-green-800 {
        border-color: var(--color-green-800);
    }
    .border-lav-500 {
        border-color: #d373ff;
    }
    .border-lav-500\/40 {
        border-color: #d373ff66;
    }
    .border-lav-500\/45 {
        border-color: #d373ff73;
    }
    .border-lav-500\/60 {
        border-color: #d373ff99;
    }
    .border-purple-200 {
        border-color: var(--color-purple-200);
    }
    .border-purple-300\/20 {
        border-color: #d9b3ff33;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-purple-300\/20 {
            border-color: color-mix(
                in oklab,
                var(--color-purple-300) 20%,
                transparent
            );
        }
    }
    .border-red-200 {
        border-color: var(--color-red-200);
    }
    .border-red-400 {
        border-color: var(--color-red-400);
    }
    .border-red-400\/20 {
        border-color: #ff656833;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-red-400\/20 {
            border-color: color-mix(
                in oklab,
                var(--color-red-400) 20%,
                transparent
            );
        }
    }
    .border-red-400\/35 {
        border-color: #ff656859;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-red-400\/35 {
            border-color: color-mix(
                in oklab,
                var(--color-red-400) 35%,
                transparent
            );
        }
    }
    .border-red-500 {
        border-color: var(--color-red-500);
    }
    .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-red-500\/45 {
        border-color: #fb2c3673;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-red-500\/45 {
            border-color: color-mix(
                in oklab,
                var(--color-red-500) 45%,
                transparent
            );
        }
    }
    .border-red-600 {
        border-color: var(--color-red-600);
    }
    .border-red-800 {
        border-color: var(--color-red-800);
    }
    .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-rose-500\/30 {
        border-color: #ff23574d;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-rose-500\/30 {
            border-color: color-mix(
                in oklab,
                var(--color-rose-500) 30%,
                transparent
            );
        }
    }
    .border-sky-400\/20 {
        border-color: #00bcfe33;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-sky-400\/20 {
            border-color: color-mix(
                in oklab,
                var(--color-sky-400) 20%,
                transparent
            );
        }
    }
    .border-slate-700 {
        border-color: var(--color-slate-700);
    }
    .border-success-success {
        border-color: #25ebac;
    }
    .border-transparent {
        border-color: #0000;
    }
    .border-txt-secondary {
        border-color: #73798d;
    }
    .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\/6 {
        border-color: #ffffff0f;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-white\/6 {
            border-color: color-mix(
                in oklab,
                var(--color-white) 6%,
                transparent
            );
        }
    }
    .border-white\/8 {
        border-color: #ffffff14;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-white\/8 {
            border-color: color-mix(
                in oklab,
                var(--color-white) 8%,
                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\/12 {
        border-color: #ffffff1f;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-white\/12 {
            border-color: color-mix(
                in oklab,
                var(--color-white) 12%,
                transparent
            );
        }
    }
    .border-white\/14 {
        border-color: #ffffff24;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-white\/14 {
            border-color: color-mix(
                in oklab,
                var(--color-white) 14%,
                transparent
            );
        }
    }
    .border-white\/15 {
        border-color: #ffffff26;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-white\/15 {
            border-color: color-mix(
                in oklab,
                var(--color-white) 15%,
                transparent
            );
        }
    }
    .border-white\/18 {
        border-color: #ffffff2e;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-white\/18 {
            border-color: color-mix(
                in oklab,
                var(--color-white) 18%,
                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\/30 {
        border-color: #ffffff4d;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-white\/30 {
            border-color: color-mix(
                in oklab,
                var(--color-white) 30%,
                transparent
            );
        }
    }
    .border-white\/35 {
        border-color: #ffffff59;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-white\/35 {
            border-color: color-mix(
                in oklab,
                var(--color-white) 35%,
                transparent
            );
        }
    }
    .border-white\/70 {
        border-color: #ffffffb3;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-white\/70 {
            border-color: color-mix(
                in oklab,
                var(--color-white) 70%,
                transparent
            );
        }
    }
    .border-yellow-300\/20 {
        border-color: #ffe02a33;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-yellow-300\/20 {
            border-color: color-mix(
                in oklab,
                var(--color-yellow-300) 20%,
                transparent
            );
        }
    }
    .border-yellow-500 {
        border-color: var(--color-yellow-500);
    }
    .border-yellow-500\/30 {
        border-color: #edb2004d;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-yellow-500\/30 {
            border-color: color-mix(
                in oklab,
                var(--color-yellow-500) 30%,
                transparent
            );
        }
    }
    .border-t-purple-600 {
        border-top-color: var(--color-purple-600);
    }
    .\!bg-red-500\/10 {
        background-color: #fb2c361a !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .\!bg-red-500\/10 {
            background-color: color-mix(
                in oklab,
                var(--color-red-500) 10%,
                transparent
            ) !important;
        }
    }
    .bg-\[\#0B0F1A\] {
        background-color: #0b0f1a;
    }
    .bg-\[\#0B0F1A\]\/80 {
        background-color: #0b0f1acc;
    }
    .bg-\[\#0B0F1A\]\/90 {
        background-color: #0b0f1ae6;
    }
    .bg-\[\#0C1424\] {
        background-color: #0c1424;
    }
    .bg-\[\#0d0a11\] {
        background-color: #0d0a11;
    }
    .bg-\[\#2A1216\] {
        background-color: #2a1216;
    }
    .bg-\[\#8b3dbe\] {
        background-color: #8b3dbe;
    }
    .bg-\[\#25EBAC\] {
        background-color: #25ebac;
    }
    .bg-\[\#25EBAC\]\/10 {
        background-color: #25ebac1a;
    }
    .bg-\[\#140d0b\]\/55 {
        background-color: #140d0b8c;
    }
    .bg-\[\#140d0b\]\/70 {
        background-color: #140d0bb3;
    }
    .bg-\[\#150d20\] {
        background-color: #150d20;
    }
    .bg-\[\#150f12\]\/75 {
        background-color: #150f12bf;
    }
    .bg-\[\#150f12\]\/78 {
        background-color: #150f12c7;
    }
    .bg-\[\#161E35\] {
        background-color: #161e35;
    }
    .bg-\[\#1877F2\] {
        background-color: #1877f2;
    }
    .bg-\[\#05070F\] {
        background-color: #05070f;
    }
    .bg-\[\#5865F2\] {
        background-color: #5865f2;
    }
    .bg-\[\#09070a\] {
        background-color: #09070a;
    }
    .bg-\[\#12091d\]\/72 {
        background-color: #12091db8;
    }
    .bg-\[\#12091d\]\/88 {
        background-color: #12091de0;
    }
    .bg-\[\#14051d\] {
        background-color: #14051d;
    }
    .bg-\[\#050506\]\/88 {
        background-color: #050506e0;
    }
    .bg-\[\#110418\] {
        background-color: #110418;
    }
    .bg-\[\#110817\]\/88 {
        background-color: #110817e0;
    }
    .bg-\[\#121826\] {
        background-color: #121826;
    }
    .bg-\[\#141727\] {
        background-color: #141727;
    }
    .bg-\[\#261343\] {
        background-color: #261343;
    }
    .bg-\[\#D373FF\] {
        background-color: #d373ff;
    }
    .bg-\[\#D373FF\]\/14 {
        background-color: #d373ff24;
    }
    .bg-\[\#DD94FF\] {
        background-color: #dd94ff;
    }
    .bg-\[\#DD94FF\]\/10 {
        background-color: #dd94ff1a;
    }
    .bg-\[\#E03F46\] {
        background-color: #e03f46;
    }
    .bg-\[\#E8B5FF\]\/12 {
        background-color: #e8b5ff1f;
    }
    .bg-\[\#FF555D\] {
        background-color: #ff555d;
    }
    .bg-\[\#FF555D\]\/10 {
        background-color: #ff555d1a;
    }
    .bg-\[\#FFCF8B\]\/12 {
        background-color: #ffcf8b1f;
    }
    .bg-\[\#f2d7ff\] {
        background-color: #f2d7ff;
    }
    .bg-\[rgba\(9\,16\,26\,0\.8\)\] {
        background-color: #09101acc;
    }
    .bg-\[rgba\(9\,16\,26\,0\.85\)\] {
        background-color: #09101ad9;
    }
    .bg-\[rgba\(9\,16\,26\,0\.95\)\] {
        background-color: #09101af2;
    }
    .bg-\[rgba\(211\,115\,255\,\.08\)\] {
        background-color: #d373ff14;
    }
    .bg-\[rgba\(211\,115\,255\,\.10\)\] {
        background-color: #d373ff1a;
    }
    .bg-\[rgba\(255\,255\,255\,0\.02\)\] {
        background-color: #ffffff05;
    }
    .bg-\[rgba\(255\,255\,255\,0\.06\)\] {
        background-color: #ffffff0f;
    }
    .bg-amber-400\/5 {
        background-color: #fcbb000d;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-amber-400\/5 {
            background-color: color-mix(
                in oklab,
                var(--color-amber-400) 5%,
                transparent
            );
        }
    }
    .bg-amber-400\/10 {
        background-color: #fcbb001a;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-amber-400\/10 {
            background-color: color-mix(
                in oklab,
                var(--color-amber-400) 10%,
                transparent
            );
        }
    }
    .bg-bd-default {
        background-color: #2d384b;
    }
    .bg-bd-default\/60 {
        background-color: #2d384b99;
    }
    .bg-bgc-layer-semi-neutral {
        background-color: #a4a4a440;
    }
    .bg-bgc-layer-semi-neutral\/70 {
        background-color: #a4a4a42d;
    }
    .bg-bgc-layer-semi-purple {
        background-color: #9235be40;
    }
    .bg-bgc-layer1 {
        background-color: #0b0c1d;
    }
    .bg-bgc-layer1\/40 {
        background-color: #0b0c1d66;
    }
    .bg-bgc-layer1\/60 {
        background-color: #0b0c1d99;
    }
    .bg-bgc-layer1\/90 {
        background-color: #0b0c1de6;
    }
    .bg-bgc-layer1\/95 {
        background-color: #0b0c1df2;
    }
    .bg-bgc-layer2 {
        background-color: #202636;
    }
    .bg-bgc-layer2\/20 {
        background-color: #20263633;
    }
    .bg-bgc-layer2\/30 {
        background-color: #2026364d;
    }
    .bg-bgc-layer2\/40 {
        background-color: #20263666;
    }
    .bg-bgc-layer2\/50 {
        background-color: #20263680;
    }
    .bg-bgc-layer2\/60 {
        background-color: #20263699;
    }
    .bg-bgc-layer2\/70 {
        background-color: #202636b3;
    }
    .bg-bgc-layer2\/75 {
        background-color: #202636bf;
    }
    .bg-bgc-layer2\/80 {
        background-color: #202636cc;
    }
    .bg-black {
        background-color: var(--color-black);
    }
    .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\/15 {
        background-color: #00000026;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-black\/15 {
            background-color: color-mix(
                in oklab,
                var(--color-black) 15%,
                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\/22 {
        background-color: #00000038;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-black\/22 {
            background-color: color-mix(
                in oklab,
                var(--color-black) 22%,
                transparent
            );
        }
    }
    .bg-black\/25 {
        background-color: #00000040;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-black\/25 {
            background-color: color-mix(
                in oklab,
                var(--color-black) 25%,
                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\/35 {
        background-color: #00000059;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-black\/35 {
            background-color: color-mix(
                in oklab,
                var(--color-black) 35%,
                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\/45 {
        background-color: #00000073;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-black\/45 {
            background-color: color-mix(
                in oklab,
                var(--color-black) 45%,
                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\/55 {
        background-color: #0000008c;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-black\/55 {
            background-color: color-mix(
                in oklab,
                var(--color-black) 55%,
                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\/90 {
        background-color: #000000e6;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-black\/90 {
            background-color: color-mix(
                in oklab,
                var(--color-black) 90%,
                transparent
            );
        }
    }
    .bg-blue-50 {
        background-color: var(--color-blue-50);
    }
    .bg-blue-500 {
        background-color: var(--color-blue-500);
    }
    .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-blue-600 {
        background-color: var(--color-blue-600);
    }
    .bg-btn-primary {
        background-color: #d373ff;
    }
    .bg-emerald-300\/10 {
        background-color: #5ee9b51a;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-emerald-300\/10 {
            background-color: color-mix(
                in oklab,
                var(--color-emerald-300) 10%,
                transparent
            );
        }
    }
    .bg-emerald-400\/8 {
        background-color: #00d29414;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-emerald-400\/8 {
            background-color: color-mix(
                in oklab,
                var(--color-emerald-400) 8%,
                transparent
            );
        }
    }
    .bg-emerald-400\/10 {
        background-color: #00d2941a;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-emerald-400\/10 {
            background-color: color-mix(
                in oklab,
                var(--color-emerald-400) 10%,
                transparent
            );
        }
    }
    .bg-emerald-400\/80 {
        background-color: #00d294cc;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-emerald-400\/80 {
            background-color: color-mix(
                in oklab,
                var(--color-emerald-400) 80%,
                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\/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-600 {
        background-color: var(--color-emerald-600);
    }
    .bg-error-error\/10 {
        background-color: #ff44441a;
    }
    .bg-fuchsia-300\/8 {
        background-color: #f2a9ff14;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-fuchsia-300\/8 {
            background-color: color-mix(
                in oklab,
                var(--color-fuchsia-300) 8%,
                transparent
            );
        }
    }
    .bg-fuchsia-400 {
        background-color: var(--color-fuchsia-400);
    }
    .bg-fuchsia-500 {
        background-color: var(--color-fuchsia-500);
    }
    .bg-fuchsia-500\/10 {
        background-color: #e12afb1a;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-fuchsia-500\/10 {
            background-color: color-mix(
                in oklab,
                var(--color-fuchsia-500) 10%,
                transparent
            );
        }
    }
    .bg-fuchsia-500\/20 {
        background-color: #e12afb33;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-fuchsia-500\/20 {
            background-color: color-mix(
                in oklab,
                var(--color-fuchsia-500) 20%,
                transparent
            );
        }
    }
    .bg-gray-50 {
        background-color: var(--color-gray-50);
    }
    .bg-gray-400 {
        background-color: var(--color-gray-400);
    }
    .bg-gray-500 {
        background-color: var(--color-gray-500);
    }
    .bg-gray-600\/80 {
        background-color: #4a5565cc;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-gray-600\/80 {
            background-color: color-mix(
                in oklab,
                var(--color-gray-600) 80%,
                transparent
            );
        }
    }
    .bg-gray-800 {
        background-color: var(--color-gray-800);
    }
    .bg-gray-900 {
        background-color: var(--color-gray-900);
    }
    .bg-gray-950 {
        background-color: var(--color-gray-950);
    }
    .bg-green-50 {
        background-color: var(--color-green-50);
    }
    .bg-green-500 {
        background-color: var(--color-green-500);
    }
    .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-800\/40 {
        background-color: #01663066;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-green-800\/40 {
            background-color: color-mix(
                in oklab,
                var(--color-green-800) 40%,
                transparent
            );
        }
    }
    .bg-green-950 {
        background-color: var(--color-green-950);
    }
    .bg-lav-500 {
        background-color: #d373ff;
    }
    .bg-lav-500\/10 {
        background-color: #d373ff1a;
    }
    .bg-lav-500\/15 {
        background-color: #d373ff26;
    }
    .bg-lav-500\/18 {
        background-color: #d373ff2e;
    }
    .bg-lav-500\/20 {
        background-color: #d373ff33;
    }
    .bg-lav-500\/30 {
        background-color: #d373ff4d;
    }
    .bg-purple-300\/10 {
        background-color: #d9b3ff1a;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-purple-300\/10 {
            background-color: color-mix(
                in oklab,
                var(--color-purple-300) 10%,
                transparent
            );
        }
    }
    .bg-purple-400 {
        background-color: var(--color-purple-400);
    }
    .bg-red-50 {
        background-color: var(--color-red-50);
    }
    .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-600 {
        background-color: var(--color-red-600);
    }
    .bg-red-700 {
        background-color: var(--color-red-700);
    }
    .bg-red-950 {
        background-color: var(--color-red-950);
    }
    .bg-red-950\/40 {
        background-color: #46080966;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-red-950\/40 {
            background-color: color-mix(
                in oklab,
                var(--color-red-950) 40%,
                transparent
            );
        }
    }
    .bg-rose-500\/20 {
        background-color: #ff235733;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-rose-500\/20 {
            background-color: color-mix(
                in oklab,
                var(--color-rose-500) 20%,
                transparent
            );
        }
    }
    .bg-rose-600\/15 {
        background-color: #e7004426;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-rose-600\/15 {
            background-color: color-mix(
                in oklab,
                var(--color-rose-600) 15%,
                transparent
            );
        }
    }
    .bg-sky-300\/10 {
        background-color: #77d4ff1a;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-sky-300\/10 {
            background-color: color-mix(
                in oklab,
                var(--color-sky-300) 10%,
                transparent
            );
        }
    }
    .bg-sky-400\/5 {
        background-color: #00bcfe0d;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-sky-400\/5 {
            background-color: color-mix(
                in oklab,
                var(--color-sky-400) 5%,
                transparent
            );
        }
    }
    .bg-sky-600 {
        background-color: var(--color-sky-600);
    }
    .bg-slate-950 {
        background-color: var(--color-slate-950);
    }
    .bg-success-success {
        background-color: #25ebac;
    }
    .bg-success-success\/10 {
        background-color: #25ebac1a;
    }
    .bg-teal-400\/10 {
        background-color: #00d3bd1a;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-teal-400\/10 {
            background-color: color-mix(
                in oklab,
                var(--color-teal-400) 10%,
                transparent
            );
        }
    }
    .bg-transparent {
        background-color: #0000;
    }
    .bg-txt-focus {
        background-color: #d373ff;
    }
    .bg-txt-secondary {
        background-color: #73798d;
    }
    .bg-white {
        background-color: var(--color-white);
    }
    .bg-white\/4 {
        background-color: #ffffff0a;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-white\/4 {
            background-color: color-mix(
                in oklab,
                var(--color-white) 4%,
                transparent
            );
        }
    }
    .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\/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\/\[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-yellow-300\/10 {
        background-color: #ffe02a1a;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-yellow-300\/10 {
            background-color: color-mix(
                in oklab,
                var(--color-yellow-300) 10%,
                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\/15 {
        background-color: #edb20026;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-yellow-500\/15 {
            background-color: color-mix(
                in oklab,
                var(--color-yellow-500) 15%,
                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-yellow-700 {
        background-color: var(--color-yellow-700);
    }
    .bg-zinc-500\/20 {
        background-color: #71717b33;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-zinc-500\/20 {
            background-color: color-mix(
                in oklab,
                var(--color-zinc-500) 20%,
                transparent
            );
        }
    }
    .bg-zinc-600 {
        background-color: var(--color-zinc-600);
    }
    .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-l {
        --tw-gradient-position: to left 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-\[linear-gradient\(90deg\,\#ffd38f_0\%\,\#ff8b5e_50\%\,\#ff5877_100\%\)\] {
        background-image: linear-gradient(90deg, #ffd38f, #ff8b5e, #ff5877);
    }
    .bg-\[linear-gradient\(135deg\,\#f0b86d\,\#ff7b57\)\] {
        background-image: linear-gradient(135deg, #f0b86d, #ff7b57);
    }
    .bg-\[linear-gradient\(180deg\,rgba\(19\,16\,23\,0\.98\)\,rgba\(10\,9\,14\,0\.96\)\)\] {
        background-image: linear-gradient(#131017fa, #0a090ef5);
    }
    .bg-\[linear-gradient\(180deg\,rgba\(33\,20\,14\,0\.97\)\,rgba\(11\,8\,10\,0\.98\)\)\] {
        background-image: linear-gradient(#21140ef7, #0b080afa);
    }
    .bg-\[linear-gradient\(180deg\,rgba\(34\,27\,36\,0\.88\)\,rgba\(18\,14\,22\,0\.94\)\)\] {
        background-image: linear-gradient(#221b24e0, #120e16f0);
    }
    .bg-\[linear-gradient\(180deg\,rgba\(38\,10\,18\,0\.95\)\,rgba\(11\,5\,10\,0\.98\)\)\] {
        background-image: linear-gradient(#260a12f2, #0b050afa);
    }
    .bg-\[linear-gradient\(180deg\,rgba\(52\,28\,16\,0\.96\)\,rgba\(17\,9\,10\,0\.98\)\)\] {
        background-image: linear-gradient(#341c10f5, #11090afa);
    }
    .bg-\[linear-gradient\(180deg\,rgba\(63\,18\,28\,0\.95\)\,rgba\(26\,10\,19\,0\.88\)\)\] {
        background-image: linear-gradient(#3f121cf2, #1a0a13e0);
    }
    .bg-\[linear-gradient\(180deg\,rgba\(64\,32\,16\,0\.94\)\,rgba\(24\,15\,14\,0\.88\)\)\] {
        background-image: linear-gradient(#402010f0, #180f0ee0);
    }
    .bg-\[linear-gradient\(180deg\,rgba\(255\,181\,196\,0\.9\)\,rgba\(130\,18\,38\,0\)\)\] {
        background-image: linear-gradient(#ffb5c4e6, #82122600);
    }
    .bg-\[linear-gradient\(180deg\,rgba\(255\,196\,206\,0\.92\)\,rgba\(124\,13\,40\,0\)\)\] {
        background-image: linear-gradient(#ffc4ceeb, #7c0d2800);
    }
    .bg-\[linear-gradient\(180deg\,rgba\(255\,238\,196\,0\.95\)\,rgba\(255\,136\,85\,0\)\)\] {
        background-image: linear-gradient(#ffeec4f2, #f850);
    }
    .bg-\[linear-gradient\(180deg\,rgba\(255\,244\,203\,0\.95\)\,rgba\(255\,131\,85\,0\)\)\] {
        background-image: linear-gradient(#fff4cbf2, #ff835500);
    }
    .bg-\[radial-gradient\(circle\,_rgba\(255\,86\,120\,0\.32\)_0\%\,_rgba\(133\,10\,27\,0\.28\)_40\%\,_rgba\(7\,5\,9\,0\)_74\%\)\] {
        background-image: radial-gradient(
            circle,
            #ff567852,
            #850a1b47 40%,
            #07050900 74%
        );
    }
    .bg-\[radial-gradient\(circle\,_rgba\(255\,132\,150\,0\.38\)_0\%\,_rgba\(139\,22\,47\,0\.22\)_42\%\,_rgba\(139\,22\,47\,0\)_76\%\)\] {
        background-image: radial-gradient(
            circle,
            #ff849661,
            #8b162f38 42%,
            #8b162f00 76%
        );
    }
    .bg-\[radial-gradient\(circle\,_rgba\(255\,221\,170\,0\.75\)_0\%\,_rgba\(255\,153\,94\,0\.3\)_38\%\,_rgba\(255\,90\,118\,0\)_72\%\)\] {
        background-image: radial-gradient(
            circle,
            #ffddaabf,
            #ff995e4d 38%,
            #ff5a7600 72%
        );
    }
    .bg-\[radial-gradient\(circle\,_rgba\(255\,222\,160\,0\.9\)_0\%\,_rgba\(255\,150\,92\,0\.55\)_38\%\,_rgba\(255\,89\,119\,0\)_74\%\)\] {
        background-image: radial-gradient(
            circle,
            #ffdea0e6,
            #ff965c8c 38%,
            #ff597700 74%
        );
    }
    .bg-\[radial-gradient\(circle_at_top\,_rgba\(255\,196\,120\,0\.14\)\,_transparent_45\%\)\,linear-gradient\(180deg\,rgba\(24\,17\,14\,0\.96\)\,rgba\(8\,7\,10\,0\.98\)\)\] {
        background-image:
            radial-gradient(circle at top, #ffc47824, #0000 45%),
            linear-gradient(#18110ef5, #08070afa);
    }
    .bg-\[radial-gradient\(circle_at_top\,_rgba\(255\,209\,143\,0\.14\)\,_transparent_42\%\)\,linear-gradient\(180deg\,rgba\(17\,14\,22\,0\.98\)\,rgba\(8\,7\,12\,0\.96\)\)\] {
        background-image:
            radial-gradient(circle at top, #ffd18f24, #0000 42%),
            linear-gradient(#110e16fa, #08070cf5);
    }
    .bg-\[radial-gradient\(ellipse_100\%_96\.27\%_at_50\%_0\%\,_rgba\(12\,11\,56\,0\.45\)_0\%\,_black_77\%\)\] {
        background-image: radial-gradient(
            100% 96.27% at 50% 0,
            #0c0b3873,
            #000 77%
        );
    }
    .bg-\[radial-gradient\(ellipse_100\.00\%_96\.27\%_at_50\.00\%_-0\.00\%\,_rgba\(25\,_23\,_88\,_0\.45\)_0\%\,_\#111128_100\%\)\] {
        background-image: radial-gradient(
            100% 96.27% at 50% 0,
            #19175873,
            #111128
        );
    }
    .from-\[\#0B0C1D\]\/95 {
        --tw-gradient-from: oklab(16.3838% 0.00565 -0.0350177/.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-\[\#3D1351\] {
        --tw-gradient-from: #3d1351;
        --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-\[\#4FD1C5\] {
        --tw-gradient-from: #4fd1c5;
        --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-\[\#8B5CF6\] {
        --tw-gradient-from: #8b5cf6;
        --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-\[\#08010f\]\/80 {
        --tw-gradient-from: oklab(10.8118% 0.0284196 -0.0336403/.8);
        --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-\[\#18031f\] {
        --tw-gradient-from: #18031f;
        --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-\[\#C466FF\] {
        --tw-gradient-from: #c466ff;
        --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-\[\#DD94FF\] {
        --tw-gradient-from: #dd94ff;
        --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-\[\#FFD7A8\] {
        --tw-gradient-from: #ffd7a8;
        --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\/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-fuchsia-300 {
        --tw-gradient-from: var(--color-fuchsia-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-fuchsia-500 {
        --tw-gradient-from: 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)
        );
    }
    .from-fuchsia-500\/10 {
        --tw-gradient-from: #e12afb1a;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .from-fuchsia-500\/10 {
            --tw-gradient-from: color-mix(
                in oklab,
                var(--color-fuchsia-500) 10%,
                transparent
            );
        }
    }
    .from-fuchsia-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-fuchsia-600 {
        --tw-gradient-from: var(--color-fuchsia-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-gray-900\/0 {
        --tw-gradient-from: #0000;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .from-gray-900\/0 {
            --tw-gradient-from: color-mix(
                in oklab,
                var(--color-gray-900) 0%,
                transparent
            );
        }
    }
    .from-gray-900\/0 {
        --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-lav-500 {
        --tw-gradient-from: #d373ff;
        --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-lav-600 {
        --tw-gradient-from: #c962f9;
        --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-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-txt-secondary {
        --tw-gradient-from: #73798d;
        --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\/90 {
        --tw-gradient-from: #ffffffe6;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .from-white\/90 {
            --tw-gradient-from: color-mix(
                in oklab,
                var(--color-white) 90%,
                transparent
            );
        }
    }
    .from-white\/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\.02\] {
        --tw-gradient-from: #ffffff05;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .from-white\/\[0\.02\] {
            --tw-gradient-from: color-mix(
                in oklab,
                var(--color-white) 2%,
                transparent
            );
        }
    }
    .from-white\/\[0\.02\] {
        --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-40\% {
        --tw-gradient-from-position: 40%;
    }
    .via-\[\#0B0C1D\]\/90 {
        --tw-gradient-via: oklab(16.3838% 0.00565 -0.0350177/.9);
        --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-\[\#2a083a\] {
        --tw-gradient-via: #2a083a;
        --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-\[\#38B2AC\] {
        --tw-gradient-via: #38b2ac;
        --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-\[\#924DBF\] {
        --tw-gradient-via: #924dbf;
        --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-\[\#12051d\]\/55 {
        --tw-gradient-via: oklab(15.4418% 0.0316867 -0.0418926/.55);
        --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-\[\#A855F7\] {
        --tw-gradient-via: #a855f7;
        --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\/50 {
        --tw-gradient-via: #00000080;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .via-black\/50 {
            --tw-gradient-via: color-mix(
                in oklab,
                var(--color-black) 50%,
                transparent
            );
        }
    }
    .via-black\/50 {
        --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-lav-500 {
        --tw-gradient-via: #d373ff;
        --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 {
        --tw-gradient-via: var(--color-white);
        --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\.05\] {
        --tw-gradient-via: #ffffff0d;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .via-white\/\[0\.05\] {
            --tw-gradient-via: color-mix(
                in oklab,
                var(--color-white) 5%,
                transparent
            );
        }
    }
    .via-white\/\[0\.05\] {
        --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-45\% {
        --tw-gradient-via-position: 45%;
    }
    .to-\[\#0BC5EA\] {
        --tw-gradient-to: #0bc5ea;
        --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-\[\#7C3AED\] {
        --tw-gradient-to: #7c3aed;
        --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-\[\#924DBF\] {
        --tw-gradient-to: #924dbf;
        --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-\[\#09010f\] {
        --tw-gradient-to: #09010f;
        --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-\[\#B45AFF\] {
        --tw-gradient-to: #b45aff;
        --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-\[\#C084FC\] {
        --tw-gradient-to: #c084fc;
        --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-\[\#C466FF\] {
        --tw-gradient-to: #c466ff;
        --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-\[\#D373FF\] {
        --tw-gradient-to: #d373ff;
        --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-\[\#E8B5FF\] {
        --tw-gradient-to: #e8b5ff;
        --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-\[\#FFB86B\] {
        --tw-gradient-to: #ffb86b;
        --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-bgc-layer1 {
        --tw-gradient-to: #0b0c1d;
        --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 {
        --tw-gradient-to: 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)
        );
    }
    .to-btn-primary {
        --tw-gradient-to: #d373ff;
        --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-400 {
        --tw-gradient-to: var(--color-fuchsia-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-900 {
        --tw-gradient-to: var(--color-gray-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-lav-500 {
        --tw-gradient-to: #d373ff;
        --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-lav-600 {
        --tw-gradient-to: #c962f9;
        --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-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-500\/10 {
        --tw-gradient-to: #ff23571a;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .to-rose-500\/10 {
            --tw-gradient-to: color-mix(
                in oklab,
                var(--color-rose-500) 10%,
                transparent
            );
        }
    }
    .to-rose-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-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-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-transparent\/0 {
        --tw-gradient-to: oklab(0% none none/0);
        --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\.02\] {
        --tw-gradient-to: #ffffff05;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .to-white\/\[0\.02\] {
            --tw-gradient-to: color-mix(
                in oklab,
                var(--color-white) 2%,
                transparent
            );
        }
    }
    .to-white\/\[0\.02\] {
        --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-300 {
        --tw-gradient-to: 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)
        );
    }
    .bg-clip-text {
        -webkit-background-clip: text;
        background-clip: text;
    }
    .fill-\[\#FFD700\] {
        fill: gold;
    }
    .fill-bgc-layer1 {
        fill: #0b0c1d;
    }
    .fill-current {
        fill: currentColor;
    }
    .fill-txt-tertiary {
        fill: #4a4f61;
    }
    .fill-white {
        fill: var(--color-white);
    }
    .fill-yellow-400 {
        fill: var(--color-yellow-400);
    }
    .object-contain {
        object-fit: contain;
    }
    .object-cover {
        object-fit: cover;
    }
    .object-center {
        object-position: center;
    }
    .object-top {
        object-position: top;
    }
    .p-0 {
        padding: calc(var(--spacing) * 0);
    }
    .p-0\.5 {
        padding: calc(var(--spacing) * 0.5);
    }
    .p-1 {
        padding: calc(var(--spacing) * 1);
    }
    .p-1\.5 {
        padding: calc(var(--spacing) * 1.5);
    }
    .p-2 {
        padding: calc(var(--spacing) * 2);
    }
    .p-2\.5 {
        padding: calc(var(--spacing) * 2.5);
    }
    .p-3 {
        padding: calc(var(--spacing) * 3);
    }
    .p-4 {
        padding: calc(var(--spacing) * 4);
    }
    .p-5 {
        padding: calc(var(--spacing) * 5);
    }
    .p-6 {
        padding: calc(var(--spacing) * 6);
    }
    .p-8 {
        padding: calc(var(--spacing) * 8);
    }
    .\!px-1\.5 {
        padding-inline: calc(var(--spacing) * 1.5) !important;
    }
    .px-0 {
        padding-inline: calc(var(--spacing) * 0);
    }
    .px-0\.5 {
        padding-inline: calc(var(--spacing) * 0.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-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-\[0\.85rem\] {
        padding-inline: 0.85rem;
    }
    .\!py-0\.5 {
        padding-block: calc(var(--spacing) * 0.5) !important;
    }
    .py-0 {
        padding-block: calc(var(--spacing) * 0);
    }
    .py-0\.5 {
        padding-block: calc(var(--spacing) * 0.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-\[0\.55rem\] {
        padding-block: 0.55rem;
    }
    .py-\[2px\] {
        padding-block: 2px;
    }
    .py-\[10px\] {
        padding-block: 10px;
    }
    .pt-0 {
        padding-top: calc(var(--spacing) * 0);
    }
    .pt-1 {
        padding-top: calc(var(--spacing) * 1);
    }
    .pt-2 {
        padding-top: calc(var(--spacing) * 2);
    }
    .pt-2\.5 {
        padding-top: calc(var(--spacing) * 2.5);
    }
    .pt-3 {
        padding-top: calc(var(--spacing) * 3);
    }
    .pt-4 {
        padding-top: calc(var(--spacing) * 4);
    }
    .pt-5 {
        padding-top: calc(var(--spacing) * 5);
    }
    .pt-6 {
        padding-top: calc(var(--spacing) * 6);
    }
    .pt-\[0\.15rem\] {
        padding-top: 0.15rem;
    }
    .pt-\[104px\] {
        padding-top: 104px;
    }
    .pr-1 {
        padding-right: calc(var(--spacing) * 1);
    }
    .pr-2 {
        padding-right: calc(var(--spacing) * 2);
    }
    .pr-3 {
        padding-right: calc(var(--spacing) * 3);
    }
    .pr-24 {
        padding-right: calc(var(--spacing) * 24);
    }
    .pb-0\.5 {
        padding-bottom: calc(var(--spacing) * 0.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-3 {
        padding-bottom: calc(var(--spacing) * 3);
    }
    .pb-4 {
        padding-bottom: calc(var(--spacing) * 4);
    }
    .pb-5 {
        padding-bottom: calc(var(--spacing) * 5);
    }
    .pb-6 {
        padding-bottom: calc(var(--spacing) * 6);
    }
    .pb-24 {
        padding-bottom: calc(var(--spacing) * 24);
    }
    .pb-28 {
        padding-bottom: calc(var(--spacing) * 28);
    }
    .pb-48 {
        padding-bottom: calc(var(--spacing) * 48);
    }
    .pb-\[0\.6rem\] {
        padding-bottom: 0.6rem;
    }
    .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-2 {
        padding-left: calc(var(--spacing) * 2);
    }
    .pl-5 {
        padding-left: calc(var(--spacing) * 5);
    }
    .pl-6 {
        padding-left: calc(var(--spacing) * 6);
    }
    .pl-8 {
        padding-left: calc(var(--spacing) * 8);
    }
    .text-center {
        text-align: center;
    }
    .text-left {
        text-align: left;
    }
    .text-right {
        text-align: right;
    }
    .align-bottom {
        vertical-align: bottom;
    }
    .align-middle {
        vertical-align: middle;
    }
    .align-top {
        vertical-align: top;
    }
    .font-sans {
        font-family: var(--font-sans);
    }
    .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-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-\[0\.6rem\] {
        font-size: 0.6rem;
    }
    .text-\[0\.7rem\] {
        font-size: 0.7rem;
    }
    .text-\[0\.65rem\] {
        font-size: 0.65rem;
    }
    .text-\[0\.75rem\] {
        font-size: 0.75rem;
    }
    .text-\[1\.0rem\] {
        font-size: 1rem;
    }
    .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-\[15px\] {
        font-size: 15px;
    }
    .text-\[16px\] {
        font-size: 16px;
    }
    .text-\[17px\] {
        font-size: 17px;
    }
    .text-\[18px\] {
        font-size: 18px;
    }
    .text-\[20px\] {
        font-size: 20px;
    }
    .leading-4 {
        --tw-leading: calc(var(--spacing) * 4);
        line-height: calc(var(--spacing) * 4);
    }
    .leading-5 {
        --tw-leading: calc(var(--spacing) * 5);
        line-height: calc(var(--spacing) * 5);
    }
    .leading-6 {
        --tw-leading: calc(var(--spacing) * 6);
        line-height: calc(var(--spacing) * 6);
    }
    .leading-7 {
        --tw-leading: calc(var(--spacing) * 7);
        line-height: calc(var(--spacing) * 7);
    }
    .leading-9 {
        --tw-leading: calc(var(--spacing) * 9);
        line-height: calc(var(--spacing) * 9);
    }
    .leading-10 {
        --tw-leading: calc(var(--spacing) * 10);
        line-height: calc(var(--spacing) * 10);
    }
    .leading-\[0\.95rem\] {
        --tw-leading: 0.95rem;
        line-height: 0.95rem;
    }
    .leading-\[1\.25\] {
        --tw-leading: 1.25;
        line-height: 1.25;
    }
    .leading-\[20px\] {
        --tw-leading: 20px;
        line-height: 20px;
    }
    .leading-\[21px\] {
        --tw-leading: 21px;
        line-height: 21px;
    }
    .leading-\[26px\] {
        --tw-leading: 26px;
        line-height: 26px;
    }
    .leading-loose {
        --tw-leading: var(--leading-loose);
        line-height: var(--leading-loose);
    }
    .leading-none {
        --tw-leading: 1;
        line-height: 1;
    }
    .leading-normal {
        --tw-leading: var(--leading-normal);
        line-height: var(--leading-normal);
    }
    .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-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-\[0\.08em\] {
        --tw-tracking: 0.08em;
        letter-spacing: 0.08em;
    }
    .tracking-\[0\.18em\] {
        --tw-tracking: 0.18em;
        letter-spacing: 0.18em;
    }
    .tracking-\[0\.22em\] {
        --tw-tracking: 0.22em;
        letter-spacing: 0.22em;
    }
    .tracking-\[0\.24em\] {
        --tw-tracking: 0.24em;
        letter-spacing: 0.24em;
    }
    .tracking-\[0\.28em\] {
        --tw-tracking: 0.28em;
        letter-spacing: 0.28em;
    }
    .tracking-\[0\.34em\] {
        --tw-tracking: 0.34em;
        letter-spacing: 0.34em;
    }
    .tracking-tight {
        --tw-tracking: var(--tracking-tight);
        letter-spacing: var(--tracking-tight);
    }
    .tracking-wide {
        --tw-tracking: var(--tracking-wide);
        letter-spacing: var(--tracking-wide);
    }
    .break-words {
        overflow-wrap: break-word;
    }
    .\[word-break\:break-word\] {
        word-break: break-word;
    }
    .break-all {
        word-break: break-all;
    }
    .text-ellipsis {
        text-overflow: ellipsis;
    }
    .\[white-space\:pre-wrap\] {
        white-space: pre-wrap;
    }
    .whitespace-normal {
        white-space: normal;
    }
    .whitespace-nowrap {
        white-space: nowrap;
    }
    .whitespace-pre-line {
        white-space: pre-line;
    }
    .whitespace-pre-wrap {
        white-space: pre-wrap;
    }
    .\!text-red-500 {
        color: var(--color-red-500) !important;
    }
    .text-\[\#1a0d08\] {
        color: #1a0d08;
    }
    .text-\[\#5BD8FA\] {
        color: #5bd8fa;
    }
    .text-\[\#10B981\] {
        color: #10b981;
    }
    .text-\[\#25EBAC\] {
        color: #25ebac;
    }
    .text-\[\#22072d\] {
        color: #22072d;
    }
    .text-\[\#B39AFB\] {
        color: #b39afb;
    }
    .text-\[\#BFC5E6\] {
        color: #bfc5e6;
    }
    .text-\[\#C084FC\] {
        color: #c084fc;
    }
    .text-\[\#D6DAE6\] {
        color: #d6dae6;
    }
    .text-\[\#D373FF\] {
        color: #d373ff;
    }
    .text-\[\#D94545\] {
        color: #d94545;
    }
    .text-\[\#DD94FF\] {
        color: #dd94ff;
    }
    .text-\[\#DFA8FF\] {
        color: #dfa8ff;
    }
    .text-\[\#E0B2FF\] {
        color: #e0b2ff;
    }
    .text-\[\#E03F46\] {
        color: #e03f46;
    }
    .text-\[\#E8B5FF\] {
        color: #e8b5ff;
    }
    .text-\[\#EBD7FF\] {
        color: #ebd7ff;
    }
    .text-\[\#EBD7FF\]\/90 {
        color: #ebd7ffe6;
    }
    .text-\[\#EBD7FF\]\/95 {
        color: #ebd7fff2;
    }
    .text-\[\#EF4444\] {
        color: #ef4444;
    }
    .text-\[\#F5EAD8\] {
        color: #f5ead8;
    }
    .text-\[\#F8EAD4\] {
        color: #f8ead4;
    }
    .text-\[\#F97316\] {
        color: #f97316;
    }
    .text-\[\#FF98A8\] {
        color: #ff98a8;
    }
    .text-\[\#FF555D\] {
        color: #ff555d;
    }
    .text-\[\#FF555D\]\/70 {
        color: #ff555db3;
    }
    .text-\[\#FF7158\] {
        color: #ff7158;
    }
    .text-\[\#FFB7C1\] {
        color: #ffb7c1;
    }
    .text-\[\#FFC107\] {
        color: #ffc107;
    }
    .text-\[\#FFCF8B\] {
        color: #ffcf8b;
    }
    .text-\[\#FFD59D\] {
        color: #ffd59d;
    }
    .text-\[\#FFD69E\] {
        color: #ffd69e;
    }
    .text-\[\#FFD700\] {
        color: gold;
    }
    .text-\[\#FFE7FF\] {
        color: #ffe7ff;
    }
    .text-\[\#FFE133\] {
        color: #ffe133;
    }
    .text-\[\#d4a6ff\] {
        color: #d4a6ff;
    }
    .text-\[\#f3ddff\] {
        color: #f3ddff;
    }
    .text-amber-200 {
        color: var(--color-amber-200);
    }
    .text-amber-400 {
        color: var(--color-amber-400);
    }
    .text-amber-500 {
        color: var(--color-amber-500);
    }
    .text-bgc-layer1 {
        color: #0b0c1d;
    }
    .text-black {
        color: var(--color-black);
    }
    .text-blue-200 {
        color: var(--color-blue-200);
    }
    .text-blue-300 {
        color: var(--color-blue-300);
    }
    .text-blue-400 {
        color: var(--color-blue-400);
    }
    .text-blue-500 {
        color: var(--color-blue-500);
    }
    .text-emerald-100 {
        color: var(--color-emerald-100);
    }
    .text-emerald-200 {
        color: var(--color-emerald-200);
    }
    .text-emerald-300 {
        color: var(--color-emerald-300);
    }
    .text-emerald-500 {
        color: var(--color-emerald-500);
    }
    .text-error-error {
        color: #f44;
    }
    .text-fuchsia-100 {
        color: var(--color-fuchsia-100);
    }
    .text-fuchsia-200 {
        color: var(--color-fuchsia-200);
    }
    .text-fuchsia-300 {
        color: var(--color-fuchsia-300);
    }
    .text-fuchsia-400 {
        color: var(--color-fuchsia-400);
    }
    .text-gray-200 {
        color: var(--color-gray-200);
    }
    .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-800 {
        color: var(--color-gray-800);
    }
    .text-gray-900 {
        color: var(--color-gray-900);
    }
    .text-green-200 {
        color: var(--color-green-200);
    }
    .text-green-300 {
        color: var(--color-green-300);
    }
    .text-green-400 {
        color: var(--color-green-400);
    }
    .text-green-500 {
        color: var(--color-green-500);
    }
    .text-indigo-300 {
        color: var(--color-indigo-300);
    }
    .text-lav-500 {
        color: #d373ff;
    }
    .text-lime-300 {
        color: var(--color-lime-300);
    }
    .text-orange-400 {
        color: var(--color-orange-400);
    }
    .text-pink-400 {
        color: var(--color-pink-400);
    }
    .text-pink-500 {
        color: var(--color-pink-500);
    }
    .text-purple-200 {
        color: var(--color-purple-200);
    }
    .text-purple-200\/90 {
        color: #e9d5ffe6;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-purple-200\/90 {
            color: color-mix(
                in oklab,
                var(--color-purple-200) 90%,
                transparent
            );
        }
    }
    .text-purple-300 {
        color: var(--color-purple-300);
    }
    .text-purple-400 {
        color: var(--color-purple-400);
    }
    .text-red-100 {
        color: var(--color-red-100);
    }
    .text-red-200 {
        color: var(--color-red-200);
    }
    .text-red-200\/85 {
        color: #ffcacad9;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-red-200\/85 {
            color: color-mix(in oklab, var(--color-red-200) 85%, transparent);
        }
    }
    .text-red-300 {
        color: var(--color-red-300);
    }
    .text-red-300\/35 {
        color: #ffa3a359;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-red-300\/35 {
            color: color-mix(in oklab, var(--color-red-300) 35%, transparent);
        }
    }
    .text-red-400 {
        color: var(--color-red-400);
    }
    .text-red-500 {
        color: var(--color-red-500);
    }
    .text-red-600 {
        color: var(--color-red-600);
    }
    .text-rose-100 {
        color: var(--color-rose-100);
    }
    .text-rose-400 {
        color: var(--color-rose-400);
    }
    .text-sky-300 {
        color: var(--color-sky-300);
    }
    .text-sky-400 {
        color: var(--color-sky-400);
    }
    .text-slate-500 {
        color: var(--color-slate-500);
    }
    .text-success-success {
        color: #25ebac;
    }
    .text-teal-400 {
        color: var(--color-teal-400);
    }
    .text-transparent {
        color: #0000;
    }
    .text-txt-focus {
        color: #d373ff;
    }
    .text-txt-inverse {
        color: #0b0c1d;
    }
    .text-txt-primary {
        color: #fff;
    }
    .text-txt-secondary {
        color: #73798d;
    }
    .text-txt-secondary\/60 {
        color: #73798d99;
    }
    .text-txt-secondary\/70 {
        color: #73798db3;
    }
    .text-txt-tertiary {
        color: #4a4f61;
    }
    .text-white {
        color: var(--color-white);
    }
    .text-white\/28 {
        color: #ffffff47;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-white\/28 {
            color: color-mix(in oklab, var(--color-white) 28%, 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\/45 {
        color: #ffffff73;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-white\/45 {
            color: color-mix(in oklab, var(--color-white) 45%, 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\/62 {
        color: #ffffff9e;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-white\/62 {
            color: color-mix(in oklab, var(--color-white) 62%, transparent);
        }
    }
    .text-white\/65 {
        color: #ffffffa6;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-white\/65 {
            color: color-mix(in oklab, var(--color-white) 65%, transparent);
        }
    }
    .text-white\/68 {
        color: #ffffffad;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-white\/68 {
            color: color-mix(in oklab, var(--color-white) 68%, 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\/75 {
        color: #ffffffbf;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-white\/75 {
            color: color-mix(in oklab, var(--color-white) 75%, transparent);
        }
    }
    .text-white\/78 {
        color: #ffffffc7;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-white\/78 {
            color: color-mix(in oklab, var(--color-white) 78%, 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\/82 {
        color: #ffffffd1;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-white\/82 {
            color: color-mix(in oklab, var(--color-white) 82%, 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\/86 {
        color: #ffffffdb;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-white\/86 {
            color: color-mix(in oklab, var(--color-white) 86%, transparent);
        }
    }
    .text-white\/88 {
        color: #ffffffe0;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-white\/88 {
            color: color-mix(in oklab, var(--color-white) 88%, transparent);
        }
    }
    .text-white\/90 {
        color: #ffffffe6;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-white\/90 {
            color: color-mix(in oklab, var(--color-white) 90%, transparent);
        }
    }
    .text-white\/95 {
        color: #fffffff2;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-white\/95 {
            color: color-mix(in oklab, var(--color-white) 95%, transparent);
        }
    }
    .text-yellow-100 {
        color: var(--color-yellow-100);
    }
    .text-yellow-200 {
        color: var(--color-yellow-200);
    }
    .text-yellow-300 {
        color: var(--color-yellow-300);
    }
    .text-yellow-400 {
        color: var(--color-yellow-400);
    }
    .text-yellow-600 {
        color: var(--color-yellow-600);
    }
    .text-zinc-200 {
        color: var(--color-zinc-200);
    }
    .capitalize {
        text-transform: capitalize;
    }
    .lowercase {
        text-transform: lowercase;
    }
    .uppercase {
        text-transform: uppercase;
    }
    .italic {
        font-style: italic;
    }
    .not-italic {
        font-style: normal;
    }
    .tabular-nums {
        --tw-numeric-spacing: tabular-nums;
        font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,)
            var(--tw-numeric-figure,) var(--tw-numeric-spacing,)
            var(--tw-numeric-fraction,);
    }
    .no-underline {
        text-decoration-line: none;
    }
    .underline {
        text-decoration-line: underline;
    }
    .decoration-\[\#FFCF8B\]\/50 {
        text-decoration-color: #ffcf8b80;
    }
    .underline-offset-4 {
        text-underline-offset: 4px;
    }
    .antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .placeholder-gray-500::placeholder {
        color: var(--color-gray-500);
    }
    .placeholder-txt-secondary::placeholder {
        color: #73798d;
    }
    .accent-\[\#D373FF\] {
        accent-color: #d373ff;
    }
    .accent-\[\#FFCF8B\] {
        accent-color: #ffcf8b;
    }
    .accent-blue-500 {
        accent-color: var(--color-blue-500);
    }
    .accent-fuchsia-400 {
        accent-color: var(--color-fuchsia-400);
    }
    .accent-fuchsia-500 {
        accent-color: var(--color-fuchsia-500);
    }
    .accent-lav-500 {
        accent-color: #d373ff;
    }
    .opacity-0 {
        opacity: 0;
    }
    .opacity-50 {
        opacity: 0.5;
    }
    .opacity-60 {
        opacity: 0.6;
    }
    .opacity-70 {
        opacity: 0.7;
    }
    .opacity-80 {
        opacity: 0.8;
    }
    .opacity-100 {
        opacity: 1;
    }
    .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_-4px_20px_rgba\(0\,0\,0\,0\.3\)\] {
        --tw-shadow: 0 -4px 20px 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_-6px_16px_-8px_rgba\(0\,0\,0\,0\.35\)\] {
        --tw-shadow: 0 -6px 16px -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_0_0_1px_rgba\(255\,207\,139\,0\.2\)\] {
        --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #ffcf8b33);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
    }
    .shadow-\[0_0_18px_rgba\(16\,185\,129\,0\.35\)\] {
        --tw-shadow: 0 0 18px 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_18px_rgba\(211\,115\,255\,0\.35\)\] {
        --tw-shadow: 0 0 18px var(--tw-shadow-color, #d373ff59);
        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_20px_rgba\(211\,115\,255\,0\.15\)\] {
        --tw-shadow: 0 0 20px var(--tw-shadow-color, #d373ff26);
        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_6px_rgba\(0\,0\,0\,0\.55\)\] {
        --tw-shadow: 0 1px 6px var(--tw-shadow-color, #0000008c);
        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_9px_rgba\(196\,69\,255\,0\.25\)\] {
        --tw-shadow: 0 4px 9px var(--tw-shadow-color, #c445ff40);
        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_10px_rgba\(221\,82\,255\,0\.12\)\] {
        --tw-shadow: 0 4px 10px var(--tw-shadow-color, #dd52ff1f);
        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_10px_rgba\(221\,82\,255\,0\.30\)\] {
        --tw-shadow: 0 4px 10px var(--tw-shadow-color, #dd52ff4d);
        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_12px_rgba\(196\,69\,255\,0\.18\)\] {
        --tw-shadow: 0 4px 12px var(--tw-shadow-color, #c445ff2e);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
    }
    .shadow-\[0_6px_14px_rgba\(255\,184\,107\,0\.24\)\] {
        --tw-shadow: 0 6px 14px var(--tw-shadow-color, #ffb86b3d);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
    }
    .shadow-\[0_6px_18px_rgba\(123\,97\,255\,0\.35\)\] {
        --tw-shadow: 0 6px 18px var(--tw-shadow-color, #7b61ff59);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
    }
    .shadow-\[0_6px_24px_rgba\(0\,0\,0\,\.35\)\] {
        --tw-shadow: 0 6px 24px 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_8px_28px_rgba\(0\,0\,0\,0\.14\)\] {
        --tw-shadow: 0 8px 28px var(--tw-shadow-color, #00000024);
        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_10px_28px_rgba\(0\,0\,0\,0\.18\)\] {
        --tw-shadow: 0 10px 28px var(--tw-shadow-color, #0000002e);
        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_10px_30px_rgba\(211\,115\,255\,0\.16\)\] {
        --tw-shadow: 0 10px 30px var(--tw-shadow-color, #d373ff29);
        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_10px_30px_rgba\(211\,115\,255\,0\.18\)\] {
        --tw-shadow: 0 10px 30px var(--tw-shadow-color, #d373ff2e);
        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_14px_34px_rgba\(0\,0\,0\,0\.18\)\] {
        --tw-shadow: 0 14px 34px var(--tw-shadow-color, #0000002e);
        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_14px_36px_rgba\(0\,0\,0\,0\.28\)\] {
        --tw-shadow: 0 14px 36px var(--tw-shadow-color, #00000047);
        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_18px_40px_rgba\(0\,0\,0\,0\.2\)\] {
        --tw-shadow: 0 18px 40px var(--tw-shadow-color, #0003);
        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_18px_40px_rgba\(0\,0\,0\,0\.22\)\] {
        --tw-shadow: 0 18px 40px var(--tw-shadow-color, #00000038);
        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_18px_40px_rgba\(8\,1\,15\,0\.45\)\] {
        --tw-shadow: 0 18px 40px var(--tw-shadow-color, #08010f73);
        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_18px_60px_rgba\(0\,0\,0\,0\.22\)\] {
        --tw-shadow: 0 18px 60px var(--tw-shadow-color, #00000038);
        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_20px_50px_rgba\(0\,0\,0\,0\.35\)\] {
        --tw-shadow: 0 20px 50px 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_22px_60px_rgba\(0\,0\,0\,0\.24\)\] {
        --tw-shadow: 0 22px 60px var(--tw-shadow-color, #0000003d);
        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_30px_80px_rgba\(0\,0\,0\,0\.35\)\] {
        --tw-shadow: 0 30px 80px 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_30px_80px_rgba\(0\,0\,0\,0\.38\)\] {
        --tw-shadow: 0 30px 80px var(--tw-shadow-color, #00000061);
        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_30px_80px_rgba\(0\,0\,0\,0\.45\)\] {
        --tw-shadow: 0 30px 80px var(--tw-shadow-color, #00000073);
        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_30px_100px_rgba\(0\,0\,0\,0\.45\)\] {
        --tw-shadow: 0 30px 100px var(--tw-shadow-color, #00000073);
        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_40px_140px_rgba\(0\,0\,0\,0\.45\)\] {
        --tw-shadow: 0 40px 140px var(--tw-shadow-color, #00000073);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
    }
    .shadow-\[0px_0px_24px_0px_rgba\(255\,113\,88\,0\.60\)\] {
        --tw-shadow: 0px 0px 24px 0px var(--tw-shadow-color, #ff715899);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
    }
    .shadow-\[0px_0px_24px_0px_rgba\(255\,225\,51\,0\.60\)\] {
        --tw-shadow: 0px 0px 24px 0px var(--tw-shadow-color, #ffe13399);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
    }
    .shadow-\[0px_0px_24px_0px_rgba\(255\,255\,255\,0\.60\)\] {
        --tw-shadow: 0px 0px 24px 0px var(--tw-shadow-color, #fff9);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
    }
    .shadow-\[0px_4px_4px_0px_rgba\(0\,0\,0\,0\.25\)\] {
        --tw-shadow: 0px 4px 4px 0px 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-\[0px_4px_8\.9px_0px_rgba\(34\,197\,94\,0\.25\)\] {
        --tw-shadow: 0px 4px 8.9px 0px var(--tw-shadow-color, #22c55e40);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
    }
    .shadow-\[0px_4px_8\.9px_0px_rgba\(146\,53\,190\,0\.25\)\] {
        --tw-shadow: 0px 4px 8.9px 0px var(--tw-shadow-color, #9235be40);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
    }
    .shadow-\[0px_4px_8\.9px_0px_rgba\(196\,69\,255\,0\.25\)\] {
        --tw-shadow: 0px 4px 8.9px 0px var(--tw-shadow-color, #c445ff40);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
    }
    .shadow-\[0px_4px_8\.9px_0px_rgba\(239\,68\,68\,0\.25\)\] {
        --tw-shadow: 0px 4px 8.9px 0px var(--tw-shadow-color, #ef444440);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
    }
    .shadow-\[0px_4px_8\.9px_rgba\(146\,53\,190\,0\.25\)\] {
        --tw-shadow: 0px 4px 8.9px var(--tw-shadow-color, #9235be40);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
    }
    .shadow-\[0px_4px_8\.9px_rgba\(195\,68\,255\,0\.25\)\] {
        --tw-shadow: 0px 4px 8.9px var(--tw-shadow-color, #c344ff40);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
    }
    .shadow-\[0px_4px_8\.9px_rgba\(196\,69\,255\,0\.25\)\] {
        --tw-shadow: 0px 4px 8.9px var(--tw-shadow-color, #c445ff40);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
    }
    .shadow-\[0px_4px_8\.899999618530273px_0px_rgba\(146\,53\,190\,0\.25\)\] {
        --tw-shadow: 0px 4px 8.9px 0px var(--tw-shadow-color, #9235be40);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
    }
    .shadow-\[0px_4px_8\.899999618530273px_0px_rgba\(196\,69\,255\,0\.25\)\] {
        --tw-shadow: 0px 4px 8.9px 0px var(--tw-shadow-color, #c445ff40);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
    }
    .shadow-\[0px_4px_8\.899999618530273px_0px_rgba\(249\,115\,22\,0\.25\)\] {
        --tw-shadow: 0px 4px 8.9px 0px var(--tw-shadow-color, #f9731640);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
    }
    .shadow-\[0px_4px_9px_rgba\(196\,69\,255\,0\.25\)\] {
        --tw-shadow: 0px 4px 9px var(--tw-shadow-color, #c445ff40);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
    }
    .shadow-lg {
        --tw-shadow:
            0 10px 15px -3px var(--tw-shadow-color, #0000001a),
            0 4px 6px -4px var(--tw-shadow-color, #0000001a);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
    }
    .shadow-md {
        --tw-shadow:
            0 4px 6px -1px var(--tw-shadow-color, #0000001a),
            0 2px 4px -2px var(--tw-shadow-color, #0000001a);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
    }
    .shadow-none {
        --tw-shadow: 0 0 #0000;
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
    }
    .shadow-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 {
        --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-0 {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
            calc(0px + var(--tw-ring-offset-width))
            var(--tw-ring-color, currentcolor);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
    }
    .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-lav-500 {
        --tw-ring-color: #d373ff;
    }
    .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-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);
    }
    .outline,
    .outline-1 {
        outline-style: var(--tw-outline-style);
        outline-width: 1px;
    }
    .outline-2 {
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
    }
    .outline-offset-\[-0\.50px\] {
        outline-offset: -0.5px;
    }
    .outline-offset-\[-1px\] {
        outline-offset: -1px;
    }
    .outline-\[\#A3AFBA\] {
        outline-color: #a3afba;
    }
    .outline-\[\#FF7158\] {
        outline-color: #ff7158;
    }
    .outline-\[\#FFE133\] {
        outline-color: #ffe133;
    }
    .outline-bd-default {
        outline-color: #2d384b;
    }
    .outline-lav-500 {
        outline-color: #d373ff;
    }
    .outline-slate-700 {
        outline-color: var(--color-slate-700);
    }
    .outline-white\/10 {
        outline-color: #ffffff1a;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .outline-white\/10 {
            outline-color: color-mix(
                in oklab,
                var(--color-white) 10%,
                transparent
            );
        }
    }
    .outline-white\/20 {
        outline-color: #fff3;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .outline-white\/20 {
            outline-color: color-mix(
                in oklab,
                var(--color-white) 20%,
                transparent
            );
        }
    }
    .blur {
        --tw-blur: blur(8px);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
            var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
            var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
    .blur-md {
        --tw-blur: blur(var(--blur-md));
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
            var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
            var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
    .brightness-100 {
        --tw-brightness: brightness(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,);
    }
    .brightness-\[0\.3\] {
        --tw-brightness: brightness(0.3);
        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\(34\,197\,94\,0\.85\)\] {
        --tw-drop-shadow-size: drop-shadow(
            0 0 8px var(--tw-drop-shadow-color, #22c55ed9)
        );
        --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_8px_rgba\(248\,113\,113\,0\.9\)\] {
        --tw-drop-shadow-size: drop-shadow(
            0 0 8px var(--tw-drop-shadow-color, #f87171e6)
        );
        --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\.85\)\] {
        --tw-drop-shadow-size: drop-shadow(
            0 0 10px var(--tw-drop-shadow-color, #ef4444d9)
        );
        --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_8px_24px_rgba\(0\,0\,0\,0\.45\)\] {
        --tw-drop-shadow-size: drop-shadow(
            0 8px 24px var(--tw-drop-shadow-color, #00000073)
        );
        --tw-drop-shadow: var(--tw-drop-shadow-size);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
            var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
            var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
    .grayscale-\[50\%\] {
        --tw-grayscale: grayscale(50%);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
            var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
            var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
    .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-\[3\.4px\],
    .backdrop-blur-\[3\.40px\] {
        --tw-backdrop-blur: blur(3.4px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur,)
            var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
            var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
            var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)
            var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
        backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
            var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)
            var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
            var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
            var(--tw-backdrop-sepia,);
    }
    .backdrop-blur-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-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-\[background\,box-shadow\,border\,color\] {
        transition-property: background, box-shadow, border, color;
        transition-timing-function: var(
            --tw-ease,
            var(--default-transition-timing-function)
        );
        transition-duration: var(
            --tw-duration,
            var(--default-transition-duration)
        );
    }
    .transition-all {
        transition-property: all;
        transition-timing-function: var(
            --tw-ease,
            var(--default-transition-timing-function)
        );
        transition-duration: var(
            --tw-duration,
            var(--default-transition-duration)
        );
    }
    .transition-colors {
        transition-property:
            color, background-color, border-color, outline-color,
            text-decoration-color, fill, stroke, --tw-gradient-from,
            --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(
            --tw-ease,
            var(--default-transition-timing-function)
        );
        transition-duration: var(
            --tw-duration,
            var(--default-transition-duration)
        );
    }
    .transition-opacity {
        transition-property: opacity;
        transition-timing-function: var(
            --tw-ease,
            var(--default-transition-timing-function)
        );
        transition-duration: var(
            --tw-duration,
            var(--default-transition-duration)
        );
    }
    .transition-transform {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(
            --tw-ease,
            var(--default-transition-timing-function)
        );
        transition-duration: var(
            --tw-duration,
            var(--default-transition-duration)
        );
    }
    .duration-150 {
        --tw-duration: 0.15s;
        transition-duration: 0.15s;
    }
    .duration-200 {
        --tw-duration: 0.2s;
        transition-duration: 0.2s;
    }
    .duration-300 {
        --tw-duration: 0.3s;
        transition-duration: 0.3s;
    }
    .duration-500 {
        --tw-duration: 0.5s;
        transition-duration: 0.5s;
    }
    .ease-in {
        --tw-ease: var(--ease-in);
        transition-timing-function: var(--ease-in);
    }
    .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\,opacity\] {
        will-change: transform, opacity;
    }
    .will-change-transform {
        will-change: transform;
    }
    .outline-none {
        --tw-outline-style: none;
        outline-style: none;
    }
    .select-all {
        -webkit-user-select: all;
        user-select: all;
    }
    .select-none {
        -webkit-user-select: none;
        user-select: none;
    }
    .\[-moz-appearance\:textfield\] {
        -moz-appearance: textfield;
    }
    .\[-webkit-overflow-scrolling\:touch\] {
        -webkit-overflow-scrolling: touch;
    }
    .\[authors\:backfill\] {
        authors: backfill;
    }
    .\[chapter-slug\:backfill\] {
        chapter-slug: backfill;
    }
    .\[chapter-status\:migrate\] {
        chapter-status: migrate;
    }
    .\[if\:ふたごのつくりかた\] {
        if: ふたごのつくりかた;
    }
    .\[migrate\:cdn-host\] {
        migrate: cdn-host;
    }
    .\[migrate\:waifu-filenames\] {
        migrate: waifu-filenames;
    }
    .\[poster-variants\:backfill\] {
        poster-variants: backfill;
    }
    .\[poster-variants\:hot-carousel\] {
        poster-variants: hot-carousel;
    }
    .\[poster-variants\:recent\] {
        poster-variants: recent;
    }
    .\[scrollbar-color\:rgba\(255\,255\,255\,0\.3\)_transparent\] {
        scrollbar-color: #ffffff4d transparent;
    }
    .\[scrollbar-width\:thin\] {
        scrollbar-width: thin;
    }
    .\[share-image\:backfill\] {
        share-image: backfill;
    }
    .\[slug\:backfill\] {
        slug: backfill;
    }
    .\[text-shadow\:_0px_0px_4px_rgb\(182_25_255_\/_0\.59\)\] {
        text-shadow: 0 0 4px #b619ff96;
    }
    .\[text-shadow\:_0px_2px_4px_rgb\(0_0_0_\/_0\.55\)\] {
        text-shadow: 0 2px 4px #0000008c;
    }
    @media (hover: hover) {
        .group-hover\:block:is(:where(.group):hover *) {
            display: block;
        }
        .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\:border-\[\#D373FF\]\/35:is(:where(.group):hover *) {
            border-color: #d373ff59;
        }
        .group-hover\:border-white\/20:is(:where(.group):hover *) {
            border-color: #fff3;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .group-hover\:border-white\/20:is(:where(.group):hover *) {
                border-color: color-mix(
                    in oklab,
                    var(--color-white) 20%,
                    transparent
                );
            }
        }
        .group-hover\:bg-black\/26:is(:where(.group):hover *) {
            background-color: #00000042;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .group-hover\:bg-black\/26:is(:where(.group):hover *) {
                background-color: color-mix(
                    in oklab,
                    var(--color-black) 26%,
                    transparent
                );
            }
        }
        .group-hover\:bg-black\/36:is(:where(.group):hover *) {
            background-color: #0000005c;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .group-hover\:bg-black\/36:is(:where(.group):hover *) {
                background-color: color-mix(
                    in oklab,
                    var(--color-black) 36%,
                    transparent
                );
            }
        }
        .group-hover\:text-gray-200:is(:where(.group):hover *) {
            color: var(--color-gray-200);
        }
        .group-hover\:text-pink-400:is(:where(.group):hover *) {
            color: var(--color-pink-400);
        }
        .group-hover\:text-white:is(:where(.group):hover *) {
            color: var(--color-white);
        }
        .group-hover\:opacity-100:is(:where(.group):hover *) {
            opacity: 1;
        }
    }
    .placeholder\:text-txt-secondary::placeholder {
        color: #73798d;
    }
    .placeholder\:text-white\/35::placeholder {
        color: #ffffff59;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .placeholder\:text-white\/35::placeholder {
            color: color-mix(in oklab, var(--color-white) 35%, transparent);
        }
    }
    .placeholder\:text-white\/45::placeholder {
        color: #ffffff73;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .placeholder\:text-white\/45::placeholder {
            color: color-mix(in oklab, var(--color-white) 45%, transparent);
        }
    }
    .first\:rounded-t-xl:first-child {
        border-top-left-radius: var(--radius-xl);
        border-top-right-radius: var(--radius-xl);
    }
    .first\:pt-3:first-child {
        padding-top: calc(var(--spacing) * 3);
    }
    .last\:rounded-b-xl:last-child {
        border-bottom-right-radius: var(--radius-xl);
        border-bottom-left-radius: var(--radius-xl);
    }
    .last\:border-b-0:last-child {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0;
    }
    .checked\:border-lav-500:checked {
        border-color: #d373ff;
    }
    .checked\:bg-lav-500:checked {
        background-color: #d373ff;
    }
    .empty\:before\:text-txt-secondary:empty:before {
        content: var(--tw-content);
        color: #73798d;
    }
    .empty\:before\:content-\[attr\(data-placeholder\)\]:empty:before {
        --tw-content: attr(data-placeholder);
        content: var(--tw-content);
    }
    @media (hover: hover) {
        .hover\:-translate-y-0\.5:hover {
            --tw-translate-y: calc(var(--spacing) * -0.5);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
        .hover\:-translate-y-1:hover {
            --tw-translate-y: calc(var(--spacing) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
        .hover\:translate-y-\[-2px\]:hover {
            --tw-translate-y: -2px;
            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-125:hover {
            --tw-scale-x: 125%;
            --tw-scale-y: 125%;
            --tw-scale-z: 125%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }
        .hover\:scale-\[1\.02\]:hover {
            scale: 1.02;
        }
        .hover\:border-\[\#D373FF\]:hover {
            border-color: #d373ff;
        }
        .hover\:border-\[\#D373FF\]\/35:hover {
            border-color: #d373ff59;
        }
        .hover\:border-\[\#DD94FF\]:hover {
            border-color: #dd94ff;
        }
        .hover\:border-\[\#F3BCFF\]:hover {
            border-color: #f3bcff;
        }
        .hover\:border-\[rgba\(211\,115\,255\,\.30\)\]:hover {
            border-color: #d373ff4d;
        }
        .hover\:border-bd-default:hover {
            border-color: #2d384b;
        }
        .hover\:border-error-error:hover {
            border-color: #f44;
        }
        .hover\:border-fuchsia-400:hover {
            border-color: var(--color-fuchsia-400);
        }
        .hover\:border-gray-400:hover {
            border-color: var(--color-gray-400);
        }
        .hover\:border-lav-500:hover {
            border-color: #d373ff;
        }
        .hover\:border-pink-500\/50:hover {
            border-color: #f6339a80;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:border-pink-500\/50:hover {
                border-color: color-mix(
                    in oklab,
                    var(--color-pink-500) 50%,
                    transparent
                );
            }
        }
        .hover\:border-red-600:hover {
            border-color: var(--color-red-600);
        }
        .hover\:border-txt-focus:hover {
            border-color: #d373ff;
        }
        .hover\:border-txt-secondary:hover {
            border-color: #73798d;
        }
        .hover\:border-white\/12:hover {
            border-color: #ffffff1f;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:border-white\/12:hover {
                border-color: color-mix(
                    in oklab,
                    var(--color-white) 12%,
                    transparent
                );
            }
        }
        .hover\:border-white\/14:hover {
            border-color: #ffffff24;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:border-white\/14:hover {
                border-color: color-mix(
                    in oklab,
                    var(--color-white) 14%,
                    transparent
                );
            }
        }
        .hover\:border-white\/15:hover {
            border-color: #ffffff26;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:border-white\/15:hover {
                border-color: color-mix(
                    in oklab,
                    var(--color-white) 15%,
                    transparent
                );
            }
        }
        .hover\:border-white\/25:hover {
            border-color: #ffffff40;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:border-white\/25:hover {
                border-color: color-mix(
                    in oklab,
                    var(--color-white) 25%,
                    transparent
                );
            }
        }
        .hover\:border-white\/30:hover {
            border-color: #ffffff4d;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:border-white\/30:hover {
                border-color: color-mix(
                    in oklab,
                    var(--color-white) 30%,
                    transparent
                );
            }
        }
        .hover\:bg-\[\#1b1f33\]:hover {
            background-color: #1b1f33;
        }
        .hover\:bg-\[\#9b4cd1\]:hover {
            background-color: #9b4cd1;
        }
        .hover\:bg-\[\#25EBAC\]\/10:hover {
            background-color: #25ebac1a;
        }
        .hover\:bg-\[\#151020\]:hover {
            background-color: #151020;
        }
        .hover\:bg-\[\#E8B5FF\]\/18:hover {
            background-color: #e8b5ff2e;
        }
        .hover\:bg-\[\#edd0ff\]:hover {
            background-color: #edd0ff;
        }
        .hover\:bg-\[rgba\(211\,115\,255\,\.12\)\]:hover {
            background-color: #d373ff1f;
        }
        .hover\:bg-\[rgba\(211\,115\,255\,\.14\)\]:hover {
            background-color: #d373ff24;
        }
        .hover\:bg-bgc-layer-semi-neutral:hover {
            background-color: #a4a4a440;
        }
        .hover\:bg-bgc-layer-semi-purple:hover {
            background-color: #9235be40;
        }
        .hover\:bg-bgc-layer1:hover {
            background-color: #0b0c1d;
        }
        .hover\:bg-bgc-layer2:hover {
            background-color: #202636;
        }
        .hover\:bg-bgc-layer2\/40:hover {
            background-color: #20263666;
        }
        .hover\:bg-bgc-layer2\/60:hover {
            background-color: #20263699;
        }
        .hover\:bg-bgc-layer2\/80:hover {
            background-color: #202636cc;
        }
        .hover\:bg-black\/26:hover {
            background-color: #00000042;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-black\/26:hover {
                background-color: color-mix(
                    in oklab,
                    var(--color-black) 26%,
                    transparent
                );
            }
        }
        .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\/35:hover {
            background-color: #00000059;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-black\/35:hover {
                background-color: color-mix(
                    in oklab,
                    var(--color-black) 35%,
                    transparent
                );
            }
        }
        .hover\:bg-black\/40:hover {
            background-color: #0006;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-black\/40:hover {
                background-color: color-mix(
                    in oklab,
                    var(--color-black) 40%,
                    transparent
                );
            }
        }
        .hover\:bg-black\/45:hover {
            background-color: #00000073;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-black\/45:hover {
                background-color: color-mix(
                    in oklab,
                    var(--color-black) 45%,
                    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-black\/65:hover {
            background-color: #000000a6;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-black\/65:hover {
                background-color: color-mix(
                    in oklab,
                    var(--color-black) 65%,
                    transparent
                );
            }
        }
        .hover\:bg-black\/70:hover {
            background-color: #000000b3;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-black\/70:hover {
                background-color: color-mix(
                    in oklab,
                    var(--color-black) 70%,
                    transparent
                );
            }
        }
        .hover\:bg-blue-600:hover {
            background-color: var(--color-blue-600);
        }
        .hover\:bg-blue-700:hover {
            background-color: var(--color-blue-700);
        }
        .hover\:bg-btn-primary\/80:hover {
            background-color: #d373ffcc;
        }
        .hover\:bg-emerald-400\/20:hover {
            background-color: #00d29433;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-emerald-400\/20:hover {
                background-color: color-mix(
                    in oklab,
                    var(--color-emerald-400) 20%,
                    transparent
                );
            }
        }
        .hover\:bg-error-error:hover {
            background-color: #f44;
        }
        .hover\:bg-fuchsia-500\/15:hover {
            background-color: #e12afb26;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-fuchsia-500\/15:hover {
                background-color: color-mix(
                    in oklab,
                    var(--color-fuchsia-500) 15%,
                    transparent
                );
            }
        }
        .hover\:bg-gray-50:hover {
            background-color: var(--color-gray-50);
        }
        .hover\:bg-gray-100:hover {
            background-color: var(--color-gray-100);
        }
        .hover\:bg-gray-600:hover {
            background-color: var(--color-gray-600);
        }
        .hover\:bg-gray-700:hover {
            background-color: var(--color-gray-700);
        }
        .hover\:bg-gray-800:hover {
            background-color: var(--color-gray-800);
        }
        .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-lav-500\/5:hover {
            background-color: #d373ff0d;
        }
        .hover\:bg-lav-500\/10:hover {
            background-color: #d373ff1a;
        }
        .hover\:bg-lav-600:hover {
            background-color: #c962f9;
        }
        .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\/30:hover {
            background-color: #fb2c364d;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-red-500\/30:hover {
                background-color: color-mix(
                    in oklab,
                    var(--color-red-500) 30%,
                    transparent
                );
            }
        }
        .hover\:bg-red-600:hover {
            background-color: var(--color-red-600);
        }
        .hover\:bg-red-600\/10:hover {
            background-color: #e400141a;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-red-600\/10:hover {
                background-color: color-mix(
                    in oklab,
                    var(--color-red-600) 10%,
                    transparent
                );
            }
        }
        .hover\:bg-rose-500\/30:hover {
            background-color: #ff23574d;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-rose-500\/30:hover {
                background-color: color-mix(
                    in oklab,
                    var(--color-rose-500) 30%,
                    transparent
                );
            }
        }
        .hover\:bg-transparent:hover {
            background-color: #0000;
        }
        .hover\:bg-txt-focus\/80:hover {
            background-color: #d373ffcc;
        }
        .hover\:bg-white\/5:hover {
            background-color: #ffffff0d;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-white\/5:hover {
                background-color: color-mix(
                    in oklab,
                    var(--color-white) 5%,
                    transparent
                );
            }
        }
        .hover\:bg-white\/8:hover {
            background-color: #ffffff14;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-white\/8:hover {
                background-color: color-mix(
                    in oklab,
                    var(--color-white) 8%,
                    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\/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\/\[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\.05\]:hover {
            background-color: #ffffff0d;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-white\/\[0\.05\]:hover {
                background-color: color-mix(
                    in oklab,
                    var(--color-white) 5%,
                    transparent
                );
            }
        }
        .hover\:bg-yellow-600:hover {
            background-color: var(--color-yellow-600);
        }
        .hover\:from-\[\#D373FF\]:hover {
            --tw-gradient-from: #d373ff;
            --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-\[\#E0A1FF\]:hover {
            --tw-gradient-from: #e0a1ff;
            --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-\[\#E1A3FF\]:hover {
            --tw-gradient-from: #e1a3ff;
            --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-\[\#e3a8ff\]:hover {
            --tw-gradient-from: #e3a8ff;
            --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-fuchsia-400:hover {
            --tw-gradient-from: var(--color-fuchsia-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)
            );
        }
        .hover\:to-\[\#C962F9\]:hover {
            --tw-gradient-to: #c962f9;
            --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-\[\#D680FF\]:hover {
            --tw-gradient-to: #d680ff;
            --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-\[\#DC85FF\]:hover {
            --tw-gradient-to: #dc85ff;
            --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-fuchsia-500:hover {
            --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)
            );
        }
        .hover\:text-\[\#D373FF\]:hover {
            color: #d373ff;
        }
        .hover\:text-blue-300:hover {
            color: var(--color-blue-300);
        }
        .hover\:text-blue-400:hover {
            color: var(--color-blue-400);
        }
        .hover\:text-blue-600:hover {
            color: var(--color-blue-600);
        }
        .hover\:text-error-error:hover {
            color: #f44;
        }
        .hover\:text-error-error\/80:hover {
            color: #f44c;
        }
        .hover\:text-green-300:hover {
            color: var(--color-green-300);
        }
        .hover\:text-lav-500:hover {
            color: #d373ff;
        }
        .hover\:text-pink-300:hover {
            color: var(--color-pink-300);
        }
        .hover\:text-pink-400:hover {
            color: var(--color-pink-400);
        }
        .hover\:text-purple-200:hover {
            color: var(--color-purple-200);
        }
        .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-red-700:hover {
            color: var(--color-red-700);
        }
        .hover\:text-rose-300:hover {
            color: var(--color-rose-300);
        }
        .hover\:text-success-success\/80:hover {
            color: #25ebaccc;
        }
        .hover\:text-txt-focus:hover {
            color: #d373ff;
        }
        .hover\:text-txt-primary:hover {
            color: #fff;
        }
        .hover\:text-white:hover {
            color: var(--color-white);
        }
        .hover\:text-white\/75:hover {
            color: #ffffffbf;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:text-white\/75:hover {
                color: color-mix(in oklab, var(--color-white) 75%, transparent);
            }
        }
        .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\:text-white\/88:hover {
            color: #ffffffe0;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:text-white\/88:hover {
                color: color-mix(in oklab, var(--color-white) 88%, transparent);
            }
        }
        .hover\:underline:hover {
            text-decoration-line: underline;
        }
        .hover\:opacity-60:hover {
            opacity: 0.6;
        }
        .hover\:opacity-70:hover {
            opacity: 0.7;
        }
        .hover\:opacity-80:hover {
            opacity: 0.8;
        }
        .hover\:opacity-90:hover {
            opacity: 0.9;
        }
        .hover\:opacity-95:hover {
            opacity: 0.95;
        }
        .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\:brightness-105:hover {
            --tw-brightness: brightness(105%);
            filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
                var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
                var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
        }
        .hover\:brightness-110:hover {
            --tw-brightness: brightness(110%);
            filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
                var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
                var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
        }
    }
    .focus\:scale-125:focus {
        --tw-scale-x: 125%;
        --tw-scale-y: 125%;
        --tw-scale-z: 125%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .focus\:border-\[\#d4a6ff\]\/65:focus {
        border-color: #d4a6ffa6;
    }
    .focus\:border-blue-500:focus {
        border-color: var(--color-blue-500);
    }
    .focus\:border-lav-500:focus {
        border-color: #d373ff;
    }
    .focus\:border-red-500:focus {
        border-color: var(--color-red-500);
    }
    .focus\:border-transparent:focus {
        border-color: #0000;
    }
    .focus\:border-txt-focus:focus {
        border-color: #d373ff;
    }
    .focus\:border-txt-primary:focus {
        border-color: #fff;
    }
    .focus\:bg-black\/45:focus {
        background-color: #00000073;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .focus\:bg-black\/45:focus {
            background-color: color-mix(
                in oklab,
                var(--color-black) 45%,
                transparent
            );
        }
    }
    .focus\:text-txt-primary:focus {
        color: #fff;
    }
    .focus\:underline:focus {
        text-decoration-line: underline;
    }
    .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-btn-primary:focus,
    .focus\:ring-lav-500:focus {
        --tw-ring-color: #d373ff;
    }
    .focus\:outline-none:focus {
        --tw-outline-style: none;
        outline-style: none;
    }
    .focus-visible\:ring-1:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
            calc(1px + var(--tw-ring-offset-width))
            var(--tw-ring-color, currentcolor);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
    }
    .focus-visible\:ring-2:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
            calc(2px + var(--tw-ring-offset-width))
            var(--tw-ring-color, currentcolor);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
    }
    .focus-visible\:ring-\[\#C084FC\]:focus-visible {
        --tw-ring-color: #c084fc;
    }
    .focus-visible\:ring-\[\#D373FF\]\/30:focus-visible {
        --tw-ring-color: oklab(71.8588% 0.147474 -0.152845/.3);
    }
    .focus-visible\:ring-\[\#D373FF\]\/35:focus-visible {
        --tw-ring-color: oklab(71.8588% 0.147474 -0.152845/.35);
    }
    .focus-visible\:ring-\[\#D373FF\]\/45:focus-visible {
        --tw-ring-color: oklab(71.8588% 0.147474 -0.152845/.45);
    }
    .focus-visible\:ring-\[\#d4a6ff\]:focus-visible {
        --tw-ring-color: #d4a6ff;
    }
    .focus-visible\:ring-lav-500:focus-visible {
        --tw-ring-color: #d373ff;
    }
    .focus-visible\:ring-offset-0:focus-visible {
        --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);
    }
    .focus-visible\:outline:focus-visible {
        outline-style: var(--tw-outline-style);
        outline-width: 1px;
    }
    .focus-visible\:outline-2:focus-visible {
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
    }
    .focus-visible\:outline-offset-2:focus-visible {
        outline-offset: 2px;
    }
    .focus-visible\:outline-\[\#D373FF\]:focus-visible {
        outline-color: #d373ff;
    }
    .focus-visible\:outline-none:focus-visible {
        --tw-outline-style: none;
        outline-style: none;
    }
    .active\:translate-y-px:active {
        --tw-translate-y: 1px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .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\:bg-bgc-layer2:active {
        background-color: #202636;
    }
    .active\:opacity-80:active {
        opacity: 0.8;
    }
    .disabled\:cursor-default:disabled {
        cursor: default;
    }
    .disabled\:cursor-not-allowed:disabled {
        cursor: not-allowed;
    }
    .disabled\:opacity-50:disabled {
        opacity: 0.5;
    }
    .disabled\:opacity-60:disabled {
        opacity: 0.6;
    }
    .disabled\:opacity-70:disabled {
        opacity: 0.7;
    }
    .disabled\:opacity-100:disabled {
        opacity: 1;
    }
    .data-\[state\=active\]\:border-b[data-state="active"] {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
    }
    .data-\[state\=active\]\:border-b-2[data-state="active"] {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 2px;
    }
    .data-\[state\=active\]\:border-lav-500[data-state="active"] {
        border-color: #d373ff;
    }
    .data-\[state\=active\]\:bg-lav-500\/18[data-state="active"] {
        background-color: #d373ff2e;
    }
    .data-\[state\=active\]\:font-semibold[data-state="active"] {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
    }
    .data-\[state\=active\]\:text-txt-primary[data-state="active"] {
        color: #fff;
    }
    .data-\[state\=active\]\:shadow-\[0_10px_30px_rgba\(211\,115\,255\,0\.16\)\][data-state="active"] {
        --tw-shadow: 0 10px 30px var(--tw-shadow-color, #d373ff29);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
    }
    .data-\[state\=active\]\:shadow-\[0_10px_30px_rgba\(211\,115\,255\,0\.18\)\][data-state="active"] {
        --tw-shadow: 0 10px 30px var(--tw-shadow-color, #d373ff2e);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
    }
    .data-\[state\=inactive\]\:font-medium[data-state="inactive"] {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
    }
    .data-\[state\=inactive\]\:text-txt-secondary[data-state="inactive"] {
        color: #73798d;
    }
    @media not all and (min-width: 415px) {
        .max-\[415px\]\:h-\[22px\] {
            height: 22px;
        }
        .max-\[415px\]\:px-\[7px\] {
            padding-inline: 7px;
        }
        .max-\[415px\]\:text-\[11px\] {
            font-size: 11px;
        }
        .max-\[415px\]\:text-\[14px\] {
            font-size: 14px;
        }
        .max-\[415px\]\:text-\[17px\] {
            font-size: 17px;
        }
        .max-\[415px\]\:leading-\[15px\] {
            --tw-leading: 15px;
            line-height: 15px;
        }
        .max-\[415px\]\:leading-\[18px\] {
            --tw-leading: 18px;
            line-height: 18px;
        }
        .max-\[415px\]\:leading-\[19px\] {
            --tw-leading: 19px;
            line-height: 19px;
        }
    }
    @media not all and (min-width: 376px) {
        .max-\[376px\]\:h-5 {
            height: calc(var(--spacing) * 5);
        }
        .max-\[376px\]\:gap-2 {
            gap: calc(var(--spacing) * 2);
        }
        .max-\[376px\]\:px-2 {
            padding-inline: calc(var(--spacing) * 2);
        }
        .max-\[376px\]\:px-\[6px\] {
            padding-inline: 6px;
        }
        .max-\[376px\]\:text-\[10px\] {
            font-size: 10px;
        }
        .max-\[376px\]\:text-\[13px\] {
            font-size: 13px;
        }
        .max-\[376px\]\:text-\[15px\] {
            font-size: 15px;
        }
        .max-\[376px\]\:leading-\[14px\] {
            --tw-leading: 14px;
            line-height: 14px;
        }
        .max-\[376px\]\:leading-\[17px\] {
            --tw-leading: 17px;
            line-height: 17px;
        }
        .max-\[376px\]\:leading-\[19px\] {
            --tw-leading: 19px;
            line-height: 19px;
        }
    }
    @media not all and (min-width: 375px) {
        .max-\[375px\]\:min-w-0 {
            min-width: calc(var(--spacing) * 0);
        }
    }
    @media (min-width: 40rem) {
        .sm\:col-span-2 {
            grid-column: span 2 / span 2;
        }
        .sm\:col-span-3 {
            grid-column: span 3 / span 3;
        }
        .sm\:col-span-9 {
            grid-column: span 9 / span 9;
        }
        .sm\:mx-0 {
            margin-inline: calc(var(--spacing) * 0);
        }
        .sm\:mx-auto {
            margin-inline: auto;
        }
        .sm\:my-8 {
            margin-block: calc(var(--spacing) * 8);
        }
        .sm\:mt-0\.5 {
            margin-top: calc(var(--spacing) * 0.5);
        }
        .sm\:mt-1 {
            margin-top: calc(var(--spacing) * 1);
        }
        .sm\:mt-5 {
            margin-top: calc(var(--spacing) * 5);
        }
        .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-\[7px\] {
            margin-bottom: 7px;
        }
        .sm\:ml-4 {
            margin-left: calc(var(--spacing) * 4);
        }
        .sm\:block {
            display: block;
        }
        .sm\:flex {
            display: flex;
        }
        .sm\:grid {
            display: grid;
        }
        .sm\:hidden {
            display: none;
        }
        .sm\:inline {
            display: inline;
        }
        .sm\:h-5 {
            height: calc(var(--spacing) * 5);
        }
        .sm\:h-11 {
            height: calc(var(--spacing) * 11);
        }
        .sm\:h-28 {
            height: calc(var(--spacing) * 28);
        }
        .sm\:h-32 {
            height: calc(var(--spacing) * 32);
        }
        .sm\:h-36 {
            height: calc(var(--spacing) * 36);
        }
        .sm\:h-44 {
            height: calc(var(--spacing) * 44);
        }
        .sm\:h-\[200px\] {
            height: 200px;
        }
        .sm\:h-\[320px\] {
            height: 320px;
        }
        .sm\:max-h-\[70vh\] {
            max-height: 70vh;
        }
        .sm\:min-h-0 {
            min-height: calc(var(--spacing) * 0);
        }
        .sm\:min-h-\[340px\] {
            min-height: 340px;
        }
        .sm\:min-h-\[360px\] {
            min-height: 360px;
        }
        .sm\:min-h-\[420px\] {
            min-height: 420px;
        }
        .sm\:w-5 {
            width: calc(var(--spacing) * 5);
        }
        .sm\:w-6 {
            width: calc(var(--spacing) * 6);
        }
        .sm\:w-11 {
            width: calc(var(--spacing) * 11);
        }
        .sm\:w-24 {
            width: calc(var(--spacing) * 24);
        }
        .sm\:w-26 {
            width: calc(var(--spacing) * 26);
        }
        .sm\:w-28 {
            width: calc(var(--spacing) * 28);
        }
        .sm\:w-36 {
            width: calc(var(--spacing) * 36);
        }
        .sm\:w-40 {
            width: calc(var(--spacing) * 40);
        }
        .sm\:w-44 {
            width: calc(var(--spacing) * 44);
        }
        .sm\:w-52 {
            width: calc(var(--spacing) * 52);
        }
        .sm\:w-60 {
            width: calc(var(--spacing) * 60);
        }
        .sm\:w-80 {
            width: calc(var(--spacing) * 80);
        }
        .sm\:w-96 {
            width: calc(var(--spacing) * 96);
        }
        .sm\:w-\[44\.8px\] {
            width: 44.8px;
        }
        .sm\:w-\[48\%\] {
            width: 48%;
        }
        .sm\:w-\[110px\] {
            width: 110px;
        }
        .sm\:w-\[170px\] {
            width: 170px;
        }
        .sm\:w-\[320px\] {
            width: 320px;
        }
        .sm\:w-\[400px\] {
            width: 400px;
        }
        .sm\:w-\[500px\] {
            width: 500px;
        }
        .sm\:w-\[520px\] {
            width: 520px;
        }
        .sm\:w-\[522px\] {
            width: 522px;
        }
        .sm\:w-\[615px\] {
            width: 615px;
        }
        .sm\:w-auto {
            width: auto;
        }
        .sm\:w-fit {
            width: fit-content;
        }
        .sm\:w-full {
            width: 100%;
        }
        .sm\:max-w-\[48\%\] {
            max-width: 48%;
        }
        .sm\:max-w-\[95vw\] {
            max-width: 95vw;
        }
        .sm\:max-w-\[264px\] {
            max-width: 264px;
        }
        .sm\:max-w-\[484px\] {
            max-width: 484px;
        }
        .sm\:max-w-\[520px\] {
            max-width: 520px;
        }
        .sm\:max-w-none {
            max-width: none;
        }
        .sm\:min-w-24 {
            min-width: calc(var(--spacing) * 24);
        }
        .sm\:min-w-\[96px\] {
            min-width: 96px;
        }
        .sm\:flex-1 {
            flex: 1;
        }
        .sm\:flex-shrink-0 {
            flex-shrink: 0;
        }
        .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\:grid-cols-12 {
            grid-template-columns: repeat(12, minmax(0, 1fr));
        }
        .sm\:grid-cols-\[minmax\(0\,1fr\)_27\%\] {
            grid-template-columns: minmax(0, 1fr) 27%;
        }
        .sm\:flex-col {
            flex-direction: column;
        }
        .sm\:flex-row {
            flex-direction: row;
        }
        .sm\:flex-wrap {
            flex-wrap: wrap;
        }
        .sm\:items-center {
            align-items: center;
        }
        .sm\:items-end {
            align-items: flex-end;
        }
        .sm\:items-start {
            align-items: flex-start;
        }
        .sm\:justify-between {
            justify-content: space-between;
        }
        .sm\:justify-center {
            justify-content: center;
        }
        .sm\:justify-end {
            justify-content: flex-end;
        }
        .sm\:justify-start {
            justify-content: flex-start;
        }
        .sm\:gap-0 {
            gap: calc(var(--spacing) * 0);
        }
        .sm\:gap-1 {
            gap: calc(var(--spacing) * 1);
        }
        .sm\:gap-1\.5 {
            gap: calc(var(--spacing) * 1.5);
        }
        .sm\:gap-2 {
            gap: calc(var(--spacing) * 2);
        }
        .sm\:gap-3 {
            gap: calc(var(--spacing) * 3);
        }
        .sm\:gap-4 {
            gap: calc(var(--spacing) * 4);
        }
        .sm\:gap-5 {
            gap: calc(var(--spacing) * 5);
        }
        .sm\:gap-6 {
            gap: calc(var(--spacing) * 6);
        }
        .sm\:gap-8 {
            gap: calc(var(--spacing) * 8);
        }
        .sm\:gap-10 {
            gap: calc(var(--spacing) * 10);
        }
        .sm\:justify-self-end {
            justify-self: flex-end;
        }
        .sm\:rounded-2xl {
            border-radius: var(--radius-2xl);
        }
        .sm\:rounded-\[30px\] {
            border-radius: 30px;
        }
        .sm\:rounded-\[32px\] {
            border-radius: 32px;
        }
        .sm\:rounded-lg {
            border-radius: var(--radius-lg);
        }
        .sm\:rounded-none {
            border-radius: 0;
        }
        .sm\:rounded-xl {
            border-radius: var(--radius-xl);
        }
        .sm\:border-0 {
            border-style: var(--tw-border-style);
            border-width: 0;
        }
        .sm\:border-b {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px;
        }
        .sm\:border-slate-700 {
            border-color: var(--color-slate-700);
        }
        .sm\:border-transparent {
            border-color: #0000;
        }
        .sm\:bg-\[\#050506\]\/72 {
            background-color: #050506b8;
        }
        .sm\:bg-\[\#050506\]\/80 {
            background-color: #050506cc;
        }
        .sm\:bg-bgc-layer-semi-neutral {
            background-color: #a4a4a440;
        }
        .sm\:bg-btn-primary {
            background-color: #d373ff;
        }
        .sm\:bg-transparent {
            background-color: #0000;
        }
        .sm\:bg-gradient-to-b {
            --tw-gradient-position: to bottom in oklab;
            background-image: linear-gradient(var(--tw-gradient-stops));
        }
        .sm\:from-\[\#DD94FF\] {
            --tw-gradient-from: #dd94ff;
            --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)
            );
        }
        .sm\:to-\[\#D373FF\] {
            --tw-gradient-to: #d373ff;
            --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)
            );
        }
        .sm\:p-0 {
            padding: calc(var(--spacing) * 0);
        }
        .sm\:p-1 {
            padding: calc(var(--spacing) * 1);
        }
        .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\:px-0 {
            padding-inline: calc(var(--spacing) * 0);
        }
        .sm\:px-2 {
            padding-inline: calc(var(--spacing) * 2);
        }
        .sm\:px-3 {
            padding-inline: calc(var(--spacing) * 3);
        }
        .sm\: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\:py-1\.5 {
            padding-block: calc(var(--spacing) * 1.5);
        }
        .sm\:py-2 {
            padding-block: calc(var(--spacing) * 2);
        }
        .sm\:py-3 {
            padding-block: calc(var(--spacing) * 3);
        }
        .sm\:py-6 {
            padding-block: calc(var(--spacing) * 6);
        }
        .sm\:py-10 {
            padding-block: calc(var(--spacing) * 10);
        }
        .sm\:pt-2 {
            padding-top: calc(var(--spacing) * 2);
        }
        .sm\:pt-5 {
            padding-top: calc(var(--spacing) * 5);
        }
        .sm\:pb-0 {
            padding-bottom: calc(var(--spacing) * 0);
        }
        .sm\:pb-5 {
            padding-bottom: calc(var(--spacing) * 5);
        }
        .sm\:pb-6 {
            padding-bottom: calc(var(--spacing) * 6);
        }
        .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-4xl {
            font-size: var(--text-4xl);
            line-height: var(--tw-leading, var(--text-4xl--line-height));
        }
        .sm\:text-5xl {
            font-size: var(--text-5xl);
            line-height: var(--tw-leading, var(--text-5xl--line-height));
        }
        .sm\:text-base {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--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-\[13px\] {
            font-size: 13px;
        }
        .sm\:text-\[15px\] {
            font-size: 15px;
        }
        .sm\:text-\[22px\] {
            font-size: 22px;
        }
        .sm\:leading-5 {
            --tw-leading: calc(var(--spacing) * 5);
            line-height: calc(var(--spacing) * 5);
        }
        .sm\:leading-6 {
            --tw-leading: calc(var(--spacing) * 6);
            line-height: calc(var(--spacing) * 6);
        }
        .sm\:leading-7 {
            --tw-leading: calc(var(--spacing) * 7);
            line-height: calc(var(--spacing) * 7);
        }
        .sm\:leading-9 {
            --tw-leading: calc(var(--spacing) * 9);
            line-height: calc(var(--spacing) * 9);
        }
        .sm\:leading-\[19px\] {
            --tw-leading: 19px;
            line-height: 19px;
        }
        .sm\:leading-\[20px\] {
            --tw-leading: 20px;
            line-height: 20px;
        }
        .sm\:leading-\[28px\] {
            --tw-leading: 28px;
            line-height: 28px;
        }
        .sm\:leading-normal {
            --tw-leading: var(--leading-normal);
            line-height: var(--leading-normal);
        }
        .sm\:font-medium {
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
        }
        .sm\:text-black {
            color: var(--color-black);
        }
        .sm\:text-txt-inverse {
            color: #0b0c1d;
        }
        .sm\:text-txt-primary {
            color: #fff;
        }
        .sm\:shadow-none {
            --tw-shadow: 0 0 #0000;
            box-shadow:
                var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
                var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
                var(--tw-shadow);
        }
        .sm\: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,);
        }
        .sm\:data-\[state\=active\]\:border-lav-500[data-state="active"] {
            border-color: #d373ff;
        }
        .sm\:data-\[state\=active\]\:bg-transparent[data-state="active"] {
            background-color: #0000;
        }
        .sm\:data-\[state\=active\]\:bg-gradient-to-b[data-state="active"] {
            --tw-gradient-position: to bottom in oklab;
            background-image: linear-gradient(var(--tw-gradient-stops));
        }
        .sm\:data-\[state\=active\]\:from-\[\#DD94FF\][data-state="active"] {
            --tw-gradient-from: #dd94ff;
            --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)
            );
        }
        .sm\:data-\[state\=active\]\:to-\[\#D373FF\][data-state="active"] {
            --tw-gradient-to: #d373ff;
            --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)
            );
        }
        .sm\:data-\[state\=active\]\:font-semibold[data-state="active"] {
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
        }
        .sm\:data-\[state\=active\]\:text-black[data-state="active"] {
            color: var(--color-black);
        }
        .sm\:data-\[state\=active\]\:shadow-none[data-state="active"] {
            --tw-shadow: 0 0 #0000;
            box-shadow:
                var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
                var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
                var(--tw-shadow);
        }
    }
    @media (min-width: 48rem) {
        .md\:mx-0 {
            margin-inline: calc(var(--spacing) * 0);
        }
        .md\:mt-0 {
            margin-top: calc(var(--spacing) * 0);
        }
        .md\:mt-1 {
            margin-top: calc(var(--spacing) * 1);
        }
        .md\:mt-8 {
            margin-top: calc(var(--spacing) * 8);
        }
        .md\:mt-\[5px\] {
            margin-top: 5px;
        }
        .md\:block {
            display: block;
        }
        .md\:flex {
            display: flex;
        }
        .md\:hidden {
            display: none;
        }
        .md\:inline {
            display: inline;
        }
        .md\:aspect-\[2\/3\] {
            aspect-ratio: 2/3;
        }
        .md\:h-8 {
            height: calc(var(--spacing) * 8);
        }
        .md\:h-10 {
            height: calc(var(--spacing) * 10);
        }
        .md\:h-11 {
            height: calc(var(--spacing) * 11);
        }
        .md\:h-16 {
            height: calc(var(--spacing) * 16);
        }
        .md\:h-\[250px\] {
            height: 250px;
        }
        .md\:h-auto {
            height: auto;
        }
        .md\:max-h-\[34rem\] {
            max-height: 34rem;
        }
        .md\:max-h-\[400px\] {
            max-height: 400px;
        }
        .md\:max-h-\[450px\] {
            max-height: 450px;
        }
        .md\:min-h-0 {
            min-height: calc(var(--spacing) * 0);
        }
        .md\:min-h-\[450px\] {
            min-height: 450px;
        }
        .md\:w-1\/2 {
            width: 50%;
        }
        .md\:w-2\/5 {
            width: 40%;
        }
        .md\:w-3\/5 {
            width: 60%;
        }
        .md\:w-8 {
            width: calc(var(--spacing) * 8);
        }
        .md\:w-16 {
            width: calc(var(--spacing) * 16);
        }
        .md\:w-24 {
            width: calc(var(--spacing) * 24);
        }
        .md\:w-44 {
            width: calc(var(--spacing) * 44);
        }
        .md\:w-48 {
            width: calc(var(--spacing) * 48);
        }
        .md\:w-56 {
            width: calc(var(--spacing) * 56);
        }
        .md\:w-60 {
            width: calc(var(--spacing) * 60);
        }
        .md\:w-72 {
            width: calc(var(--spacing) * 72);
        }
        .md\:w-80 {
            width: calc(var(--spacing) * 80);
        }
        .md\:w-96 {
            width: calc(var(--spacing) * 96);
        }
        .md\:w-\[255px\] {
            width: 255px;
        }
        .md\:w-\[320px\] {
            width: 320px;
        }
        .md\:w-\[370px\] {
            width: 370px;
        }
        .md\:w-\[500px\] {
            width: 500px;
        }
        .md\:w-\[640px\] {
            width: 640px;
        }
        .md\:w-\[680px\] {
            width: 680px;
        }
        .md\:w-\[720px\] {
            width: 720px;
        }
        .md\:w-\[min\(80vw\,360px\)\] {
            width: min(80vw, 360px);
        }
        .md\:w-\[min\(280px\,36vw\)\] {
            width: min(280px, 36vw);
        }
        .md\:w-auto {
            width: auto;
        }
        .md\:max-w-\[60vw\] {
            max-width: 60vw;
        }
        .md\:max-w-\[558px\] {
            max-width: 558px;
        }
        .md\:max-w-\[615px\] {
            max-width: 615px;
        }
        .md\:max-w-sm {
            max-width: var(--container-sm);
        }
        .md\:min-w-\[140px\] {
            min-width: 140px;
        }
        .md\:min-w-\[180px\] {
            min-width: 180px;
        }
        .md\:min-w-\[220px\] {
            min-width: 220px;
        }
        .md\:flex-1 {
            flex: 1;
        }
        .md\:flex-initial {
            flex: 0 auto;
        }
        .md\:scale-\[0\.90\] {
            scale: 0.9;
        }
        .md\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .md\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
        .md\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
        .md\:grid-cols-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }
        .md\:grid-cols-\[minmax\(0\,1fr\)_27vw\] {
            grid-template-columns: minmax(0, 1fr) 27vw;
        }
        .md\:grid-cols-\[minmax\(0\,1fr\)_360px\] {
            grid-template-columns: minmax(0, 1fr) 360px;
        }
        .md\:flex-row {
            flex-direction: row;
        }
        .md\:flex-wrap {
            flex-wrap: wrap;
        }
        .md\:items-center {
            align-items: center;
        }
        .md\:items-end {
            align-items: flex-end;
        }
        .md\:items-start {
            align-items: flex-start;
        }
        .md\:justify-between {
            justify-content: space-between;
        }
        .md\:justify-start {
            justify-content: flex-start;
        }
        .md\:gap-0 {
            gap: calc(var(--spacing) * 0);
        }
        .md\:gap-1\.5 {
            gap: calc(var(--spacing) * 1.5);
        }
        .md\:gap-3 {
            gap: calc(var(--spacing) * 3);
        }
        .md\:gap-4 {
            gap: calc(var(--spacing) * 4);
        }
        .md\:gap-5 {
            gap: calc(var(--spacing) * 5);
        }
        .md\:gap-6 {
            gap: calc(var(--spacing) * 6);
        }
        .md\:gap-8 {
            gap: calc(var(--spacing) * 8);
        }
        .md\:gap-x-\[0\.45rem\] {
            column-gap: 0.45rem;
        }
        .md\:self-start {
            align-self: flex-start;
        }
        .md\:justify-self-end {
            justify-self: flex-end;
        }
        .md\:truncate {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }
        .md\:overflow-x-visible {
            overflow-x: visible;
        }
        .md\:rounded-\[9px\] {
            border-radius: 9px;
        }
        .md\:rounded-none {
            border-radius: 0;
        }
        .md\:border-0 {
            border-style: var(--tw-border-style);
            border-width: 0;
        }
        .md\:border-b {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px;
        }
        .md\:border-b-0 {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 0;
        }
        .md\:border-bd-default {
            border-color: #2d384b;
        }
        .md\:border-transparent {
            border-color: #0000;
        }
        .md\:bg-\[rgba\(9\,16\,26\,0\.8\)\] {
            background-color: #09101acc;
        }
        .md\:bg-\[rgba\(9\,16\,26\,0\.9\)\] {
            background-color: #09101ae6;
        }
        .md\:bg-transparent {
            background-color: #0000;
        }
        .md\:p-6 {
            padding: calc(var(--spacing) * 6);
        }
        .md\:p-8 {
            padding: calc(var(--spacing) * 8);
        }
        .md\:px-0 {
            padding-inline: calc(var(--spacing) * 0);
        }
        .md\:px-3 {
            padding-inline: calc(var(--spacing) * 3);
        }
        .md\:px-4 {
            padding-inline: calc(var(--spacing) * 4);
        }
        .md\:px-6 {
            padding-inline: calc(var(--spacing) * 6);
        }
        .md\:px-8 {
            padding-inline: calc(var(--spacing) * 8);
        }
        .md\:py-3 {
            padding-block: calc(var(--spacing) * 3);
        }
        .md\:py-6 {
            padding-block: calc(var(--spacing) * 6);
        }
        .md\:py-8 {
            padding-block: calc(var(--spacing) * 8);
        }
        .md\:py-12 {
            padding-block: calc(var(--spacing) * 12);
        }
        .md\:py-16 {
            padding-block: calc(var(--spacing) * 16);
        }
        .md\:py-\[0\.6rem\] {
            padding-block: 0.6rem;
        }
        .md\:pt-6 {
            padding-top: calc(var(--spacing) * 6);
        }
        .md\:pt-\[104px\] {
            padding-top: 104px;
        }
        .md\:pb-2 {
            padding-bottom: calc(var(--spacing) * 2);
        }
        .md\:pb-8 {
            padding-bottom: calc(var(--spacing) * 8);
        }
        .md\:pb-32 {
            padding-bottom: calc(var(--spacing) * 32);
        }
        .md\:pb-64 {
            padding-bottom: calc(var(--spacing) * 64);
        }
        .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\: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)
            );
        }
        @media (hover: hover) {
            .md\:hover\:z-10:hover {
                z-index: 10;
            }
            .md\:hover\:scale-150:hover {
                --tw-scale-x: 150%;
                --tw-scale-y: 150%;
                --tw-scale-z: 150%;
                scale: var(--tw-scale-x) var(--tw-scale-y);
            }
        }
        .md\:data-\[state\=active\]\:border-lav-500[data-state="active"] {
            border-color: #d373ff;
        }
        .md\:data-\[state\=active\]\:bg-transparent[data-state="active"] {
            background-color: #0000;
        }
        .md\:data-\[state\=active\]\:font-semibold[data-state="active"] {
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
        }
        .md\:data-\[state\=active\]\:shadow-none[data-state="active"] {
            --tw-shadow: 0 0 #0000;
            box-shadow:
                var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
                var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
                var(--tw-shadow);
        }
    }
    @media (min-width: 64rem) {
        .lg\:absolute {
            position: absolute;
        }
        .lg\:top-4 {
            top: calc(var(--spacing) * 4);
        }
        .lg\:top-\[50\%\] {
            top: 50%;
        }
        .lg\:right-4 {
            right: calc(var(--spacing) * 4);
        }
        .lg\:right-6 {
            right: calc(var(--spacing) * 6);
        }
        .lg\:right-auto {
            right: auto;
        }
        .lg\:bottom-auto {
            bottom: auto;
        }
        .lg\:left-\[50\%\] {
            left: 50%;
        }
        .lg\:left-auto {
            left: auto;
        }
        .lg\:col-start-2 {
            grid-column-start: 2;
        }
        .lg\:col-end-4 {
            grid-column-end: 4;
        }
        .lg\:mx-0 {
            margin-inline: calc(var(--spacing) * 0);
        }
        .lg\:mb-12 {
            margin-bottom: calc(var(--spacing) * 12);
        }
        .lg\:block {
            display: block;
        }
        .lg\:flex {
            display: flex;
        }
        .lg\:grid {
            display: grid;
        }
        .lg\:hidden {
            display: none;
        }
        .lg\:inline {
            display: inline;
        }
        .lg\:inline-block {
            display: inline-block;
        }
        .lg\:h-4 {
            height: calc(var(--spacing) * 4);
        }
        .lg\:h-8 {
            height: calc(var(--spacing) * 8);
        }
        .lg\:h-14 {
            height: calc(var(--spacing) * 14);
        }
        .lg\:h-24 {
            height: calc(var(--spacing) * 24);
        }
        .lg\:h-32 {
            height: calc(var(--spacing) * 32);
        }
        .lg\:h-\[221px\] {
            height: 221px;
        }
        .lg\:h-screen {
            height: 100vh;
        }
        .lg\:max-h-\[492px\] {
            max-height: 492px;
        }
        .lg\:max-h-\[calc\(100vh-48px\)\] {
            max-height: calc(100vh - 48px);
        }
        .lg\:min-h-0 {
            min-height: calc(var(--spacing) * 0);
        }
        .lg\:min-h-\[460px\] {
            min-height: 460px;
        }
        .lg\:w-2\/5 {
            width: 40%;
        }
        .lg\:w-3\/5 {
            width: 60%;
        }
        .lg\:w-4 {
            width: calc(var(--spacing) * 4);
        }
        .lg\:w-14 {
            width: calc(var(--spacing) * 14);
        }
        .lg\:w-24 {
            width: calc(var(--spacing) * 24);
        }
        .lg\:w-28 {
            width: calc(var(--spacing) * 28);
        }
        .lg\:w-32 {
            width: calc(var(--spacing) * 32);
        }
        .lg\:w-\[122px\] {
            width: 122px;
        }
        .lg\:w-\[160px\] {
            width: 160px;
        }
        .lg\:w-\[240px\] {
            width: 240px;
        }
        .lg\:w-\[300px\] {
            width: 300px;
        }
        .lg\:w-auto {
            width: auto;
        }
        .lg\:w-fit {
            width: fit-content;
        }
        .lg\:w-full {
            width: 100%;
        }
        .lg\:max-w-\[180px\] {
            max-width: 180px;
        }
        .lg\:max-w-\[514px\] {
            max-width: 514px;
        }
        .lg\:max-w-\[720px\] {
            max-width: 720px;
        }
        .lg\:max-w-none {
            max-width: none;
        }
        .lg\:max-w-sm {
            max-width: var(--container-sm);
        }
        .lg\:flex-1 {
            flex: 1;
        }
        .lg\:translate-x-0 {
            --tw-translate-x: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
        .lg\:translate-x-\[-50\%\] {
            --tw-translate-x: -50%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
        .lg\:translate-y-\[-50\%\] {
            --tw-translate-y: -50%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
        .lg\:grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
        .lg\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .lg\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
        .lg\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
        .lg\:grid-cols-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }
        .lg\:grid-cols-6 {
            grid-template-columns: repeat(6, minmax(0, 1fr));
        }
        .lg\:grid-cols-\[1\.6fr_1fr\] {
            grid-template-columns: 1.6fr 1fr;
        }
        .lg\:grid-cols-\[1\.15fr_0\.85fr\] {
            grid-template-columns: 1.15fr 0.85fr;
        }
        .lg\:grid-cols-\[200px_1fr_1fr_220px\] {
            grid-template-columns: 200px 1fr 1fr 220px;
        }
        .lg\:grid-cols-\[minmax\(0\,1fr\)_22vw\] {
            grid-template-columns: minmax(0, 1fr) 22vw;
        }
        .lg\:grid-cols-\[minmax\(0\,1fr\)_220px\] {
            grid-template-columns: minmax(0, 1fr) 220px;
        }
        .lg\:flex-row {
            flex-direction: row;
        }
        .lg\:items-center {
            align-items: center;
        }
        .lg\:items-end {
            align-items: flex-end;
        }
        .lg\:items-start {
            align-items: flex-start;
        }
        .lg\:justify-between {
            justify-content: space-between;
        }
        .lg\:gap-0 {
            gap: calc(var(--spacing) * 0);
        }
        .lg\:gap-3 {
            gap: calc(var(--spacing) * 3);
        }
        .lg\:gap-4 {
            gap: calc(var(--spacing) * 4);
        }
        .lg\:gap-5 {
            gap: calc(var(--spacing) * 5);
        }
        .lg\:gap-6 {
            gap: calc(var(--spacing) * 6);
        }
        .lg\:gap-8 {
            gap: calc(var(--spacing) * 8);
        }
        .lg\:gap-9 {
            gap: calc(var(--spacing) * 9);
        }
        .lg\:gap-10 {
            gap: calc(var(--spacing) * 10);
        }
        .lg\:gap-20 {
            gap: calc(var(--spacing) * 20);
        }
        .lg\:rounded-\[28px\] {
            border-radius: 28px;
        }
        .lg\:border {
            border-style: var(--tw-border-style);
            border-width: 1px;
        }
        .lg\:border-white\/10 {
            border-color: #ffffff1a;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .lg\:border-white\/10 {
                border-color: color-mix(
                    in oklab,
                    var(--color-white) 10%,
                    transparent
                );
            }
        }
        .lg\:p-0 {
            padding: calc(var(--spacing) * 0);
        }
        .lg\:p-4 {
            padding: calc(var(--spacing) * 4);
        }
        .lg\:p-6 {
            padding: calc(var(--spacing) * 6);
        }
        .lg\:p-8 {
            padding: calc(var(--spacing) * 8);
        }
        .lg\:px-0 {
            padding-inline: calc(var(--spacing) * 0);
        }
        .lg\:px-6 {
            padding-inline: calc(var(--spacing) * 6);
        }
        .lg\:px-10 {
            padding-inline: calc(var(--spacing) * 10);
        }
        .lg\:py-8 {
            padding-block: calc(var(--spacing) * 8);
        }
        .lg\:py-10 {
            padding-block: calc(var(--spacing) * 10);
        }
        .lg\:py-14 {
            padding-block: calc(var(--spacing) * 14);
        }
        .lg\:pt-16 {
            padding-top: calc(var(--spacing) * 16);
        }
        .lg\:pb-8 {
            padding-bottom: calc(var(--spacing) * 8);
        }
        .lg\:text-2xl {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height));
        }
        .lg\:text-3xl {
            font-size: var(--text-3xl);
            line-height: var(--tw-leading, var(--text-3xl--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-xl {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height));
        }
        .lg\:text-\[15px\] {
            font-size: 15px;
        }
        .lg\:text-\[17px\] {
            font-size: 17px;
        }
        .lg\:leading-7 {
            --tw-leading: calc(var(--spacing) * 7);
            line-height: calc(var(--spacing) * 7);
        }
        .lg\:leading-loose {
            --tw-leading: var(--leading-loose);
            line-height: var(--leading-loose);
        }
    }
    @media (min-width: 80rem) {
        .xl\:col-span-4 {
            grid-column: span 4 / span 4;
        }
        .xl\:col-span-8 {
            grid-column: span 8 / span 8;
        }
        .xl\:contents {
            display: contents;
        }
        .xl\:grid {
            display: grid;
        }
        .xl\:h-\[120px\] {
            height: 120px;
        }
        .xl\:min-h-\[500px\] {
            min-height: 500px;
        }
        .xl\:w-4xl {
            width: var(--container-4xl);
        }
        .xl\:w-\[112px\] {
            width: 112px;
        }
        .xl\:w-\[220px\] {
            width: 220px;
        }
        .xl\:w-\[1114px\] {
            width: 1114px;
        }
        .xl\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
        .xl\:grid-cols-12 {
            grid-template-columns: repeat(12, minmax(0, 1fr));
        }
        .xl\:grid-cols-\[112px_minmax\(0\,0\.95fr\)_minmax\(0\,1\.3fr\)_minmax\(240px\,0\.82fr\)\] {
            grid-template-columns: 112px minmax(0, 0.95fr) minmax(
                    0,
                    1.3fr
                ) minmax(240px, 0.82fr);
        }
        .xl\:flex-row {
            flex-direction: row;
        }
        .xl\:items-center {
            align-items: center;
        }
        .xl\:items-start {
            align-items: flex-start;
        }
        .xl\:justify-between {
            justify-content: space-between;
        }
        .xl\:justify-center {
            justify-content: center;
        }
        .xl\:justify-end {
            justify-content: flex-end;
        }
        .xl\:gap-2 {
            gap: calc(var(--spacing) * 2);
        }
        .xl\:gap-5 {
            gap: calc(var(--spacing) * 5);
        }
        .xl\:gap-10 {
            gap: calc(var(--spacing) * 10);
        }
        .xl\:gap-12 {
            gap: calc(var(--spacing) * 12);
        }
        .xl\:self-stretch {
            align-self: stretch;
        }
        .xl\:rounded-2xl {
            border-radius: var(--radius-2xl);
        }
        .xl\:p-6 {
            padding: calc(var(--spacing) * 6);
        }
        .xl\:p-8 {
            padding: calc(var(--spacing) * 8);
        }
        .xl\:px-8 {
            padding-inline: calc(var(--spacing) * 8);
        }
        .xl\:py-1 {
            padding-block: calc(var(--spacing) * 1);
        }
        .xl\:pb-32 {
            padding-bottom: calc(var(--spacing) * 32);
        }
    }
    @media (min-width: 96rem) {
        .\32xl\:w-\[250px\] {
            width: 250px;
        }
        .\32xl\:gap-16 {
            gap: calc(var(--spacing) * 16);
        }
    }
    @media (orientation: portrait) {
        .portrait\:w-\[302px\] {
            width: 302px;
        }
        .portrait\:gap-\[0\.9rem\] {
            gap: 0.9rem;
        }
    }
    @media (min-width: 40rem) {
        @media (orientation: portrait) {
            .sm\:portrait\:w-\[269px\] {
                width: 269px;
            }
            .sm\:portrait\:gap-10 {
                gap: calc(var(--spacing) * 10);
            }
        }
    }
    @media (prefers-color-scheme: dark) {
        .dark\:from-neutral-900\/90 {
            --tw-gradient-from: #171717e6;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .dark\:from-neutral-900\/90 {
                --tw-gradient-from: color-mix(
                    in oklab,
                    var(--color-neutral-900) 90%,
                    transparent
                );
            }
        }
        .dark\:from-neutral-900\/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)
            );
        }
    }
    .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    @media (max-width: 359px) {
        .\[\@media\(max-width\:359px\)\]\:min-h-11 {
            min-height: calc(var(--spacing) * 11);
        }
        .\[\@media\(max-width\:359px\)\]\:gap-1\.5 {
            gap: calc(var(--spacing) * 1.5);
        }
        .\[\@media\(max-width\:359px\)\]\:px-2 {
            padding-inline: calc(var(--spacing) * 2);
        }
        .\[\@media\(max-width\:359px\)\]\:text-\[11px\] {
            font-size: 11px;
        }
    }
    @media (min-width: 427px) {
        .\[\@media\(min-width\:427px\)\]\:text-\[15px\] {
            font-size: 15px;
        }
    }
}
@font-face {
    font-family: Inter Tight;
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url(/fonts/inter-tight/inter-tight-latin.woff2) format("woff2");
    unicode-range:
        U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308,
        U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
        U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: Inter Tight;
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url(/fonts/inter-tight/inter-tight-latin-ext.woff2) format("woff2");
    unicode-range:
        U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308,
        U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
        U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: Inter Tight;
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url(/fonts/inter-tight/inter-tight-vietnamese.woff2) format("woff2");
    unicode-range:
        U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0,
        U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
html,
body {
    color: #fff;
    background-color: #0b0c1d;
    background-image:
        var(--cdn-bg-body),
        radial-gradient(
            ellipse at top center,
            #1917584d,
            #0b0c1d00 45%,
            #0b0c1d00
        );
    background-position: top, top;
    background-repeat: repeat-y, no-repeat;
    background-size:
        100%,
        120% 100%;
}
:root {
    --site-header-height-base: 96px;
    --site-banner-height-base: 36px;
    --site-header-height: var(--site-header-height-base);
    --site-banner-height: var(--site-banner-height-base);
}
@media (min-width: 768px) {
    :root {
        --site-header-height-base: 112px;
        --site-banner-height-base: 48px;
        --site-header-height: var(--site-header-height-base);
        --site-banner-height: var(--site-banner-height-base);
    }
    html,
    body {
        background-color: #0b0c1d;
        background-image:
            var(--cdn-bg-body),
            radial-gradient(
                ellipse at top center,
                #1917584d,
                #0b0c1d00 45%,
                #0b0c1d00
            );
        background-position: top, top;
        background-repeat: repeat-y, no-repeat;
        background-size:
            100%,
            120% 100%;
    }
}
@media (min-width: 900px) {
    html {
        font-size: 90%;
    }
    :root {
        --site-header-height: calc(var(--site-header-height-base) * 0.9);
        --site-banner-height: calc(var(--site-banner-height-base) * 0.9);
    }
}
.container-ad,
.container-page {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}
.container-ad.px-4,
.container-page.px-4 {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
}
@media (min-width: 640px) {
    .container-ad,
    .container-page {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .container-ad,
    .container-page {
        max-width: 680px;
    }
}
@media (min-width: 768px) and (max-width: 989px) {
    .container-page,
    .container-ad,
    .container {
        width: 98vw;
        max-width: none;
        margin-left: 1vw;
        margin-right: 1vw;
    }
}
@media (min-width: 1024px) {
    .container-ad,
    .container-page {
        max-width: 900px;
    }
}
@media (min-width: 1280px) {
    .container-ad,
    .container-page {
        max-width: 1100px;
    }
}
@media (min-width: 1536px) {
    .container-ad,
    .container-page {
        max-width: 1320px;
    }
}
@media (min-width: 990px) {
    :root {
        --vh-desktop-gutter: 11.5vw;
        --vh-desktop-main: calc(100vw - (2 * var(--vh-desktop-gutter)));
    }
    .container-page,
    .container-ad,
    .container {
        width: var(--vh-desktop-main);
        max-width: none;
        margin-left: var(--vh-desktop-gutter);
        margin-right: var(--vh-desktop-gutter);
    }
}
@media (min-width: 990px) and (max-width: 1279px) {
    :root {
        --vh-desktop-gutter: 1vw;
        --vh-desktop-main: calc(100vw - (2 * var(--vh-desktop-gutter)));
    }
}
.text-outline {
    -webkit-text-stroke: 2px #000000bf;
    paint-order: stroke fill;
}
.text-outline-purple {
    -webkit-text-stroke: 1px #d373ff;
    paint-order: stroke fill;
}
.text-outline-purple-thin {
    -webkit-text-stroke: 0.75px #d373ff;
    paint-order: stroke fill;
}
.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;
}
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
@media (hover: hover) and (pointer: fine) {
    .vh-hover-scale-105:hover,
    .vh-hover-scale-105:focus,
    .vh-hover-scale-105:focus-visible {
        transform: scale(1.05);
    }
}
@keyframes slideUpAndFade {
    0% {
        opacity: 0;
        transform: translateY(2px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes slideRightAndFade {
    0% {
        opacity: 0;
        transform: translate(-2px);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}
@keyframes slideDownAndFade {
    0% {
        opacity: 0;
        transform: translateY(-2px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes slideLeftAndFade {
    0% {
        opacity: 0;
        transform: translate(2px);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}
@keyframes cardFlipToBack {
    0% {
        transform: rotateY(0) scale(1);
    }
    50% {
        transform: rotateY(90deg) scale(0.95);
    }
    to {
        transform: rotateY(180deg) scale(1);
    }
}
@keyframes cardFlipReveal {
    0% {
        opacity: 0;
        transform: rotateY(-180deg) scale(0.95);
    }
    25% {
        opacity: 0;
        transform: rotateY(-90deg) scale(0.95);
    }
    to {
        opacity: 1;
        transform: rotateY(0) scale(1);
    }
}
@keyframes cardIdle {
    0%,
    to {
        transform: translateY(0) scale(1);
    }
    50% {
        transform: translateY(-2px) scale(1.01);
    }
}
@keyframes cardShake {
    0%,
    to {
        transform: translate(0) rotate(0);
    }
    8% {
        transform: translate(-1.5px, 1px) rotate(-0.5deg);
    }
    16% {
        transform: translate(2.5px, -1.5px) rotate(0.8deg);
    }
    24% {
        transform: translate(-2px, 2px) rotate(-0.3deg);
    }
    32% {
        transform: translate(1.8px, -0.5px) rotate(0.6deg);
    }
    40% {
        transform: translate(-1px, 1.8px) rotate(-0.4deg);
    }
    48% {
        transform: translate(2.2px, -1px) rotate(0.7deg);
    }
    56% {
        transform: translate(-1.3px, 1.5px) rotate(-0.2deg);
    }
    64% {
        transform: translate(1.6px, -2px) rotate(0.5deg);
    }
    72% {
        transform: translate(-0.8px, 0.8px) rotate(-0.6deg);
    }
    80% {
        transform: translate(1.2px, -1.2px) rotate(0.3deg);
    }
    88% {
        transform: translate(-1px, 1px) rotate(-0.4deg);
    }
    96% {
        transform: translate(0.5px, -0.5px) rotate(0.2deg);
    }
}
.animate-slideUpAndFade {
    animation: 0.15s cubic-bezier(0.16, 1, 0.3, 1) slideUpAndFade;
}
.animate-slideRightAndFade {
    animation: 0.15s cubic-bezier(0.16, 1, 0.3, 1) slideRightAndFade;
}
.animate-slideDownAndFade {
    animation: 0.15s cubic-bezier(0.16, 1, 0.3, 1) slideDownAndFade;
}
.animate-slideLeftAndFade {
    animation: 0.15s cubic-bezier(0.16, 1, 0.3, 1) slideLeftAndFade;
}
@keyframes shimmer-red {
    0% {
        background-position: 0 0;
    }
    to {
        background-position: 200% 0;
    }
}
.vh-shimmer-red {
    animation: 4s linear infinite shimmer-red;
}
.animate-card-flip {
    animation: 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards cardFlipToBack;
}
.animate-card-reveal {
    animation: 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards cardFlipReveal;
}
.animate-card-idle {
    animation: 1.5s ease-in-out infinite cardIdle;
}
.animate-card-hover {
    animation: 1s ease-in-out infinite cardShake;
}
@keyframes likeBump {
    0% {
        transform: scale(1) rotate(0);
    }
    35% {
        transform: scale(1.28) rotate(-9deg);
    }
    70% {
        transform: scale(0.92) rotate(4deg);
    }
    to {
        transform: scale(1) rotate(0);
    }
}
@keyframes likePlusOne {
    0% {
        opacity: 0;
        transform: translateY(4px) scale(0.8);
    }
    15% {
        opacity: 1;
        transform: translateY(-6px) scale(1.08);
    }
    to {
        opacity: 0;
        transform: translateY(-44px) scale(1.14);
    }
}
.animate-like-bump {
    transform-origin: 50%;
    animation: 0.25s cubic-bezier(0.2, 0.95, 0.25, 1) likeBump;
}
.animate-like-plus-one {
    animation: 1.3s cubic-bezier(0.16, 1, 0.3, 1) forwards likePlusOne;
}
@keyframes cardDrop {
    0% {
        opacity: 0;
        transform: translateY(-200px) scale(0.8);
    }
    60% {
        opacity: 1;
        transform: translateY(10px) scale(1.05);
    }
    80% {
        transform: translateY(-5px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
.animate-card-drop {
    animation: 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards cardDrop;
}
@keyframes translatorGradient {
    0% {
        background-position: 0%;
    }
    50% {
        background-position: 100%;
    }
    to {
        background-position: 0%;
    }
}
@keyframes translatorSweep {
    0% {
        opacity: 0;
        transform: translate(-140%);
    }
    20% {
        opacity: 0.5;
    }
    45% {
        opacity: 0.25;
    }
    to {
        opacity: 0;
        transform: translate(140%);
    }
}
@keyframes translatorFlicker {
    0%,
    to {
        opacity: 1;
        text-shadow: 0 0 6px #c3a0ff38;
    }
    46% {
        opacity: 0.96;
        text-shadow: 0 0 7px #d4b4ff4d;
    }
    50% {
        opacity: 0.9;
        text-shadow: 0 0 9px #ebd2ff73;
    }
    54% {
        opacity: 0.98;
        text-shadow: 0 0 7px #cdaaff47;
    }
}
.translator-shine {
    white-space: nowrap;
    color: #caa7ff;
    letter-spacing: 0.02em;
    -webkit-text-fill-color: transparent;
    will-change: background-position, opacity;
    isolation: isolate;
    background-image: linear-gradient(90deg, #e0c3ff, #a67dff 45%, #d7b3ff);
    background-position: 0%;
    background-size: 200% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    font-weight: 600;
    animation:
        6s ease-in-out infinite translatorGradient,
        5.5s ease-in-out infinite translatorFlicker;
    display: inline-block;
    position: relative;
}
.translator-shine:after {
    content: attr(data-text);
    font: inherit;
    letter-spacing: inherit;
    white-space: nowrap;
    color: #0000;
    opacity: 0.35;
    filter: drop-shadow(0 0 4px #d6b7ff66);
    pointer-events: none;
    will-change: transform, opacity;
    background-image: linear-gradient(
        110deg,
        #0000,
        #fff0 40%,
        #ecdbff99,
        #fff0 60%,
        #0000
    );
    background-size: 240% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    animation: 4.6s ease-in-out infinite translatorSweep;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translate(-120%);
}
@media (prefers-reduced-motion: reduce) {
    .translator-shine {
        animation: none;
    }
    .translator-shine:after {
        opacity: 0.4;
        animation: none;
        transform: translate(0);
    }
}
.title-neon {
    color: #0ff;
    text-shadow:
        0 0 4px #0ff9,
        0 0 8px #0ff6,
        0 0 16px #0ff3;
    animation: 2.5s ease-in-out infinite titleNeonPulse;
}
@keyframes titleNeonPulse {
    0%,
    to {
        text-shadow:
            0 0 4px #0ff9,
            0 0 8px #0ff6,
            0 0 16px #0ff3;
    }
    50% {
        text-shadow:
            0 0 6px #0ffc,
            0 0 12px #0ff9,
            0 0 24px #00ffff59,
            0 0 40px #00ffff26;
    }
}
.title-pink-glow {
    color: #ff8ec4;
    text-shadow:
        0 0 4px #ff8ec499,
        0 0 8px #ff8ec459,
        0 0 14px #ff69b433;
    animation: 3s ease-in-out infinite titlePinkPulse;
}
@keyframes titlePinkPulse {
    0%,
    to {
        text-shadow:
            0 0 4px #ff8ec499,
            0 0 8px #ff8ec459,
            0 0 14px #ff69b433;
    }
    50% {
        text-shadow:
            0 0 6px #ff8ec4cc,
            0 0 12px #ff8ec48c,
            0 0 20px #ff69b459,
            0 0 35px #ff69b426;
    }
}
.title-chain-lord {
    color: #f33;
    text-shadow:
        0 0 4px #ff333380,
        0 0 10px #c8000066;
    animation: 2.8s ease-in-out infinite titleChainPulse;
}
@keyframes titleChainPulse {
    0%,
    to {
        text-shadow:
            0 0 4px #ff333380,
            0 0 10px #c8000066;
    }
    50% {
        text-shadow:
            0 0 6px #ff3333b3,
            0 0 14px #c8000080,
            0 0 24px #c8000040;
    }
}
.title-color-artist {
    color: #fff1a8;
    text-shadow:
        -1px 0 #ff484899,
        0 0 8px #ffd04c59,
        1px 0 #4ebdff99;
    animation: 3.2s ease-in-out infinite titleColorShift;
}
@keyframes titleColorShift {
    0%,
    to {
        text-shadow:
            -1px 0 #ff484899,
            0 0 8px #ffd04c59,
            1px 0 #4ebdff99;
    }
    50% {
        text-shadow:
            -2px 0 #ff4848cc,
            0 0 12px #80ff9a73,
            2px 0 #4ebdffcc;
    }
}
.title-yuri-queen {
    color: #ff8bd1;
    text-shadow:
        0 0 4px #ff8bd18c,
        0 0 10px #ff49a44d;
    animation: 2.6s ease-in-out infinite titleYuriPulse;
}
@keyframes titleYuriPulse {
    0%,
    to {
        text-shadow:
            0 0 4px #ff8bd18c,
            0 0 10px #ff49a44d;
    }
    50% {
        text-shadow:
            0 0 6px #ff8bd1cc,
            0 0 14px #ff49a473,
            0 0 24px #ff49a42e;
    }
}
.title-mind-breaker {
    color: #ff9ab3;
    text-shadow:
        0 0 4px #ff9ab38c,
        0 0 12px #7e2d9159;
    animation: 1.9s steps(2, end) infinite titleMindBreakPulse;
}
@keyframes titleMindBreakPulse {
    0%,
    to {
        text-shadow:
            0 0 4px #ff9ab38c,
            0 0 12px #7e2d9159;
    }
    50% {
        text-shadow:
            -1px 0 #ff9ab3cc,
            1px 0 #7e2d91cc,
            0 0 18px #7e2d9147;
    }
}
.title-puppet-master {
    color: #95ffd0;
    text-shadow:
        0 0 4px #95ffd08c,
        0 0 12px #29795659;
    animation: 2.4s ease-in-out infinite titlePuppetPulse;
}
@keyframes titlePuppetPulse {
    0%,
    to {
        text-shadow:
            0 0 4px #95ffd08c,
            0 0 12px #29795659;
    }
    50% {
        text-shadow:
            0 0 6px #95ffd0c7,
            0 0 16px #2979567a,
            0 0 26px #29795633;
    }
}
@media (prefers-reduced-motion: reduce) {
    .title-neon,
    .title-pink-glow,
    .title-chain-lord,
    .title-color-artist,
    .title-yuri-queen,
    .title-mind-breaker,
    .title-puppet-master {
        animation: none;
    }
}
@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}
@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}
@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}
@property --tw-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 1;
}
@property --tw-scale-y {
    syntax: "*";
    inherits: false;
    initial-value: 1;
}
@property --tw-scale-z {
    syntax: "*";
    inherits: false;
    initial-value: 1;
}
@property --tw-rotate-x {
    syntax: "*";
    inherits: false;
}
@property --tw-rotate-y {
    syntax: "*";
    inherits: false;
}
@property --tw-rotate-z {
    syntax: "*";
    inherits: false;
}
@property --tw-skew-x {
    syntax: "*";
    inherits: false;
}
@property --tw-skew-y {
    syntax: "*";
    inherits: false;
}
@property --tw-pan-x {
    syntax: "*";
    inherits: false;
}
@property --tw-pan-y {
    syntax: "*";
    inherits: false;
}
@property --tw-pinch-zoom {
    syntax: "*";
    inherits: false;
}
@property --tw-scroll-snap-strictness {
    syntax: "*";
    inherits: false;
    initial-value: proximity;
}
@property --tw-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}
@property --tw-space-x-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}
@property --tw-divide-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}
@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid;
}
@property --tw-gradient-position {
    syntax: "*";
    inherits: false;
}
@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}
@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}
@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}
@property --tw-gradient-stops {
    syntax: "*";
    inherits: false;
}
@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false;
}
@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0%;
}
@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%;
}
@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%;
}
@property --tw-leading {
    syntax: "*";
    inherits: false;
}
@property --tw-font-weight {
    syntax: "*";
    inherits: false;
}
@property --tw-tracking {
    syntax: "*";
    inherits: false;
}
@property --tw-ordinal {
    syntax: "*";
    inherits: false;
}
@property --tw-slashed-zero {
    syntax: "*";
    inherits: false;
}
@property --tw-numeric-figure {
    syntax: "*";
    inherits: false;
}
@property --tw-numeric-spacing {
    syntax: "*";
    inherits: false;
}
@property --tw-numeric-fraction {
    syntax: "*";
    inherits: false;
}
@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
    syntax: "*";
    inherits: false;
}
@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%;
}
@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false;
}
@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%;
}
@property --tw-ring-color {
    syntax: "*";
    inherits: false;
}
@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false;
}
@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
    syntax: "*";
    inherits: false;
}
@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0;
}
@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff;
}
@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}
@property --tw-outline-style {
    syntax: "*";
    inherits: false;
    initial-value: solid;
}
@property --tw-blur {
    syntax: "*";
    inherits: false;
}
@property --tw-brightness {
    syntax: "*";
    inherits: false;
}
@property --tw-contrast {
    syntax: "*";
    inherits: false;
}
@property --tw-grayscale {
    syntax: "*";
    inherits: false;
}
@property --tw-hue-rotate {
    syntax: "*";
    inherits: false;
}
@property --tw-invert {
    syntax: "*";
    inherits: false;
}
@property --tw-opacity {
    syntax: "*";
    inherits: false;
}
@property --tw-saturate {
    syntax: "*";
    inherits: false;
}
@property --tw-sepia {
    syntax: "*";
    inherits: false;
}
@property --tw-drop-shadow {
    syntax: "*";
    inherits: false;
}
@property --tw-drop-shadow-color {
    syntax: "*";
    inherits: false;
}
@property --tw-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%;
}
@property --tw-drop-shadow-size {
    syntax: "*";
    inherits: false;
}
@property --tw-backdrop-blur {
    syntax: "*";
    inherits: false;
}
@property --tw-backdrop-brightness {
    syntax: "*";
    inherits: false;
}
@property --tw-backdrop-contrast {
    syntax: "*";
    inherits: false;
}
@property --tw-backdrop-grayscale {
    syntax: "*";
    inherits: false;
}
@property --tw-backdrop-hue-rotate {
    syntax: "*";
    inherits: false;
}
@property --tw-backdrop-invert {
    syntax: "*";
    inherits: false;
}
@property --tw-backdrop-opacity {
    syntax: "*";
    inherits: false;
}
@property --tw-backdrop-saturate {
    syntax: "*";
    inherits: false;
}
@property --tw-backdrop-sepia {
    syntax: "*";
    inherits: false;
}
@property --tw-duration {
    syntax: "*";
    inherits: false;
}
@property --tw-ease {
    syntax: "*";
    inherits: false;
}
@property --tw-content {
    syntax: "*";
    inherits: false;
    initial-value: "";
}
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}
@keyframes pulse {
    50% {
        opacity: 0.5;
    }
}
@keyframes bounce {
    0%,
    to {
        animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
        transform: translateY(-25%);
    }
    50% {
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
        transform: none;
    }
}