/*! tailwindcss v4.0.0-beta.4 | MIT License | https://tailwindcss.com */
@layer theme, base, components, utilities;

@layer theme {
    :root {
        --font-sans: InterVariable, system-ui, sans-serif;
        --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
            "Liberation Mono", "Courier New", monospace;
        --color-red-50: oklch(0.971 0.013 17.38);
        --color-red-100: oklch(0.936 0.032 17.717);
        --color-red-200: oklch(0.885 0.062 18.334);
        --color-red-300: oklch(0.808 0.114 19.571);
        --color-red-400: oklch(0.704 0.191 22.216);
        --color-red-500: oklch(0.637 0.237 25.331);
        --color-red-600: oklch(0.577 0.245 27.325);
        --color-red-700: oklch(0.505 0.213 27.518);
        --color-red-800: oklch(0.444 0.177 26.899);
        --color-red-900: oklch(0.396 0.141 25.723);
        --color-red-950: oklch(0.258 0.092 26.042);
        --color-orange-50: oklch(0.98 0.016 73.684);
        --color-orange-100: oklch(0.954 0.038 75.164);
        --color-orange-200: oklch(0.901 0.076 70.697);
        --color-orange-300: oklch(0.837 0.128 66.29);
        --color-orange-400: oklch(0.75 0.183 55.934);
        --color-orange-500: oklch(0.705 0.213 47.604);
        --color-orange-600: oklch(0.646 0.222 41.116);
        --color-orange-700: oklch(0.553 0.195 38.402);
        --color-orange-800: oklch(0.47 0.157 37.304);
        --color-orange-900: oklch(0.408 0.123 38.172);
        --color-orange-950: oklch(0.266 0.079 36.259);
        --color-amber-50: oklch(0.987 0.022 95.277);
        --color-amber-100: oklch(0.962 0.059 95.617);
        --color-amber-200: oklch(0.924 0.12 95.746);
        --color-amber-300: oklch(0.879 0.169 91.605);
        --color-amber-400: oklch(0.828 0.189 84.429);
        --color-amber-500: oklch(0.769 0.188 70.08);
        --color-amber-600: oklch(0.666 0.179 58.318);
        --color-amber-700: oklch(0.555 0.163 48.998);
        --color-amber-800: oklch(0.473 0.137 46.201);
        --color-amber-900: oklch(0.414 0.112 45.904);
        --color-amber-950: oklch(0.279 0.077 45.635);
        --color-yellow-50: oklch(0.987 0.026 102.212);
        --color-yellow-100: oklch(0.973 0.071 103.193);
        --color-yellow-200: oklch(0.945 0.129 101.54);
        --color-yellow-300: oklch(0.905 0.182 98.111);
        --color-yellow-400: oklch(0.852 0.199 91.936);
        --color-yellow-500: oklch(0.795 0.184 86.047);
        --color-yellow-600: oklch(0.681 0.162 75.834);
        --color-yellow-700: oklch(0.554 0.135 66.442);
        --color-yellow-800: oklch(0.476 0.114 61.907);
        --color-yellow-900: oklch(0.421 0.095 57.708);
        --color-yellow-950: oklch(0.286 0.066 53.813);
        --color-lime-50: oklch(0.986 0.031 120.757);
        --color-lime-100: oklch(0.967 0.067 122.328);
        --color-lime-200: oklch(0.938 0.127 124.321);
        --color-lime-300: oklch(0.897 0.196 126.665);
        --color-lime-400: oklch(0.841 0.238 128.85);
        --color-lime-500: oklch(0.768 0.233 130.85);
        --color-lime-600: oklch(0.648 0.2 131.684);
        --color-lime-700: oklch(0.532 0.157 131.589);
        --color-lime-800: oklch(0.453 0.124 130.933);
        --color-lime-900: oklch(0.405 0.101 131.063);
        --color-lime-950: oklch(0.274 0.072 132.109);
        --color-green-50: oklch(0.982 0.018 155.826);
        --color-green-100: oklch(0.962 0.044 156.743);
        --color-green-200: oklch(0.925 0.084 155.995);
        --color-green-300: oklch(0.871 0.15 154.449);
        --color-green-400: oklch(0.792 0.209 151.711);
        --color-green-500: oklch(0.723 0.219 149.579);
        --color-green-600: oklch(0.627 0.194 149.214);
        --color-green-700: oklch(0.527 0.154 150.069);
        --color-green-800: oklch(0.448 0.119 151.328);
        --color-green-900: oklch(0.393 0.095 152.535);
        --color-green-950: oklch(0.266 0.065 152.934);
        --color-emerald-50: oklch(0.979 0.021 166.113);
        --color-emerald-100: oklch(0.95 0.052 163.051);
        --color-emerald-200: oklch(0.905 0.093 164.15);
        --color-emerald-300: oklch(0.845 0.143 164.978);
        --color-emerald-400: oklch(0.765 0.177 163.223);
        --color-emerald-500: oklch(0.696 0.17 162.48);
        --color-emerald-600: oklch(0.596 0.145 163.225);
        --color-emerald-700: oklch(0.508 0.118 165.612);
        --color-emerald-800: oklch(0.432 0.095 166.913);
        --color-emerald-900: oklch(0.378 0.077 168.94);
        --color-emerald-950: oklch(0.262 0.051 172.552);
        --color-teal-50: oklch(0.984 0.014 180.72);
        --color-teal-100: oklch(0.953 0.051 180.801);
        --color-teal-200: oklch(0.91 0.096 180.426);
        --color-teal-300: oklch(0.855 0.138 181.071);
        --color-teal-400: oklch(0.777 0.152 181.912);
        --color-teal-500: oklch(0.704 0.14 182.503);
        --color-teal-600: oklch(0.6 0.118 184.704);
        --color-teal-700: oklch(0.511 0.096 186.391);
        --color-teal-800: oklch(0.437 0.078 188.216);
        --color-teal-900: oklch(0.386 0.063 188.416);
        --color-teal-950: oklch(0.277 0.046 192.524);
        --color-cyan-50: oklch(0.984 0.019 200.873);
        --color-cyan-100: oklch(0.956 0.045 203.388);
        --color-cyan-200: oklch(0.917 0.08 205.041);
        --color-cyan-300: oklch(0.865 0.127 207.078);
        --color-cyan-400: oklch(0.789 0.154 211.53);
        --color-cyan-500: oklch(0.715 0.143 215.221);
        --color-cyan-600: oklch(0.609 0.126 221.723);
        --color-cyan-700: oklch(0.52 0.105 223.128);
        --color-cyan-800: oklch(0.45 0.085 224.283);
        --color-cyan-900: oklch(0.398 0.07 227.392);
        --color-cyan-950: oklch(0.302 0.056 229.695);
        --color-sky-50: oklch(0.977 0.013 236.62);
        --color-sky-100: oklch(0.951 0.026 236.824);
        --color-sky-200: oklch(0.901 0.058 230.902);
        --color-sky-300: oklch(0.828 0.111 230.318);
        --color-sky-400: oklch(0.746 0.16 232.661);
        --color-sky-500: oklch(0.685 0.169 237.323);
        --color-sky-600: oklch(0.588 0.158 241.966);
        --color-sky-700: oklch(0.5 0.134 242.749);
        --color-sky-800: oklch(0.443 0.11 240.79);
        --color-sky-900: oklch(0.391 0.09 240.876);
        --color-sky-950: oklch(0.293 0.066 243.157);
        --color-blue-50: oklch(0.97 0.014 254.604);
        --color-blue-100: oklch(0.932 0.032 255.585);
        --color-blue-200: oklch(0.882 0.059 254.128);
        --color-blue-300: oklch(0.809 0.105 251.813);
        --color-blue-400: oklch(0.707 0.165 254.624);
        --color-blue-500: oklch(0.623 0.214 259.815);
        --color-blue-600: oklch(0.546 0.245 262.881);
        --color-blue-700: oklch(0.488 0.243 264.376);
        --color-blue-800: oklch(0.424 0.199 265.638);
        --color-blue-900: oklch(0.379 0.146 265.522);
        --color-blue-950: oklch(0.282 0.091 267.935);
        --color-indigo-50: oklch(0.962 0.018 272.314);
        --color-indigo-100: oklch(0.93 0.034 272.788);
        --color-indigo-200: oklch(0.87 0.065 274.039);
        --color-indigo-300: oklch(0.785 0.115 274.713);
        --color-indigo-400: oklch(0.673 0.182 276.935);
        --color-indigo-500: oklch(0.585 0.233 277.117);
        --color-indigo-600: oklch(0.511 0.262 276.966);
        --color-indigo-700: oklch(0.457 0.24 277.023);
        --color-indigo-800: oklch(0.398 0.195 277.366);
        --color-indigo-900: oklch(0.359 0.144 278.697);
        --color-indigo-950: oklch(0.257 0.09 281.288);
        --color-violet-50: oklch(0.969 0.016 293.756);
        --color-violet-100: oklch(0.943 0.029 294.588);
        --color-violet-200: oklch(0.894 0.057 293.283);
        --color-violet-300: oklch(0.811 0.111 293.571);
        --color-violet-400: oklch(0.702 0.183 293.541);
        --color-violet-500: oklch(0.606 0.25 292.717);
        --color-violet-600: oklch(0.541 0.281 293.009);
        --color-violet-700: oklch(0.491 0.27 292.581);
        --color-violet-800: oklch(0.432 0.232 292.759);
        --color-violet-900: oklch(0.38 0.189 293.745);
        --color-violet-950: oklch(0.283 0.141 291.089);
        --color-purple-50: oklch(0.977 0.014 308.299);
        --color-purple-100: oklch(0.946 0.033 307.174);
        --color-purple-200: oklch(0.902 0.063 306.703);
        --color-purple-300: oklch(0.827 0.119 306.383);
        --color-purple-400: oklch(0.714 0.203 305.504);
        --color-purple-500: oklch(0.627 0.265 303.9);
        --color-purple-600: oklch(0.558 0.288 302.321);
        --color-purple-700: oklch(0.496 0.265 301.924);
        --color-purple-800: oklch(0.438 0.218 303.724);
        --color-purple-900: oklch(0.381 0.176 304.987);
        --color-purple-950: oklch(0.291 0.149 302.717);
        --color-fuchsia-50: oklch(0.977 0.017 320.058);
        --color-fuchsia-100: oklch(0.952 0.037 318.852);
        --color-fuchsia-200: oklch(0.903 0.076 319.62);
        --color-fuchsia-300: oklch(0.833 0.145 321.434);
        --color-fuchsia-400: oklch(0.74 0.238 322.16);
        --color-fuchsia-500: oklch(0.667 0.295 322.15);
        --color-fuchsia-600: oklch(0.591 0.293 322.896);
        --color-fuchsia-700: oklch(0.518 0.253 323.949);
        --color-fuchsia-800: oklch(0.452 0.211 324.591);
        --color-fuchsia-900: oklch(0.401 0.17 325.612);
        --color-fuchsia-950: oklch(0.293 0.136 325.661);
        --color-pink-50: oklch(0.971 0.014 343.198);
        --color-pink-100: oklch(0.948 0.028 342.258);
        --color-pink-200: oklch(0.899 0.061 343.231);
        --color-pink-300: oklch(0.823 0.12 346.018);
        --color-pink-400: oklch(0.718 0.202 349.761);
        --color-pink-500: oklch(0.656 0.241 354.308);
        --color-pink-600: oklch(0.592 0.249 0.584);
        --color-pink-700: oklch(0.525 0.223 3.958);
        --color-pink-800: oklch(0.459 0.187 3.815);
        --color-pink-900: oklch(0.408 0.153 2.432);
        --color-pink-950: oklch(0.284 0.109 3.907);
        --color-rose-50: oklch(0.969 0.015 12.422);
        --color-rose-100: oklch(0.941 0.03 12.58);
        --color-rose-200: oklch(0.892 0.058 10.001);
        --color-rose-300: oklch(0.81 0.117 11.638);
        --color-rose-400: oklch(0.712 0.194 13.428);
        --color-rose-500: oklch(0.645 0.246 16.439);
        --color-rose-600: oklch(0.586 0.253 17.585);
        --color-rose-700: oklch(0.514 0.222 16.935);
        --color-rose-800: oklch(0.455 0.188 13.697);
        --color-rose-900: oklch(0.41 0.159 10.272);
        --color-rose-950: oklch(0.271 0.105 12.094);
        --color-slate-50: oklch(0.984 0.003 247.858);
        --color-slate-100: oklch(0.968 0.007 247.896);
        --color-slate-200: oklch(0.929 0.013 255.508);
        --color-slate-300: oklch(0.869 0.022 252.894);
        --color-slate-400: oklch(0.704 0.04 256.788);
        --color-slate-500: oklch(0.554 0.046 257.417);
        --color-slate-600: oklch(0.446 0.043 257.281);
        --color-slate-700: oklch(0.372 0.044 257.287);
        --color-slate-800: oklch(0.279 0.041 260.031);
        --color-slate-900: oklch(0.208 0.042 265.755);
        --color-slate-950: oklch(0.129 0.042 264.695);
        --color-gray-50: oklch(0.985 0.002 247.839);
        --color-gray-100: oklch(0.967 0.003 264.542);
        --color-gray-200: oklch(0.928 0.006 264.531);
        --color-gray-300: oklch(0.872 0.01 258.338);
        --color-gray-400: oklch(0.707 0.022 261.325);
        --color-gray-500: oklch(0.551 0.027 264.364);
        --color-gray-600: oklch(0.446 0.03 256.802);
        --color-gray-700: oklch(0.373 0.034 259.733);
        --color-gray-800: oklch(0.278 0.033 256.848);
        --color-gray-900: oklch(0.21 0.034 264.665);
        --color-gray-950: oklch(0.13 0.028 261.692);
        --color-zinc-50: oklch(0.985 0 0);
        --color-zinc-100: oklch(0.967 0.001 286.375);
        --color-zinc-200: oklch(0.92 0.004 286.32);
        --color-zinc-300: oklch(0.871 0.006 286.286);
        --color-zinc-400: oklch(0.705 0.015 286.067);
        --color-zinc-500: oklch(0.552 0.016 285.938);
        --color-zinc-600: oklch(0.442 0.017 285.786);
        --color-zinc-700: oklch(0.37 0.013 285.805);
        --color-zinc-800: oklch(0.274 0.006 286.033);
        --color-zinc-900: oklch(0.21 0.006 285.885);
        --color-zinc-950: oklch(0.141 0.005 285.823);
        --color-neutral-50: oklch(0.985 0 0);
        --color-neutral-100: oklch(0.97 0 0);
        --color-neutral-200: oklch(0.922 0 0);
        --color-neutral-300: oklch(0.87 0 0);
        --color-neutral-400: oklch(0.708 0 0);
        --color-neutral-500: oklch(0.556 0 0);
        --color-neutral-600: oklch(0.439 0 0);
        --color-neutral-700: oklch(0.371 0 0);
        --color-neutral-800: oklch(0.269 0 0);
        --color-neutral-900: oklch(0.205 0 0);
        --color-neutral-950: oklch(0.145 0 0);
        --color-stone-50: oklch(0.985 0.001 106.423);
        --color-stone-100: oklch(0.97 0.001 106.424);
        --color-stone-200: oklch(0.923 0.003 48.717);
        --color-stone-300: oklch(0.869 0.005 56.366);
        --color-stone-400: oklch(0.709 0.01 56.259);
        --color-stone-500: oklch(0.553 0.013 58.071);
        --color-stone-600: oklch(0.444 0.011 73.639);
        --color-stone-700: oklch(0.374 0.01 67.558);
        --color-stone-800: oklch(0.268 0.007 34.298);
        --color-stone-900: oklch(0.216 0.006 56.043);
        --color-stone-950: oklch(0.147 0.004 49.25);
        --color-black: #000;
        --color-white: #fff;
        --spacing: 0.25rem;
        --breakpoint-sm: 40rem;
        --breakpoint-md: 48rem;
        --breakpoint-lg: 64rem;
        --breakpoint-xl: 80rem;
        --breakpoint-2xl: 96rem;
        --container-3xs: 16rem;
        --container-2xs: 18rem;
        --container-xs: 20rem;
        --container-sm: 24rem;
        --container-md: 28rem;
        --container-lg: 32rem;
        --container-xl: 36rem;
        --container-2xl: 42rem;
        --container-3xl: 48rem;
        --container-4xl: 56rem;
        --container-5xl: 64rem;
        --container-6xl: 72rem;
        --container-7xl: 80rem;
        --container-prose: 65ch;
        --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: calc(1.5 / 1);
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75 / 1.125);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75 / 1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2 / 1.5);
        --text-3xl: 1.875rem;
        --text-3xl--line-height: calc(2.25 / 1.875);
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5 / 2.25);
        --text-5xl: 3rem;
        --text-5xl--line-height: 1;
        --text-6xl: 3.75rem;
        --text-6xl--line-height: 1;
        --text-7xl: 4.5rem;
        --text-7xl--line-height: 1;
        --text-8xl: 6rem;
        --text-8xl--line-height: 1;
        --text-9xl: 8rem;
        --text-9xl--line-height: 1;
        --font-weight-thin: 100;
        --font-weight-extralight: 200;
        --font-weight-light: 300;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --font-weight-extrabold: 800;
        --font-weight-black: 900;
        --tracking-tighter: -0.05em;
        --tracking-tight: -0.025em;
        --tracking-normal: 0em;
        --tracking-wide: 0.025em;
        --tracking-wider: 0.05em;
        --tracking-widest: 0.1em;
        --leading-tight: 1.25;
        --leading-snug: 1.375;
        --leading-normal: 1.5;
        --leading-relaxed: 1.625;
        --leading-loose: 2;
        --radius-xs: 0.125rem;
        --radius-sm: 0.25rem;
        --radius-md: 0.375rem;
        --radius-lg: 0.5rem;
        --radius-xl: 0.75rem;
        --radius-2xl: 1rem;
        --radius-3xl: 1.5rem;
        --radius-4xl: 2rem;
        --shadow-2xs: 0 1px rgb(0 0 0 / 0.05);
        --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
        --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
        --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1),
            0 2px 4px -2px rgb(0 0 0 / 0.1);
        --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1),
            0 4px 6px -4px rgb(0 0 0 / 0.1);
        --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1),
            0 8px 10px -6px rgb(0 0 0 / 0.1);
        --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
        --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / 0.05);
        --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / 0.05);
        --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / 0.05);
        --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05);
        --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);
        --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);
        --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
        --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1);
        --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);
        --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-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
        --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        --animate-bounce: bounce 1s infinite;
        --blur-xs: 4px;
        --blur-sm: 8px;
        --blur-md: 12px;
        --blur-lg: 16px;
        --blur-xl: 24px;
        --blur-2xl: 40px;
        --blur-3xl: 64px;
        --perspective-dramatic: 100px;
        --perspective-near: 300px;
        --perspective-normal: 500px;
        --perspective-midrange: 800px;
        --perspective-distant: 1200px;
        --default-transition-duration: 150ms;
        --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        --default-font-family: var(--font-sans);
        --default-font-feature-settings: var(--font-sans--font-feature-settings);
        --default-font-variation-settings: var(--font-sans--font-variation-settings);
        --default-mono-font-family: var(--font-mono);
        --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
        --default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
        --font-sans--font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
    }
}

@layer base {

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

    html,
    :host {
        line-height: 1.5;
        -webkit-text-size-adjust: 100%;
        tab-size: 4;
        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;
    }

    body {
        line-height: inherit;
    }

    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 {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }

    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 {
        display: block;
        vertical-align: middle;
    }

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

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

    :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;
        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,
    ::-webkit-datetime-edit-year-field,
    ::-webkit-datetime-edit-month-field,
    ::-webkit-datetime-edit-day-field,
    ::-webkit-datetime-edit-hour-field,
    ::-webkit-datetime-edit-minute-field,
    ::-webkit-datetime-edit-second-field,
    ::-webkit-datetime-edit-millisecond-field,
    ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0;
    }

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

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

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

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

@layer utilities {
    .\@container {
        container-type: inline-size;
    }

    .\[container-type\:inline-size\] {
        container-type: inline-size;
    }

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

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

    .\!visible {
        visibility: visible !important;
    }

    .collapse {
        visibility: collapse;
    }

    .invisible {
        visibility: hidden;
    }

    .visible {
        visibility: visible;
    }

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

    .absolute {
        position: absolute;
    }

    .fixed {
        position: fixed;
    }

    .relative {
        position: relative;
    }

    .static {
        position: static;
    }

    .sticky {
        position: sticky;
    }

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

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

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

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

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

    .-inset-px {
        inset: -1px;
    }

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

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

    .inset-px {
        inset: 1px;
    }

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

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

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

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

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

    .inset-x-px {
        inset-inline: 1px;
    }

    .-inset-y-px {
        inset-block: -1px;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .-top-\[40rem\] {
        top: calc(40rem * -1);
    }

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

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

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

    .top-1\/2 {
        top: calc(1/2 * 100%);
    }

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

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

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

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

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

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

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

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

    .top-\[-10rem\] {
        top: -10rem;
    }

    .top-\[calc\(50\%-36rem\)\] {
        top: calc(50% - 36rem);
    }

    .top-\[calc\(100\%-13rem\)\] {
        top: calc(100% - 13rem);
    }

    .top-full {
        top: 100%;
    }

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

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

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

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

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

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

    .right-1\/2 {
        right: calc(1/2 * 100%);
    }

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

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

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

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

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

    .right-full {
        right: 100%;
    }

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

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

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

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

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

    .-bottom-px {
        bottom: -1px;
    }

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

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

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

    .bottom-full {
        bottom: 100%;
    }

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

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

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

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

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

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

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

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

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

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

    .left-1\/2 {
        left: calc(1/2 * 100%);
    }

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

    .left-3\/4 {
        left: calc(3/4 * 100%);
    }

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

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

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

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

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

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

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

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

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

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

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

    .left-\[calc\(50\%\+3rem\)\] {
        left: calc(50% + 3rem);
    }

    .left-\[calc\(50\%-4rem\)\] {
        left: calc(50% - 4rem);
    }

    .left-\[calc\(50\%-11rem\)\] {
        left: calc(50% - 11rem);
    }

    .left-\[calc\(50\%-19rem\)\] {
        left: calc(50% - 19rem);
    }

    .left-\[max\(-7rem\,calc\(50\%-52rem\)\)\] {
        left: max(-7rem, calc(50% - 52rem));
    }

    .left-\[max\(6rem\,33\%\)\] {
        left: max(6rem, 33%);
    }

    .left-\[max\(45rem\,calc\(50\%\+8rem\)\)\] {
        left: max(45rem, calc(50% + 8rem));
    }

    .left-\[max\(50\%\,25rem\)\] {
        left: max(50%, 25rem);
    }

    .left-full {
        left: 100%;
    }

    .isolate {
        isolation: isolate;
    }

    .-z-10 {
        z-index: calc(10 * -1);
    }

    .-z-20 {
        z-index: calc(20 * -1);
    }

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

    .order-0 {
        order: 0;
    }

    .order-1 {
        order: 1;
    }

    .order-2 {
        order: 2;
    }

    .order-3 {
        order: 3;
    }

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

    .order-first {
        order: calc(-infinity);
    }

    .order-last {
        order: calc(infinity);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .col-end-1 {
        grid-column-end: 1;
    }

    .col-end-2 {
        grid-column-end: 2;
    }

    .col-end-3 {
        grid-column-end: 3;
    }

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

    .row-span-full {
        grid-row: 1 / -1;
    }

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

    .row-end-1 {
        grid-row-end: 1;
    }

    .row-end-2 {
        grid-row-end: 2;
    }

    .container {
        width: 100%;

        @media (width >=40rem) {
            max-width: 40rem;
        }

        @media (width >=48rem) {
            max-width: 48rem;
        }

        @media (width >=64rem) {
            max-width: 64rem;
        }

        @media (width >=80rem) {
            max-width: 80rem;
        }

        @media (width >=96rem) {
            max-width: 96rem;
        }
    }

    .-m-0\.5 {
        margin: calc(var(--spacing) * -0.5);
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .-mx-px {
        margin-inline: -1px;
    }

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

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

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

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

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

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

    .mx-px {
        margin-inline: 1px;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .-mt-px {
        margin-top: -1px;
    }

    .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-2\.5 {
        margin-top: calc(var(--spacing) * 2.5);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mt-auto {
        margin-top: auto;
    }

    .mt-px {
        margin-top: 1px;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .-mr-px {
        margin-right: -1px;
    }

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

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

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

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

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

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

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

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

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

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

    .mr-auto {
        margin-right: auto;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .mb-\[-12\%\] {
        margin-bottom: -12%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .-ml-px {
        margin-left: -1px;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .ml-\[-22rem\] {
        margin-left: -22rem;
    }

    .ml-\[max\(50\%\,38rem\)\] {
        margin-left: max(50%, 38rem);
    }

    .ml-auto {
        margin-left: auto;
    }

    .ml-px {
        margin-left: 1px;
    }

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

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

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

    .block {
        display: block;
    }

    .contents {
        display: contents;
    }

    .flex {
        display: flex;
    }

    .flow-root {
        display: flow-root;
    }

    .grid {
        display: grid;
    }

    .hidden {
        display: none;
    }

    .inline {
        display: inline;
    }

    .inline-block {
        display: inline-block;
    }

    .inline-flex {
        display: inline-flex;
    }

    .inline-grid {
        display: inline-grid;
    }

    .inline-table {
        display: inline-table;
    }

    .list-item {
        display: list-item;
    }

    .table {
        display: table;
    }

    .table-caption {
        display: table-caption;
    }

    .table-cell {
        display: table-cell;
    }

    .table-column {
        display: table-column;
    }

    .table-column-group {
        display: table-column-group;
    }

    .table-footer-group {
        display: table-footer-group;
    }

    .table-header-group {
        display: table-header-group;
    }

    .table-row {
        display: table-row;
    }

    .table-row-group {
        display: table-row-group;
    }

    .aspect-2\/1 {
        aspect-ratio: 2/1;
    }

    .aspect-2\/3 {
        aspect-ratio: 2/3;
    }

    .aspect-3\/2 {
        aspect-ratio: 3/2;
    }

    .aspect-3\/4 {
        aspect-ratio: 3/4;
    }

    .aspect-4\/3 {
        aspect-ratio: 4/3;
    }

    .aspect-4\/5 {
        aspect-ratio: 4/5;
    }

    .aspect-5\/2 {
        aspect-ratio: 5/2;
    }

    .aspect-5\/3 {
        aspect-ratio: 5/3;
    }

    .aspect-5\/6 {
        aspect-ratio: 5/6;
    }

    .aspect-6\/5 {
        aspect-ratio: 6/5;
    }

    .aspect-7\/5 {
        aspect-ratio: 7/5;
    }

    .aspect-7\/8 {
        aspect-ratio: 7/8;
    }

    .aspect-9\/4 {
        aspect-ratio: 9/4;
    }

    .aspect-10\/6 {
        aspect-ratio: 10/6;
    }

    .aspect-10\/7 {
        aspect-ratio: 10/7;
    }

    .aspect-12\/7 {
        aspect-ratio: 12/7;
    }

    .aspect-14\/13 {
        aspect-ratio: 14/13;
    }

    .aspect-16\/7 {
        aspect-ratio: 16/7;
    }

    .aspect-577\/310 {
        aspect-ratio: 577/310;
    }

    .aspect-801\/1036 {
        aspect-ratio: 801/1036;
    }

    .aspect-1097\/845 {
        aspect-ratio: 1097/845;
    }

    .aspect-1097\/1023 {
        aspect-ratio: 1097/1023;
    }

    .aspect-1108\/632 {
        aspect-ratio: 1108/632;
    }

    .aspect-1154\/678 {
        aspect-ratio: 1154/678;
    }

    .aspect-1155\/678 {
        aspect-ratio: 1155/678;
    }

    .aspect-1266\/975 {
        aspect-ratio: 1266/975;
    }

    .aspect-1313\/771 {
        aspect-ratio: 1313/771;
    }

    .aspect-1318\/752 {
        aspect-ratio: 1318/752;
    }

    .aspect-1404\/767 {
        aspect-ratio: 1404/767;
    }

    .aspect-2432\/1442 {
        aspect-ratio: 2432/1442;
    }

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

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

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

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

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

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

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

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

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

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

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

    .aspect-\[7\/8\] {
        aspect-ratio: 7/8;
    }

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

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

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

    .aspect-\[12\/7\] {
        aspect-ratio: 12/7;
    }

    .aspect-\[14\/13\] {
        aspect-ratio: 14/13;
    }

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

    .aspect-\[577\/310\] {
        aspect-ratio: 577/310;
    }

    .aspect-\[801\/1036\] {
        aspect-ratio: 801/1036;
    }

    .aspect-\[1097\/845\] {
        aspect-ratio: 1097/845;
    }

    .aspect-\[1097\/1023\] {
        aspect-ratio: 1097/1023;
    }

    .aspect-\[1108\/632\] {
        aspect-ratio: 1108/632;
    }

    .aspect-\[1154\/678\] {
        aspect-ratio: 1154/678;
    }

    .aspect-\[1155\/678\] {
        aspect-ratio: 1155/678;
    }

    .aspect-\[1266\/975\] {
        aspect-ratio: 1266/975;
    }

    .aspect-\[1313\/771\] {
        aspect-ratio: 1313/771;
    }

    .aspect-\[1318\/752\] {
        aspect-ratio: 1318/752;
    }

    .aspect-\[1404\/767\] {
        aspect-ratio: 1404/767;
    }

    .aspect-\[2432\/1442\] {
        aspect-ratio: 2432/1442;
    }

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

    .aspect-video {
        aspect-ratio: 16 / 9;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .size-\[64rem\] {
        width: 64rem;
        height: 64rem;
    }

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

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

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

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

    .h-1\/2 {
        height: calc(1/2 * 100%);
    }

    .h-1\/3 {
        height: calc(1/3 * 100%);
    }

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

    .h-2\/3 {
        height: calc(2/3 * 100%);
    }

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

    .h-3\/4 {
        height: calc(3/4 * 100%);
    }

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

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

    .h-5\/6 {
        height: calc(5/6 * 100%);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .h-\[50rem\] {
        height: 50rem;
    }

    .h-\[64rem\] {
        height: 64rem;
    }

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

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

    .h-\[36rem\] {
        height: 36rem;
    }

    .h-\[40rem\] {
        height: 40rem;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .h-\[min\(152px\,40cqw\)\] {
        height: min(152px, 40cqw);
    }

    .h-auto {
        height: auto;
    }

    .h-full {
        height: 100%;
    }

    .h-px {
        height: 1px;
    }

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

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

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

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

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

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

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

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

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

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

    .min-h-\[30rem\] {
        min-height: 30rem;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .w-1\/2 {
        width: calc(1/2 * 100%);
    }

    .w-1\/3 {
        width: calc(1/3 * 100%);
    }

    .w-1\/4 {
        width: calc(1/4 * 100%);
    }

    .w-1\/5 {
        width: calc(1/5 * 100%);
    }

    .w-2\/5 {
        width: calc(2/5 * 100%);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .w-\[22\.875rem\] {
        width: 22.875rem;
    }

    .w-\[24rem\] {
        width: 24rem;
    }

    .w-\[36\.125rem\] {
        width: 36.125rem;
    }

    .w-\[36\.0625rem\] {
        width: 36.0625rem;
    }

    .w-\[37rem\] {
        width: 37rem;
    }

    .w-\[48rem\] {
        width: 48rem;
    }

    .w-\[50\.0625rem\] {
        width: 50.0625rem;
    }

    .w-\[57\.875rem\] {
        width: 57.875rem;
    }

    .w-\[57rem\] {
        width: 57rem;
    }

    .w-\[68\.5625rem\] {
        width: 68.5625rem;
    }

    .w-\[69\.25rem\] {
        width: 69.25rem;
    }

    .w-\[72\.125rem\] {
        width: 72.125rem;
    }

    .w-\[72\.1875rem\] {
        width: 72.1875rem;
    }

    .w-\[76rem\] {
        width: 76rem;
    }

    .w-\[79\.125rem\] {
        width: 79.125rem;
    }

    .w-\[80rem\] {
        width: 80rem;
    }

    .w-\[82\.375rem\] {
        width: 82.375rem;
    }

    .w-\[82\.0625rem\] {
        width: 82.0625rem;
    }

    .w-\[87\.75rem\] {
        width: 87.75rem;
    }

    .w-\[90rem\] {
        width: 90rem;
    }

    .w-\[128rem\] {
        width: 128rem;
    }

    .w-\[150vw\] {
        width: 150vw;
    }

    .w-\[175\.5rem\] {
        width: 175.5rem;
    }

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

    .w-auto {
        width: auto;
    }

    .w-full {
        width: 100%;
    }

    .w-px {
        width: 1px;
    }

    .w-screen {
        width: 100vw;
    }

    .max-w-\(--breakpoint-xl\) {
        max-width: var(--breakpoint-xl);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .max-w-screen-xl {
        max-width: var(--breakpoint-xl);
    }

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

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

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

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

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

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

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

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

    .flex-1 {
        flex: 1;
    }

    .flex-auto {
        flex: auto;
    }

    .flex-none {
        flex: none;
    }

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

    .shrink {
        flex-shrink: 1;
    }

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

    .grow {
        flex-grow: 1;
    }

    .table-fixed {
        table-layout: fixed;
    }

    .border-separate {
        border-collapse: separate;
    }

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

    .border-spacing-x-8 {
        --tw-border-spacing-x: calc(var(--spacing) * 8);
        border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
    }

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

    .origin-bottom-right {
        transform-origin: bottom right;
    }

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

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

    .origin-top-right {
        transform-origin: top right;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .-translate-y-px {
        --tw-translate-y: -1px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

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

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

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

    .translate-x-1\/4 {
        --tw-translate-x: calc(1/4 * 100%);
        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-4 {
        --tw-translate-x: calc(var(--spacing) * 4);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .translate-x-5 {
        --tw-translate-x: calc(var(--spacing) * 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-64 {
        --tw-translate-x: calc(var(--spacing) * 64);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

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

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

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

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

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

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

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

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

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

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

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

    .translate-y-40 {
        --tw-translate-y: calc(var(--spacing) * 40);
        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-px {
        --tw-translate-y: 1px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

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

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

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

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

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

    .-rotate-45 {
        rotate: calc(45deg * -1);
    }

    .-rotate-90 {
        rotate: calc(90deg * -1);
    }

    .-rotate-180 {
        rotate: calc(180deg * -1);
    }

    .rotate-0 {
        rotate: 0deg;
    }

    .rotate-45 {
        rotate: 45deg;
    }

    .rotate-90 {
        rotate: 90deg;
    }

    .rotate-180 {
        rotate: 180deg;
    }

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

    .skew-x-\[-30deg\] {
        --tw-skew-x: skewX(-30deg);
        transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
    }

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

    .transform-gpu {
        transform: translateZ(0) var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
    }

    .cursor-auto {
        cursor: auto;
    }

    .cursor-default {
        cursor: default;
    }

    .cursor-ew-resize {
        cursor: ew-resize;
    }

    .cursor-nesw-resize {
        cursor: nesw-resize;
    }

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

    .cursor-ns-resize {
        cursor: ns-resize;
    }

    .cursor-nwse-resize {
        cursor: nwse-resize;
    }

    .cursor-pointer {
        cursor: pointer;
    }

    .resize {
        resize: both;
    }

    .resize-none {
        resize: none;
    }

    .scroll-py-2 {
        scroll-padding-block: calc(var(--spacing) * 2);
    }

    .scroll-py-3 {
        scroll-padding-block: calc(var(--spacing) * 3);
    }

    .scroll-py-4 {
        scroll-padding-block: calc(var(--spacing) * 4);
    }

    .scroll-py-10 {
        scroll-padding-block: calc(var(--spacing) * 10);
    }

    .scroll-pt-11 {
        scroll-padding-top: calc(var(--spacing) * 11);
    }

    .scroll-pb-2 {
        scroll-padding-bottom: calc(var(--spacing) * 2);
    }

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

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

    .appearance-none {
        appearance: none;
    }

    .columns-2 {
        columns: 2;
    }

    .auto-rows-fr {
        grid-auto-rows: minmax(0, 1fr);
    }

    .auto-rows-min {
        grid-auto-rows: min-content;
    }

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

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

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

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

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

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

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

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

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

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

    .grid-rows-\[1fr_auto_1fr\] {
        grid-template-rows: 1fr auto 1fr;
    }

    .flex-col {
        flex-direction: column;
    }

    .flex-col-reverse {
        flex-direction: column-reverse;
    }

    .flex-nowrap {
        flex-wrap: nowrap;
    }

    .flex-wrap {
        flex-wrap: wrap;
    }

    .flex-wrap-reverse {
        flex-wrap: wrap-reverse;
    }

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

    .items-baseline {
        align-items: baseline;
    }

    .items-center {
        align-items: center;
    }

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

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

    .items-stretch {
        align-items: stretch;
    }

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

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

    .justify-center {
        justify-content: center;
    }

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

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

    .justify-stretch {
        justify-content: stretch;
    }

    .gap-0\.5 {
        gap: calc(var(--spacing) * 0.5);
    }

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

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

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

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

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

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

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

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

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

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

    .gap-16 {
        gap: calc(var(--spacing) * 16);
    }

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

    .gap-px {
        gap: 1px;
    }

    .-space-y-px {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(-1px * var(--tw-space-y-reverse));
            margin-block-end: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
        }
    }

    .gap-x-0\.5 {
        column-gap: calc(var(--spacing) * 0.5);
    }

    .gap-x-1 {
        column-gap: calc(var(--spacing) * 1);
    }

    .gap-x-1\.5 {
        column-gap: calc(var(--spacing) * 1.5);
    }

    .gap-x-2 {
        column-gap: calc(var(--spacing) * 2);
    }

    .gap-x-2\.5 {
        column-gap: calc(var(--spacing) * 2.5);
    }

    .gap-x-3 {
        column-gap: calc(var(--spacing) * 3);
    }

    .gap-x-4 {
        column-gap: calc(var(--spacing) * 4);
    }

    .gap-x-5 {
        column-gap: calc(var(--spacing) * 5);
    }

    .gap-x-6 {
        column-gap: calc(var(--spacing) * 6);
    }

    .gap-x-8 {
        column-gap: calc(var(--spacing) * 8);
    }

    .gap-x-10 {
        column-gap: calc(var(--spacing) * 10);
    }

    .gap-x-12 {
        column-gap: calc(var(--spacing) * 12);
    }

    .gap-x-14 {
        column-gap: calc(var(--spacing) * 14);
    }

    .gap-x-16 {
        column-gap: calc(var(--spacing) * 16);
    }

    .space-y-1 {
        :where(& > :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)));
        }
    }

    .space-y-2 {
        :where(& > :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)));
        }
    }

    .space-y-3 {
        :where(& > :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)));
        }
    }

    .space-y-4 {
        :where(& > :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)));
        }
    }

    .space-y-5 {
        :where(& > :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)));
        }
    }

    .space-y-6 {
        :where(& > :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)));
        }
    }

    .space-y-8 {
        :where(& > :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)));
        }
    }

    .space-y-10 {
        :where(& > :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)));
        }
    }

    .space-y-12 {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
        }
    }

    .space-y-16 {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
        }
    }

    .space-y-20 {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)));
        }
    }

    .space-y-24 {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 24) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-y-reverse)));
        }
    }

    .space-y-reverse {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 1;
        }
    }

    .-space-x-0\.5 {
        :where(& > :not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing) * -0.5) * var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing) * -0.5) * calc(1 - var(--tw-space-x-reverse)));
        }
    }

    .-space-x-1 {
        :where(& > :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)));
        }
    }

    .-space-x-2 {
        :where(& > :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)));
        }
    }

    .-space-x-px {
        :where(& > :not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(-1px * var(--tw-space-x-reverse));
            margin-inline-end: calc(-1px * 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);
    }

    .gap-y-5 {
        row-gap: calc(var(--spacing) * 5);
    }

    .gap-y-6 {
        row-gap: calc(var(--spacing) * 6);
    }

    .gap-y-7 {
        row-gap: calc(var(--spacing) * 7);
    }

    .gap-y-8 {
        row-gap: calc(var(--spacing) * 8);
    }

    .gap-y-10 {
        row-gap: calc(var(--spacing) * 10);
    }

    .gap-y-12 {
        row-gap: calc(var(--spacing) * 12);
    }

    .gap-y-14 {
        row-gap: calc(var(--spacing) * 14);
    }

    .gap-y-16 {
        row-gap: calc(var(--spacing) * 16);
    }

    .gap-y-20 {
        row-gap: calc(var(--spacing) * 20);
    }

    .space-x-1 {
        :where(& > :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)));
        }
    }

    .space-x-2 {
        :where(& > :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)));
        }
    }

    .space-x-2\.5 {
        :where(& > :not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-x-reverse)));
        }
    }

    .space-x-3 {
        :where(& > :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)));
        }
    }

    .space-x-4 {
        :where(& > :not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
        }
    }

    .space-x-5 {
        :where(& > :not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse)));
        }
    }

    .space-x-6 {
        :where(& > :not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
        }
    }

    .space-x-7 {
        :where(& > :not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing) * 7) * var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-x-reverse)));
        }
    }

    .space-x-8 {
        :where(& > :not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
        }
    }

    .space-x-10 {
        :where(& > :not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing) * 10) * var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-x-reverse)));
        }
    }

    .space-x-12 {
        :where(& > :not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing) * 12) * var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-x-reverse)));
        }
    }

    .divide-x {
        :where(& > :not(:last-child)) {
            --tw-divide-x-reverse: 0;
            border-inline-style: var(--tw-border-style);
            border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
            border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
        }
    }

    .divide-y {
        :where(& > :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)));
        }
    }

    .divide-y-2 {
        :where(& > :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(2px * var(--tw-divide-y-reverse));
            border-bottom-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
        }
    }

    .divide-cyan-800 {
        :where(& > :not(:last-child)) {
            border-color: var(--color-cyan-800);
        }
    }

    .divide-gray-50 {
        :where(& > :not(:last-child)) {
            border-color: var(--color-gray-50);
        }
    }

    .divide-gray-100 {
        :where(& > :not(:last-child)) {
            border-color: var(--color-gray-100);
        }
    }

    .divide-gray-200 {
        :where(& > :not(:last-child)) {
            border-color: var(--color-gray-200);
        }
    }

    .divide-gray-300 {
        :where(& > :not(:last-child)) {
            border-color: var(--color-gray-300);
        }
    }

    .divide-gray-500\/10 {
        :where(& > :not(:last-child)) {
            border-color: color-mix(in oklab, var(--color-gray-500) 10%, transparent);
        }
    }

    .divide-gray-500\/20 {
        :where(& > :not(:last-child)) {
            border-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent);
        }
    }

    .divide-gray-500\/25 {
        :where(& > :not(:last-child)) {
            border-color: color-mix(in oklab, var(--color-gray-500) 25%, transparent);
        }
    }

    .divide-gray-700 {
        :where(& > :not(:last-child)) {
            border-color: var(--color-gray-700);
        }
    }

    .divide-gray-800 {
        :where(& > :not(:last-child)) {
            border-color: var(--color-gray-800);
        }
    }

    .divide-gray-900\/5 {
        :where(& > :not(:last-child)) {
            border-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent);
        }
    }

    .divide-gray-900\/10 {
        :where(& > :not(:last-child)) {
            border-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent);
        }
    }

    .divide-indigo-500\/75 {
        :where(& > :not(:last-child)) {
            border-color: color-mix(in oklab, var(--color-indigo-500) 75%, transparent);
        }
    }

    .divide-indigo-700 {
        :where(& > :not(:last-child)) {
            border-color: var(--color-indigo-700);
        }
    }

    .divide-purple-600 {
        :where(& > :not(:last-child)) {
            border-color: var(--color-purple-600);
        }
    }

    .divide-slate-200 {
        :where(& > :not(:last-child)) {
            border-color: var(--color-slate-200);
        }
    }

    .divide-stone-200 {
        :where(& > :not(:last-child)) {
            border-color: var(--color-stone-200);
        }
    }

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

    .divide-white\/10 {
        :where(& > :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-center {
        justify-self: center;
    }

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

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

    .overflow-auto {
        overflow: auto;
    }

    .overflow-clip {
        overflow: clip;
    }

    .overflow-hidden {
        overflow: hidden;
    }

    .overflow-scroll {
        overflow: scroll;
    }

    .overflow-visible {
        overflow: visible;
    }

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

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

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

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

    .overflow-x-visible {
        overflow-x: visible;
    }

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

    .overflow-y-clip {
        overflow-y: clip;
    }

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

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

    .overflow-y-visible {
        overflow-y: visible;
    }

    .rounded {
        border-radius: 0.25rem;
    }

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

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

    .rounded-\[2rem\] {
        border-radius: 2rem;
    }

    .rounded-\[calc\(theme\(borderRadius\.lg\)\+1px\)\] {
        border-radius: calc(0.5rem + 1px);
    }

    .rounded-\[calc\(theme\(borderRadius\.xl\)\+theme\(spacing\.2\)\)\] {
        border-radius: calc(0.75rem + 0.5rem);
    }

    .rounded-\[calc\(var\(--radius-lg\)\+1px\)\] {
        border-radius: calc(var(--radius-lg) + 1px);
    }

    .rounded-\[calc\(var\(--radius-xl\)\+calc\(var\(--spacing\)\*2\)\)\] {
        border-radius: calc(var(--radius-xl) + calc(var(--spacing) * 2));
    }

    .rounded-full {
        border-radius: calc(infinity * 1px);
    }

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

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

    .rounded-none {
        border-radius: 0;
    }

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

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

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

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

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

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

    .rounded-l-none {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .rounded-t-3xl {
        border-top-left-radius: var(--radius-3xl);
        border-top-right-radius: var(--radius-3xl);
    }

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

    .rounded-t-lg {
        border-top-left-radius: var(--radius-lg);
        border-top-right-radius: var(--radius-lg);
    }

    .rounded-t-md {
        border-top-left-radius: var(--radius-md);
        border-top-right-radius: var(--radius-md);
    }

    .rounded-t-xl {
        border-top-left-radius: var(--radius-xl);
        border-top-right-radius: var(--radius-xl);
    }

    .rounded-tl {
        border-top-left-radius: 0.25rem;
    }

    .rounded-tl-lg {
        border-top-left-radius: var(--radius-lg);
    }

    .rounded-tl-xl {
        border-top-left-radius: var(--radius-xl);
    }

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

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

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

    .rounded-tr-lg {
        border-top-right-radius: var(--radius-lg);
    }

    .rounded-b-lg {
        border-bottom-right-radius: var(--radius-lg);
        border-bottom-left-radius: var(--radius-lg);
    }

    .rounded-b-md {
        border-bottom-right-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md);
    }

    .rounded-br-2xl {
        border-bottom-right-radius: var(--radius-2xl);
    }

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

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

    .rounded-bl-2xl {
        border-bottom-left-radius: var(--radius-2xl);
    }

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

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

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

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

    .border-2 {
        border-style: var(--tw-border-style);
        border-width: 2px;
    }

    .border-4 {
        border-style: var(--tw-border-style);
        border-width: 4px;
    }

    .border-x {
        border-inline-style: var(--tw-border-style);
        border-inline-width: 1px;
    }

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

    .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-t-0 {
        border-top-style: var(--tw-border-style);
        border-top-width: 0px;
    }

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

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

    .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-0 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0px;
    }

    .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-l-4 {
        border-left-style: var(--tw-border-style);
        border-left-width: 4px;
    }

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

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

    .border-black\/10 {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }

    .border-blue-400\/25 {
        border-color: color-mix(in oklab, var(--color-blue-400) 25%, transparent);
    }

    .border-gray-100 {
        border-color: var(--color-gray-100);
    }

    .border-gray-200 {
        border-color: var(--color-gray-200);
    }

    .border-gray-300 {
        border-color: var(--color-gray-300);
    }

    .border-gray-400 {
        border-color: var(--color-gray-400);
    }

    .border-gray-600\/10 {
        border-color: color-mix(in oklab, var(--color-gray-600) 10%, transparent);
    }

    .border-gray-700 {
        border-color: var(--color-gray-700);
    }

    .border-gray-800 {
        border-color: var(--color-gray-800);
    }

    .border-gray-900\/5 {
        border-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent);
    }

    .border-gray-900\/10 {
        border-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent);
    }

    .border-gray-900\/25 {
        border-color: color-mix(in oklab, var(--color-gray-900) 25%, transparent);
    }

    .border-indigo-300\/25 {
        border-color: color-mix(in oklab, var(--color-indigo-300) 25%, transparent);
    }

    .border-indigo-400 {
        border-color: var(--color-indigo-400);
    }

    .border-indigo-400\/25 {
        border-color: color-mix(in oklab, var(--color-indigo-400) 25%, transparent);
    }

    .border-indigo-500 {
        border-color: var(--color-indigo-500);
    }

    .border-indigo-600 {
        border-color: var(--color-indigo-600);
    }

    .border-indigo-700 {
        border-color: var(--color-indigo-700);
    }

    .border-indigo-800 {
        border-color: var(--color-indigo-800);
    }

    .border-indigo-900 {
        border-color: var(--color-indigo-900);
    }

    .border-pink-500 {
        border-color: var(--color-pink-500);
    }

    .border-purple-500 {
        border-color: var(--color-purple-500);
    }

    .border-purple-600 {
        border-color: var(--color-purple-600);
    }

    .border-sky-500 {
        border-color: var(--color-sky-500);
    }

    .border-sky-800 {
        border-color: var(--color-sky-800);
    }

    .border-slate-200 {
        border-color: var(--color-slate-200);
    }

    .border-slate-300 {
        border-color: var(--color-slate-300);
    }

    .border-stone-200 {
        border-color: var(--color-stone-200);
    }

    .border-stone-300 {
        border-color: var(--color-stone-300);
    }

    .border-stone-700 {
        border-color: var(--color-stone-700);
    }

    .border-teal-500 {
        border-color: var(--color-teal-500);
    }

    .border-teal-500\/25 {
        border-color: color-mix(in oklab, var(--color-teal-500) 25%, transparent);
    }

    .border-transparent {
        border-color: transparent;
    }

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

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

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

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

    .border-white\/25 {
        border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }

    .border-yellow-400 {
        border-color: var(--color-yellow-400);
    }

    .border-t-gray-100 {
        border-top-color: var(--color-gray-100);
    }

    .border-r-white\/10 {
        border-right-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }

    .border-b-gray-200 {
        border-bottom-color: var(--color-gray-200);
    }

    .border-b-gray-900\/10 {
        border-bottom-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent);
    }

    .border-b-white\/20 {
        border-bottom-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }

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

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

    .bg-black\/25 {
        background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
    }

    .bg-black\/40 {
        background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }

    .bg-black\/75 {
        background-color: color-mix(in oklab, var(--color-black) 75%, transparent);
    }

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

    .bg-blue-50\/50 {
        background-color: color-mix(in oklab, var(--color-blue-50) 50%, transparent);
    }

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

    .bg-blue-400\/10 {
        background-color: color-mix(in oklab, var(--color-blue-400) 10%, transparent);
    }

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

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

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

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

    .bg-current {
        background-color: currentColor;
    }

    .bg-cyan-50 {
        background-color: var(--color-cyan-50);
    }

    .bg-cyan-100 {
        background-color: var(--color-cyan-100);
    }

    .bg-cyan-100\/25 {
        background-color: color-mix(in oklab, var(--color-cyan-100) 25%, transparent);
    }

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

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

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

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

    .bg-cyan-700\/50 {
        background-color: color-mix(in oklab, var(--color-cyan-700) 50%, transparent);
    }

    .bg-cyan-800 {
        background-color: var(--color-cyan-800);
    }

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

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

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

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

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

    .bg-gray-100\/10 {
        background-color: color-mix(in oklab, var(--color-gray-100) 10%, transparent);
    }

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

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

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

    .bg-gray-400\/5 {
        background-color: color-mix(in oklab, var(--color-gray-400) 5%, transparent);
    }

    .bg-gray-400\/10 {
        background-color: color-mix(in oklab, var(--color-gray-400) 10%, transparent);
    }

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

    .bg-gray-500\/25 {
        background-color: color-mix(in oklab, var(--color-gray-500) 25%, transparent);
    }

    .bg-gray-500\/75 {
        background-color: color-mix(in oklab, var(--color-gray-500) 75%, transparent);
    }

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

    .bg-gray-600\/75 {
        background-color: color-mix(in oklab, var(--color-gray-600) 75%, transparent);
    }

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

    .bg-gray-700\/10 {
        background-color: color-mix(in oklab, var(--color-gray-700) 10%, transparent);
    }

    .bg-gray-700\/40 {
        background-color: color-mix(in oklab, var(--color-gray-700) 40%, transparent);
    }

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

    .bg-gray-800\/40 {
        background-color: color-mix(in oklab, var(--color-gray-800) 40%, transparent);
    }

    .bg-gray-800\/80 {
        background-color: color-mix(in oklab, var(--color-gray-800) 80%, transparent);
    }

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

    .bg-gray-900\/5 {
        background-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent);
    }

    .bg-gray-900\/10 {
        background-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent);
    }

    .bg-gray-900\/50 {
        background-color: color-mix(in oklab, var(--color-gray-900) 50%, transparent);
    }

    .bg-gray-900\/75 {
        background-color: color-mix(in oklab, var(--color-gray-900) 75%, transparent);
    }

    .bg-gray-900\/80 {
        background-color: color-mix(in oklab, var(--color-gray-900) 80%, transparent);
    }

    .bg-gray-900\/90 {
        background-color: color-mix(in oklab, var(--color-gray-900) 90%, transparent);
    }

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

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

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

    .bg-green-400\/10 {
        background-color: color-mix(in oklab, var(--color-green-400) 10%, transparent);
    }

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

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

    .bg-indigo-50 {
        background-color: var(--color-indigo-50);
    }

    .bg-indigo-100 {
        background-color: var(--color-indigo-100);
    }

    .bg-indigo-200 {
        background-color: var(--color-indigo-200);
    }

    .bg-indigo-200\/25 {
        background-color: color-mix(in oklab, var(--color-indigo-200) 25%, transparent);
    }

    .bg-indigo-400\/10 {
        background-color: color-mix(in oklab, var(--color-indigo-400) 10%, transparent);
    }

    .bg-indigo-400\/25 {
        background-color: color-mix(in oklab, var(--color-indigo-400) 25%, transparent);
    }

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

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

    .bg-indigo-500\/60 {
        background-color: color-mix(in oklab, var(--color-indigo-500) 60%, transparent);
    }

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

    .bg-indigo-600\/10 {
        background-color: color-mix(in oklab, var(--color-indigo-600) 10%, transparent);
    }

    .bg-indigo-600\/90 {
        background-color: color-mix(in oklab, var(--color-indigo-600) 90%, transparent);
    }

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

    .bg-indigo-800 {
        background-color: var(--color-indigo-800);
    }

    .bg-indigo-800\/50 {
        background-color: color-mix(in oklab, var(--color-indigo-800) 50%, transparent);
    }

    .bg-indigo-900 {
        background-color: var(--color-indigo-900);
    }

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

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

    .bg-pink-50 {
        background-color: var(--color-pink-50);
    }

    .bg-pink-100 {
        background-color: var(--color-pink-100);
    }

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

    .bg-pink-400\/10 {
        background-color: color-mix(in oklab, var(--color-pink-400) 10%, transparent);
    }

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

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

    .bg-purple-50 {
        background-color: var(--color-purple-50);
    }

    .bg-purple-100 {
        background-color: var(--color-purple-100);
    }

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

    .bg-purple-400\/10 {
        background-color: color-mix(in oklab, var(--color-purple-400) 10%, transparent);
    }

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

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

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

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

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

    .bg-red-400\/10 {
        background-color: color-mix(in oklab, var(--color-red-400) 10%, transparent);
    }

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

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

    .bg-rose-50 {
        background-color: var(--color-rose-50);
    }

    .bg-rose-400\/10 {
        background-color: color-mix(in oklab, var(--color-rose-400) 10%, transparent);
    }

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

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

    .bg-sky-50 {
        background-color: var(--color-sky-50);
    }

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

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

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

    .bg-sky-700\/50 {
        background-color: color-mix(in oklab, var(--color-sky-700) 50%, transparent);
    }

    .bg-sky-800 {
        background-color: var(--color-sky-800);
    }

    .bg-sky-900 {
        background-color: var(--color-sky-900);
    }

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

    .bg-slate-600\/75 {
        background-color: color-mix(in oklab, var(--color-slate-600) 75%, transparent);
    }

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

    .bg-stone-50 {
        background-color: var(--color-stone-50);
    }

    .bg-stone-100 {
        background-color: var(--color-stone-100);
    }

    .bg-stone-900 {
        background-color: var(--color-stone-900);
    }

    .bg-teal-50 {
        background-color: var(--color-teal-50);
    }

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

    .bg-transparent {
        background-color: transparent;
    }

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

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

    .bg-white\/5 {
        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }

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

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

    .bg-white\/60 {
        background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }

    .bg-white\/75 {
        background-color: color-mix(in oklab, var(--color-white) 75%, transparent);
    }

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

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

    .bg-white\/\[2\.5\%\] {
        background-color: color-mix(in oklab, var(--color-white) 2.5%, transparent);
    }

    .bg-yellow-50 {
        background-color: var(--color-yellow-50);
    }

    .bg-yellow-100 {
        background-color: var(--color-yellow-100);
    }

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

    .bg-yellow-400\/10 {
        background-color: color-mix(in oklab, var(--color-yellow-400) 10%, transparent);
    }

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

    .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-gradient-to-tr {
        --tw-gradient-position: to top right in oklab, ;
        background-image: linear-gradient(var(--tw-gradient-stops));
    }

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

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

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

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

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

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

    .bg-\[radial-gradient\(45rem_50rem_at_top\,theme\(colors\.indigo\.100\)\,white\)\] {
        background-image: radial-gradient(45rem 50rem at top, oklch(0.93 0.034 272.788), white);
    }

    .bg-\[radial-gradient\(45rem_50rem_at_top\,var\(--color-indigo-100\)\,white\)\] {
        background-image: radial-gradient(45rem 50rem at top, var(--color-indigo-100), white);
    }

    .bg-\[radial-gradient\(50\%_100\%_at_top\,theme\(colors\.indigo\.100\)\,white\)\] {
        background-image: radial-gradient(50% 100% at top, oklch(0.93 0.034 272.788), white);
    }

    .bg-\[radial-gradient\(50\%_100\%_at_top\,var\(--color-indigo-100\)\,white\)\] {
        background-image: radial-gradient(50% 100% at top, var(--color-indigo-100), white);
    }

    .bg-\[radial-gradient\(circle_at_center_center\,\#7775D6\,\#592E71\,\#030712_70\%\)\] {
        background-image: radial-gradient(circle at center center, #7775D6, #592E71, #030712 70%);
    }

    .bg-none {
        background-image: none;
    }

    .from-\[\#80caff\] {
        --tw-gradient-from: #80caff;
        --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-\[\#FF80B5\] {
        --tw-gradient-from: #FF80B5;
        --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-\[\#ff80b5\] {
        --tw-gradient-from: #ff80b5;
        --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-\[\#ff4694\] {
        --tw-gradient-from: #ff4694;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .from-black {
        --tw-gradient-from: var(--color-black);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .from-blue-50 {
        --tw-gradient-from: var(--color-blue-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .from-cyan-600 {
        --tw-gradient-from: var(--color-cyan-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-100 {
        --tw-gradient-from: var(--color-gray-100);
        --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-800 {
        --tw-gradient-from: var(--color-gray-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .from-gray-900 {
        --tw-gradient-from: 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));
    }

    .from-indigo-100\/20 {
        --tw-gradient-from: color-mix(in oklab, var(--color-indigo-100) 20%, 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-orange-400 {
        --tw-gradient-from: var(--color-orange-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .from-orange-500 {
        --tw-gradient-from: var(--color-orange-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .from-purple-300 {
        --tw-gradient-from: var(--color-purple-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-purple-600 {
        --tw-gradient-from: var(--color-purple-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-purple-800 {
        --tw-gradient-from: var(--color-purple-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .from-rose-600 {
        --tw-gradient-from: 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));
    }

    .from-sky-800 {
        --tw-gradient-from: var(--color-sky-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .from-teal-200 {
        --tw-gradient-from: var(--color-teal-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .from-teal-500 {
        --tw-gradient-from: var(--color-teal-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .from-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-white {
        --tw-gradient-from: var(--color-white);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .via-gray-900\/40 {
        --tw-gradient-via: color-mix(in oklab, var(--color-gray-900) 40%, transparent);
        --tw-gradient-via-stops: var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
    }

    .via-rose-600 {
        --tw-gradient-via: var(--color-rose-600);
        --tw-gradient-via-stops: var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
    }

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

    .to-\[\#4f46e5\] {
        --tw-gradient-to: #4f46e5;
        --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-\[\#776fff\] {
        --tw-gradient-to: #776fff;
        --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-\[\#9089FC\] {
        --tw-gradient-to: #9089FC;
        --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-\[\#9089fc\] {
        --tw-gradient-to: #9089fc;
        --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-cyan-400 {
        --tw-gradient-to: var(--color-cyan-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .to-cyan-600 {
        --tw-gradient-to: var(--color-cyan-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-cyan-700 {
        --tw-gradient-to: var(--color-cyan-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .to-gray-50 {
        --tw-gradient-to: var(--color-gray-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .to-green-400 {
        --tw-gradient-to: var(--color-green-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .to-indigo-300 {
        --tw-gradient-to: var(--color-indigo-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));
    }

    .to-indigo-600 {
        --tw-gradient-to: var(--color-indigo-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .to-indigo-700 {
        --tw-gradient-to: var(--color-indigo-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .to-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-teal-600 {
        --tw-gradient-to: var(--color-teal-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .to-white {
        --tw-gradient-to: var(--color-white);
        --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-cover {
        background-size: cover;
    }

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

    .bg-center {
        background-position: center;
    }

    .bg-origin-border {
        background-origin: border-box;
    }

    .fill-\[\#24292F\] {
        fill: #24292F;
    }

    .fill-blue-400 {
        fill: var(--color-blue-400);
    }

    .fill-blue-500 {
        fill: var(--color-blue-500);
    }

    .fill-current {
        fill: currentColor;
    }

    .fill-gray-50 {
        fill: var(--color-gray-50);
    }

    .fill-gray-300 {
        fill: var(--color-gray-300);
    }

    .fill-gray-400 {
        fill: var(--color-gray-400);
    }

    .fill-gray-500 {
        fill: var(--color-gray-500);
    }

    .fill-gray-800\/20 {
        fill: color-mix(in oklab, var(--color-gray-800) 20%, transparent);
    }

    .fill-gray-900 {
        fill: var(--color-gray-900);
    }

    .fill-green-400 {
        fill: var(--color-green-400);
    }

    .fill-green-500 {
        fill: var(--color-green-500);
    }

    .fill-green-600 {
        fill: var(--color-green-600);
    }

    .fill-indigo-400 {
        fill: var(--color-indigo-400);
    }

    .fill-indigo-500 {
        fill: var(--color-indigo-500);
    }

    .fill-pink-400 {
        fill: var(--color-pink-400);
    }

    .fill-pink-500 {
        fill: var(--color-pink-500);
    }

    .fill-purple-400 {
        fill: var(--color-purple-400);
    }

    .fill-purple-500 {
        fill: var(--color-purple-500);
    }

    .fill-red-400 {
        fill: var(--color-red-400);
    }

    .fill-red-500 {
        fill: var(--color-red-500);
    }

    .fill-white {
        fill: var(--color-white);
    }

    .fill-white\/50 {
        fill: color-mix(in oklab, var(--color-white) 50%, transparent);
    }

    .fill-yellow-400 {
        fill: var(--color-yellow-400);
    }

    .fill-yellow-500 {
        fill: var(--color-yellow-500);
    }

    .stroke-blue-700\/50 {
        stroke: color-mix(in oklab, var(--color-blue-700) 50%, transparent);
    }

    .stroke-blue-800\/50 {
        stroke: color-mix(in oklab, var(--color-blue-800) 50%, transparent);
    }

    .stroke-gray-200 {
        stroke: var(--color-gray-200);
    }

    .stroke-gray-600\/50 {
        stroke: color-mix(in oklab, var(--color-gray-600) 50%, transparent);
    }

    .stroke-gray-700 {
        stroke: var(--color-gray-700);
    }

    .stroke-gray-700\/50 {
        stroke: color-mix(in oklab, var(--color-gray-700) 50%, transparent);
    }

    .stroke-gray-900\/5 {
        stroke: color-mix(in oklab, var(--color-gray-900) 5%, transparent);
    }

    .stroke-gray-900\/10 {
        stroke: color-mix(in oklab, var(--color-gray-900) 10%, transparent);
    }

    .stroke-green-700\/50 {
        stroke: color-mix(in oklab, var(--color-green-700) 50%, transparent);
    }

    .stroke-green-800\/50 {
        stroke: color-mix(in oklab, var(--color-green-800) 50%, transparent);
    }

    .stroke-indigo-600\/50 {
        stroke: color-mix(in oklab, var(--color-indigo-600) 50%, transparent);
    }

    .stroke-indigo-700\/50 {
        stroke: color-mix(in oklab, var(--color-indigo-700) 50%, transparent);
    }

    .stroke-pink-700\/50 {
        stroke: color-mix(in oklab, var(--color-pink-700) 50%, transparent);
    }

    .stroke-pink-800\/50 {
        stroke: color-mix(in oklab, var(--color-pink-800) 50%, transparent);
    }

    .stroke-red-600\/50 {
        stroke: color-mix(in oklab, var(--color-red-600) 50%, transparent);
    }

    .stroke-red-700\/50 {
        stroke: color-mix(in oklab, var(--color-red-700) 50%, transparent);
    }

    .stroke-violet-600\/50 {
        stroke: color-mix(in oklab, var(--color-violet-600) 50%, transparent);
    }

    .stroke-violet-700\/50 {
        stroke: color-mix(in oklab, var(--color-violet-700) 50%, transparent);
    }

    .stroke-white {
        stroke: var(--color-white);
    }

    .stroke-white\/10 {
        stroke: color-mix(in oklab, var(--color-white) 10%, transparent);
    }

    .stroke-white\/20 {
        stroke: color-mix(in oklab, var(--color-white) 20%, transparent);
    }

    .stroke-yellow-700\/50 {
        stroke: color-mix(in oklab, var(--color-yellow-700) 50%, transparent);
    }

    .stroke-yellow-800\/50 {
        stroke: color-mix(in oklab, var(--color-yellow-800) 50%, transparent);
    }

    .stroke-2 {
        stroke-width: 2;
    }

    .object-contain {
        object-fit: contain;
    }

    .object-cover {
        object-fit: cover;
    }

    .object-left {
        object-position: left;
    }

    .object-left-top {
        object-position: left top;
    }

    .object-right {
        object-position: right;
    }

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

    .p-10 {
        padding: calc(var(--spacing) * 10);
    }

    .p-12 {
        padding: calc(var(--spacing) * 12);
    }

    .p-px {
        padding: 1px;
    }

    .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-3\.5 {
        padding-inline: calc(var(--spacing) * 3.5);
    }

    .px-4 {
        padding-inline: calc(var(--spacing) * 4);
    }

    .px-5 {
        padding-inline: calc(var(--spacing) * 5);
    }

    .px-6 {
        padding-inline: calc(var(--spacing) * 6);
    }

    .px-7 {
        padding-inline: calc(var(--spacing) * 7);
    }

    .px-8 {
        padding-inline: calc(var(--spacing) * 8);
    }

    .px-12 {
        padding-inline: calc(var(--spacing) * 12);
    }

    .px-36 {
        padding-inline: calc(var(--spacing) * 36);
    }

    .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-14 {
        padding-block: calc(var(--spacing) * 14);
    }

    .py-16 {
        padding-block: calc(var(--spacing) * 16);
    }

    .py-20 {
        padding-block: calc(var(--spacing) * 20);
    }

    .py-24 {
        padding-block: calc(var(--spacing) * 24);
    }

    .py-32 {
        padding-block: calc(var(--spacing) * 32);
    }

    .py-px {
        padding-block: 1px;
    }

    .pt-0\.5 {
        padding-top: calc(var(--spacing) * 0.5);
    }

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

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

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

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

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

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

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

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

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

    .pt-8 {
        padding-top: calc(var(--spacing) * 8);
    }

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

    .pt-11 {
        padding-top: calc(var(--spacing) * 11);
    }

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

    .pt-14 {
        padding-top: calc(var(--spacing) * 14);
    }

    .pt-16 {
        padding-top: calc(var(--spacing) * 16);
    }

    .pt-20 {
        padding-top: calc(var(--spacing) * 20);
    }

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

    .pt-32 {
        padding-top: calc(var(--spacing) * 32);
    }

    .pt-36 {
        padding-top: calc(var(--spacing) * 36);
    }

    .pt-48 {
        padding-top: calc(var(--spacing) * 48);
    }

    .pt-64 {
        padding-top: calc(var(--spacing) * 64);
    }

    .pt-80 {
        padding-top: calc(var(--spacing) * 80);
    }

    .pt-\[7\%\] {
        padding-top: 7%;
    }

    .pt-px {
        padding-top: 1px;
    }

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

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

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

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

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

    .pr-3\.5 {
        padding-right: calc(var(--spacing) * 3.5);
    }

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

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

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

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

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

    .pr-9 {
        padding-right: calc(var(--spacing) * 9);
    }

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

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

    .pr-16 {
        padding-right: calc(var(--spacing) * 16);
    }

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

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

    .pb-9 {
        padding-bottom: calc(var(--spacing) * 9);
    }

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

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

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

    .pb-16 {
        padding-bottom: calc(var(--spacing) * 16);
    }

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

    .pb-24 {
        padding-bottom: calc(var(--spacing) * 24);
    }

    .pb-32 {
        padding-bottom: calc(var(--spacing) * 32);
    }

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

    .pb-64 {
        padding-bottom: calc(var(--spacing) * 64);
    }

    .pb-80 {
        padding-bottom: calc(var(--spacing) * 80);
    }

    .pb-96 {
        padding-bottom: calc(var(--spacing) * 96);
    }

    .pb-px {
        padding-bottom: 1px;
    }

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

    .pl-1 {
        padding-left: calc(var(--spacing) * 1);
    }

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

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

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

    .pl-3\.5 {
        padding-left: calc(var(--spacing) * 3.5);
    }

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

    .pl-5 {
        padding-left: calc(var(--spacing) * 5);
    }

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

    .pl-7 {
        padding-left: calc(var(--spacing) * 7);
    }

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

    .pl-9 {
        padding-left: calc(var(--spacing) * 9);
    }

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

    .pl-11 {
        padding-left: calc(var(--spacing) * 11);
    }

    .pl-12 {
        padding-left: calc(var(--spacing) * 12);
    }

    .pl-16 {
        padding-left: calc(var(--spacing) * 16);
    }

    .text-center {
        text-align: center;
    }

    .text-left {
        text-align: left;
    }

    .text-right {
        text-align: right;
    }

    .align-middle {
        vertical-align: middle;
    }

    .align-top {
        vertical-align: top;
    }

    .font-mono {
        font-family: var(--font-mono);
    }

    .font-sans {
        font-family: var(--font-sans);
        font-feature-settings: var(--font-sans--font-feature-settings);
    }

    .text-2xl {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
    }

    .text-3xl {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height));
    }

    .text-4xl {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
    }

    .text-5xl {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
    }

    .text-6xl {
        font-size: var(--text-6xl);
        line-height: var(--tw-leading, var(--text-6xl--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-2xl\/7 {
        font-size: var(--text-2xl);
        line-height: calc(var(--spacing) * 7);
    }

    .text-2xl\/9 {
        font-size: var(--text-2xl);
        line-height: calc(var(--spacing) * 9);
    }

    .text-3xl\/8 {
        font-size: var(--text-3xl);
        line-height: calc(var(--spacing) * 8);
    }

    .text-3xl\/10 {
        font-size: var(--text-3xl);
        line-height: calc(var(--spacing) * 10);
    }

    .text-\[0\.8125rem\]\/6 {
        font-size: 0.8125rem;
        line-height: calc(var(--spacing) * 6);
    }

    .text-base\/5 {
        font-size: var(--text-base);
        line-height: calc(var(--spacing) * 5);
    }

    .text-base\/7 {
        font-size: var(--text-base);
        line-height: calc(var(--spacing) * 7);
    }

    .text-base\/8 {
        font-size: var(--text-base);
        line-height: calc(var(--spacing) * 8);
    }

    .text-lg\/6 {
        font-size: var(--text-lg);
        line-height: calc(var(--spacing) * 6);
    }

    .text-lg\/7 {
        font-size: var(--text-lg);
        line-height: calc(var(--spacing) * 7);
    }

    .text-lg\/8 {
        font-size: var(--text-lg);
        line-height: calc(var(--spacing) * 8);
    }

    .text-sm\/4 {
        font-size: var(--text-sm);
        line-height: calc(var(--spacing) * 4);
    }

    .text-sm\/6 {
        font-size: var(--text-sm);
        line-height: calc(var(--spacing) * 6);
    }

    .text-sm\/7 {
        font-size: var(--text-sm);
        line-height: calc(var(--spacing) * 7);
    }

    .text-sm\/8 {
        font-size: var(--text-sm);
        line-height: calc(var(--spacing) * 8);
    }

    .text-xl\/6 {
        font-size: var(--text-xl);
        line-height: calc(var(--spacing) * 6);
    }

    .text-xl\/8 {
        font-size: var(--text-xl);
        line-height: calc(var(--spacing) * 8);
    }

    .text-xs\/5 {
        font-size: var(--text-xs);
        line-height: calc(var(--spacing) * 5);
    }

    .text-xs\/6 {
        font-size: var(--text-xs);
        line-height: calc(var(--spacing) * 6);
    }

    .text-\[0\.625rem\] {
        font-size: 0.625rem;
    }

    .leading-4 {
        --tw-leading: calc(var(--spacing) * 4);
        line-height: calc(var(--spacing) * 4);
    }

    .leading-6 {
        --tw-leading: calc(var(--spacing) * 6);
        line-height: calc(var(--spacing) * 6);
    }

    .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-normal {
        --tw-tracking: var(--tracking-normal);
        letter-spacing: var(--tracking-normal);
    }

    .tracking-tight {
        --tw-tracking: var(--tracking-tight);
        letter-spacing: var(--tracking-tight);
    }

    .tracking-wide {
        --tw-tracking: var(--tracking-wide);
        letter-spacing: var(--tracking-wide);
    }

    .text-balance {
        text-wrap: balance;
    }

    .text-pretty {
        text-wrap: pretty;
    }

    .whitespace-nowrap {
        white-space: nowrap;
    }

    .whitespace-pre {
        white-space: pre;
    }

    .whitespace-pre-wrap {
        white-space: pre-wrap;
    }

    .text-\[\#7dd3fc\] {
        color: #7dd3fc;
    }

    .text-blue-200 {
        color: var(--color-blue-200);
    }

    .text-blue-400 {
        color: var(--color-blue-400);
    }

    .text-blue-500 {
        color: var(--color-blue-500);
    }

    .text-blue-600 {
        color: var(--color-blue-600);
    }

    .text-blue-700 {
        color: var(--color-blue-700);
    }

    .text-blue-900 {
        color: var(--color-blue-900);
    }

    .text-cyan-100 {
        color: var(--color-cyan-100);
    }

    .text-cyan-200 {
        color: var(--color-cyan-200);
    }

    .text-cyan-600 {
        color: var(--color-cyan-600);
    }

    .text-cyan-700 {
        color: var(--color-cyan-700);
    }

    .text-cyan-800 {
        color: var(--color-cyan-800);
    }

    .text-cyan-900 {
        color: var(--color-cyan-900);
    }

    .text-emerald-300 {
        color: var(--color-emerald-300);
    }

    .text-gray-50 {
        color: var(--color-gray-50);
    }

    .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-700 {
        color: var(--color-gray-700);
    }

    .text-gray-800 {
        color: var(--color-gray-800);
    }

    .text-gray-900 {
        color: var(--color-gray-900);
    }

    .text-gray-900\/40 {
        color: color-mix(in oklab, var(--color-gray-900) 40%, transparent);
    }

    .text-gray-950 {
        color: var(--color-gray-950);
    }

    .text-green-400 {
        color: var(--color-green-400);
    }

    .text-green-500 {
        color: var(--color-green-500);
    }

    .text-green-600 {
        color: var(--color-green-600);
    }

    .text-green-700 {
        color: var(--color-green-700);
    }

    .text-green-800 {
        color: var(--color-green-800);
    }

    .text-indigo-50 {
        color: var(--color-indigo-50);
    }

    .text-indigo-100 {
        color: var(--color-indigo-100);
    }

    .text-indigo-200 {
        color: var(--color-indigo-200);
    }

    .text-indigo-300 {
        color: var(--color-indigo-300);
    }

    .text-indigo-400 {
        color: var(--color-indigo-400);
    }

    .text-indigo-500 {
        color: var(--color-indigo-500);
    }

    .text-indigo-500\/40 {
        color: color-mix(in oklab, var(--color-indigo-500) 40%, transparent);
    }

    .text-indigo-600 {
        color: var(--color-indigo-600);
    }

    .text-indigo-700 {
        color: var(--color-indigo-700);
    }

    .text-indigo-700\/40 {
        color: color-mix(in oklab, var(--color-indigo-700) 40%, transparent);
    }

    .text-indigo-800 {
        color: var(--color-indigo-800);
    }

    .text-indigo-900 {
        color: var(--color-indigo-900);
    }

    .text-orange-50 {
        color: var(--color-orange-50);
    }

    .text-orange-500 {
        color: var(--color-orange-500);
    }

    .text-orange-600 {
        color: var(--color-orange-600);
    }

    .text-pink-400 {
        color: var(--color-pink-400);
    }

    .text-pink-500 {
        color: var(--color-pink-500);
    }

    .text-pink-700 {
        color: var(--color-pink-700);
    }

    .text-pink-800 {
        color: var(--color-pink-800);
    }

    .text-purple-200 {
        color: var(--color-purple-200);
    }

    .text-purple-400 {
        color: var(--color-purple-400);
    }

    .text-purple-500 {
        color: var(--color-purple-500);
    }

    .text-purple-600 {
        color: var(--color-purple-600);
    }

    .text-purple-700 {
        color: var(--color-purple-700);
    }

    .text-purple-900 {
        color: var(--color-purple-900);
    }

    .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-red-700 {
        color: var(--color-red-700);
    }

    .text-red-800 {
        color: var(--color-red-800);
    }

    .text-red-900 {
        color: var(--color-red-900);
    }

    .text-rose-100 {
        color: var(--color-rose-100);
    }

    .text-rose-200 {
        color: var(--color-rose-200);
    }

    .text-rose-400 {
        color: var(--color-rose-400);
    }

    .text-rose-400\/40 {
        color: color-mix(in oklab, var(--color-rose-400) 40%, transparent);
    }

    .text-rose-500 {
        color: var(--color-rose-500);
    }

    .text-rose-600 {
        color: var(--color-rose-600);
    }

    .text-rose-600\/40 {
        color: color-mix(in oklab, var(--color-rose-600) 40%, transparent);
    }

    .text-rose-700 {
        color: var(--color-rose-700);
    }

    .text-sky-100 {
        color: var(--color-sky-100);
    }

    .text-sky-200 {
        color: var(--color-sky-200);
    }

    .text-sky-700 {
        color: var(--color-sky-700);
    }

    .text-slate-300 {
        color: var(--color-slate-300);
    }

    .text-slate-400 {
        color: var(--color-slate-400);
    }

    .text-slate-500 {
        color: var(--color-slate-500);
    }

    .text-slate-600 {
        color: var(--color-slate-600);
    }

    .text-slate-700 {
        color: var(--color-slate-700);
    }

    .text-slate-900 {
        color: var(--color-slate-900);
    }

    .text-stone-200 {
        color: var(--color-stone-200);
    }

    .text-stone-400 {
        color: var(--color-stone-400);
    }

    .text-stone-500 {
        color: var(--color-stone-500);
    }

    .text-stone-700 {
        color: var(--color-stone-700);
    }

    .text-stone-900 {
        color: var(--color-stone-900);
    }

    .text-teal-50 {
        color: var(--color-teal-50);
    }

    .text-teal-200 {
        color: var(--color-teal-200);
    }

    .text-teal-500 {
        color: var(--color-teal-500);
    }

    .text-teal-700 {
        color: var(--color-teal-700);
    }

    .text-transparent {
        color: transparent;
    }

    .text-white {
        color: var(--color-white);
    }

    .text-white\/70 {
        color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }

    .text-white\/75 {
        color: color-mix(in oklab, var(--color-white) 75%, transparent);
    }

    .text-yellow-300 {
        color: var(--color-yellow-300);
    }

    .text-yellow-400 {
        color: var(--color-yellow-400);
    }

    .text-yellow-500 {
        color: var(--color-yellow-500);
    }

    .text-yellow-700 {
        color: var(--color-yellow-700);
    }

    .text-yellow-800 {
        color: var(--color-yellow-800);
    }

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

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

    .antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .placeholder-gray-500 {
        &::placeholder {
            color: var(--color-gray-500);
        }
    }

    .placeholder-slate-400 {
        &::placeholder {
            color: var(--color-slate-400);
        }
    }

    .placeholder-stone-500 {
        &::placeholder {
            color: var(--color-stone-500);
        }
    }

    .opacity-0 {
        opacity: 0%;
    }

    .opacity-20 {
        opacity: 20%;
    }

    .opacity-25 {
        opacity: 25%;
    }

    .opacity-30 {
        opacity: 30%;
    }

    .opacity-40 {
        opacity: 40%;
    }

    .opacity-50 {
        opacity: 50%;
    }

    .opacity-60 {
        opacity: 60%;
    }

    .opacity-75 {
        opacity: 75%;
    }

    .opacity-90 {
        opacity: 90%;
    }

    .opacity-100 {
        opacity: 100%;
    }

    .opacity-\[0\.45\] {
        opacity: 0.45;
    }

    .mix-blend-multiply {
        mix-blend-mode: multiply;
    }

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

    .ring-4 {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .ring-8 {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        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, rgb(0 0 0 / 0.25));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[inset_0_0_2px_1px_\#ffffff4d\] {
        --tw-shadow: inset 0 0 2px 1px var(--tw-shadow-color, #ffffff4d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[inset_0_0_2px_1px_rgb\(255_255_255\/2\.5\%\)\] {
        --tw-shadow: inset 0 0 2px 1px var(--tw-shadow-color, rgb(255 255 255/2.5%));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-inner {
        --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
        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, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        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, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        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, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        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, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-xs {
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-black\/5 {
        --tw-shadow-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }

    .shadow-indigo-600\/10 {
        --tw-shadow-color: color-mix(in oklab, var(--color-indigo-600) 10%, transparent);
    }

    .ring-black {
        --tw-ring-color: var(--color-black);
    }

    .ring-black\/5 {
        --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }

    .ring-black\/10 {
        --tw-ring-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }

    .ring-blue-400\/30 {
        --tw-ring-color: color-mix(in oklab, var(--color-blue-400) 30%, transparent);
    }

    .ring-blue-700\/10 {
        --tw-ring-color: color-mix(in oklab, var(--color-blue-700) 10%, transparent);
    }

    .ring-current {
        --tw-ring-color: currentColor;
    }

    .ring-gray-100 {
        --tw-ring-color: var(--color-gray-100);
    }

    .ring-gray-200 {
        --tw-ring-color: var(--color-gray-200);
    }

    .ring-gray-300 {
        --tw-ring-color: var(--color-gray-300);
    }

    .ring-gray-400 {
        --tw-ring-color: var(--color-gray-400);
    }

    .ring-gray-400\/10 {
        --tw-ring-color: color-mix(in oklab, var(--color-gray-400) 10%, transparent);
    }

    .ring-gray-400\/20 {
        --tw-ring-color: color-mix(in oklab, var(--color-gray-400) 20%, transparent);
    }

    .ring-gray-500 {
        --tw-ring-color: var(--color-gray-500);
    }

    .ring-gray-500\/10 {
        --tw-ring-color: color-mix(in oklab, var(--color-gray-500) 10%, transparent);
    }

    .ring-gray-700 {
        --tw-ring-color: var(--color-gray-700);
    }

    .ring-gray-800 {
        --tw-ring-color: var(--color-gray-800);
    }

    .ring-gray-900 {
        --tw-ring-color: var(--color-gray-900);
    }

    .ring-gray-900\/5 {
        --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent);
    }

    .ring-gray-900\/10 {
        --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent);
    }

    .ring-green-500\/20 {
        --tw-ring-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
    }

    .ring-green-600\/20 {
        --tw-ring-color: color-mix(in oklab, var(--color-green-600) 20%, transparent);
    }

    .ring-indigo-50 {
        --tw-ring-color: var(--color-indigo-50);
    }

    .ring-indigo-200 {
        --tw-ring-color: var(--color-indigo-200);
    }

    .ring-indigo-400\/30 {
        --tw-ring-color: color-mix(in oklab, var(--color-indigo-400) 30%, transparent);
    }

    .ring-indigo-500 {
        --tw-ring-color: var(--color-indigo-500);
    }

    .ring-indigo-500\/20 {
        --tw-ring-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent);
    }

    .ring-indigo-600 {
        --tw-ring-color: var(--color-indigo-600);
    }

    .ring-indigo-600\/10 {
        --tw-ring-color: color-mix(in oklab, var(--color-indigo-600) 10%, transparent);
    }

    .ring-indigo-700 {
        --tw-ring-color: var(--color-indigo-700);
    }

    .ring-indigo-700\/10 {
        --tw-ring-color: color-mix(in oklab, var(--color-indigo-700) 10%, transparent);
    }

    .ring-pink-400\/20 {
        --tw-ring-color: color-mix(in oklab, var(--color-pink-400) 20%, transparent);
    }

    .ring-pink-700\/10 {
        --tw-ring-color: color-mix(in oklab, var(--color-pink-700) 10%, transparent);
    }

    .ring-purple-400\/30 {
        --tw-ring-color: color-mix(in oklab, var(--color-purple-400) 30%, transparent);
    }

    .ring-purple-700\/10 {
        --tw-ring-color: color-mix(in oklab, var(--color-purple-700) 10%, transparent);
    }

    .ring-red-400\/20 {
        --tw-ring-color: color-mix(in oklab, var(--color-red-400) 20%, transparent);
    }

    .ring-red-600\/10 {
        --tw-ring-color: color-mix(in oklab, var(--color-red-600) 10%, transparent);
    }

    .ring-slate-300 {
        --tw-ring-color: var(--color-slate-300);
    }

    .ring-slate-900\/10 {
        --tw-ring-color: color-mix(in oklab, var(--color-slate-900) 10%, transparent);
    }

    .ring-transparent {
        --tw-ring-color: transparent;
    }

    .ring-white {
        --tw-ring-color: var(--color-white);
    }

    .ring-white\/5 {
        --tw-ring-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }

    .ring-white\/10 {
        --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }

    .ring-white\/15 {
        --tw-ring-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }

    .ring-white\/20 {
        --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }

    .ring-yellow-400\/20 {
        --tw-ring-color: color-mix(in oklab, var(--color-yellow-400) 20%, transparent);
    }

    .ring-yellow-600\/20 {
        --tw-ring-color: color-mix(in oklab, var(--color-yellow-600) 20%, transparent);
    }

    .ring-offset-1 {
        --tw-ring-offset-width: 1px;
        --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }

    .ring-offset-2 {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }

    .outline-hidden {
        outline: 2px solid transparent;
        outline-offset: 2px;
    }

    .outline {
        outline-style: var(--tw-outline-style);
        outline-width: 1px;
    }

    .outline-0 {
        outline-style: var(--tw-outline-style);
        outline-width: 0px;
    }

    .outline-1 {
        outline-style: var(--tw-outline-style);
        outline-width: 1px;
    }

    .outline-2 {
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
    }

    .-outline-offset-1 {
        outline-offset: calc(1px * -1);
    }

    .outline-black\/5 {
        outline-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }

    .outline-black\/10 {
        outline-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }

    .outline-gray-300 {
        outline-color: var(--color-gray-300);
    }

    .outline-red-300 {
        outline-color: var(--color-red-300);
    }

    .outline-white\/10 {
        outline-color: color-mix(in oklab, var(--color-white) 10%, 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-2xl {
        --tw-blur: blur(var(--blur-2xl));
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }

    .blur-3xl {
        --tw-blur: blur(var(--blur-3xl));
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }

    .blur-\[118px\] {
        --tw-blur: blur(118px);
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }

    .blur-sm {
        --tw-blur: blur(var(--blur-sm));
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }

    .blur-xs {
        --tw-blur: blur(var(--blur-xs));
        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-125 {
        --tw-brightness: brightness(125%);
        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-150 {
        --tw-brightness: brightness(150%);
        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-xl {
        --tw-drop-shadow: drop-shadow(var(--drop-shadow-xl));
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }

    .grayscale {
        --tw-grayscale: grayscale(100%);
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }

    .saturate-0 {
        --tw-saturate: saturate(0%);
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }

    .\!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, ) !important;
    }

    .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-md {
        --tw-backdrop-blur: blur(var(--blur-md));
        -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    }

    .backdrop-blur-sm {
        --tw-backdrop-blur: blur(var(--blur-sm));
        -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    }

    .backdrop-blur-xl {
        --tw-backdrop-blur: blur(var(--blur-xl));
        -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    }

    .backdrop-blur-xs {
        --tw-backdrop-blur: blur(var(--blur-xs));
        -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, 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;
        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, 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-75 {
        --tw-duration: 75ms;
        transition-duration: 75ms;
    }

    .duration-100 {
        --tw-duration: 100ms;
        transition-duration: 100ms;
    }

    .duration-300 {
        --tw-duration: 300ms;
        transition-duration: 300ms;
    }

    .duration-500 {
        --tw-duration: 500ms;
        transition-duration: 500ms;
    }

    .duration-1000 {
        --tw-duration: 1000ms;
        transition-duration: 1000ms;
    }

    .duration-150 {
        --tw-duration: 150ms;
        transition-duration: 150ms;
    }

    .duration-200 {
        --tw-duration: 200ms;
        transition-duration: 200ms;
    }

    .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-linear {
        --tw-ease: linear;
        transition-timing-function: linear;
    }

    .ease-out {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out);
    }

    .\[clip-path\:inset\(0\)\] {
        clip-path: inset(0);
    }

    .\[mask-image\:radial-gradient\(32rem_32rem_at_center\,white\,transparent\)\] {
        mask-image: radial-gradient(32rem 32rem at center, white, transparent);
    }

    .\[mask-image\:radial-gradient\(50\%_45\%_at_50\%_55\%\,white\,transparent\)\] {
        mask-image: radial-gradient(50% 45% at 50% 55%, white, transparent);
    }

    .\[mask-image\:radial-gradient\(64rem_64rem_at_111\.5rem_0\%\,white\,transparent\)\] {
        mask-image: radial-gradient(64rem 64rem at 111.5rem 0%, white, transparent);
    }

    .\[mask-image\:radial-gradient\(64rem_64rem_at_top\,white\,transparent\)\] {
        mask-image: radial-gradient(64rem 64rem at top, white, transparent);
    }

    .\[mask-image\:radial-gradient\(100\%_100\%_at_top_right\,white\,transparent\)\] {
        mask-image: radial-gradient(100% 100% at top right, white, transparent);
    }

    .\[mask-image\:radial-gradient\(closest-side\,white\,transparent\)\] {
        mask-image: radial-gradient(closest-side, white, transparent);
    }

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

    .ring-inset {
        --tw-ring-inset: inset;
    }

    .select-all {
        -webkit-user-select: all;
        user-select: all;
    }

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

    .\*\:bg-gray-800 {
        :is(& > *) {
            background-color: var(--color-gray-800);
        }
    }

    .not-data-focus\:not-data-checked\:ring-inset {
        &:not(*[data-focus]) {
            &:not(*[data-checked]) {
                --tw-ring-inset: inset;
            }
        }
    }

    .group-not-data-checked\:invisible {
        &:is(:where(.group):not(*[data-checked]) *) {
            visibility: hidden;
        }
    }

    .group-not-data-checked\:hidden {
        &:is(:where(.group):not(*[data-checked]) *) {
            display: none;
        }
    }

    .group-not-data-open\:hidden {
        &:is(:where(.group):not(*[data-open]) *) {
            display: none;
        }
    }

    .group-not-data-selected\:hidden {
        &:is(:where(.group):not(*[data-selected]) *) {
            display: none;
        }
    }

    .group-first-of-type\:mt-5 {
        &:is(:where(.group):first-of-type *) {
            margin-top: calc(var(--spacing) * 5);
        }
    }

    .group-first-of-type\:pt-5 {
        &:is(:where(.group):first-of-type *) {
            padding-top: calc(var(--spacing) * 5);
        }
    }

    .group-hover\:visible {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                visibility: visible;
            }
        }
    }

    .group-hover\:border-gray-400 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                border-color: var(--color-gray-400);
            }
        }
    }

    .group-hover\:border-indigo-600 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                border-color: var(--color-indigo-600);
            }
        }
    }

    .group-hover\:bg-gray-50 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                background-color: var(--color-gray-50);
            }
        }
    }

    .group-hover\:bg-gray-200 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                background-color: var(--color-gray-200);
            }
        }
    }

    .group-hover\:bg-gray-300 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                background-color: var(--color-gray-300);
            }
        }
    }

    .group-hover\:bg-gray-400 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                background-color: var(--color-gray-400);
            }
        }
    }

    .group-hover\:bg-gray-800 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                background-color: var(--color-gray-800);
            }
        }
    }

    .group-hover\:bg-indigo-800 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                background-color: var(--color-indigo-800);
            }
        }
    }

    .group-hover\:bg-white {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                background-color: var(--color-white);
            }
        }
    }

    .group-hover\:stroke-blue-700\/75 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                stroke: color-mix(in oklab, var(--color-blue-700) 75%, transparent);
            }
        }
    }

    .group-hover\:stroke-blue-800\/75 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                stroke: color-mix(in oklab, var(--color-blue-800) 75%, transparent);
            }
        }
    }

    .group-hover\:stroke-gray-600\/75 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                stroke: color-mix(in oklab, var(--color-gray-600) 75%, transparent);
            }
        }
    }

    .group-hover\:stroke-gray-700\/75 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                stroke: color-mix(in oklab, var(--color-gray-700) 75%, transparent);
            }
        }
    }

    .group-hover\:stroke-green-700\/75 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                stroke: color-mix(in oklab, var(--color-green-700) 75%, transparent);
            }
        }
    }

    .group-hover\:stroke-green-800\/75 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                stroke: color-mix(in oklab, var(--color-green-800) 75%, transparent);
            }
        }
    }

    .group-hover\:stroke-indigo-600\/75 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                stroke: color-mix(in oklab, var(--color-indigo-600) 75%, transparent);
            }
        }
    }

    .group-hover\:stroke-indigo-700\/75 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                stroke: color-mix(in oklab, var(--color-indigo-700) 75%, transparent);
            }
        }
    }

    .group-hover\:stroke-pink-700\/75 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                stroke: color-mix(in oklab, var(--color-pink-700) 75%, transparent);
            }
        }
    }

    .group-hover\:stroke-pink-800\/75 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                stroke: color-mix(in oklab, var(--color-pink-800) 75%, transparent);
            }
        }
    }

    .group-hover\:stroke-red-600\/75 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                stroke: color-mix(in oklab, var(--color-red-600) 75%, transparent);
            }
        }
    }

    .group-hover\:stroke-red-700\/75 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                stroke: color-mix(in oklab, var(--color-red-700) 75%, transparent);
            }
        }
    }

    .group-hover\:stroke-violet-600\/75 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                stroke: color-mix(in oklab, var(--color-violet-600) 75%, transparent);
            }
        }
    }

    .group-hover\:stroke-violet-700\/75 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                stroke: color-mix(in oklab, var(--color-violet-700) 75%, transparent);
            }
        }
    }

    .group-hover\:stroke-yellow-700\/75 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                stroke: color-mix(in oklab, var(--color-yellow-700) 75%, transparent);
            }
        }
    }

    .group-hover\:stroke-yellow-800\/75 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                stroke: color-mix(in oklab, var(--color-yellow-800) 75%, transparent);
            }
        }
    }

    .group-hover\:text-blue-700 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                color: var(--color-blue-700);
            }
        }
    }

    .group-hover\:text-gray-200 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                color: var(--color-gray-200);
            }
        }
    }

    .group-hover\:text-gray-300 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                color: var(--color-gray-300);
            }
        }
    }

    .group-hover\:text-gray-400 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                color: var(--color-gray-400);
            }
        }
    }

    .group-hover\:text-gray-500 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                color: var(--color-gray-500);
            }
        }
    }

    .group-hover\:text-gray-600 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                color: var(--color-gray-600);
            }
        }
    }

    .group-hover\:text-gray-700 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                color: var(--color-gray-700);
            }
        }
    }

    .group-hover\:text-gray-800 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                color: var(--color-gray-800);
            }
        }
    }

    .group-hover\:text-gray-900 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                color: var(--color-gray-900);
            }
        }
    }

    .group-hover\:text-indigo-500 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                color: var(--color-indigo-500);
            }
        }
    }

    .group-hover\:text-indigo-600 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                color: var(--color-indigo-600);
            }
        }
    }

    .group-hover\:text-indigo-700 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                color: var(--color-indigo-700);
            }
        }
    }

    .group-hover\:text-indigo-800 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                color: var(--color-indigo-800);
            }
        }
    }

    .group-hover\:text-indigo-900 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                color: var(--color-indigo-900);
            }
        }
    }

    .group-hover\:text-pink-700 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                color: var(--color-pink-700);
            }
        }
    }

    .group-hover\:text-slate-500 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                color: var(--color-slate-500);
            }
        }
    }

    .group-hover\:text-slate-700 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                color: var(--color-slate-700);
            }
        }
    }

    .group-hover\:text-slate-900 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                color: var(--color-slate-900);
            }
        }
    }

    .group-hover\:text-teal-500 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                color: var(--color-teal-500);
            }
        }
    }

    .group-hover\:text-white {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                color: var(--color-white);
            }
        }
    }

    .group-hover\:opacity-75 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                opacity: 75%;
            }
        }
    }

    .group-hover\:opacity-100 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                opacity: 100%;
            }
        }
    }

    .group-focus\:visible {
        &:is(:where(.group):focus *) {
            visibility: visible;
        }
    }

    .group-has-checked\:text-indigo-700 {
        &:is(:where(.group):has(*:checked) *) {
            color: var(--color-indigo-700);
        }
    }

    .group-has-checked\:text-indigo-900 {
        &:is(:where(.group):has(*:checked) *) {
            color: var(--color-indigo-900);
        }
    }

    .group-has-checked\:text-orange-700 {
        &:is(:where(.group):has(*:checked) *) {
            color: var(--color-orange-700);
        }
    }

    .group-has-checked\:text-orange-900 {
        &:is(:where(.group):has(*:checked) *) {
            color: var(--color-orange-900);
        }
    }

    .group-has-checked\:text-sky-700 {
        &:is(:where(.group):has(*:checked) *) {
            color: var(--color-sky-700);
        }
    }

    .group-has-checked\:text-sky-900 {
        &:is(:where(.group):has(*:checked) *) {
            color: var(--color-sky-900);
        }
    }

    .group-has-checked\:opacity-100 {
        &:is(:where(.group):has(*:checked) *) {
            opacity: 100%;
        }
    }

    .group-has-indeterminate\:opacity-100 {
        &:is(:where(.group):has(*:indeterminate) *) {
            opacity: 100%;
        }
    }

    .group-has-disabled\:stroke-gray-950\/25 {
        &:is(:where(.group):has(*:disabled) *) {
            stroke: color-mix(in oklab, var(--color-gray-950) 25%, transparent);
        }
    }

    .group-has-disabled\:stroke-white\/25 {
        &:is(:where(.group):has(*:disabled) *) {
            stroke: color-mix(in oklab, var(--color-white) 25%, transparent);
        }
    }

    .group-has-\[\*\:first-child\[aria-selected\=\'true\'\]\]\:flex {
        &:is(:where(.group):has(*:is(*:first-child[aria-selected='true'])) *) {
            display: flex;
        }
    }

    .group-has-\[\:checked\]\:text-indigo-700 {
        &:is(:where(.group):has(*:is(:checked)) *) {
            color: var(--color-indigo-700);
        }
    }

    .group-has-\[\:checked\]\:text-indigo-900 {
        &:is(:where(.group):has(*:is(:checked)) *) {
            color: var(--color-indigo-900);
        }
    }

    .group-has-\[\:checked\]\:text-orange-700 {
        &:is(:where(.group):has(*:is(:checked)) *) {
            color: var(--color-orange-700);
        }
    }

    .group-has-\[\:checked\]\:text-orange-900 {
        &:is(:where(.group):has(*:is(:checked)) *) {
            color: var(--color-orange-900);
        }
    }

    .group-has-\[\:checked\]\:text-sky-700 {
        &:is(:where(.group):has(*:is(:checked)) *) {
            color: var(--color-sky-700);
        }
    }

    .group-has-\[\:checked\]\:text-sky-900 {
        &:is(:where(.group):has(*:is(:checked)) *) {
            color: var(--color-sky-900);
        }
    }

    .group-has-\[\:checked\]\:opacity-100 {
        &:is(:where(.group):has(*:is(:checked)) *) {
            opacity: 100%;
        }
    }

    .group-has-\[\:disabled\]\:stroke-gray-950\/25 {
        &:is(:where(.group):has(*:is(:disabled)) *) {
            stroke: color-mix(in oklab, var(--color-gray-950) 25%, transparent);
        }
    }

    .group-has-\[\:disabled\]\:stroke-white\/25 {
        &:is(:where(.group):has(*:is(:disabled)) *) {
            stroke: color-mix(in oklab, var(--color-white) 25%, transparent);
        }
    }

    .group-has-\[\:indeterminate\]\:opacity-100 {
        &:is(:where(.group):has(*:is(:indeterminate)) *) {
            opacity: 100%;
        }
    }

    .group-data-checked\:translate-x-3\.5 {
        &:is(:where(.group)[data-checked] *) {
            --tw-translate-x: calc(var(--spacing) * 3.5);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .group-data-checked\:translate-x-5 {
        &:is(:where(.group)[data-checked] *) {
            --tw-translate-x: calc(var(--spacing) * 5);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .group-data-checked\:border-indigo-500 {
        &:is(:where(.group)[data-checked] *) {
            border-color: var(--color-indigo-500);
        }
    }

    .group-data-checked\:border-indigo-600 {
        &:is(:where(.group)[data-checked] *) {
            border-color: var(--color-indigo-600);
        }
    }

    .group-data-checked\:border-transparent {
        &:is(:where(.group)[data-checked] *) {
            border-color: transparent;
        }
    }

    .group-data-checked\:bg-indigo-600 {
        &:is(:where(.group)[data-checked] *) {
            background-color: var(--color-indigo-600);
        }
    }

    .group-data-checked\:opacity-0 {
        &:is(:where(.group)[data-checked] *) {
            opacity: 0%;
        }
    }

    .group-data-checked\:opacity-100 {
        &:is(:where(.group)[data-checked] *) {
            opacity: 100%;
        }
    }

    .group-data-checked\:duration-100 {
        &:is(:where(.group)[data-checked] *) {
            --tw-duration: 100ms;
            transition-duration: 100ms;
        }
    }

    .group-data-checked\:duration-200 {
        &:is(:where(.group)[data-checked] *) {
            --tw-duration: 200ms;
            transition-duration: 200ms;
        }
    }

    .group-data-checked\:ease-in {
        &:is(:where(.group)[data-checked] *) {
            --tw-ease: var(--ease-in);
            transition-timing-function: var(--ease-in);
        }
    }

    .group-data-checked\:ease-out {
        &:is(:where(.group)[data-checked] *) {
            --tw-ease: var(--ease-out);
            transition-timing-function: var(--ease-out);
        }
    }

    .group-data-disabled\:fill-gray-300 {
        &:is(:where(.group)[data-disabled] *) {
            fill: var(--color-gray-300);
        }
    }

    .group-data-focus\:block {
        &:is(:where(.group)[data-focus] *) {
            display: block;
        }
    }

    .group-data-focus\:inline {
        &:is(:where(.group)[data-focus] *) {
            display: inline;
        }
    }

    .group-data-focus\:border {
        &:is(:where(.group)[data-focus] *) {
            border-style: var(--tw-border-style);
            border-width: 1px;
        }
    }

    .group-data-focus\:text-gray-500 {
        &:is(:where(.group)[data-focus] *) {
            color: var(--color-gray-500);
        }
    }

    .group-data-focus\:text-gray-700 {
        &:is(:where(.group)[data-focus] *) {
            color: var(--color-gray-700);
        }
    }

    .group-data-focus\:text-gray-900 {
        &:is(:where(.group)[data-focus] *) {
            color: var(--color-gray-900);
        }
    }

    .group-data-focus\:text-indigo-100 {
        &:is(:where(.group)[data-focus] *) {
            color: var(--color-indigo-100);
        }
    }

    .group-data-focus\:text-indigo-200 {
        &:is(:where(.group)[data-focus] *) {
            color: var(--color-indigo-200);
        }
    }

    .group-data-focus\:text-purple-200 {
        &:is(:where(.group)[data-focus] *) {
            color: var(--color-purple-200);
        }
    }

    .group-data-focus\:text-white {
        &:is(:where(.group)[data-focus] *) {
            color: var(--color-white);
        }
    }

    .group-data-focus\:ring-2 {
        &:is(:where(.group)[data-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);
        }
    }

    .group-data-focus\:ring-offset-2 {
        &:is(:where(.group)[data-focus] *) {
            --tw-ring-offset-width: 2px;
            --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        }
    }

    .group-data-open\:block {
        &:is(:where(.group)[data-open] *) {
            display: block;
        }
    }

    .group-data-open\:hidden {
        &:is(:where(.group)[data-open] *) {
            display: none;
        }
    }

    .group-data-open\:-rotate-180 {
        &:is(:where(.group)[data-open] *) {
            rotate: calc(180deg * -1);
        }
    }

    .group-data-open\:rotate-90 {
        &:is(:where(.group)[data-open] *) {
            rotate: 90deg;
        }
    }

    .group-data-open\:rotate-180 {
        &:is(:where(.group)[data-open] *) {
            rotate: 180deg;
        }
    }

    .group-data-open\:bg-gray-200 {
        &:is(:where(.group)[data-open] *) {
            background-color: var(--color-gray-200);
        }
    }

    .group-data-open\:bg-indigo-600 {
        &:is(:where(.group)[data-open] *) {
            background-color: var(--color-indigo-600);
        }
    }

    .group-data-open\:bg-white {
        &:is(:where(.group)[data-open] *) {
            background-color: var(--color-white);
        }
    }

    .group-data-open\:text-gray-400 {
        &:is(:where(.group)[data-open] *) {
            color: var(--color-gray-400);
        }
    }

    .group-data-open\:text-gray-500 {
        &:is(:where(.group)[data-open] *) {
            color: var(--color-gray-500);
        }
    }

    .group-data-open\:text-gray-600 {
        &:is(:where(.group)[data-open] *) {
            color: var(--color-gray-600);
        }
    }

    .group-data-open\:text-indigo-600 {
        &:is(:where(.group)[data-open] *) {
            color: var(--color-indigo-600);
        }
    }

    .group-data-open\:text-white {
        &:is(:where(.group)[data-open] *) {
            color: var(--color-white);
        }
    }

    .group-data-open\:group-hover\:text-gray-500 {
        &:is(:where(.group)[data-open] *) {
            &:is(:where(.group):hover *) {
                @media (hover: hover) {
                    color: var(--color-gray-500);
                }
            }
        }
    }

    .group-data-selected\:flex {
        &:is(:where(.group)[data-selected] *) {
            display: flex;
        }
    }

    .group-data-selected\:font-semibold {
        &:is(:where(.group)[data-selected] *) {
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
        }
    }

    .group-data-selected\:ring-indigo-500 {
        &:is(:where(.group)[data-selected] *) {
            --tw-ring-color: var(--color-indigo-500);
        }
    }

    .group-data-\[checked\]\:translate-x-3\.5 {
        &:is(:where(.group)[data-checked] *) {
            --tw-translate-x: calc(var(--spacing) * 3.5);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .group-data-\[checked\]\:translate-x-5 {
        &:is(:where(.group)[data-checked] *) {
            --tw-translate-x: calc(var(--spacing) * 5);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .group-data-\[checked\]\:border-indigo-500 {
        &:is(:where(.group)[data-checked] *) {
            border-color: var(--color-indigo-500);
        }
    }

    .group-data-\[checked\]\:border-indigo-600 {
        &:is(:where(.group)[data-checked] *) {
            border-color: var(--color-indigo-600);
        }
    }

    .group-data-\[checked\]\:bg-indigo-600 {
        &:is(:where(.group)[data-checked] *) {
            background-color: var(--color-indigo-600);
        }
    }

    .group-data-\[checked\]\:opacity-0 {
        &:is(:where(.group)[data-checked] *) {
            opacity: 0%;
        }
    }

    .group-data-\[checked\]\:opacity-100 {
        &:is(:where(.group)[data-checked] *) {
            opacity: 100%;
        }
    }

    .group-data-\[checked\]\:duration-100 {
        &:is(:where(.group)[data-checked] *) {
            --tw-duration: 100ms;
            transition-duration: 100ms;
        }
    }

    .group-data-\[checked\]\:duration-200 {
        &:is(:where(.group)[data-checked] *) {
            --tw-duration: 200ms;
            transition-duration: 200ms;
        }
    }

    .group-data-\[checked\]\:ease-in {
        &:is(:where(.group)[data-checked] *) {
            --tw-ease: var(--ease-in);
            transition-timing-function: var(--ease-in);
        }
    }

    .group-data-\[checked\]\:ease-out {
        &:is(:where(.group)[data-checked] *) {
            --tw-ease: var(--ease-out);
            transition-timing-function: var(--ease-out);
        }
    }

    .group-data-\[disabled\]\:fill-gray-300 {
        &:is(:where(.group)[data-disabled] *) {
            fill: var(--color-gray-300);
        }
    }

    .group-data-\[focus\]\:block {
        &:is(:where(.group)[data-focus] *) {
            display: block;
        }
    }

    .group-data-\[focus\]\:inline {
        &:is(:where(.group)[data-focus] *) {
            display: inline;
        }
    }

    .group-data-\[focus\]\:border {
        &:is(:where(.group)[data-focus] *) {
            border-style: var(--tw-border-style);
            border-width: 1px;
        }
    }

    .group-data-\[focus\]\:text-gray-500 {
        &:is(:where(.group)[data-focus] *) {
            color: var(--color-gray-500);
        }
    }

    .group-data-\[focus\]\:text-gray-700 {
        &:is(:where(.group)[data-focus] *) {
            color: var(--color-gray-700);
        }
    }

    .group-data-\[focus\]\:text-gray-900 {
        &:is(:where(.group)[data-focus] *) {
            color: var(--color-gray-900);
        }
    }

    .group-data-\[focus\]\:text-indigo-100 {
        &:is(:where(.group)[data-focus] *) {
            color: var(--color-indigo-100);
        }
    }

    .group-data-\[focus\]\:text-indigo-200 {
        &:is(:where(.group)[data-focus] *) {
            color: var(--color-indigo-200);
        }
    }

    .group-data-\[focus\]\:text-purple-200 {
        &:is(:where(.group)[data-focus] *) {
            color: var(--color-purple-200);
        }
    }

    .group-data-\[focus\]\:text-white {
        &:is(:where(.group)[data-focus] *) {
            color: var(--color-white);
        }
    }

    .group-data-\[open\]\:block {
        &:is(:where(.group)[data-open] *) {
            display: block;
        }
    }

    .group-data-\[open\]\:hidden {
        &:is(:where(.group)[data-open] *) {
            display: none;
        }
    }

    .group-data-\[open\]\:-rotate-180 {
        &:is(:where(.group)[data-open] *) {
            rotate: calc(180deg * -1);
        }
    }

    .group-data-\[open\]\:rotate-90 {
        &:is(:where(.group)[data-open] *) {
            rotate: 90deg;
        }
    }

    .group-data-\[open\]\:rotate-180 {
        &:is(:where(.group)[data-open] *) {
            rotate: 180deg;
        }
    }

    .group-data-\[open\]\:bg-gray-200 {
        &:is(:where(.group)[data-open] *) {
            background-color: var(--color-gray-200);
        }
    }

    .group-data-\[open\]\:bg-indigo-600 {
        &:is(:where(.group)[data-open] *) {
            background-color: var(--color-indigo-600);
        }
    }

    .group-data-\[open\]\:bg-white {
        &:is(:where(.group)[data-open] *) {
            background-color: var(--color-white);
        }
    }

    .group-data-\[open\]\:text-gray-400 {
        &:is(:where(.group)[data-open] *) {
            color: var(--color-gray-400);
        }
    }

    .group-data-\[open\]\:text-gray-500 {
        &:is(:where(.group)[data-open] *) {
            color: var(--color-gray-500);
        }
    }

    .group-data-\[open\]\:text-gray-600 {
        &:is(:where(.group)[data-open] *) {
            color: var(--color-gray-600);
        }
    }

    .group-data-\[open\]\:text-indigo-600 {
        &:is(:where(.group)[data-open] *) {
            color: var(--color-indigo-600);
        }
    }

    .group-data-\[open\]\:text-white {
        &:is(:where(.group)[data-open] *) {
            color: var(--color-white);
        }
    }

    .group-data-\[open\]\:group-hover\:text-gray-500 {
        &:is(:where(.group)[data-open] *) {
            &:is(:where(.group):hover *) {
                @media (hover: hover) {
                    color: var(--color-gray-500);
                }
            }
        }
    }

    .group-data-\[selected\]\:flex {
        &:is(:where(.group)[data-selected] *) {
            display: flex;
        }
    }

    .group-data-\[selected\]\:font-semibold {
        &:is(:where(.group)[data-selected] *) {
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
        }
    }

    .group-data-\[selected\]\:ring-indigo-500 {
        &:is(:where(.group)[data-selected] *) {
            --tw-ring-color: var(--color-indigo-500);
        }
    }

    .group-\[\&\:not\(\[data-checked\]\)\]\:invisible {
        &:is(:where(.group):not([data-checked]) *) {
            visibility: hidden;
        }
    }

    .group-\[\&\:not\(\[data-checked\]\)\]\:hidden {
        &:is(:where(.group):not([data-checked]) *) {
            display: none;
        }
    }

    .group-\[\&\:not\(\[data-open\]\)\]\:hidden {
        &:is(:where(.group):not([data-open]) *) {
            display: none;
        }
    }

    .group-\[\&\:not\(\[data-selected\]\)\]\:hidden {
        &:is(:where(.group):not([data-selected]) *) {
            display: none;
        }
    }

    .peer-hover\:bg-slate-50 {
        &:is(:where(.peer):hover ~ *) {
            @media (hover: hover) {
                background-color: var(--color-slate-50);
            }
        }
    }

    .peer-hover\:ring-gray-400 {
        &:is(:where(.peer):hover ~ *) {
            @media (hover: hover) {
                --tw-ring-color: var(--color-gray-400);
            }
        }
    }

    .peer-focus\:border-t-2 {
        &:is(:where(.peer):focus ~ *) {
            border-top-style: var(--tw-border-style);
            border-top-width: 2px;
        }
    }

    .peer-focus\:border-indigo-600 {
        &:is(:where(.peer):focus ~ *) {
            border-color: var(--color-indigo-600);
        }
    }

    .peer-focus\:text-gray-400 {
        &:is(:where(.peer):focus ~ *) {
            color: var(--color-gray-400);
        }
    }

    .peer-focus\:ring-2 {
        &:is(:where(.peer):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);
        }
    }

    .peer-focus\:ring-blue-600 {
        &:is(:where(.peer):focus ~ *) {
            --tw-ring-color: var(--color-blue-600);
        }
    }

    .peer-focus\:ring-sky-500 {
        &:is(:where(.peer):focus ~ *) {
            --tw-ring-color: var(--color-sky-500);
        }
    }

    .marker\:text-gray-300 {
        & *::marker {
            color: var(--color-gray-300);
        }

        &::marker {
            color: var(--color-gray-300);
        }
    }

    .placeholder\:text-gray-400 {
        &::placeholder {
            color: var(--color-gray-400);
        }
    }

    .placeholder\:text-gray-500 {
        &::placeholder {
            color: var(--color-gray-500);
        }
    }

    .placeholder\:text-indigo-200 {
        &::placeholder {
            color: var(--color-indigo-200);
        }
    }

    .placeholder\:text-red-300 {
        &::placeholder {
            color: var(--color-red-300);
        }
    }

    .placeholder\:text-sky-100 {
        &::placeholder {
            color: var(--color-sky-100);
        }
    }

    .placeholder\:text-white {
        &::placeholder {
            color: var(--color-white);
        }
    }

    .placeholder\:text-white\/75 {
        &::placeholder {
            color: color-mix(in oklab, var(--color-white) 75%, transparent);
        }
    }

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

    .before\:inset-1 {
        &::before {
            content: var(--tw-content);
            inset: calc(var(--spacing) * 1);
        }
    }

    .before\:block {
        &::before {
            content: var(--tw-content);
            display: block;
        }
    }

    .before\:rounded-full {
        &::before {
            content: var(--tw-content);
            border-radius: calc(infinity * 1px);
        }
    }

    .before\:bg-white {
        &::before {
            content: var(--tw-content);
            background-color: var(--color-white);
        }
    }

    .not-checked\:before\:hidden {
        &:not(*:checked) {
            &::before {
                content: var(--tw-content);
                display: none;
            }
        }
    }

    .first\:rounded-tl-md {
        &:first-child {
            border-top-left-radius: var(--radius-md);
        }
    }

    .first\:rounded-tr-md {
        &:first-child {
            border-top-right-radius: var(--radius-md);
        }
    }

    .last\:rounded-br-md {
        &:last-child {
            border-bottom-right-radius: var(--radius-md);
        }
    }

    .last\:rounded-bl-md {
        &:last-child {
            border-bottom-left-radius: var(--radius-md);
        }
    }

    .last\:border-none {
        &:last-child {
            --tw-border-style: none;
            border-style: none;
        }
    }

    .even\:bg-gray-50 {
        &:nth-child(even) {
            background-color: var(--color-gray-50);
        }
    }

    .checked\:border-indigo-600 {
        &:checked {
            border-color: var(--color-indigo-600);
        }
    }

    .checked\:border-orange-600 {
        &:checked {
            border-color: var(--color-orange-600);
        }
    }

    .checked\:border-purple-600 {
        &:checked {
            border-color: var(--color-purple-600);
        }
    }

    .checked\:border-sky-600 {
        &:checked {
            border-color: var(--color-sky-600);
        }
    }

    .checked\:bg-indigo-600 {
        &:checked {
            background-color: var(--color-indigo-600);
        }
    }

    .checked\:bg-orange-600 {
        &:checked {
            background-color: var(--color-orange-600);
        }
    }

    .checked\:bg-purple-600 {
        &:checked {
            background-color: var(--color-purple-600);
        }
    }

    .checked\:bg-sky-600 {
        &:checked {
            background-color: var(--color-sky-600);
        }
    }

    .indeterminate\:border-indigo-600 {
        &:indeterminate {
            border-color: var(--color-indigo-600);
        }
    }

    .indeterminate\:bg-indigo-600 {
        &:indeterminate {
            background-color: var(--color-indigo-600);
        }
    }

    .focus-within\:relative {
        &:focus-within {
            position: relative;
        }
    }

    .focus-within\:border-b-2 {
        &:focus-within {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 2px;
        }
    }

    .focus-within\:border-indigo-600 {
        &:focus-within {
            border-color: var(--color-indigo-600);
        }
    }

    .focus-within\:bg-gray-50 {
        &:focus-within {
            background-color: var(--color-gray-50);
        }
    }

    .focus-within\:bg-gray-100 {
        &:focus-within {
            background-color: var(--color-gray-100);
        }
    }

    .focus-within\:pb-0 {
        &:focus-within {
            padding-bottom: calc(var(--spacing) * 0);
        }
    }

    .focus-within\:opacity-100 {
        &:focus-within {
            opacity: 100%;
        }
    }

    .focus-within\:ring-2 {
        &:focus-within {
            --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-within\:ring-blue-600 {
        &:focus-within {
            --tw-ring-color: var(--color-blue-600);
        }
    }

    .focus-within\:ring-cyan-500 {
        &:focus-within {
            --tw-ring-color: var(--color-cyan-500);
        }
    }

    .focus-within\:ring-indigo-500 {
        &:focus-within {
            --tw-ring-color: var(--color-indigo-500);
        }
    }

    .focus-within\:ring-indigo-600 {
        &:focus-within {
            --tw-ring-color: var(--color-indigo-600);
        }
    }

    .focus-within\:ring-pink-500 {
        &:focus-within {
            --tw-ring-color: var(--color-pink-500);
        }
    }

    .focus-within\:ring-offset-2 {
        &:focus-within {
            --tw-ring-offset-width: 2px;
            --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        }
    }

    .focus-within\:ring-offset-gray-100 {
        &:focus-within {
            --tw-ring-offset-color: var(--color-gray-100);
        }
    }

    .focus-within\:ring-offset-gray-900 {
        &:focus-within {
            --tw-ring-offset-color: var(--color-gray-900);
        }
    }

    .focus-within\:outline-hidden {
        &:focus-within {
            outline: 2px solid transparent;
            outline-offset: 2px;
        }
    }

    .focus-within\:outline {
        &:focus-within {
            outline-style: var(--tw-outline-style);
            outline-width: 1px;
        }
    }

    .focus-within\:outline-2 {
        &:focus-within {
            outline-style: var(--tw-outline-style);
            outline-width: 2px;
        }
    }

    .focus-within\:-outline-offset-2 {
        &:focus-within {
            outline-offset: calc(2px * -1);
        }
    }

    .focus-within\:outline-blue-500 {
        &:focus-within {
            outline-color: var(--color-blue-500);
        }
    }

    .focus-within\:outline-indigo-500 {
        &:focus-within {
            outline-color: var(--color-indigo-500);
        }
    }

    .focus-within\:outline-indigo-600 {
        &:focus-within {
            outline-color: var(--color-indigo-600);
        }
    }

    .focus-within\:outline-sky-600 {
        &:focus-within {
            outline-color: var(--color-sky-600);
        }
    }

    .focus-within\:outline-none {
        &:focus-within {
            --tw-outline-style: none;
            outline-style: none;
        }
    }

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

    .hover\:z-10 {
        &:hover {
            @media (hover: hover) {
                z-index: 10;
            }
        }
    }

    .hover\:border-gray-200 {
        &:hover {
            @media (hover: hover) {
                border-color: var(--color-gray-200);
            }
        }
    }

    .hover\:border-gray-300 {
        &:hover {
            @media (hover: hover) {
                border-color: var(--color-gray-300);
            }
        }
    }

    .hover\:border-gray-400 {
        &:hover {
            @media (hover: hover) {
                border-color: var(--color-gray-400);
            }
        }
    }

    .hover\:border-indigo-800 {
        &:hover {
            @media (hover: hover) {
                border-color: var(--color-indigo-800);
            }
        }
    }

    .hover\:bg-black {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-black);
            }
        }
    }

    .hover\:bg-blue-50\/50 {
        &:hover {
            @media (hover: hover) {
                background-color: color-mix(in oklab, var(--color-blue-50) 50%, transparent);
            }
        }
    }

    .hover\:bg-blue-100 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-blue-100);
            }
        }
    }

    .hover\:bg-blue-200 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-blue-200);
            }
        }
    }

    .hover\:bg-blue-500 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-blue-500);
            }
        }
    }

    .hover\:bg-blue-600 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-blue-600);
            }
        }
    }

    .hover\:bg-blue-600\/20 {
        &:hover {
            @media (hover: hover) {
                background-color: color-mix(in oklab, var(--color-blue-600) 20%, transparent);
            }
        }
    }

    .hover\:bg-blue-700 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-blue-700);
            }
        }
    }

    .hover\:bg-cyan-50 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-cyan-50);
            }
        }
    }

    .hover\:bg-cyan-100 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-cyan-100);
            }
        }
    }

    .hover\:bg-cyan-500 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-cyan-500);
            }
        }
    }

    .hover\:bg-cyan-600 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-cyan-600);
            }
        }
    }

    .hover\:bg-cyan-700 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-cyan-700);
            }
        }
    }

    .hover\:bg-gray-50 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-gray-50);
            }
        }
    }

    .hover\:bg-gray-100 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-gray-100);
            }
        }
    }

    .hover\:bg-gray-200 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-gray-200);
            }
        }
    }

    .hover\:bg-gray-300 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-gray-300);
            }
        }
    }

    .hover\:bg-gray-400 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-gray-400);
            }
        }
    }

    .hover\:bg-gray-400\/10 {
        &:hover {
            @media (hover: hover) {
                background-color: color-mix(in oklab, var(--color-gray-400) 10%, transparent);
            }
        }
    }

    .hover\:bg-gray-500\/20 {
        &:hover {
            @media (hover: hover) {
                background-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent);
            }
        }
    }

    .hover\:bg-gray-700 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-gray-700);
            }
        }
    }

    .hover\:bg-gray-800 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-gray-800);
            }
        }
    }

    .hover\:bg-gray-900 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-gray-900);
            }
        }
    }

    .hover\:bg-green-100 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-green-100);
            }
        }
    }

    .hover\:bg-green-500 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-green-500);
            }
        }
    }

    .hover\:bg-green-600\/20 {
        &:hover {
            @media (hover: hover) {
                background-color: color-mix(in oklab, var(--color-green-600) 20%, transparent);
            }
        }
    }

    .hover\:bg-indigo-50 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-indigo-50);
            }
        }
    }

    .hover\:bg-indigo-100 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-indigo-100);
            }
        }
    }

    .hover\:bg-indigo-400 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-indigo-400);
            }
        }
    }

    .hover\:bg-indigo-500 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-indigo-500);
            }
        }
    }

    .hover\:bg-indigo-500\/70 {
        &:hover {
            @media (hover: hover) {
                background-color: color-mix(in oklab, var(--color-indigo-500) 70%, transparent);
            }
        }
    }

    .hover\:bg-indigo-500\/75 {
        &:hover {
            @media (hover: hover) {
                background-color: color-mix(in oklab, var(--color-indigo-500) 75%, transparent);
            }
        }
    }

    .hover\:bg-indigo-600 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-indigo-600);
            }
        }
    }

    .hover\:bg-indigo-600\/20 {
        &:hover {
            @media (hover: hover) {
                background-color: color-mix(in oklab, var(--color-indigo-600) 20%, transparent);
            }
        }
    }

    .hover\:bg-indigo-600\/75 {
        &:hover {
            @media (hover: hover) {
                background-color: color-mix(in oklab, var(--color-indigo-600) 75%, transparent);
            }
        }
    }

    .hover\:bg-indigo-700 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-indigo-700);
            }
        }
    }

    .hover\:bg-indigo-800 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-indigo-800);
            }
        }
    }

    .hover\:bg-indigo-900 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-indigo-900);
            }
        }
    }

    .hover\:bg-orange-200 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-orange-200);
            }
        }
    }

    .hover\:bg-pink-100 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-pink-100);
            }
        }
    }

    .hover\:bg-pink-600\/20 {
        &:hover {
            @media (hover: hover) {
                background-color: color-mix(in oklab, var(--color-pink-600) 20%, transparent);
            }
        }
    }

    .hover\:bg-purple-50 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-purple-50);
            }
        }
    }

    .hover\:bg-purple-200 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-purple-200);
            }
        }
    }

    .hover\:bg-purple-500 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-purple-500);
            }
        }
    }

    .hover\:bg-purple-600 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-purple-600);
            }
        }
    }

    .hover\:bg-purple-600\/20 {
        &:hover {
            @media (hover: hover) {
                background-color: color-mix(in oklab, var(--color-purple-600) 20%, transparent);
            }
        }
    }

    .hover\:bg-purple-700 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-purple-700);
            }
        }
    }

    .hover\:bg-red-400 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-red-400);
            }
        }
    }

    .hover\:bg-red-500 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-red-500);
            }
        }
    }

    .hover\:bg-red-600\/20 {
        &:hover {
            @media (hover: hover) {
                background-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
            }
        }
    }

    .hover\:bg-rose-100 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-rose-100);
            }
        }
    }

    .hover\:bg-rose-500 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-rose-500);
            }
        }
    }

    .hover\:bg-rose-600 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-rose-600);
            }
        }
    }

    .hover\:bg-rose-700 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-rose-700);
            }
        }
    }

    .hover\:bg-sky-400 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-sky-400);
            }
        }
    }

    .hover\:bg-sky-600 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-sky-600);
            }
        }
    }

    .hover\:bg-sky-800 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-sky-800);
            }
        }
    }

    .hover\:bg-slate-50 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-slate-50);
            }
        }
    }

    .hover\:bg-slate-100 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-slate-100);
            }
        }
    }

    .hover\:bg-slate-900 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-slate-900);
            }
        }
    }

    .hover\:bg-stone-50 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-stone-50);
            }
        }
    }

    .hover\:bg-stone-100 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-stone-100);
            }
        }
    }

    .hover\:bg-stone-200 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-stone-200);
            }
        }
    }

    .hover\:bg-teal-50 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-teal-50);
            }
        }
    }

    .hover\:bg-teal-600 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-teal-600);
            }
        }
    }

    .hover\:bg-white {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-white);
            }
        }
    }

    .hover\:bg-white\/10 {
        &:hover {
            @media (hover: hover) {
                background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
            }
        }
    }

    .hover\:bg-white\/20 {
        &:hover {
            @media (hover: hover) {
                background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
            }
        }
    }

    .hover\:bg-yellow-600\/20 {
        &:hover {
            @media (hover: hover) {
                background-color: color-mix(in oklab, var(--color-yellow-600) 20%, transparent);
            }
        }
    }

    .hover\:from-purple-700 {
        &:hover {
            @media (hover: hover) {
                --tw-gradient-from: var(--color-purple-700);
                --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
            }
        }
    }

    .hover\:from-teal-600 {
        &:hover {
            @media (hover: hover) {
                --tw-gradient-from: var(--color-teal-600);
                --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
            }
        }
    }

    .hover\:to-cyan-700 {
        &:hover {
            @media (hover: hover) {
                --tw-gradient-to: var(--color-cyan-700);
                --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
            }
        }
    }

    .hover\:to-indigo-700 {
        &:hover {
            @media (hover: hover) {
                --tw-gradient-to: var(--color-indigo-700);
                --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
            }
        }
    }

    .hover\:to-pink-600 {
        &:hover {
            @media (hover: hover) {
                --tw-gradient-to: var(--color-pink-600);
                --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, ) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
            }
        }
    }

    .hover\:text-blue-100 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-blue-100);
            }
        }
    }

    .hover\:text-blue-500 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-blue-500);
            }
        }
    }

    .hover\:text-blue-600 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-blue-600);
            }
        }
    }

    .hover\:text-cyan-100 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-cyan-100);
            }
        }
    }

    .hover\:text-cyan-500 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-cyan-500);
            }
        }
    }

    .hover\:text-cyan-600 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-cyan-600);
            }
        }
    }

    .hover\:text-cyan-900 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-cyan-900);
            }
        }
    }

    .hover\:text-gray-100 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-gray-100);
            }
        }
    }

    .hover\:text-gray-200 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-gray-200);
            }
        }
    }

    .hover\:text-gray-300 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-gray-300);
            }
        }
    }

    .hover\:text-gray-400 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-gray-400);
            }
        }
    }

    .hover\:text-gray-500 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-gray-500);
            }
        }
    }

    .hover\:text-gray-600 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-gray-600);
            }
        }
    }

    .hover\:text-gray-700 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-gray-700);
            }
        }
    }

    .hover\:text-gray-800 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-gray-800);
            }
        }
    }

    .hover\:text-gray-900 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-gray-900);
            }
        }
    }

    .hover\:text-indigo-50 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-indigo-50);
            }
        }
    }

    .hover\:text-indigo-100 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-indigo-100);
            }
        }
    }

    .hover\:text-indigo-300 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-indigo-300);
            }
        }
    }

    .hover\:text-indigo-500 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-indigo-500);
            }
        }
    }

    .hover\:text-indigo-600 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-indigo-600);
            }
        }
    }

    .hover\:text-indigo-700 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-indigo-700);
            }
        }
    }

    .hover\:text-indigo-900 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-indigo-900);
            }
        }
    }

    .hover\:text-orange-900 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-orange-900);
            }
        }
    }

    .hover\:text-purple-500 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-purple-500);
            }
        }
    }

    .hover\:text-red-500 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-red-500);
            }
        }
    }

    .hover\:text-rose-500 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-rose-500);
            }
        }
    }

    .hover\:text-slate-500 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-slate-500);
            }
        }
    }

    .hover\:text-slate-900 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-slate-900);
            }
        }
    }

    .hover\:text-stone-300 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-stone-300);
            }
        }
    }

    .hover\:text-stone-500 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-stone-500);
            }
        }
    }

    .hover\:text-stone-900 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-stone-900);
            }
        }
    }

    .hover\:text-teal-100 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-teal-100);
            }
        }
    }

    .hover\:text-teal-700 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-teal-700);
            }
        }
    }

    .hover\:text-white {
        &:hover {
            @media (hover: hover) {
                color: var(--color-white);
            }
        }
    }

    .hover\:text-yellow-400 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-yellow-400);
            }
        }
    }

    .hover\:text-yellow-600 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-yellow-600);
            }
        }
    }

    .hover\:underline {
        &:hover {
            @media (hover: hover) {
                text-decoration-line: underline;
            }
        }
    }

    .hover\:opacity-75 {
        &:hover {
            @media (hover: hover) {
                opacity: 75%;
            }
        }
    }

    .hover\:opacity-100 {
        &:hover {
            @media (hover: hover) {
                opacity: 100%;
            }
        }
    }

    .hover\:shadow-sm {
        &:hover {
            @media (hover: hover) {
                --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
                box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            }
        }
    }

    .hover\:shadow-xs {
        &:hover {
            @media (hover: hover) {
                --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
                box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            }
        }
    }

    .hover\:ring-gray-400 {
        &:hover {
            @media (hover: hover) {
                --tw-ring-color: var(--color-gray-400);
            }
        }
    }

    .hover\:ring-gray-900\/20 {
        &:hover {
            @media (hover: hover) {
                --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 20%, transparent);
            }
        }
    }

    .hover\:ring-indigo-300 {
        &:hover {
            @media (hover: hover) {
                --tw-ring-color: var(--color-indigo-300);
            }
        }
    }

    .hover\:ring-indigo-700 {
        &:hover {
            @media (hover: hover) {
                --tw-ring-color: var(--color-indigo-700);
            }
        }
    }

    .hover\:ring-white\/20 {
        &:hover {
            @media (hover: hover) {
                --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent);
            }
        }
    }

    .hover\:outline-hidden {
        &:hover {
            @media (hover: hover) {
                outline: 2px solid transparent;
                outline-offset: 2px;
            }
        }
    }

    .hover\:outline-none {
        &:hover {
            @media (hover: hover) {
                --tw-outline-style: none;
                outline-style: none;
            }
        }
    }

    .focus\:relative {
        &:focus {
            position: relative;
        }
    }

    .focus\:z-10 {
        &:focus {
            z-index: 10;
        }
    }

    .focus\:z-20 {
        &:focus {
            z-index: 20;
        }
    }

    .focus\:border-blue-500 {
        &:focus {
            border-color: var(--color-blue-500);
        }
    }

    .focus\:border-indigo-500 {
        &:focus {
            border-color: var(--color-indigo-500);
        }
    }

    .focus\:border-indigo-600 {
        &:focus {
            border-color: var(--color-indigo-600);
        }
    }

    .focus\:border-orange-500 {
        &:focus {
            border-color: var(--color-orange-500);
        }
    }

    .focus\:border-purple-500 {
        &:focus {
            border-color: var(--color-purple-500);
        }
    }

    .focus\:border-rose-500 {
        &:focus {
            border-color: var(--color-rose-500);
        }
    }

    .focus\:border-teal-500 {
        &:focus {
            border-color: var(--color-teal-500);
        }
    }

    .focus\:border-transparent {
        &:focus {
            border-color: transparent;
        }
    }

    .focus\:border-white {
        &:focus {
            border-color: var(--color-white);
        }
    }

    .focus\:bg-gray-600 {
        &:focus {
            background-color: var(--color-gray-600);
        }
    }

    .focus\:bg-sky-900 {
        &:focus {
            background-color: var(--color-sky-900);
        }
    }

    .focus\:bg-white {
        &:focus {
            background-color: var(--color-white);
        }
    }

    .focus\:text-gray-900 {
        &:focus {
            color: var(--color-gray-900);
        }
    }

    .focus\:placeholder-gray-400 {
        &:focus {
            &::placeholder {
                color: var(--color-gray-400);
            }
        }
    }

    .focus\:opacity-100 {
        &:focus {
            opacity: 100%;
        }
    }

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

    .focus\:ring-blue-500 {
        &:focus {
            --tw-ring-color: var(--color-blue-500);
        }
    }

    .focus\:ring-blue-600 {
        &:focus {
            --tw-ring-color: var(--color-blue-600);
        }
    }

    .focus\:ring-cyan-400 {
        &:focus {
            --tw-ring-color: var(--color-cyan-400);
        }
    }

    .focus\:ring-cyan-500 {
        &:focus {
            --tw-ring-color: var(--color-cyan-500);
        }
    }

    .focus\:ring-cyan-600 {
        &:focus {
            --tw-ring-color: var(--color-cyan-600);
        }
    }

    .focus\:ring-gray-900 {
        &:focus {
            --tw-ring-color: var(--color-gray-900);
        }
    }

    .focus\:ring-green-400 {
        &:focus {
            --tw-ring-color: var(--color-green-400);
        }
    }

    .focus\:ring-green-500 {
        &:focus {
            --tw-ring-color: var(--color-green-500);
        }
    }

    .focus\:ring-green-600 {
        &:focus {
            --tw-ring-color: var(--color-green-600);
        }
    }

    .focus\:ring-indigo-300 {
        &:focus {
            --tw-ring-color: var(--color-indigo-300);
        }
    }

    .focus\:ring-indigo-500 {
        &:focus {
            --tw-ring-color: var(--color-indigo-500);
        }
    }

    .focus\:ring-indigo-500\/50 {
        &:focus {
            --tw-ring-color: color-mix(in oklab, var(--color-indigo-500) 50%, transparent);
        }
    }

    .focus\:ring-indigo-600 {
        &:focus {
            --tw-ring-color: var(--color-indigo-600);
        }
    }

    .focus\:ring-indigo-600\/25 {
        &:focus {
            --tw-ring-color: color-mix(in oklab, var(--color-indigo-600) 25%, transparent);
        }
    }

    .focus\:ring-orange-500 {
        &:focus {
            --tw-ring-color: var(--color-orange-500);
        }
    }

    .focus\:ring-pink-600 {
        &:focus {
            --tw-ring-color: var(--color-pink-600);
        }
    }

    .focus\:ring-purple-500 {
        &:focus {
            --tw-ring-color: var(--color-purple-500);
        }
    }

    .focus\:ring-rose-500 {
        &:focus {
            --tw-ring-color: var(--color-rose-500);
        }
    }

    .focus\:ring-sky-500 {
        &:focus {
            --tw-ring-color: var(--color-sky-500);
        }
    }

    .focus\:ring-teal-500 {
        &:focus {
            --tw-ring-color: var(--color-teal-500);
        }
    }

    .focus\:ring-white {
        &:focus {
            --tw-ring-color: var(--color-white);
        }
    }

    .focus\:ring-offset-1 {
        &:focus {
            --tw-ring-offset-width: 1px;
            --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        }
    }

    .focus\:ring-offset-2 {
        &:focus {
            --tw-ring-offset-width: 2px;
            --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        }
    }

    .focus\:ring-offset-4 {
        &:focus {
            --tw-ring-offset-width: 4px;
            --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        }
    }

    .focus\:ring-offset-cyan-700 {
        &:focus {
            --tw-ring-offset-color: var(--color-cyan-700);
        }
    }

    .focus\:ring-offset-gray-50 {
        &:focus {
            --tw-ring-offset-color: var(--color-gray-50);
        }
    }

    .focus\:ring-offset-gray-100 {
        &:focus {
            --tw-ring-offset-color: var(--color-gray-100);
        }
    }

    .focus\:ring-offset-gray-800 {
        &:focus {
            --tw-ring-offset-color: var(--color-gray-800);
        }
    }

    .focus\:ring-offset-gray-900 {
        &:focus {
            --tw-ring-offset-color: var(--color-gray-900);
        }
    }

    .focus\:ring-offset-green-50 {
        &:focus {
            --tw-ring-offset-color: var(--color-green-50);
        }
    }

    .focus\:ring-offset-indigo-600 {
        &:focus {
            --tw-ring-offset-color: var(--color-indigo-600);
        }
    }

    .focus\:ring-offset-indigo-700 {
        &:focus {
            --tw-ring-offset-color: var(--color-indigo-700);
        }
    }

    .focus\:ring-offset-indigo-900 {
        &:focus {
            --tw-ring-offset-color: var(--color-indigo-900);
        }
    }

    .focus\:ring-offset-rose-500 {
        &:focus {
            --tw-ring-offset-color: var(--color-rose-500);
        }
    }

    .focus\:ring-offset-sky-500 {
        &:focus {
            --tw-ring-offset-color: var(--color-sky-500);
        }
    }

    .focus\:ring-offset-sky-900 {
        &:focus {
            --tw-ring-offset-color: var(--color-sky-900);
        }
    }

    .focus\:ring-offset-white {
        &:focus {
            --tw-ring-offset-color: var(--color-white);
        }
    }

    .focus\:outline-hidden {
        &:focus {
            outline: 2px solid transparent;
            outline-offset: 2px;
        }
    }

    .focus\:outline {
        &:focus {
            outline-style: var(--tw-outline-style);
            outline-width: 1px;
        }
    }

    .focus\:outline-0 {
        &:focus {
            outline-style: var(--tw-outline-style);
            outline-width: 0px;
        }
    }

    .focus\:outline-2 {
        &:focus {
            outline-style: var(--tw-outline-style);
            outline-width: 2px;
        }
    }

    .focus\:-outline-offset-1 {
        &:focus {
            outline-offset: calc(1px * -1);
        }
    }

    .focus\:-outline-offset-2 {
        &:focus {
            outline-offset: calc(2px * -1);
        }
    }

    .focus\:outline-offset-0 {
        &:focus {
            outline-offset: 0px;
        }
    }

    .focus\:outline-offset-2 {
        &:focus {
            outline-offset: 2px;
        }
    }

    .focus\:outline-blue-500 {
        &:focus {
            outline-color: var(--color-blue-500);
        }
    }

    .focus\:outline-blue-600 {
        &:focus {
            outline-color: var(--color-blue-600);
        }
    }

    .focus\:outline-gray-900 {
        &:focus {
            outline-color: var(--color-gray-900);
        }
    }

    .focus\:outline-indigo-500 {
        &:focus {
            outline-color: var(--color-indigo-500);
        }
    }

    .focus\:outline-indigo-600 {
        &:focus {
            outline-color: var(--color-indigo-600);
        }
    }

    .focus\:outline-pink-500 {
        &:focus {
            outline-color: var(--color-pink-500);
        }
    }

    .focus\:outline-purple-600 {
        &:focus {
            outline-color: var(--color-purple-600);
        }
    }

    .focus\:outline-red-600 {
        &:focus {
            outline-color: var(--color-red-600);
        }
    }

    .focus\:outline-rose-500 {
        &:focus {
            outline-color: var(--color-rose-500);
        }
    }

    .focus\:outline-rose-600 {
        &:focus {
            outline-color: var(--color-rose-600);
        }
    }

    .focus\:outline-sky-600 {
        &:focus {
            outline-color: var(--color-sky-600);
        }
    }

    .focus\:outline-white {
        &:focus {
            outline-color: var(--color-white);
        }
    }

    .focus\:outline-white\/40 {
        &:focus {
            outline-color: color-mix(in oklab, var(--color-white) 40%, transparent);
        }
    }

    .focus\:outline-none {
        &:focus {
            --tw-outline-style: none;
            outline-style: none;
        }
    }

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

    .not-focus-visible\:focus\:outline-sky-600 {
        &:not(*:focus-visible) {
            &:focus {
                outline-color: var(--color-sky-600);
            }
        }
    }

    .focus\:placeholder\:text-gray-400 {
        &:focus {
            &::placeholder {
                color: var(--color-gray-400);
            }
        }
    }

    .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-purple-500 {
        &:focus-visible {
            --tw-ring-color: var(--color-purple-500);
        }
    }

    .focus-visible\:ring-transparent {
        &:focus-visible {
            --tw-ring-color: transparent;
        }
    }

    .focus-visible\:ring-offset-2 {
        &:focus-visible {
            --tw-ring-offset-width: 2px;
            --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        }
    }

    .focus-visible\:ring-offset-gray-50 {
        &:focus-visible {
            --tw-ring-offset-color: var(--color-gray-50);
        }
    }

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

    .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-0 {
        &:focus-visible {
            outline-offset: 0px;
        }
    }

    .focus-visible\:outline-offset-2 {
        &:focus-visible {
            outline-offset: 2px;
        }
    }

    .focus-visible\:outline-offset-\[-4px\] {
        &:focus-visible {
            outline-offset: -4px;
        }
    }

    .focus-visible\:outline-blue-600 {
        &:focus-visible {
            outline-color: var(--color-blue-600);
        }
    }

    .focus-visible\:outline-cyan-600 {
        &:focus-visible {
            outline-color: var(--color-cyan-600);
        }
    }

    .focus-visible\:outline-gray-900 {
        &:focus-visible {
            outline-color: var(--color-gray-900);
        }
    }

    .focus-visible\:outline-indigo-400 {
        &:focus-visible {
            outline-color: var(--color-indigo-400);
        }
    }

    .focus-visible\:outline-indigo-500 {
        &:focus-visible {
            outline-color: var(--color-indigo-500);
        }
    }

    .focus-visible\:outline-indigo-600 {
        &:focus-visible {
            outline-color: var(--color-indigo-600);
        }
    }

    .focus-visible\:outline-orange-600 {
        &:focus-visible {
            outline-color: var(--color-orange-600);
        }
    }

    .focus-visible\:outline-purple-600 {
        &:focus-visible {
            outline-color: var(--color-purple-600);
        }
    }

    .focus-visible\:outline-rose-600 {
        &:focus-visible {
            outline-color: var(--color-rose-600);
        }
    }

    .focus-visible\:outline-sky-500 {
        &:focus-visible {
            outline-color: var(--color-sky-500);
        }
    }

    .focus-visible\:outline-sky-600 {
        &:focus-visible {
            outline-color: var(--color-sky-600);
        }
    }

    .focus-visible\:outline-sky-700 {
        &:focus-visible {
            outline-color: var(--color-sky-700);
        }
    }

    .focus-visible\:outline-white {
        &:focus-visible {
            outline-color: var(--color-white);
        }
    }

    .focus-visible\:outline-none {
        &:focus-visible {
            --tw-outline-style: none;
            outline-style: none;
        }
    }

    .active\:ring-2 {
        &:active {
            --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);
        }
    }

    .active\:ring-offset-2 {
        &:active {
            --tw-ring-offset-width: 2px;
            --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        }
    }

    .disabled\:cursor-not-allowed {
        &:disabled {
            cursor: not-allowed;
        }
    }

    .disabled\:border-gray-300 {
        &:disabled {
            border-color: var(--color-gray-300);
        }
    }

    .disabled\:border-white\/10 {
        &:disabled {
            border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
    }

    .disabled\:bg-gray-50 {
        &:disabled {
            background-color: var(--color-gray-50);
        }
    }

    .disabled\:bg-gray-100 {
        &:disabled {
            background-color: var(--color-gray-100);
        }
    }

    .disabled\:bg-transparent {
        &:disabled {
            background-color: transparent;
        }
    }

    .disabled\:text-gray-500 {
        &:disabled {
            color: var(--color-gray-500);
        }
    }

    .disabled\:opacity-30 {
        &:disabled {
            opacity: 30%;
        }
    }

    .disabled\:outline-gray-200 {
        &:disabled {
            outline-color: var(--color-gray-200);
        }
    }

    .disabled\:before\:bg-gray-400 {
        &:disabled {
            &::before {
                content: var(--tw-content);
                background-color: var(--color-gray-400);
            }
        }
    }

    .disabled\:before\:bg-white\/25 {
        &:disabled {
            &::before {
                content: var(--tw-content);
                background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
            }
        }
    }

    .disabled\:checked\:bg-gray-100 {
        &:disabled {
            &:checked {
                background-color: var(--color-gray-100);
            }
        }
    }

    .disabled\:hover\:bg-white {
        &:disabled {
            &:hover {
                @media (hover: hover) {
                    background-color: var(--color-white);
                }
            }
        }
    }

    .has-checked\:relative {
        &:has(*:checked) {
            position: relative;
        }
    }

    .has-checked\:border-indigo-200 {
        &:has(*:checked) {
            border-color: var(--color-indigo-200);
        }
    }

    .has-checked\:border-orange-200 {
        &:has(*:checked) {
            border-color: var(--color-orange-200);
        }
    }

    .has-checked\:border-sky-200 {
        &:has(*:checked) {
            border-color: var(--color-sky-200);
        }
    }

    .has-checked\:bg-indigo-50 {
        &:has(*:checked) {
            background-color: var(--color-indigo-50);
        }
    }

    .has-checked\:bg-orange-50 {
        &:has(*:checked) {
            background-color: var(--color-orange-50);
        }
    }

    .has-checked\:bg-sky-50 {
        &:has(*:checked) {
            background-color: var(--color-sky-50);
        }
    }

    .has-\[\:checked\]\:relative {
        &:has(*:is(:checked)) {
            position: relative;
        }
    }

    .has-\[\:checked\]\:border-indigo-200 {
        &:has(*:is(:checked)) {
            border-color: var(--color-indigo-200);
        }
    }

    .has-\[\:checked\]\:border-orange-200 {
        &:has(*:is(:checked)) {
            border-color: var(--color-orange-200);
        }
    }

    .has-\[\:checked\]\:border-sky-200 {
        &:has(*:is(:checked)) {
            border-color: var(--color-sky-200);
        }
    }

    .has-\[\:checked\]\:bg-indigo-50 {
        &:has(*:is(:checked)) {
            background-color: var(--color-indigo-50);
        }
    }

    .has-\[\:checked\]\:bg-orange-50 {
        &:has(*:is(:checked)) {
            background-color: var(--color-orange-50);
        }
    }

    .has-\[\:checked\]\:bg-sky-50 {
        &:has(*:is(:checked)) {
            background-color: var(--color-sky-50);
        }
    }

    .has-\[input\:focus-within\]\:outline {
        &:has(*:is(input:focus-within)) {
            outline-style: var(--tw-outline-style);
            outline-width: 1px;
        }
    }

    .has-\[input\:focus-within\]\:outline-2 {
        &:has(*:is(input:focus-within)) {
            outline-style: var(--tw-outline-style);
            outline-width: 2px;
        }
    }

    .has-\[input\:focus-within\]\:-outline-offset-2 {
        &:has(*:is(input:focus-within)) {
            outline-offset: calc(2px * -1);
        }
    }

    .has-\[input\:focus-within\]\:outline-indigo-600 {
        &:has(*:is(input:focus-within)) {
            outline-color: var(--color-indigo-600);
        }
    }

    .data-checked\:border-transparent {
        &[data-checked] {
            border-color: transparent;
        }
    }

    .data-checked\:bg-indigo-500 {
        &[data-checked] {
            background-color: var(--color-indigo-500);
        }
    }

    .data-checked\:bg-indigo-600 {
        &[data-checked] {
            background-color: var(--color-indigo-600);
        }
    }

    .data-checked\:bg-orange-500 {
        &[data-checked] {
            background-color: var(--color-orange-500);
        }
    }

    .data-checked\:bg-purple-600 {
        &[data-checked] {
            background-color: var(--color-purple-600);
        }
    }

    .data-checked\:bg-teal-500 {
        &[data-checked] {
            background-color: var(--color-teal-500);
        }
    }

    .data-checked\:text-green-500 {
        &[data-checked] {
            color: var(--color-green-500);
        }
    }

    .data-checked\:text-white {
        &[data-checked] {
            color: var(--color-white);
        }
    }

    .data-checked\:ring-0 {
        &[data-checked] {
            --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);
        }
    }

    .data-checked\:ring-2 {
        &[data-checked] {
            --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);
        }
    }

    .data-checked\:hover\:bg-indigo-500 {
        &[data-checked] {
            &:hover {
                @media (hover: hover) {
                    background-color: var(--color-indigo-500);
                }
            }
        }
    }

    .data-checked\:hover\:bg-indigo-700 {
        &[data-checked] {
            &:hover {
                @media (hover: hover) {
                    background-color: var(--color-indigo-700);
                }
            }
        }
    }

    .data-closed\:-translate-x-full {
        &[data-closed] {
            --tw-translate-x: -100%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .data-closed\:-translate-y-1 {
        &[data-closed] {
            --tw-translate-y: calc(var(--spacing) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .data-closed\:translate-x-full {
        &[data-closed] {
            --tw-translate-x: 100%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .data-closed\:translate-y-1 {
        &[data-closed] {
            --tw-translate-y: calc(var(--spacing) * 1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .data-closed\:translate-y-4 {
        &[data-closed] {
            --tw-translate-y: calc(var(--spacing) * 4);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .data-closed\:translate-y-full {
        &[data-closed] {
            --tw-translate-y: 100%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .data-closed\:scale-95 {
        &[data-closed] {
            --tw-scale-x: 95%;
            --tw-scale-y: 95%;
            --tw-scale-z: 95%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }
    }

    .data-closed\:scale-105 {
        &[data-closed] {
            --tw-scale-x: 105%;
            --tw-scale-y: 105%;
            --tw-scale-z: 105%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }
    }

    .data-closed\:scale-110 {
        &[data-closed] {
            --tw-scale-x: 110%;
            --tw-scale-y: 110%;
            --tw-scale-z: 110%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }
    }

    .data-closed\:transform {
        &[data-closed] {
            transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
        }
    }

    .data-closed\:opacity-0 {
        &[data-closed] {
            opacity: 0%;
        }
    }

    .data-disabled\:text-gray-400 {
        &[data-disabled] {
            color: var(--color-gray-400);
        }
    }

    .data-enter\:transform {
        &[data-enter] {
            transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
        }
    }

    .data-enter\:duration-100 {
        &[data-enter] {
            --tw-duration: 100ms;
            transition-duration: 100ms;
        }
    }

    .data-enter\:duration-150 {
        &[data-enter] {
            --tw-duration: 150ms;
            transition-duration: 150ms;
        }
    }

    .data-enter\:duration-200 {
        &[data-enter] {
            --tw-duration: 200ms;
            transition-duration: 200ms;
        }
    }

    .data-enter\:duration-300 {
        &[data-enter] {
            --tw-duration: 300ms;
            transition-duration: 300ms;
        }
    }

    .data-enter\:ease-out {
        &[data-enter] {
            --tw-ease: var(--ease-out);
            transition-timing-function: var(--ease-out);
        }
    }

    .data-closed\:data-enter\:translate-y-2 {
        &[data-closed] {
            &[data-enter] {
                --tw-translate-y: calc(var(--spacing) * 2);
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }
        }
    }

    .data-focus\:relative {
        &[data-focus] {
            position: relative;
        }
    }

    .data-focus\:border-indigo-600 {
        &[data-focus] {
            border-color: var(--color-indigo-600);
        }
    }

    .data-focus\:bg-gray-50 {
        &[data-focus] {
            background-color: var(--color-gray-50);
        }
    }

    .data-focus\:bg-gray-100 {
        &[data-focus] {
            background-color: var(--color-gray-100);
        }
    }

    .data-focus\:bg-gray-800 {
        &[data-focus] {
            background-color: var(--color-gray-800);
        }
    }

    .data-focus\:bg-gray-900\/5 {
        &[data-focus] {
            background-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent);
        }
    }

    .data-focus\:bg-indigo-600 {
        &[data-focus] {
            background-color: var(--color-indigo-600);
        }
    }

    .data-focus\:bg-purple-500 {
        &[data-focus] {
            background-color: var(--color-purple-500);
        }
    }

    .data-focus\:text-gray-900 {
        &[data-focus] {
            color: var(--color-gray-900);
        }
    }

    .data-focus\:text-white {
        &[data-focus] {
            color: var(--color-white);
        }
    }

    .data-focus\:ring-2 {
        &[data-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);
        }
    }

    .data-focus\:ring-indigo-500 {
        &[data-focus] {
            --tw-ring-color: var(--color-indigo-500);
        }
    }

    .data-focus\:ring-indigo-600 {
        &[data-focus] {
            --tw-ring-color: var(--color-indigo-600);
        }
    }

    .data-focus\:ring-offset-2 {
        &[data-focus] {
            --tw-ring-offset-width: 2px;
            --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        }
    }

    .data-focus\:outline-hidden {
        &[data-focus] {
            outline: 2px solid transparent;
            outline-offset: 2px;
        }
    }

    .data-focus\:hover\:outline-hidden {
        &[data-focus] {
            &:hover {
                @media (hover: hover) {
                    outline: 2px solid transparent;
                    outline-offset: 2px;
                }
            }
        }
    }

    .data-focus\:data-checked\:ring-2 {
        &[data-focus] {
            &[data-checked] {
                --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);
            }
        }
    }

    .data-focus\:data-checked\:ring-3 {
        &[data-focus] {
            &[data-checked] {
                --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
                box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            }
        }
    }

    .data-focus\:data-checked\:ring-offset-1 {
        &[data-focus] {
            &[data-checked] {
                --tw-ring-offset-width: 1px;
                --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
            }
        }
    }

    .data-leave\:transition {
        &[data-leave] {
            transition-property: color, background-color, border-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;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
        }
    }

    .data-leave\:duration-75 {
        &[data-leave] {
            --tw-duration: 75ms;
            transition-duration: 75ms;
        }
    }

    .data-leave\:duration-100 {
        &[data-leave] {
            --tw-duration: 100ms;
            transition-duration: 100ms;
        }
    }

    .data-leave\:duration-150 {
        &[data-leave] {
            --tw-duration: 150ms;
            transition-duration: 150ms;
        }
    }

    .data-leave\:duration-200 {
        &[data-leave] {
            --tw-duration: 200ms;
            transition-duration: 200ms;
        }
    }

    .data-leave\:ease-in {
        &[data-leave] {
            --tw-ease: var(--ease-in);
            transition-timing-function: var(--ease-in);
        }
    }

    .data-closed\:data-leave\:scale-95 {
        &[data-closed] {
            &[data-leave] {
                --tw-scale-x: 95%;
                --tw-scale-y: 95%;
                --tw-scale-z: 95%;
                scale: var(--tw-scale-x) var(--tw-scale-y);
            }
        }
    }

    .data-closed\:data-leave\:transform {
        &[data-closed] {
            &[data-leave] {
                transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
            }
        }
    }

    .data-closed\:data-leave\:opacity-0 {
        &[data-closed] {
            &[data-leave] {
                opacity: 0%;
            }
        }
    }

    .data-open\:fixed {
        &[data-open] {
            position: fixed;
        }
    }

    .data-open\:inset-0 {
        &[data-open] {
            inset: calc(var(--spacing) * 0);
        }
    }

    .data-open\:bottom-0 {
        &[data-open] {
            bottom: calc(var(--spacing) * 0);
        }
    }

    .data-open\:z-40 {
        &[data-open] {
            z-index: 40;
        }
    }

    .data-open\:overflow-y-auto {
        &[data-open] {
            overflow-y: auto;
        }
    }

    .data-open\:border-indigo-600 {
        &[data-open] {
            border-color: var(--color-indigo-600);
        }
    }

    .data-open\:bg-sky-900 {
        &[data-open] {
            background-color: var(--color-sky-900);
        }
    }

    .data-open\:text-gray-900 {
        &[data-open] {
            color: var(--color-gray-900);
        }
    }

    .data-open\:text-indigo-600 {
        &[data-open] {
            color: var(--color-indigo-600);
        }
    }

    .data-open\:text-white {
        &[data-open] {
            color: var(--color-white);
        }
    }

    .data-selected\:border-indigo-500 {
        &[data-selected] {
            border-color: var(--color-indigo-500);
        }
    }

    .data-selected\:border-indigo-600 {
        &[data-selected] {
            border-color: var(--color-indigo-600);
        }
    }

    .data-selected\:bg-gray-100 {
        &[data-selected] {
            background-color: var(--color-gray-100);
        }
    }

    .data-selected\:text-gray-900 {
        &[data-selected] {
            color: var(--color-gray-900);
        }
    }

    .data-selected\:text-indigo-600 {
        &[data-selected] {
            color: var(--color-indigo-600);
        }
    }

    .data-selected\:hover\:bg-gray-200 {
        &[data-selected] {
            &:hover {
                @media (hover: hover) {
                    background-color: var(--color-gray-200);
                }
            }
        }
    }

    .data-\[checked\]\:border-transparent {
        &[data-checked] {
            border-color: transparent;
        }
    }

    .data-\[checked\]\:bg-indigo-500 {
        &[data-checked] {
            background-color: var(--color-indigo-500);
        }
    }

    .data-\[checked\]\:bg-indigo-600 {
        &[data-checked] {
            background-color: var(--color-indigo-600);
        }
    }

    .data-\[checked\]\:bg-orange-500 {
        &[data-checked] {
            background-color: var(--color-orange-500);
        }
    }

    .data-\[checked\]\:bg-purple-600 {
        &[data-checked] {
            background-color: var(--color-purple-600);
        }
    }

    .data-\[checked\]\:bg-teal-500 {
        &[data-checked] {
            background-color: var(--color-teal-500);
        }
    }

    .data-\[checked\]\:text-white {
        &[data-checked] {
            color: var(--color-white);
        }
    }

    .data-\[checked\]\:ring-0 {
        &[data-checked] {
            --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);
        }
    }

    .data-\[checked\]\:ring-2 {
        &[data-checked] {
            --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);
        }
    }

    .data-\[checked\]\:hover\:bg-indigo-500 {
        &[data-checked] {
            &:hover {
                @media (hover: hover) {
                    background-color: var(--color-indigo-500);
                }
            }
        }
    }

    .data-\[checked\]\:hover\:bg-indigo-700 {
        &[data-checked] {
            &:hover {
                @media (hover: hover) {
                    background-color: var(--color-indigo-700);
                }
            }
        }
    }

    .data-\[closed\]\:-translate-x-full {
        &[data-closed] {
            --tw-translate-x: -100%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .data-\[closed\]\:-translate-y-1 {
        &[data-closed] {
            --tw-translate-y: calc(var(--spacing) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .data-\[closed\]\:translate-x-full {
        &[data-closed] {
            --tw-translate-x: 100%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .data-\[closed\]\:translate-y-1 {
        &[data-closed] {
            --tw-translate-y: calc(var(--spacing) * 1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .data-\[closed\]\:translate-y-4 {
        &[data-closed] {
            --tw-translate-y: calc(var(--spacing) * 4);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .data-\[closed\]\:translate-y-full {
        &[data-closed] {
            --tw-translate-y: 100%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .data-\[closed\]\:scale-95 {
        &[data-closed] {
            --tw-scale-x: 95%;
            --tw-scale-y: 95%;
            --tw-scale-z: 95%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }
    }

    .data-\[closed\]\:scale-105 {
        &[data-closed] {
            --tw-scale-x: 105%;
            --tw-scale-y: 105%;
            --tw-scale-z: 105%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }
    }

    .data-\[closed\]\:scale-110 {
        &[data-closed] {
            --tw-scale-x: 110%;
            --tw-scale-y: 110%;
            --tw-scale-z: 110%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }
    }

    .data-\[closed\]\:transform {
        &[data-closed] {
            transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
        }
    }

    .data-\[closed\]\:opacity-0 {
        &[data-closed] {
            opacity: 0%;
        }
    }

    .data-\[disabled\]\:text-gray-400 {
        &[data-disabled] {
            color: var(--color-gray-400);
        }
    }

    .data-\[enter\]\:transform {
        &[data-enter] {
            transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
        }
    }

    .data-\[enter\]\:duration-100 {
        &[data-enter] {
            --tw-duration: 100ms;
            transition-duration: 100ms;
        }
    }

    .data-\[enter\]\:duration-150 {
        &[data-enter] {
            --tw-duration: 150ms;
            transition-duration: 150ms;
        }
    }

    .data-\[enter\]\:duration-200 {
        &[data-enter] {
            --tw-duration: 200ms;
            transition-duration: 200ms;
        }
    }

    .data-\[enter\]\:duration-300 {
        &[data-enter] {
            --tw-duration: 300ms;
            transition-duration: 300ms;
        }
    }

    .data-\[enter\]\:ease-out {
        &[data-enter] {
            --tw-ease: var(--ease-out);
            transition-timing-function: var(--ease-out);
        }
    }

    .data-\[closed\]\:data-\[enter\]\:translate-y-2 {
        &[data-closed] {
            &[data-enter] {
                --tw-translate-y: calc(var(--spacing) * 2);
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }
        }
    }

    .data-\[focus\]\:relative {
        &[data-focus] {
            position: relative;
        }
    }

    .data-\[focus\]\:border-indigo-600 {
        &[data-focus] {
            border-color: var(--color-indigo-600);
        }
    }

    .data-\[focus\]\:bg-gray-50 {
        &[data-focus] {
            background-color: var(--color-gray-50);
        }
    }

    .data-\[focus\]\:bg-gray-100 {
        &[data-focus] {
            background-color: var(--color-gray-100);
        }
    }

    .data-\[focus\]\:bg-gray-800 {
        &[data-focus] {
            background-color: var(--color-gray-800);
        }
    }

    .data-\[focus\]\:bg-gray-900\/5 {
        &[data-focus] {
            background-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent);
        }
    }

    .data-\[focus\]\:bg-indigo-600 {
        &[data-focus] {
            background-color: var(--color-indigo-600);
        }
    }

    .data-\[focus\]\:bg-purple-500 {
        &[data-focus] {
            background-color: var(--color-purple-500);
        }
    }

    .data-\[focus\]\:text-gray-900 {
        &[data-focus] {
            color: var(--color-gray-900);
        }
    }

    .data-\[focus\]\:text-white {
        &[data-focus] {
            color: var(--color-white);
        }
    }

    .data-\[focus\]\:ring-2 {
        &[data-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);
        }
    }

    .data-\[focus\]\:ring-indigo-500 {
        &[data-focus] {
            --tw-ring-color: var(--color-indigo-500);
        }
    }

    .data-\[focus\]\:ring-indigo-600 {
        &[data-focus] {
            --tw-ring-color: var(--color-indigo-600);
        }
    }

    .data-\[focus\]\:ring-offset-2 {
        &[data-focus] {
            --tw-ring-offset-width: 2px;
            --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        }
    }

    .data-\[focus\]\:outline-none {
        &[data-focus] {
            --tw-outline-style: none;
            outline-style: none;
        }
    }

    .data-\[focus\]\:hover\:outline-none {
        &[data-focus] {
            &:hover {
                @media (hover: hover) {
                    --tw-outline-style: none;
                    outline-style: none;
                }
            }
        }
    }

    .data-\[focus\]\:data-\[checked\]\:ring {
        &[data-focus] {
            &[data-checked] {
                --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);
            }
        }
    }

    .data-\[focus\]\:data-\[checked\]\:ring-2 {
        &[data-focus] {
            &[data-checked] {
                --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);
            }
        }
    }

    .data-\[focus\]\:data-\[checked\]\:ring-offset-1 {
        &[data-focus] {
            &[data-checked] {
                --tw-ring-offset-width: 1px;
                --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
            }
        }
    }

    .data-\[leave\]\:transition {
        &[data-leave] {
            transition-property: color, background-color, border-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;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
        }
    }

    .data-\[leave\]\:duration-75 {
        &[data-leave] {
            --tw-duration: 75ms;
            transition-duration: 75ms;
        }
    }

    .data-\[leave\]\:duration-100 {
        &[data-leave] {
            --tw-duration: 100ms;
            transition-duration: 100ms;
        }
    }

    .data-\[leave\]\:duration-150 {
        &[data-leave] {
            --tw-duration: 150ms;
            transition-duration: 150ms;
        }
    }

    .data-\[leave\]\:duration-200 {
        &[data-leave] {
            --tw-duration: 200ms;
            transition-duration: 200ms;
        }
    }

    .data-\[leave\]\:ease-in {
        &[data-leave] {
            --tw-ease: var(--ease-in);
            transition-timing-function: var(--ease-in);
        }
    }

    .data-\[closed\]\:data-\[leave\]\:scale-95 {
        &[data-closed] {
            &[data-leave] {
                --tw-scale-x: 95%;
                --tw-scale-y: 95%;
                --tw-scale-z: 95%;
                scale: var(--tw-scale-x) var(--tw-scale-y);
            }
        }
    }

    .data-\[closed\]\:data-\[leave\]\:transform {
        &[data-closed] {
            &[data-leave] {
                transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
            }
        }
    }

    .data-\[closed\]\:data-\[leave\]\:opacity-0 {
        &[data-closed] {
            &[data-leave] {
                opacity: 0%;
            }
        }
    }

    .data-\[open\]\:fixed {
        &[data-open] {
            position: fixed;
        }
    }

    .data-\[open\]\:inset-0 {
        &[data-open] {
            inset: calc(var(--spacing) * 0);
        }
    }

    .data-\[open\]\:bottom-0 {
        &[data-open] {
            bottom: calc(var(--spacing) * 0);
        }
    }

    .data-\[open\]\:z-40 {
        &[data-open] {
            z-index: 40;
        }
    }

    .data-\[open\]\:overflow-y-auto {
        &[data-open] {
            overflow-y: auto;
        }
    }

    .data-\[open\]\:border-indigo-600 {
        &[data-open] {
            border-color: var(--color-indigo-600);
        }
    }

    .data-\[open\]\:bg-sky-900 {
        &[data-open] {
            background-color: var(--color-sky-900);
        }
    }

    .data-\[open\]\:text-gray-900 {
        &[data-open] {
            color: var(--color-gray-900);
        }
    }

    .data-\[open\]\:text-indigo-600 {
        &[data-open] {
            color: var(--color-indigo-600);
        }
    }

    .data-\[open\]\:text-white {
        &[data-open] {
            color: var(--color-white);
        }
    }

    .data-\[selected\]\:border-indigo-500 {
        &[data-selected] {
            border-color: var(--color-indigo-500);
        }
    }

    .data-\[selected\]\:border-indigo-600 {
        &[data-selected] {
            border-color: var(--color-indigo-600);
        }
    }

    .data-\[selected\]\:bg-gray-100 {
        &[data-selected] {
            background-color: var(--color-gray-100);
        }
    }

    .data-\[selected\]\:text-gray-900 {
        &[data-selected] {
            color: var(--color-gray-900);
        }
    }

    .data-\[selected\]\:text-indigo-600 {
        &[data-selected] {
            color: var(--color-indigo-600);
        }
    }

    .data-\[selected\]\:hover\:bg-gray-200 {
        &[data-selected] {
            &:hover {
                @media (hover: hover) {
                    background-color: var(--color-gray-200);
                }
            }
        }
    }

    .max-lg\:row-start-1 {
        @media (width < 64rem) {
            grid-row-start: 1;
        }
    }

    .max-lg\:row-start-3 {
        @media (width < 64rem) {
            grid-row-start: 3;
        }
    }

    .max-lg\:mx-auto {
        @media (width < 64rem) {
            margin-inline: auto;
        }
    }

    .max-lg\:mt-16 {
        @media (width < 64rem) {
            margin-top: calc(var(--spacing) * 16);
        }
    }

    .max-lg\:w-full {
        @media (width < 64rem) {
            width: 100%;
        }
    }

    .max-lg\:max-w-md {
        @media (width < 64rem) {
            max-width: var(--container-md);
        }
    }

    .max-lg\:max-w-sm {
        @media (width < 64rem) {
            max-width: var(--container-sm);
        }
    }

    .max-lg\:max-w-xs {
        @media (width < 64rem) {
            max-width: var(--container-xs);
        }
    }

    .max-lg\:flex-col {
        @media (width < 64rem) {
            flex-direction: column;
        }
    }

    .max-lg\:rounded-t-\[2rem\] {
        @media (width < 64rem) {
            border-top-left-radius: 2rem;
            border-top-right-radius: 2rem;
        }
    }

    .max-lg\:rounded-t-\[calc\(2rem\+1px\)\] {
        @media (width < 64rem) {
            border-top-left-radius: calc(2rem + 1px);
            border-top-right-radius: calc(2rem + 1px);
        }
    }

    .max-lg\:rounded-b-\[2rem\] {
        @media (width < 64rem) {
            border-bottom-right-radius: 2rem;
            border-bottom-left-radius: 2rem;
        }
    }

    .max-lg\:rounded-b-\[calc\(2rem\+1px\)\] {
        @media (width < 64rem) {
            border-bottom-right-radius: calc(2rem + 1px);
            border-bottom-left-radius: calc(2rem + 1px);
        }
    }

    .max-lg\:py-6 {
        @media (width < 64rem) {
            padding-block: calc(var(--spacing) * 6);
        }
    }

    .max-lg\:pt-10 {
        @media (width < 64rem) {
            padding-top: calc(var(--spacing) * 10);
        }
    }

    .max-lg\:pb-12 {
        @media (width < 64rem) {
            padding-bottom: calc(var(--spacing) * 12);
        }
    }

    .max-lg\:text-center {
        @media (width < 64rem) {
            text-align: center;
        }
    }

    .max-sm\:mx-auto {
        @media (width < 40rem) {
            margin-inline: auto;
        }
    }

    .max-sm\:hidden {
        @media (width < 40rem) {
            display: none;
        }
    }

    .max-sm\:h-80 {
        @media (width < 40rem) {
            height: calc(var(--spacing) * 80);
        }
    }

    .max-sm\:max-w-md {
        @media (width < 40rem) {
            max-width: var(--container-md);
        }
    }

    .max-sm\:flex-wrap {
        @media (width < 40rem) {
            flex-wrap: wrap;
        }
    }

    .max-sm\:justify-evenly {
        @media (width < 40rem) {
            justify-content: space-evenly;
        }
    }

    .max-sm\:gap-x-4 {
        @media (width < 40rem) {
            column-gap: calc(var(--spacing) * 4);
        }
    }

    .max-sm\:gap-y-4 {
        @media (width < 40rem) {
            row-gap: calc(var(--spacing) * 4);
        }
    }

    .max-sm\:border-b {
        @media (width < 40rem) {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px;
        }
    }

    .max-sm\:border-dotted {
        @media (width < 40rem) {
            --tw-border-style: dotted;
            border-style: dotted;
        }
    }

    .max-sm\:border-gray-200 {
        @media (width < 40rem) {
            border-color: var(--color-gray-200);
        }
    }

    .max-sm\:pb-4 {
        @media (width < 40rem) {
            padding-bottom: calc(var(--spacing) * 4);
        }
    }

    .max-sm\:text-center {
        @media (width < 40rem) {
            text-align: center;
        }
    }

    .sm\:not-sr-only {
        @media (width >=40rem) {
            position: static;
            width: auto;
            height: auto;
            padding: 0;
            margin: 0;
            overflow: visible;
            clip: auto;
            white-space: normal;
        }
    }

    .sm\:absolute {
        @media (width >=40rem) {
            position: absolute;
        }
    }

    .sm\:fixed {
        @media (width >=40rem) {
            position: fixed;
        }
    }

    .sm\:relative {
        @media (width >=40rem) {
            position: relative;
        }
    }

    .sm\:static {
        @media (width >=40rem) {
            position: static;
        }
    }

    .sm\:inset-0 {
        @media (width >=40rem) {
            inset: calc(var(--spacing) * 0);
        }
    }

    .sm\:inset-auto {
        @media (width >=40rem) {
            inset: auto;
        }
    }

    .sm\:inset-y-0 {
        @media (width >=40rem) {
            inset-block: calc(var(--spacing) * 0);
        }
    }

    .sm\:-top-10 {
        @media (width >=40rem) {
            top: calc(var(--spacing) * -10);
        }
    }

    .sm\:-top-12 {
        @media (width >=40rem) {
            top: calc(var(--spacing) * -12);
        }
    }

    .sm\:-top-80 {
        @media (width >=40rem) {
            top: calc(var(--spacing) * -80);
        }
    }

    .sm\:top-0 {
        @media (width >=40rem) {
            top: calc(var(--spacing) * 0);
        }
    }

    .sm\:top-6 {
        @media (width >=40rem) {
            top: calc(var(--spacing) * 6);
        }
    }

    .sm\:top-8 {
        @media (width >=40rem) {
            top: calc(var(--spacing) * 8);
        }
    }

    .sm\:top-\[-20rem\] {
        @media (width >=40rem) {
            top: -20rem;
        }
    }

    .sm\:top-\[-28rem\] {
        @media (width >=40rem) {
            top: -28rem;
        }
    }

    .sm\:top-\[calc\(100\%-30rem\)\] {
        @media (width >=40rem) {
            top: calc(100% - 30rem);
        }
    }

    .sm\:top-auto {
        @media (width >=40rem) {
            top: auto;
        }
    }

    .sm\:right-0 {
        @media (width >=40rem) {
            right: calc(var(--spacing) * 0);
        }
    }

    .sm\:right-1\/2 {
        @media (width >=40rem) {
            right: calc(1/2 * 100%);
        }
    }

    .sm\:right-6 {
        @media (width >=40rem) {
            right: calc(var(--spacing) * 6);
        }
    }

    .sm\:right-\[calc\(50\%-6rem\)\] {
        @media (width >=40rem) {
            right: calc(50% - 6rem);
        }
    }

    .sm\:-bottom-64 {
        @media (width >=40rem) {
            bottom: calc(var(--spacing) * -64);
        }
    }

    .sm\:bottom-0 {
        @media (width >=40rem) {
            bottom: calc(var(--spacing) * 0);
        }
    }

    .sm\:-left-40 {
        @media (width >=40rem) {
            left: calc(var(--spacing) * -40);
        }
    }

    .sm\:left-1\/2 {
        @media (width >=40rem) {
            left: calc(1/2 * 100%);
        }
    }

    .sm\:left-12 {
        @media (width >=40rem) {
            left: calc(var(--spacing) * 12);
        }
    }

    .sm\:left-\[calc\(50\%\+36rem\)\] {
        @media (width >=40rem) {
            left: calc(50% + 36rem);
        }
    }

    .sm\:left-\[calc\(50\%-18rem\)\] {
        @media (width >=40rem) {
            left: calc(50% - 18rem);
        }
    }

    .sm\:left-\[calc\(50\%-30rem\)\] {
        @media (width >=40rem) {
            left: calc(50% - 30rem);
        }
    }

    .sm\:left-\[calc\(50\%-40rem\)\] {
        @media (width >=40rem) {
            left: calc(50% - 40rem);
        }
    }

    .sm\:left-auto {
        @media (width >=40rem) {
            left: auto;
        }
    }

    .sm\:left-full {
        @media (width >=40rem) {
            left: 100%;
        }
    }

    .sm\:-z-10 {
        @media (width >=40rem) {
            z-index: calc(10 * -1);
        }
    }

    .sm\:order-0 {
        @media (width >=40rem) {
            order: 0;
        }
    }

    .sm\:order-1 {
        @media (width >=40rem) {
            order: 1;
        }
    }

    .sm\:order-2 {
        @media (width >=40rem) {
            order: 2;
        }
    }

    .sm\:order-3 {
        @media (width >=40rem) {
            order: 3;
        }
    }

    .sm\:order-\[0\] {
        @media (width >=40rem) {
            order: 0;
        }
    }

    .sm\:order-first {
        @media (width >=40rem) {
            order: calc(-infinity);
        }
    }

    .sm\:order-last {
        @media (width >=40rem) {
            order: calc(infinity);
        }
    }

    .sm\:order-none {
        @media (width >=40rem) {
            order: 0;
        }
    }

    .sm\:col-span-1 {
        @media (width >=40rem) {
            grid-column: span 1 / span 1;
        }
    }

    .sm\:col-span-2 {
        @media (width >=40rem) {
            grid-column: span 2 / span 2;
        }
    }

    .sm\:col-span-3 {
        @media (width >=40rem) {
            grid-column: span 3 / span 3;
        }
    }

    .sm\:col-span-4 {
        @media (width >=40rem) {
            grid-column: span 4 / span 4;
        }
    }

    .sm\:col-span-6 {
        @media (width >=40rem) {
            grid-column: span 6 / span 6;
        }
    }

    .sm\:col-span-7 {
        @media (width >=40rem) {
            grid-column: span 7 / span 7;
        }
    }

    .sm\:col-span-8 {
        @media (width >=40rem) {
            grid-column: span 8 / span 8;
        }
    }

    .sm\:col-span-9 {
        @media (width >=40rem) {
            grid-column: span 9 / span 9;
        }
    }

    .sm\:col-span-12 {
        @media (width >=40rem) {
            grid-column: span 12 / span 12;
        }
    }

    .sm\:col-start-1 {
        @media (width >=40rem) {
            grid-column-start: 1;
        }
    }

    .sm\:col-start-2 {
        @media (width >=40rem) {
            grid-column-start: 2;
        }
    }

    .sm\:col-start-3 {
        @media (width >=40rem) {
            grid-column-start: 3;
        }
    }

    .sm\:col-start-6 {
        @media (width >=40rem) {
            grid-column-start: 6;
        }
    }

    .sm\:col-start-auto {
        @media (width >=40rem) {
            grid-column-start: auto;
        }
    }

    .sm\:row-span-2 {
        @media (width >=40rem) {
            grid-row: span 2 / span 2;
        }
    }

    .sm\:row-start-1 {
        @media (width >=40rem) {
            grid-row-start: 1;
        }
    }

    .sm\:m-0 {
        @media (width >=40rem) {
            margin: calc(var(--spacing) * 0);
        }
    }

    .sm\:-mx-0 {
        @media (width >=40rem) {
            margin-inline: calc(var(--spacing) * -0);
        }
    }

    .sm\:-mx-4 {
        @media (width >=40rem) {
            margin-inline: calc(var(--spacing) * -4);
        }
    }

    .sm\:-mx-6 {
        @media (width >=40rem) {
            margin-inline: calc(var(--spacing) * -6);
        }
    }

    .sm\:-mx-16 {
        @media (width >=40rem) {
            margin-inline: calc(var(--spacing) * -16);
        }
    }

    .sm\:mx-0 {
        @media (width >=40rem) {
            margin-inline: calc(var(--spacing) * 0);
        }
    }

    .sm\:mx-1 {
        @media (width >=40rem) {
            margin-inline: calc(var(--spacing) * 1);
        }
    }

    .sm\:mx-2 {
        @media (width >=40rem) {
            margin-inline: calc(var(--spacing) * 2);
        }
    }

    .sm\:mx-6 {
        @media (width >=40rem) {
            margin-inline: calc(var(--spacing) * 6);
        }
    }

    .sm\:mx-8 {
        @media (width >=40rem) {
            margin-inline: calc(var(--spacing) * 8);
        }
    }

    .sm\:mx-auto {
        @media (width >=40rem) {
            margin-inline: auto;
        }
    }

    .sm\:-my-10 {
        @media (width >=40rem) {
            margin-block: calc(var(--spacing) * -10);
        }
    }

    .sm\:-my-px {
        @media (width >=40rem) {
            margin-block: -1px;
        }
    }

    .sm\:my-8 {
        @media (width >=40rem) {
            margin-block: calc(var(--spacing) * 8);
        }
    }

    .sm\:my-56 {
        @media (width >=40rem) {
            margin-block: calc(var(--spacing) * 56);
        }
    }

    .sm\:-mt-8 {
        @media (width >=40rem) {
            margin-top: calc(var(--spacing) * -8);
        }
    }

    .sm\:-mt-10 {
        @media (width >=40rem) {
            margin-top: calc(var(--spacing) * -10);
        }
    }

    .sm\:-mt-16 {
        @media (width >=40rem) {
            margin-top: calc(var(--spacing) * -16);
        }
    }

    .sm\:-mt-20 {
        @media (width >=40rem) {
            margin-top: calc(var(--spacing) * -20);
        }
    }

    .sm\:-mt-32 {
        @media (width >=40rem) {
            margin-top: calc(var(--spacing) * -32);
        }
    }

    .sm\:-mt-44 {
        @media (width >=40rem) {
            margin-top: calc(var(--spacing) * -44);
        }
    }

    .sm\:mt-0 {
        @media (width >=40rem) {
            margin-top: calc(var(--spacing) * 0);
        }
    }

    .sm\:mt-1 {
        @media (width >=40rem) {
            margin-top: calc(var(--spacing) * 1);
        }
    }

    .sm\:mt-1\.5 {
        @media (width >=40rem) {
            margin-top: calc(var(--spacing) * 1.5);
        }
    }

    .sm\:mt-2 {
        @media (width >=40rem) {
            margin-top: calc(var(--spacing) * 2);
        }
    }

    .sm\:mt-3 {
        @media (width >=40rem) {
            margin-top: calc(var(--spacing) * 3);
        }
    }

    .sm\:mt-4 {
        @media (width >=40rem) {
            margin-top: calc(var(--spacing) * 4);
        }
    }

    .sm\:mt-5 {
        @media (width >=40rem) {
            margin-top: calc(var(--spacing) * 5);
        }
    }

    .sm\:mt-6 {
        @media (width >=40rem) {
            margin-top: calc(var(--spacing) * 6);
        }
    }

    .sm\:mt-8 {
        @media (width >=40rem) {
            margin-top: calc(var(--spacing) * 8);
        }
    }

    .sm\:mt-10 {
        @media (width >=40rem) {
            margin-top: calc(var(--spacing) * 10);
        }
    }

    .sm\:mt-12 {
        @media (width >=40rem) {
            margin-top: calc(var(--spacing) * 12);
        }
    }

    .sm\:mt-16 {
        @media (width >=40rem) {
            margin-top: calc(var(--spacing) * 16);
        }
    }

    .sm\:mt-20 {
        @media (width >=40rem) {
            margin-top: calc(var(--spacing) * 20);
        }
    }

    .sm\:mt-24 {
        @media (width >=40rem) {
            margin-top: calc(var(--spacing) * 24);
        }
    }

    .sm\:mt-32 {
        @media (width >=40rem) {
            margin-top: calc(var(--spacing) * 32);
        }
    }

    .sm\:mt-40 {
        @media (width >=40rem) {
            margin-top: calc(var(--spacing) * 40);
        }
    }

    .sm\:mt-48 {
        @media (width >=40rem) {
            margin-top: calc(var(--spacing) * 48);
        }
    }

    .sm\:mt-56 {
        @media (width >=40rem) {
            margin-top: calc(var(--spacing) * 56);
        }
    }

    .sm\:-mr-1 {
        @media (width >=40rem) {
            margin-right: calc(var(--spacing) * -1);
        }
    }

    .sm\:-mr-2 {
        @media (width >=40rem) {
            margin-right: calc(var(--spacing) * -2);
        }
    }

    .sm\:-mr-80 {
        @media (width >=40rem) {
            margin-right: calc(var(--spacing) * -80);
        }
    }

    .sm\:mr-0 {
        @media (width >=40rem) {
            margin-right: calc(var(--spacing) * 0);
        }
    }

    .sm\:mr-4 {
        @media (width >=40rem) {
            margin-right: calc(var(--spacing) * 4);
        }
    }

    .sm\:mr-6 {
        @media (width >=40rem) {
            margin-right: calc(var(--spacing) * 6);
        }
    }

    .sm\:mr-10 {
        @media (width >=40rem) {
            margin-right: calc(var(--spacing) * 10);
        }
    }

    .sm\:mr-20 {
        @media (width >=40rem) {
            margin-right: calc(var(--spacing) * 20);
        }
    }

    .sm\:mr-28 {
        @media (width >=40rem) {
            margin-right: calc(var(--spacing) * 28);
        }
    }

    .sm\:-mb-24 {
        @media (width >=40rem) {
            margin-bottom: calc(var(--spacing) * -24);
        }
    }

    .sm\:-mb-48 {
        @media (width >=40rem) {
            margin-bottom: calc(var(--spacing) * -48);
        }
    }

    .sm\:-mb-64 {
        @media (width >=40rem) {
            margin-bottom: calc(var(--spacing) * -64);
        }
    }

    .sm\:mb-0 {
        @media (width >=40rem) {
            margin-bottom: calc(var(--spacing) * 0);
        }
    }

    .sm\:mb-4 {
        @media (width >=40rem) {
            margin-bottom: calc(var(--spacing) * 4);
        }
    }

    .sm\:mb-5 {
        @media (width >=40rem) {
            margin-bottom: calc(var(--spacing) * 5);
        }
    }

    .sm\:mb-8 {
        @media (width >=40rem) {
            margin-bottom: calc(var(--spacing) * 8);
        }
    }

    .sm\:mb-10 {
        @media (width >=40rem) {
            margin-bottom: calc(var(--spacing) * 10);
        }
    }

    .sm\:-ml-1 {
        @media (width >=40rem) {
            margin-left: calc(var(--spacing) * -1);
        }
    }

    .sm\:-ml-4 {
        @media (width >=40rem) {
            margin-left: calc(var(--spacing) * -4);
        }
    }

    .sm\:-ml-10 {
        @media (width >=40rem) {
            margin-left: calc(var(--spacing) * -10);
        }
    }

    .sm\:-ml-80 {
        @media (width >=40rem) {
            margin-left: calc(var(--spacing) * -80);
        }
    }

    .sm\:-ml-96 {
        @media (width >=40rem) {
            margin-left: calc(var(--spacing) * -96);
        }
    }

    .sm\:ml-0 {
        @media (width >=40rem) {
            margin-left: calc(var(--spacing) * 0);
        }
    }

    .sm\:ml-2 {
        @media (width >=40rem) {
            margin-left: calc(var(--spacing) * 2);
        }
    }

    .sm\:ml-3 {
        @media (width >=40rem) {
            margin-left: calc(var(--spacing) * 3);
        }
    }

    .sm\:ml-4 {
        @media (width >=40rem) {
            margin-left: calc(var(--spacing) * 4);
        }
    }

    .sm\:ml-6 {
        @media (width >=40rem) {
            margin-left: calc(var(--spacing) * 6);
        }
    }

    .sm\:ml-7 {
        @media (width >=40rem) {
            margin-left: calc(var(--spacing) * 7);
        }
    }

    .sm\:ml-8 {
        @media (width >=40rem) {
            margin-left: calc(var(--spacing) * 8);
        }
    }

    .sm\:ml-10 {
        @media (width >=40rem) {
            margin-left: calc(var(--spacing) * 10);
        }
    }

    .sm\:ml-16 {
        @media (width >=40rem) {
            margin-left: calc(var(--spacing) * 16);
        }
    }

    .sm\:ml-32 {
        @media (width >=40rem) {
            margin-left: calc(var(--spacing) * 32);
        }
    }

    .sm\:ml-40 {
        @media (width >=40rem) {
            margin-left: calc(var(--spacing) * 40);
        }
    }

    .sm\:ml-auto {
        @media (width >=40rem) {
            margin-left: auto;
        }
    }

    .sm\:block {
        @media (width >=40rem) {
            display: block;
        }
    }

    .sm\:flex {
        @media (width >=40rem) {
            display: flex;
        }
    }

    .sm\:grid {
        @media (width >=40rem) {
            display: grid;
        }
    }

    .sm\:hidden {
        @media (width >=40rem) {
            display: none;
        }
    }

    .sm\:inline {
        @media (width >=40rem) {
            display: inline;
        }
    }

    .sm\:inline-block {
        @media (width >=40rem) {
            display: inline-block;
        }
    }

    .sm\:inline-flex {
        @media (width >=40rem) {
            display: inline-flex;
        }
    }

    .sm\:inline-grid {
        @media (width >=40rem) {
            display: inline-grid;
        }
    }

    .sm\:table-cell {
        @media (width >=40rem) {
            display: table-cell;
        }
    }

    .sm\:aspect-2\/1 {
        @media (width >=40rem) {
            aspect-ratio: 2/1;
        }
    }

    .sm\:aspect-2\/3 {
        @media (width >=40rem) {
            aspect-ratio: 2/3;
        }
    }

    .sm\:aspect-4\/5 {
        @media (width >=40rem) {
            aspect-ratio: 4/5;
        }
    }

    .sm\:aspect-5\/2 {
        @media (width >=40rem) {
            aspect-ratio: 5/2;
        }
    }

    .sm\:aspect-16\/7 {
        @media (width >=40rem) {
            aspect-ratio: 16/7;
        }
    }

    .sm\:aspect-\[2\/1\] {
        @media (width >=40rem) {
            aspect-ratio: 2/1;
        }
    }

    .sm\:aspect-\[2\/3\] {
        @media (width >=40rem) {
            aspect-ratio: 2/3;
        }
    }

    .sm\:aspect-\[4\/5\] {
        @media (width >=40rem) {
            aspect-ratio: 4/5;
        }
    }

    .sm\:aspect-\[5\/2\] {
        @media (width >=40rem) {
            aspect-ratio: 5/2;
        }
    }

    .sm\:aspect-\[16\/7\] {
        @media (width >=40rem) {
            aspect-ratio: 16/7;
        }
    }

    .sm\:aspect-auto {
        @media (width >=40rem) {
            aspect-ratio: auto;
        }
    }

    .sm\:aspect-square {
        @media (width >=40rem) {
            aspect-ratio: 1 / 1;
        }
    }

    .sm\:aspect-video {
        @media (width >=40rem) {
            aspect-ratio: 16 / 9;
        }
    }

    .sm\:size-4 {
        @media (width >=40rem) {
            width: calc(var(--spacing) * 4);
            height: calc(var(--spacing) * 4);
        }
    }

    .sm\:size-10 {
        @media (width >=40rem) {
            width: calc(var(--spacing) * 10);
            height: calc(var(--spacing) * 10);
        }
    }

    .sm\:size-12 {
        @media (width >=40rem) {
            width: calc(var(--spacing) * 12);
            height: calc(var(--spacing) * 12);
        }
    }

    .sm\:size-32 {
        @media (width >=40rem) {
            width: calc(var(--spacing) * 32);
            height: calc(var(--spacing) * 32);
        }
    }

    .sm\:size-40 {
        @media (width >=40rem) {
            width: calc(var(--spacing) * 40);
            height: calc(var(--spacing) * 40);
        }
    }

    .sm\:size-48 {
        @media (width >=40rem) {
            width: calc(var(--spacing) * 48);
            height: calc(var(--spacing) * 48);
        }
    }

    .sm\:size-full {
        @media (width >=40rem) {
            width: 100%;
            height: 100%;
        }
    }

    .sm\:h-2\/3 {
        @media (width >=40rem) {
            height: calc(2/3 * 100%);
        }
    }

    .sm\:h-6 {
        @media (width >=40rem) {
            height: calc(var(--spacing) * 6);
        }
    }

    .sm\:h-7 {
        @media (width >=40rem) {
            height: calc(var(--spacing) * 7);
        }
    }

    .sm\:h-8 {
        @media (width >=40rem) {
            height: calc(var(--spacing) * 8);
        }
    }

    .sm\:h-10 {
        @media (width >=40rem) {
            height: calc(var(--spacing) * 10);
        }
    }

    .sm\:h-12 {
        @media (width >=40rem) {
            height: calc(var(--spacing) * 12);
        }
    }

    .sm\:h-20 {
        @media (width >=40rem) {
            height: calc(var(--spacing) * 20);
        }
    }

    .sm\:h-32 {
        @media (width >=40rem) {
            height: calc(var(--spacing) * 32);
        }
    }

    .sm\:h-56 {
        @media (width >=40rem) {
            height: calc(var(--spacing) * 56);
        }
    }

    .sm\:h-64 {
        @media (width >=40rem) {
            height: calc(var(--spacing) * 64);
        }
    }

    .sm\:h-72 {
        @media (width >=40rem) {
            height: calc(var(--spacing) * 72);
        }
    }

    .sm\:h-80 {
        @media (width >=40rem) {
            height: calc(var(--spacing) * 80);
        }
    }

    .sm\:h-96 {
        @media (width >=40rem) {
            height: calc(var(--spacing) * 96);
        }
    }

    .sm\:h-auto {
        @media (width >=40rem) {
            height: auto;
        }
    }

    .sm\:h-full {
        @media (width >=40rem) {
            height: 100%;
        }
    }

    .sm\:min-h-\[240px\] {
        @media (width >=40rem) {
            min-height: 240px;
        }
    }

    .sm\:w-0 {
        @media (width >=40rem) {
            width: calc(var(--spacing) * 0);
        }
    }

    .sm\:w-1\/2 {
        @media (width >=40rem) {
            width: calc(1/2 * 100%);
        }
    }

    .sm\:w-1\/3 {
        @media (width >=40rem) {
            width: calc(1/3 * 100%);
        }
    }

    .sm\:w-1\/6 {
        @media (width >=40rem) {
            width: calc(1/6 * 100%);
        }
    }

    .sm\:w-2\/5 {
        @media (width >=40rem) {
            width: calc(2/5 * 100%);
        }
    }

    .sm\:w-3\/4 {
        @media (width >=40rem) {
            width: calc(3/4 * 100%);
        }
    }

    .sm\:w-4\/12 {
        @media (width >=40rem) {
            width: calc(4/12 * 100%);
        }
    }

    .sm\:w-11\/12 {
        @media (width >=40rem) {
            width: calc(11/12 * 100%);
        }
    }

    .sm\:w-12 {
        @media (width >=40rem) {
            width: calc(var(--spacing) * 12);
        }
    }

    .sm\:w-32 {
        @media (width >=40rem) {
            width: calc(var(--spacing) * 32);
        }
    }

    .sm\:w-40 {
        @media (width >=40rem) {
            width: calc(var(--spacing) * 40);
        }
    }

    .sm\:w-56 {
        @media (width >=40rem) {
            width: calc(var(--spacing) * 56);
        }
    }

    .sm\:w-64 {
        @media (width >=40rem) {
            width: calc(var(--spacing) * 64);
        }
    }

    .sm\:w-80 {
        @media (width >=40rem) {
            width: calc(var(--spacing) * 80);
        }
    }

    .sm\:w-\[57rem\] {
        @media (width >=40rem) {
            width: 57rem;
        }
    }

    .sm\:w-\[68\.5625rem\] {
        @media (width >=40rem) {
            width: 68.5625rem;
        }
    }

    .sm\:w-\[72\.1875rem\] {
        @media (width >=40rem) {
            width: 72.1875rem;
        }
    }

    .sm\:w-\[calc\(theme\(maxWidth\.7xl\)-theme\(spacing\.16\)\)\] {
        @media (width >=40rem) {
            width: calc(80rem - 4rem);
        }
    }

    .sm\:w-\[calc\(var\(--container-7xl\)-calc\(var\(--spacing\)\*16\)\)\] {
        @media (width >=40rem) {
            width: calc(var(--container-7xl) - calc(var(--spacing) * 16));
        }
    }

    .sm\:w-auto {
        @media (width >=40rem) {
            width: auto;
        }
    }

    .sm\:w-full {
        @media (width >=40rem) {
            width: 100%;
        }
    }

    .sm\:w-px {
        @media (width >=40rem) {
            width: 1px;
        }
    }

    .sm\:max-w-2xl {
        @media (width >=40rem) {
            max-width: var(--container-2xl);
        }
    }

    .sm\:max-w-3xl {
        @media (width >=40rem) {
            max-width: var(--container-3xl);
        }
    }

    .sm\:max-w-5xl {
        @media (width >=40rem) {
            max-width: var(--container-5xl);
        }
    }

    .sm\:max-w-7xl {
        @media (width >=40rem) {
            max-width: var(--container-7xl);
        }
    }

    .sm\:max-w-\[480px\] {
        @media (width >=40rem) {
            max-width: 480px;
        }
    }

    .sm\:max-w-lg {
        @media (width >=40rem) {
            max-width: var(--container-lg);
        }
    }

    .sm\:max-w-md {
        @media (width >=40rem) {
            max-width: var(--container-md);
        }
    }

    .sm\:max-w-none {
        @media (width >=40rem) {
            max-width: none;
        }
    }

    .sm\:max-w-sm {
        @media (width >=40rem) {
            max-width: var(--container-sm);
        }
    }

    .sm\:max-w-xl {
        @media (width >=40rem) {
            max-width: var(--container-xl);
        }
    }

    .sm\:max-w-xs {
        @media (width >=40rem) {
            max-width: var(--container-xs);
        }
    }

    .sm\:min-w-0 {
        @media (width >=40rem) {
            min-width: calc(var(--spacing) * 0);
        }
    }

    .sm\:flex-1 {
        @media (width >=40rem) {
            flex: 1;
        }
    }

    .sm\:flex-auto {
        @media (width >=40rem) {
            flex: auto;
        }
    }

    .sm\:flex-none {
        @media (width >=40rem) {
            flex: none;
        }
    }

    .sm\:shrink {
        @media (width >=40rem) {
            flex-shrink: 1;
        }
    }

    .sm\:shrink-0 {
        @media (width >=40rem) {
            flex-shrink: 0;
        }
    }

    .sm\:grow-0 {
        @media (width >=40rem) {
            flex-grow: 0;
        }
    }

    .sm\:translate-x-0 {
        @media (width >=40rem) {
            --tw-translate-x: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .sm\:translate-x-1\/4 {
        @media (width >=40rem) {
            --tw-translate-x: calc(1/4 * 100%);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .sm\:translate-x-2 {
        @media (width >=40rem) {
            --tw-translate-x: calc(var(--spacing) * 2);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .sm\:translate-x-8 {
        @media (width >=40rem) {
            --tw-translate-x: calc(var(--spacing) * 8);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .sm\:translate-x-16 {
        @media (width >=40rem) {
            --tw-translate-x: calc(var(--spacing) * 16);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .sm\:translate-x-full {
        @media (width >=40rem) {
            --tw-translate-x: 100%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .sm\:translate-y-0 {
        @media (width >=40rem) {
            --tw-translate-y: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .sm\:translate-y-px {
        @media (width >=40rem) {
            --tw-translate-y: 1px;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .sm\:scale-95 {
        @media (width >=40rem) {
            --tw-scale-x: 95%;
            --tw-scale-y: 95%;
            --tw-scale-z: 95%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }
    }

    .sm\:scale-100 {
        @media (width >=40rem) {
            --tw-scale-x: 100%;
            --tw-scale-y: 100%;
            --tw-scale-z: 100%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }
    }

    .sm\:rotate-0 {
        @media (width >=40rem) {
            rotate: 0deg;
        }
    }

    .sm\:transform {
        @media (width >=40rem) {
            transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
        }
    }

    .sm\:transform-gpu {
        @media (width >=40rem) {
            transform: translateZ(0) var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
        }
    }

    .sm\:columns-2 {
        @media (width >=40rem) {
            columns: 2;
        }
    }

    .sm\:grid-flow-row-dense {
        @media (width >=40rem) {
            grid-auto-flow: row dense;
        }
    }

    .sm\:grid-cols-2 {
        @media (width >=40rem) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    .sm\:grid-cols-3 {
        @media (width >=40rem) {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    .sm\:grid-cols-4 {
        @media (width >=40rem) {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }

    .sm\:grid-cols-6 {
        @media (width >=40rem) {
            grid-template-columns: repeat(6, minmax(0, 1fr));
        }
    }

    .sm\:grid-cols-7 {
        @media (width >=40rem) {
            grid-template-columns: repeat(7, minmax(0, 1fr));
        }
    }

    .sm\:grid-cols-8 {
        @media (width >=40rem) {
            grid-template-columns: repeat(8, minmax(0, 1fr));
        }
    }

    .sm\:grid-cols-12 {
        @media (width >=40rem) {
            grid-template-columns: repeat(12, minmax(0, 1fr));
        }
    }

    .sm\:grid-rows-1 {
        @media (width >=40rem) {
            grid-template-rows: repeat(1, minmax(0, 1fr));
        }
    }

    .sm\:grid-rows-2 {
        @media (width >=40rem) {
            grid-template-rows: repeat(2, minmax(0, 1fr));
        }
    }

    .sm\:flex-col {
        @media (width >=40rem) {
            flex-direction: column;
        }
    }

    .sm\:flex-row {
        @media (width >=40rem) {
            flex-direction: row;
        }
    }

    .sm\:flex-row-reverse {
        @media (width >=40rem) {
            flex-direction: row-reverse;
        }
    }

    .sm\:flex-nowrap {
        @media (width >=40rem) {
            flex-wrap: nowrap;
        }
    }

    .sm\:flex-wrap {
        @media (width >=40rem) {
            flex-wrap: wrap;
        }
    }

    .sm\:items-baseline {
        @media (width >=40rem) {
            align-items: baseline;
        }
    }

    .sm\:items-center {
        @media (width >=40rem) {
            align-items: center;
        }
    }

    .sm\:items-end {
        @media (width >=40rem) {
            align-items: flex-end;
        }
    }

    .sm\:items-start {
        @media (width >=40rem) {
            align-items: flex-start;
        }
    }

    .sm\:items-stretch {
        @media (width >=40rem) {
            align-items: stretch;
        }
    }

    .sm\:justify-around {
        @media (width >=40rem) {
            justify-content: space-around;
        }
    }

    .sm\:justify-between {
        @media (width >=40rem) {
            justify-content: space-between;
        }
    }

    .sm\:justify-center {
        @media (width >=40rem) {
            justify-content: center;
        }
    }

    .sm\:justify-end {
        @media (width >=40rem) {
            justify-content: flex-end;
        }
    }

    .sm\:justify-start {
        @media (width >=40rem) {
            justify-content: flex-start;
        }
    }

    .sm\:gap-0 {
        @media (width >=40rem) {
            gap: calc(var(--spacing) * 0);
        }
    }

    .sm\:gap-3 {
        @media (width >=40rem) {
            gap: calc(var(--spacing) * 3);
        }
    }

    .sm\:gap-4 {
        @media (width >=40rem) {
            gap: calc(var(--spacing) * 4);
        }
    }

    .sm\:gap-5 {
        @media (width >=40rem) {
            gap: calc(var(--spacing) * 5);
        }
    }

    .sm\:gap-6 {
        @media (width >=40rem) {
            gap: calc(var(--spacing) * 6);
        }
    }

    .sm\:gap-8 {
        @media (width >=40rem) {
            gap: calc(var(--spacing) * 8);
        }
    }

    .sm\:gap-px {
        @media (width >=40rem) {
            gap: 1px;
        }
    }

    .sm\:gap-x-4 {
        @media (width >=40rem) {
            column-gap: calc(var(--spacing) * 4);
        }
    }

    .sm\:gap-x-6 {
        @media (width >=40rem) {
            column-gap: calc(var(--spacing) * 6);
        }
    }

    .sm\:gap-x-8 {
        @media (width >=40rem) {
            column-gap: calc(var(--spacing) * 8);
        }
    }

    .sm\:gap-x-10 {
        @media (width >=40rem) {
            column-gap: calc(var(--spacing) * 10);
        }
    }

    .sm\:space-y-0 {
        @media (width >=40rem) {
            :where(& > :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)));
            }
        }
    }

    .sm\:space-y-4 {
        @media (width >=40rem) {
            :where(& > :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)));
            }
        }
    }

    .sm\:space-y-6 {
        @media (width >=40rem) {
            :where(& > :not(:last-child)) {
                --tw-space-y-reverse: 0;
                margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
                margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
            }
        }
    }

    .sm\:space-y-16 {
        @media (width >=40rem) {
            :where(& > :not(:last-child)) {
                --tw-space-y-reverse: 0;
                margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
                margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
            }
        }
    }

    .sm\:space-y-20 {
        @media (width >=40rem) {
            :where(& > :not(:last-child)) {
                --tw-space-y-reverse: 0;
                margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));
                margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)));
            }
        }
    }

    .sm\:space-y-24 {
        @media (width >=40rem) {
            :where(& > :not(:last-child)) {
                --tw-space-y-reverse: 0;
                margin-block-start: calc(calc(var(--spacing) * 24) * var(--tw-space-y-reverse));
                margin-block-end: calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-y-reverse)));
            }
        }
    }

    .sm\:gap-y-0 {
        @media (width >=40rem) {
            row-gap: calc(var(--spacing) * 0);
        }
    }

    .sm\:gap-y-8 {
        @media (width >=40rem) {
            row-gap: calc(var(--spacing) * 8);
        }
    }

    .sm\:gap-y-10 {
        @media (width >=40rem) {
            row-gap: calc(var(--spacing) * 10);
        }
    }

    .sm\:gap-y-12 {
        @media (width >=40rem) {
            row-gap: calc(var(--spacing) * 12);
        }
    }

    .sm\:gap-y-14 {
        @media (width >=40rem) {
            row-gap: calc(var(--spacing) * 14);
        }
    }

    .sm\:gap-y-16 {
        @media (width >=40rem) {
            row-gap: calc(var(--spacing) * 16);
        }
    }

    .sm\:gap-y-20 {
        @media (width >=40rem) {
            row-gap: calc(var(--spacing) * 20);
        }
    }

    .sm\:gap-y-24 {
        @media (width >=40rem) {
            row-gap: calc(var(--spacing) * 24);
        }
    }

    .sm\:space-x-0 {
        @media (width >=40rem) {
            :where(& > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 0) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-x-reverse)));
            }
        }
    }

    .sm\:space-x-3 {
        @media (width >=40rem) {
            :where(& > :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)));
            }
        }
    }

    .sm\:space-x-4 {
        @media (width >=40rem) {
            :where(& > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
            }
        }
    }

    .sm\:space-x-5 {
        @media (width >=40rem) {
            :where(& > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse)));
            }
        }
    }

    .sm\:space-x-6 {
        @media (width >=40rem) {
            :where(& > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
            }
        }
    }

    .sm\:space-x-8 {
        @media (width >=40rem) {
            :where(& > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
            }
        }
    }

    .sm\:space-x-10 {
        @media (width >=40rem) {
            :where(& > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 10) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-x-reverse)));
            }
        }
    }

    .sm\:space-x-12 {
        @media (width >=40rem) {
            :where(& > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 12) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-x-reverse)));
            }
        }
    }

    .sm\:space-x-reverse {
        @media (width >=40rem) {
            :where(& > :not(:last-child)) {
                --tw-space-x-reverse: 1;
            }
        }
    }

    .sm\:divide-x {
        @media (width >=40rem) {
            :where(& > :not(:last-child)) {
                --tw-divide-x-reverse: 0;
                border-inline-style: var(--tw-border-style);
                border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
                border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
            }
        }
    }

    .sm\:divide-y {
        @media (width >=40rem) {
            :where(& > :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)));
            }
        }
    }

    .sm\:divide-y-0 {
        @media (width >=40rem) {
            :where(& > :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(0px * var(--tw-divide-y-reverse));
                border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
            }
        }
    }

    .sm\:divide-gray-200 {
        @media (width >=40rem) {
            :where(& > :not(:last-child)) {
                border-color: var(--color-gray-200);
            }
        }
    }

    .sm\:divide-gray-900\/10 {
        @media (width >=40rem) {
            :where(& > :not(:last-child)) {
                border-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent);
            }
        }
    }

    .sm\:self-stretch {
        @media (width >=40rem) {
            align-self: stretch;
        }
    }

    .sm\:truncate {
        @media (width >=40rem) {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    }

    .sm\:overflow-hidden {
        @media (width >=40rem) {
            overflow: hidden;
        }
    }

    .sm\:overflow-visible {
        @media (width >=40rem) {
            overflow: visible;
        }
    }

    .sm\:rounded-2xl {
        @media (width >=40rem) {
            border-radius: var(--radius-2xl);
        }
    }

    .sm\:rounded-3xl {
        @media (width >=40rem) {
            border-radius: var(--radius-3xl);
        }
    }

    .sm\:rounded-lg {
        @media (width >=40rem) {
            border-radius: var(--radius-lg);
        }
    }

    .sm\:rounded-md {
        @media (width >=40rem) {
            border-radius: var(--radius-md);
        }
    }

    .sm\:rounded-none {
        @media (width >=40rem) {
            border-radius: 0;
        }
    }

    .sm\:rounded-xl {
        @media (width >=40rem) {
            border-radius: var(--radius-xl);
        }
    }

    .sm\:rounded-t-none {
        @media (width >=40rem) {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }
    }

    .sm\:rounded-tr-lg {
        @media (width >=40rem) {
            border-top-right-radius: var(--radius-lg);
        }
    }

    .sm\:rounded-tr-none {
        @media (width >=40rem) {
            border-top-right-radius: 0;
        }
    }

    .sm\:rounded-b-lg {
        @media (width >=40rem) {
            border-bottom-right-radius: var(--radius-lg);
            border-bottom-left-radius: var(--radius-lg);
        }
    }

    .sm\:rounded-b-none {
        @media (width >=40rem) {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
        }
    }

    .sm\:rounded-bl-lg {
        @media (width >=40rem) {
            border-bottom-left-radius: var(--radius-lg);
        }
    }

    .sm\:rounded-bl-none {
        @media (width >=40rem) {
            border-bottom-left-radius: 0;
        }
    }

    .sm\:border {
        @media (width >=40rem) {
            border-style: var(--tw-border-style);
            border-width: 1px;
        }
    }

    .sm\:border-0 {
        @media (width >=40rem) {
            border-style: var(--tw-border-style);
            border-width: 0px;
        }
    }

    .sm\:border-x {
        @media (width >=40rem) {
            border-inline-style: var(--tw-border-style);
            border-inline-width: 1px;
        }
    }

    .sm\:border-t {
        @media (width >=40rem) {
            border-top-style: var(--tw-border-style);
            border-top-width: 1px;
        }
    }

    .sm\:border-t-0 {
        @media (width >=40rem) {
            border-top-style: var(--tw-border-style);
            border-top-width: 0px;
        }
    }

    .sm\:border-r {
        @media (width >=40rem) {
            border-right-style: var(--tw-border-style);
            border-right-width: 1px;
        }
    }

    .sm\:border-b {
        @media (width >=40rem) {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px;
        }
    }

    .sm\:border-l {
        @media (width >=40rem) {
            border-left-style: var(--tw-border-style);
            border-left-width: 1px;
        }
    }

    .sm\:border-none {
        @media (width >=40rem) {
            --tw-border-style: none;
            border-style: none;
        }
    }

    .sm\:border-gray-200 {
        @media (width >=40rem) {
            border-color: var(--color-gray-200);
        }
    }

    .sm\:border-gray-900\/5 {
        @media (width >=40rem) {
            border-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent);
        }
    }

    .sm\:bg-gray-200 {
        @media (width >=40rem) {
            background-color: var(--color-gray-200);
        }
    }

    .sm\:bg-gray-500\/75 {
        @media (width >=40rem) {
            background-color: color-mix(in oklab, var(--color-gray-500) 75%, transparent);
        }
    }

    .sm\:bg-gray-600\/75 {
        @media (width >=40rem) {
            background-color: color-mix(in oklab, var(--color-gray-600) 75%, transparent);
        }
    }

    .sm\:bg-transparent {
        @media (width >=40rem) {
            background-color: transparent;
        }
    }

    .sm\:bg-white {
        @media (width >=40rem) {
            background-color: var(--color-white);
        }
    }

    .sm\:p-0 {
        @media (width >=40rem) {
            padding: calc(var(--spacing) * 0);
        }
    }

    .sm\:p-3 {
        @media (width >=40rem) {
            padding: calc(var(--spacing) * 3);
        }
    }

    .sm\:p-6 {
        @media (width >=40rem) {
            padding: calc(var(--spacing) * 6);
        }
    }

    .sm\:p-8 {
        @media (width >=40rem) {
            padding: calc(var(--spacing) * 8);
        }
    }

    .sm\:p-10 {
        @media (width >=40rem) {
            padding: calc(var(--spacing) * 10);
        }
    }

    .sm\:p-12 {
        @media (width >=40rem) {
            padding: calc(var(--spacing) * 12);
        }
    }

    .sm\:p-16 {
        @media (width >=40rem) {
            padding: calc(var(--spacing) * 16);
        }
    }

    .sm\:px-0 {
        @media (width >=40rem) {
            padding-inline: calc(var(--spacing) * 0);
        }
    }

    .sm\:px-2 {
        @media (width >=40rem) {
            padding-inline: calc(var(--spacing) * 2);
        }
    }

    .sm\:px-3 {
        @media (width >=40rem) {
            padding-inline: calc(var(--spacing) * 3);
        }
    }

    .sm\:px-3\.5 {
        @media (width >=40rem) {
            padding-inline: calc(var(--spacing) * 3.5);
        }
    }

    .sm\:px-4 {
        @media (width >=40rem) {
            padding-inline: calc(var(--spacing) * 4);
        }
    }

    .sm\:px-6 {
        @media (width >=40rem) {
            padding-inline: calc(var(--spacing) * 6);
        }
    }

    .sm\:px-7 {
        @media (width >=40rem) {
            padding-inline: calc(var(--spacing) * 7);
        }
    }

    .sm\:px-8 {
        @media (width >=40rem) {
            padding-inline: calc(var(--spacing) * 8);
        }
    }

    .sm\:px-10 {
        @media (width >=40rem) {
            padding-inline: calc(var(--spacing) * 10);
        }
    }

    .sm\:px-12 {
        @media (width >=40rem) {
            padding-inline: calc(var(--spacing) * 12);
        }
    }

    .sm\:px-14 {
        @media (width >=40rem) {
            padding-inline: calc(var(--spacing) * 14);
        }
    }

    .sm\:px-16 {
        @media (width >=40rem) {
            padding-inline: calc(var(--spacing) * 16);
        }
    }

    .sm\:px-24 {
        @media (width >=40rem) {
            padding-inline: calc(var(--spacing) * 24);
        }
    }

    .sm\:py-0 {
        @media (width >=40rem) {
            padding-block: calc(var(--spacing) * 0);
        }
    }

    .sm\:py-3 {
        @media (width >=40rem) {
            padding-block: calc(var(--spacing) * 3);
        }
    }

    .sm\:py-4 {
        @media (width >=40rem) {
            padding-block: calc(var(--spacing) * 4);
        }
    }

    .sm\:py-5 {
        @media (width >=40rem) {
            padding-block: calc(var(--spacing) * 5);
        }
    }

    .sm\:py-6 {
        @media (width >=40rem) {
            padding-block: calc(var(--spacing) * 6);
        }
    }

    .sm\:py-8 {
        @media (width >=40rem) {
            padding-block: calc(var(--spacing) * 8);
        }
    }

    .sm\:py-10 {
        @media (width >=40rem) {
            padding-block: calc(var(--spacing) * 10);
        }
    }

    .sm\:py-12 {
        @media (width >=40rem) {
            padding-block: calc(var(--spacing) * 12);
        }
    }

    .sm\:py-16 {
        @media (width >=40rem) {
            padding-block: calc(var(--spacing) * 16);
        }
    }

    .sm\:py-20 {
        @media (width >=40rem) {
            padding-block: calc(var(--spacing) * 20);
        }
    }

    .sm\:py-24 {
        @media (width >=40rem) {
            padding-block: calc(var(--spacing) * 24);
        }
    }

    .sm\:py-32 {
        @media (width >=40rem) {
            padding-block: calc(var(--spacing) * 32);
        }
    }

    .sm\:py-40 {
        @media (width >=40rem) {
            padding-block: calc(var(--spacing) * 40);
        }
    }

    .sm\:py-48 {
        @media (width >=40rem) {
            padding-block: calc(var(--spacing) * 48);
        }
    }

    .sm\:py-64 {
        @media (width >=40rem) {
            padding-block: calc(var(--spacing) * 64);
        }
    }

    .sm\:pt-0 {
        @media (width >=40rem) {
            padding-top: calc(var(--spacing) * 0);
        }
    }

    .sm\:pt-1 {
        @media (width >=40rem) {
            padding-top: calc(var(--spacing) * 1);
        }
    }

    .sm\:pt-1\.5 {
        @media (width >=40rem) {
            padding-top: calc(var(--spacing) * 1.5);
        }
    }

    .sm\:pt-4 {
        @media (width >=40rem) {
            padding-top: calc(var(--spacing) * 4);
        }
    }

    .sm\:pt-5 {
        @media (width >=40rem) {
            padding-top: calc(var(--spacing) * 5);
        }
    }

    .sm\:pt-6 {
        @media (width >=40rem) {
            padding-top: calc(var(--spacing) * 6);
        }
    }

    .sm\:pt-8 {
        @media (width >=40rem) {
            padding-top: calc(var(--spacing) * 8);
        }
    }

    .sm\:pt-10 {
        @media (width >=40rem) {
            padding-top: calc(var(--spacing) * 10);
        }
    }

    .sm\:pt-12 {
        @media (width >=40rem) {
            padding-top: calc(var(--spacing) * 12);
        }
    }

    .sm\:pt-14 {
        @media (width >=40rem) {
            padding-top: calc(var(--spacing) * 14);
        }
    }

    .sm\:pt-16 {
        @media (width >=40rem) {
            padding-top: calc(var(--spacing) * 16);
        }
    }

    .sm\:pt-20 {
        @media (width >=40rem) {
            padding-top: calc(var(--spacing) * 20);
        }
    }

    .sm\:pt-24 {
        @media (width >=40rem) {
            padding-top: calc(var(--spacing) * 24);
        }
    }

    .sm\:pt-32 {
        @media (width >=40rem) {
            padding-top: calc(var(--spacing) * 32);
        }
    }

    .sm\:pt-40 {
        @media (width >=40rem) {
            padding-top: calc(var(--spacing) * 40);
        }
    }

    .sm\:pt-48 {
        @media (width >=40rem) {
            padding-top: calc(var(--spacing) * 48);
        }
    }

    .sm\:pt-52 {
        @media (width >=40rem) {
            padding-top: calc(var(--spacing) * 52);
        }
    }

    .sm\:pt-60 {
        @media (width >=40rem) {
            padding-top: calc(var(--spacing) * 60);
        }
    }

    .sm\:pt-80 {
        @media (width >=40rem) {
            padding-top: calc(var(--spacing) * 80);
        }
    }

    .sm\:pr-0 {
        @media (width >=40rem) {
            padding-right: calc(var(--spacing) * 0);
        }
    }

    .sm\:pr-2 {
        @media (width >=40rem) {
            padding-right: calc(var(--spacing) * 2);
        }
    }

    .sm\:pr-3 {
        @media (width >=40rem) {
            padding-right: calc(var(--spacing) * 3);
        }
    }

    .sm\:pr-3\.5 {
        @media (width >=40rem) {
            padding-right: calc(var(--spacing) * 3.5);
        }
    }

    .sm\:pr-4 {
        @media (width >=40rem) {
            padding-right: calc(var(--spacing) * 4);
        }
    }

    .sm\:pr-6 {
        @media (width >=40rem) {
            padding-right: calc(var(--spacing) * 6);
        }
    }

    .sm\:pr-8 {
        @media (width >=40rem) {
            padding-right: calc(var(--spacing) * 8);
        }
    }

    .sm\:pr-9 {
        @media (width >=40rem) {
            padding-right: calc(var(--spacing) * 9);
        }
    }

    .sm\:pr-12 {
        @media (width >=40rem) {
            padding-right: calc(var(--spacing) * 12);
        }
    }

    .sm\:pr-20 {
        @media (width >=40rem) {
            padding-right: calc(var(--spacing) * 20);
        }
    }

    .sm\:pb-0 {
        @media (width >=40rem) {
            padding-bottom: calc(var(--spacing) * 0);
        }
    }

    .sm\:pb-1 {
        @media (width >=40rem) {
            padding-bottom: calc(var(--spacing) * 1);
        }
    }

    .sm\:pb-4 {
        @media (width >=40rem) {
            padding-bottom: calc(var(--spacing) * 4);
        }
    }

    .sm\:pb-5 {
        @media (width >=40rem) {
            padding-bottom: calc(var(--spacing) * 5);
        }
    }

    .sm\:pb-6 {
        @media (width >=40rem) {
            padding-bottom: calc(var(--spacing) * 6);
        }
    }

    .sm\:pb-7 {
        @media (width >=40rem) {
            padding-bottom: calc(var(--spacing) * 7);
        }
    }

    .sm\:pb-8 {
        @media (width >=40rem) {
            padding-bottom: calc(var(--spacing) * 8);
        }
    }

    .sm\:pb-14 {
        @media (width >=40rem) {
            padding-bottom: calc(var(--spacing) * 14);
        }
    }

    .sm\:pb-16 {
        @media (width >=40rem) {
            padding-bottom: calc(var(--spacing) * 16);
        }
    }

    .sm\:pb-20 {
        @media (width >=40rem) {
            padding-bottom: calc(var(--spacing) * 20);
        }
    }

    .sm\:pb-24 {
        @media (width >=40rem) {
            padding-bottom: calc(var(--spacing) * 24);
        }
    }

    .sm\:pb-32 {
        @media (width >=40rem) {
            padding-bottom: calc(var(--spacing) * 32);
        }
    }

    .sm\:pb-40 {
        @media (width >=40rem) {
            padding-bottom: calc(var(--spacing) * 40);
        }
    }

    .sm\:pb-64 {
        @media (width >=40rem) {
            padding-bottom: calc(var(--spacing) * 64);
        }
    }

    .sm\:pl-0 {
        @media (width >=40rem) {
            padding-left: calc(var(--spacing) * 0);
        }
    }

    .sm\:pl-3 {
        @media (width >=40rem) {
            padding-left: calc(var(--spacing) * 3);
        }
    }

    .sm\:pl-4 {
        @media (width >=40rem) {
            padding-left: calc(var(--spacing) * 4);
        }
    }

    .sm\:pl-5 {
        @media (width >=40rem) {
            padding-left: calc(var(--spacing) * 5);
        }
    }

    .sm\:pl-6 {
        @media (width >=40rem) {
            padding-left: calc(var(--spacing) * 6);
        }
    }

    .sm\:pl-9 {
        @media (width >=40rem) {
            padding-left: calc(var(--spacing) * 9);
        }
    }

    .sm\:pl-16 {
        @media (width >=40rem) {
            padding-left: calc(var(--spacing) * 16);
        }
    }

    .sm\:pl-20 {
        @media (width >=40rem) {
            padding-left: calc(var(--spacing) * 20);
        }
    }

    .sm\:text-center {
        @media (width >=40rem) {
            text-align: center;
        }
    }

    .sm\:text-left {
        @media (width >=40rem) {
            text-align: left;
        }
    }

    .sm\:text-right {
        @media (width >=40rem) {
            text-align: right;
        }
    }

    .sm\:text-2xl {
        @media (width >=40rem) {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height));
        }
    }

    .sm\:text-3xl {
        @media (width >=40rem) {
            font-size: var(--text-3xl);
            line-height: var(--tw-leading, var(--text-3xl--line-height));
        }
    }

    .sm\:text-4xl {
        @media (width >=40rem) {
            font-size: var(--text-4xl);
            line-height: var(--tw-leading, var(--text-4xl--line-height));
        }
    }

    .sm\:text-5xl {
        @media (width >=40rem) {
            font-size: var(--text-5xl);
            line-height: var(--tw-leading, var(--text-5xl--line-height));
        }
    }

    .sm\:text-6xl {
        @media (width >=40rem) {
            font-size: var(--text-6xl);
            line-height: var(--tw-leading, var(--text-6xl--line-height));
        }
    }

    .sm\:text-7xl {
        @media (width >=40rem) {
            font-size: var(--text-7xl);
            line-height: var(--tw-leading, var(--text-7xl--line-height));
        }
    }

    .sm\:text-base {
        @media (width >=40rem) {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
        }
    }

    .sm\:text-lg {
        @media (width >=40rem) {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height));
        }
    }

    .sm\:text-sm {
        @media (width >=40rem) {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
        }
    }

    .sm\:text-xl {
        @media (width >=40rem) {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height));
        }
    }

    .sm\:text-2xl\/9 {
        @media (width >=40rem) {
            font-size: var(--text-2xl);
            line-height: calc(var(--spacing) * 9);
        }
    }

    .sm\:text-sm\/6 {
        @media (width >=40rem) {
            font-size: var(--text-sm);
            line-height: calc(var(--spacing) * 6);
        }
    }

    .sm\:text-sm\/7 {
        @media (width >=40rem) {
            font-size: var(--text-sm);
            line-height: calc(var(--spacing) * 7);
        }
    }

    .sm\:text-xl\/8 {
        @media (width >=40rem) {
            font-size: var(--text-xl);
            line-height: calc(var(--spacing) * 8);
        }
    }

    .sm\:tracking-tight {
        @media (width >=40rem) {
            --tw-tracking: var(--tracking-tight);
            letter-spacing: var(--tracking-tight);
        }
    }

    .sm\:text-balance {
        @media (width >=40rem) {
            text-wrap: balance;
        }
    }

    .sm\:text-\[0\] {
        @media (width >=40rem) {
            color: 0;
        }
    }

    .sm\:opacity-0 {
        @media (width >=40rem) {
            opacity: 0%;
        }
    }

    .sm\:opacity-50 {
        @media (width >=40rem) {
            opacity: 50%;
        }
    }

    .sm\:opacity-100 {
        @media (width >=40rem) {
            opacity: 100%;
        }
    }

    .sm\:ring-0 {
        @media (width >=40rem) {
            --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);
        }
    }

    .sm\:ring-1 {
        @media (width >=40rem) {
            --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);
        }
    }

    .sm\:shadow-lg {
        @media (width >=40rem) {
            --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    }

    .sm\:shadow-none {
        @media (width >=40rem) {
            --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\:shadow-sm {
        @media (width >=40rem) {
            --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    }

    .sm\:shadow-xs {
        @media (width >=40rem) {
            --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    }

    .sm\:ring-gray-900\/5 {
        @media (width >=40rem) {
            --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent);
        }
    }

    .sm\:ring-gray-900\/10 {
        @media (width >=40rem) {
            --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent);
        }
    }

    .sm\:ring-white\/10 {
        @media (width >=40rem) {
            --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
    }

    .sm\:blur-3xl {
        @media (width >=40rem) {
            --tw-blur: blur(var(--blur-3xl));
            filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
        }
    }

    .sm\:transition-opacity {
        @media (width >=40rem) {
            transition-property: opacity;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
        }
    }

    .sm\:duration-300 {
        @media (width >=40rem) {
            --tw-duration: 300ms;
            transition-duration: 300ms;
        }
    }

    .sm\:duration-700 {
        @media (width >=40rem) {
            --tw-duration: 700ms;
            transition-duration: 700ms;
        }
    }

    .sm\:ease-in-out {
        @media (width >=40rem) {
            --tw-ease: var(--ease-in-out);
            transition-timing-function: var(--ease-in-out);
        }
    }

    .sm\:before\:flex-1 {
        @media (width >=40rem) {
            &::before {
                content: var(--tw-content);
                flex: 1;
            }
        }
    }

    .data-closed\:sm\:translate-x-full {
        &[data-closed] {
            @media (width >=40rem) {
                --tw-translate-x: 100%;
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }
        }
    }

    .data-closed\:sm\:translate-y-0 {
        &[data-closed] {
            @media (width >=40rem) {
                --tw-translate-y: calc(var(--spacing) * 0);
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }
        }
    }

    .data-closed\:sm\:scale-95 {
        &[data-closed] {
            @media (width >=40rem) {
                --tw-scale-x: 95%;
                --tw-scale-y: 95%;
                --tw-scale-z: 95%;
                scale: var(--tw-scale-x) var(--tw-scale-y);
            }
        }
    }

    .data-closed\:sm\:scale-100 {
        &[data-closed] {
            @media (width >=40rem) {
                --tw-scale-x: 100%;
                --tw-scale-y: 100%;
                --tw-scale-z: 100%;
                scale: var(--tw-scale-x) var(--tw-scale-y);
            }
        }
    }

    .data-closed\:sm\:opacity-100 {
        &[data-closed] {
            @media (width >=40rem) {
                opacity: 100%;
            }
        }
    }

    .data-closed\:data-enter\:sm\:translate-x-2 {
        &[data-closed] {
            &[data-enter] {
                @media (width >=40rem) {
                    --tw-translate-x: calc(var(--spacing) * 2);
                    translate: var(--tw-translate-x) var(--tw-translate-y);
                }
            }
        }
    }

    .data-closed\:data-enter\:sm\:translate-y-0 {
        &[data-closed] {
            &[data-enter] {
                @media (width >=40rem) {
                    --tw-translate-y: calc(var(--spacing) * 0);
                    translate: var(--tw-translate-x) var(--tw-translate-y);
                }
            }
        }
    }

    .data-\[closed\]\:sm\:translate-x-full {
        &[data-closed] {
            @media (width >=40rem) {
                --tw-translate-x: 100%;
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }
        }
    }

    .data-\[closed\]\:sm\:translate-y-0 {
        &[data-closed] {
            @media (width >=40rem) {
                --tw-translate-y: calc(var(--spacing) * 0);
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }
        }
    }

    .data-\[closed\]\:sm\:scale-95 {
        &[data-closed] {
            @media (width >=40rem) {
                --tw-scale-x: 95%;
                --tw-scale-y: 95%;
                --tw-scale-z: 95%;
                scale: var(--tw-scale-x) var(--tw-scale-y);
            }
        }
    }

    .data-\[closed\]\:sm\:scale-100 {
        &[data-closed] {
            @media (width >=40rem) {
                --tw-scale-x: 100%;
                --tw-scale-y: 100%;
                --tw-scale-z: 100%;
                scale: var(--tw-scale-x) var(--tw-scale-y);
            }
        }
    }

    .data-\[closed\]\:sm\:opacity-100 {
        &[data-closed] {
            @media (width >=40rem) {
                opacity: 100%;
            }
        }
    }

    .data-\[closed\]\:data-\[enter\]\:sm\:translate-x-2 {
        &[data-closed] {
            &[data-enter] {
                @media (width >=40rem) {
                    --tw-translate-x: calc(var(--spacing) * 2);
                    translate: var(--tw-translate-x) var(--tw-translate-y);
                }
            }
        }
    }

    .data-\[closed\]\:data-\[enter\]\:sm\:translate-y-0 {
        &[data-closed] {
            &[data-enter] {
                @media (width >=40rem) {
                    --tw-translate-y: calc(var(--spacing) * 0);
                    translate: var(--tw-translate-x) var(--tw-translate-y);
                }
            }
        }
    }

    .md\:absolute {
        @media (width >=48rem) {
            position: absolute;
        }
    }

    .md\:inset-y-0 {
        @media (width >=48rem) {
            inset-block: calc(var(--spacing) * 0);
        }
    }

    .md\:-top-20 {
        @media (width >=48rem) {
            top: calc(var(--spacing) * -20);
        }
    }

    .md\:top-3 {
        @media (width >=48rem) {
            top: calc(var(--spacing) * 3);
        }
    }

    .md\:top-6 {
        @media (width >=48rem) {
            top: calc(var(--spacing) * 6);
        }
    }

    .md\:top-20 {
        @media (width >=48rem) {
            top: calc(var(--spacing) * 20);
        }
    }

    .md\:right-0 {
        @media (width >=48rem) {
            right: calc(var(--spacing) * 0);
        }
    }

    .md\:right-6 {
        @media (width >=48rem) {
            right: calc(var(--spacing) * 6);
        }
    }

    .md\:bottom-16 {
        @media (width >=48rem) {
            bottom: calc(var(--spacing) * 16);
        }
    }

    .md\:left-0 {
        @media (width >=48rem) {
            left: calc(var(--spacing) * 0);
        }
    }

    .md\:left-\[50rem\] {
        @media (width >=48rem) {
            left: 50rem;
        }
    }

    .md\:order-1 {
        @media (width >=48rem) {
            order: 1;
        }
    }

    .md\:order-2 {
        @media (width >=48rem) {
            order: 2;
        }
    }

    .md\:col-span-2 {
        @media (width >=48rem) {
            grid-column: span 2 / span 2;
        }
    }

    .md\:col-span-3 {
        @media (width >=48rem) {
            grid-column: span 3 / span 3;
        }
    }

    .md\:col-span-5 {
        @media (width >=48rem) {
            grid-column: span 5 / span 5;
        }
    }

    .md\:col-span-7 {
        @media (width >=48rem) {
            grid-column: span 7 / span 7;
        }
    }

    .md\:col-span-8 {
        @media (width >=48rem) {
            grid-column: span 8 / span 8;
        }
    }

    .md\:col-start-2 {
        @media (width >=48rem) {
            grid-column-start: 2;
        }
    }

    .md\:col-start-3 {
        @media (width >=48rem) {
            grid-column-start: 3;
        }
    }

    .md\:col-start-4 {
        @media (width >=48rem) {
            grid-column-start: 4;
        }
    }

    .md\:row-span-2 {
        @media (width >=48rem) {
            grid-row: span 2 / span 2;
        }
    }

    .md\:row-start-1 {
        @media (width >=48rem) {
            grid-row-start: 1;
        }
    }

    .md\:row-start-2 {
        @media (width >=48rem) {
            grid-row-start: 2;
        }
    }

    .md\:row-end-1 {
        @media (width >=48rem) {
            grid-row-end: 1;
        }
    }

    .md\:row-end-2 {
        @media (width >=48rem) {
            grid-row-end: 2;
        }
    }

    .md\:-mx-8 {
        @media (width >=48rem) {
            margin-inline: calc(var(--spacing) * -8);
        }
    }

    .md\:mx-0 {
        @media (width >=48rem) {
            margin-inline: calc(var(--spacing) * 0);
        }
    }

    .md\:mx-auto {
        @media (width >=48rem) {
            margin-inline: auto;
        }
    }

    .md\:my-8 {
        @media (width >=48rem) {
            margin-block: calc(var(--spacing) * 8);
        }
    }

    .md\:-mt-px {
        @media (width >=48rem) {
            margin-top: -1px;
        }
    }

    .md\:mt-0 {
        @media (width >=48rem) {
            margin-top: calc(var(--spacing) * 0);
        }
    }

    .md\:mt-1 {
        @media (width >=48rem) {
            margin-top: calc(var(--spacing) * 1);
        }
    }

    .md\:mt-2 {
        @media (width >=48rem) {
            margin-top: calc(var(--spacing) * 2);
        }
    }

    .md\:mt-5 {
        @media (width >=48rem) {
            margin-top: calc(var(--spacing) * 5);
        }
    }

    .md\:mt-8 {
        @media (width >=48rem) {
            margin-top: calc(var(--spacing) * 8);
        }
    }

    .md\:mt-10 {
        @media (width >=48rem) {
            margin-top: calc(var(--spacing) * 10);
        }
    }

    .md\:mt-16 {
        @media (width >=48rem) {
            margin-top: calc(var(--spacing) * 16);
        }
    }

    .md\:mt-24 {
        @media (width >=48rem) {
            margin-top: calc(var(--spacing) * 24);
        }
    }

    .md\:mt-32 {
        @media (width >=48rem) {
            margin-top: calc(var(--spacing) * 32);
        }
    }

    .md\:-mr-16 {
        @media (width >=48rem) {
            margin-right: calc(var(--spacing) * -16);
        }
    }

    .md\:-mr-20 {
        @media (width >=48rem) {
            margin-right: calc(var(--spacing) * -20);
        }
    }

    .md\:mr-0 {
        @media (width >=48rem) {
            margin-right: calc(var(--spacing) * 0);
        }
    }

    .md\:mb-2 {
        @media (width >=48rem) {
            margin-bottom: calc(var(--spacing) * 2);
        }
    }

    .md\:-ml-4 {
        @media (width >=48rem) {
            margin-left: calc(var(--spacing) * -4);
        }
    }

    .md\:-ml-16 {
        @media (width >=48rem) {
            margin-left: calc(var(--spacing) * -16);
        }
    }

    .md\:ml-0 {
        @media (width >=48rem) {
            margin-left: calc(var(--spacing) * 0);
        }
    }

    .md\:ml-4 {
        @media (width >=48rem) {
            margin-left: calc(var(--spacing) * 4);
        }
    }

    .md\:ml-6 {
        @media (width >=48rem) {
            margin-left: calc(var(--spacing) * 6);
        }
    }

    .md\:ml-10 {
        @media (width >=48rem) {
            margin-left: calc(var(--spacing) * 10);
        }
    }

    .md\:ml-12 {
        @media (width >=48rem) {
            margin-left: calc(var(--spacing) * 12);
        }
    }

    .md\:ml-20 {
        @media (width >=48rem) {
            margin-left: calc(var(--spacing) * 20);
        }
    }

    .md\:ml-auto {
        @media (width >=48rem) {
            margin-left: auto;
        }
    }

    .md\:block {
        @media (width >=48rem) {
            display: block;
        }
    }

    .md\:flex {
        @media (width >=48rem) {
            display: flex;
        }
    }

    .md\:grid {
        @media (width >=48rem) {
            display: grid;
        }
    }

    .md\:hidden {
        @media (width >=48rem) {
            display: none;
        }
    }

    .md\:inline {
        @media (width >=48rem) {
            display: inline;
        }
    }

    .md\:inline-block {
        @media (width >=48rem) {
            display: inline-block;
        }
    }

    .md\:inline-flex {
        @media (width >=48rem) {
            display: inline-flex;
        }
    }

    .md\:table-cell {
        @media (width >=48rem) {
            display: table-cell;
        }
    }

    .md\:aspect-2\/1 {
        @media (width >=48rem) {
            aspect-ratio: 2/1;
        }
    }

    .md\:aspect-\[2\/1\] {
        @media (width >=48rem) {
            aspect-ratio: 2/1;
        }
    }

    .md\:size-56 {
        @media (width >=48rem) {
            width: calc(var(--spacing) * 56);
            height: calc(var(--spacing) * 56);
        }
    }

    .md\:size-72 {
        @media (width >=48rem) {
            width: calc(var(--spacing) * 72);
            height: calc(var(--spacing) * 72);
        }
    }

    .md\:h-40 {
        @media (width >=48rem) {
            height: calc(var(--spacing) * 40);
        }
    }

    .md\:h-96 {
        @media (width >=48rem) {
            height: calc(var(--spacing) * 96);
        }
    }

    .md\:h-full {
        @media (width >=48rem) {
            height: 100%;
        }
    }

    .md\:h-screen {
        @media (width >=48rem) {
            height: 100vh;
        }
    }

    .md\:w-1\/2 {
        @media (width >=48rem) {
            width: calc(1/2 * 100%);
        }
    }

    .md\:w-1\/3 {
        @media (width >=48rem) {
            width: calc(1/3 * 100%);
        }
    }

    .md\:w-2\/3 {
        @media (width >=48rem) {
            width: calc(2/3 * 100%);
        }
    }

    .md\:w-9 {
        @media (width >=48rem) {
            width: calc(var(--spacing) * 9);
        }
    }

    .md\:w-80 {
        @media (width >=48rem) {
            width: calc(var(--spacing) * 80);
        }
    }

    .md\:w-auto {
        @media (width >=48rem) {
            width: auto;
        }
    }

    .md\:max-w-2xl {
        @media (width >=48rem) {
            max-width: var(--container-2xl);
        }
    }

    .md\:max-w-3xl {
        @media (width >=48rem) {
            max-width: var(--container-3xl);
        }
    }

    .md\:max-w-4xl {
        @media (width >=48rem) {
            max-width: var(--container-4xl);
        }
    }

    .md\:max-w-full {
        @media (width >=48rem) {
            max-width: 100%;
        }
    }

    .md\:max-w-none {
        @media (width >=48rem) {
            max-width: none;
        }
    }

    .md\:min-w-0 {
        @media (width >=48rem) {
            min-width: calc(var(--spacing) * 0);
        }
    }

    .md\:flex-1 {
        @media (width >=48rem) {
            flex: 1;
        }
    }

    .md\:shrink-0 {
        @media (width >=48rem) {
            flex-shrink: 0;
        }
    }

    .md\:grow {
        @media (width >=48rem) {
            flex-grow: 1;
        }
    }

    .md\:-translate-y-1\/2 {
        @media (width >=48rem) {
            --tw-translate-y: calc(calc(1/2 * 100%) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .md\:-translate-y-24 {
        @media (width >=48rem) {
            --tw-translate-y: calc(var(--spacing) * -24);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .md\:translate-y-0 {
        @media (width >=48rem) {
            --tw-translate-y: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .md\:scale-95 {
        @media (width >=48rem) {
            --tw-scale-x: 95%;
            --tw-scale-y: 95%;
            --tw-scale-z: 95%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }
    }

    .md\:scale-100 {
        @media (width >=48rem) {
            --tw-scale-x: 100%;
            --tw-scale-y: 100%;
            --tw-scale-z: 100%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }
    }

    .md\:transform-gpu {
        @media (width >=48rem) {
            transform: translateZ(0) var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
        }
    }

    .md\:grid-flow-col {
        @media (width >=48rem) {
            grid-auto-flow: column;
        }
    }

    .md\:auto-rows-min {
        @media (width >=48rem) {
            grid-auto-rows: min-content;
        }
    }

    .md\:grid-cols-2 {
        @media (width >=48rem) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    .md\:grid-cols-3 {
        @media (width >=48rem) {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    .md\:grid-cols-4 {
        @media (width >=48rem) {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }

    .md\:grid-cols-6 {
        @media (width >=48rem) {
            grid-template-columns: repeat(6, minmax(0, 1fr));
        }
    }

    .md\:grid-cols-12 {
        @media (width >=48rem) {
            grid-template-columns: repeat(12, minmax(0, 1fr));
        }
    }

    .md\:grid-rows-2 {
        @media (width >=48rem) {
            grid-template-rows: repeat(2, minmax(0, 1fr));
        }
    }

    .md\:flex-col {
        @media (width >=48rem) {
            flex-direction: column;
        }
    }

    .md\:flex-row {
        @media (width >=48rem) {
            flex-direction: row;
        }
    }

    .md\:items-baseline {
        @media (width >=48rem) {
            align-items: baseline;
        }
    }

    .md\:items-center {
        @media (width >=48rem) {
            align-items: center;
        }
    }

    .md\:items-start {
        @media (width >=48rem) {
            align-items: flex-start;
        }
    }

    .md\:items-stretch {
        @media (width >=48rem) {
            align-items: stretch;
        }
    }

    .md\:justify-between {
        @media (width >=48rem) {
            justify-content: space-between;
        }
    }

    .md\:justify-center {
        @media (width >=48rem) {
            justify-content: center;
        }
    }

    .md\:justify-end {
        @media (width >=48rem) {
            justify-content: flex-end;
        }
    }

    .md\:justify-start {
        @media (width >=48rem) {
            justify-content: flex-start;
        }
    }

    .md\:gap-4 {
        @media (width >=48rem) {
            gap: calc(var(--spacing) * 4);
        }
    }

    .md\:gap-8 {
        @media (width >=48rem) {
            gap: calc(var(--spacing) * 8);
        }
    }

    .md\:gap-x-6 {
        @media (width >=48rem) {
            column-gap: calc(var(--spacing) * 6);
        }
    }

    .md\:gap-x-8 {
        @media (width >=48rem) {
            column-gap: calc(var(--spacing) * 8);
        }
    }

    .md\:gap-x-11 {
        @media (width >=48rem) {
            column-gap: calc(var(--spacing) * 11);
        }
    }

    .md\:space-y-0 {
        @media (width >=48rem) {
            :where(& > :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)));
            }
        }
    }

    .md\:gap-y-0 {
        @media (width >=48rem) {
            row-gap: calc(var(--spacing) * 0);
        }
    }

    .md\:gap-y-12 {
        @media (width >=48rem) {
            row-gap: calc(var(--spacing) * 12);
        }
    }

    .md\:gap-y-16 {
        @media (width >=48rem) {
            row-gap: calc(var(--spacing) * 16);
        }
    }

    .md\:space-x-3 {
        @media (width >=48rem) {
            :where(& > :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)));
            }
        }
    }

    .md\:space-x-4 {
        @media (width >=48rem) {
            :where(& > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
            }
        }
    }

    .md\:space-x-5 {
        @media (width >=48rem) {
            :where(& > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse)));
            }
        }
    }

    .md\:space-x-6 {
        @media (width >=48rem) {
            :where(& > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
            }
        }
    }

    .md\:space-x-8 {
        @media (width >=48rem) {
            :where(& > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
            }
        }
    }

    .md\:space-x-10 {
        @media (width >=48rem) {
            :where(& > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 10) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-x-reverse)));
            }
        }
    }

    .md\:divide-x {
        @media (width >=48rem) {
            :where(& > :not(:last-child)) {
                --tw-divide-x-reverse: 0;
                border-inline-style: var(--tw-border-style);
                border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
                border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
            }
        }
    }

    .md\:divide-y-0 {
        @media (width >=48rem) {
            :where(& > :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(0px * var(--tw-divide-y-reverse));
                border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
            }
        }
    }

    .md\:divide-gray-200 {
        @media (width >=48rem) {
            :where(& > :not(:last-child)) {
                border-color: var(--color-gray-200);
            }
        }
    }

    .md\:rounded-3xl {
        @media (width >=48rem) {
            border-radius: var(--radius-3xl);
        }
    }

    .md\:border-t-0 {
        @media (width >=48rem) {
            border-top-style: var(--tw-border-style);
            border-top-width: 0px;
        }
    }

    .md\:border-t-4 {
        @media (width >=48rem) {
            border-top-style: var(--tw-border-style);
            border-top-width: 4px;
        }
    }

    .md\:border-r {
        @media (width >=48rem) {
            border-right-style: var(--tw-border-style);
            border-right-width: 1px;
        }
    }

    .md\:border-l {
        @media (width >=48rem) {
            border-left-style: var(--tw-border-style);
            border-left-width: 1px;
        }
    }

    .md\:border-l-0 {
        @media (width >=48rem) {
            border-left-style: var(--tw-border-style);
            border-left-width: 0px;
        }
    }

    .md\:border-indigo-900 {
        @media (width >=48rem) {
            border-color: var(--color-indigo-900);
        }
    }

    .md\:bg-white {
        @media (width >=48rem) {
            background-color: var(--color-white);
        }
    }

    .md\:object-center {
        @media (width >=48rem) {
            object-position: center;
        }
    }

    .md\:p-6 {
        @media (width >=48rem) {
            padding: calc(var(--spacing) * 6);
        }
    }

    .md\:p-20 {
        @media (width >=48rem) {
            padding: calc(var(--spacing) * 20);
        }
    }

    .md\:px-0 {
        @media (width >=48rem) {
            padding-inline: calc(var(--spacing) * 0);
        }
    }

    .md\:px-2 {
        @media (width >=48rem) {
            padding-inline: calc(var(--spacing) * 2);
        }
    }

    .md\:px-4 {
        @media (width >=48rem) {
            padding-inline: calc(var(--spacing) * 4);
        }
    }

    .md\:px-6 {
        @media (width >=48rem) {
            padding-inline: calc(var(--spacing) * 6);
        }
    }

    .md\:px-8 {
        @media (width >=48rem) {
            padding-inline: calc(var(--spacing) * 8);
        }
    }

    .md\:px-10 {
        @media (width >=48rem) {
            padding-inline: calc(var(--spacing) * 10);
        }
    }

    .md\:px-12 {
        @media (width >=48rem) {
            padding-inline: calc(var(--spacing) * 12);
        }
    }

    .md\:py-0 {
        @media (width >=48rem) {
            padding-block: calc(var(--spacing) * 0);
        }
    }

    .md\:py-4 {
        @media (width >=48rem) {
            padding-block: calc(var(--spacing) * 4);
        }
    }

    .md\:py-10 {
        @media (width >=48rem) {
            padding-block: calc(var(--spacing) * 10);
        }
    }

    .md\:py-12 {
        @media (width >=48rem) {
            padding-block: calc(var(--spacing) * 12);
        }
    }

    .md\:py-16 {
        @media (width >=48rem) {
            padding-block: calc(var(--spacing) * 16);
        }
    }

    .md\:py-28 {
        @media (width >=48rem) {
            padding-block: calc(var(--spacing) * 28);
        }
    }

    .md\:py-32 {
        @media (width >=48rem) {
            padding-block: calc(var(--spacing) * 32);
        }
    }

    .md\:pt-0 {
        @media (width >=48rem) {
            padding-top: calc(var(--spacing) * 0);
        }
    }

    .md\:pt-4 {
        @media (width >=48rem) {
            padding-top: calc(var(--spacing) * 4);
        }
    }

    .md\:pt-24 {
        @media (width >=48rem) {
            padding-top: calc(var(--spacing) * 24);
        }
    }

    .md\:pr-0 {
        @media (width >=48rem) {
            padding-right: calc(var(--spacing) * 0);
        }
    }

    .md\:pr-6 {
        @media (width >=48rem) {
            padding-right: calc(var(--spacing) * 6);
        }
    }

    .md\:pr-10 {
        @media (width >=48rem) {
            padding-right: calc(var(--spacing) * 10);
        }
    }

    .md\:pr-14 {
        @media (width >=48rem) {
            padding-right: calc(var(--spacing) * 14);
        }
    }

    .md\:pb-0 {
        @media (width >=48rem) {
            padding-bottom: calc(var(--spacing) * 0);
        }
    }

    .md\:pb-4 {
        @media (width >=48rem) {
            padding-bottom: calc(var(--spacing) * 4);
        }
    }

    .md\:pl-0 {
        @media (width >=48rem) {
            padding-left: calc(var(--spacing) * 0);
        }
    }

    .md\:pl-4 {
        @media (width >=48rem) {
            padding-left: calc(var(--spacing) * 4);
        }
    }

    .md\:pl-10 {
        @media (width >=48rem) {
            padding-left: calc(var(--spacing) * 10);
        }
    }

    .md\:pl-14 {
        @media (width >=48rem) {
            padding-left: calc(var(--spacing) * 14);
        }
    }

    .md\:pl-16 {
        @media (width >=48rem) {
            padding-left: calc(var(--spacing) * 16);
        }
    }

    .md\:text-center {
        @media (width >=48rem) {
            text-align: center;
        }
    }

    .md\:text-left {
        @media (width >=48rem) {
            text-align: left;
        }
    }

    .md\:text-right {
        @media (width >=48rem) {
            text-align: right;
        }
    }

    .md\:align-middle {
        @media (width >=48rem) {
            vertical-align: middle;
        }
    }

    .md\:text-5xl {
        @media (width >=48rem) {
            font-size: var(--text-5xl);
            line-height: var(--tw-leading, var(--text-5xl--line-height));
        }
    }

    .md\:text-6xl {
        @media (width >=48rem) {
            font-size: var(--text-6xl);
            line-height: var(--tw-leading, var(--text-6xl--line-height));
        }
    }

    .md\:text-lg {
        @media (width >=48rem) {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height));
        }
    }

    .md\:text-xl {
        @media (width >=48rem) {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height));
        }
    }

    .md\:text-sm\/6 {
        @media (width >=48rem) {
            font-size: var(--text-sm);
            line-height: calc(var(--spacing) * 6);
        }
    }

    .md\:font-semibold {
        @media (width >=48rem) {
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
        }
    }

    .md\:text-gray-700 {
        @media (width >=48rem) {
            color: var(--color-gray-700);
        }
    }

    .md\:blur-3xl {
        @media (width >=48rem) {
            --tw-blur: blur(var(--blur-3xl));
            filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
        }
    }

    .md\:\[clip-path\:inset\(0_round_theme\(borderRadius\.3xl\)\)\] {
        @media (width >=48rem) {
            clip-path: inset(0 round 1.5rem);
        }
    }

    .md\:\[clip-path\:inset\(0_round_var\(--radius-3xl\)\)\] {
        @media (width >=48rem) {
            clip-path: inset(0 round var(--radius-3xl));
        }
    }

    .md\:\[overflow-anchor\:none\] {
        @media (width >=48rem) {
            overflow-anchor: none;
        }
    }

    .md\:hover\:bg-gray-50 {
        @media (width >=48rem) {
            &:hover {
                @media (hover: hover) {
                    background-color: var(--color-gray-50);
                }
            }
        }
    }

    .data-closed\:md\:translate-y-0 {
        &[data-closed] {
            @media (width >=48rem) {
                --tw-translate-y: calc(var(--spacing) * 0);
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }
        }
    }

    .data-closed\:md\:scale-95 {
        &[data-closed] {
            @media (width >=48rem) {
                --tw-scale-x: 95%;
                --tw-scale-y: 95%;
                --tw-scale-z: 95%;
                scale: var(--tw-scale-x) var(--tw-scale-y);
            }
        }
    }

    .data-\[closed\]\:md\:translate-y-0 {
        &[data-closed] {
            @media (width >=48rem) {
                --tw-translate-y: calc(var(--spacing) * 0);
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }
        }
    }

    .data-\[closed\]\:md\:scale-95 {
        &[data-closed] {
            @media (width >=48rem) {
                --tw-scale-x: 95%;
                --tw-scale-y: 95%;
                --tw-scale-z: 95%;
                scale: var(--tw-scale-x) var(--tw-scale-y);
            }
        }
    }

    .lg\:absolute {
        @media (width >=64rem) {
            position: absolute;
        }
    }

    .lg\:fixed {
        @media (width >=64rem) {
            position: fixed;
        }
    }

    .lg\:relative {
        @media (width >=64rem) {
            position: relative;
        }
    }

    .lg\:static {
        @media (width >=64rem) {
            position: static;
        }
    }

    .lg\:sticky {
        @media (width >=64rem) {
            position: sticky;
        }
    }

    .lg\:inset-0 {
        @media (width >=64rem) {
            inset: calc(var(--spacing) * 0);
        }
    }

    .lg\:inset-x-auto {
        @media (width >=64rem) {
            inset-inline: auto;
        }
    }

    .lg\:inset-x-px {
        @media (width >=64rem) {
            inset-inline: 1px;
        }
    }

    .lg\:inset-y-0 {
        @media (width >=64rem) {
            inset-block: calc(var(--spacing) * 0);
        }
    }

    .lg\:-top-12 {
        @media (width >=64rem) {
            top: calc(var(--spacing) * -12);
        }
    }

    .lg\:-top-48 {
        @media (width >=64rem) {
            top: calc(var(--spacing) * -48);
        }
    }

    .lg\:top-0 {
        @media (width >=64rem) {
            top: calc(var(--spacing) * 0);
        }
    }

    .lg\:top-1\/2 {
        @media (width >=64rem) {
            top: calc(1/2 * 100%);
        }
    }

    .lg\:top-4 {
        @media (width >=64rem) {
            top: calc(var(--spacing) * 4);
        }
    }

    .lg\:top-8 {
        @media (width >=64rem) {
            top: calc(var(--spacing) * 8);
        }
    }

    .lg\:top-12 {
        @media (width >=64rem) {
            top: calc(var(--spacing) * 12);
        }
    }

    .lg\:top-16 {
        @media (width >=64rem) {
            top: calc(var(--spacing) * 16);
        }
    }

    .lg\:top-\[calc\(50\%-7rem\)\] {
        @media (width >=64rem) {
            top: calc(50% - 7rem);
        }
    }

    .lg\:top-\[calc\(50\%-30rem\)\] {
        @media (width >=64rem) {
            top: calc(50% - 30rem);
        }
    }

    .lg\:top-auto {
        @media (width >=64rem) {
            top: auto;
        }
    }

    .lg\:top-full {
        @media (width >=64rem) {
            top: 100%;
        }
    }

    .lg\:-right-8 {
        @media (width >=64rem) {
            right: calc(var(--spacing) * -8);
        }
    }

    .lg\:right-0 {
        @media (width >=64rem) {
            right: calc(var(--spacing) * 0);
        }
    }

    .lg\:right-8 {
        @media (width >=64rem) {
            right: calc(var(--spacing) * 8);
        }
    }

    .lg\:right-72 {
        @media (width >=64rem) {
            right: calc(var(--spacing) * 72);
        }
    }

    .lg\:right-full {
        @media (width >=64rem) {
            right: 100%;
        }
    }

    .lg\:-bottom-32 {
        @media (width >=64rem) {
            bottom: calc(var(--spacing) * -32);
        }
    }

    .lg\:bottom-0 {
        @media (width >=64rem) {
            bottom: calc(var(--spacing) * 0);
        }
    }

    .lg\:bottom-\[-12rem\] {
        @media (width >=64rem) {
            bottom: -12rem;
        }
    }

    .lg\:bottom-auto {
        @media (width >=64rem) {
            bottom: auto;
        }
    }

    .lg\:left-0 {
        @media (width >=64rem) {
            left: calc(var(--spacing) * 0);
        }
    }

    .lg\:left-1\/2 {
        @media (width >=64rem) {
            left: calc(1/2 * 100%);
        }
    }

    .lg\:left-8 {
        @media (width >=64rem) {
            left: calc(var(--spacing) * 8);
        }
    }

    .lg\:left-36 {
        @media (width >=64rem) {
            left: calc(var(--spacing) * 36);
        }
    }

    .lg\:left-48 {
        @media (width >=64rem) {
            left: calc(var(--spacing) * 48);
        }
    }

    .lg\:left-80 {
        @media (width >=64rem) {
            left: calc(var(--spacing) * 80);
        }
    }

    .lg\:left-\[max\(-14rem\,calc\(100\%-59rem\)\)\] {
        @media (width >=64rem) {
            left: max(-14rem, calc(100% - 59rem));
        }
    }

    .lg\:left-auto {
        @media (width >=64rem) {
            left: auto;
        }
    }

    .lg\:z-10 {
        @media (width >=64rem) {
            z-index: 10;
        }
    }

    .lg\:z-50 {
        @media (width >=64rem) {
            z-index: 50;
        }
    }

    .lg\:order-first {
        @media (width >=64rem) {
            order: calc(-infinity);
        }
    }

    .lg\:order-last {
        @media (width >=64rem) {
            order: calc(infinity);
        }
    }

    .lg\:col-span-1 {
        @media (width >=64rem) {
            grid-column: span 1 / span 1;
        }
    }

    .lg\:col-span-2 {
        @media (width >=64rem) {
            grid-column: span 2 / span 2;
        }
    }

    .lg\:col-span-3 {
        @media (width >=64rem) {
            grid-column: span 3 / span 3;
        }
    }

    .lg\:col-span-4 {
        @media (width >=64rem) {
            grid-column: span 4 / span 4;
        }
    }

    .lg\:col-span-5 {
        @media (width >=64rem) {
            grid-column: span 5 / span 5;
        }
    }

    .lg\:col-span-6 {
        @media (width >=64rem) {
            grid-column: span 6 / span 6;
        }
    }

    .lg\:col-span-7 {
        @media (width >=64rem) {
            grid-column: span 7 / span 7;
        }
    }

    .lg\:col-span-8 {
        @media (width >=64rem) {
            grid-column: span 8 / span 8;
        }
    }

    .lg\:col-span-9 {
        @media (width >=64rem) {
            grid-column: span 9 / span 9;
        }
    }

    .lg\:col-span-10 {
        @media (width >=64rem) {
            grid-column: span 10 / span 10;
        }
    }

    .lg\:col-start-1 {
        @media (width >=64rem) {
            grid-column-start: 1;
        }
    }

    .lg\:col-start-2 {
        @media (width >=64rem) {
            grid-column-start: 2;
        }
    }

    .lg\:col-start-3 {
        @media (width >=64rem) {
            grid-column-start: 3;
        }
    }

    .lg\:col-start-4 {
        @media (width >=64rem) {
            grid-column-start: 4;
        }
    }

    .lg\:col-start-5 {
        @media (width >=64rem) {
            grid-column-start: 5;
        }
    }

    .lg\:col-start-6 {
        @media (width >=64rem) {
            grid-column-start: 6;
        }
    }

    .lg\:col-start-8 {
        @media (width >=64rem) {
            grid-column-start: 8;
        }
    }

    .lg\:col-start-9 {
        @media (width >=64rem) {
            grid-column-start: 9;
        }
    }

    .lg\:col-end-1 {
        @media (width >=64rem) {
            grid-column-end: 1;
        }
    }

    .lg\:col-end-2 {
        @media (width >=64rem) {
            grid-column-end: 2;
        }
    }

    .lg\:col-end-3 {
        @media (width >=64rem) {
            grid-column-end: 3;
        }
    }

    .lg\:col-end-6 {
        @media (width >=64rem) {
            grid-column-end: 6;
        }
    }

    .lg\:col-end-8 {
        @media (width >=64rem) {
            grid-column-end: 8;
        }
    }

    .lg\:col-end-13 {
        @media (width >=64rem) {
            grid-column-end: 13;
        }
    }

    .lg\:row-span-2 {
        @media (width >=64rem) {
            grid-row: span 2 / span 2;
        }
    }

    .lg\:row-span-3 {
        @media (width >=64rem) {
            grid-row: span 3 / span 3;
        }
    }

    .lg\:row-span-4 {
        @media (width >=64rem) {
            grid-row: span 4 / span 4;
        }
    }

    .lg\:row-start-1 {
        @media (width >=64rem) {
            grid-row-start: 1;
        }
    }

    .lg\:row-start-2 {
        @media (width >=64rem) {
            grid-row-start: 2;
        }
    }

    .lg\:row-start-3 {
        @media (width >=64rem) {
            grid-row-start: 3;
        }
    }

    .lg\:row-end-1 {
        @media (width >=64rem) {
            grid-row-end: 1;
        }
    }

    .lg\:row-end-2 {
        @media (width >=64rem) {
            grid-row-end: 2;
        }
    }

    .lg\:row-end-3 {
        @media (width >=64rem) {
            grid-row-end: 3;
        }
    }

    .lg\:row-end-4 {
        @media (width >=64rem) {
            grid-row-end: 4;
        }
    }

    .lg\:-m-4 {
        @media (width >=64rem) {
            margin: calc(var(--spacing) * -4);
        }
    }

    .lg\:m-0 {
        @media (width >=64rem) {
            margin: calc(var(--spacing) * 0);
        }
    }

    .lg\:-mx-8 {
        @media (width >=64rem) {
            margin-inline: calc(var(--spacing) * -8);
        }
    }

    .lg\:mx-0 {
        @media (width >=64rem) {
            margin-inline: calc(var(--spacing) * 0);
        }
    }

    .lg\:mx-6 {
        @media (width >=64rem) {
            margin-inline: calc(var(--spacing) * 6);
        }
    }

    .lg\:mx-auto {
        @media (width >=64rem) {
            margin-inline: auto;
        }
    }

    .lg\:-my-8 {
        @media (width >=64rem) {
            margin-block: calc(var(--spacing) * -8);
        }
    }

    .lg\:-mt-16 {
        @media (width >=64rem) {
            margin-top: calc(var(--spacing) * -16);
        }
    }

    .lg\:-mt-40 {
        @media (width >=64rem) {
            margin-top: calc(var(--spacing) * -40);
        }
    }

    .lg\:mt-0 {
        @media (width >=64rem) {
            margin-top: calc(var(--spacing) * 0);
        }
    }

    .lg\:mt-2 {
        @media (width >=64rem) {
            margin-top: calc(var(--spacing) * 2);
        }
    }

    .lg\:mt-3 {
        @media (width >=64rem) {
            margin-top: calc(var(--spacing) * 3);
        }
    }

    .lg\:mt-4 {
        @media (width >=64rem) {
            margin-top: calc(var(--spacing) * 4);
        }
    }

    .lg\:mt-5 {
        @media (width >=64rem) {
            margin-top: calc(var(--spacing) * 5);
        }
    }

    .lg\:mt-6 {
        @media (width >=64rem) {
            margin-top: calc(var(--spacing) * 6);
        }
    }

    .lg\:mt-8 {
        @media (width >=64rem) {
            margin-top: calc(var(--spacing) * 8);
        }
    }

    .lg\:mt-9 {
        @media (width >=64rem) {
            margin-top: calc(var(--spacing) * 9);
        }
    }

    .lg\:mt-10 {
        @media (width >=64rem) {
            margin-top: calc(var(--spacing) * 10);
        }
    }

    .lg\:mt-16 {
        @media (width >=64rem) {
            margin-top: calc(var(--spacing) * 16);
        }
    }

    .lg\:mt-20 {
        @media (width >=64rem) {
            margin-top: calc(var(--spacing) * 20);
        }
    }

    .lg\:mt-24 {
        @media (width >=64rem) {
            margin-top: calc(var(--spacing) * 24);
        }
    }

    .lg\:mt-28 {
        @media (width >=64rem) {
            margin-top: calc(var(--spacing) * 28);
        }
    }

    .lg\:mt-32 {
        @media (width >=64rem) {
            margin-top: calc(var(--spacing) * 32);
        }
    }

    .lg\:-mr-1\.5 {
        @media (width >=64rem) {
            margin-right: calc(var(--spacing) * -1.5);
        }
    }

    .lg\:-mr-6 {
        @media (width >=64rem) {
            margin-right: calc(var(--spacing) * -6);
        }
    }

    .lg\:-mr-8 {
        @media (width >=64rem) {
            margin-right: calc(var(--spacing) * -8);
        }
    }

    .lg\:-mr-16 {
        @media (width >=64rem) {
            margin-right: calc(var(--spacing) * -16);
        }
    }

    .lg\:-mr-36 {
        @media (width >=64rem) {
            margin-right: calc(var(--spacing) * -36);
        }
    }

    .lg\:-mr-96 {
        @media (width >=64rem) {
            margin-right: calc(var(--spacing) * -96);
        }
    }

    .lg\:mr-0 {
        @media (width >=64rem) {
            margin-right: calc(var(--spacing) * 0);
        }
    }

    .lg\:-mb-14 {
        @media (width >=64rem) {
            margin-bottom: calc(var(--spacing) * -14);
        }
    }

    .lg\:-mb-80 {
        @media (width >=64rem) {
            margin-bottom: calc(var(--spacing) * -80);
        }
    }

    .lg\:mb-0 {
        @media (width >=64rem) {
            margin-bottom: calc(var(--spacing) * 0);
        }
    }

    .lg\:-ml-0 {
        @media (width >=64rem) {
            margin-left: calc(var(--spacing) * -0);
        }
    }

    .lg\:-ml-4 {
        @media (width >=64rem) {
            margin-left: calc(var(--spacing) * -4);
        }
    }

    .lg\:-ml-8 {
        @media (width >=64rem) {
            margin-left: calc(var(--spacing) * -8);
        }
    }

    .lg\:ml-0 {
        @media (width >=64rem) {
            margin-left: calc(var(--spacing) * 0);
        }
    }

    .lg\:ml-4 {
        @media (width >=64rem) {
            margin-left: calc(var(--spacing) * 4);
        }
    }

    .lg\:ml-6 {
        @media (width >=64rem) {
            margin-left: calc(var(--spacing) * 6);
        }
    }

    .lg\:ml-8 {
        @media (width >=64rem) {
            margin-left: calc(var(--spacing) * 8);
        }
    }

    .lg\:ml-10 {
        @media (width >=64rem) {
            margin-left: calc(var(--spacing) * 10);
        }
    }

    .lg\:ml-12 {
        @media (width >=64rem) {
            margin-left: calc(var(--spacing) * 12);
        }
    }

    .lg\:ml-20 {
        @media (width >=64rem) {
            margin-left: calc(var(--spacing) * 20);
        }
    }

    .lg\:ml-24 {
        @media (width >=64rem) {
            margin-left: calc(var(--spacing) * 24);
        }
    }

    .lg\:ml-36 {
        @media (width >=64rem) {
            margin-left: calc(var(--spacing) * 36);
        }
    }

    .lg\:ml-auto {
        @media (width >=64rem) {
            margin-left: auto;
        }
    }

    .lg\:block {
        @media (width >=64rem) {
            display: block;
        }
    }

    .lg\:contents {
        @media (width >=64rem) {
            display: contents;
        }
    }

    .lg\:flex {
        @media (width >=64rem) {
            display: flex;
        }
    }

    .lg\:grid {
        @media (width >=64rem) {
            display: grid;
        }
    }

    .lg\:hidden {
        @media (width >=64rem) {
            display: none;
        }
    }

    .lg\:inline {
        @media (width >=64rem) {
            display: inline;
        }
    }

    .lg\:table-cell {
        @media (width >=64rem) {
            display: table-cell;
        }
    }

    .lg\:aspect-3\/2 {
        @media (width >=64rem) {
            aspect-ratio: 3/2;
        }
    }

    .lg\:aspect-3\/4 {
        @media (width >=64rem) {
            aspect-ratio: 3/4;
        }
    }

    .lg\:aspect-5\/6 {
        @media (width >=64rem) {
            aspect-ratio: 5/6;
        }
    }

    .lg\:aspect-\[3\/2\] {
        @media (width >=64rem) {
            aspect-ratio: 3/2;
        }
    }

    .lg\:aspect-\[3\/4\] {
        @media (width >=64rem) {
            aspect-ratio: 3/4;
        }
    }

    .lg\:aspect-\[5\/6\] {
        @media (width >=64rem) {
            aspect-ratio: 5/6;
        }
    }

    .lg\:aspect-auto {
        @media (width >=64rem) {
            aspect-ratio: auto;
        }
    }

    .lg\:aspect-square {
        @media (width >=64rem) {
            aspect-ratio: 1 / 1;
        }
    }

    .lg\:size-48 {
        @media (width >=64rem) {
            width: calc(var(--spacing) * 48);
            height: calc(var(--spacing) * 48);
        }
    }

    .lg\:size-52 {
        @media (width >=64rem) {
            width: calc(var(--spacing) * 52);
            height: calc(var(--spacing) * 52);
        }
    }

    .lg\:size-full {
        @media (width >=64rem) {
            width: 100%;
            height: 100%;
        }
    }

    .lg\:h-0 {
        @media (width >=64rem) {
            height: calc(var(--spacing) * 0);
        }
    }

    .lg\:h-1 {
        @media (width >=64rem) {
            height: calc(var(--spacing) * 1);
        }
    }

    .lg\:h-2\/3 {
        @media (width >=64rem) {
            height: calc(2/3 * 100%);
        }
    }

    .lg\:h-6 {
        @media (width >=64rem) {
            height: calc(var(--spacing) * 6);
        }
    }

    .lg\:h-12 {
        @media (width >=64rem) {
            height: calc(var(--spacing) * 12);
        }
    }

    .lg\:h-28 {
        @media (width >=64rem) {
            height: calc(var(--spacing) * 28);
        }
    }

    .lg\:h-48 {
        @media (width >=64rem) {
            height: calc(var(--spacing) * 48);
        }
    }

    .lg\:h-72 {
        @media (width >=64rem) {
            height: calc(var(--spacing) * 72);
        }
    }

    .lg\:h-80 {
        @media (width >=64rem) {
            height: calc(var(--spacing) * 80);
        }
    }

    .lg\:h-96 {
        @media (width >=64rem) {
            height: calc(var(--spacing) * 96);
        }
    }

    .lg\:h-\[34\.5rem\] {
        @media (width >=64rem) {
            height: 34.5rem;
        }
    }

    .lg\:h-\[816px\] {
        @media (width >=64rem) {
            height: 816px;
        }
    }

    .lg\:h-\[985px\] {
        @media (width >=64rem) {
            height: 985px;
        }
    }

    .lg\:h-\[1024px\] {
        @media (width >=64rem) {
            height: 1024px;
        }
    }

    .lg\:h-\[1038px\] {
        @media (width >=64rem) {
            height: 1038px;
        }
    }

    .lg\:h-\[1147px\] {
        @media (width >=64rem) {
            height: 1147px;
        }
    }

    .lg\:h-\[1160px\] {
        @media (width >=64rem) {
            height: 1160px;
        }
    }

    .lg\:h-auto {
        @media (width >=64rem) {
            height: auto;
        }
    }

    .lg\:h-full {
        @media (width >=64rem) {
            height: 100%;
        }
    }

    .lg\:min-h-\[192px\] {
        @media (width >=64rem) {
            min-height: 192px;
        }
    }

    .lg\:min-h-\[464px\] {
        @media (width >=64rem) {
            min-height: 464px;
        }
    }

    .lg\:min-h-\[583px\] {
        @media (width >=64rem) {
            min-height: 583px;
        }
    }

    .lg\:min-h-\[592px\] {
        @media (width >=64rem) {
            min-height: 592px;
        }
    }

    .lg\:min-h-\[700px\] {
        @media (width >=64rem) {
            min-height: 700px;
        }
    }

    .lg\:min-h-\[768px\] {
        @media (width >=64rem) {
            min-height: 768px;
        }
    }

    .lg\:min-h-\[851px\] {
        @media (width >=64rem) {
            min-height: 851px;
        }
    }

    .lg\:min-h-\[1100px\] {
        @media (width >=64rem) {
            min-height: 1100px;
        }
    }

    .lg\:min-h-full {
        @media (width >=64rem) {
            min-height: 100%;
        }
    }

    .lg\:w-0 {
        @media (width >=64rem) {
            width: calc(var(--spacing) * 0);
        }
    }

    .lg\:w-1\/2 {
        @media (width >=64rem) {
            width: calc(1/2 * 100%);
        }
    }

    .lg\:w-1\/3 {
        @media (width >=64rem) {
            width: calc(1/3 * 100%);
        }
    }

    .lg\:w-1\/12 {
        @media (width >=64rem) {
            width: calc(1/12 * 100%);
        }
    }

    .lg\:w-2\/12 {
        @media (width >=64rem) {
            width: calc(2/12 * 100%);
        }
    }

    .lg\:w-4\/12 {
        @media (width >=64rem) {
            width: calc(4/12 * 100%);
        }
    }

    .lg\:w-20 {
        @media (width >=64rem) {
            width: calc(var(--spacing) * 20);
        }
    }

    .lg\:w-48 {
        @media (width >=64rem) {
            width: calc(var(--spacing) * 48);
        }
    }

    .lg\:w-64 {
        @media (width >=64rem) {
            width: calc(var(--spacing) * 64);
        }
    }

    .lg\:w-72 {
        @media (width >=64rem) {
            width: calc(var(--spacing) * 72);
        }
    }

    .lg\:w-80 {
        @media (width >=64rem) {
            width: calc(var(--spacing) * 80);
        }
    }

    .lg\:w-96 {
        @media (width >=64rem) {
            width: calc(var(--spacing) * 96);
        }
    }

    .lg\:w-\[37rem\] {
        @media (width >=64rem) {
            width: 37rem;
        }
    }

    .lg\:w-\[64rem\] {
        @media (width >=64rem) {
            width: 64rem;
        }
    }

    .lg\:w-auto {
        @media (width >=64rem) {
            width: auto;
        }
    }

    .lg\:w-full {
        @media (width >=64rem) {
            width: 100%;
        }
    }

    .lg\:w-px {
        @media (width >=64rem) {
            width: 1px;
        }
    }

    .lg\:w-screen {
        @media (width >=64rem) {
            width: 100vw;
        }
    }

    .lg\:max-w-2xl {
        @media (width >=64rem) {
            max-width: var(--container-2xl);
        }
    }

    .lg\:max-w-3xl {
        @media (width >=64rem) {
            max-width: var(--container-3xl);
        }
    }

    .lg\:max-w-4xl {
        @media (width >=64rem) {
            max-width: var(--container-4xl);
        }
    }

    .lg\:max-w-5xl {
        @media (width >=64rem) {
            max-width: var(--container-5xl);
        }
    }

    .lg\:max-w-6xl {
        @media (width >=64rem) {
            max-width: var(--container-6xl);
        }
    }

    .lg\:max-w-7xl {
        @media (width >=64rem) {
            max-width: var(--container-7xl);
        }
    }

    .lg\:max-w-lg {
        @media (width >=64rem) {
            max-width: var(--container-lg);
        }
    }

    .lg\:max-w-md {
        @media (width >=64rem) {
            max-width: var(--container-md);
        }
    }

    .lg\:max-w-none {
        @media (width >=64rem) {
            max-width: none;
        }
    }

    .lg\:max-w-sm {
        @media (width >=64rem) {
            max-width: var(--container-sm);
        }
    }

    .lg\:max-w-xl {
        @media (width >=64rem) {
            max-width: var(--container-xl);
        }
    }

    .lg\:max-w-xs {
        @media (width >=64rem) {
            max-width: var(--container-xs);
        }
    }

    .lg\:min-w-0 {
        @media (width >=64rem) {
            min-width: calc(var(--spacing) * 0);
        }
    }

    .lg\:min-w-full {
        @media (width >=64rem) {
            min-width: 100%;
        }
    }

    .lg\:flex-1 {
        @media (width >=64rem) {
            flex: 1;
        }
    }

    .lg\:flex-auto {
        @media (width >=64rem) {
            flex: auto;
        }
    }

    .lg\:flex-none {
        @media (width >=64rem) {
            flex: none;
        }
    }

    .lg\:shrink {
        @media (width >=64rem) {
            flex-shrink: 1;
        }
    }

    .lg\:shrink-0 {
        @media (width >=64rem) {
            flex-shrink: 0;
        }
    }

    .lg\:grow {
        @media (width >=64rem) {
            flex-grow: 1;
        }
    }

    .lg\:grow-0 {
        @media (width >=64rem) {
            flex-grow: 0;
        }
    }

    .lg\:origin-center {
        @media (width >=64rem) {
            transform-origin: center;
        }
    }

    .lg\:-translate-x-1\/2 {
        @media (width >=64rem) {
            --tw-translate-x: calc(calc(1/2 * 100%) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .lg\:-translate-y-1\/2 {
        @media (width >=64rem) {
            --tw-translate-y: calc(calc(1/2 * 100%) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .lg\:-translate-y-72 {
        @media (width >=64rem) {
            --tw-translate-y: calc(var(--spacing) * -72);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .lg\:translate-x-0 {
        @media (width >=64rem) {
            --tw-translate-x: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .lg\:translate-x-1\/2 {
        @media (width >=64rem) {
            --tw-translate-x: calc(1/2 * 100%);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .lg\:translate-x-8 {
        @media (width >=64rem) {
            --tw-translate-x: calc(var(--spacing) * 8);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .lg\:translate-y-0 {
        @media (width >=64rem) {
            --tw-translate-y: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .lg\:translate-y-20 {
        @media (width >=64rem) {
            --tw-translate-y: calc(var(--spacing) * 20);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .lg\:transform-gpu {
        @media (width >=64rem) {
            transform: translateZ(0) var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
        }
    }

    .lg\:columns-3 {
        @media (width >=64rem) {
            columns: 3;
        }
    }

    .lg\:grid-flow-col-dense {
        @media (width >=64rem) {
            grid-auto-flow: column dense;
        }
    }

    .lg\:grid-flow-row-dense {
        @media (width >=64rem) {
            grid-auto-flow: row dense;
        }
    }

    .lg\:auto-rows-min {
        @media (width >=64rem) {
            grid-auto-rows: min-content;
        }
    }

    .lg\:grid-cols-1 {
        @media (width >=64rem) {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
    }

    .lg\:grid-cols-2 {
        @media (width >=64rem) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    .lg\:grid-cols-3 {
        @media (width >=64rem) {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    .lg\:grid-cols-4 {
        @media (width >=64rem) {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }

    .lg\:grid-cols-5 {
        @media (width >=64rem) {
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }
    }

    .lg\:grid-cols-6 {
        @media (width >=64rem) {
            grid-template-columns: repeat(6, minmax(0, 1fr));
        }
    }

    .lg\:grid-cols-7 {
        @media (width >=64rem) {
            grid-template-columns: repeat(7, minmax(0, 1fr));
        }
    }

    .lg\:grid-cols-10 {
        @media (width >=64rem) {
            grid-template-columns: repeat(10, minmax(0, 1fr));
        }
    }

    .lg\:grid-cols-12 {
        @media (width >=64rem) {
            grid-template-columns: repeat(12, minmax(0, 1fr));
        }
    }

    .lg\:grid-cols-\[max\(50\%\,36rem\)_1fr\] {
        @media (width >=64rem) {
            grid-template-columns: max(50%, 36rem) 1fr;
        }
    }

    .lg\:grid-rows-1 {
        @media (width >=64rem) {
            grid-template-rows: repeat(1, minmax(0, 1fr));
        }
    }

    .lg\:grid-rows-2 {
        @media (width >=64rem) {
            grid-template-rows: repeat(2, minmax(0, 1fr));
        }
    }

    .lg\:grid-rows-3 {
        @media (width >=64rem) {
            grid-template-rows: repeat(3, minmax(0, 1fr));
        }
    }

    .lg\:grid-rows-6 {
        @media (width >=64rem) {
            grid-template-rows: repeat(6, minmax(0, 1fr));
        }
    }

    .lg\:grid-rows-\[auto_auto_1fr\] {
        @media (width >=64rem) {
            grid-template-rows: auto auto 1fr;
        }
    }

    .lg\:flex-col {
        @media (width >=64rem) {
            flex-direction: column;
        }
    }

    .lg\:flex-row {
        @media (width >=64rem) {
            flex-direction: row;
        }
    }

    .lg\:flex-row-reverse {
        @media (width >=64rem) {
            flex-direction: row-reverse;
        }
    }

    .lg\:items-center {
        @media (width >=64rem) {
            align-items: center;
        }
    }

    .lg\:items-end {
        @media (width >=64rem) {
            align-items: flex-end;
        }
    }

    .lg\:items-start {
        @media (width >=64rem) {
            align-items: flex-start;
        }
    }

    .lg\:items-stretch {
        @media (width >=64rem) {
            align-items: stretch;
        }
    }

    .lg\:justify-between {
        @media (width >=64rem) {
            justify-content: space-between;
        }
    }

    .lg\:justify-center {
        @media (width >=64rem) {
            justify-content: center;
        }
    }

    .lg\:justify-end {
        @media (width >=64rem) {
            justify-content: flex-end;
        }
    }

    .lg\:justify-start {
        @media (width >=64rem) {
            justify-content: flex-start;
        }
    }

    .lg\:gap-4 {
        @media (width >=64rem) {
            gap: calc(var(--spacing) * 4);
        }
    }

    .lg\:gap-5 {
        @media (width >=64rem) {
            gap: calc(var(--spacing) * 5);
        }
    }

    .lg\:gap-6 {
        @media (width >=64rem) {
            gap: calc(var(--spacing) * 6);
        }
    }

    .lg\:gap-8 {
        @media (width >=64rem) {
            gap: calc(var(--spacing) * 8);
        }
    }

    .lg\:gap-24 {
        @media (width >=64rem) {
            gap: calc(var(--spacing) * 24);
        }
    }

    .lg\:gap-px {
        @media (width >=64rem) {
            gap: 1px;
        }
    }

    .lg\:gap-x-5 {
        @media (width >=64rem) {
            column-gap: calc(var(--spacing) * 5);
        }
    }

    .lg\:gap-x-6 {
        @media (width >=64rem) {
            column-gap: calc(var(--spacing) * 6);
        }
    }

    .lg\:gap-x-8 {
        @media (width >=64rem) {
            column-gap: calc(var(--spacing) * 8);
        }
    }

    .lg\:gap-x-10 {
        @media (width >=64rem) {
            column-gap: calc(var(--spacing) * 10);
        }
    }

    .lg\:gap-x-12 {
        @media (width >=64rem) {
            column-gap: calc(var(--spacing) * 12);
        }
    }

    .lg\:gap-x-14 {
        @media (width >=64rem) {
            column-gap: calc(var(--spacing) * 14);
        }
    }

    .lg\:gap-x-16 {
        @media (width >=64rem) {
            column-gap: calc(var(--spacing) * 16);
        }
    }

    .lg\:gap-x-20 {
        @media (width >=64rem) {
            column-gap: calc(var(--spacing) * 20);
        }
    }

    .lg\:space-y-0 {
        @media (width >=64rem) {
            :where(& > :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)));
            }
        }
    }

    .lg\:space-y-8 {
        @media (width >=64rem) {
            :where(& > :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)));
            }
        }
    }

    .lg\:space-y-10 {
        @media (width >=64rem) {
            :where(& > :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)));
            }
        }
    }

    .lg\:space-y-20 {
        @media (width >=64rem) {
            :where(& > :not(:last-child)) {
                --tw-space-y-reverse: 0;
                margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));
                margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)));
            }
        }
    }

    .lg\:gap-y-0 {
        @media (width >=64rem) {
            row-gap: calc(var(--spacing) * 0);
        }
    }

    .lg\:gap-y-8 {
        @media (width >=64rem) {
            row-gap: calc(var(--spacing) * 8);
        }
    }

    .lg\:gap-y-10 {
        @media (width >=64rem) {
            row-gap: calc(var(--spacing) * 10);
        }
    }

    .lg\:gap-y-12 {
        @media (width >=64rem) {
            row-gap: calc(var(--spacing) * 12);
        }
    }

    .lg\:gap-y-16 {
        @media (width >=64rem) {
            row-gap: calc(var(--spacing) * 16);
        }
    }

    .lg\:gap-y-28 {
        @media (width >=64rem) {
            row-gap: calc(var(--spacing) * 28);
        }
    }

    .lg\:gap-y-44 {
        @media (width >=64rem) {
            row-gap: calc(var(--spacing) * 44);
        }
    }

    .lg\:space-x-0 {
        @media (width >=64rem) {
            :where(& > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 0) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-x-reverse)));
            }
        }
    }

    .lg\:space-x-4 {
        @media (width >=64rem) {
            :where(& > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
            }
        }
    }

    .lg\:space-x-6 {
        @media (width >=64rem) {
            :where(& > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
            }
        }
    }

    .lg\:space-x-8 {
        @media (width >=64rem) {
            :where(& > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
            }
        }
    }

    .lg\:space-x-24 {
        @media (width >=64rem) {
            :where(& > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 24) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-x-reverse)));
            }
        }
    }

    .lg\:divide-x {
        @media (width >=64rem) {
            :where(& > :not(:last-child)) {
                --tw-divide-x-reverse: 0;
                border-inline-style: var(--tw-border-style);
                border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
                border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
            }
        }
    }

    .lg\:divide-y {
        @media (width >=64rem) {
            :where(& > :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)));
            }
        }
    }

    .lg\:divide-y-0 {
        @media (width >=64rem) {
            :where(& > :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(0px * var(--tw-divide-y-reverse));
                border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
            }
        }
    }

    .lg\:divide-gray-200 {
        @media (width >=64rem) {
            :where(& > :not(:last-child)) {
                border-color: var(--color-gray-200);
            }
        }
    }

    .lg\:divide-gray-700 {
        @media (width >=64rem) {
            :where(& > :not(:last-child)) {
                border-color: var(--color-gray-700);
            }
        }
    }

    .lg\:self-center {
        @media (width >=64rem) {
            align-self: center;
        }
    }

    .lg\:self-end {
        @media (width >=64rem) {
            align-self: flex-end;
        }
    }

    .lg\:self-start {
        @media (width >=64rem) {
            align-self: flex-start;
        }
    }

    .lg\:self-stretch {
        @media (width >=64rem) {
            align-self: stretch;
        }
    }

    .lg\:overflow-hidden {
        @media (width >=64rem) {
            overflow: hidden;
        }
    }

    .lg\:overflow-visible {
        @media (width >=64rem) {
            overflow: visible;
        }
    }

    .lg\:overflow-y-auto {
        @media (width >=64rem) {
            overflow-y: auto;
        }
    }

    .lg\:overflow-y-visible {
        @media (width >=64rem) {
            overflow-y: visible;
        }
    }

    .lg\:rounded-2xl {
        @media (width >=64rem) {
            border-radius: var(--radius-2xl);
        }
    }

    .lg\:rounded-3xl {
        @media (width >=64rem) {
            border-radius: var(--radius-3xl);
        }
    }

    .lg\:rounded-lg {
        @media (width >=64rem) {
            border-radius: var(--radius-lg);
        }
    }

    .lg\:rounded-md {
        @media (width >=64rem) {
            border-radius: var(--radius-md);
        }
    }

    .lg\:rounded-none {
        @media (width >=64rem) {
            border-radius: 0;
        }
    }

    .lg\:rounded-l-\[2rem\] {
        @media (width >=64rem) {
            border-top-left-radius: 2rem;
            border-bottom-left-radius: 2rem;
        }
    }

    .lg\:rounded-l-\[calc\(2rem\+1px\)\] {
        @media (width >=64rem) {
            border-top-left-radius: calc(2rem + 1px);
            border-bottom-left-radius: calc(2rem + 1px);
        }
    }

    .lg\:rounded-l-lg {
        @media (width >=64rem) {
            border-top-left-radius: var(--radius-lg);
            border-bottom-left-radius: var(--radius-lg);
        }
    }

    .lg\:rounded-l-none {
        @media (width >=64rem) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }
    }

    .lg\:rounded-t-2xl {
        @media (width >=64rem) {
            border-top-left-radius: var(--radius-2xl);
            border-top-right-radius: var(--radius-2xl);
        }
    }

    .lg\:rounded-tl-\[2rem\] {
        @media (width >=64rem) {
            border-top-left-radius: 2rem;
        }
    }

    .lg\:rounded-tl-\[calc\(2rem\+1px\)\] {
        @media (width >=64rem) {
            border-top-left-radius: calc(2rem + 1px);
        }
    }

    .lg\:rounded-tl-lg {
        @media (width >=64rem) {
            border-top-left-radius: var(--radius-lg);
        }
    }

    .lg\:rounded-r-\[2rem\] {
        @media (width >=64rem) {
            border-top-right-radius: 2rem;
            border-bottom-right-radius: 2rem;
        }
    }

    .lg\:rounded-r-\[calc\(2rem\+1px\)\] {
        @media (width >=64rem) {
            border-top-right-radius: calc(2rem + 1px);
            border-bottom-right-radius: calc(2rem + 1px);
        }
    }

    .lg\:rounded-r-lg {
        @media (width >=64rem) {
            border-top-right-radius: var(--radius-lg);
            border-bottom-right-radius: var(--radius-lg);
        }
    }

    .lg\:rounded-r-none {
        @media (width >=64rem) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }
    }

    .lg\:rounded-tr-3xl {
        @media (width >=64rem) {
            border-top-right-radius: var(--radius-3xl);
        }
    }

    .lg\:rounded-tr-\[2rem\] {
        @media (width >=64rem) {
            border-top-right-radius: 2rem;
        }
    }

    .lg\:rounded-tr-\[calc\(2rem\+1px\)\] {
        @media (width >=64rem) {
            border-top-right-radius: calc(2rem + 1px);
        }
    }

    .lg\:rounded-tr-none {
        @media (width >=64rem) {
            border-top-right-radius: 0;
        }
    }

    .lg\:rounded-b-none {
        @media (width >=64rem) {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
        }
    }

    .lg\:rounded-br-\[2rem\] {
        @media (width >=64rem) {
            border-bottom-right-radius: 2rem;
        }
    }

    .lg\:rounded-br-\[calc\(2rem\+1px\)\] {
        @media (width >=64rem) {
            border-bottom-right-radius: calc(2rem + 1px);
        }
    }

    .lg\:rounded-br-none {
        @media (width >=64rem) {
            border-bottom-right-radius: 0;
        }
    }

    .lg\:rounded-bl-3xl {
        @media (width >=64rem) {
            border-bottom-left-radius: var(--radius-3xl);
        }
    }

    .lg\:rounded-bl-\[2rem\] {
        @media (width >=64rem) {
            border-bottom-left-radius: 2rem;
        }
    }

    .lg\:rounded-bl-\[calc\(2rem\+1px\)\] {
        @media (width >=64rem) {
            border-bottom-left-radius: calc(2rem + 1px);
        }
    }

    .lg\:rounded-bl-none {
        @media (width >=64rem) {
            border-bottom-left-radius: 0;
        }
    }

    .lg\:border-0 {
        @media (width >=64rem) {
            border-style: var(--tw-border-style);
            border-width: 0px;
        }
    }

    .lg\:border-t {
        @media (width >=64rem) {
            border-top-style: var(--tw-border-style);
            border-top-width: 1px;
        }
    }

    .lg\:border-t-0 {
        @media (width >=64rem) {
            border-top-style: var(--tw-border-style);
            border-top-width: 0px;
        }
    }

    .lg\:border-r {
        @media (width >=64rem) {
            border-right-style: var(--tw-border-style);
            border-right-width: 1px;
        }
    }

    .lg\:border-b {
        @media (width >=64rem) {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px;
        }
    }

    .lg\:border-l {
        @media (width >=64rem) {
            border-left-style: var(--tw-border-style);
            border-left-width: 1px;
        }
    }

    .lg\:border-none {
        @media (width >=64rem) {
            --tw-border-style: none;
            border-style: none;
        }
    }

    .lg\:border-gray-200 {
        @media (width >=64rem) {
            border-color: var(--color-gray-200);
        }
    }

    .lg\:border-gray-900\/10 {
        @media (width >=64rem) {
            border-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent);
        }
    }

    .lg\:border-indigo-400\/25 {
        @media (width >=64rem) {
            border-color: color-mix(in oklab, var(--color-indigo-400) 25%, transparent);
        }
    }

    .lg\:border-sky-800 {
        @media (width >=64rem) {
            border-color: var(--color-sky-800);
        }
    }

    .lg\:border-white\/5 {
        @media (width >=64rem) {
            border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
        }
    }

    .lg\:border-white\/10 {
        @media (width >=64rem) {
            border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
    }

    .lg\:border-white\/20 {
        @media (width >=64rem) {
            border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
        }
    }

    .lg\:border-t-gray-900\/5 {
        @media (width >=64rem) {
            border-top-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent);
        }
    }

    .lg\:bg-gray-100 {
        @media (width >=64rem) {
            background-color: var(--color-gray-100);
        }
    }

    .lg\:bg-gray-200 {
        @media (width >=64rem) {
            background-color: var(--color-gray-200);
        }
    }

    .lg\:bg-gray-800 {
        @media (width >=64rem) {
            background-color: var(--color-gray-800);
        }
    }

    .lg\:bg-gray-800\/80 {
        @media (width >=64rem) {
            background-color: color-mix(in oklab, var(--color-gray-800) 80%, transparent);
        }
    }

    .lg\:bg-gray-900 {
        @media (width >=64rem) {
            background-color: var(--color-gray-900);
        }
    }

    .lg\:bg-gray-900\/10 {
        @media (width >=64rem) {
            background-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent);
        }
    }

    .lg\:bg-transparent {
        @media (width >=64rem) {
            background-color: transparent;
        }
    }

    .lg\:bg-\[radial-gradient\(circle_at_center_150\%\,\#7775D6\,\#592E71\,\#030712_70\%\)\] {
        @media (width >=64rem) {
            background-image: radial-gradient(circle at center 150%, #7775D6, #592E71, #030712 70%);
        }
    }

    .lg\:bg-none {
        @media (width >=64rem) {
            background-image: none;
        }
    }

    .lg\:object-right {
        @media (width >=64rem) {
            object-position: right;
        }
    }

    .lg\:p-0 {
        @media (width >=64rem) {
            padding: calc(var(--spacing) * 0);
        }
    }

    .lg\:p-2 {
        @media (width >=64rem) {
            padding: calc(var(--spacing) * 2);
        }
    }

    .lg\:p-4 {
        @media (width >=64rem) {
            padding: calc(var(--spacing) * 4);
        }
    }

    .lg\:p-6 {
        @media (width >=64rem) {
            padding: calc(var(--spacing) * 6);
        }
    }

    .lg\:p-8 {
        @media (width >=64rem) {
            padding: calc(var(--spacing) * 8);
        }
    }

    .lg\:p-20 {
        @media (width >=64rem) {
            padding: calc(var(--spacing) * 20);
        }
    }

    .lg\:px-0 {
        @media (width >=64rem) {
            padding-inline: calc(var(--spacing) * 0);
        }
    }

    .lg\:px-2 {
        @media (width >=64rem) {
            padding-inline: calc(var(--spacing) * 2);
        }
    }

    .lg\:px-4 {
        @media (width >=64rem) {
            padding-inline: calc(var(--spacing) * 4);
        }
    }

    .lg\:px-6 {
        @media (width >=64rem) {
            padding-inline: calc(var(--spacing) * 6);
        }
    }

    .lg\:px-8 {
        @media (width >=64rem) {
            padding-inline: calc(var(--spacing) * 8);
        }
    }

    .lg\:px-16 {
        @media (width >=64rem) {
            padding-inline: calc(var(--spacing) * 16);
        }
    }

    .lg\:px-20 {
        @media (width >=64rem) {
            padding-inline: calc(var(--spacing) * 20);
        }
    }

    .lg\:px-24 {
        @media (width >=64rem) {
            padding-inline: calc(var(--spacing) * 24);
        }
    }

    .lg\:py-0 {
        @media (width >=64rem) {
            padding-block: calc(var(--spacing) * 0);
        }
    }

    .lg\:py-2 {
        @media (width >=64rem) {
            padding-block: calc(var(--spacing) * 2);
        }
    }

    .lg\:py-5 {
        @media (width >=64rem) {
            padding-block: calc(var(--spacing) * 5);
        }
    }

    .lg\:py-6 {
        @media (width >=64rem) {
            padding-block: calc(var(--spacing) * 6);
        }
    }

    .lg\:py-8 {
        @media (width >=64rem) {
            padding-block: calc(var(--spacing) * 8);
        }
    }

    .lg\:py-12 {
        @media (width >=64rem) {
            padding-block: calc(var(--spacing) * 12);
        }
    }

    .lg\:py-16 {
        @media (width >=64rem) {
            padding-block: calc(var(--spacing) * 16);
        }
    }

    .lg\:py-20 {
        @media (width >=64rem) {
            padding-block: calc(var(--spacing) * 20);
        }
    }

    .lg\:py-24 {
        @media (width >=64rem) {
            padding-block: calc(var(--spacing) * 24);
        }
    }

    .lg\:py-32 {
        @media (width >=64rem) {
            padding-block: calc(var(--spacing) * 32);
        }
    }

    .lg\:py-40 {
        @media (width >=64rem) {
            padding-block: calc(var(--spacing) * 40);
        }
    }

    .lg\:py-48 {
        @media (width >=64rem) {
            padding-block: calc(var(--spacing) * 48);
        }
    }

    .lg\:py-56 {
        @media (width >=64rem) {
            padding-block: calc(var(--spacing) * 56);
        }
    }

    .lg\:py-64 {
        @media (width >=64rem) {
            padding-block: calc(var(--spacing) * 64);
        }
    }

    .lg\:pt-0 {
        @media (width >=64rem) {
            padding-top: calc(var(--spacing) * 0);
        }
    }

    .lg\:pt-2 {
        @media (width >=64rem) {
            padding-top: calc(var(--spacing) * 2);
        }
    }

    .lg\:pt-4 {
        @media (width >=64rem) {
            padding-top: calc(var(--spacing) * 4);
        }
    }

    .lg\:pt-5 {
        @media (width >=64rem) {
            padding-top: calc(var(--spacing) * 5);
        }
    }

    .lg\:pt-6 {
        @media (width >=64rem) {
            padding-top: calc(var(--spacing) * 6);
        }
    }

    .lg\:pt-8 {
        @media (width >=64rem) {
            padding-top: calc(var(--spacing) * 8);
        }
    }

    .lg\:pt-10 {
        @media (width >=64rem) {
            padding-top: calc(var(--spacing) * 10);
        }
    }

    .lg\:pt-12 {
        @media (width >=64rem) {
            padding-top: calc(var(--spacing) * 12);
        }
    }

    .lg\:pt-14 {
        @media (width >=64rem) {
            padding-top: calc(var(--spacing) * 14);
        }
    }

    .lg\:pt-16 {
        @media (width >=64rem) {
            padding-top: calc(var(--spacing) * 16);
        }
    }

    .lg\:pt-20 {
        @media (width >=64rem) {
            padding-top: calc(var(--spacing) * 20);
        }
    }

    .lg\:pt-24 {
        @media (width >=64rem) {
            padding-top: calc(var(--spacing) * 24);
        }
    }

    .lg\:pt-32 {
        @media (width >=64rem) {
            padding-top: calc(var(--spacing) * 32);
        }
    }

    .lg\:pt-36 {
        @media (width >=64rem) {
            padding-top: calc(var(--spacing) * 36);
        }
    }

    .lg\:pt-40 {
        @media (width >=64rem) {
            padding-top: calc(var(--spacing) * 40);
        }
    }

    .lg\:pt-80 {
        @media (width >=64rem) {
            padding-top: calc(var(--spacing) * 80);
        }
    }

    .lg\:pr-0 {
        @media (width >=64rem) {
            padding-right: calc(var(--spacing) * 0);
        }
    }

    .lg\:pr-0\.5 {
        @media (width >=64rem) {
            padding-right: calc(var(--spacing) * 0.5);
        }
    }

    .lg\:pr-4 {
        @media (width >=64rem) {
            padding-right: calc(var(--spacing) * 4);
        }
    }

    .lg\:pr-8 {
        @media (width >=64rem) {
            padding-right: calc(var(--spacing) * 8);
        }
    }

    .lg\:pr-16 {
        @media (width >=64rem) {
            padding-right: calc(var(--spacing) * 16);
        }
    }

    .lg\:pr-20 {
        @media (width >=64rem) {
            padding-right: calc(var(--spacing) * 20);
        }
    }

    .lg\:pr-96 {
        @media (width >=64rem) {
            padding-right: calc(var(--spacing) * 96);
        }
    }

    .lg\:pb-0 {
        @media (width >=64rem) {
            padding-bottom: calc(var(--spacing) * 0);
        }
    }

    .lg\:pb-2 {
        @media (width >=64rem) {
            padding-bottom: calc(var(--spacing) * 2);
        }
    }

    .lg\:pb-4 {
        @media (width >=64rem) {
            padding-bottom: calc(var(--spacing) * 4);
        }
    }

    .lg\:pb-8 {
        @media (width >=64rem) {
            padding-bottom: calc(var(--spacing) * 8);
        }
    }

    .lg\:pb-10 {
        @media (width >=64rem) {
            padding-bottom: calc(var(--spacing) * 10);
        }
    }

    .lg\:pb-14 {
        @media (width >=64rem) {
            padding-bottom: calc(var(--spacing) * 14);
        }
    }

    .lg\:pb-16 {
        @media (width >=64rem) {
            padding-bottom: calc(var(--spacing) * 16);
        }
    }

    .lg\:pb-20 {
        @media (width >=64rem) {
            padding-bottom: calc(var(--spacing) * 20);
        }
    }

    .lg\:pb-24 {
        @media (width >=64rem) {
            padding-bottom: calc(var(--spacing) * 24);
        }
    }

    .lg\:pb-28 {
        @media (width >=64rem) {
            padding-bottom: calc(var(--spacing) * 28);
        }
    }

    .lg\:pb-32 {
        @media (width >=64rem) {
            padding-bottom: calc(var(--spacing) * 32);
        }
    }

    .lg\:pb-40 {
        @media (width >=64rem) {
            padding-bottom: calc(var(--spacing) * 40);
        }
    }

    .lg\:pb-48 {
        @media (width >=64rem) {
            padding-bottom: calc(var(--spacing) * 48);
        }
    }

    .lg\:pl-0 {
        @media (width >=64rem) {
            padding-left: calc(var(--spacing) * 0);
        }
    }

    .lg\:pl-2 {
        @media (width >=64rem) {
            padding-left: calc(var(--spacing) * 2);
        }
    }

    .lg\:pl-4 {
        @media (width >=64rem) {
            padding-left: calc(var(--spacing) * 4);
        }
    }

    .lg\:pl-8 {
        @media (width >=64rem) {
            padding-left: calc(var(--spacing) * 8);
        }
    }

    .lg\:pl-9 {
        @media (width >=64rem) {
            padding-left: calc(var(--spacing) * 9);
        }
    }

    .lg\:pl-10 {
        @media (width >=64rem) {
            padding-left: calc(var(--spacing) * 10);
        }
    }

    .lg\:pl-12 {
        @media (width >=64rem) {
            padding-left: calc(var(--spacing) * 12);
        }
    }

    .lg\:pl-16 {
        @media (width >=64rem) {
            padding-left: calc(var(--spacing) * 16);
        }
    }

    .lg\:pl-20 {
        @media (width >=64rem) {
            padding-left: calc(var(--spacing) * 20);
        }
    }

    .lg\:pl-24 {
        @media (width >=64rem) {
            padding-left: calc(var(--spacing) * 24);
        }
    }

    .lg\:pl-64 {
        @media (width >=64rem) {
            padding-left: calc(var(--spacing) * 64);
        }
    }

    .lg\:pl-72 {
        @media (width >=64rem) {
            padding-left: calc(var(--spacing) * 72);
        }
    }

    .lg\:text-center {
        @media (width >=64rem) {
            text-align: center;
        }
    }

    .lg\:text-left {
        @media (width >=64rem) {
            text-align: left;
        }
    }

    .lg\:text-5xl {
        @media (width >=64rem) {
            font-size: var(--text-5xl);
            line-height: var(--tw-leading, var(--text-5xl--line-height));
        }
    }

    .lg\:text-6xl {
        @media (width >=64rem) {
            font-size: var(--text-6xl);
            line-height: var(--tw-leading, var(--text-6xl--line-height));
        }
    }

    .lg\:text-base {
        @media (width >=64rem) {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
        }
    }

    .lg\:text-lg {
        @media (width >=64rem) {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height));
        }
    }

    .lg\:text-sm {
        @media (width >=64rem) {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
        }
    }

    .lg\:text-balance {
        @media (width >=64rem) {
            text-wrap: balance;
        }
    }

    .lg\:text-pretty {
        @media (width >=64rem) {
            text-wrap: pretty;
        }
    }

    .lg\:opacity-100 {
        @media (width >=64rem) {
            opacity: 100%;
        }
    }

    .lg\:ring-0 {
        @media (width >=64rem) {
            --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);
        }
    }

    .lg\:ring-1 {
        @media (width >=64rem) {
            --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);
        }
    }

    .lg\:shadow-none {
        @media (width >=64rem) {
            --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);
        }
    }

    .lg\:ring-black\/5 {
        @media (width >=64rem) {
            --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
        }
    }

    .lg\:ring-white\/10 {
        @media (width >=64rem) {
            --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
    }

    .lg\:hover\:bg-gray-50 {
        @media (width >=64rem) {
            &:hover {
                @media (hover: hover) {
                    background-color: var(--color-gray-50);
                }
            }
        }
    }

    .data-open\:lg\:static {
        &[data-open] {
            @media (width >=64rem) {
                position: static;
            }
        }
    }

    .data-open\:lg\:inset-y-0 {
        &[data-open] {
            @media (width >=64rem) {
                inset-block: calc(var(--spacing) * 0);
            }
        }
    }

    .data-open\:lg\:overflow-y-visible {
        &[data-open] {
            @media (width >=64rem) {
                overflow-y: visible;
            }
        }
    }

    .data-open\:lg\:bg-transparent {
        &[data-open] {
            @media (width >=64rem) {
                background-color: transparent;
            }
        }
    }

    .data-\[open\]\:lg\:static {
        &[data-open] {
            @media (width >=64rem) {
                position: static;
            }
        }
    }

    .data-\[open\]\:lg\:inset-y-0 {
        &[data-open] {
            @media (width >=64rem) {
                inset-block: calc(var(--spacing) * 0);
            }
        }
    }

    .data-\[open\]\:lg\:overflow-y-visible {
        &[data-open] {
            @media (width >=64rem) {
                overflow-y: visible;
            }
        }
    }

    .data-\[open\]\:lg\:bg-transparent {
        &[data-open] {
            @media (width >=64rem) {
                background-color: transparent;
            }
        }
    }

    .xl\:absolute {
        @media (width >=80rem) {
            position: absolute;
        }
    }

    .xl\:fixed {
        @media (width >=80rem) {
            position: fixed;
        }
    }

    .xl\:relative {
        @media (width >=80rem) {
            position: relative;
        }
    }

    .xl\:static {
        @media (width >=80rem) {
            position: static;
        }
    }

    .xl\:inset-0 {
        @media (width >=80rem) {
            inset: calc(var(--spacing) * 0);
        }
    }

    .xl\:inset-y-0 {
        @media (width >=80rem) {
            inset-block: calc(var(--spacing) * 0);
        }
    }

    .xl\:-top-6 {
        @media (width >=80rem) {
            top: calc(var(--spacing) * -6);
        }
    }

    .xl\:top-0 {
        @media (width >=80rem) {
            top: calc(var(--spacing) * 0);
        }
    }

    .xl\:top-3 {
        @media (width >=80rem) {
            top: calc(var(--spacing) * 3);
        }
    }

    .xl\:top-auto {
        @media (width >=80rem) {
            top: auto;
        }
    }

    .xl\:right-1\/2 {
        @media (width >=80rem) {
            right: calc(1/2 * 100%);
        }
    }

    .xl\:right-auto {
        @media (width >=80rem) {
            right: auto;
        }
    }

    .xl\:bottom-auto {
        @media (width >=80rem) {
            bottom: auto;
        }
    }

    .xl\:-left-10 {
        @media (width >=80rem) {
            left: calc(var(--spacing) * -10);
        }
    }

    .xl\:left-0 {
        @media (width >=80rem) {
            left: calc(var(--spacing) * 0);
        }
    }

    .xl\:left-1\/2 {
        @media (width >=80rem) {
            left: calc(1/2 * 100%);
        }
    }

    .xl\:left-\[calc\(50\%-24rem\)\] {
        @media (width >=80rem) {
            left: calc(50% - 24rem);
        }
    }

    .xl\:z-50 {
        @media (width >=80rem) {
            z-index: 50;
        }
    }

    .xl\:order-first {
        @media (width >=80rem) {
            order: calc(-infinity);
        }
    }

    .xl\:order-last {
        @media (width >=80rem) {
            order: calc(infinity);
        }
    }

    .xl\:order-none {
        @media (width >=80rem) {
            order: 0;
        }
    }

    .xl\:col-auto {
        @media (width >=80rem) {
            grid-column: auto;
        }
    }

    .xl\:col-span-1 {
        @media (width >=80rem) {
            grid-column: span 1 / span 1;
        }
    }

    .xl\:col-span-2 {
        @media (width >=80rem) {
            grid-column: span 2 / span 2;
        }
    }

    .xl\:col-span-3 {
        @media (width >=80rem) {
            grid-column: span 3 / span 3;
        }
    }

    .xl\:col-span-4 {
        @media (width >=80rem) {
            grid-column: span 4 / span 4;
        }
    }

    .xl\:col-span-6 {
        @media (width >=80rem) {
            grid-column: span 6 / span 6;
        }
    }

    .xl\:col-span-8 {
        @media (width >=80rem) {
            grid-column: span 8 / span 8;
        }
    }

    .xl\:col-span-9 {
        @media (width >=80rem) {
            grid-column: span 9 / span 9;
        }
    }

    .xl\:col-start-1 {
        @media (width >=80rem) {
            grid-column-start: 1;
        }
    }

    .xl\:col-start-2 {
        @media (width >=80rem) {
            grid-column-start: 2;
        }
    }

    .xl\:col-start-4 {
        @media (width >=80rem) {
            grid-column-start: 4;
        }
    }

    .xl\:col-start-5 {
        @media (width >=80rem) {
            grid-column-start: 5;
        }
    }

    .xl\:col-start-9 {
        @media (width >=80rem) {
            grid-column-start: 9;
        }
    }

    .xl\:col-end-1 {
        @media (width >=80rem) {
            grid-column-end: 1;
        }
    }

    .xl\:row-span-2 {
        @media (width >=80rem) {
            grid-row: span 2 / span 2;
        }
    }

    .xl\:row-start-1 {
        @media (width >=80rem) {
            grid-row-start: 1;
        }
    }

    .xl\:row-end-1 {
        @media (width >=80rem) {
            grid-row-end: 1;
        }
    }

    .xl\:row-end-2 {
        @media (width >=80rem) {
            grid-row-end: 2;
        }
    }

    .xl\:-mx-4 {
        @media (width >=80rem) {
            margin-inline: calc(var(--spacing) * -4);
        }
    }

    .xl\:mx-0 {
        @media (width >=80rem) {
            margin-inline: calc(var(--spacing) * 0);
        }
    }

    .xl\:mx-auto {
        @media (width >=80rem) {
            margin-inline: auto;
        }
    }

    .xl\:-mt-8 {
        @media (width >=80rem) {
            margin-top: calc(var(--spacing) * -8);
        }
    }

    .xl\:mt-0 {
        @media (width >=80rem) {
            margin-top: calc(var(--spacing) * 0);
        }
    }

    .xl\:mt-3 {
        @media (width >=80rem) {
            margin-top: calc(var(--spacing) * 3);
        }
    }

    .xl\:mt-10 {
        @media (width >=80rem) {
            margin-top: calc(var(--spacing) * 10);
        }
    }

    .xl\:mt-16 {
        @media (width >=80rem) {
            margin-top: calc(var(--spacing) * 16);
        }
    }

    .xl\:mt-36 {
        @media (width >=80rem) {
            margin-top: calc(var(--spacing) * 36);
        }
    }

    .xl\:mr-0 {
        @media (width >=80rem) {
            margin-right: calc(var(--spacing) * 0);
        }
    }

    .xl\:mr-16 {
        @media (width >=80rem) {
            margin-right: calc(var(--spacing) * 16);
        }
    }

    .xl\:mr-\[calc\(50\%-12rem\)\] {
        @media (width >=80rem) {
            margin-right: calc(50% - 12rem);
        }
    }

    .xl\:mr-auto {
        @media (width >=80rem) {
            margin-right: auto;
        }
    }

    .xl\:-mb-8 {
        @media (width >=80rem) {
            margin-bottom: calc(var(--spacing) * -8);
        }
    }

    .xl\:-ml-80 {
        @media (width >=80rem) {
            margin-left: calc(var(--spacing) * -80);
        }
    }

    .xl\:ml-0 {
        @media (width >=80rem) {
            margin-left: calc(var(--spacing) * 0);
        }
    }

    .xl\:ml-3\.5 {
        @media (width >=80rem) {
            margin-left: calc(var(--spacing) * 3.5);
        }
    }

    .xl\:ml-4 {
        @media (width >=80rem) {
            margin-left: calc(var(--spacing) * 4);
        }
    }

    .xl\:ml-8 {
        @media (width >=80rem) {
            margin-left: calc(var(--spacing) * 8);
        }
    }

    .xl\:ml-32 {
        @media (width >=80rem) {
            margin-left: calc(var(--spacing) * 32);
        }
    }

    .xl\:ml-48 {
        @media (width >=80rem) {
            margin-left: calc(var(--spacing) * 48);
        }
    }

    .xl\:ml-56 {
        @media (width >=80rem) {
            margin-left: calc(var(--spacing) * 56);
        }
    }

    .xl\:block {
        @media (width >=80rem) {
            display: block;
        }
    }

    .xl\:contents {
        @media (width >=80rem) {
            display: contents;
        }
    }

    .xl\:flex {
        @media (width >=80rem) {
            display: flex;
        }
    }

    .xl\:grid {
        @media (width >=80rem) {
            display: grid;
        }
    }

    .xl\:hidden {
        @media (width >=80rem) {
            display: none;
        }
    }

    .xl\:inline {
        @media (width >=80rem) {
            display: inline;
        }
    }

    .xl\:aspect-7\/8 {
        @media (width >=80rem) {
            aspect-ratio: 7/8;
        }
    }

    .xl\:aspect-\[7\/8\] {
        @media (width >=80rem) {
            aspect-ratio: 7/8;
        }
    }

    .xl\:aspect-auto {
        @media (width >=80rem) {
            aspect-ratio: auto;
        }
    }

    .xl\:h-80 {
        @media (width >=80rem) {
            height: calc(var(--spacing) * 80);
        }
    }

    .xl\:h-\[608px\] {
        @media (width >=80rem) {
            height: 608px;
        }
    }

    .xl\:h-full {
        @media (width >=80rem) {
            height: 100%;
        }
    }

    .xl\:w-0 {
        @media (width >=80rem) {
            width: calc(var(--spacing) * 0);
        }
    }

    .xl\:w-1\/2 {
        @media (width >=80rem) {
            width: calc(1/2 * 100%);
        }
    }

    .xl\:w-32 {
        @media (width >=80rem) {
            width: calc(var(--spacing) * 32);
        }
    }

    .xl\:w-64 {
        @media (width >=80rem) {
            width: calc(var(--spacing) * 64);
        }
    }

    .xl\:w-72 {
        @media (width >=80rem) {
            width: calc(var(--spacing) * 72);
        }
    }

    .xl\:w-80 {
        @media (width >=80rem) {
            width: calc(var(--spacing) * 80);
        }
    }

    .xl\:w-96 {
        @media (width >=80rem) {
            width: calc(var(--spacing) * 96);
        }
    }

    .xl\:w-auto {
        @media (width >=80rem) {
            width: auto;
        }
    }

    .xl\:w-full {
        @media (width >=80rem) {
            width: 100%;
        }
    }

    .xl\:max-w-2xl {
        @media (width >=80rem) {
            max-width: var(--container-2xl);
        }
    }

    .xl\:max-w-5xl {
        @media (width >=80rem) {
            max-width: var(--container-5xl);
        }
    }

    .xl\:max-w-6xl {
        @media (width >=80rem) {
            max-width: var(--container-6xl);
        }
    }

    .xl\:max-w-7xl {
        @media (width >=80rem) {
            max-width: var(--container-7xl);
        }
    }

    .xl\:max-w-none {
        @media (width >=80rem) {
            max-width: none;
        }
    }

    .xl\:flex-1 {
        @media (width >=80rem) {
            flex: 1;
        }
    }

    .xl\:flex-auto {
        @media (width >=80rem) {
            flex: auto;
        }
    }

    .xl\:flex-none {
        @media (width >=80rem) {
            flex: none;
        }
    }

    .xl\:shrink-0 {
        @media (width >=80rem) {
            flex-shrink: 0;
        }
    }

    .xl\:origin-center {
        @media (width >=80rem) {
            transform-origin: center;
        }
    }

    .xl\:-translate-y-1\/2 {
        @media (width >=80rem) {
            --tw-translate-y: calc(calc(1/2 * 100%) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .xl\:translate-x-0 {
        @media (width >=80rem) {
            --tw-translate-x: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .xl\:translate-y-0 {
        @media (width >=80rem) {
            --tw-translate-y: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .xl\:grid-flow-col {
        @media (width >=80rem) {
            grid-auto-flow: column;
        }
    }

    .xl\:grid-flow-col-dense {
        @media (width >=80rem) {
            grid-auto-flow: column dense;
        }
    }

    .xl\:grid-cols-1 {
        @media (width >=80rem) {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
    }

    .xl\:grid-cols-2 {
        @media (width >=80rem) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    .xl\:grid-cols-3 {
        @media (width >=80rem) {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    .xl\:grid-cols-4 {
        @media (width >=80rem) {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }

    .xl\:grid-cols-5 {
        @media (width >=80rem) {
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }
    }

    .xl\:grid-cols-6 {
        @media (width >=80rem) {
            grid-template-columns: repeat(6, minmax(0, 1fr));
        }
    }

    .xl\:grid-cols-12 {
        @media (width >=80rem) {
            grid-template-columns: repeat(12, minmax(0, 1fr));
        }
    }

    .xl\:grid-rows-1 {
        @media (width >=80rem) {
            grid-template-rows: repeat(1, minmax(0, 1fr));
        }
    }

    .xl\:flex-col {
        @media (width >=80rem) {
            flex-direction: column;
        }
    }

    .xl\:flex-row {
        @media (width >=80rem) {
            flex-direction: row;
        }
    }

    .xl\:items-center {
        @media (width >=80rem) {
            align-items: center;
        }
    }

    .xl\:items-start {
        @media (width >=80rem) {
            align-items: flex-start;
        }
    }

    .xl\:items-stretch {
        @media (width >=80rem) {
            align-items: stretch;
        }
    }

    .xl\:justify-between {
        @media (width >=80rem) {
            justify-content: space-between;
        }
    }

    .xl\:justify-end {
        @media (width >=80rem) {
            justify-content: flex-end;
        }
    }

    .xl\:gap-8 {
        @media (width >=80rem) {
            gap: calc(var(--spacing) * 8);
        }
    }

    .xl\:gap-x-8 {
        @media (width >=80rem) {
            column-gap: calc(var(--spacing) * 8);
        }
    }

    .xl\:gap-x-16 {
        @media (width >=80rem) {
            column-gap: calc(var(--spacing) * 16);
        }
    }

    .xl\:gap-x-20 {
        @media (width >=80rem) {
            column-gap: calc(var(--spacing) * 20);
        }
    }

    .xl\:gap-x-24 {
        @media (width >=80rem) {
            column-gap: calc(var(--spacing) * 24);
        }
    }

    .xl\:gap-x-48 {
        @media (width >=80rem) {
            column-gap: calc(var(--spacing) * 48);
        }
    }

    .xl\:space-y-0 {
        @media (width >=80rem) {
            :where(& > :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)));
            }
        }
    }

    .xl\:space-y-6 {
        @media (width >=80rem) {
            :where(& > :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)));
            }
        }
    }

    .xl\:space-y-8 {
        @media (width >=80rem) {
            :where(& > :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)));
            }
        }
    }

    .xl\:space-y-20 {
        @media (width >=80rem) {
            :where(& > :not(:last-child)) {
                --tw-space-y-reverse: 0;
                margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));
                margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)));
            }
        }
    }

    .xl\:space-x-0 {
        @media (width >=80rem) {
            :where(& > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 0) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-x-reverse)));
            }
        }
    }

    .xl\:space-x-8 {
        @media (width >=80rem) {
            :where(& > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
            }
        }
    }

    .xl\:self-center {
        @media (width >=80rem) {
            align-self: center;
        }
    }

    .xl\:overflow-hidden {
        @media (width >=80rem) {
            overflow: hidden;
        }
    }

    .xl\:overflow-visible {
        @media (width >=80rem) {
            overflow: visible;
        }
    }

    .xl\:overflow-y-auto {
        @media (width >=80rem) {
            overflow-y: auto;
        }
    }

    .xl\:rounded-3xl {
        @media (width >=80rem) {
            border-radius: var(--radius-3xl);
        }
    }

    .xl\:border-t-0 {
        @media (width >=80rem) {
            border-top-style: var(--tw-border-style);
            border-top-width: 0px;
        }
    }

    .xl\:border-r {
        @media (width >=80rem) {
            border-right-style: var(--tw-border-style);
            border-right-width: 1px;
        }
    }

    .xl\:border-b {
        @media (width >=80rem) {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px;
        }
    }

    .xl\:border-b-0 {
        @media (width >=80rem) {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 0px;
        }
    }

    .xl\:border-l {
        @media (width >=80rem) {
            border-left-style: var(--tw-border-style);
            border-left-width: 1px;
        }
    }

    .xl\:border-gray-200 {
        @media (width >=80rem) {
            border-color: var(--color-gray-200);
        }
    }

    .xl\:border-gray-400\/50 {
        @media (width >=80rem) {
            border-color: color-mix(in oklab, var(--color-gray-400) 50%, transparent);
        }
    }

    .xl\:bg-gradient-to-r {
        @media (width >=80rem) {
            --tw-gradient-position: to right in oklab, ;
            background-image: linear-gradient(var(--tw-gradient-stops));
        }
    }

    .xl\:bg-linear-to-r {
        @media (width >=80rem) {
            --tw-gradient-position: to right in oklab, ;
            background-image: linear-gradient(var(--tw-gradient-stops));
        }
    }

    .xl\:p-10 {
        @media (width >=80rem) {
            padding: calc(var(--spacing) * 10);
        }
    }

    .xl\:p-12 {
        @media (width >=80rem) {
            padding: calc(var(--spacing) * 12);
        }
    }

    .xl\:px-0 {
        @media (width >=80rem) {
            padding-inline: calc(var(--spacing) * 0);
        }
    }

    .xl\:px-2 {
        @media (width >=80rem) {
            padding-inline: calc(var(--spacing) * 2);
        }
    }

    .xl\:px-8 {
        @media (width >=80rem) {
            padding-inline: calc(var(--spacing) * 8);
        }
    }

    .xl\:px-10 {
        @media (width >=80rem) {
            padding-inline: calc(var(--spacing) * 10);
        }
    }

    .xl\:px-14 {
        @media (width >=80rem) {
            padding-inline: calc(var(--spacing) * 14);
        }
    }

    .xl\:px-16 {
        @media (width >=80rem) {
            padding-inline: calc(var(--spacing) * 16);
        }
    }

    .xl\:px-20 {
        @media (width >=80rem) {
            padding-inline: calc(var(--spacing) * 20);
        }
    }

    .xl\:px-24 {
        @media (width >=80rem) {
            padding-inline: calc(var(--spacing) * 24);
        }
    }

    .xl\:py-10 {
        @media (width >=80rem) {
            padding-block: calc(var(--spacing) * 10);
        }
    }

    .xl\:py-16 {
        @media (width >=80rem) {
            padding-block: calc(var(--spacing) * 16);
        }
    }

    .xl\:py-20 {
        @media (width >=80rem) {
            padding-block: calc(var(--spacing) * 20);
        }
    }

    .xl\:py-24 {
        @media (width >=80rem) {
            padding-block: calc(var(--spacing) * 24);
        }
    }

    .xl\:py-32 {
        @media (width >=80rem) {
            padding-block: calc(var(--spacing) * 32);
        }
    }

    .xl\:py-36 {
        @media (width >=80rem) {
            padding-block: calc(var(--spacing) * 36);
        }
    }

    .xl\:pt-6 {
        @media (width >=80rem) {
            padding-top: calc(var(--spacing) * 6);
        }
    }

    .xl\:pt-8 {
        @media (width >=80rem) {
            padding-top: calc(var(--spacing) * 8);
        }
    }

    .xl\:pt-14 {
        @media (width >=80rem) {
            padding-top: calc(var(--spacing) * 14);
        }
    }

    .xl\:pt-16 {
        @media (width >=80rem) {
            padding-top: calc(var(--spacing) * 16);
        }
    }

    .xl\:pt-80 {
        @media (width >=80rem) {
            padding-top: calc(var(--spacing) * 80);
        }
    }

    .xl\:pr-0 {
        @media (width >=80rem) {
            padding-right: calc(var(--spacing) * 0);
        }
    }

    .xl\:pr-6 {
        @media (width >=80rem) {
            padding-right: calc(var(--spacing) * 6);
        }
    }

    .xl\:pr-8 {
        @media (width >=80rem) {
            padding-right: calc(var(--spacing) * 8);
        }
    }

    .xl\:pr-12 {
        @media (width >=80rem) {
            padding-right: calc(var(--spacing) * 12);
        }
    }

    .xl\:pr-16 {
        @media (width >=80rem) {
            padding-right: calc(var(--spacing) * 16);
        }
    }

    .xl\:pr-20 {
        @media (width >=80rem) {
            padding-right: calc(var(--spacing) * 20);
        }
    }

    .xl\:pr-96 {
        @media (width >=80rem) {
            padding-right: calc(var(--spacing) * 96);
        }
    }

    .xl\:pb-0 {
        @media (width >=80rem) {
            padding-bottom: calc(var(--spacing) * 0);
        }
    }

    .xl\:pb-6 {
        @media (width >=80rem) {
            padding-bottom: calc(var(--spacing) * 6);
        }
    }

    .xl\:pb-10 {
        @media (width >=80rem) {
            padding-bottom: calc(var(--spacing) * 10);
        }
    }

    .xl\:pb-20 {
        @media (width >=80rem) {
            padding-bottom: calc(var(--spacing) * 20);
        }
    }

    .xl\:pb-24 {
        @media (width >=80rem) {
            padding-bottom: calc(var(--spacing) * 24);
        }
    }

    .xl\:pb-32 {
        @media (width >=80rem) {
            padding-bottom: calc(var(--spacing) * 32);
        }
    }

    .xl\:pl-0 {
        @media (width >=80rem) {
            padding-left: calc(var(--spacing) * 0);
        }
    }

    .xl\:pl-3\.5 {
        @media (width >=80rem) {
            padding-left: calc(var(--spacing) * 3.5);
        }
    }

    .xl\:pl-6 {
        @media (width >=80rem) {
            padding-left: calc(var(--spacing) * 6);
        }
    }

    .xl\:pl-8 {
        @media (width >=80rem) {
            padding-left: calc(var(--spacing) * 8);
        }
    }

    .xl\:pl-12 {
        @media (width >=80rem) {
            padding-left: calc(var(--spacing) * 12);
        }
    }

    .xl\:pl-20 {
        @media (width >=80rem) {
            padding-left: calc(var(--spacing) * 20);
        }
    }

    .xl\:pl-32 {
        @media (width >=80rem) {
            padding-left: calc(var(--spacing) * 32);
        }
    }

    .xl\:pl-72 {
        @media (width >=80rem) {
            padding-left: calc(var(--spacing) * 72);
        }
    }

    .xl\:pl-96 {
        @media (width >=80rem) {
            padding-left: calc(var(--spacing) * 96);
        }
    }

    .xl\:text-center {
        @media (width >=80rem) {
            text-align: center;
        }
    }

    .xl\:text-6xl {
        @media (width >=80rem) {
            font-size: var(--text-6xl);
            line-height: var(--tw-leading, var(--text-6xl--line-height));
        }
    }

    .xl\:text-base {
        @media (width >=80rem) {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
        }
    }

    .xl\:text-lg {
        @media (width >=80rem) {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height));
        }
    }

    .xl\:text-xl {
        @media (width >=80rem) {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height));
        }
    }

    .\32 xl\:mt-5 {
        @media (width >=96rem) {
            margin-top: calc(var(--spacing) * 5);
        }
    }

    .\32 xl\:block {
        @media (width >=96rem) {
            display: block;
        }
    }

    .\32 xl\:hidden {
        @media (width >=96rem) {
            display: none;
        }
    }

    .\32 xl\:grid-cols-4 {
        @media (width >=96rem) {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }

    .dark\:text-gray-400 {
        @media (prefers-color-scheme: dark) {
            color: var(--color-gray-400);
        }
    }

    .forced-colors\:appearance-auto {
        @media (forced-colors: active) {
            appearance: auto;
        }
    }

    .forced-colors\:bg-\[Highlight\] {
        @media (forced-colors: active) {
            background-color: Highlight;
        }
    }

    .forced-colors\:text-\[Highlight\] {
        @media (forced-colors: active) {
            color: Highlight;
        }
    }

    .forced-colors\:group-data-focus\:text-\[Highlight\] {
        @media (forced-colors: active) {
            &:is(:where(.group)[data-focus] *) {
                color: Highlight;
            }
        }
    }

    .forced-colors\:group-data-\[focus\]\:text-\[Highlight\] {
        @media (forced-colors: active) {
            &:is(:where(.group)[data-focus] *) {
                color: Highlight;
            }
        }
    }

    .forced-colors\:before\:hidden {
        @media (forced-colors: active) {
            &::before {
                content: var(--tw-content);
                display: none;
            }
        }
    }

    .\[\&_h4\]\:mt-5 {
        & h4 {
            margin-top: calc(var(--spacing) * 5);
        }
    }

    .\[\&_h4\]\:font-medium {
        & h4 {
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
        }
    }

    .\[\&_h4\]\:text-gray-900 {
        & h4 {
            color: var(--color-gray-900);
        }
    }

    .\[\&_li\]\:pl-2 {
        & li {
            padding-left: calc(var(--spacing) * 2);
        }
    }

    .\[\&_li\:\:marker\]\:text-gray-300 {
        & li::marker {
            color: var(--color-gray-300);
        }
    }

    .\[\&_p\]\:my-2 {
        & p {
            margin-block: calc(var(--spacing) * 2);
        }
    }

    .\[\&_p\]\:text-sm\/6 {
        & p {
            font-size: var(--text-sm);
            line-height: calc(var(--spacing) * 6);
        }
    }

    .\[\&_ul\]\:my-4 {
        & ul {
            margin-block: calc(var(--spacing) * 4);
        }
    }

    .\[\&_ul\]\:list-disc {
        & ul {
            list-style-type: disc;
        }
    }

    .\[\&_ul\]\:space-y-1 {
        & ul {
            :where(& > :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)));
            }
        }
    }

    .\[\&_ul\]\:pl-5 {
        & ul {
            padding-left: calc(var(--spacing) * 5);
        }
    }

    .\[\&_ul\]\:text-sm\/6 {
        & ul {
            font-size: var(--text-sm);
            line-height: calc(var(--spacing) * 6);
        }
    }

    .\[\&\:not\(\:checked\)\]\:before\:hidden {
        &:not(:checked) {
            &::before {
                content: var(--tw-content);
                display: none;
            }
        }
    }

    .\[\&\:not\(\:focus-visible\)\]\:focus\:outline-sky-600 {
        &:not(:focus-visible) {
            &:focus {
                outline-color: var(--color-sky-600);
            }
        }
    }

    .\[\&\:not\(\[data-focus\]\)\]\:focus\:outline-hidden {
        &:not([data-focus]) {
            &:focus {
                outline: 2px solid transparent;
                outline-offset: 2px;
            }
        }
    }

    .\[\&\:not\(\[data-focus\]\)\]\:focus\:outline-none {
        &:not([data-focus]) {
            &:focus {
                --tw-outline-style: none;
                outline-style: none;
            }
        }
    }

    .\[\&\:not\(\[data-focus\]\)\]\:\[\&\:not\(\[data-checked\]\)\]\:ring-inset {
        &:not([data-focus]) {
            &:not([data-checked]) {
                --tw-ring-inset: inset;
            }
        }
    }

    .\[\&\:not\(\[data-focus\]\,\[data-checked\]\)\]\:ring-inset {
        &:not([data-focus], [data-checked]) {
            --tw-ring-inset: inset;
        }
    }

    .\[\&\>\:first-child\]\:mt-0 {
        &>:first-child {
            margin-top: calc(var(--spacing) * 0);
        }
    }
}

@supports (-moz-orient: inline) {
    @layer base {

        *,
        ::before,
        ::after,
        ::backdrop {
            --tw-border-spacing-x: 0;
            --tw-border-spacing-y: 0;
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-rotate-x: rotateX(0);
            --tw-rotate-y: rotateY(0);
            --tw-rotate-z: rotateZ(0);
            --tw-skew-x: skewX(0);
            --tw-skew-y: skewY(0);
            --tw-space-y-reverse: 0;
            --tw-space-x-reverse: 0;
            --tw-divide-x-reverse: 0;
            --tw-border-style: solid;
            --tw-divide-y-reverse: 0;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --tw-ordinal: initial;
            --tw-slashed-zero: initial;
            --tw-numeric-figure: initial;
            --tw-numeric-spacing: initial;
            --tw-numeric-fraction: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --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-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: "";
        }
    }
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes ping {

    75%,
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

@keyframes pulse {
    50% {
        opacity: 0.5;
    }
}

@keyframes bounce {

    0%,
    100% {
        transform: translateY(-25%);
        animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    }

    50% {
        transform: none;
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    }
}

@property --tw-border-spacing-x {
    syntax: "<length>";
    inherits: false;
    initial-value: 0;
}

@property --tw-border-spacing-y {
    syntax: "<length>";
    inherits: false;
    initial-value: 0;
}

@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 1;
}

@property --tw-scale-y {
    syntax: "*";
    inherits: false;
    initial-value: 1;
}

@property --tw-scale-z {
    syntax: "*";
    inherits: false;
    initial-value: 1;
}

@property --tw-rotate-x {
    syntax: "*";
    inherits: false;
    initial-value: rotateX(0);
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false;
    initial-value: rotateY(0);
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false;
    initial-value: rotateZ(0);
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false;
    initial-value: skewX(0);
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false;
    initial-value: skewY(0);
}

@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-x-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid;
}

@property --tw-divide-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-gradient-position {
    syntax: "*";
    inherits: false;
}

@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}

@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}

@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}

@property --tw-gradient-stops {
    syntax: "*";
    inherits: false;
}

@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false;
}

@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0%;
}

@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%;
}

@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%;
}

@property --tw-leading {
    syntax: "*";
    inherits: false;
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false;
}

@property --tw-tracking {
    syntax: "*";
    inherits: false;
}

@property --tw-ordinal {
    syntax: "*";
    inherits: false;
}

@property --tw-slashed-zero {
    syntax: "*";
    inherits: false;
}

@property --tw-numeric-figure {
    syntax: "*";
    inherits: false;
}

@property --tw-numeric-spacing {
    syntax: "*";
    inherits: false;
}

@property --tw-numeric-fraction {
    syntax: "*";
    inherits: false;
}

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
    syntax: "*";
    inherits: false;
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false;
}

@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: 0px;
}

@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-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: "*";
    initial-value: "";
    inherits: false;
}