/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: var(--font-geist-sans);
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: var(--font-geist-mono);
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-100: oklch(93.6% 0.032 17.717);
    --color-red-200: oklch(88.5% 0.062 18.334);
    --color-red-300: oklch(80.8% 0.114 19.571);
    --color-red-400: oklch(70.4% 0.191 22.216);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-red-700: oklch(50.5% 0.213 27.518);
    --color-red-800: oklch(44.4% 0.177 26.899);
    --color-red-900: oklch(39.6% 0.141 25.723);
    --color-red-950: oklch(25.8% 0.092 26.042);
    --color-orange-50: oklch(98% 0.016 73.684);
    --color-orange-100: oklch(95.4% 0.038 75.164);
    --color-orange-200: oklch(90.1% 0.076 70.697);
    --color-orange-300: oklch(83.7% 0.128 66.29);
    --color-orange-400: oklch(75% 0.183 55.934);
    --color-orange-500: oklch(70.5% 0.213 47.604);
    --color-orange-600: oklch(64.6% 0.222 41.116);
    --color-orange-700: oklch(55.3% 0.195 38.402);
    --color-orange-800: oklch(47% 0.157 37.304);
    --color-orange-900: oklch(40.8% 0.123 38.172);
    --color-orange-950: oklch(26.6% 0.079 36.259);
    --color-amber-50: oklch(98.7% 0.022 95.277);
    --color-amber-100: oklch(96.2% 0.059 95.617);
    --color-amber-200: oklch(92.4% 0.12 95.746);
    --color-amber-300: oklch(87.9% 0.169 91.605);
    --color-amber-400: oklch(82.8% 0.189 84.429);
    --color-amber-500: oklch(76.9% 0.188 70.08);
    --color-amber-600: oklch(66.6% 0.179 58.318);
    --color-amber-700: oklch(55.5% 0.163 48.998);
    --color-amber-800: oklch(47.3% 0.137 46.201);
    --color-amber-900: oklch(41.4% 0.112 45.904);
    --color-amber-950: oklch(27.9% 0.077 45.635);
    --color-yellow-50: oklch(98.7% 0.026 102.212);
    --color-yellow-100: oklch(97.3% 0.071 103.193);
    --color-yellow-200: oklch(94.5% 0.129 101.54);
    --color-yellow-300: oklch(90.5% 0.182 98.111);
    --color-yellow-400: oklch(85.2% 0.199 91.936);
    --color-yellow-500: oklch(79.5% 0.184 86.047);
    --color-yellow-600: oklch(68.1% 0.162 75.834);
    --color-yellow-700: oklch(55.4% 0.135 66.442);
    --color-yellow-800: oklch(47.6% 0.114 61.907);
    --color-yellow-900: oklch(42.1% 0.095 57.708);
    --color-lime-100: oklch(96.7% 0.067 122.328);
    --color-lime-200: oklch(93.8% 0.127 124.321);
    --color-lime-300: oklch(89.7% 0.196 126.665);
    --color-lime-400: oklch(84.1% 0.238 128.85);
    --color-lime-500: oklch(76.8% 0.233 130.85);
    --color-green-50: oklch(98.2% 0.018 155.826);
    --color-green-100: oklch(96.2% 0.044 156.743);
    --color-green-200: oklch(92.5% 0.084 155.995);
    --color-green-300: oklch(87.1% 0.15 154.449);
    --color-green-400: oklch(79.2% 0.209 151.711);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-green-600: oklch(62.7% 0.194 149.214);
    --color-green-700: oklch(52.7% 0.154 150.069);
    --color-green-800: oklch(44.8% 0.119 151.328);
    --color-green-900: oklch(39.3% 0.095 152.535);
    --color-green-950: oklch(26.6% 0.065 152.934);
    --color-emerald-50: oklch(97.9% 0.021 166.113);
    --color-emerald-100: oklch(95% 0.052 163.051);
    --color-emerald-200: oklch(90.5% 0.093 164.15);
    --color-emerald-300: oklch(84.5% 0.143 164.978);
    --color-emerald-400: oklch(76.5% 0.177 163.223);
    --color-emerald-500: oklch(69.6% 0.17 162.48);
    --color-emerald-600: oklch(59.6% 0.145 163.225);
    --color-emerald-700: oklch(50.8% 0.118 165.612);
    --color-emerald-800: oklch(43.2% 0.095 166.913);
    --color-emerald-900: oklch(37.8% 0.077 168.94);
    --color-emerald-950: oklch(26.2% 0.051 172.552);
    --color-teal-100: oklch(95.3% 0.051 180.801);
    --color-teal-300: oklch(85.5% 0.138 181.071);
    --color-teal-400: oklch(77.7% 0.152 181.912);
    --color-teal-500: oklch(70.4% 0.14 182.503);
    --color-teal-600: oklch(60% 0.118 184.704);
    --color-teal-700: oklch(51.1% 0.096 186.391);
    --color-teal-800: oklch(43.7% 0.078 188.216);
    --color-teal-900: oklch(38.6% 0.063 188.416);
    --color-cyan-50: oklch(98.4% 0.019 200.873);
    --color-cyan-100: oklch(95.6% 0.045 203.388);
    --color-cyan-200: oklch(91.7% 0.08 205.041);
    --color-cyan-300: oklch(86.5% 0.127 207.078);
    --color-cyan-400: oklch(78.9% 0.154 211.53);
    --color-cyan-500: oklch(71.5% 0.143 215.221);
    --color-cyan-600: oklch(60.9% 0.126 221.723);
    --color-cyan-700: oklch(52% 0.105 223.128);
    --color-cyan-800: oklch(45% 0.085 224.283);
    --color-cyan-900: oklch(39.8% 0.07 227.392);
    --color-cyan-950: oklch(30.2% 0.056 229.695);
    --color-sky-50: oklch(97.7% 0.013 236.62);
    --color-sky-100: oklch(95.1% 0.026 236.824);
    --color-sky-200: oklch(90.1% 0.058 230.902);
    --color-sky-300: oklch(82.8% 0.111 230.318);
    --color-sky-400: oklch(74.6% 0.16 232.661);
    --color-sky-500: oklch(68.5% 0.169 237.323);
    --color-sky-600: oklch(58.8% 0.158 241.966);
    --color-sky-700: oklch(50% 0.134 242.749);
    --color-sky-800: oklch(44.3% 0.11 240.79);
    --color-sky-900: oklch(39.1% 0.09 240.876);
    --color-sky-950: oklch(29.3% 0.066 243.157);
    --color-blue-50: oklch(97% 0.014 254.604);
    --color-blue-100: oklch(93.2% 0.032 255.585);
    --color-blue-200: oklch(88.2% 0.059 254.128);
    --color-blue-300: oklch(80.9% 0.105 251.813);
    --color-blue-400: oklch(70.7% 0.165 254.624);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-blue-700: oklch(48.8% 0.243 264.376);
    --color-blue-800: oklch(42.4% 0.199 265.638);
    --color-blue-900: oklch(37.9% 0.146 265.522);
    --color-blue-950: oklch(28.2% 0.091 267.935);
    --color-indigo-50: oklch(96.2% 0.018 272.314);
    --color-indigo-100: oklch(93% 0.034 272.788);
    --color-indigo-200: oklch(87% 0.065 274.039);
    --color-indigo-300: oklch(78.5% 0.115 274.713);
    --color-indigo-400: oklch(67.3% 0.182 276.935);
    --color-indigo-500: oklch(58.5% 0.233 277.117);
    --color-indigo-600: oklch(51.1% 0.262 276.966);
    --color-indigo-700: oklch(45.7% 0.24 277.023);
    --color-indigo-800: oklch(39.8% 0.195 277.366);
    --color-indigo-900: oklch(35.9% 0.144 278.697);
    --color-indigo-950: oklch(25.7% 0.09 281.288);
    --color-violet-50: oklch(96.9% 0.016 293.756);
    --color-violet-100: oklch(94.3% 0.029 294.588);
    --color-violet-200: oklch(89.4% 0.057 293.283);
    --color-violet-300: oklch(81.1% 0.111 293.571);
    --color-violet-400: oklch(70.2% 0.183 293.541);
    --color-violet-500: oklch(60.6% 0.25 292.717);
    --color-violet-600: oklch(54.1% 0.281 293.009);
    --color-violet-700: oklch(49.1% 0.27 292.581);
    --color-violet-800: oklch(43.2% 0.232 292.759);
    --color-violet-900: oklch(38% 0.189 293.745);
    --color-violet-950: oklch(28.3% 0.141 291.089);
    --color-purple-50: oklch(97.7% 0.014 308.299);
    --color-purple-100: oklch(94.6% 0.033 307.174);
    --color-purple-200: oklch(90.2% 0.063 306.703);
    --color-purple-300: oklch(82.7% 0.119 306.383);
    --color-purple-400: oklch(71.4% 0.203 305.504);
    --color-purple-500: oklch(62.7% 0.265 303.9);
    --color-purple-600: oklch(55.8% 0.288 302.321);
    --color-purple-700: oklch(49.6% 0.265 301.924);
    --color-purple-800: oklch(43.8% 0.218 303.724);
    --color-purple-900: oklch(38.1% 0.176 304.987);
    --color-purple-950: oklch(29.1% 0.149 302.717);
    --color-fuchsia-50: oklch(97.7% 0.017 320.058);
    --color-fuchsia-100: oklch(95.2% 0.037 318.852);
    --color-fuchsia-200: oklch(90.3% 0.076 319.62);
    --color-fuchsia-300: oklch(83.3% 0.145 321.434);
    --color-fuchsia-400: oklch(74% 0.238 322.16);
    --color-fuchsia-500: oklch(66.7% 0.295 322.15);
    --color-fuchsia-600: oklch(59.1% 0.293 322.896);
    --color-fuchsia-700: oklch(51.8% 0.253 323.949);
    --color-fuchsia-900: oklch(40.1% 0.17 325.612);
    --color-fuchsia-950: oklch(29.3% 0.136 325.661);
    --color-pink-50: oklch(97.1% 0.014 343.198);
    --color-pink-100: oklch(94.8% 0.028 342.258);
    --color-pink-200: oklch(89.9% 0.061 343.231);
    --color-pink-300: oklch(82.3% 0.12 346.018);
    --color-pink-400: oklch(71.8% 0.202 349.761);
    --color-pink-500: oklch(65.6% 0.241 354.308);
    --color-pink-600: oklch(59.2% 0.249 0.584);
    --color-pink-800: oklch(45.9% 0.187 3.815);
    --color-rose-50: oklch(96.9% 0.015 12.422);
    --color-rose-100: oklch(94.1% 0.03 12.58);
    --color-rose-200: oklch(89.2% 0.058 10.001);
    --color-rose-300: oklch(81% 0.117 11.638);
    --color-rose-400: oklch(71.2% 0.194 13.428);
    --color-rose-500: oklch(64.5% 0.246 16.439);
    --color-rose-600: oklch(58.6% 0.253 17.585);
    --color-rose-700: oklch(51.4% 0.222 16.935);
    --color-rose-800: oklch(45.5% 0.188 13.697);
    --color-rose-900: oklch(41% 0.159 10.272);
    --color-rose-950: oklch(27.1% 0.105 12.094);
    --color-slate-50: oklch(98.4% 0.003 247.858);
    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-300: oklch(86.9% 0.022 252.894);
    --color-slate-400: oklch(70.4% 0.04 256.788);
    --color-slate-500: oklch(55.4% 0.046 257.417);
    --color-slate-600: oklch(44.6% 0.043 257.281);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-slate-800: oklch(27.9% 0.041 260.031);
    --color-slate-900: oklch(20.8% 0.042 265.755);
    --color-slate-950: oklch(12.9% 0.042 264.695);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-gray-950: oklch(13% 0.028 261.692);
    --color-zinc-50: oklch(98.5% 0 0);
    --color-zinc-100: oklch(96.7% 0.001 286.375);
    --color-zinc-200: oklch(92% 0.004 286.32);
    --color-zinc-300: oklch(87.1% 0.006 286.286);
    --color-zinc-400: oklch(70.5% 0.015 286.067);
    --color-zinc-500: oklch(55.2% 0.016 285.938);
    --color-zinc-600: oklch(44.2% 0.017 285.786);
    --color-zinc-700: oklch(37% 0.013 285.805);
    --color-zinc-800: oklch(27.4% 0.006 286.033);
    --color-zinc-900: oklch(21% 0.006 285.885);
    --color-zinc-950: oklch(14.1% 0.005 285.823);
    --color-neutral-50: oklch(98.5% 0 0);
    --color-neutral-100: oklch(97% 0 0);
    --color-neutral-200: oklch(92.2% 0 0);
    --color-neutral-300: oklch(87% 0 0);
    --color-neutral-400: oklch(70.8% 0 0);
    --color-neutral-500: oklch(55.6% 0 0);
    --color-neutral-600: oklch(43.9% 0 0);
    --color-neutral-700: oklch(37.1% 0 0);
    --color-neutral-800: oklch(26.9% 0 0);
    --color-neutral-900: oklch(20.5% 0 0);
    --color-neutral-950: oklch(14.5% 0 0);
    --color-stone-50: oklch(98.5% 0.001 106.423);
    --color-stone-100: oklch(97% 0.001 106.424);
    --color-stone-200: oklch(92.3% 0.003 48.717);
    --color-stone-300: oklch(86.9% 0.005 56.366);
    --color-stone-400: oklch(70.9% 0.01 56.259);
    --color-stone-500: oklch(55.3% 0.013 58.071);
    --color-stone-600: oklch(44.4% 0.011 73.639);
    --color-stone-700: oklch(37.4% 0.01 67.558);
    --color-stone-800: oklch(26.8% 0.007 34.298);
    --color-stone-900: oklch(21.6% 0.006 56.043);
    --color-stone-950: oklch(14.7% 0.004 49.25);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --breakpoint-sm: 40rem;
    --breakpoint-md: 48rem;
    --breakpoint-xl: 80rem;
    --breakpoint-2xl: 96rem;
    --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;
    --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-md: calc(var(--radius) * 0.8);
    --radius-lg: var(--radius);
    --radius-xl: calc(var(--radius) * 1.4);
    --radius-2xl: calc(var(--radius) * 1.8);
    --radius-3xl: calc(var(--radius) * 2.2);
    --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-distant: 1200px;
    --aspect-video: 16 / 9;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-geist-sans);
    --default-mono-font-family: var(--font-geist-mono);
    --color-background: var(--background);
    --color-foreground: var(--foreground);
    --color-chart-5: var(--chart-5);
    --color-chart-4: var(--chart-4);
    --color-chart-3: var(--chart-3);
    --color-chart-2: var(--chart-2);
    --color-chart-1: var(--chart-1);
    --color-ring: var(--ring);
    --color-input: var(--input);
    --color-border: var(--border);
    --color-destructive: var(--destructive);
    --color-accent-foreground: var(--accent-foreground);
    --color-accent: var(--accent);
    --color-muted-foreground: var(--muted-foreground);
    --color-muted: var(--muted);
    --color-secondary: var(--secondary);
    --color-primary: var(--primary);
    --color-popover-foreground: var(--popover-foreground);
    --color-card-foreground: var(--card-foreground);
    --color-card: var(--card);
  }
}
@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;
  }
  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;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        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;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-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\/card {
    container-type: inline-size;
    container-name: card;
  }
  .\@container\/card-header {
    container-type: inline-size;
    container-name: card-header;
  }
  .\@container\/field-group {
    container-type: inline-size;
    container-name: field-group;
  }
  .\@container\/main {
    container-type: inline-size;
    container-name: main;
  }
  .\@container {
    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-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .\!absolute {
    position: absolute !important;
  }
  .\!static {
    position: static !important;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .-inset-1 {
    inset: calc(var(--spacing) * -1);
  }
  .-inset-1\/4 {
    inset: calc(calc(1 / 4 * 100%) * -1);
  }
  .-inset-2 {
    inset: calc(var(--spacing) * -2);
  }
  .-inset-8 {
    inset: calc(var(--spacing) * -8);
  }
  .-inset-\[1\.5px\] {
    inset: calc(1.5px * -1);
  }
  .-inset-\[4px\] {
    inset: calc(4px * -1);
  }
  .-inset-\[10px\] {
    inset: calc(10px * -1);
  }
  .-inset-\[var\(--padding\)\] {
    inset: calc(var(--padding) * -1);
  }
  .-inset-px {
    inset: -1px;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-0\.5 {
    inset: calc(var(--spacing) * 0.5);
  }
  .inset-1 {
    inset: calc(var(--spacing) * 1);
  }
  .inset-2 {
    inset: calc(var(--spacing) * 2);
  }
  .inset-3 {
    inset: calc(var(--spacing) * 3);
  }
  .inset-4 {
    inset: calc(var(--spacing) * 4);
  }
  .inset-5 {
    inset: calc(var(--spacing) * 5);
  }
  .inset-6 {
    inset: calc(var(--spacing) * 6);
  }
  .inset-8 {
    inset: calc(var(--spacing) * 8);
  }
  .inset-\[-10px\] {
    inset: -10px;
  }
  .inset-\[-20\%\] {
    inset: -20%;
  }
  .inset-\[-60\%\] {
    inset: -60%;
  }
  .inset-\[-100\%\] {
    inset: -100%;
  }
  .inset-\[-200\%\] {
    inset: -200%;
  }
  .inset-\[-300\%\] {
    inset: -300%;
  }
  .inset-\[-1000\%\] {
    inset: -1000%;
  }
  .inset-\[1\.5px\] {
    inset: 1.5px;
  }
  .inset-\[1px\] {
    inset: 1px;
  }
  .inset-\[2px\] {
    inset: 2px;
  }
  .inset-\[3px\] {
    inset: 3px;
  }
  .inset-\[4px\] {
    inset: 4px;
  }
  .inset-\[6px\] {
    inset: 6px;
  }
  .inset-\[7px\] {
    inset: 7px;
  }
  .inset-\[12px\] {
    inset: 12px;
  }
  .inset-auto {
    inset: auto;
  }
  .inset-px {
    inset: 1px;
  }
  .-inset-x-1\.5 {
    inset-inline: calc(var(--spacing) * -1.5);
  }
  .-inset-x-4 {
    inset-inline: calc(var(--spacing) * -4);
  }
  .-inset-x-16 {
    inset-inline: calc(var(--spacing) * -16);
  }
  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }
  .inset-x-1 {
    inset-inline: calc(var(--spacing) * 1);
  }
  .inset-x-1\.5 {
    inset-inline: calc(var(--spacing) * 1.5);
  }
  .inset-x-2 {
    inset-inline: calc(var(--spacing) * 2);
  }
  .inset-x-3 {
    inset-inline: calc(var(--spacing) * 3);
  }
  .inset-x-4 {
    inset-inline: calc(var(--spacing) * 4);
  }
  .inset-x-10 {
    inset-inline: calc(var(--spacing) * 10);
  }
  .inset-x-12 {
    inset-inline: calc(var(--spacing) * 12);
  }
  .-inset-y-1 {
    inset-block: calc(var(--spacing) * -1);
  }
  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }
  .inset-y-1 {
    inset-block: calc(var(--spacing) * 1);
  }
  .inset-y-1\.5 {
    inset-block: calc(var(--spacing) * 1.5);
  }
  .inset-y-3 {
    inset-block: calc(var(--spacing) * 3);
  }
  .inset-y-\[4px\] {
    inset-block: 4px;
  }
  .start-0 {
    inset-inline-start: calc(var(--spacing) * 0);
  }
  .start-2 {
    inset-inline-start: calc(var(--spacing) * 2);
  }
  .start-px {
    inset-inline-start: 1px;
  }
  .end-0 {
    inset-inline-end: calc(var(--spacing) * 0);
  }
  .end-0\.5 {
    inset-inline-end: calc(var(--spacing) * 0.5);
  }
  .end-1\.5 {
    inset-inline-end: calc(var(--spacing) * 1.5);
  }
  .end-2 {
    inset-inline-end: calc(var(--spacing) * 2);
  }
  .end-3 {
    inset-inline-end: calc(var(--spacing) * 3);
  }
  .end-4 {
    inset-inline-end: calc(var(--spacing) * 4);
  }
  .-top-0 {
    top: calc(var(--spacing) * -0);
  }
  .-top-0\.5 {
    top: calc(var(--spacing) * -0.5);
  }
  .-top-1 {
    top: calc(var(--spacing) * -1);
  }
  .-top-1\.5 {
    top: calc(var(--spacing) * -1.5);
  }
  .-top-1\/2 {
    top: calc(calc(1 / 2 * 100%) * -1);
  }
  .-top-1\/4 {
    top: calc(calc(1 / 4 * 100%) * -1);
  }
  .-top-2 {
    top: calc(var(--spacing) * -2);
  }
  .-top-2\.5 {
    top: calc(var(--spacing) * -2.5);
  }
  .-top-3 {
    top: calc(var(--spacing) * -3);
  }
  .-top-3\.5 {
    top: calc(var(--spacing) * -3.5);
  }
  .-top-4 {
    top: calc(var(--spacing) * -4);
  }
  .-top-5 {
    top: calc(var(--spacing) * -5);
  }
  .-top-6 {
    top: calc(var(--spacing) * -6);
  }
  .-top-7 {
    top: calc(var(--spacing) * -7);
  }
  .-top-8 {
    top: calc(var(--spacing) * -8);
  }
  .-top-9 {
    top: calc(var(--spacing) * -9);
  }
  .-top-10 {
    top: calc(var(--spacing) * -10);
  }
  .-top-12 {
    top: calc(var(--spacing) * -12);
  }
  .-top-16 {
    top: calc(var(--spacing) * -16);
  }
  .-top-20 {
    top: calc(var(--spacing) * -20);
  }
  .-top-24 {
    top: calc(var(--spacing) * -24);
  }
  .-top-32 {
    top: calc(var(--spacing) * -32);
  }
  .-top-40 {
    top: calc(var(--spacing) * -40);
  }
  .-top-48 {
    top: calc(var(--spacing) * -48);
  }
  .-top-60 {
    top: calc(var(--spacing) * -60);
  }
  .-top-\[2px\] {
    top: calc(2px * -1);
  }
  .-top-\[5px\] {
    top: calc(5px * -1);
  }
  .-top-\[7\.9px\] {
    top: calc(7.9px * -1);
  }
  .-top-\[8px\] {
    top: calc(8px * -1);
  }
  .-top-\[10\%\] {
    top: calc(10% * -1);
  }
  .-top-\[14px\] {
    top: calc(14px * -1);
  }
  .-top-\[24px\] {
    top: calc(24px * -1);
  }
  .-top-\[25\%\] {
    top: calc(25% * -1);
  }
  .-top-\[31px\] {
    top: calc(31px * -1);
  }
  .-top-\[100vh\] {
    top: calc(100vh * -1);
  }
  .-top-\[106px\] {
    top: calc(106px * -1);
  }
  .-top-px {
    top: -1px;
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-0\.5 {
    top: calc(var(--spacing) * 0.5);
  }
  .top-1 {
    top: calc(var(--spacing) * 1);
  }
  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }
  .top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
  .top-1\/3 {
    top: calc(1 / 3 * 100%);
  }
  .top-1\/4 {
    top: calc(1 / 4 * 100%);
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-2\.5 {
    top: calc(var(--spacing) * 2.5);
  }
  .top-2\/4 {
    top: calc(2 / 4 * 100%);
  }
  .top-3 {
    top: calc(var(--spacing) * 3);
  }
  .top-3\.5 {
    top: calc(var(--spacing) * 3.5);
  }
  .top-3\/4 {
    top: calc(3 / 4 * 100%);
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .top-5 {
    top: calc(var(--spacing) * 5);
  }
  .top-6 {
    top: calc(var(--spacing) * 6);
  }
  .top-7 {
    top: calc(var(--spacing) * 7);
  }
  .top-8 {
    top: calc(var(--spacing) * 8);
  }
  .top-9 {
    top: calc(var(--spacing) * 9);
  }
  .top-10 {
    top: calc(var(--spacing) * 10);
  }
  .top-12 {
    top: calc(var(--spacing) * 12);
  }
  .top-14 {
    top: calc(var(--spacing) * 14);
  }
  .top-15 {
    top: calc(var(--spacing) * 15);
  }
  .top-16 {
    top: calc(var(--spacing) * 16);
  }
  .top-20 {
    top: calc(var(--spacing) * 20);
  }
  .top-24 {
    top: calc(var(--spacing) * 24);
  }
  .top-32 {
    top: calc(var(--spacing) * 32);
  }
  .top-36 {
    top: calc(var(--spacing) * 36);
  }
  .top-40 {
    top: calc(var(--spacing) * 40);
  }
  .top-80 {
    top: calc(var(--spacing) * 80);
  }
  .top-96 {
    top: calc(var(--spacing) * 96);
  }
  .top-100 {
    top: calc(var(--spacing) * 100);
  }
  .top-\[-1px\] {
    top: -1px;
  }
  .top-\[-3px\] {
    top: -3px;
  }
  .top-\[-4\%\] {
    top: -4%;
  }
  .top-\[-5\%\] {
    top: -5%;
  }
  .top-\[-8\%\] {
    top: -8%;
  }
  .top-\[-8px\] {
    top: -8px;
  }
  .top-\[-10\%\] {
    top: -10%;
  }
  .top-\[-20\%\] {
    top: -20%;
  }
  .top-\[-40px\] {
    top: -40px;
  }
  .top-\[-50\%\] {
    top: -50%;
  }
  .top-\[-120px\] {
    top: -120px;
  }
  .top-\[-9999px\] {
    top: -9999px;
  }
  .top-\[0\%\] {
    top: 0%;
  }
  .top-\[1\.6875rem\] {
    top: 1.6875rem;
  }
  .top-\[2px\] {
    top: 2px;
  }
  .top-\[4px\] {
    top: 4px;
  }
  .top-\[5\%\] {
    top: 5%;
  }
  .top-\[5px\] {
    top: 5px;
  }
  .top-\[6\%\] {
    top: 6%;
  }
  .top-\[6px\] {
    top: 6px;
  }
  .top-\[8\%\] {
    top: 8%;
  }
  .top-\[8px\] {
    top: 8px;
  }
  .top-\[10\%\] {
    top: 10%;
  }
  .top-\[10px\] {
    top: 10px;
  }
  .top-\[12\%\] {
    top: 12%;
  }
  .top-\[14\%\] {
    top: 14%;
  }
  .top-\[14px\] {
    top: 14px;
  }
  .top-\[15\%\] {
    top: 15%;
  }
  .top-\[15px\] {
    top: 15px;
  }
  .top-\[17px\] {
    top: 17px;
  }
  .top-\[18\.5px\] {
    top: 18.5px;
  }
  .top-\[20\%\] {
    top: 20%;
  }
  .top-\[20px\] {
    top: 20px;
  }
  .top-\[25\%\] {
    top: 25%;
  }
  .top-\[30\%\] {
    top: 30%;
  }
  .top-\[34\%\] {
    top: 34%;
  }
  .top-\[40\%\] {
    top: 40%;
  }
  .top-\[41px\] {
    top: 41px;
  }
  .top-\[46px\] {
    top: 46px;
  }
  .top-\[48px\] {
    top: 48px;
  }
  .top-\[50\%\] {
    top: 50%;
  }
  .top-\[53\%\] {
    top: 53%;
  }
  .top-\[55\%\] {
    top: 55%;
  }
  .top-\[55px\] {
    top: 55px;
  }
  .top-\[57\%\] {
    top: 57%;
  }
  .top-\[60\%\] {
    top: 60%;
  }
  .top-\[60px\] {
    top: 60px;
  }
  .top-\[69\%\] {
    top: 69%;
  }
  .top-\[70\%\] {
    top: 70%;
  }
  .top-\[72\%\] {
    top: 72%;
  }
  .top-\[80px\] {
    top: 80px;
  }
  .top-\[85\%\] {
    top: 85%;
  }
  .top-\[85px\] {
    top: 85px;
  }
  .top-\[90\%\] {
    top: 90%;
  }
  .top-\[100px\] {
    top: 100px;
  }
  .top-\[120px\] {
    top: 120px;
  }
  .top-\[125\%\] {
    top: 125%;
  }
  .top-\[130px\] {
    top: 130px;
  }
  .top-\[152px\] {
    top: 152px;
  }
  .top-\[157px\] {
    top: 157px;
  }
  .top-\[160px\] {
    top: 160px;
  }
  .top-\[170px\] {
    top: 170px;
  }
  .top-\[200px\] {
    top: 200px;
  }
  .top-\[204px\] {
    top: 204px;
  }
  .top-\[220px\] {
    top: 220px;
  }
  .top-\[2000px\] {
    top: 2000px;
  }
  .top-\[calc\(1\.5rem\+0\.75rem\)\] {
    top: calc(1.5rem + 0.75rem);
  }
  .top-\[calc\(1\.5rem\+1\.5rem\)\] {
    top: calc(1.5rem + 1.5rem);
  }
  .top-\[calc\(1\.5rem\+3rem\)\] {
    top: calc(1.5rem + 3rem);
  }
  .top-\[calc\(1\.5rem\+112px\+1rem\)\] {
    top: calc(1.5rem + 112px + 1rem);
  }
  .top-\[calc\(1\.5rem\+224px\+2rem\)\] {
    top: calc(1.5rem + 224px + 2rem);
  }
  .top-\[calc\(1\.5rem\+336px\+3rem\)\] {
    top: calc(1.5rem + 336px + 3rem);
  }
  .top-\[calc\(1\.5rem\+448px\+4rem\)\] {
    top: calc(1.5rem + 448px + 4rem);
  }
  .top-\[calc\(50\%-var\(--size\)\/2\)\] {
    top: calc(50% - var(--size) / 2);
  }
  .top-\[calc\(100\%\+0\.5rem\)\] {
    top: calc(100% + 0.5rem);
  }
  .top-\[calc\(100\%\+8px\)\] {
    top: calc(100% + 8px);
  }
  .top-\[calc\(100\%-13rem\)\] {
    top: calc(100% - 13rem);
  }
  .top-\[calc\(100\%-90px\)\] {
    top: calc(100% - 90px);
  }
  .top-\[calc\(100\%_\+_24px\)\] {
    top: calc(100% + 24px);
  }
  .top-\[calc\(100vh-70vh\)\] {
    top: calc(100vh - 70vh);
  }
  .top-\[calc\(var\(--offset\)\/2\*-1\)\] {
    top: calc(var(--offset) / 2 * -1);
  }
  .top-auto {
    top: auto;
  }
  .top-full {
    top: 100%;
  }
  .top-px {
    top: 1px;
  }
  .-right-0 {
    right: calc(var(--spacing) * -0);
  }
  .-right-0\.5 {
    right: calc(var(--spacing) * -0.5);
  }
  .-right-1 {
    right: calc(var(--spacing) * -1);
  }
  .-right-1\.5 {
    right: calc(var(--spacing) * -1.5);
  }
  .-right-1\/4 {
    right: calc(calc(1 / 4 * 100%) * -1);
  }
  .-right-2 {
    right: calc(var(--spacing) * -2);
  }
  .-right-2\.5 {
    right: calc(var(--spacing) * -2.5);
  }
  .-right-3 {
    right: calc(var(--spacing) * -3);
  }
  .-right-4 {
    right: calc(var(--spacing) * -4);
  }
  .-right-5 {
    right: calc(var(--spacing) * -5);
  }
  .-right-6 {
    right: calc(var(--spacing) * -6);
  }
  .-right-8 {
    right: calc(var(--spacing) * -8);
  }
  .-right-10 {
    right: calc(var(--spacing) * -10);
  }
  .-right-11 {
    right: calc(var(--spacing) * -11);
  }
  .-right-12 {
    right: calc(var(--spacing) * -12);
  }
  .-right-16 {
    right: calc(var(--spacing) * -16);
  }
  .-right-20 {
    right: calc(var(--spacing) * -20);
  }
  .-right-24 {
    right: calc(var(--spacing) * -24);
  }
  .-right-32 {
    right: calc(var(--spacing) * -32);
  }
  .-right-40 {
    right: calc(var(--spacing) * -40);
  }
  .-right-48 {
    right: calc(var(--spacing) * -48);
  }
  .-right-\[1px\] {
    right: calc(1px * -1);
  }
  .-right-\[3px\] {
    right: calc(3px * -1);
  }
  .-right-\[7\.6px\] {
    right: calc(7.6px * -1);
  }
  .-right-\[7\.8px\] {
    right: calc(7.8px * -1);
  }
  .-right-\[28\%\] {
    right: calc(28% * -1);
  }
  .-right-\[31px\] {
    right: calc(31px * -1);
  }
  .-right-px {
    right: -1px;
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-0\.5 {
    right: calc(var(--spacing) * 0.5);
  }
  .right-1 {
    right: calc(var(--spacing) * 1);
  }
  .right-1\.5 {
    right: calc(var(--spacing) * 1.5);
  }
  .right-1\/2 {
    right: calc(1 / 2 * 100%);
  }
  .right-1\/3 {
    right: calc(1 / 3 * 100%);
  }
  .right-1\/4 {
    right: calc(1 / 4 * 100%);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .right-2\.5 {
    right: calc(var(--spacing) * 2.5);
  }
  .right-3 {
    right: calc(var(--spacing) * 3);
  }
  .right-3\.5 {
    right: calc(var(--spacing) * 3.5);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .right-5 {
    right: calc(var(--spacing) * 5);
  }
  .right-6 {
    right: calc(var(--spacing) * 6);
  }
  .right-8 {
    right: calc(var(--spacing) * 8);
  }
  .right-10 {
    right: calc(var(--spacing) * 10);
  }
  .right-12 {
    right: calc(var(--spacing) * 12);
  }
  .right-14 {
    right: calc(var(--spacing) * 14);
  }
  .right-16 {
    right: calc(var(--spacing) * 16);
  }
  .right-24 {
    right: calc(var(--spacing) * 24);
  }
  .right-32 {
    right: calc(var(--spacing) * 32);
  }
  .right-\[-1px\] {
    right: -1px;
  }
  .right-\[-5\%\] {
    right: -5%;
  }
  .right-\[-6\%\] {
    right: -6%;
  }
  .right-\[-6px\] {
    right: -6px;
  }
  .right-\[-8\%\] {
    right: -8%;
  }
  .right-\[-8px\] {
    right: -8px;
  }
  .right-\[-10\%\] {
    right: -10%;
  }
  .right-\[-11px\] {
    right: -11px;
  }
  .right-\[-15px\] {
    right: -15px;
  }
  .right-\[-20\%\] {
    right: -20%;
  }
  .right-\[-55\%\] {
    right: -55%;
  }
  .right-\[1rem\] {
    right: 1rem;
  }
  .right-\[8\%\] {
    right: 8%;
  }
  .right-\[10\%\] {
    right: 10%;
  }
  .right-\[12\%\] {
    right: 12%;
  }
  .right-\[15\%\] {
    right: 15%;
  }
  .right-\[20px\] {
    right: 20px;
  }
  .right-\[34\%\] {
    right: 34%;
  }
  .right-\[50\%\] {
    right: 50%;
  }
  .right-\[calc\(100\%\+6px\)\] {
    right: calc(100% + 6px);
  }
  .\!bottom-auto {
    bottom: auto !important;
  }
  .-bottom-0\.5 {
    bottom: calc(var(--spacing) * -0.5);
  }
  .-bottom-1 {
    bottom: calc(var(--spacing) * -1);
  }
  .-bottom-1\.5 {
    bottom: calc(var(--spacing) * -1.5);
  }
  .-bottom-1\/4 {
    bottom: calc(calc(1 / 4 * 100%) * -1);
  }
  .-bottom-2 {
    bottom: calc(var(--spacing) * -2);
  }
  .-bottom-3 {
    bottom: calc(var(--spacing) * -3);
  }
  .-bottom-4 {
    bottom: calc(var(--spacing) * -4);
  }
  .-bottom-5 {
    bottom: calc(var(--spacing) * -5);
  }
  .-bottom-6 {
    bottom: calc(var(--spacing) * -6);
  }
  .-bottom-8 {
    bottom: calc(var(--spacing) * -8);
  }
  .-bottom-9 {
    bottom: calc(var(--spacing) * -9);
  }
  .-bottom-10 {
    bottom: calc(var(--spacing) * -10);
  }
  .-bottom-12 {
    bottom: calc(var(--spacing) * -12);
  }
  .-bottom-14 {
    bottom: calc(var(--spacing) * -14);
  }
  .-bottom-16 {
    bottom: calc(var(--spacing) * -16);
  }
  .-bottom-20 {
    bottom: calc(var(--spacing) * -20);
  }
  .-bottom-24 {
    bottom: calc(var(--spacing) * -24);
  }
  .-bottom-32 {
    bottom: calc(var(--spacing) * -32);
  }
  .-bottom-48 {
    bottom: calc(var(--spacing) * -48);
  }
  .-bottom-\[1px\] {
    bottom: calc(1px * -1);
  }
  .-bottom-\[5vh\] {
    bottom: calc(5vh * -1);
  }
  .-bottom-\[8px\] {
    bottom: calc(8px * -1);
  }
  .-bottom-\[23px\] {
    bottom: calc(23px * -1);
  }
  .-bottom-px {
    bottom: -1px;
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-0\.5 {
    bottom: calc(var(--spacing) * 0.5);
  }
  .bottom-1 {
    bottom: calc(var(--spacing) * 1);
  }
  .bottom-1\.5 {
    bottom: calc(var(--spacing) * 1.5);
  }
  .bottom-1\/2 {
    bottom: calc(1 / 2 * 100%);
  }
  .bottom-1\/3 {
    bottom: calc(1 / 3 * 100%);
  }
  .bottom-1\/4 {
    bottom: calc(1 / 4 * 100%);
  }
  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }
  .bottom-2\.5 {
    bottom: calc(var(--spacing) * 2.5);
  }
  .bottom-3 {
    bottom: calc(var(--spacing) * 3);
  }
  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }
  .bottom-5 {
    bottom: calc(var(--spacing) * 5);
  }
  .bottom-6 {
    bottom: calc(var(--spacing) * 6);
  }
  .bottom-7 {
    bottom: calc(var(--spacing) * 7);
  }
  .bottom-8 {
    bottom: calc(var(--spacing) * 8);
  }
  .bottom-10 {
    bottom: calc(var(--spacing) * 10);
  }
  .bottom-12 {
    bottom: calc(var(--spacing) * 12);
  }
  .bottom-16 {
    bottom: calc(var(--spacing) * 16);
  }
  .bottom-20 {
    bottom: calc(var(--spacing) * 20);
  }
  .bottom-24 {
    bottom: calc(var(--spacing) * 24);
  }
  .bottom-28 {
    bottom: calc(var(--spacing) * 28);
  }
  .bottom-32 {
    bottom: calc(var(--spacing) * 32);
  }
  .bottom-40 {
    bottom: calc(var(--spacing) * 40);
  }
  .bottom-\[-1px\] {
    bottom: -1px;
  }
  .bottom-\[-2px\] {
    bottom: -2px;
  }
  .bottom-\[-5\%\] {
    bottom: -5%;
  }
  .bottom-\[-8\%\] {
    bottom: -8%;
  }
  .bottom-\[-8px\] {
    bottom: -8px;
  }
  .bottom-\[-10\%\] {
    bottom: -10%;
  }
  .bottom-\[-12\%\] {
    bottom: -12%;
  }
  .bottom-\[-14px\] {
    bottom: -14px;
  }
  .bottom-\[-20\%\] {
    bottom: -20%;
  }
  .bottom-\[-44\%\] {
    bottom: -44%;
  }
  .bottom-\[1rem\] {
    bottom: 1rem;
  }
  .bottom-\[5\%\] {
    bottom: 5%;
  }
  .bottom-\[8px\] {
    bottom: 8px;
  }
  .bottom-\[10\%\] {
    bottom: 10%;
  }
  .bottom-\[12\%\] {
    bottom: 12%;
  }
  .bottom-\[20\%\] {
    bottom: 20%;
  }
  .bottom-\[20px\] {
    bottom: 20px;
  }
  .bottom-\[30px\] {
    bottom: 30px;
  }
  .bottom-\[70px\] {
    bottom: 70px;
  }
  .bottom-\[90px\] {
    bottom: 90px;
  }
  .bottom-\[115px\] {
    bottom: 115px;
  }
  .bottom-\[175px\] {
    bottom: 175px;
  }
  .bottom-\[calc\(100\%\+12px\)\] {
    bottom: calc(100% + 12px);
  }
  .bottom-\[calc\(100\%_\+_0\.5rem\)\] {
    bottom: calc(100% + 0.5rem);
  }
  .bottom-\[max\(1\.5rem\,env\(safe-area-inset-bottom\)\)\] {
    bottom: max(1.5rem, env(safe-area-inset-bottom));
  }
  .bottom-full {
    bottom: 100%;
  }
  .\!left-auto {
    left: auto !important;
  }
  .-left-0 {
    left: calc(var(--spacing) * -0);
  }
  .-left-1 {
    left: calc(var(--spacing) * -1);
  }
  .-left-1\.5 {
    left: calc(var(--spacing) * -1.5);
  }
  .-left-1\/2 {
    left: calc(calc(1 / 2 * 100%) * -1);
  }
  .-left-1\/4 {
    left: calc(calc(1 / 4 * 100%) * -1);
  }
  .-left-2 {
    left: calc(var(--spacing) * -2);
  }
  .-left-4 {
    left: calc(var(--spacing) * -4);
  }
  .-left-5 {
    left: calc(var(--spacing) * -5);
  }
  .-left-8 {
    left: calc(var(--spacing) * -8);
  }
  .-left-10 {
    left: calc(var(--spacing) * -10);
  }
  .-left-12 {
    left: calc(var(--spacing) * -12);
  }
  .-left-16 {
    left: calc(var(--spacing) * -16);
  }
  .-left-20 {
    left: calc(var(--spacing) * -20);
  }
  .-left-24 {
    left: calc(var(--spacing) * -24);
  }
  .-left-32 {
    left: calc(var(--spacing) * -32);
  }
  .-left-40 {
    left: calc(var(--spacing) * -40);
  }
  .-left-48 {
    left: calc(var(--spacing) * -48);
  }
  .-left-\[0\.5px\] {
    left: calc(0.5px * -1);
  }
  .-left-\[1px\] {
    left: calc(1px * -1);
  }
  .-left-\[3px\] {
    left: calc(3px * -1);
  }
  .-left-\[7\.8px\] {
    left: calc(7.8px * -1);
  }
  .-left-\[8px\] {
    left: calc(8px * -1);
  }
  .-left-\[10\%\] {
    left: calc(10% * -1);
  }
  .-left-\[18\%\] {
    left: calc(18% * -1);
  }
  .-left-\[22px\] {
    left: calc(22px * -1);
  }
  .-left-\[23px\] {
    left: calc(23px * -1);
  }
  .-left-full {
    left: -100%;
  }
  .-left-px {
    left: -1px;
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-0\.5 {
    left: calc(var(--spacing) * 0.5);
  }
  .left-1 {
    left: calc(var(--spacing) * 1);
  }
  .left-1\.5 {
    left: calc(var(--spacing) * 1.5);
  }
  .left-1\/2 {
    left: calc(1 / 2 * 100%);
  }
  .left-1\/3 {
    left: calc(1 / 3 * 100%);
  }
  .left-1\/4 {
    left: calc(1 / 4 * 100%);
  }
  .left-2 {
    left: calc(var(--spacing) * 2);
  }
  .left-2\.5 {
    left: calc(var(--spacing) * 2.5);
  }
  .left-2\/3 {
    left: calc(2 / 3 * 100%);
  }
  .left-2\/4 {
    left: calc(2 / 4 * 100%);
  }
  .left-3 {
    left: calc(var(--spacing) * 3);
  }
  .left-3\.5 {
    left: calc(var(--spacing) * 3.5);
  }
  .left-3\/4 {
    left: calc(3 / 4 * 100%);
  }
  .left-4 {
    left: calc(var(--spacing) * 4);
  }
  .left-4\.5 {
    left: calc(var(--spacing) * 4.5);
  }
  .left-5 {
    left: calc(var(--spacing) * 5);
  }
  .left-6 {
    left: calc(var(--spacing) * 6);
  }
  .left-7 {
    left: calc(var(--spacing) * 7);
  }
  .left-8 {
    left: calc(var(--spacing) * 8);
  }
  .left-10 {
    left: calc(var(--spacing) * 10);
  }
  .left-11 {
    left: calc(var(--spacing) * 11);
  }
  .left-12 {
    left: calc(var(--spacing) * 12);
  }
  .left-14 {
    left: calc(var(--spacing) * 14);
  }
  .left-16 {
    left: calc(var(--spacing) * 16);
  }
  .left-18 {
    left: calc(var(--spacing) * 18);
  }
  .left-20 {
    left: calc(var(--spacing) * 20);
  }
  .left-24 {
    left: calc(var(--spacing) * 24);
  }
  .left-32 {
    left: calc(var(--spacing) * 32);
  }
  .left-\[-1px\] {
    left: -1px;
  }
  .left-\[-2px\] {
    left: -2px;
  }
  .left-\[-3\.5px\] {
    left: -3.5px;
  }
  .left-\[-3px\] {
    left: -3px;
  }
  .left-\[-5\%\] {
    left: -5%;
  }
  .left-\[-6\%\] {
    left: -6%;
  }
  .left-\[-6px\] {
    left: -6px;
  }
  .left-\[-8\%\] {
    left: -8%;
  }
  .left-\[-8px\] {
    left: -8px;
  }
  .left-\[-10\%\] {
    left: -10%;
  }
  .left-\[-11px\] {
    left: -11px;
  }
  .left-\[-12\.5\%\] {
    left: -12.5%;
  }
  .left-\[-15px\] {
    left: -15px;
  }
  .left-\[-16px\] {
    left: -16px;
  }
  .left-\[-20\%\] {
    left: -20%;
  }
  .left-\[-30\%\] {
    left: -30%;
  }
  .left-\[-32px\] {
    left: -32px;
  }
  .left-\[-50\%\] {
    left: -50%;
  }
  .left-\[-9999px\] {
    left: -9999px;
  }
  .left-\[1\.0625rem\] {
    left: 1.0625rem;
  }
  .left-\[2\.05rem\] {
    left: 2.05rem;
  }
  .left-\[2\.25rem\] {
    left: 2.25rem;
  }
  .left-\[2px\] {
    left: 2px;
  }
  .left-\[5\%\] {
    left: 5%;
  }
  .left-\[5px\] {
    left: 5px;
  }
  .left-\[6\%\] {
    left: 6%;
  }
  .left-\[6px\] {
    left: 6px;
  }
  .left-\[7px\] {
    left: 7px;
  }
  .left-\[8px\] {
    left: 8px;
  }
  .left-\[10\%\] {
    left: 10%;
  }
  .left-\[10px\] {
    left: 10px;
  }
  .left-\[11px\] {
    left: 11px;
  }
  .left-\[12rem\] {
    left: 12rem;
  }
  .left-\[14\%\] {
    left: 14%;
  }
  .left-\[14px\] {
    left: 14px;
  }
  .left-\[15px\] {
    left: 15px;
  }
  .left-\[18px\] {
    left: 18px;
  }
  .left-\[19px\] {
    left: 19px;
  }
  .left-\[20\%\] {
    left: 20%;
  }
  .left-\[20px\] {
    left: 20px;
  }
  .left-\[22\%\] {
    left: 22%;
  }
  .left-\[25\%\] {
    left: 25%;
  }
  .left-\[27px\] {
    left: 27px;
  }
  .left-\[30\%\] {
    left: 30%;
  }
  .left-\[30px\] {
    left: 30px;
  }
  .left-\[35\%\] {
    left: 35%;
  }
  .left-\[40\%\] {
    left: 40%;
  }
  .left-\[40px\] {
    left: 40px;
  }
  .left-\[46px\] {
    left: 46px;
  }
  .left-\[50\%\] {
    left: 50%;
  }
  .left-\[55\%\] {
    left: 55%;
  }
  .left-\[57px\] {
    left: 57px;
  }
  .left-\[60\%\] {
    left: 60%;
  }
  .left-\[60px\] {
    left: 60px;
  }
  .left-\[64\%\] {
    left: 64%;
  }
  .left-\[69\%\] {
    left: 69%;
  }
  .left-\[70\%\] {
    left: 70%;
  }
  .left-\[75\%\] {
    left: 75%;
  }
  .left-\[80\%\] {
    left: 80%;
  }
  .left-\[105px\] {
    left: 105px;
  }
  .left-\[112px\] {
    left: 112px;
  }
  .left-\[148px\] {
    left: 148px;
  }
  .left-\[157px\] {
    left: 157px;
  }
  .left-\[174px\] {
    left: 174px;
  }
  .left-\[175px\] {
    left: 175px;
  }
  .left-\[calc\(50\%\+3rem\)\] {
    left: calc(50% + 3rem);
  }
  .left-\[calc\(50\%-1\.5px\)\] {
    left: calc(50% - 1.5px);
  }
  .left-\[calc\(50\%-11rem\)\] {
    left: calc(50% - 11rem);
  }
  .left-\[calc\(50\%-var\(--size\)\/2\)\] {
    left: calc(50% - var(--size) / 2);
  }
  .left-\[calc\(100\%\+6px\)\] {
    left: calc(100% + 6px);
  }
  .left-\[calc\(var\(--offset\)\/2\*-1\)\] {
    left: calc(var(--offset) / 2 * -1);
  }
  .left-auto {
    left: auto;
  }
  .left-full {
    left: 100%;
  }
  .isolate {
    isolation: isolate;
  }
  .-z-0 {
    z-index: calc(0 * -1);
  }
  .-z-1 {
    z-index: calc(1 * -1);
  }
  .-z-10 {
    z-index: calc(10 * -1);
  }
  .-z-20 {
    z-index: calc(20 * -1);
  }
  .-z-50 {
    z-index: calc(50 * -1);
  }
  .z-\(--z-index\) {
    z-index: var(--z-index);
  }
  .z-0 {
    z-index: 0;
  }
  .z-1 {
    z-index: 1;
  }
  .z-2 {
    z-index: 2;
  }
  .z-3 {
    z-index: 3;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .z-60 {
    z-index: 60;
  }
  .z-90 {
    z-index: 90;
  }
  .z-200 {
    z-index: 200;
  }
  .z-9999 {
    z-index: 9999;
  }
  .z-\[-1\] {
    z-index: -1;
  }
  .z-\[0\] {
    z-index: 0;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .z-\[2\] {
    z-index: 2;
  }
  .z-\[3\] {
    z-index: 3;
  }
  .z-\[4\] {
    z-index: 4;
  }
  .z-\[5\] {
    z-index: 5;
  }
  .z-\[6\] {
    z-index: 6;
  }
  .z-\[7\] {
    z-index: 7;
  }
  .z-\[8\] {
    z-index: 8;
  }
  .z-\[10\] {
    z-index: 10;
  }
  .z-\[15\] {
    z-index: 15;
  }
  .z-\[60\] {
    z-index: 60;
  }
  .z-\[70\] {
    z-index: 70;
  }
  .z-\[80\] {
    z-index: 80;
  }
  .z-\[90\] {
    z-index: 90;
  }
  .z-\[95\] {
    z-index: 95;
  }
  .z-\[96\] {
    z-index: 96;
  }
  .z-\[100\] {
    z-index: 100;
  }
  .z-\[101\] {
    z-index: 101;
  }
  .z-\[110\] {
    z-index: 110;
  }
  .z-\[120\] {
    z-index: 120;
  }
  .z-\[130\] {
    z-index: 130;
  }
  .z-\[200\] {
    z-index: 200;
  }
  .z-\[210\] {
    z-index: 210;
  }
  .z-\[300\] {
    z-index: 300;
  }
  .z-\[999\] {
    z-index: 999;
  }
  .z-\[1000\] {
    z-index: 1000;
  }
  .z-\[9998\] {
    z-index: 9998;
  }
  .z-\[9999\] {
    z-index: 9999;
  }
  .z-\[99999999999\] {
    z-index: 99999999999;
  }
  .z-\[calc\(1000-var\(--toast-index\)\)\] {
    z-index: calc(1000 - var(--toast-index));
  }
  .z-auto {
    z-index: auto;
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .order-3 {
    order: 3;
  }
  .order-first {
    order: -9999;
  }
  .order-last {
    order: 9999;
  }
  .col-span-1 {
    grid-column: span 1 / span 1;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-7 {
    grid-column: span 7 / span 7;
  }
  .col-span-8 {
    grid-column: span 8 / span 8;
  }
  .col-span-10 {
    grid-column: span 10 / span 10;
  }
  .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;
  }
  .row-span-1 {
    grid-row: span 1 / span 1;
  }
  .row-span-2 {
    grid-row: span 2 / span 2;
  }
  .row-span-full {
    grid-row: 1 / -1;
  }
  .row-start-1 {
    grid-row-start: 1;
  }
  .row-start-2 {
    grid-row-start: 2;
  }
  .row-start-3 {
    grid-row-start: 3;
  }
  .row-start-4 {
    grid-row-start: 4;
  }
  .float-left {
    float: left;
  }
  .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 {
    margin: calc(var(--spacing) * 0) !important;
  }
  .-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-4 {
    margin: calc(var(--spacing) * -4);
  }
  .m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .m-0\! {
    margin: calc(var(--spacing) * 0) !important;
  }
  .m-0\.5 {
    margin: calc(var(--spacing) * 0.5);
  }
  .m-1 {
    margin: calc(var(--spacing) * 1);
  }
  .m-2 {
    margin: calc(var(--spacing) * 2);
  }
  .m-2\.5 {
    margin: calc(var(--spacing) * 2.5);
  }
  .m-3 {
    margin: calc(var(--spacing) * 3);
  }
  .m-4 {
    margin: calc(var(--spacing) * 4);
  }
  .m-5 {
    margin: calc(var(--spacing) * 5);
  }
  .m-6 {
    margin: calc(var(--spacing) * 6);
  }
  .m-10 {
    margin: calc(var(--spacing) * 10);
  }
  .m-\[-8px\] {
    margin: -8px;
  }
  .m-\[1px\] {
    margin: 1px;
  }
  .m-\[2px\] {
    margin: 2px;
  }
  .m-\[10px\] {
    margin: 10px;
  }
  .m-auto {
    margin: auto;
  }
  .-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-px {
    margin-inline: -1px;
  }
  .mx-\(--cell-size\) {
    margin-inline: var(--cell-size);
  }
  .mx-0 {
    margin-inline: calc(var(--spacing) * 0);
  }
  .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-3\.5 {
    margin-inline: calc(var(--spacing) * 3.5);
  }
  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }
  .mx-5 {
    margin-inline: calc(var(--spacing) * 5);
  }
  .mx-6 {
    margin-inline: calc(var(--spacing) * 6);
  }
  .mx-8 {
    margin-inline: calc(var(--spacing) * 8);
  }
  .mx-10 {
    margin-inline: calc(var(--spacing) * 10);
  }
  .mx-\[-1px\] {
    margin-inline: -1px;
  }
  .mx-\[1px\] {
    margin-inline: 1px;
  }
  .mx-\[3px\] {
    margin-inline: 3px;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .\!my-0 {
    margin-block: calc(var(--spacing) * 0) !important;
  }
  .-my-1 {
    margin-block: calc(var(--spacing) * -1);
  }
  .-my-2 {
    margin-block: calc(var(--spacing) * -2);
  }
  .-my-6 {
    margin-block: calc(var(--spacing) * -6);
  }
  .-my-px {
    margin-block: -1px;
  }
  .my-0 {
    margin-block: calc(var(--spacing) * 0);
  }
  .my-0\.5 {
    margin-block: calc(var(--spacing) * 0.5);
  }
  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }
  .my-1\.5 {
    margin-block: calc(var(--spacing) * 1.5);
  }
  .my-1\.5\! {
    margin-block: calc(var(--spacing) * 1.5) !important;
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .my-2\.5 {
    margin-block: calc(var(--spacing) * 2.5);
  }
  .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-16 {
    margin-block: calc(var(--spacing) * 16);
  }
  .my-20 {
    margin-block: calc(var(--spacing) * 20);
  }
  .my-\[2px\] {
    margin-block: 2px;
  }
  .my-auto {
    margin-block: auto;
  }
  .-ms-0\.5 {
    margin-inline-start: calc(var(--spacing) * -0.5);
  }
  .-ms-1 {
    margin-inline-start: calc(var(--spacing) * -1);
  }
  .-ms-2 {
    margin-inline-start: calc(var(--spacing) * -2);
  }
  .ms-1 {
    margin-inline-start: calc(var(--spacing) * 1);
  }
  .ms-2 {
    margin-inline-start: calc(var(--spacing) * 2);
  }
  .ms-4 {
    margin-inline-start: calc(var(--spacing) * 4);
  }
  .ms-5\.5 {
    margin-inline-start: calc(var(--spacing) * 5.5);
  }
  .ms-10 {
    margin-inline-start: calc(var(--spacing) * 10);
  }
  .ms-12 {
    margin-inline-start: calc(var(--spacing) * 12);
  }
  .ms-\[70px\] {
    margin-inline-start: 70px;
  }
  .ms-auto {
    margin-inline-start: auto;
  }
  .-me-0\.5 {
    margin-inline-end: calc(var(--spacing) * -0.5);
  }
  .-me-1 {
    margin-inline-end: calc(var(--spacing) * -1);
  }
  .me-2 {
    margin-inline-end: calc(var(--spacing) * 2);
  }
  .me-3 {
    margin-inline-end: calc(var(--spacing) * 3);
  }
  .me-6 {
    margin-inline-end: calc(var(--spacing) * 6);
  }
  .\!mt-0 {
    margin-top: calc(var(--spacing) * 0) !important;
  }
  .-mt-0\.5 {
    margin-top: calc(var(--spacing) * -0.5);
  }
  .-mt-1 {
    margin-top: calc(var(--spacing) * -1);
  }
  .-mt-1\.5 {
    margin-top: calc(var(--spacing) * -1.5);
  }
  .-mt-2 {
    margin-top: calc(var(--spacing) * -2);
  }
  .-mt-3 {
    margin-top: calc(var(--spacing) * -3);
  }
  .-mt-4 {
    margin-top: calc(var(--spacing) * -4);
  }
  .-mt-7 {
    margin-top: calc(var(--spacing) * -7);
  }
  .-mt-8 {
    margin-top: calc(var(--spacing) * -8);
  }
  .-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-\[1px\] {
    margin-top: calc(1px * -1);
  }
  .-mt-\[3px\] {
    margin-top: calc(3px * -1);
  }
  .-mt-px {
    margin-top: -1px;
  }
  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-3\.5 {
    margin-top: calc(var(--spacing) * 3.5);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-5\.5 {
    margin-top: calc(var(--spacing) * 5.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-28 {
    margin-top: calc(var(--spacing) * 28);
  }
  .mt-32 {
    margin-top: calc(var(--spacing) * 32);
  }
  .mt-40 {
    margin-top: calc(var(--spacing) * 40);
  }
  .mt-48 {
    margin-top: calc(var(--spacing) * 48);
  }
  .mt-60 {
    margin-top: calc(var(--spacing) * 60);
  }
  .mt-\[-18px\] {
    margin-top: -18px;
  }
  .mt-\[-20px\] {
    margin-top: -20px;
  }
  .mt-\[-44px\] {
    margin-top: -44px;
  }
  .mt-\[-85px\] {
    margin-top: -85px;
  }
  .mt-\[1px\] {
    margin-top: 1px;
  }
  .mt-\[2px\] {
    margin-top: 2px;
  }
  .mt-\[5\%\] {
    margin-top: 5%;
  }
  .mt-\[5px\] {
    margin-top: 5px;
  }
  .mt-\[6px\] {
    margin-top: 6px;
  }
  .mt-\[7px\] {
    margin-top: 7px;
  }
  .mt-\[9px\] {
    margin-top: 9px;
  }
  .mt-\[10px\] {
    margin-top: 10px;
  }
  .mt-\[10vh\] {
    margin-top: 10vh;
  }
  .mt-\[18px\] {
    margin-top: 18px;
  }
  .mt-\[21px\] {
    margin-top: 21px;
  }
  .mt-\[43px\] {
    margin-top: 43px;
  }
  .mt-\[100px\] {
    margin-top: 100px;
  }
  .mt-\[150px\] {
    margin-top: 150px;
  }
  .mt-auto {
    margin-top: auto;
  }
  .mt-px {
    margin-top: 1px;
  }
  .-mr-1 {
    margin-right: calc(var(--spacing) * -1);
  }
  .-mr-3 {
    margin-right: calc(var(--spacing) * -3);
  }
  .-mr-16 {
    margin-right: calc(var(--spacing) * -16);
  }
  .-mr-56 {
    margin-right: calc(var(--spacing) * -56);
  }
  .-mr-\[0\.01em\] {
    margin-right: calc(0.01em * -1);
  }
  .mr-0 {
    margin-right: calc(var(--spacing) * 0);
  }
  .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-2\.5 {
    margin-right: calc(var(--spacing) * 2.5);
  }
  .mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }
  .mr-3\.5 {
    margin-right: calc(var(--spacing) * 3.5);
  }
  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }
  .mr-5 {
    margin-right: calc(var(--spacing) * 5);
  }
  .mr-8 {
    margin-right: calc(var(--spacing) * 8);
  }
  .mr-\[0\.25em\] {
    margin-right: 0.25em;
  }
  .mr-\[0\.875rem\] {
    margin-right: 0.875rem;
  }
  .mr-auto {
    margin-right: auto;
  }
  .-mb-0\.5 {
    margin-bottom: calc(var(--spacing) * -0.5);
  }
  .-mb-1 {
    margin-bottom: calc(var(--spacing) * -1);
  }
  .-mb-4 {
    margin-bottom: calc(var(--spacing) * -4);
  }
  .-mb-5 {
    margin-bottom: calc(var(--spacing) * -5);
  }
  .-mb-7\.5 {
    margin-bottom: calc(var(--spacing) * -7.5);
  }
  .-mb-\[100px\] {
    margin-bottom: calc(100px * -1);
  }
  .-mb-\[max\(0px\,calc\(var\(--drawer-snap-point-offset\,0px\)\+clamp\(0\,1\,var\(--drawer-snap-point-offset\,0px\)\/1px\)\*var\(--drawer-swipe-movement-y\,0px\)\)\)\] {
    margin-bottom: calc(max(0px, calc(var(--drawer-snap-point-offset,0px) + clamp(0, 1, var(--drawer-snap-point-offset,0px) / 1px) * var(--drawer-swipe-movement-y,0px))) * -1);
  }
  .-mb-px {
    margin-bottom: -1px;
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * 0.5);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-3\.5 {
    margin-bottom: calc(var(--spacing) * 3.5);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-7 {
    margin-bottom: calc(var(--spacing) * 7);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-9 {
    margin-bottom: calc(var(--spacing) * 9);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .mb-14 {
    margin-bottom: calc(var(--spacing) * 14);
  }
  .mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
  }
  .mb-20 {
    margin-bottom: calc(var(--spacing) * 20);
  }
  .mb-36 {
    margin-bottom: calc(var(--spacing) * 36);
  }
  .mb-\[-2px\] {
    margin-bottom: -2px;
  }
  .mb-\[-8px\] {
    margin-bottom: -8px;
  }
  .mb-\[1px\] {
    margin-bottom: 1px;
  }
  .mb-\[5px\] {
    margin-bottom: 5px;
  }
  .mb-\[10px\] {
    margin-bottom: 10px;
  }
  .mb-\[30px\] {
    margin-bottom: 30px;
  }
  .mb-\[50vh\] {
    margin-bottom: 50vh;
  }
  .-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-\[1px\] {
    margin-left: calc(1px * -1);
  }
  .-ml-\[2px\] {
    margin-left: calc(2px * -1);
  }
  .ml-0 {
    margin-left: calc(var(--spacing) * 0);
  }
  .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\.5 {
    margin-left: calc(var(--spacing) * 9.5);
  }
  .ml-10 {
    margin-left: calc(var(--spacing) * 10);
  }
  .ml-11 {
    margin-left: calc(var(--spacing) * 11);
  }
  .ml-12 {
    margin-left: calc(var(--spacing) * 12);
  }
  .ml-16 {
    margin-left: calc(var(--spacing) * 16);
  }
  .ml-\[-0\.5rem\] {
    margin-left: -0.5rem;
  }
  .ml-\[-1\.5px\] {
    margin-left: -1.5px;
  }
  .ml-\[-2px\] {
    margin-left: -2px;
  }
  .ml-\[-3px\] {
    margin-left: -3px;
  }
  .ml-\[-18px\] {
    margin-left: -18px;
  }
  .ml-\[-78px\] {
    margin-left: -78px;
  }
  .ml-\[2px\] {
    margin-left: 2px;
  }
  .ml-\[7px\] {
    margin-left: 7px;
  }
  .ml-\[15px\] {
    margin-left: 15px;
  }
  .ml-\[25px\] {
    margin-left: 25px;
  }
  .ml-\[38px\] {
    margin-left: 38px;
  }
  .ml-\[52px\] {
    margin-left: 52px;
  }
  .ml-auto {
    margin-left: auto;
  }
  .ml-px {
    margin-left: 1px;
  }
  .box-border {
    box-sizing: border-box;
  }
  .no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
    &::-webkit-scrollbar {
      display: none;
    }
  }
  .line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .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;
  }
  .line-clamp-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  .line-clamp-6 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
  }
  .\!block {
    display: block !important;
  }
  .\!hidden {
    display: none !important;
  }
  .\!table-cell {
    display: table-cell !important;
  }
  .\[display\:-webkit-box\] {
    display: -webkit-box;
  }
  .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;
  }
  .list-item {
    display: list-item;
  }
  .table {
    display: table;
  }
  .table-caption {
    display: table-caption;
  }
  .table-cell {
    display: table-cell;
  }
  .table-row {
    display: table-row;
  }
  .field-sizing-content {
    field-sizing: content;
  }
  .aspect-4\/3 {
    aspect-ratio: 4/3;
  }
  .aspect-4\/5 {
    aspect-ratio: 4/5;
  }
  .aspect-21\/9 {
    aspect-ratio: 21/9;
  }
  .aspect-22\/8 {
    aspect-ratio: 22/8;
  }
  .aspect-\[1\.05\/1\] {
    aspect-ratio: 1.05/1;
  }
  .aspect-\[1\.34\] {
    aspect-ratio: 1.34;
  }
  .aspect-\[1\.77\] {
    aspect-ratio: 1.77;
  }
  .aspect-\[1\.85\] {
    aspect-ratio: 1.85;
  }
  .aspect-\[1\/1\] {
    aspect-ratio: 1/1;
  }
  .aspect-\[2\.32\] {
    aspect-ratio: 2.32;
  }
  .aspect-\[2\/1\] {
    aspect-ratio: 2/1;
  }
  .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-\[8\.3\] {
    aspect-ratio: 8.3;
  }
  .aspect-\[9\/16\] {
    aspect-ratio: 9/16;
  }
  .aspect-\[16\/7\] {
    aspect-ratio: 16/7;
  }
  .aspect-\[16\/8\] {
    aspect-ratio: 16/8;
  }
  .aspect-\[16\/9\] {
    aspect-ratio: 16/9;
  }
  .aspect-\[16\/10\] {
    aspect-ratio: 16/10;
  }
  .aspect-\[970\/700\] {
    aspect-ratio: 970/700;
  }
  .aspect-\[1116\/549\] {
    aspect-ratio: 1116/549;
  }
  .aspect-\[1155\/678\] {
    aspect-ratio: 1155/678;
  }
  .aspect-\[2880\/1842\] {
    aspect-ratio: 2880/1842;
  }
  .aspect-\[var\(--width\)\/var\(--height\)\] {
    aspect-ratio: var(--width)/var(--height);
  }
  .aspect-auto {
    aspect-ratio: auto;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }
  .size-\(--cell-size\) {
    width: var(--cell-size);
    height: var(--cell-size);
  }
  .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\! {
    width: calc(var(--spacing) * 3) !important;
    height: calc(var(--spacing) * 3) !important;
  }
  .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-4\.5 {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }
  .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-28 {
    width: calc(var(--spacing) * 28);
    height: calc(var(--spacing) * 28);
  }
  .size-32 {
    width: calc(var(--spacing) * 32);
    height: calc(var(--spacing) * 32);
  }
  .size-34 {
    width: calc(var(--spacing) * 34);
    height: calc(var(--spacing) * 34);
  }
  .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-72 {
    width: calc(var(--spacing) * 72);
    height: calc(var(--spacing) * 72);
  }
  .size-80 {
    width: calc(var(--spacing) * 80);
    height: calc(var(--spacing) * 80);
  }
  .size-96 {
    width: calc(var(--spacing) * 96);
    height: calc(var(--spacing) * 96);
  }
  .size-180 {
    width: calc(var(--spacing) * 180);
    height: calc(var(--spacing) * 180);
  }
  .size-\[1\.125rem\] {
    width: 1.125rem;
    height: 1.125rem;
  }
  .size-\[11px\] {
    width: 11px;
    height: 11px;
  }
  .size-\[15px\] {
    width: 15px;
    height: 15px;
  }
  .size-\[17px\] {
    width: 17px;
    height: 17px;
  }
  .size-\[18px\] {
    width: 18px;
    height: 18px;
  }
  .size-\[68px\] {
    width: 68px;
    height: 68px;
  }
  .size-\[1720px\] {
    width: 1720px;
    height: 1720px;
  }
  .size-auto {
    width: auto;
    height: auto;
  }
  .size-fit {
    width: fit-content;
    height: fit-content;
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .size-max {
    width: max-content;
    height: max-content;
  }
  .\!h-1\/2 {
    height: calc(1 / 2 * 100%) !important;
  }
  .\!h-auto {
    height: auto !important;
  }
  .\!h-full {
    height: 100% !important;
  }
  .\[height\:740px\] {
    height: 740px;
  }
  .h-\(--active-tab-height\) {
    height: var(--active-tab-height);
  }
  .h-\(--app-header-height\) {
    height: var(--app-header-height);
  }
  .h-\(--app-header-height\,3rem\) {
    height: var(--app-header-height,3rem);
  }
  .h-\(--cell-size\) {
    height: var(--cell-size);
  }
  .h-\(--collapsible-panel-height\) {
    height: var(--collapsible-panel-height);
  }
  .h-\(--drawer-height\,auto\) {
    height: var(--drawer-height,auto);
  }
  .h-\(--height\) {
    height: var(--height);
  }
  .h-\(--radix-accordion-content-height\) {
    height: var(--radix-accordion-content-height);
  }
  .h-\(--radix-navigation-menu-viewport-height\) {
    height: var(--radix-navigation-menu-viewport-height);
  }
  .h-0 {
    height: calc(var(--spacing) * 0);
  }
  .h-0\.5 {
    height: calc(var(--spacing) * 0.5);
  }
  .h-1 {
    height: calc(var(--spacing) * 1);
  }
  .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-1\/5 {
    height: calc(1 / 5 * 100%);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }
  .h-2\/3 {
    height: calc(2 / 3 * 100%);
  }
  .h-2\/5 {
    height: calc(2 / 5 * 100%);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-3\/4 {
    height: calc(3 / 4 * 100%);
  }
  .h-3\/5 {
    height: calc(3 / 5 * 100%);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-4\.5 {
    height: calc(var(--spacing) * 4.5);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-5\.5 {
    height: calc(var(--spacing) * 5.5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-6\.5 {
    height: calc(var(--spacing) * 6.5);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-7\! {
    height: calc(var(--spacing) * 7) !important;
  }
  .h-7\.5 {
    height: calc(var(--spacing) * 7.5);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-8\! {
    height: calc(var(--spacing) * 8) !important;
  }
  .h-8\.5 {
    height: calc(var(--spacing) * 8.5);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-9\.5 {
    height: calc(var(--spacing) * 9.5);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-13 {
    height: calc(var(--spacing) * 13);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-14\.5 {
    height: calc(var(--spacing) * 14.5);
  }
  .h-15 {
    height: calc(var(--spacing) * 15);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-18 {
    height: calc(var(--spacing) * 18);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-28 {
    height: calc(var(--spacing) * 28);
  }
  .h-30 {
    height: calc(var(--spacing) * 30);
  }
  .h-32 {
    height: calc(var(--spacing) * 32);
  }
  .h-36 {
    height: calc(var(--spacing) * 36);
  }
  .h-40 {
    height: calc(var(--spacing) * 40);
  }
  .h-44 {
    height: calc(var(--spacing) * 44);
  }
  .h-48 {
    height: calc(var(--spacing) * 48);
  }
  .h-50 {
    height: calc(var(--spacing) * 50);
  }
  .h-52 {
    height: calc(var(--spacing) * 52);
  }
  .h-54 {
    height: calc(var(--spacing) * 54);
  }
  .h-56 {
    height: calc(var(--spacing) * 56);
  }
  .h-60 {
    height: calc(var(--spacing) * 60);
  }
  .h-64 {
    height: calc(var(--spacing) * 64);
  }
  .h-68 {
    height: calc(var(--spacing) * 68);
  }
  .h-70 {
    height: calc(var(--spacing) * 70);
  }
  .h-72 {
    height: calc(var(--spacing) * 72);
  }
  .h-74 {
    height: calc(var(--spacing) * 74);
  }
  .h-80 {
    height: calc(var(--spacing) * 80);
  }
  .h-96 {
    height: calc(var(--spacing) * 96);
  }
  .h-100 {
    height: calc(var(--spacing) * 100);
  }
  .h-112 {
    height: calc(var(--spacing) * 112);
  }
  .h-125 {
    height: calc(var(--spacing) * 125);
  }
  .h-140 {
    height: calc(var(--spacing) * 140);
  }
  .h-280 {
    height: calc(var(--spacing) * 280);
  }
  .h-\[0\.12em\] {
    height: 0.12em;
  }
  .h-\[0px\] {
    height: 0px;
  }
  .h-\[1\.5rem\] {
    height: 1.5rem;
  }
  .h-\[1\.15rem\] {
    height: 1.15rem;
  }
  .h-\[1em\] {
    height: 1em;
  }
  .h-\[1px\] {
    height: 1px;
  }
  .h-\[2\.5rem\] {
    height: 2.5rem;
  }
  .h-\[2px\] {
    height: 2px;
  }
  .h-\[3px\] {
    height: 3px;
  }
  .h-\[4px\] {
    height: 4px;
  }
  .h-\[5px\] {
    height: 5px;
  }
  .h-\[6\.5px\] {
    height: 6.5px;
  }
  .h-\[6px\] {
    height: 6px;
  }
  .h-\[8\.5rem\] {
    height: 8.5rem;
  }
  .h-\[8px\] {
    height: 8px;
  }
  .h-\[10\%\] {
    height: 10%;
  }
  .h-\[10px\] {
    height: 10px;
  }
  .h-\[12\%\] {
    height: 12%;
  }
  .h-\[12px\] {
    height: 12px;
  }
  .h-\[12rem\] {
    height: 12rem;
  }
  .h-\[13px\] {
    height: 13px;
  }
  .h-\[14\.5rem\] {
    height: 14.5rem;
  }
  .h-\[14px\] {
    height: 14px;
  }
  .h-\[14rem\] {
    height: 14rem;
  }
  .h-\[15\%\] {
    height: 15%;
  }
  .h-\[15px\] {
    height: 15px;
  }
  .h-\[16\%\] {
    height: 16%;
  }
  .h-\[16px\] {
    height: 16px;
  }
  .h-\[18\%\] {
    height: 18%;
  }
  .h-\[18px\] {
    height: 18px;
  }
  .h-\[20\%\] {
    height: 20%;
  }
  .h-\[20px\] {
    height: 20px;
  }
  .h-\[20rem\] {
    height: 20rem;
  }
  .h-\[22px\] {
    height: 22px;
  }
  .h-\[24px\] {
    height: 24px;
  }
  .h-\[25\%\] {
    height: 25%;
  }
  .h-\[25px\] {
    height: 25px;
  }
  .h-\[26px\] {
    height: 26px;
  }
  .h-\[28px\] {
    height: 28px;
  }
  .h-\[28rem\] {
    height: 28rem;
  }
  .h-\[30px\] {
    height: 30px;
  }
  .h-\[30rem\] {
    height: 30rem;
  }
  .h-\[31px\] {
    height: 31px;
  }
  .h-\[32px\] {
    height: 32px;
  }
  .h-\[32rem\] {
    height: 32rem;
  }
  .h-\[34px\] {
    height: 34px;
  }
  .h-\[34rem\] {
    height: 34rem;
  }
  .h-\[35\.46px\] {
    height: 35.46px;
  }
  .h-\[35px\] {
    height: 35px;
  }
  .h-\[36px\] {
    height: 36px;
  }
  .h-\[36rem\] {
    height: 36rem;
  }
  .h-\[37\.6px\] {
    height: 37.6px;
  }
  .h-\[37px\] {
    height: 37px;
  }
  .h-\[38px\] {
    height: 38px;
  }
  .h-\[40\%\] {
    height: 40%;
  }
  .h-\[40px\] {
    height: 40px;
  }
  .h-\[40rem\] {
    height: 40rem;
  }
  .h-\[42px\] {
    height: 42px;
  }
  .h-\[44px\] {
    height: 44px;
  }
  .h-\[45px\] {
    height: 45px;
  }
  .h-\[46px\] {
    height: 46px;
  }
  .h-\[48px\] {
    height: 48px;
  }
  .h-\[50\%\] {
    height: 50%;
  }
  .h-\[50px\] {
    height: 50px;
  }
  .h-\[50vh\] {
    height: 50vh;
  }
  .h-\[52px\] {
    height: 52px;
  }
  .h-\[55\%\] {
    height: 55%;
  }
  .h-\[56px\] {
    height: 56px;
  }
  .h-\[58\%\] {
    height: 58%;
  }
  .h-\[60\%\] {
    height: 60%;
  }
  .h-\[60px\] {
    height: 60px;
  }
  .h-\[60rem\] {
    height: 60rem;
  }
  .h-\[60vh\] {
    height: 60vh;
  }
  .h-\[62\%\] {
    height: 62%;
  }
  .h-\[64\%\] {
    height: 64%;
  }
  .h-\[64px\] {
    height: 64px;
  }
  .h-\[65\%\] {
    height: 65%;
  }
  .h-\[68px\] {
    height: 68px;
  }
  .h-\[70\%\] {
    height: 70%;
  }
  .h-\[70px\] {
    height: 70px;
  }
  .h-\[70vh\] {
    height: 70vh;
  }
  .h-\[74px\] {
    height: 74px;
  }
  .h-\[75\%\] {
    height: 75%;
  }
  .h-\[75vh\] {
    height: 75vh;
  }
  .h-\[76px\] {
    height: 76px;
  }
  .h-\[78\%\] {
    height: 78%;
  }
  .h-\[78px\] {
    height: 78px;
  }
  .h-\[80\%\] {
    height: 80%;
  }
  .h-\[80px\] {
    height: 80px;
  }
  .h-\[80vh\] {
    height: 80vh;
  }
  .h-\[85vh\] {
    height: 85vh;
  }
  .h-\[88px\] {
    height: 88px;
  }
  .h-\[88vh\] {
    height: 88vh;
  }
  .h-\[90\%\] {
    height: 90%;
  }
  .h-\[90vh\] {
    height: 90vh;
  }
  .h-\[92vh\] {
    height: 92vh;
  }
  .h-\[95px\] {
    height: 95px;
  }
  .h-\[95vh\] {
    height: 95vh;
  }
  .h-\[96px\] {
    height: 96px;
  }
  .h-\[100\%\] {
    height: 100%;
  }
  .h-\[100dvh\] {
    height: 100dvh;
  }
  .h-\[100px\] {
    height: 100px;
  }
  .h-\[100svh\] {
    height: 100svh;
  }
  .h-\[100vh\] {
    height: 100vh;
  }
  .h-\[104px\] {
    height: 104px;
  }
  .h-\[110px\] {
    height: 110px;
  }
  .h-\[112px\] {
    height: 112px;
  }
  .h-\[120\%\] {
    height: 120%;
  }
  .h-\[120px\] {
    height: 120px;
  }
  .h-\[125\%\] {
    height: 125%;
  }
  .h-\[130\%\] {
    height: 130%;
  }
  .h-\[136px\] {
    height: 136px;
  }
  .h-\[140\%\] {
    height: 140%;
  }
  .h-\[140px\] {
    height: 140px;
  }
  .h-\[148px\] {
    height: 148px;
  }
  .h-\[150\%\] {
    height: 150%;
  }
  .h-\[150px\] {
    height: 150px;
  }
  .h-\[160px\] {
    height: 160px;
  }
  .h-\[169\%\] {
    height: 169%;
  }
  .h-\[170px\] {
    height: 170px;
  }
  .h-\[175px\] {
    height: 175px;
  }
  .h-\[180px\] {
    height: 180px;
  }
  .h-\[190px\] {
    height: 190px;
  }
  .h-\[200\%\] {
    height: 200%;
  }
  .h-\[200px\] {
    height: 200px;
  }
  .h-\[200vh\] {
    height: 200vh;
  }
  .h-\[204px\] {
    height: 204px;
  }
  .h-\[210px\] {
    height: 210px;
  }
  .h-\[220\%\] {
    height: 220%;
  }
  .h-\[220px\] {
    height: 220px;
  }
  .h-\[225px\] {
    height: 225px;
  }
  .h-\[230px\] {
    height: 230px;
  }
  .h-\[240px\] {
    height: 240px;
  }
  .h-\[247px\] {
    height: 247px;
  }
  .h-\[250px\] {
    height: 250px;
  }
  .h-\[258px\] {
    height: 258px;
  }
  .h-\[260px\] {
    height: 260px;
  }
  .h-\[268px\] {
    height: 268px;
  }
  .h-\[270px\] {
    height: 270px;
  }
  .h-\[280px\] {
    height: 280px;
  }
  .h-\[290px\] {
    height: 290px;
  }
  .h-\[300\%\] {
    height: 300%;
  }
  .h-\[300px\] {
    height: 300px;
  }
  .h-\[300vh\] {
    height: 300vh;
  }
  .h-\[304px\] {
    height: 304px;
  }
  .h-\[310px\] {
    height: 310px;
  }
  .h-\[317px\] {
    height: 317px;
  }
  .h-\[320px\] {
    height: 320px;
  }
  .h-\[330px\] {
    height: 330px;
  }
  .h-\[336px\] {
    height: 336px;
  }
  .h-\[340px\] {
    height: 340px;
  }
  .h-\[350px\] {
    height: 350px;
  }
  .h-\[356px\] {
    height: 356px;
  }
  .h-\[360px\] {
    height: 360px;
  }
  .h-\[380px\] {
    height: 380px;
  }
  .h-\[384px\] {
    height: 384px;
  }
  .h-\[400px\] {
    height: 400px;
  }
  .h-\[405px\] {
    height: 405px;
  }
  .h-\[420px\] {
    height: 420px;
  }
  .h-\[440px\] {
    height: 440px;
  }
  .h-\[460px\] {
    height: 460px;
  }
  .h-\[470px\] {
    height: 470px;
  }
  .h-\[480px\] {
    height: 480px;
  }
  .h-\[500px\] {
    height: 500px;
  }
  .h-\[520px\] {
    height: 520px;
  }
  .h-\[560px\] {
    height: 560px;
  }
  .h-\[580px\] {
    height: 580px;
  }
  .h-\[600px\] {
    height: 600px;
  }
  .h-\[620px\] {
    height: 620px;
  }
  .h-\[640px\] {
    height: 640px;
  }
  .h-\[650px\] {
    height: 650px;
  }
  .h-\[660px\] {
    height: 660px;
  }
  .h-\[700px\] {
    height: 700px;
  }
  .h-\[760px\] {
    height: 760px;
  }
  .h-\[800px\] {
    height: 800px;
  }
  .h-\[890px\] {
    height: 890px;
  }
  .h-\[900px\] {
    height: 900px;
  }
  .h-\[940px\] {
    height: 940px;
  }
  .h-\[2000px\] {
    height: 2000px;
  }
  .h-\[calc\(100\%\+300px\)\] {
    height: calc(100% + 300px);
  }
  .h-\[calc\(100\%\+var\(--offset\)\)\] {
    height: calc(100% + var(--offset));
  }
  .h-\[calc\(100\%-1px\)\] {
    height: calc(100% - 1px);
  }
  .h-\[calc\(100\%-4rem\)\] {
    height: calc(100% - 4rem);
  }
  .h-\[calc\(100\%-8px\)\] {
    height: calc(100% - 8px);
  }
  .h-\[calc\(100\%-12px\)\] {
    height: calc(100% - 12px);
  }
  .h-\[calc\(100\%-18px\)\] {
    height: calc(100% - 18px);
  }
  .h-\[calc\(100\%-30px\)\] {
    height: calc(100% - 30px);
  }
  .h-\[calc\(100\%-43px\)\] {
    height: calc(100% - 43px);
  }
  .h-\[calc\(100\%-132px\)\] {
    height: calc(100% - 132px);
  }
  .h-\[calc\(100dvh-var\(--dashboard-header-height\)\)\] {
    height: calc(100dvh - var(--dashboard-header-height));
  }
  .h-\[calc\(100vh\+70vh\)\] {
    height: calc(100vh + 70vh);
  }
  .h-\[calc\(100vh-0px\)\] {
    height: calc(100vh - 0px);
  }
  .h-\[calc\(100vh-16px\)\] {
    height: calc(100vh - 16px);
  }
  .h-\[calc\(100vh-20rem\)\] {
    height: calc(100vh - 20rem);
  }
  .h-\[calc\(var\(--thumb-size\)\+2px\)\] {
    height: calc(var(--thumb-size) + 2px);
  }
  .h-\[var\(--collapsible-panel-height\)\] {
    height: var(--collapsible-panel-height);
  }
  .h-\[var\(--height\)\] {
    height: var(--height);
  }
  .h-\[var\(--icon-size\)\] {
    height: var(--icon-size);
  }
  .h-\[var\(--keycap-height\)\] {
    height: var(--keycap-height);
  }
  .h-\[var\(--popup-height\)\] {
    height: var(--popup-height);
  }
  .h-\[var\(--positioner-height\)\] {
    height: var(--positioner-height);
  }
  .h-\[var\(--radix-select-trigger-height\)\] {
    height: var(--radix-select-trigger-height);
  }
  .h-\[var\(--size\)\] {
    height: var(--size);
  }
  .h-auto {
    height: auto;
  }
  .h-dvh {
    height: 100dvh;
  }
  .h-fit {
    height: fit-content;
  }
  .h-full {
    height: 100%;
  }
  .h-min {
    height: min-content;
  }
  .h-px {
    height: 1px;
  }
  .h-screen {
    height: 100vh;
  }
  .h-svh {
    height: 100svh;
  }
  .max-h-\(--available-height\) {
    max-height: var(--available-height);
  }
  .max-h-\(--radix-dropdown-menu-content-available-height\) {
    max-height: var(--radix-dropdown-menu-content-available-height);
  }
  .max-h-\(--radix-select-content-available-height\) {
    max-height: var(--radix-select-content-available-height);
  }
  .max-h-0 {
    max-height: calc(var(--spacing) * 0);
  }
  .max-h-6 {
    max-height: calc(var(--spacing) * 6);
  }
  .max-h-28 {
    max-height: calc(var(--spacing) * 28);
  }
  .max-h-32 {
    max-height: calc(var(--spacing) * 32);
  }
  .max-h-40 {
    max-height: calc(var(--spacing) * 40);
  }
  .max-h-48 {
    max-height: calc(var(--spacing) * 48);
  }
  .max-h-60 {
    max-height: calc(var(--spacing) * 60);
  }
  .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }
  .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-100 {
    max-height: calc(var(--spacing) * 100);
  }
  .max-h-\[--radix-select-content-available-height\] {
    max-height: --radix-select-content-available-height;
  }
  .max-h-\[22rem\] {
    max-height: 22rem;
  }
  .max-h-\[34px\] {
    max-height: 34px;
  }
  .max-h-\[44px\] {
    max-height: 44px;
  }
  .max-h-\[50vh\] {
    max-height: 50vh;
  }
  .max-h-\[52vh\] {
    max-height: 52vh;
  }
  .max-h-\[68vh\] {
    max-height: 68vh;
  }
  .max-h-\[70vh\] {
    max-height: 70vh;
  }
  .max-h-\[75vh\] {
    max-height: 75vh;
  }
  .max-h-\[80\%\] {
    max-height: 80%;
  }
  .max-h-\[80dvh\] {
    max-height: 80dvh;
  }
  .max-h-\[80px\] {
    max-height: 80px;
  }
  .max-h-\[80vh\] {
    max-height: 80vh;
  }
  .max-h-\[85vh\] {
    max-height: 85vh;
  }
  .max-h-\[88vh\] {
    max-height: 88vh;
  }
  .max-h-\[90\%\] {
    max-height: 90%;
  }
  .max-h-\[90vh\] {
    max-height: 90vh;
  }
  .max-h-\[92vh\] {
    max-height: 92vh;
  }
  .max-h-\[94px\] {
    max-height: 94px;
  }
  .max-h-\[95vh\] {
    max-height: 95vh;
  }
  .max-h-\[120px\] {
    max-height: 120px;
  }
  .max-h-\[160px\] {
    max-height: 160px;
  }
  .max-h-\[175px\] {
    max-height: 175px;
  }
  .max-h-\[180px\] {
    max-height: 180px;
  }
  .max-h-\[200px\] {
    max-height: 200px;
  }
  .max-h-\[220px\] {
    max-height: 220px;
  }
  .max-h-\[250px\] {
    max-height: 250px;
  }
  .max-h-\[260px\] {
    max-height: 260px;
  }
  .max-h-\[280px\] {
    max-height: 280px;
  }
  .max-h-\[290px\] {
    max-height: 290px;
  }
  .max-h-\[300px\] {
    max-height: 300px;
  }
  .max-h-\[320px\] {
    max-height: 320px;
  }
  .max-h-\[340px\] {
    max-height: 340px;
  }
  .max-h-\[360px\] {
    max-height: 360px;
  }
  .max-h-\[400px\] {
    max-height: 400px;
  }
  .max-h-\[420px\] {
    max-height: 420px;
  }
  .max-h-\[480px\] {
    max-height: 480px;
  }
  .max-h-\[500px\] {
    max-height: 500px;
  }
  .max-h-\[520px\] {
    max-height: 520px;
  }
  .max-h-\[560px\] {
    max-height: 560px;
  }
  .max-h-\[600px\] {
    max-height: 600px;
  }
  .max-h-\[620px\] {
    max-height: 620px;
  }
  .max-h-\[700px\] {
    max-height: 700px;
  }
  .max-h-\[720px\] {
    max-height: 720px;
  }
  .max-h-\[740px\] {
    max-height: 740px;
  }
  .max-h-\[1000px\] {
    max-height: 1000px;
  }
  .max-h-\[6000px\] {
    max-height: 6000px;
  }
  .max-h-\[calc\(75dvh\)\] {
    max-height: calc(75dvh);
  }
  .max-h-\[calc\(100vh-250px\)\] {
    max-height: calc(100vh - 250px);
  }
  .max-h-\[calc\(530px-44px\)\] {
    max-height: calc(530px - 44px);
  }
  .max-h-\[calc\(530px-88px\)\] {
    max-height: calc(530px - 88px);
  }
  .max-h-\[min\(var\(--available-height\)\,23rem\)\] {
    max-height: min(var(--available-height), 23rem);
  }
  .max-h-\[var\(--available-height\)\] {
    max-height: var(--available-height);
  }
  .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
    max-height: var(--radix-dropdown-menu-content-available-height);
  }
  .max-h-\[var\(--radix-select-content-available-height\)\] {
    max-height: var(--radix-select-content-available-height);
  }
  .max-h-full {
    max-height: 100%;
  }
  .max-h-screen {
    max-height: 100vh;
  }
  .\!min-h-0 {
    min-height: calc(var(--spacing) * 0) !important;
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .min-h-0\! {
    min-height: calc(var(--spacing) * 0) !important;
  }
  .min-h-3 {
    min-height: calc(var(--spacing) * 3);
  }
  .min-h-4 {
    min-height: calc(var(--spacing) * 4);
  }
  .min-h-5 {
    min-height: calc(var(--spacing) * 5);
  }
  .min-h-6 {
    min-height: calc(var(--spacing) * 6);
  }
  .min-h-7 {
    min-height: calc(var(--spacing) * 7);
  }
  .min-h-7\.5 {
    min-height: calc(var(--spacing) * 7.5);
  }
  .min-h-8 {
    min-height: calc(var(--spacing) * 8);
  }
  .min-h-9 {
    min-height: calc(var(--spacing) * 9);
  }
  .min-h-10 {
    min-height: calc(var(--spacing) * 10);
  }
  .min-h-11 {
    min-height: calc(var(--spacing) * 11);
  }
  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }
  .min-h-14 {
    min-height: calc(var(--spacing) * 14);
  }
  .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }
  .min-h-16\.5 {
    min-height: calc(var(--spacing) * 16.5);
  }
  .min-h-17\.5 {
    min-height: calc(var(--spacing) * 17.5);
  }
  .min-h-18\.5 {
    min-height: calc(var(--spacing) * 18.5);
  }
  .min-h-20 {
    min-height: calc(var(--spacing) * 20);
  }
  .min-h-24 {
    min-height: calc(var(--spacing) * 24);
  }
  .min-h-27 {
    min-height: calc(var(--spacing) * 27);
  }
  .min-h-28 {
    min-height: calc(var(--spacing) * 28);
  }
  .min-h-32 {
    min-height: calc(var(--spacing) * 32);
  }
  .min-h-36 {
    min-height: calc(var(--spacing) * 36);
  }
  .min-h-40 {
    min-height: calc(var(--spacing) * 40);
  }
  .min-h-48 {
    min-height: calc(var(--spacing) * 48);
  }
  .min-h-60 {
    min-height: calc(var(--spacing) * 60);
  }
  .min-h-64 {
    min-height: calc(var(--spacing) * 64);
  }
  .min-h-80\! {
    min-height: calc(var(--spacing) * 80) !important;
  }
  .min-h-92\! {
    min-height: calc(var(--spacing) * 92) !important;
  }
  .min-h-96 {
    min-height: calc(var(--spacing) * 96);
  }
  .min-h-114\! {
    min-height: calc(var(--spacing) * 114) !important;
  }
  .min-h-150 {
    min-height: calc(var(--spacing) * 150);
  }
  .min-h-\[3em\] {
    min-height: 3em;
  }
  .min-h-\[4\.5em\] {
    min-height: 4.5em;
  }
  .min-h-\[8px\] {
    min-height: 8px;
  }
  .min-h-\[18rem\] {
    min-height: 18rem;
  }
  .min-h-\[24px\] {
    min-height: 24px;
  }
  .min-h-\[24rem\] {
    min-height: 24rem;
  }
  .min-h-\[26rem\] {
    min-height: 26rem;
  }
  .min-h-\[28px\] {
    min-height: 28px;
  }
  .min-h-\[30rem\] {
    min-height: 30rem;
  }
  .min-h-\[32px\] {
    min-height: 32px;
  }
  .min-h-\[32rem\] {
    min-height: 32rem;
  }
  .min-h-\[34rem\] {
    min-height: 34rem;
  }
  .min-h-\[36px\] {
    min-height: 36px;
  }
  .min-h-\[40px\] {
    min-height: 40px;
  }
  .min-h-\[44px\] {
    min-height: 44px;
  }
  .min-h-\[48px\] {
    min-height: 48px;
  }
  .min-h-\[52px\] {
    min-height: 52px;
  }
  .min-h-\[56px\] {
    min-height: 56px;
  }
  .min-h-\[60px\] {
    min-height: 60px;
  }
  .min-h-\[60vh\] {
    min-height: 60vh;
  }
  .min-h-\[64px\] {
    min-height: 64px;
  }
  .min-h-\[68px\] {
    min-height: 68px;
  }
  .min-h-\[80px\] {
    min-height: 80px;
  }
  .min-h-\[80vh\] {
    min-height: 80vh;
  }
  .min-h-\[88px\] {
    min-height: 88px;
  }
  .min-h-\[100dvh\] {
    min-height: 100dvh;
  }
  .min-h-\[100px\] {
    min-height: 100px;
  }
  .min-h-\[100svh\] {
    min-height: 100svh;
  }
  .min-h-\[100vh\] {
    min-height: 100vh;
  }
  .min-h-\[120px\] {
    min-height: 120px;
  }
  .min-h-\[128px\] {
    min-height: 128px;
  }
  .min-h-\[130px\] {
    min-height: 130px;
  }
  .min-h-\[160px\] {
    min-height: 160px;
  }
  .min-h-\[180px\] {
    min-height: 180px;
  }
  .min-h-\[200px\] {
    min-height: 200px;
  }
  .min-h-\[240px\] {
    min-height: 240px;
  }
  .min-h-\[250px\] {
    min-height: 250px;
  }
  .min-h-\[260px\] {
    min-height: 260px;
  }
  .min-h-\[280px\] {
    min-height: 280px;
  }
  .min-h-\[290px\] {
    min-height: 290px;
  }
  .min-h-\[300px\] {
    min-height: 300px;
  }
  .min-h-\[320px\] {
    min-height: 320px;
  }
  .min-h-\[340px\] {
    min-height: 340px;
  }
  .min-h-\[350px\] {
    min-height: 350px;
  }
  .min-h-\[360px\] {
    min-height: 360px;
  }
  .min-h-\[380px\] {
    min-height: 380px;
  }
  .min-h-\[400px\] {
    min-height: 400px;
  }
  .min-h-\[420px\] {
    min-height: 420px;
  }
  .min-h-\[440px\] {
    min-height: 440px;
  }
  .min-h-\[450px\] {
    min-height: 450px;
  }
  .min-h-\[460px\] {
    min-height: 460px;
  }
  .min-h-\[480px\] {
    min-height: 480px;
  }
  .min-h-\[500px\] {
    min-height: 500px;
  }
  .min-h-\[520px\] {
    min-height: 520px;
  }
  .min-h-\[560px\] {
    min-height: 560px;
  }
  .min-h-\[600px\] {
    min-height: 600px;
  }
  .min-h-\[640px\] {
    min-height: 640px;
  }
  .min-h-\[650px\] {
    min-height: 650px;
  }
  .min-h-\[680px\] {
    min-height: 680px;
  }
  .min-h-\[700px\] {
    min-height: 700px;
  }
  .min-h-\[760px\] {
    min-height: 760px;
  }
  .min-h-\[800px\] {
    min-height: 800px;
  }
  .min-h-\[820px\] {
    min-height: 820px;
  }
  .min-h-\[860px\] {
    min-height: 860px;
  }
  .min-h-\[1180px\] {
    min-height: 1180px;
  }
  .min-h-\[calc\(100svh-4rem\)\] {
    min-height: calc(100svh - 4rem);
  }
  .min-h-\[calc\(100vh-40px\)\] {
    min-height: calc(100vh - 40px);
  }
  .min-h-\[calc\(100vh-64px\)\] {
    min-height: calc(100vh - 64px);
  }
  .min-h-\[max\(140px\,24vh\)\] {
    min-height: max(140px, 24vh);
  }
  .min-h-full {
    min-height: 100%;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .min-h-svh {
    min-height: 100svh;
  }
  .\!w-\[200px\] {
    width: 200px !important;
  }
  .\!w-full {
    width: 100% !important;
  }
  .\[width\:1040px\] {
    width: 1040px;
  }
  .\[width\:auto\] {
    width: auto;
  }
  .w-\(--active-tab-width\) {
    width: var(--active-tab-width);
  }
  .w-\(--cell-size\) {
    width: var(--cell-size);
  }
  .w-\(--radix-dropdown-menu-trigger-width\) {
    width: var(--radix-dropdown-menu-trigger-width);
  }
  .w-\(--sidebar-width\) {
    width: var(--sidebar-width);
  }
  .w-\(--width\) {
    width: var(--width);
  }
  .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 {
    width: calc(var(--spacing) * 2);
  }
  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }
  .w-2\/3 {
    width: calc(2 / 3 * 100%);
  }
  .w-2\/5 {
    width: calc(2 / 5 * 100%);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }
  .w-3\/4 {
    width: calc(3 / 4 * 100%);
  }
  .w-3\/5 {
    width: calc(3 / 5 * 100%);
  }
  .w-3\/6 {
    width: calc(3 / 6 * 100%);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-4\.5 {
    width: calc(var(--spacing) * 4.5);
  }
  .w-4\/5 {
    width: calc(4 / 5 * 100%);
  }
  .w-4\/6 {
    width: calc(4 / 6 * 100%);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-5\/6 {
    width: calc(5 / 6 * 100%);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-7\/10 {
    width: calc(7 / 10 * 100%);
  }
  .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-11\.5 {
    width: calc(var(--spacing) * 11.5);
  }
  .w-11\/12 {
    width: calc(11 / 12 * 100%);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-13 {
    width: calc(var(--spacing) * 13);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-14\.5 {
    width: calc(var(--spacing) * 14.5);
  }
  .w-15 {
    width: calc(var(--spacing) * 15);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-18 {
    width: calc(var(--spacing) * 18);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-26 {
    width: calc(var(--spacing) * 26);
  }
  .w-28 {
    width: calc(var(--spacing) * 28);
  }
  .w-30 {
    width: calc(var(--spacing) * 30);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-34 {
    width: calc(var(--spacing) * 34);
  }
  .w-35 {
    width: calc(var(--spacing) * 35);
  }
  .w-36 {
    width: calc(var(--spacing) * 36);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-44 {
    width: calc(var(--spacing) * 44);
  }
  .w-46 {
    width: calc(var(--spacing) * 46);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-50 {
    width: calc(var(--spacing) * 50);
  }
  .w-52 {
    width: calc(var(--spacing) * 52);
  }
  .w-56 {
    width: calc(var(--spacing) * 56);
  }
  .w-60 {
    width: calc(var(--spacing) * 60);
  }
  .w-64 {
    width: calc(var(--spacing) * 64);
  }
  .w-70 {
    width: calc(var(--spacing) * 70);
  }
  .w-72 {
    width: calc(var(--spacing) * 72);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-84 {
    width: calc(var(--spacing) * 84);
  }
  .w-90 {
    width: calc(var(--spacing) * 90);
  }
  .w-96 {
    width: calc(var(--spacing) * 96);
  }
  .w-100 {
    width: calc(var(--spacing) * 100);
  }
  .w-150 {
    width: calc(var(--spacing) * 150);
  }
  .w-\[--radix-dropdown-menu-trigger-width\] {
    width: --radix-dropdown-menu-trigger-width;
  }
  .w-\[--sidebar-width\] {
    width: --sidebar-width;
  }
  .w-\[1\.5px\] {
    width: 1.5px;
  }
  .w-\[1ch\] {
    width: 1ch;
  }
  .w-\[1px\] {
    width: 1px;
  }
  .w-\[2\.5px\] {
    width: 2.5px;
  }
  .w-\[2\.5rem\] {
    width: 2.5rem;
  }
  .w-\[2px\] {
    width: 2px;
  }
  .w-\[3px\] {
    width: 3px;
  }
  .w-\[4px\] {
    width: 4px;
  }
  .w-\[5\.5px\] {
    width: 5.5px;
  }
  .w-\[5\.5rem\] {
    width: 5.5rem;
  }
  .w-\[5px\] {
    width: 5px;
  }
  .w-\[6\.5px\] {
    width: 6.5px;
  }
  .w-\[6px\] {
    width: 6px;
  }
  .w-\[7px\] {
    width: 7px;
  }
  .w-\[8\%\] {
    width: 8%;
  }
  .w-\[8px\] {
    width: 8px;
  }
  .w-\[10\%\] {
    width: 10%;
  }
  .w-\[10px\] {
    width: 10px;
  }
  .w-\[11px\] {
    width: 11px;
  }
  .w-\[12\%\] {
    width: 12%;
  }
  .w-\[12px\] {
    width: 12px;
  }
  .w-\[13px\] {
    width: 13px;
  }
  .w-\[14\%\] {
    width: 14%;
  }
  .w-\[14px\] {
    width: 14px;
  }
  .w-\[15\%\] {
    width: 15%;
  }
  .w-\[15px\] {
    width: 15px;
  }
  .w-\[15rem\] {
    width: 15rem;
  }
  .w-\[16\%\] {
    width: 16%;
  }
  .w-\[16px\] {
    width: 16px;
  }
  .w-\[18\%\] {
    width: 18%;
  }
  .w-\[18px\] {
    width: 18px;
  }
  .w-\[20\%\] {
    width: 20%;
  }
  .w-\[20px\] {
    width: 20px;
  }
  .w-\[22px\] {
    width: 22px;
  }
  .w-\[26px\] {
    width: 26px;
  }
  .w-\[26rem\] {
    width: 26rem;
  }
  .w-\[28rem\] {
    width: 28rem;
  }
  .w-\[30\%\] {
    width: 30%;
  }
  .w-\[30px\] {
    width: 30px;
  }
  .w-\[30rem\] {
    width: 30rem;
  }
  .w-\[30vmin\] {
    width: 30vmin;
  }
  .w-\[32px\] {
    width: 32px;
  }
  .w-\[32rem\] {
    width: 32rem;
  }
  .w-\[34rem\] {
    width: 34rem;
  }
  .w-\[36\.125rem\] {
    width: 36.125rem;
  }
  .w-\[36px\] {
    width: 36px;
  }
  .w-\[36rem\] {
    width: 36rem;
  }
  .w-\[37px\] {
    width: 37px;
  }
  .w-\[38\%\] {
    width: 38%;
  }
  .w-\[40\%\] {
    width: 40%;
  }
  .w-\[40px\] {
    width: 40px;
  }
  .w-\[40rem\] {
    width: 40rem;
  }
  .w-\[42\%\] {
    width: 42%;
  }
  .w-\[44\%\] {
    width: 44%;
  }
  .w-\[44px\] {
    width: 44px;
  }
  .w-\[44rem\] {
    width: 44rem;
  }
  .w-\[45\%\] {
    width: 45%;
  }
  .w-\[45px\] {
    width: 45px;
  }
  .w-\[50\%\] {
    width: 50%;
  }
  .w-\[52px\] {
    width: 52px;
  }
  .w-\[53px\] {
    width: 53px;
  }
  .w-\[55\%\] {
    width: 55%;
  }
  .w-\[56px\] {
    width: 56px;
  }
  .w-\[58\%\] {
    width: 58%;
  }
  .w-\[60\%\] {
    width: 60%;
  }
  .w-\[60px\] {
    width: 60px;
  }
  .w-\[64px\] {
    width: 64px;
  }
  .w-\[65\%\] {
    width: 65%;
  }
  .w-\[68\%\] {
    width: 68%;
  }
  .w-\[70\%\] {
    width: 70%;
  }
  .w-\[70px\] {
    width: 70px;
  }
  .w-\[72px\] {
    width: 72px;
  }
  .w-\[72rem\] {
    width: 72rem;
  }
  .w-\[74px\] {
    width: 74px;
  }
  .w-\[75\%\] {
    width: 75%;
  }
  .w-\[75px\] {
    width: 75px;
  }
  .w-\[76px\] {
    width: 76px;
  }
  .w-\[78px\] {
    width: 78px;
  }
  .w-\[80\%\] {
    width: 80%;
  }
  .w-\[80px\] {
    width: 80px;
  }
  .w-\[80vw\] {
    width: 80vw;
  }
  .w-\[82\%\] {
    width: 82%;
  }
  .w-\[87\.5\%\] {
    width: 87.5%;
  }
  .w-\[88px\] {
    width: 88px;
  }
  .w-\[90\%\] {
    width: 90%;
  }
  .w-\[90px\] {
    width: 90px;
  }
  .w-\[90vw\] {
    width: 90vw;
  }
  .w-\[92\%\] {
    width: 92%;
  }
  .w-\[92vw\] {
    width: 92vw;
  }
  .w-\[95\%\] {
    width: 95%;
  }
  .w-\[96px\] {
    width: 96px;
  }
  .w-\[98\%\] {
    width: 98%;
  }
  .w-\[100\%\] {
    width: 100%;
  }
  .w-\[100\.25px\] {
    width: 100.25px;
  }
  .w-\[100dvw\] {
    width: 100dvw;
  }
  .w-\[100px\] {
    width: 100px;
  }
  .w-\[100vw\] {
    width: 100vw;
  }
  .w-\[105px\] {
    width: 105px;
  }
  .w-\[108px\] {
    width: 108px;
  }
  .w-\[110\%\] {
    width: 110%;
  }
  .w-\[110px\] {
    width: 110px;
  }
  .w-\[112px\] {
    width: 112px;
  }
  .w-\[120\%\] {
    width: 120%;
  }
  .w-\[120px\] {
    width: 120px;
  }
  .w-\[120vw\] {
    width: 120vw;
  }
  .w-\[125\%\] {
    width: 125%;
  }
  .w-\[130\%\] {
    width: 130%;
  }
  .w-\[130px\] {
    width: 130px;
  }
  .w-\[136px\] {
    width: 136px;
  }
  .w-\[138\%\] {
    width: 138%;
  }
  .w-\[140\%\] {
    width: 140%;
  }
  .w-\[140px\] {
    width: 140px;
  }
  .w-\[140vw\] {
    width: 140vw;
  }
  .w-\[150\%\] {
    width: 150%;
  }
  .w-\[150px\] {
    width: 150px;
  }
  .w-\[160\%\] {
    width: 160%;
  }
  .w-\[160px\] {
    width: 160px;
  }
  .w-\[180px\] {
    width: 180px;
  }
  .w-\[200\%\] {
    width: 200%;
  }
  .w-\[200px\] {
    width: 200px;
  }
  .w-\[200vw\] {
    width: 200vw;
  }
  .w-\[204px\] {
    width: 204px;
  }
  .w-\[205px\] {
    width: 205px;
  }
  .w-\[210px\] {
    width: 210px;
  }
  .w-\[220px\] {
    width: 220px;
  }
  .w-\[232px\] {
    width: 232px;
  }
  .w-\[240px\] {
    width: 240px;
  }
  .w-\[248px\] {
    width: 248px;
  }
  .w-\[250px\] {
    width: 250px;
  }
  .w-\[256px\] {
    width: 256px;
  }
  .w-\[260px\] {
    width: 260px;
  }
  .w-\[264px\] {
    width: 264px;
  }
  .w-\[270\%\] {
    width: 270%;
  }
  .w-\[272px\] {
    width: 272px;
  }
  .w-\[275px\] {
    width: 275px;
  }
  .w-\[280px\] {
    width: 280px;
  }
  .w-\[300px\] {
    width: 300px;
  }
  .w-\[310px\] {
    width: 310px;
  }
  .w-\[320px\] {
    width: 320px;
  }
  .w-\[330px\] {
    width: 330px;
  }
  .w-\[340px\] {
    width: 340px;
  }
  .w-\[350px\] {
    width: 350px;
  }
  .w-\[356px\] {
    width: 356px;
  }
  .w-\[358px\] {
    width: 358px;
  }
  .w-\[360px\] {
    width: 360px;
  }
  .w-\[361px\] {
    width: 361px;
  }
  .w-\[364px\] {
    width: 364px;
  }
  .w-\[372px\] {
    width: 372px;
  }
  .w-\[380px\] {
    width: 380px;
  }
  .w-\[400px\] {
    width: 400px;
  }
  .w-\[420px\] {
    width: 420px;
  }
  .w-\[440px\] {
    width: 440px;
  }
  .w-\[450px\] {
    width: 450px;
  }
  .w-\[460px\] {
    width: 460px;
  }
  .w-\[464px\] {
    width: 464px;
  }
  .w-\[470px\] {
    width: 470px;
  }
  .w-\[480px\] {
    width: 480px;
  }
  .w-\[492px\] {
    width: 492px;
  }
  .w-\[496px\] {
    width: 496px;
  }
  .w-\[500px\] {
    width: 500px;
  }
  .w-\[508px\] {
    width: 508px;
  }
  .w-\[520px\] {
    width: 520px;
  }
  .w-\[550px\] {
    width: 550px;
  }
  .w-\[560px\] {
    width: 560px;
  }
  .w-\[600px\] {
    width: 600px;
  }
  .w-\[640px\] {
    width: 640px;
  }
  .w-\[680px\] {
    width: 680px;
  }
  .w-\[700px\] {
    width: 700px;
  }
  .w-\[712px\] {
    width: 712px;
  }
  .w-\[720px\] {
    width: 720px;
  }
  .w-\[740px\] {
    width: 740px;
  }
  .w-\[760px\] {
    width: 760px;
  }
  .w-\[764px\] {
    width: 764px;
  }
  .w-\[800px\] {
    width: 800px;
  }
  .w-\[820px\] {
    width: 820px;
  }
  .w-\[840px\] {
    width: 840px;
  }
  .w-\[860px\] {
    width: 860px;
  }
  .w-\[880px\] {
    width: 880px;
  }
  .w-\[900px\] {
    width: 900px;
  }
  .w-\[980px\] {
    width: 980px;
  }
  .w-\[1100px\] {
    width: 1100px;
  }
  .w-\[1240px\] {
    width: 1240px;
  }
  .w-\[calc\(50\%-4px\)\] {
    width: calc(50% - 4px);
  }
  .w-\[calc\(50\%-6px\)\] {
    width: calc(50% - 6px);
  }
  .w-\[calc\(100\%\+3rem\)\] {
    width: calc(100% + 3rem);
  }
  .w-\[calc\(100\%\+var\(--offset\)\)\] {
    width: calc(100% + var(--offset));
  }
  .w-\[calc\(100\%-\(--spacing\(12\)\)\)\] {
    width: calc(100% - (calc(var(--spacing) * 12)));
  }
  .w-\[calc\(100\%-1\.5rem\)\] {
    width: calc(100% - 1.5rem);
  }
  .w-\[calc\(100\%-1rem\)\] {
    width: calc(100% - 1rem);
  }
  .w-\[calc\(100\%-2\.25rem\)\] {
    width: calc(100% - 2.25rem);
  }
  .w-\[calc\(100\%-2rem\)\] {
    width: calc(100% - 2rem);
  }
  .w-\[calc\(100\%-6px\)\] {
    width: calc(100% - 6px);
  }
  .w-\[calc\(100\%-18px\)\] {
    width: calc(100% - 18px);
  }
  .w-\[calc\(100\%-350px\)\] {
    width: calc(100% - 350px);
  }
  .w-\[calc\(100\%-360px\)\] {
    width: calc(100% - 360px);
  }
  .w-\[calc\(100vw_-_40px\)\] {
    width: calc(100vw - 40px);
  }
  .w-\[calc\(var\(--thumb-size\)\*2-2px\)\] {
    width: calc(var(--thumb-size) * 2 - 2px);
  }
  .w-\[min\(92\%\,720px\)\] {
    width: min(92%, 720px);
  }
  .w-\[min\(95vw\,95vh\)\] {
    width: min(95vw, 95vh);
  }
  .w-\[min\(100\%\,34rem\)\] {
    width: min(100%, 34rem);
  }
  .w-\[min\(560px\,90vw\)\] {
    width: min(560px, 90vw);
  }
  .w-\[min\(640px\,90vw\)\] {
    width: min(640px, 90vw);
  }
  .w-\[var\(--active-tab-width\)\] {
    width: var(--active-tab-width);
  }
  .w-\[var\(--icon-size\)\] {
    width: var(--icon-size);
  }
  .w-\[var\(--positioner-width\)\] {
    width: var(--positioner-width);
  }
  .w-\[var\(--radix-select-trigger-width\)\] {
    width: var(--radix-select-trigger-width);
  }
  .w-\[var\(--size\)\] {
    width: var(--size);
  }
  .w-\[var\(--width\)\] {
    width: var(--width);
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-full\! {
    width: 100% !important;
  }
  .w-max {
    width: max-content;
  }
  .w-md {
    width: var(--container-md);
  }
  .w-min {
    width: min-content;
  }
  .w-px {
    width: 1px;
  }
  .w-screen {
    width: 100vw;
  }
  .w-sm {
    width: var(--container-sm);
  }
  .w-xl {
    width: var(--container-xl);
  }
  .w-xs {
    width: var(--container-xs);
  }
  .max-w-\(--app-wrapper-max-width\) {
    max-width: var(--app-wrapper-max-width);
  }
  .max-w-\(--available-width\) {
    max-width: var(--available-width);
  }
  .max-w-\(--skeleton-width\) {
    max-width: var(--skeleton-width);
  }
  .max-w-\(--thread-max-width\) {
    max-width: var(--thread-max-width);
  }
  .max-w-0 {
    max-width: calc(var(--spacing) * 0);
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-5 {
    max-width: calc(var(--spacing) * 5);
  }
  .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-7xl\! {
    max-width: var(--container-7xl) !important;
  }
  .max-w-8 {
    max-width: calc(var(--spacing) * 8);
  }
  .max-w-20 {
    max-width: calc(var(--spacing) * 20);
  }
  .max-w-32 {
    max-width: calc(var(--spacing) * 32);
  }
  .max-w-36 {
    max-width: calc(var(--spacing) * 36);
  }
  .max-w-37\.5 {
    max-width: calc(var(--spacing) * 37.5);
  }
  .max-w-40 {
    max-width: calc(var(--spacing) * 40);
  }
  .max-w-64 {
    max-width: calc(var(--spacing) * 64);
  }
  .max-w-70 {
    max-width: calc(var(--spacing) * 70);
  }
  .max-w-80 {
    max-width: calc(var(--spacing) * 80);
  }
  .max-w-90 {
    max-width: calc(var(--spacing) * 90);
  }
  .max-w-96 {
    max-width: calc(var(--spacing) * 96);
  }
  .max-w-\[--skeleton-width\] {
    max-width: --skeleton-width;
  }
  .max-w-\[8rem\] {
    max-width: 8rem;
  }
  .max-w-\[12px\] {
    max-width: 12px;
  }
  .max-w-\[12rem\] {
    max-width: 12rem;
  }
  .max-w-\[20ch\] {
    max-width: 20ch;
  }
  .max-w-\[28rem\] {
    max-width: 28rem;
  }
  .max-w-\[30\%\] {
    max-width: 30%;
  }
  .max-w-\[34rem\] {
    max-width: 34rem;
  }
  .max-w-\[40ch\] {
    max-width: 40ch;
  }
  .max-w-\[40px\] {
    max-width: 40px;
  }
  .max-w-\[42ch\] {
    max-width: 42ch;
  }
  .max-w-\[42rem\] {
    max-width: 42rem;
  }
  .max-w-\[43rem\] {
    max-width: 43rem;
  }
  .max-w-\[44\%\] {
    max-width: 44%;
  }
  .max-w-\[44ch\] {
    max-width: 44ch;
  }
  .max-w-\[46ch\] {
    max-width: 46ch;
  }
  .max-w-\[50\%\] {
    max-width: 50%;
  }
  .max-w-\[60\%\] {
    max-width: 60%;
  }
  .max-w-\[60px\] {
    max-width: 60px;
  }
  .max-w-\[62rem\] {
    max-width: 62rem;
  }
  .max-w-\[64px\] {
    max-width: 64px;
  }
  .max-w-\[70\%\] {
    max-width: 70%;
  }
  .max-w-\[72\%\] {
    max-width: 72%;
  }
  .max-w-\[72px\] {
    max-width: 72px;
  }
  .max-w-\[75\%\] {
    max-width: 75%;
  }
  .max-w-\[78\%\] {
    max-width: 78%;
  }
  .max-w-\[80\%\] {
    max-width: 80%;
  }
  .max-w-\[80vw\] {
    max-width: 80vw;
  }
  .max-w-\[82\%\] {
    max-width: 82%;
  }
  .max-w-\[85\%\] {
    max-width: 85%;
  }
  .max-w-\[88\%\] {
    max-width: 88%;
  }
  .max-w-\[90\%\] {
    max-width: 90%;
  }
  .max-w-\[90vw\] {
    max-width: 90vw;
  }
  .max-w-\[92vw\] {
    max-width: 92vw;
  }
  .max-w-\[95\%\] {
    max-width: 95%;
  }
  .max-w-\[95vw\] {
    max-width: 95vw;
  }
  .max-w-\[100px\] {
    max-width: 100px;
  }
  .max-w-\[120px\] {
    max-width: 120px;
  }
  .max-w-\[140px\] {
    max-width: 140px;
  }
  .max-w-\[160px\] {
    max-width: 160px;
  }
  .max-w-\[180px\] {
    max-width: 180px;
  }
  .max-w-\[184px\] {
    max-width: 184px;
  }
  .max-w-\[200px\] {
    max-width: 200px;
  }
  .max-w-\[205px\] {
    max-width: 205px;
  }
  .max-w-\[210px\] {
    max-width: 210px;
  }
  .max-w-\[220px\] {
    max-width: 220px;
  }
  .max-w-\[250px\] {
    max-width: 250px;
  }
  .max-w-\[260px\] {
    max-width: 260px;
  }
  .max-w-\[280px\] {
    max-width: 280px;
  }
  .max-w-\[300px\] {
    max-width: 300px;
  }
  .max-w-\[340px\] {
    max-width: 340px;
  }
  .max-w-\[350px\] {
    max-width: 350px;
  }
  .max-w-\[356px\] {
    max-width: 356px;
  }
  .max-w-\[360px\] {
    max-width: 360px;
  }
  .max-w-\[361px\] {
    max-width: 361px;
  }
  .max-w-\[380px\] {
    max-width: 380px;
  }
  .max-w-\[400px\] {
    max-width: 400px;
  }
  .max-w-\[420px\] {
    max-width: 420px;
  }
  .max-w-\[440px\] {
    max-width: 440px;
  }
  .max-w-\[450px\] {
    max-width: 450px;
  }
  .max-w-\[460px\] {
    max-width: 460px;
  }
  .max-w-\[470px\] {
    max-width: 470px;
  }
  .max-w-\[480px\] {
    max-width: 480px;
  }
  .max-w-\[500px\] {
    max-width: 500px;
  }
  .max-w-\[512px\] {
    max-width: 512px;
  }
  .max-w-\[520px\] {
    max-width: 520px;
  }
  .max-w-\[540px\] {
    max-width: 540px;
  }
  .max-w-\[546px\] {
    max-width: 546px;
  }
  .max-w-\[560px\] {
    max-width: 560px;
  }
  .max-w-\[600px\] {
    max-width: 600px;
  }
  .max-w-\[620px\] {
    max-width: 620px;
  }
  .max-w-\[640px\] {
    max-width: 640px;
  }
  .max-w-\[655px\] {
    max-width: 655px;
  }
  .max-w-\[660px\] {
    max-width: 660px;
  }
  .max-w-\[680px\] {
    max-width: 680px;
  }
  .max-w-\[700px\] {
    max-width: 700px;
  }
  .max-w-\[720px\] {
    max-width: 720px;
  }
  .max-w-\[760px\] {
    max-width: 760px;
  }
  .max-w-\[780px\] {
    max-width: 780px;
  }
  .max-w-\[800px\] {
    max-width: 800px;
  }
  .max-w-\[840px\] {
    max-width: 840px;
  }
  .max-w-\[850px\] {
    max-width: 850px;
  }
  .max-w-\[860px\] {
    max-width: 860px;
  }
  .max-w-\[880px\] {
    max-width: 880px;
  }
  .max-w-\[900px\] {
    max-width: 900px;
  }
  .max-w-\[920px\] {
    max-width: 920px;
  }
  .max-w-\[1100px\] {
    max-width: 1100px;
  }
  .max-w-\[1180px\] {
    max-width: 1180px;
  }
  .max-w-\[1200px\] {
    max-width: 1200px;
  }
  .max-w-\[1220px\] {
    max-width: 1220px;
  }
  .max-w-\[1400px\] {
    max-width: 1400px;
  }
  .max-w-\[1440px\] {
    max-width: 1440px;
  }
  .max-w-\[1600px\] {
    max-width: 1600px;
  }
  .max-w-\[calc\(95\%-40px\)\] {
    max-width: calc(95% - 40px);
  }
  .max-w-\[calc\(100\%-1rem\)\] {
    max-width: calc(100% - 1rem);
  }
  .max-w-\[calc\(100\%-2rem\)\] {
    max-width: calc(100% - 2rem);
  }
  .max-w-\[calc\(100\%-24px\)\] {
    max-width: calc(100% - 24px);
  }
  .max-w-\[calc\(100dvw-2rem\)\] {
    max-width: calc(100dvw - 2rem);
  }
  .max-w-\[calc\(100vw-2\.5rem\)\] {
    max-width: calc(100vw - 2.5rem);
  }
  .max-w-\[calc\(100vw-2rem\)\] {
    max-width: calc(100vw - 2rem);
  }
  .max-w-\[calc\(100vw-3rem\)\] {
    max-width: calc(100vw - 3rem);
  }
  .max-w-\[calc\(100vw-8rem\)\] {
    max-width: calc(100vw - 8rem);
  }
  .max-w-\[min\(40vw\,200px\)\] {
    max-width: min(40vw, 200px);
  }
  .max-w-\[min\(calc\(100vw-2rem\)\,420px\)\] {
    max-width: min(calc(100vw - 2rem), 420px);
  }
  .max-w-\[var\(--available-width\)\] {
    max-width: var(--available-width);
  }
  .max-w-fit {
    max-width: fit-content;
  }
  .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-none {
    max-width: none;
  }
  .max-w-prose {
    max-width: 65ch;
  }
  .max-w-screen-2xl {
    max-width: var(--breakpoint-2xl);
  }
  .max-w-screen-md {
    max-width: var(--breakpoint-md);
  }
  .max-w-screen-sm {
    max-width: var(--breakpoint-sm);
  }
  .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-\(--anchor-width\) {
    min-width: var(--anchor-width);
  }
  .min-w-\(--cell-size\) {
    min-width: var(--cell-size);
  }
  .min-w-\(--reference-width\) {
    min-width: var(--reference-width);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-1\.5 {
    min-width: calc(var(--spacing) * 1.5);
  }
  .min-w-1\/3 {
    min-width: calc(1 / 3 * 100%);
  }
  .min-w-3 {
    min-width: calc(var(--spacing) * 3);
  }
  .min-w-3\.5 {
    min-width: calc(var(--spacing) * 3.5);
  }
  .min-w-4 {
    min-width: calc(var(--spacing) * 4);
  }
  .min-w-5 {
    min-width: calc(var(--spacing) * 5);
  }
  .min-w-5\.5 {
    min-width: calc(var(--spacing) * 5.5);
  }
  .min-w-6 {
    min-width: calc(var(--spacing) * 6);
  }
  .min-w-6\.5 {
    min-width: calc(var(--spacing) * 6.5);
  }
  .min-w-7 {
    min-width: calc(var(--spacing) * 7);
  }
  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }
  .min-w-9 {
    min-width: calc(var(--spacing) * 9);
  }
  .min-w-10 {
    min-width: calc(var(--spacing) * 10);
  }
  .min-w-11 {
    min-width: calc(var(--spacing) * 11);
  }
  .min-w-12 {
    min-width: calc(var(--spacing) * 12);
  }
  .min-w-16 {
    min-width: calc(var(--spacing) * 16);
  }
  .min-w-20 {
    min-width: calc(var(--spacing) * 20);
  }
  .min-w-24 {
    min-width: calc(var(--spacing) * 24);
  }
  .min-w-32 {
    min-width: calc(var(--spacing) * 32);
  }
  .min-w-34 {
    min-width: calc(var(--spacing) * 34);
  }
  .min-w-35 {
    min-width: calc(var(--spacing) * 35);
  }
  .min-w-36 {
    min-width: calc(var(--spacing) * 36);
  }
  .min-w-40 {
    min-width: calc(var(--spacing) * 40);
  }
  .min-w-44 {
    min-width: calc(var(--spacing) * 44);
  }
  .min-w-48 {
    min-width: calc(var(--spacing) * 48);
  }
  .min-w-52 {
    min-width: calc(var(--spacing) * 52);
  }
  .min-w-56 {
    min-width: calc(var(--spacing) * 56);
  }
  .min-w-60 {
    min-width: calc(var(--spacing) * 60);
  }
  .min-w-72 {
    min-width: calc(var(--spacing) * 72);
  }
  .min-w-80 {
    min-width: calc(var(--spacing) * 80);
  }
  .min-w-\[2\.5rem\] {
    min-width: 2.5rem;
  }
  .min-w-\[2ch\] {
    min-width: 2ch;
  }
  .min-w-\[2rem\] {
    min-width: 2rem;
  }
  .min-w-\[3ch\] {
    min-width: 3ch;
  }
  .min-w-\[8px\] {
    min-width: 8px;
  }
  .min-w-\[8rem\] {
    min-width: 8rem;
  }
  .min-w-\[12rem\] {
    min-width: 12rem;
  }
  .min-w-\[16px\] {
    min-width: 16px;
  }
  .min-w-\[18px\] {
    min-width: 18px;
  }
  .min-w-\[28px\] {
    min-width: 28px;
  }
  .min-w-\[32px\] {
    min-width: 32px;
  }
  .min-w-\[36px\] {
    min-width: 36px;
  }
  .min-w-\[36rem\] {
    min-width: 36rem;
  }
  .min-w-\[40px\] {
    min-width: 40px;
  }
  .min-w-\[44px\] {
    min-width: 44px;
  }
  .min-w-\[48px\] {
    min-width: 48px;
  }
  .min-w-\[50px\] {
    min-width: 50px;
  }
  .min-w-\[72px\] {
    min-width: 72px;
  }
  .min-w-\[80px\] {
    min-width: 80px;
  }
  .min-w-\[96px\] {
    min-width: 96px;
  }
  .min-w-\[100px\] {
    min-width: 100px;
  }
  .min-w-\[120px\] {
    min-width: 120px;
  }
  .min-w-\[130px\] {
    min-width: 130px;
  }
  .min-w-\[140px\] {
    min-width: 140px;
  }
  .min-w-\[150px\] {
    min-width: 150px;
  }
  .min-w-\[160px\] {
    min-width: 160px;
  }
  .min-w-\[180px\] {
    min-width: 180px;
  }
  .min-w-\[192px\] {
    min-width: 192px;
  }
  .min-w-\[200px\] {
    min-width: 200px;
  }
  .min-w-\[210px\] {
    min-width: 210px;
  }
  .min-w-\[230px\] {
    min-width: 230px;
  }
  .min-w-\[240px\] {
    min-width: 240px;
  }
  .min-w-\[250px\] {
    min-width: 250px;
  }
  .min-w-\[270px\] {
    min-width: 270px;
  }
  .min-w-\[280px\] {
    min-width: 280px;
  }
  .min-w-\[300px\] {
    min-width: 300px;
  }
  .min-w-\[320px\] {
    min-width: 320px;
  }
  .min-w-\[500px\] {
    min-width: 500px;
  }
  .min-w-\[520px\] {
    min-width: 520px;
  }
  .min-w-\[600px\] {
    min-width: 600px;
  }
  .min-w-\[640px\] {
    min-width: 640px;
  }
  .min-w-\[680px\] {
    min-width: 680px;
  }
  .min-w-\[700px\] {
    min-width: 700px;
  }
  .min-w-\[720px\] {
    min-width: 720px;
  }
  .min-w-\[800px\] {
    min-width: 800px;
  }
  .min-w-\[820px\] {
    min-width: 820px;
  }
  .min-w-\[1400px\] {
    min-width: 1400px;
  }
  .min-w-\[var\(--anchor-width\)\] {
    min-width: var(--anchor-width);
  }
  .min-w-\[var\(--radix-select-trigger-width\)\] {
    min-width: var(--radix-select-trigger-width);
  }
  .min-w-fit {
    min-width: fit-content;
  }
  .min-w-full {
    min-width: 100%;
  }
  .min-w-max {
    min-width: max-content;
  }
  .min-w-min {
    min-width: min-content;
  }
  .min-w-screen {
    min-width: 100vw;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-2 {
    flex: 2;
  }
  .flex-\[0_0_70\%\] {
    flex: 0 0 70%;
  }
  .flex-\[1\.5\] {
    flex: 1.5;
  }
  .flex-auto {
    flex: auto;
  }
  .flex-none {
    flex: none;
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .grow-0 {
    flex-grow: 0;
  }
  .\!basis-20 {
    flex-basis: calc(var(--spacing) * 20) !important;
  }
  .\!basis-80 {
    flex-basis: calc(var(--spacing) * 80) !important;
  }
  .\!basis-full {
    flex-basis: 100% !important;
  }
  .basis-0 {
    flex-basis: calc(var(--spacing) * 0);
  }
  .basis-1\/2 {
    flex-basis: calc(1 / 2 * 100%);
  }
  .basis-\[280px\] {
    flex-basis: 280px;
  }
  .basis-auto {
    flex-basis: auto;
  }
  .basis-full {
    flex-basis: 100%;
  }
  .caption-bottom {
    caption-side: bottom;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .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-1 {
    --tw-border-spacing-x: calc(var(--spacing) * 1);
    --tw-border-spacing-y: calc(var(--spacing) * 1);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }
  .border-spacing-y-0\.5 {
    --tw-border-spacing-y: calc(var(--spacing) * 0.5);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }
  .\[transform-origin\:50\%_25\%\] {
    transform-origin: 50% 25%;
  }
  .\[transform-origin\:50\%_100\%\] {
    transform-origin: 50% 100%;
  }
  .\[transform-origin\:calc\(50\%\+400px\)\] {
    transform-origin: calc(50% + 400px);
  }
  .\[transform-origin\:calc\(50\%-200px\)\] {
    transform-origin: calc(50% - 200px);
  }
  .\[transform-origin\:calc\(50\%-400px\)\] {
    transform-origin: calc(50% - 400px);
  }
  .\[transform-origin\:calc\(50\%-800px\)_calc\(50\%\+800px\)\] {
    transform-origin: calc(50% - 800px) calc(50% + 800px);
  }
  .\[transform-origin\:center_center\] {
    transform-origin: center center;
  }
  .\[transform-origin\:var\(--radix-hover-card-content-transform-origin\)\] {
    transform-origin: var(--radix-hover-card-content-transform-origin);
  }
  .origin-\(--radix-dropdown-menu-content-transform-origin\) {
    transform-origin: var(--radix-dropdown-menu-content-transform-origin);
  }
  .origin-\(--radix-hover-card-content-transform-origin\) {
    transform-origin: var(--radix-hover-card-content-transform-origin);
  }
  .origin-\(--radix-menubar-content-transform-origin\) {
    transform-origin: var(--radix-menubar-content-transform-origin);
  }
  .origin-\(--radix-popover-content-transform-origin\) {
    transform-origin: var(--radix-popover-content-transform-origin);
  }
  .origin-\(--radix-select-content-transform-origin\) {
    transform-origin: var(--radix-select-content-transform-origin);
  }
  .origin-\(--radix-tooltip-content-transform-origin\) {
    transform-origin: var(--radix-tooltip-content-transform-origin);
  }
  .origin-\(--transform-origin\) {
    transform-origin: var(--transform-origin);
  }
  .origin-\[--radix-dropdown-menu-content-transform-origin\] {
    transform-origin: --radix-dropdown-menu-content-transform-origin;
  }
  .origin-\[--radix-hover-card-content-transform-origin\] {
    transform-origin: --radix-hover-card-content-transform-origin;
  }
  .origin-\[--radix-menubar-content-transform-origin\] {
    transform-origin: --radix-menubar-content-transform-origin;
  }
  .origin-\[--radix-select-content-transform-origin\] {
    transform-origin: --radix-select-content-transform-origin;
  }
  .origin-\[--radix-tooltip-content-transform-origin\] {
    transform-origin: --radix-tooltip-content-transform-origin;
  }
  .origin-\[0\] {
    transform-origin: 0;
  }
  .origin-\[50\%_calc\(100\%-var\(--inset\)\)\] {
    transform-origin: 50% calc(100% - var(--inset));
  }
  .origin-\[50\%_var\(--inset\)\] {
    transform-origin: 50% var(--inset);
  }
  .origin-\[var\(--radix-dropdown-menu-content-transform-origin\)\] {
    transform-origin: var(--radix-dropdown-menu-content-transform-origin);
  }
  .origin-\[var\(--radix-select-content-transform-origin\)\] {
    transform-origin: var(--radix-select-content-transform-origin);
  }
  .origin-\[var\(--radix-tooltip-content-transform-origin\)\] {
    transform-origin: var(--radix-tooltip-content-transform-origin);
  }
  .origin-\[var\(--transform-origin\)\] {
    transform-origin: var(--transform-origin);
  }
  .origin-bottom {
    transform-origin: bottom;
  }
  .origin-bottom-left {
    transform-origin: 0 100%;
  }
  .origin-bottom-right {
    transform-origin: 100% 100%;
  }
  .origin-center {
    transform-origin: center;
  }
  .origin-left {
    transform-origin: 0;
  }
  .origin-right {
    transform-origin: 100%;
  }
  .origin-top {
    transform-origin: top;
  }
  .origin-top-left {
    transform-origin: 0 0;
  }
  .origin-top-right {
    transform-origin: 100% 0;
  }
  .-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\/4 {
    --tw-translate-x: calc(calc(1 / 4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-2 {
    --tw-translate-x: calc(var(--spacing) * -2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-2\/4 {
    --tw-translate-x: calc(calc(2 / 4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-16 {
    --tw-translate-x: calc(var(--spacing) * -16);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-\[0\.5px\] {
    --tw-translate-x: calc(0.5px * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-\[1\.5px\] {
    --tw-translate-x: calc(1.5px * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-\[20\%\] {
    --tw-translate-x: calc(20% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-\[calc\(50\%\+0\.5px\)\] {
    --tw-translate-x: calc(calc(50% + 0.5px) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-full {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-px {
    --tw-translate-x: -1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\(--active-tab-left\) {
    --tw-translate-x: var(--active-tab-left);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\(--x\) {
    --tw-translate-x: var(--x);
    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 {
    --tw-translate-x: calc(var(--spacing) * 1);
    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-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-12 {
    --tw-translate-x: calc(var(--spacing) * 12);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-20 {
    --tw-translate-x: calc(var(--spacing) * 20);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[1\.5px\] {
    --tw-translate-x: 1.5px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[1px\] {
    --tw-translate-x: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[2px\] {
    --tw-translate-x: 2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[10\%\] {
    --tw-translate-x: 10%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[14px\] {
    --tw-translate-x: 14px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[16px\] {
    --tw-translate-x: 16px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[18px\] {
    --tw-translate-x: 18px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[20\%\] {
    --tw-translate-x: 20%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[20px\] {
    --tw-translate-x: 20px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[50\%\] {
    --tw-translate-x: 50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[100px\] {
    --tw-translate-x: 100px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[170px\] {
    --tw-translate-x: 170px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[calc\(50\%\+0\.5px\)\] {
    --tw-translate-x: calc(50% + 0.5px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[var\(--active-tab-left\)\] {
    --tw-translate-x: var(--active-tab-left);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-full {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-px {
    --tw-translate-x: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-\(--active-tab-bottom\) {
    --tw-translate-y: calc(var(--active-tab-bottom) * -1);
    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\.5 {
    --tw-translate-y: calc(var(--spacing) * -1.5);
    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\/4 {
    --tw-translate-y: calc(calc(2 / 4 * 100%) * -1);
    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-8 {
    --tw-translate-y: calc(var(--spacing) * -8);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-10 {
    --tw-translate-y: calc(var(--spacing) * -10);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-80 {
    --tw-translate-y: calc(var(--spacing) * -80);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-\[0\.5px\] {
    --tw-translate-y: calc(0.5px * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-\[3px\] {
    --tw-translate-y: calc(3px * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-\[6rem\] {
    --tw-translate-y: calc(6rem * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-\[7rem\] {
    --tw-translate-y: calc(7rem * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-\[12\.5rem\] {
    --tw-translate-y: calc(12.5rem * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-\[33\%\] {
    --tw-translate-y: calc(33% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-\[48\%\] {
    --tw-translate-y: calc(48% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-\[170px\] {
    --tw-translate-y: calc(170px * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-\[calc\(50\%\+0\.5px\)\] {
    --tw-translate-y: calc(calc(50% + 0.5px) * -1);
    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);
  }
  .translate-y-\(--y\) {
    --tw-translate-y: var(--y);
    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-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(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-2\.5 {
    --tw-translate-y: calc(var(--spacing) * 2.5);
    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-5 {
    --tw-translate-y: calc(var(--spacing) * 5);
    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-64 {
    --tw-translate-y: calc(var(--spacing) * 64);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[2px\] {
    --tw-translate-y: 2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[3px\] {
    --tw-translate-y: 3px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[50\%\] {
    --tw-translate-y: 50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[calc\(-50\%_-_2px\)\] {
    --tw-translate-y: calc(-50% - 2px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[calc\(50\%\+0\.5px\)\] {
    --tw-translate-y: calc(50% + 0.5px);
    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);
  }
  .\!\[translate\:none\] {
    translate: none !important;
  }
  .scale-0 {
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-50 {
    --tw-scale-x: 50%;
    --tw-scale-y: 50%;
    --tw-scale-z: 50%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-75 {
    --tw-scale-x: 75%;
    --tw-scale-y: 75%;
    --tw-scale-z: 75%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-90 {
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-95 {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-105 {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-110 {
    --tw-scale-x: 110%;
    --tw-scale-y: 110%;
    --tw-scale-z: 110%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-120 {
    --tw-scale-x: 120%;
    --tw-scale-y: 120%;
    --tw-scale-z: 120%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-125 {
    --tw-scale-x: 125%;
    --tw-scale-y: 125%;
    --tw-scale-z: 125%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-135 {
    --tw-scale-x: 135%;
    --tw-scale-y: 135%;
    --tw-scale-z: 135%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-150 {
    --tw-scale-x: 150%;
    --tw-scale-y: 150%;
    --tw-scale-z: 150%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .-scale-x-100 {
    --tw-scale-x: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-x-0 {
    --tw-scale-x: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-x-100 {
    --tw-scale-x: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-x-150 {
    --tw-scale-x: 150%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-x-\[-1\] {
    --tw-scale-x: -1;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .-scale-y-100 {
    --tw-scale-y: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-y-0 {
    --tw-scale-y: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-y-125 {
    --tw-scale-y: 125%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-y-\[-1\] {
    --tw-scale-y: -1;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-\(--scale\) {
    scale: var(--scale);
  }
  .scale-\[0\.5\] {
    scale: 0.5;
  }
  .scale-\[0\.6\] {
    scale: 0.6;
  }
  .scale-\[0\.7\] {
    scale: 0.7;
  }
  .scale-\[0\.9\] {
    scale: 0.9;
  }
  .scale-\[0\.41\] {
    scale: 0.41;
  }
  .scale-\[0\.42\] {
    scale: 0.42;
  }
  .scale-\[0\.45\] {
    scale: 0.45;
  }
  .scale-\[0\.46\] {
    scale: 0.46;
  }
  .scale-\[0\.55\] {
    scale: 0.55;
  }
  .scale-\[0\.62\] {
    scale: 0.62;
  }
  .scale-\[0\.65\] {
    scale: 0.65;
  }
  .scale-\[0\.72\] {
    scale: 0.72;
  }
  .scale-\[0\.75\] {
    scale: 0.75;
  }
  .scale-\[0\.78\] {
    scale: 0.78;
  }
  .scale-\[0\.97\] {
    scale: 0.97;
  }
  .scale-\[0\.98\] {
    scale: 0.98;
  }
  .scale-\[1\.3\] {
    scale: 1.3;
  }
  .scale-\[1\.04\] {
    scale: 1.04;
  }
  .scale-\[1\.10\] {
    scale: 1.10;
  }
  .scale-\[1\] {
    scale: 1;
  }
  .scale-\[2\.2\] {
    scale: 2.2;
  }
  .scale-\[40\] {
    scale: 40;
  }
  .scale-\[calc\(var\(--active\,0\)\*0\.5\+0\.5\)\] {
    scale: calc(var(--active,0) * 0.5 + 0.5);
  }
  .scale-\[var\(--scale\)\] {
    scale: var(--scale);
  }
  .-rotate-2 {
    rotate: calc(2deg * -1);
  }
  .-rotate-3 {
    rotate: calc(3deg * -1);
  }
  .-rotate-5 {
    rotate: calc(5deg * -1);
  }
  .-rotate-6 {
    rotate: calc(6deg * -1);
  }
  .-rotate-12 {
    rotate: calc(12deg * -1);
  }
  .-rotate-45 {
    rotate: calc(45deg * -1);
  }
  .-rotate-90 {
    rotate: calc(90deg * -1);
  }
  .-rotate-180 {
    rotate: calc(180deg * -1);
  }
  .-rotate-\[12deg\] {
    rotate: calc(12deg * -1);
  }
  .-rotate-\[22deg\] {
    rotate: calc(22deg * -1);
  }
  .rotate-0 {
    rotate: 0deg;
  }
  .rotate-2 {
    rotate: 2deg;
  }
  .rotate-3 {
    rotate: 3deg;
  }
  .rotate-6 {
    rotate: 6deg;
  }
  .rotate-12 {
    rotate: 12deg;
  }
  .rotate-15 {
    rotate: 15deg;
  }
  .rotate-45 {
    rotate: 45deg;
  }
  .rotate-90 {
    rotate: 90deg;
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .rotate-\[-30deg\] {
    rotate: -30deg;
  }
  .rotate-\[-70deg\] {
    rotate: -70deg;
  }
  .rotate-\[-90deg\] {
    rotate: -90deg;
  }
  .rotate-\[12deg\] {
    rotate: 12deg;
  }
  .rotate-\[22deg\] {
    rotate: 22deg;
  }
  .rotate-\[30deg\] {
    rotate: 30deg;
  }
  .rotate-\[215deg\] {
    rotate: 215deg;
  }
  .-skew-x-12 {
    --tw-skew-x: skewX(calc(12deg * -1));
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .-skew-y-6 {
    --tw-skew-y: skewY(calc(6deg * -1));
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .\!\[transform\:none\] {
    transform: none !important;
  }
  .\[transform\:rotateY\(0deg\)\] {
    transform: rotateY(0deg);
  }
  .\[transform\:rotateY\(180deg\)\] {
    transform: rotateY(180deg);
  }
  .\[transform\:skew\(-13deg\)_translateX\(-100\%\)\] {
    transform: skew(-13deg) translateX(-100%);
  }
  .\[transform\:translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(calc\(var\(--toast-swipe-movement-y\)\+calc\(min\(var\(--toast-index\)\,10\)\*-15px\)\)\)_scale\(calc\(max\(0\,1-\(var\(--toast-index\)\*0\.1\)\)\)\)\] {
    transform: translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) + calc(min(var(--toast-index), 10) * -15px))) scale(calc(max(0, 1 - (var(--toast-index) * 0.1))));
  }
  .\[transform\:translateZ\(0\)\] {
    transform: translateZ(0);
  }
  .\[transform\:translateZ\(70px\)_scale\(\.93\)\] {
    transform: translateZ(70px) scale(.93);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .transform-\[translate\(-50\%\,-50\%\)\] {
    transform: translate(-50%,-50%);
  }
  .transform-\[translateX\(var\(--drawer-swipe-movement-x\)\)\] {
    transform: translateX(var(--drawer-swipe-movement-x));
  }
  .transform-\[translateY\(calc\(var\(--drawer-snap-point-offset\)\+var\(--drawer-swipe-movement-y\)\)\)\] {
    transform: translateY(calc(var(--drawer-snap-point-offset) + var(--drawer-swipe-movement-y)));
  }
  .transform-\[translateY\(var\(--drawer-swipe-movement-y\)\)\] {
    transform: translateY(var(--drawer-swipe-movement-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,);
  }
  .\[animation\:foundry-typing-fade_\.3s_ease-out\] {
    animation: foundry-typing-fade .3s ease-out;
  }
  .\[animation\:foundry-typing-fade_\.35s_ease-out\] {
    animation: foundry-typing-fade .35s ease-out;
  }
  .animate-\[6000ms\] {
    animation: 6000ms;
  }
  .animate-\[autoplay-progress_linear_1\] {
    animation: autoplay-progress linear 1;
  }
  .animate-\[blink_1s_step-end_infinite\] {
    animation: blink 1s step-end infinite;
  }
  .animate-\[blink_1s_steps\(2\)_infinite\] {
    animation: blink 1s steps(2) infinite;
  }
  .animate-\[bounce-dots_1\.4s_ease-in-out_infinite\] {
    animation: bounce-dots 1.4s ease-in-out infinite;
  }
  .animate-\[escalate-slide_1\.6s_ease-in-out_infinite\] {
    animation: escalate-slide 1.6s ease-in-out infinite;
  }
  .animate-\[loading-dots_1\.4s_infinite_0\.2s\] {
    animation: loading-dots 1.4s infinite 0.2s;
  }
  .animate-\[loading-dots_1\.4s_infinite_0\.4s\] {
    animation: loading-dots 1.4s infinite 0.4s;
  }
  .animate-\[loading-dots_1\.4s_infinite_0\.6s\] {
    animation: loading-dots 1.4s infinite 0.6s;
  }
  .animate-\[name_1\.6s_ease-out\] {
    animation: name 1.6s ease-out;
  }
  .animate-\[pulse-dot_1\.2s_ease-in-out_infinite\] {
    animation: pulse-dot 1.2s ease-in-out infinite;
  }
  .animate-\[scan_4s_linear_infinite\] {
    animation: scan 4s linear infinite;
  }
  .animate-\[shimmer2_2s_infinite_linear\] {
    animation: shimmer2 2s infinite linear;
  }
  .animate-\[shimmer_4s_infinite_linear\] {
    animation: shimmer 4s infinite linear;
  }
  .animate-\[spin_2s_linear_infinite\] {
    animation: spin 2s linear infinite;
  }
  .animate-\[spin_3s_linear_infinite\] {
    animation: spin 3s linear infinite;
  }
  .animate-\[spin_4s_linear_infinite\] {
    animation: spin 4s linear infinite;
  }
  .animate-\[spin_5s_linear_infinite\] {
    animation: spin 5s linear infinite;
  }
  .animate-\[spin_8s_linear_infinite\] {
    animation: spin 8s linear infinite;
  }
  .animate-\[spinner-fade_1\.2s_linear_infinite\] {
    animation: spinner-fade 1.2s linear infinite;
  }
  .animate-\[text-blink_2s_ease-in-out_infinite\] {
    animation: text-blink 2s ease-in-out infinite;
  }
  .animate-\[thin-pulse_1\.5s_ease-in-out_infinite\] {
    animation: thin-pulse 1.5s ease-in-out infinite;
  }
  .animate-\[typing_1s_infinite\] {
    animation: typing 1s infinite;
  }
  .animate-\[ultronJobsDonutFlashAmber_1\.6s_ease-out\] {
    animation: ultronJobsDonutFlashAmber 1.6s ease-out;
  }
  .animate-\[ultronJobsDonutFlashRose_1\.6s_ease-out\] {
    animation: ultronJobsDonutFlashRose 1.6s ease-out;
  }
  .animate-\[wave-bars_1\.2s_ease-in-out_infinite\] {
    animation: wave-bars 1.2s ease-in-out infinite;
  }
  .animate-\[wave_1s_ease-in-out_infinite\] {
    animation: wave 1s ease-in-out infinite;
  }
  .animate-bounce {
    animation: var(--animate-bounce);
  }
  .animate-caret-blink {
    animation: caret-blink 1.25s ease-out infinite;
  }
  .animate-in {
    animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
  }
  .animate-out {
    animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
  }
  .animate-ping {
    animation: var(--animate-ping);
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-cell {
    cursor: cell;
  }
  .cursor-col-resize {
    cursor: col-resize;
  }
  .cursor-context-menu {
    cursor: context-menu;
  }
  .cursor-crosshair {
    cursor: crosshair;
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-ew-resize {
    cursor: ew-resize;
  }
  .cursor-grab {
    cursor: grab;
  }
  .cursor-grabbing {
    cursor: grabbing;
  }
  .cursor-help {
    cursor: help;
  }
  .cursor-move {
    cursor: move;
  }
  .cursor-none {
    cursor: none;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-ns-resize {
    cursor: ns-resize;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .cursor-se-resize {
    cursor: se-resize;
  }
  .cursor-text {
    cursor: text;
  }
  .cursor-wait {
    cursor: wait;
  }
  .cursor-zoom-in {
    cursor: zoom-in;
  }
  .cursor-zoom-out {
    cursor: zoom-out;
  }
  .touch-pan-x {
    --tw-pan-x: pan-x;
    touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
  }
  .touch-pan-y {
    --tw-pan-y: pan-y;
    touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
  }
  .touch-pinch-zoom {
    --tw-pinch-zoom: pinch-zoom;
    touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
  }
  .touch-auto {
    touch-action: auto;
  }
  .touch-manipulation {
    touch-action: manipulation;
  }
  .touch-none {
    touch-action: none;
  }
  .resize {
    resize: both;
  }
  .resize-none {
    resize: none;
  }
  .resize-y {
    resize: vertical;
  }
  .snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }
  .snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
  }
  .snap-center {
    scroll-snap-align: center;
  }
  .snap-start {
    scroll-snap-align: start;
  }
  .scroll-m-4 {
    scroll-margin: calc(var(--spacing) * 4);
  }
  .scroll-m-20 {
    scroll-margin: calc(var(--spacing) * 20);
  }
  .scroll-my-1 {
    scroll-margin-block: calc(var(--spacing) * 1);
  }
  .scroll-mt-4 {
    scroll-margin-top: calc(var(--spacing) * 4);
  }
  .scroll-py-1 {
    scroll-padding-block: calc(var(--spacing) * 1);
  }
  .scroll-py-2 {
    scroll-padding-block: calc(var(--spacing) * 2);
  }
  .scroll-pr-5 {
    scroll-padding-right: calc(var(--spacing) * 5);
  }
  .scroll-pl-5 {
    scroll-padding-left: calc(var(--spacing) * 5);
  }
  .\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }
  .\[scrollbar-width\:thin\] {
    scrollbar-width: thin;
  }
  .scrollbar-none {
    scrollbar-width: none;
  }
  .scrollbar-thin {
    scrollbar-width: thin;
  }
  .scrollbar-thumb-\[\#444444\] {
    --tw-scrollbar-thumb: #444444;
    scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
  }
  .scrollbar-thumb-black\/15 {
    --tw-scrollbar-thumb: color-mix(in srgb, #000 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-scrollbar-thumb: color-mix(in oklab, var(--color-black) 15%, transparent);
    }
    scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
  }
  .scrollbar-track-transparent {
    --tw-scrollbar-track: transparent;
    scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
  }
  .list-outside {
    list-style-position: outside;
  }
  .list-decimal {
    list-style-type: decimal;
  }
  .list-disc {
    list-style-type: disc;
  }
  .list-none {
    list-style-type: none;
  }
  .list-none\! {
    list-style-type: none !important;
  }
  .appearance-none {
    appearance: none;
  }
  .columns-1 {
    columns: 1;
  }
  .columns-3 {
    columns: 3;
  }
  .break-inside-avoid {
    break-inside: avoid;
  }
  .auto-rows-\[60px\] {
    grid-auto-rows: 60px;
  }
  .auto-rows-\[200px\] {
    grid-auto-rows: 200px;
  }
  .auto-rows-auto {
    grid-auto-rows: auto;
  }
  .auto-rows-min {
    grid-auto-rows: min-content;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-1\! {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  .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-5 {
    grid-template-columns: repeat(5, 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-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid-cols-\[\.75rem_1fr\] {
    grid-template-columns: .75rem 1fr;
  }
  .grid-cols-\[0\.75rem_1fr\] {
    grid-template-columns: 0.75rem 1fr;
  }
  .grid-cols-\[1\.2fr_1\.2fr_1fr_1fr\] {
    grid-template-columns: 1.2fr 1.2fr 1fr 1fr;
  }
  .grid-cols-\[1\.5fr_1fr\] {
    grid-template-columns: 1.5fr 1fr;
  }
  .grid-cols-\[1\.5fr_2fr_1fr_1fr_1fr_1fr\] {
    grid-template-columns: 1.5fr 2fr 1fr 1fr 1fr 1fr;
  }
  .grid-cols-\[1\.6fr_1fr_0\.9fr_0\.5fr\] {
    grid-template-columns: 1.6fr 1fr 0.9fr 0.5fr;
  }
  .grid-cols-\[1\.7fr_1fr\] {
    grid-template-columns: 1.7fr 1fr;
  }
  .grid-cols-\[1\.8fr_1\.2fr_0\.8fr_1fr_1\.2fr\] {
    grid-template-columns: 1.8fr 1.2fr 0.8fr 1fr 1.2fr;
  }
  .grid-cols-\[1fr_1\.3fr\] {
    grid-template-columns: 1fr 1.3fr;
  }
  .grid-cols-\[1fr_1px_1fr\] {
    grid-template-columns: 1fr 1px 1fr;
  }
  .grid-cols-\[1fr_1rem_auto_1rem_1fr\] {
    grid-template-columns: 1fr 1rem auto 1rem 1fr;
  }
  .grid-cols-\[1fr_24px\] {
    grid-template-columns: 1fr 24px;
  }
  .grid-cols-\[1fr_150px\] {
    grid-template-columns: 1fr 150px;
  }
  .grid-cols-\[1fr_178px\] {
    grid-template-columns: 1fr 178px;
  }
  .grid-cols-\[1fr_180px\] {
    grid-template-columns: 1fr 180px;
  }
  .grid-cols-\[1fr_188px\] {
    grid-template-columns: 1fr 188px;
  }
  .grid-cols-\[1fr_220px\] {
    grid-template-columns: 1fr 220px;
  }
  .grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }
  .grid-cols-\[1fr_auto_1fr\] {
    grid-template-columns: 1fr auto 1fr;
  }
  .grid-cols-\[1fr_auto_auto\] {
    grid-template-columns: 1fr auto auto;
  }
  .grid-cols-\[1fr_auto_auto_auto\] {
    grid-template-columns: 1fr auto auto auto;
  }
  .grid-cols-\[1rem_1fr\] {
    grid-template-columns: 1rem 1fr;
  }
  .grid-cols-\[4rem_1fr\] {
    grid-template-columns: 4rem 1fr;
  }
  .grid-cols-\[14px_72px_1fr\] {
    grid-template-columns: 14px 72px 1fr;
  }
  .grid-cols-\[58px_14px_1fr_24px\] {
    grid-template-columns: 58px 14px 1fr 24px;
  }
  .grid-cols-\[70px_1fr\] {
    grid-template-columns: 70px 1fr;
  }
  .grid-cols-\[100px_1fr_1fr_1fr_1fr\] {
    grid-template-columns: 100px 1fr 1fr 1fr 1fr;
  }
  .grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }
  .grid-cols-\[auto_1px_1fr\] {
    grid-template-columns: auto 1px 1fr;
  }
  .grid-cols-\[max-content_1fr\] {
    grid-template-columns: max-content 1fr;
  }
  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,2\.2fr\)\] {
    grid-template-columns: minmax(0,1fr) minmax(0,2.2fr);
  }
  .grid-cols-\[minmax\(72px\,1fr\)_auto\] {
    grid-template-columns: minmax(72px,1fr) auto;
  }
  .grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .grid-rows-\[0fr\] {
    grid-template-rows: 0fr;
  }
  .grid-rows-\[1fr\] {
    grid-template-rows: 1fr;
  }
  .grid-rows-\[1fr_1px_auto_1px_1fr\] {
    grid-template-rows: 1fr 1px auto 1px 1fr;
  }
  .grid-rows-\[1fr_auto\] {
    grid-template-rows: 1fr auto;
  }
  .grid-rows-\[320px_1fr\] {
    grid-template-rows: 320px 1fr;
  }
  .grid-rows-\[auto_1fr\] {
    grid-template-rows: auto 1fr;
  }
  .grid-rows-\[auto_auto\] {
    grid-template-rows: auto auto;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-row\! {
    flex-direction: row !important;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .place-content-center {
    place-content: center;
  }
  .place-items-center {
    place-items: center;
  }
  .content-center {
    align-content: center;
  }
  .content-end {
    align-content: flex-end;
  }
  .content-start {
    align-content: flex-start;
  }
  .\!items-center {
    align-items: center !important;
  }
  .\!items-end {
    align-items: flex-end !important;
  }
  .\!items-start {
    align-items: flex-start !important;
  }
  .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-start {
    justify-content: flex-start !important;
  }
  .justify-around {
    justify-content: space-around;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-evenly {
    justify-content: space-evenly;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .justify-items-center {
    justify-items: center;
  }
  .\[gap\:var\(--gap\)\] {
    gap: var(--gap);
  }
  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }
  .gap-0\! {
    gap: calc(var(--spacing) * 0) !important;
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-4\.5 {
    gap: calc(var(--spacing) * 4.5);
  }
  .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-9 {
    gap: calc(var(--spacing) * 9);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .gap-14 {
    gap: calc(var(--spacing) * 14);
  }
  .gap-16 {
    gap: calc(var(--spacing) * 16);
  }
  .gap-20 {
    gap: calc(var(--spacing) * 20);
  }
  .gap-24 {
    gap: calc(var(--spacing) * 24);
  }
  .gap-\[--spacing\(var\(--gap\)\)\] {
    gap: calc(var(--spacing) * var(--gap));
  }
  .gap-\[0\.5px\] {
    gap: 0.5px;
  }
  .gap-\[1px\] {
    gap: 1px;
  }
  .gap-\[2px\] {
    gap: 2px;
  }
  .gap-\[3px\] {
    gap: 3px;
  }
  .gap-\[6px\] {
    gap: 6px;
  }
  .gap-\[8px\] {
    gap: 8px;
  }
  .gap-\[12px\] {
    gap: 12px;
  }
  .gap-\[15px\] {
    gap: 15px;
  }
  .gap-\[16px\] {
    gap: 16px;
  }
  .gap-\[25px\] {
    gap: 25px;
  }
  .gap-\[inherit\] {
    gap: inherit;
  }
  .gap-px {
    gap: 1px;
  }
  .gap-px\! {
    gap: 1px !important;
  }
  .-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-0 {
    :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)));
    }
  }
  .space-y-0\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .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-1\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .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-2\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .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-3\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3.5) * 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-7 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 7) * 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-9 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 9) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 9) * 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-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-\[2px\] {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(2px * var(--tw-space-y-reverse));
      margin-block-end: calc(2px * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-\[3px\] {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(3px * var(--tw-space-y-reverse));
      margin-block-end: calc(3px * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .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-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-7 {
    column-gap: calc(var(--spacing) * 7);
  }
  .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-16 {
    column-gap: calc(var(--spacing) * 16);
  }
  .-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-1\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * -1.5) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * -1.5) * 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-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-\[1\.5px\] {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(1.5px * -1) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(1.5px * -1) * 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)));
    }
  }
  .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-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-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-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)));
    }
  }
  .space-x-20 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 20) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-\[2px\] {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(2px * var(--tw-space-x-reverse));
      margin-inline-end: calc(2px * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-\[6px\] {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(6px * var(--tw-space-x-reverse));
      margin-inline-end: calc(6px * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-reverse {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 1;
    }
  }
  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * 0.5);
  }
  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }
  .gap-y-1\.5 {
    row-gap: calc(var(--spacing) * 1.5);
  }
  .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-8 {
    row-gap: calc(var(--spacing) * 8);
  }
  .gap-y-9 {
    row-gap: calc(var(--spacing) * 9);
  }
  .gap-y-10 {
    row-gap: calc(var(--spacing) * 10);
  }
  .gap-y-14 {
    row-gap: calc(var(--spacing) * 14);
  }
  .gap-y-\[6px\] {
    row-gap: 6px;
  }
  .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-0 {
    :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)));
    }
  }
  .divide-dashed {
    :where(& > :not(:last-child)) {
      --tw-border-style: dashed;
      border-style: dashed;
    }
  }
  .divide-\[\#39ff14\]\/10 {
    :where(& > :not(:last-child)) {
      border-color: color-mix(in oklab, #39ff14 10%, transparent);
    }
  }
  .divide-\[\#F5F0E8\]\/10 {
    :where(& > :not(:last-child)) {
      border-color: color-mix(in oklab, #F5F0E8 10%, transparent);
    }
  }
  .divide-\[rgba\(255\,255\,255\,0\.04\)\] {
    :where(& > :not(:last-child)) {
      border-color: rgba(255,255,255,0.04);
    }
  }
  .divide-\[rgba\(255\,255\,255\,0\.06\)\] {
    :where(& > :not(:last-child)) {
      border-color: rgba(255,255,255,0.06);
    }
  }
  .divide-\[rgba\(255\,255\,255\,0\.08\)\] {
    :where(& > :not(:last-child)) {
      border-color: rgba(255,255,255,0.08);
    }
  }
  .divide-black\/5 {
    :where(& > :not(:last-child)) {
      border-color: color-mix(in srgb, #000 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 5%, transparent);
      }
    }
  }
  .divide-black\/\[0\.06\] {
    :where(& > :not(:last-child)) {
      border-color: color-mix(in srgb, #000 6%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 6%, transparent);
      }
    }
  }
  .divide-border {
    :where(& > :not(:last-child)) {
      border-color: var(--border);
    }
  }
  .divide-border\/50 {
    :where(& > :not(:last-child)) {
      border-color: var(--border);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--border) 50%, transparent);
      }
    }
  }
  .divide-border\/60 {
    :where(& > :not(:last-child)) {
      border-color: var(--border);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--border) 60%, transparent);
      }
    }
  }
  .divide-border\/80 {
    :where(& > :not(:last-child)) {
      border-color: var(--border);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--border) 80%, transparent);
      }
    }
  }
  .divide-emerald-400\/10 {
    :where(& > :not(:last-child)) {
      border-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-emerald-400) 10%, transparent);
      }
    }
  }
  .divide-foreground\/\[0\.05\] {
    :where(& > :not(:last-child)) {
      border-color: var(--foreground);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--foreground) 5%, transparent);
      }
    }
  }
  .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-neutral-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-neutral-100);
    }
  }
  .divide-neutral-200 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-neutral-200);
    }
  }
  .divide-neutral-800 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-neutral-800);
    }
  }
  .divide-slate-200 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-slate-200);
    }
  }
  .divide-slate-200\/70 {
    :where(& > :not(:last-child)) {
      border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-slate-200) 70%, transparent);
      }
    }
  }
  .divide-stone-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-stone-100);
    }
  }
  .divide-stone-800\/40 {
    :where(& > :not(:last-child)) {
      border-color: color-mix(in srgb, oklch(26.8% 0.007 34.298) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-stone-800) 40%, transparent);
      }
    }
  }
  .divide-white\/5 {
    :where(& > :not(:last-child)) {
      border-color: color-mix(in srgb, #fff 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }
  }
  .divide-white\/10 {
    :where(& > :not(:last-child)) {
      border-color: color-mix(in srgb, #fff 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
  }
  .divide-white\/\[0\.04\] {
    :where(& > :not(:last-child)) {
      border-color: color-mix(in srgb, #fff 4%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 4%, transparent);
      }
    }
  }
  .divide-white\/\[0\.05\] {
    :where(& > :not(:last-child)) {
      border-color: color-mix(in srgb, #fff 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }
  }
  .divide-white\/\[0\.06\] {
    :where(& > :not(:last-child)) {
      border-color: color-mix(in srgb, #fff 6%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 6%, transparent);
      }
    }
  }
  .divide-zinc-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-zinc-100);
    }
  }
  .divide-zinc-200 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-zinc-200);
    }
  }
  .divide-zinc-800 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-zinc-800);
    }
  }
  .place-self-center {
    place-self: center;
  }
  .self-auto {
    align-self: auto;
  }
  .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-visible\! {
    overflow: visible !important;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-x-hidden\! {
    overflow-x: hidden !important;
  }
  .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;
  }
  .overscroll-contain {
    overscroll-behavior: contain;
  }
  .overscroll-x-contain {
    overscroll-behavior-x: contain;
  }
  .scroll-smooth {
    scroll-behavior: smooth;
  }
  .\!rounded-full {
    border-radius: calc(infinity * 1px) !important;
  }
  .\!rounded-lg {
    border-radius: var(--radius) !important;
  }
  .\[border-radius\:inherit\] {
    border-radius: inherit;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-\(--cell-radius\) {
    border-radius: var(--cell-radius);
  }
  .rounded-\(--composer-radius\) {
    border-radius: var(--composer-radius);
  }
  .rounded-\(--radius\) {
    border-radius: var(--radius);
  }
  .rounded-\(--thumb-size\) {
    border-radius: var(--thumb-size);
  }
  .rounded-2xl {
    border-radius: calc(var(--radius) * 1.8);
  }
  .rounded-3xl {
    border-radius: calc(var(--radius) * 2.2);
  }
  .rounded-4xl {
    border-radius: calc(var(--radius) * 2.6);
  }
  .rounded-\[--border-radius\] {
    border-radius: --border-radius;
  }
  .rounded-\[\.25rem\] {
    border-radius: .25rem;
  }
  .rounded-\[0\.5px\] {
    border-radius: 0.5px;
  }
  .rounded-\[0\.8em\] {
    border-radius: 0.8em;
  }
  .rounded-\[0\.8rem\] {
    border-radius: 0.8rem;
  }
  .rounded-\[1\.6rem\] {
    border-radius: 1.6rem;
  }
  .rounded-\[1\.8rem\] {
    border-radius: 1.8rem;
  }
  .rounded-\[1\.25rem\] {
    border-radius: 1.25rem;
  }
  .rounded-\[1\.75rem\] {
    border-radius: 1.75rem;
  }
  .rounded-\[1px\] {
    border-radius: 1px;
  }
  .rounded-\[1rem\] {
    border-radius: 1rem;
  }
  .rounded-\[2\.5rem\] {
    border-radius: 2.5rem;
  }
  .rounded-\[2px\] {
    border-radius: 2px;
  }
  .rounded-\[2rem\] {
    border-radius: 2rem;
  }
  .rounded-\[3px\] {
    border-radius: 3px;
  }
  .rounded-\[3rem\] {
    border-radius: 3rem;
  }
  .rounded-\[4px\] {
    border-radius: 4px;
  }
  .rounded-\[5px\] {
    border-radius: 5px;
  }
  .rounded-\[6px\] {
    border-radius: 6px;
  }
  .rounded-\[7px\] {
    border-radius: 7px;
  }
  .rounded-\[8px\] {
    border-radius: 8px;
  }
  .rounded-\[9px\] {
    border-radius: 9px;
  }
  .rounded-\[10px\] {
    border-radius: 10px;
  }
  .rounded-\[11px\] {
    border-radius: 11px;
  }
  .rounded-\[12px\] {
    border-radius: 12px;
  }
  .rounded-\[13px\] {
    border-radius: 13px;
  }
  .rounded-\[14px\] {
    border-radius: 14px;
  }
  .rounded-\[15px\] {
    border-radius: 15px;
  }
  .rounded-\[16px\] {
    border-radius: 16px;
  }
  .rounded-\[17px\] {
    border-radius: 17px;
  }
  .rounded-\[18px\] {
    border-radius: 18px;
  }
  .rounded-\[19px\] {
    border-radius: 19px;
  }
  .rounded-\[20px\] {
    border-radius: 20px;
  }
  .rounded-\[21px\] {
    border-radius: 21px;
  }
  .rounded-\[22px\] {
    border-radius: 22px;
  }
  .rounded-\[23px\] {
    border-radius: 23px;
  }
  .rounded-\[24px\] {
    border-radius: 24px;
  }
  .rounded-\[28px\] {
    border-radius: 28px;
  }
  .rounded-\[30px\] {
    border-radius: 30px;
  }
  .rounded-\[32px\] {
    border-radius: 32px;
  }
  .rounded-\[33px\] {
    border-radius: 33px;
  }
  .rounded-\[34px\] {
    border-radius: 34px;
  }
  .rounded-\[36px\] {
    border-radius: 36px;
  }
  .rounded-\[38px\] {
    border-radius: 38px;
  }
  .rounded-\[39px\] {
    border-radius: 39px;
  }
  .rounded-\[40px\] {
    border-radius: 40px;
  }
  .rounded-\[44px\] {
    border-radius: 44px;
  }
  .rounded-\[48px\] {
    border-radius: 48px;
  }
  .rounded-\[50\%\] {
    border-radius: 50%;
  }
  .rounded-\[50px\] {
    border-radius: 50px;
  }
  .rounded-\[68px\] {
    border-radius: 68px;
  }
  .rounded-\[100\%\] {
    border-radius: 100%;
  }
  .rounded-\[100px\] {
    border-radius: 100px;
  }
  .rounded-\[9999px\] {
    border-radius: 9999px;
  }
  .rounded-\[calc\(var\(--an-input-border-radius\)-var\(--an-context-padding\)\)\] {
    border-radius: calc(var(--an-input-border-radius) - var(--an-context-padding));
  }
  .rounded-\[calc\(var\(--an-input-border-radius\)-var\(--an-context-padding\)-2px\)\] {
    border-radius: calc(var(--an-input-border-radius) - var(--an-context-padding) - 2px);
  }
  .rounded-\[calc\(var\(--an-tool-border-radius\)-4px\)\] {
    border-radius: calc(var(--an-tool-border-radius) - 4px);
  }
  .rounded-\[calc\(var\(--composer-radius\)-var\(--composer-padding\)\)\] {
    border-radius: calc(var(--composer-radius) - var(--composer-padding));
  }
  .rounded-\[calc\(var\(--radius\)\)\] {
    border-radius: calc(var(--radius));
  }
  .rounded-\[calc\(var\(--radius\)\+var\(--padding\)\)\] {
    border-radius: calc(var(--radius) + var(--padding));
  }
  .rounded-\[calc\(var\(--radius\)-1px\)\] {
    border-radius: calc(var(--radius) - 1px);
  }
  .rounded-\[calc\(var\(--radius\)-2px\)\] {
    border-radius: calc(var(--radius) - 2px);
  }
  .rounded-\[calc\(var\(--radius\)-3px\)\] {
    border-radius: calc(var(--radius) - 3px);
  }
  .rounded-\[calc\(var\(--radius\)-4px\)\] {
    border-radius: calc(var(--radius) - 4px);
  }
  .rounded-\[calc\(var\(--radius\)-5px\)\] {
    border-radius: calc(var(--radius) - 5px);
  }
  .rounded-\[calc\(var\(--radius-md\)-1px\)\] {
    border-radius: calc(var(--radius-md) - 1px);
  }
  .rounded-\[inherit\] {
    border-radius: inherit;
  }
  .rounded-\[min\(32px\,var\(--radius-3xl\,32px\)\)\] {
    border-radius: min(32px, var(--radius-3xl,32px));
  }
  .rounded-\[min\(var\(--radius-md\)\,8px\)\] {
    border-radius: min(var(--radius-md), 8px);
  }
  .rounded-\[min\(var\(--radius-md\)\,10px\)\] {
    border-radius: min(var(--radius-md), 10px);
  }
  .rounded-\[min\(var\(--radius-md\)\,12px\)\] {
    border-radius: min(var(--radius-md), 12px);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius);
  }
  .rounded-lg\! {
    border-radius: var(--radius) !important;
  }
  .rounded-md {
    border-radius: calc(var(--radius) * 0.8);
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-sm {
    border-radius: calc(var(--radius) * 0.6);
  }
  .rounded-xl {
    border-radius: calc(var(--radius) * 1.4);
  }
  .rounded-xl\! {
    border-radius: calc(var(--radius) * 1.4) !important;
  }
  .rounded-xs {
    border-radius: var(--radius-xs);
  }
  .rounded-s-2xl {
    border-start-start-radius: calc(var(--radius) * 1.8);
    border-end-start-radius: calc(var(--radius) * 1.8);
  }
  .rounded-e-2xl {
    border-start-end-radius: calc(var(--radius) * 1.8);
    border-end-end-radius: calc(var(--radius) * 1.8);
  }
  .rounded-e-md {
    border-start-end-radius: calc(var(--radius) * 0.8);
    border-end-end-radius: calc(var(--radius) * 0.8);
  }
  .\!rounded-t-none {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .rounded-t-\(--composer-radius\) {
    border-top-left-radius: var(--composer-radius);
    border-top-right-radius: var(--composer-radius);
  }
  .rounded-t-2xl {
    border-top-left-radius: calc(var(--radius) * 1.8);
    border-top-right-radius: calc(var(--radius) * 1.8);
  }
  .rounded-t-\[3px\] {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
  .rounded-t-\[10px\] {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .rounded-t-\[24px\] {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
  }
  .rounded-t-\[32px\] {
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
  }
  .rounded-t-\[175px\] {
    border-top-left-radius: 175px;
    border-top-right-radius: 175px;
  }
  .rounded-t-full {
    border-top-left-radius: calc(infinity * 1px);
    border-top-right-radius: calc(infinity * 1px);
  }
  .rounded-t-lg {
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
  }
  .rounded-t-md {
    border-top-left-radius: calc(var(--radius) * 0.8);
    border-top-right-radius: calc(var(--radius) * 0.8);
  }
  .rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .rounded-t-sm {
    border-top-left-radius: calc(var(--radius) * 0.6);
    border-top-right-radius: calc(var(--radius) * 0.6);
  }
  .rounded-t-xl {
    border-top-left-radius: calc(var(--radius) * 1.4);
    border-top-right-radius: calc(var(--radius) * 1.4);
  }
  .rounded-t-xs {
    border-top-left-radius: var(--radius-xs);
    border-top-right-radius: var(--radius-xs);
  }
  .rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .rounded-l-\(--cell-radius\) {
    border-top-left-radius: var(--cell-radius);
    border-bottom-left-radius: var(--cell-radius);
  }
  .rounded-l-\[4px\] {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .rounded-l-\[6px\] {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .rounded-l-\[12px\] {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
  }
  .rounded-l-\[16px\] {
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
  }
  .rounded-l-\[24px\] {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
  }
  .rounded-l-\[28px\] {
    border-top-left-radius: 28px;
    border-bottom-left-radius: 28px;
  }
  .rounded-l-\[46px\] {
    border-top-left-radius: 46px;
    border-bottom-left-radius: 46px;
  }
  .rounded-l-\[62px\] {
    border-top-left-radius: 62px;
    border-bottom-left-radius: 62px;
  }
  .rounded-l-full {
    border-top-left-radius: calc(infinity * 1px);
    border-bottom-left-radius: calc(infinity * 1px);
  }
  .rounded-l-md {
    border-top-left-radius: calc(var(--radius) * 0.8);
    border-bottom-left-radius: calc(var(--radius) * 0.8);
  }
  .rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .rounded-l-sm {
    border-top-left-radius: calc(var(--radius) * 0.6);
    border-bottom-left-radius: calc(var(--radius) * 0.6);
  }
  .rounded-l-xl {
    border-top-left-radius: calc(var(--radius) * 1.4);
    border-bottom-left-radius: calc(var(--radius) * 1.4);
  }
  .rounded-tl {
    border-top-left-radius: 0.25rem;
  }
  .rounded-tl-3xl {
    border-top-left-radius: calc(var(--radius) * 2.2);
  }
  .rounded-tl-lg {
    border-top-left-radius: var(--radius);
  }
  .rounded-tl-md {
    border-top-left-radius: calc(var(--radius) * 0.8);
  }
  .rounded-tl-none {
    border-top-left-radius: 0;
  }
  .rounded-tl-sm {
    border-top-left-radius: calc(var(--radius) * 0.6);
  }
  .rounded-tl-xl {
    border-top-left-radius: calc(var(--radius) * 1.4);
  }
  .rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
  .rounded-r-\(--cell-radius\) {
    border-top-right-radius: var(--cell-radius);
    border-bottom-right-radius: var(--cell-radius);
  }
  .rounded-r-\[4px\] {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .rounded-r-\[6px\] {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .rounded-r-\[12px\] {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
  }
  .rounded-r-\[16px\] {
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
  }
  .rounded-r-\[24px\] {
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
  }
  .rounded-r-\[28px\] {
    border-top-right-radius: 28px;
    border-bottom-right-radius: 28px;
  }
  .rounded-r-\[44px\] {
    border-top-right-radius: 44px;
    border-bottom-right-radius: 44px;
  }
  .rounded-r-\[46px\] {
    border-top-right-radius: 46px;
    border-bottom-right-radius: 46px;
  }
  .rounded-r-\[62px\] {
    border-top-right-radius: 62px;
    border-bottom-right-radius: 62px;
  }
  .rounded-r-full {
    border-top-right-radius: calc(infinity * 1px);
    border-bottom-right-radius: calc(infinity * 1px);
  }
  .rounded-r-md {
    border-top-right-radius: calc(var(--radius) * 0.8);
    border-bottom-right-radius: calc(var(--radius) * 0.8);
  }
  .rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .rounded-r-sm {
    border-top-right-radius: calc(var(--radius) * 0.6);
    border-bottom-right-radius: calc(var(--radius) * 0.6);
  }
  .rounded-r-xl {
    border-top-right-radius: calc(var(--radius) * 1.4);
    border-bottom-right-radius: calc(var(--radius) * 1.4);
  }
  .rounded-tr-\[20px\] {
    border-top-right-radius: 20px;
  }
  .rounded-tr-md {
    border-top-right-radius: calc(var(--radius) * 0.8);
  }
  .rounded-tr-none {
    border-top-right-radius: 0;
  }
  .rounded-tr-sm {
    border-top-right-radius: calc(var(--radius) * 0.6);
  }
  .\!rounded-b-none {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .rounded-b-2xl {
    border-bottom-right-radius: calc(var(--radius) * 1.8);
    border-bottom-left-radius: calc(var(--radius) * 1.8);
  }
  .rounded-b-\[3px\] {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .rounded-b-\[4px\] {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .rounded-b-lg {
    border-bottom-right-radius: var(--radius);
    border-bottom-left-radius: var(--radius);
  }
  .rounded-b-md {
    border-bottom-right-radius: calc(var(--radius) * 0.8);
    border-bottom-left-radius: calc(var(--radius) * 0.8);
  }
  .rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .rounded-b-sm {
    border-bottom-right-radius: calc(var(--radius) * 0.6);
    border-bottom-left-radius: calc(var(--radius) * 0.6);
  }
  .rounded-b-xl {
    border-bottom-right-radius: calc(var(--radius) * 1.4);
    border-bottom-left-radius: calc(var(--radius) * 1.4);
  }
  .rounded-br-2xl {
    border-bottom-right-radius: calc(var(--radius) * 1.8);
  }
  .rounded-br-3xl {
    border-bottom-right-radius: calc(var(--radius) * 2.2);
  }
  .rounded-br-\[10px\] {
    border-bottom-right-radius: 10px;
  }
  .rounded-br-\[12px\] {
    border-bottom-right-radius: 12px;
  }
  .rounded-br-\[16px\] {
    border-bottom-right-radius: 16px;
  }
  .rounded-br-\[88px\] {
    border-bottom-right-radius: 88px;
  }
  .rounded-br-full {
    border-bottom-right-radius: calc(infinity * 1px);
  }
  .rounded-br-md {
    border-bottom-right-radius: calc(var(--radius) * 0.8);
  }
  .rounded-br-sm {
    border-bottom-right-radius: calc(var(--radius) * 0.6);
  }
  .rounded-bl-\[10px\] {
    border-bottom-left-radius: 10px;
  }
  .rounded-bl-\[12px\] {
    border-bottom-left-radius: 12px;
  }
  .rounded-bl-\[16px\] {
    border-bottom-left-radius: 16px;
  }
  .rounded-bl-lg {
    border-bottom-left-radius: var(--radius);
  }
  .rounded-bl-md {
    border-bottom-left-radius: calc(var(--radius) * 0.8);
  }
  .rounded-bl-sm {
    border-bottom-left-radius: calc(var(--radius) * 0.6);
  }
  .\!border-0 {
    border-style: var(--tw-border-style) !important;
    border-width: 0px !important;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-0\! {
    border-style: var(--tw-border-style) !important;
    border-width: 0px !important;
  }
  .border-1 {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-3 {
    border-style: var(--tw-border-style);
    border-width: 3px;
  }
  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }
  .border-6 {
    border-style: var(--tw-border-style);
    border-width: 6px;
  }
  .border-\[\.75px\] {
    border-style: var(--tw-border-style);
    border-width: .75px;
  }
  .border-\[0\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 0.5px;
  }
  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }
  .border-\[1px\] {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-\[2\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 2.5px;
  }
  .border-\[2px\] {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-\[3px\] {
    border-style: var(--tw-border-style);
    border-width: 3px;
  }
  .border-\[14px\] {
    border-style: var(--tw-border-style);
    border-width: 14px;
  }
  .border-\[length\:var\(--border-width\)\] {
    border-style: var(--tw-border-style);
    border-width: var(--border-width);
  }
  .border-x {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }
  .border-x-4 {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 4px;
  }
  .border-x-6 {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 6px;
  }
  .border-x-\[1px\] {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .border-y-3 {
    border-block-style: var(--tw-border-style);
    border-block-width: 3px;
  }
  .border-y-4 {
    border-block-style: var(--tw-border-style);
    border-block-width: 4px;
  }
  .border-y-6 {
    border-block-style: var(--tw-border-style);
    border-block-width: 6px;
  }
  .border-s {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
  }
  .border-s-2 {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 2px;
  }
  .border-e {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-0 {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
  .border-t-1 {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }
  .border-t-4 {
    border-top-style: var(--tw-border-style);
    border-top-width: 4px;
  }
  .border-t-\[1\.5px\] {
    border-top-style: var(--tw-border-style);
    border-top-width: 1.5px;
  }
  .border-t-\[4px\] {
    border-top-style: var(--tw-border-style);
    border-top-width: 4px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-r-0 {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
  .border-r-1 {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-r-2 {
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
  }
  .border-r-4 {
    border-right-style: var(--tw-border-style);
    border-right-width: 4px;
  }
  .border-r-\[1px\] {
    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-1 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-b-4 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 4px;
  }
  .border-b-\[0\.1px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0.1px;
  }
  .border-b-\[1px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-\[4px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 4px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-l-0 {
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
  }
  .border-l-1 {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }
  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }
  .border-l-\[6px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 6px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-dotted {
    --tw-border-style: dotted;
    border-style: dotted;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-none\! {
    --tw-border-style: none !important;
    border-style: none !important;
  }
  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .\!border-border {
    border-color: var(--border) !important;
  }
  .\!border-transparent {
    border-color: transparent !important;
  }
  .border-\(--color-border\) {
    border-color: var(--color-border);
  }
  .border-\(--listbox-border\) {
    border-color: var(--listbox-border);
  }
  .border-\[\#0A0A0A\] {
    border-color: #0A0A0A;
  }
  .border-\[\#0a66c2\] {
    border-color: #0a66c2;
  }
  .border-\[\#1A1A1A\]\/10 {
    border-color: color-mix(in oklab, #1A1A1A 10%, transparent);
  }
  .border-\[\#1EAEDB\] {
    border-color: #1EAEDB;
  }
  .border-\[\#1a1a1a\] {
    border-color: #1a1a1a;
  }
  .border-\[\#3b82f6\]\/20 {
    border-color: color-mix(in oklab, #3b82f6 20%, transparent);
  }
  .border-\[\#4A2D18\] {
    border-color: #4A2D18;
  }
  .border-\[\#5A3A22\] {
    border-color: #5A3A22;
  }
  .border-\[\#6C6C6C\] {
    border-color: #6C6C6C;
  }
  .border-\[\#8B5CF6\] {
    border-color: #8B5CF6;
  }
  .border-\[\#22c55e\]\/20 {
    border-color: color-mix(in oklab, #22c55e 20%, transparent);
  }
  .border-\[\#22c55e\]\/25 {
    border-color: color-mix(in oklab, #22c55e 25%, transparent);
  }
  .border-\[\#22c55e\]\/30 {
    border-color: color-mix(in oklab, #22c55e 30%, transparent);
  }
  .border-\[\#39ff14\]\/10 {
    border-color: color-mix(in oklab, #39ff14 10%, transparent);
  }
  .border-\[\#39ff14\]\/15 {
    border-color: color-mix(in oklab, #39ff14 15%, transparent);
  }
  .border-\[\#39ff14\]\/20 {
    border-color: color-mix(in oklab, #39ff14 20%, transparent);
  }
  .border-\[\#39ff14\]\/30 {
    border-color: color-mix(in oklab, #39ff14 30%, transparent);
  }
  .border-\[\#39ff14\]\/60 {
    border-color: color-mix(in oklab, #39ff14 60%, transparent);
  }
  .border-\[\#60A5FA\] {
    border-color: #60A5FA;
  }
  .border-\[\#333\] {
    border-color: #333;
  }
  .border-\[\#2563EB\] {
    border-color: #2563EB;
  }
  .border-\[\#2563EB\]\/20 {
    border-color: color-mix(in oklab, #2563EB 20%, transparent);
  }
  .border-\[\#2563EB\]\/40 {
    border-color: color-mix(in oklab, #2563EB 40%, transparent);
  }
  .border-\[\#5686ff33\] {
    border-color: #5686ff33;
  }
  .border-\[\#141414\] {
    border-color: #141414;
  }
  .border-\[\#333333\] {
    border-color: #333333;
  }
  .border-\[\#444444\] {
    border-color: #444444;
  }
  .border-\[\#A5AEB81F\]\/10 {
    border-color: color-mix(in oklab, #A5AEB81F 10%, transparent);
  }
  .border-\[\#A78BFA\] {
    border-color: #A78BFA;
  }
  .border-\[\#B8DAFF\] {
    border-color: #B8DAFF;
  }
  .border-\[\#C3E6CB\] {
    border-color: #C3E6CB;
  }
  .border-\[\#C2622B\] {
    border-color: #C2622B;
  }
  .border-\[\#D4B08A\]\/40 {
    border-color: color-mix(in oklab, #D4B08A 40%, transparent);
  }
  .border-\[\#D6E6F5\] {
    border-color: #D6E6F5;
  }
  .border-\[\#DA4E24\] {
    border-color: #DA4E24;
  }
  .border-\[\#DA4E24\]\/20 {
    border-color: color-mix(in oklab, #DA4E24 20%, transparent);
  }
  .border-\[\#DA4E24\]\/50 {
    border-color: color-mix(in oklab, #DA4E24 50%, transparent);
  }
  .border-\[\#DA4E24\]\/\[0\.08\] {
    border-color: color-mix(in oklab, #DA4E24 8%, transparent);
  }
  .border-\[\#DA4E24\]\/\[0\.15\] {
    border-color: color-mix(in oklab, #DA4E24 15%, transparent);
  }
  .border-\[\#DC143C\]\/10 {
    border-color: color-mix(in oklab, #DC143C 10%, transparent);
  }
  .border-\[\#DC143C\]\/20 {
    border-color: color-mix(in oklab, #DC143C 20%, transparent);
  }
  .border-\[\#DC143C\]\/30 {
    border-color: color-mix(in oklab, #DC143C 30%, transparent);
  }
  .border-\[\#E0C0A0\] {
    border-color: #E0C0A0;
  }
  .border-\[\#E0C9B0\] {
    border-color: #E0C9B0;
  }
  .border-\[\#E0E0E0\] {
    border-color: #E0E0E0;
  }
  .border-\[\#E4C5A0\] {
    border-color: #E4C5A0;
  }
  .border-\[\#E6E4E1\] {
    border-color: #E6E4E1;
  }
  .border-\[\#E8D1FF\] {
    border-color: #E8D1FF;
  }
  .border-\[\#E8D5C0\] {
    border-color: #E8D5C0;
  }
  .border-\[\#E8D5C0\]\/80 {
    border-color: color-mix(in oklab, #E8D5C0 80%, transparent);
  }
  .border-\[\#E9E3DD\] {
    border-color: #E9E3DD;
  }
  .border-\[\#F0D4B5\] {
    border-color: #F0D4B5;
  }
  .border-\[\#F0EBE6\] {
    border-color: #F0EBE6;
  }
  .border-\[\#F5F0E8\]\/10 {
    border-color: color-mix(in oklab, #F5F0E8 10%, transparent);
  }
  .border-\[\#F5F0E8\]\/20 {
    border-color: color-mix(in oklab, #F5F0E8 20%, transparent);
  }
  .border-\[\#F5F0E8\]\/\[0\.06\] {
    border-color: color-mix(in oklab, #F5F0E8 6%, transparent);
  }
  .border-\[\#F97316\] {
    border-color: #F97316;
  }
  .border-\[\#FF6B5B\]\/30 {
    border-color: color-mix(in oklab, #FF6B5B 30%, transparent);
  }
  .border-\[\#FF453A\] {
    border-color: #FF453A;
  }
  .border-\[\#FF453A\]\/30 {
    border-color: color-mix(in oklab, #FF453A 30%, transparent);
  }
  .border-\[\#FFEBA5\] {
    border-color: #FFEBA5;
  }
  .border-\[\#a8e7fc\] {
    border-color: #a8e7fc;
  }
  .border-\[\#a8f171\] {
    border-color: #a8f171;
  }
  .border-\[\#d8dee4\] {
    border-color: #d8dee4;
  }
  .border-\[\#eee\] {
    border-color: #eee;
  }
  .border-\[\#f5f5f51a\] {
    border-color: #f5f5f51a;
  }
  .border-\[\#f59e0b\]\/20 {
    border-color: color-mix(in oklab, #f59e0b 20%, transparent);
  }
  .border-\[\#fbd992\] {
    border-color: #fbd992;
  }
  .border-\[\#fcd2dc\] {
    border-color: #fcd2dc;
  }
  .border-\[--color-border\] {
    border-color: --color-border;
  }
  .border-\[--crm-rose\] {
    border-color: --crm-rose;
  }
  .border-\[--crm-rose\]\/20 {
    border-color: color-mix(in oklab, --crm-rose 20%, transparent);
  }
  .border-\[--crm-rose\]\/30 {
    border-color: color-mix(in oklab, --crm-rose 30%, transparent);
  }
  .border-\[none\] {
    border-color: none;
  }
  .border-\[oklch\(0\.7_0\.32_330\)\/0\.6\] {
    border-color: oklch(0.7 0.32 330)/0.6;
  }
  .border-\[oklch\(0\.7_0\.32_330\)\/0\.25\] {
    border-color: oklch(0.7 0.32 330)/0.25;
  }
  .border-\[rgba\(0\,152\,243\,0\.2\)\] {
    border-color: rgba(0,152,243,0.2);
  }
  .border-\[rgba\(52\,199\,89\,0\.2\)\] {
    border-color: rgba(52,199,89,0.2);
  }
  .border-\[rgba\(52\,199\,89\,0\.3\)\] {
    border-color: rgba(52,199,89,0.3);
  }
  .border-\[rgba\(52\,199\,89\,0\.15\)\] {
    border-color: rgba(52,199,89,0.15);
  }
  .border-\[rgba\(59\,130\,246\,0\.2\)\] {
    border-color: rgba(59,130,246,0.2);
  }
  .border-\[rgba\(139\,92\,246\,0\.2\)\] {
    border-color: rgba(139,92,246,0.2);
  }
  .border-\[rgba\(175\,82\,222\,0\.2\)\] {
    border-color: rgba(175,82,222,0.2);
  }
  .border-\[rgba\(218\,78\,36\,0\.2\)\] {
    border-color: rgba(218,78,36,0.2);
  }
  .border-\[rgba\(218\,78\,36\,0\.4\)\] {
    border-color: rgba(218,78,36,0.4);
  }
  .border-\[rgba\(218\,78\,36\,0\.15\)\] {
    border-color: rgba(218,78,36,0.15);
  }
  .border-\[rgba\(255\,69\,58\,0\.2\)\] {
    border-color: rgba(255,69,58,0.2);
  }
  .border-\[rgba\(255\,69\,58\,0\.3\)\] {
    border-color: rgba(255,69,58,0.3);
  }
  .border-\[rgba\(255\,69\,58\,0\.15\)\] {
    border-color: rgba(255,69,58,0.15);
  }
  .border-\[rgba\(255\,137\,24\,0\.2\)\] {
    border-color: rgba(255,137,24,0.2);
  }
  .border-\[rgba\(255\,214\,10\,0\.2\)\] {
    border-color: rgba(255,214,10,0.2);
  }
  .border-\[rgba\(255\,214\,10\,0\.15\)\] {
    border-color: rgba(255,214,10,0.15);
  }
  .border-\[rgba\(255\,255\,255\,0\.1\)\] {
    border-color: rgba(255,255,255,0.1);
  }
  .border-\[rgba\(255\,255\,255\,0\.2\)\] {
    border-color: rgba(255,255,255,0.2);
  }
  .border-\[rgba\(255\,255\,255\,0\.03\)\] {
    border-color: rgba(255,255,255,0.03);
  }
  .border-\[rgba\(255\,255\,255\,0\.3\)\] {
    border-color: rgba(255,255,255,0.3);
  }
  .border-\[rgba\(255\,255\,255\,0\.04\)\] {
    border-color: rgba(255,255,255,0.04);
  }
  .border-\[rgba\(255\,255\,255\,0\.4\)\] {
    border-color: rgba(255,255,255,0.4);
  }
  .border-\[rgba\(255\,255\,255\,0\.05\)\] {
    border-color: rgba(255,255,255,0.05);
  }
  .border-\[rgba\(255\,255\,255\,0\.06\)\] {
    border-color: rgba(255,255,255,0.06);
  }
  .border-\[rgba\(255\,255\,255\,0\.07\)\] {
    border-color: rgba(255,255,255,0.07);
  }
  .border-\[rgba\(255\,255\,255\,0\.08\)\] {
    border-color: rgba(255,255,255,0.08);
  }
  .border-\[rgba\(255\,255\,255\,0\.12\)\] {
    border-color: rgba(255,255,255,0.12);
  }
  .border-\[rgba\(255\,255\,255\,0\.15\)\] {
    border-color: rgba(255,255,255,0.15);
  }
  .border-\[rgba\(255\,255\,255\,0\.20\)\] {
    border-color: rgba(255,255,255,0.20);
  }
  .border-\[rgba\(255\,255\,255\,0\.25\)\] {
    border-color: rgba(255,255,255,0.25);
  }
  .border-\[rgba\(255\,255\,255\,0\.30\)\] {
    border-color: rgba(255,255,255,0.30);
  }
  .border-\[var\(--ag-green\)\]\/30 {
    border-color: var(--ag-green);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--ag-green) 30%, transparent);
    }
  }
  .border-\[var\(--border\)\] {
    border-color: var(--border);
  }
  .border-\[var\(--border-1\)\] {
    border-color: var(--border-1);
  }
  .border-\[var\(--color-border\)\] {
    border-color: var(--color-border);
  }
  .border-\[var\(--color-primary\)\] {
    border-color: var(--color-primary);
  }
  .border-\[var\(--color-text-primary\)\] {
    border-color: var(--color-text-primary);
  }
  .border-\[var\(--mono-line\)\] {
    border-color: var(--mono-line);
  }
  .border-amber-100 {
    border-color: var(--color-amber-100);
  }
  .border-amber-200 {
    border-color: var(--color-amber-200);
  }
  .border-amber-200\/25 {
    border-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-200) 25%, transparent);
    }
  }
  .border-amber-300 {
    border-color: var(--color-amber-300);
  }
  .border-amber-400 {
    border-color: var(--color-amber-400);
  }
  .border-amber-400\/20 {
    border-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-400) 20%, transparent);
    }
  }
  .border-amber-400\/25 {
    border-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-400) 25%, transparent);
    }
  }
  .border-amber-400\/30 {
    border-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-400) 30%, transparent);
    }
  }
  .border-amber-400\/\[0\.10\] {
    border-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-400) 10%, transparent);
    }
  }
  .border-amber-500 {
    border-color: var(--color-amber-500);
  }
  .border-amber-500\/15 {
    border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent);
    }
  }
  .border-amber-500\/20 {
    border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
    }
  }
  .border-amber-500\/25 {
    border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-500) 25%, transparent);
    }
  }
  .border-amber-500\/30 {
    border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
    }
  }
  .border-amber-600 {
    border-color: var(--color-amber-600);
  }
  .border-amber-600\/50 {
    border-color: color-mix(in srgb, oklch(66.6% 0.179 58.318) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-600) 50%, transparent);
    }
  }
  .border-amber-700\/30 {
    border-color: color-mix(in srgb, oklch(55.5% 0.163 48.998) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-700) 30%, transparent);
    }
  }
  .border-amber-700\/40 {
    border-color: color-mix(in srgb, oklch(55.5% 0.163 48.998) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-700) 40%, transparent);
    }
  }
  .border-amber-800\/20 {
    border-color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-800) 20%, transparent);
    }
  }
  .border-amber-800\/30 {
    border-color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-800) 30%, transparent);
    }
  }
  .border-amber-900 {
    border-color: var(--color-amber-900);
  }
  .border-amber-900\/20 {
    border-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-900) 20%, transparent);
    }
  }
  .border-background {
    border-color: var(--background);
  }
  .border-background\/10 {
    border-color: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--background) 10%, transparent);
    }
  }
  .border-black {
    border-color: var(--color-black);
  }
  .border-black\/5 {
    border-color: color-mix(in srgb, #000 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }
  .border-black\/10 {
    border-color: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  .border-black\/20 {
    border-color: color-mix(in srgb, #000 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }
  .border-black\/30 {
    border-color: color-mix(in srgb, #000 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }
  .border-black\/40 {
    border-color: color-mix(in srgb, #000 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }
  .border-black\/80 {
    border-color: color-mix(in srgb, #000 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
  }
  .border-black\/\[0\.1\] {
    border-color: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  .border-blue-200 {
    border-color: var(--color-blue-200);
  }
  .border-blue-300 {
    border-color: var(--color-blue-300);
  }
  .border-blue-400 {
    border-color: var(--color-blue-400);
  }
  .border-blue-400\/20 {
    border-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-blue-400) 20%, transparent);
    }
  }
  .border-blue-400\/30 {
    border-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-blue-400) 30%, transparent);
    }
  }
  .border-blue-500 {
    border-color: var(--color-blue-500);
  }
  .border-blue-500\/20 {
    border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
    }
  }
  .border-blue-500\/30 {
    border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
    }
  }
  .border-blue-500\/40 {
    border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-blue-500) 40%, transparent);
    }
  }
  .border-blue-500\/50 {
    border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent);
    }
  }
  .border-blue-600 {
    border-color: var(--color-blue-600);
  }
  .border-border {
    border-color: var(--border);
  }
  .border-border\/10 {
    border-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--border) 10%, transparent);
    }
  }
  .border-border\/20 {
    border-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--border) 20%, transparent);
    }
  }
  .border-border\/30 {
    border-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--border) 30%, transparent);
    }
  }
  .border-border\/40 {
    border-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--border) 40%, transparent);
    }
  }
  .border-border\/50 {
    border-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--border) 50%, transparent);
    }
  }
  .border-border\/60 {
    border-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--border) 60%, transparent);
    }
  }
  .border-border\/70 {
    border-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--border) 70%, transparent);
    }
  }
  .border-border\/75 {
    border-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--border) 75%, transparent);
    }
  }
  .border-border\/80 {
    border-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--border) 80%, transparent);
    }
  }
  .border-border\/\[0\.1\] {
    border-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--border) 10%, transparent);
    }
  }
  .border-border\/\[0\.05\] {
    border-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--border) 5%, transparent);
    }
  }
  .border-border\/\[0\.06\] {
    border-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--border) 6%, transparent);
    }
  }
  .border-border\/\[0\.07\] {
    border-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--border) 7.000000000000001%, transparent);
    }
  }
  .border-border\/\[0\.08\] {
    border-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--border) 8%, transparent);
    }
  }
  .border-border\/\[0\.09\] {
    border-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--border) 9%, transparent);
    }
  }
  .border-card {
    border-color: var(--card);
  }
  .border-chart-1\/25 {
    border-color: var(--chart-1);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--chart-1) 25%, transparent);
    }
  }
  .border-chart-2\/25 {
    border-color: var(--chart-2);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--chart-2) 25%, transparent);
    }
  }
  .border-chart-4\/25 {
    border-color: var(--chart-4);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--chart-4) 25%, transparent);
    }
  }
  .border-current\/20 {
    border-color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, currentcolor 20%, transparent);
    }
  }
  .border-cyan-100\/10 {
    border-color: color-mix(in srgb, oklch(95.6% 0.045 203.388) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-cyan-100) 10%, transparent);
    }
  }
  .border-cyan-100\/30 {
    border-color: color-mix(in srgb, oklch(95.6% 0.045 203.388) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-cyan-100) 30%, transparent);
    }
  }
  .border-cyan-200 {
    border-color: var(--color-cyan-200);
  }
  .border-cyan-400 {
    border-color: var(--color-cyan-400);
  }
  .border-cyan-400\/20 {
    border-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-cyan-400) 20%, transparent);
    }
  }
  .border-cyan-400\/25 {
    border-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-cyan-400) 25%, transparent);
    }
  }
  .border-cyan-400\/30 {
    border-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-cyan-400) 30%, transparent);
    }
  }
  .border-cyan-400\/40 {
    border-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-cyan-400) 40%, transparent);
    }
  }
  .border-cyan-400\/80 {
    border-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-cyan-400) 80%, transparent);
    }
  }
  .border-cyan-500 {
    border-color: var(--color-cyan-500);
  }
  .border-cyan-500\/20 {
    border-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);
    }
  }
  .border-cyan-500\/30 {
    border-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-cyan-500) 30%, transparent);
    }
  }
  .border-cyan-500\/40 {
    border-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-cyan-500) 40%, transparent);
    }
  }
  .border-cyan-500\/50 {
    border-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-cyan-500) 50%, transparent);
    }
  }
  .border-cyan-600 {
    border-color: var(--color-cyan-600);
  }
  .border-destructive {
    border-color: var(--destructive);
  }
  .border-destructive\/20 {
    border-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }
  .border-destructive\/30 {
    border-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--destructive) 30%, transparent);
    }
  }
  .border-destructive\/40 {
    border-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }
  .border-destructive\/50 {
    border-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }
  .border-emerald-200 {
    border-color: var(--color-emerald-200);
  }
  .border-emerald-200\/\[0\.18\] {
    border-color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 18%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-200) 18%, transparent);
    }
  }
  .border-emerald-300 {
    border-color: var(--color-emerald-300);
  }
  .border-emerald-300\/20 {
    border-color: color-mix(in srgb, oklch(84.5% 0.143 164.978) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-300) 20%, transparent);
    }
  }
  .border-emerald-400 {
    border-color: var(--color-emerald-400);
  }
  .border-emerald-400\/10 {
    border-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-400) 10%, transparent);
    }
  }
  .border-emerald-400\/15 {
    border-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-400) 15%, transparent);
    }
  }
  .border-emerald-400\/20 {
    border-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-400) 20%, transparent);
    }
  }
  .border-emerald-400\/25 {
    border-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-400) 25%, transparent);
    }
  }
  .border-emerald-400\/30 {
    border-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-400) 30%, transparent);
    }
  }
  .border-emerald-400\/40 {
    border-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-400) 40%, transparent);
    }
  }
  .border-emerald-400\/50 {
    border-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-400) 50%, transparent);
    }
  }
  .border-emerald-400\/\[0\.10\] {
    border-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-400) 10%, transparent);
    }
  }
  .border-emerald-400\/\[0\.18\] {
    border-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 18%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-400) 18%, transparent);
    }
  }
  .border-emerald-500 {
    border-color: var(--color-emerald-500);
  }
  .border-emerald-500\/20 {
    border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
    }
  }
  .border-emerald-500\/25 {
    border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-500) 25%, transparent);
    }
  }
  .border-emerald-500\/30 {
    border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
    }
  }
  .border-emerald-500\/40 {
    border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent);
    }
  }
  .border-emerald-500\/50 {
    border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-500) 50%, transparent);
    }
  }
  .border-emerald-500\/60 {
    border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-500) 60%, transparent);
    }
  }
  .border-emerald-600 {
    border-color: var(--color-emerald-600);
  }
  .border-emerald-600\/25 {
    border-color: color-mix(in srgb, oklch(59.6% 0.145 163.225) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-600) 25%, transparent);
    }
  }
  .border-emerald-900\/40 {
    border-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-900) 40%, transparent);
    }
  }
  .border-foreground {
    border-color: var(--foreground);
  }
  .border-foreground\/5 {
    border-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--foreground) 5%, transparent);
    }
  }
  .border-foreground\/10 {
    border-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }
  .border-foreground\/20 {
    border-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--foreground) 20%, transparent);
    }
  }
  .border-foreground\/25 {
    border-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--foreground) 25%, transparent);
    }
  }
  .border-foreground\/30 {
    border-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--foreground) 30%, transparent);
    }
  }
  .border-foreground\/40 {
    border-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--foreground) 40%, transparent);
    }
  }
  .border-foreground\/50 {
    border-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--foreground) 50%, transparent);
    }
  }
  .border-foreground\/60 {
    border-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--foreground) 60%, transparent);
    }
  }
  .border-foreground\/\[0\.06\] {
    border-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--foreground) 6%, transparent);
    }
  }
  .border-foreground\/\[0\.08\] {
    border-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--foreground) 8%, transparent);
    }
  }
  .border-foreground\/\[0\.10\] {
    border-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }
  .border-foreground\/\[0\.12\] {
    border-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--foreground) 12%, transparent);
    }
  }
  .border-fuchsia-300\/30 {
    border-color: color-mix(in srgb, oklch(83.3% 0.145 321.434) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-fuchsia-300) 30%, transparent);
    }
  }
  .border-fuchsia-400\/30 {
    border-color: color-mix(in srgb, oklch(74% 0.238 322.16) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-fuchsia-400) 30%, transparent);
    }
  }
  .border-fuchsia-400\/50 {
    border-color: color-mix(in srgb, oklch(74% 0.238 322.16) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-fuchsia-400) 50%, transparent);
    }
  }
  .border-gray-50 {
    border-color: var(--color-gray-50);
  }
  .border-gray-100 {
    border-color: var(--color-gray-100);
  }
  .border-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-gray-200\/50 {
    border-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-gray-200) 50%, transparent);
    }
  }
  .border-gray-200\/70 {
    border-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-gray-200) 70%, transparent);
    }
  }
  .border-gray-200\/80 {
    border-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-gray-200) 80%, transparent);
    }
  }
  .border-gray-200\/90 {
    border-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-gray-200) 90%, transparent);
    }
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-gray-300\/50 {
    border-color: color-mix(in srgb, oklch(87.2% 0.01 258.338) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-gray-300) 50%, transparent);
    }
  }
  .border-gray-400 {
    border-color: var(--color-gray-400);
  }
  .border-gray-500 {
    border-color: var(--color-gray-500);
  }
  .border-gray-600 {
    border-color: var(--color-gray-600);
  }
  .border-gray-700 {
    border-color: var(--color-gray-700);
  }
  .border-gray-800 {
    border-color: var(--color-gray-800);
  }
  .border-gray-900 {
    border-color: var(--color-gray-900);
  }
  .border-gray-950\/\[\.1\] {
    border-color: color-mix(in srgb, oklch(13% 0.028 261.692) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-gray-950) 10%, transparent);
    }
  }
  .border-green-200 {
    border-color: var(--color-green-200);
  }
  .border-green-300 {
    border-color: var(--color-green-300);
  }
  .border-green-400 {
    border-color: var(--color-green-400);
  }
  .border-green-500 {
    border-color: var(--color-green-500);
  }
  .border-green-500\/20 {
    border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
    }
  }
  .border-green-500\/30 {
    border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-green-500) 30%, transparent);
    }
  }
  .border-green-600 {
    border-color: var(--color-green-600);
  }
  .border-green-600\/15 {
    border-color: color-mix(in srgb, oklch(62.7% 0.194 149.214) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-green-600) 15%, transparent);
    }
  }
  .border-green-600\/20 {
    border-color: color-mix(in srgb, oklch(62.7% 0.194 149.214) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-green-600) 20%, transparent);
    }
  }
  .border-green-600\/50 {
    border-color: color-mix(in srgb, oklch(62.7% 0.194 149.214) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-green-600) 50%, transparent);
    }
  }
  .border-green-700\/25 {
    border-color: color-mix(in srgb, oklch(52.7% 0.154 150.069) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-green-700) 25%, transparent);
    }
  }
  .border-green-700\/50 {
    border-color: color-mix(in srgb, oklch(52.7% 0.154 150.069) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-green-700) 50%, transparent);
    }
  }
  .border-green-900\/60 {
    border-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-green-900) 60%, transparent);
    }
  }
  .border-indigo-200\/60 {
    border-color: color-mix(in srgb, oklch(87% 0.065 274.039) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-indigo-200) 60%, transparent);
    }
  }
  .border-indigo-300\/40 {
    border-color: color-mix(in srgb, oklch(78.5% 0.115 274.713) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-indigo-300) 40%, transparent);
    }
  }
  .border-indigo-400 {
    border-color: var(--color-indigo-400);
  }
  .border-indigo-400\/20 {
    border-color: color-mix(in srgb, oklch(67.3% 0.182 276.935) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-indigo-400) 20%, transparent);
    }
  }
  .border-indigo-400\/30 {
    border-color: color-mix(in srgb, oklch(67.3% 0.182 276.935) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-indigo-400) 30%, transparent);
    }
  }
  .border-indigo-400\/40 {
    border-color: color-mix(in srgb, oklch(67.3% 0.182 276.935) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-indigo-400) 40%, transparent);
    }
  }
  .border-indigo-500\/20 {
    border-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent);
    }
  }
  .border-indigo-500\/30 {
    border-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-indigo-500) 30%, transparent);
    }
  }
  .border-indigo-500\/40 {
    border-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-indigo-500) 40%, transparent);
    }
  }
  .border-indigo-500\/50 {
    border-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-indigo-500) 50%, transparent);
    }
  }
  .border-indigo-500\/70 {
    border-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-indigo-500) 70%, transparent);
    }
  }
  .border-indigo-600 {
    border-color: var(--color-indigo-600);
  }
  .border-inherit {
    border-color: inherit;
  }
  .border-input {
    border-color: var(--input);
  }
  .border-input\/30 {
    border-color: var(--input);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }
  .border-lime-300\/25 {
    border-color: color-mix(in srgb, oklch(89.7% 0.196 126.665) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-lime-300) 25%, transparent);
    }
  }
  .border-muted {
    border-color: var(--muted);
  }
  .border-muted-foreground {
    border-color: var(--muted-foreground);
  }
  .border-muted-foreground\/10 {
    border-color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--muted-foreground) 10%, transparent);
    }
  }
  .border-muted-foreground\/12 {
    border-color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--muted-foreground) 12%, transparent);
    }
  }
  .border-muted-foreground\/15 {
    border-color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--muted-foreground) 15%, transparent);
    }
  }
  .border-muted-foreground\/18 {
    border-color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--muted-foreground) 18%, transparent);
    }
  }
  .border-muted-foreground\/20 {
    border-color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--muted-foreground) 20%, transparent);
    }
  }
  .border-muted-foreground\/25 {
    border-color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--muted-foreground) 25%, transparent);
    }
  }
  .border-muted-foreground\/30 {
    border-color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--muted-foreground) 30%, transparent);
    }
  }
  .border-muted-foreground\/50 {
    border-color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
    }
  }
  .border-muted-foreground\/60 {
    border-color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
    }
  }
  .border-neutral-100 {
    border-color: var(--color-neutral-100);
  }
  .border-neutral-200 {
    border-color: var(--color-neutral-200);
  }
  .border-neutral-200\/15 {
    border-color: color-mix(in srgb, oklch(92.2% 0 0) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-neutral-200) 15%, transparent);
    }
  }
  .border-neutral-200\/30 {
    border-color: color-mix(in srgb, oklch(92.2% 0 0) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-neutral-200) 30%, transparent);
    }
  }
  .border-neutral-200\/50 {
    border-color: color-mix(in srgb, oklch(92.2% 0 0) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-neutral-200) 50%, transparent);
    }
  }
  .border-neutral-200\/60 {
    border-color: color-mix(in srgb, oklch(92.2% 0 0) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-neutral-200) 60%, transparent);
    }
  }
  .border-neutral-200\/80 {
    border-color: color-mix(in srgb, oklch(92.2% 0 0) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-neutral-200) 80%, transparent);
    }
  }
  .border-neutral-300 {
    border-color: var(--color-neutral-300);
  }
  .border-neutral-300\/70 {
    border-color: color-mix(in srgb, oklch(87% 0 0) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-neutral-300) 70%, transparent);
    }
  }
  .border-neutral-300\/90 {
    border-color: color-mix(in srgb, oklch(87% 0 0) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-neutral-300) 90%, transparent);
    }
  }
  .border-neutral-500 {
    border-color: var(--color-neutral-500);
  }
  .border-neutral-700 {
    border-color: var(--color-neutral-700);
  }
  .border-neutral-700\/50 {
    border-color: color-mix(in srgb, oklch(37.1% 0 0) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-neutral-700) 50%, transparent);
    }
  }
  .border-neutral-700\/80 {
    border-color: color-mix(in srgb, oklch(37.1% 0 0) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-neutral-700) 80%, transparent);
    }
  }
  .border-neutral-800 {
    border-color: var(--color-neutral-800);
  }
  .border-neutral-800\/40 {
    border-color: color-mix(in srgb, oklch(26.9% 0 0) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-neutral-800) 40%, transparent);
    }
  }
  .border-neutral-800\/50 {
    border-color: color-mix(in srgb, oklch(26.9% 0 0) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-neutral-800) 50%, transparent);
    }
  }
  .border-neutral-900 {
    border-color: var(--color-neutral-900);
  }
  .border-neutral-950 {
    border-color: var(--color-neutral-950);
  }
  .border-neutral-950\/20 {
    border-color: color-mix(in srgb, oklch(14.5% 0 0) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-neutral-950) 20%, transparent);
    }
  }
  .border-orange-200 {
    border-color: var(--color-orange-200);
  }
  .border-orange-300\/30 {
    border-color: color-mix(in srgb, oklch(83.7% 0.128 66.29) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-orange-300) 30%, transparent);
    }
  }
  .border-orange-400 {
    border-color: var(--color-orange-400);
  }
  .border-orange-400\/30 {
    border-color: color-mix(in srgb, oklch(75% 0.183 55.934) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-orange-400) 30%, transparent);
    }
  }
  .border-orange-500\/20 {
    border-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent);
    }
  }
  .border-orange-500\/30 {
    border-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-orange-500) 30%, transparent);
    }
  }
  .border-pink-400\/10 {
    border-color: color-mix(in srgb, oklch(71.8% 0.202 349.761) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-pink-400) 10%, transparent);
    }
  }
  .border-primary {
    border-color: var(--primary);
  }
  .border-primary-foreground {
    border-color: var(--primary-foreground);
  }
  .border-primary-foreground\/20 {
    border-color: var(--primary-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--primary-foreground) 20%, transparent);
    }
  }
  .border-primary\/5 {
    border-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--primary) 5%, transparent);
    }
  }
  .border-primary\/10 {
    border-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }
  .border-primary\/20 {
    border-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--primary) 20%, transparent);
    }
  }
  .border-primary\/25 {
    border-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--primary) 25%, transparent);
    }
  }
  .border-primary\/30 {
    border-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--primary) 30%, transparent);
    }
  }
  .border-primary\/40 {
    border-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--primary) 40%, transparent);
    }
  }
  .border-primary\/50 {
    border-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--primary) 50%, transparent);
    }
  }
  .border-primary\/80 {
    border-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--primary) 80%, transparent);
    }
  }
  .border-purple-300\/60 {
    border-color: color-mix(in srgb, oklch(82.7% 0.119 306.383) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-purple-300) 60%, transparent);
    }
  }
  .border-purple-400 {
    border-color: var(--color-purple-400);
  }
  .border-purple-400\/30 {
    border-color: color-mix(in srgb, oklch(71.4% 0.203 305.504) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-purple-400) 30%, transparent);
    }
  }
  .border-purple-400\/40 {
    border-color: color-mix(in srgb, oklch(71.4% 0.203 305.504) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-purple-400) 40%, transparent);
    }
  }
  .border-red-200 {
    border-color: var(--color-red-200);
  }
  .border-red-300 {
    border-color: var(--color-red-300);
  }
  .border-red-400 {
    border-color: var(--color-red-400);
  }
  .border-red-400\/15 {
    border-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-red-400) 15%, transparent);
    }
  }
  .border-red-400\/20 {
    border-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-red-400) 20%, transparent);
    }
  }
  .border-red-400\/30 {
    border-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-red-400) 30%, transparent);
    }
  }
  .border-red-400\/\[0\.10\] {
    border-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-red-400) 10%, transparent);
    }
  }
  .border-red-400\/\[0\.18\] {
    border-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 18%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-red-400) 18%, transparent);
    }
  }
  .border-red-500 {
    border-color: var(--color-red-500);
  }
  .border-red-500\/10 {
    border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
    }
  }
  .border-red-500\/20 {
    border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
    }
  }
  .border-red-500\/25 {
    border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-red-500) 25%, transparent);
    }
  }
  .border-red-500\/30 {
    border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
    }
  }
  .border-red-500\/50 {
    border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-red-500) 50%, transparent);
    }
  }
  .border-red-500\/60 {
    border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-red-500) 60%, transparent);
    }
  }
  .border-red-500\/70 {
    border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-red-500) 70%, transparent);
    }
  }
  .border-red-600 {
    border-color: var(--color-red-600);
  }
  .border-red-800 {
    border-color: var(--color-red-800);
  }
  .border-red-900 {
    border-color: var(--color-red-900);
  }
  .border-red-900\/30 {
    border-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-red-900) 30%, transparent);
    }
  }
  .border-ring {
    border-color: var(--ring);
  }
  .border-ring\/0 {
    border-color: var(--ring);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--ring) 0%, transparent);
    }
  }
  .border-rose-200\/\[0\.18\] {
    border-color: color-mix(in srgb, oklch(89.2% 0.058 10.001) 18%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-200) 18%, transparent);
    }
  }
  .border-rose-300 {
    border-color: var(--color-rose-300);
  }
  .border-rose-400 {
    border-color: var(--color-rose-400);
  }
  .border-rose-400\/20 {
    border-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-400) 20%, transparent);
    }
  }
  .border-rose-400\/25 {
    border-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-400) 25%, transparent);
    }
  }
  .border-rose-400\/30 {
    border-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-400) 30%, transparent);
    }
  }
  .border-rose-400\/\[0\.18\] {
    border-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 18%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-400) 18%, transparent);
    }
  }
  .border-rose-500\/20 {
    border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
    }
  }
  .border-rose-500\/25 {
    border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-500) 25%, transparent);
    }
  }
  .border-secondary {
    border-color: var(--secondary);
  }
  .border-secondary-foreground {
    border-color: var(--secondary-foreground);
  }
  .border-sidebar-border {
    border-color: var(--sidebar-border);
  }
  .border-sky-100 {
    border-color: var(--color-sky-100);
  }
  .border-sky-200 {
    border-color: var(--color-sky-200);
  }
  .border-sky-300 {
    border-color: var(--color-sky-300);
  }
  .border-sky-400\/20 {
    border-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-sky-400) 20%, transparent);
    }
  }
  .border-sky-400\/25 {
    border-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-sky-400) 25%, transparent);
    }
  }
  .border-sky-400\/30 {
    border-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-sky-400) 30%, transparent);
    }
  }
  .border-slate-100 {
    border-color: var(--color-slate-100);
  }
  .border-slate-200 {
    border-color: var(--color-slate-200);
  }
  .border-slate-200\/70 {
    border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-200) 70%, transparent);
    }
  }
  .border-slate-300 {
    border-color: var(--color-slate-300);
  }
  .border-slate-300\/30 {
    border-color: color-mix(in srgb, oklch(86.9% 0.022 252.894) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-300) 30%, transparent);
    }
  }
  .border-slate-300\/70 {
    border-color: color-mix(in srgb, oklch(86.9% 0.022 252.894) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-300) 70%, transparent);
    }
  }
  .border-slate-400 {
    border-color: var(--color-slate-400);
  }
  .border-slate-400\/25 {
    border-color: color-mix(in srgb, oklch(70.4% 0.04 256.788) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-400) 25%, transparent);
    }
  }
  .border-slate-500 {
    border-color: var(--color-slate-500);
  }
  .border-slate-500\/20 {
    border-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-500) 20%, transparent);
    }
  }
  .border-slate-500\/30 {
    border-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-500) 30%, transparent);
    }
  }
  .border-slate-600\/50 {
    border-color: color-mix(in srgb, oklch(44.6% 0.043 257.281) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-600) 50%, transparent);
    }
  }
  .border-slate-700 {
    border-color: var(--color-slate-700);
  }
  .border-slate-700\/50 {
    border-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent);
    }
  }
  .border-slate-800 {
    border-color: var(--color-slate-800);
  }
  .border-slate-900 {
    border-color: var(--color-slate-900);
  }
  .border-stone-100 {
    border-color: var(--color-stone-100);
  }
  .border-stone-100\/10 {
    border-color: color-mix(in srgb, oklch(97% 0.001 106.424) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-stone-100) 10%, transparent);
    }
  }
  .border-stone-200 {
    border-color: var(--color-stone-200);
  }
  .border-stone-700\/30 {
    border-color: color-mix(in srgb, oklch(37.4% 0.01 67.558) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-stone-700) 30%, transparent);
    }
  }
  .border-stone-700\/50 {
    border-color: color-mix(in srgb, oklch(37.4% 0.01 67.558) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-stone-700) 50%, transparent);
    }
  }
  .border-stone-700\/60 {
    border-color: color-mix(in srgb, oklch(37.4% 0.01 67.558) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-stone-700) 60%, transparent);
    }
  }
  .border-stone-800\/40 {
    border-color: color-mix(in srgb, oklch(26.8% 0.007 34.298) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-stone-800) 40%, transparent);
    }
  }
  .border-stone-800\/60 {
    border-color: color-mix(in srgb, oklch(26.8% 0.007 34.298) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-stone-800) 60%, transparent);
    }
  }
  .border-stone-800\/80 {
    border-color: color-mix(in srgb, oklch(26.8% 0.007 34.298) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-stone-800) 80%, transparent);
    }
  }
  .border-teal-400\/30 {
    border-color: color-mix(in srgb, oklch(77.7% 0.152 181.912) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-teal-400) 30%, transparent);
    }
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-transparent\/0 {
    border-color: color-mix(in oklab, transparent 0%, transparent);
  }
  .border-violet-200 {
    border-color: var(--color-violet-200);
  }
  .border-violet-300\/60 {
    border-color: color-mix(in srgb, oklch(81.1% 0.111 293.571) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-violet-300) 60%, transparent);
    }
  }
  .border-violet-400 {
    border-color: var(--color-violet-400);
  }
  .border-violet-400\/20 {
    border-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-violet-400) 20%, transparent);
    }
  }
  .border-violet-400\/30 {
    border-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-violet-400) 30%, transparent);
    }
  }
  .border-violet-500 {
    border-color: var(--color-violet-500);
  }
  .border-violet-500\/20 {
    border-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-violet-500) 20%, transparent);
    }
  }
  .border-violet-500\/25 {
    border-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-violet-500) 25%, transparent);
    }
  }
  .border-violet-500\/30 {
    border-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-violet-500) 30%, transparent);
    }
  }
  .border-violet-500\/40 {
    border-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-violet-500) 40%, transparent);
    }
  }
  .border-violet-500\/60 {
    border-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-violet-500) 60%, transparent);
    }
  }
  .border-violet-600 {
    border-color: var(--color-violet-600);
  }
  .border-violet-600\/20 {
    border-color: color-mix(in srgb, oklch(54.1% 0.281 293.009) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-violet-600) 20%, transparent);
    }
  }
  .border-violet-600\/30 {
    border-color: color-mix(in srgb, oklch(54.1% 0.281 293.009) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-violet-600) 30%, transparent);
    }
  }
  .border-white {
    border-color: var(--color-white);
  }
  .border-white\/5 {
    border-color: color-mix(in srgb, #fff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
  .border-white\/6 {
    border-color: color-mix(in srgb, #fff 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 6%, transparent);
    }
  }
  .border-white\/8 {
    border-color: color-mix(in srgb, #fff 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }
  .border-white\/10 {
    border-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .border-white\/12 {
    border-color: color-mix(in srgb, #fff 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 12%, transparent);
    }
  }
  .border-white\/15 {
    border-color: color-mix(in srgb, #fff 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }
  .border-white\/20 {
    border-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .border-white\/25 {
    border-color: color-mix(in srgb, #fff 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }
  .border-white\/30 {
    border-color: color-mix(in srgb, #fff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  .border-white\/40 {
    border-color: color-mix(in srgb, #fff 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }
  .border-white\/50 {
    border-color: color-mix(in srgb, #fff 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }
  .border-white\/60 {
    border-color: color-mix(in srgb, #fff 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }
  .border-white\/70 {
    border-color: color-mix(in srgb, #fff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .border-white\/80 {
    border-color: color-mix(in srgb, #fff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .border-white\/90 {
    border-color: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .border-white\/\[0\.1\] {
    border-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .border-white\/\[0\.03\] {
    border-color: color-mix(in srgb, #fff 3%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 3%, transparent);
    }
  }
  .border-white\/\[0\.3\] {
    border-color: color-mix(in srgb, #fff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  .border-white\/\[0\.04\] {
    border-color: color-mix(in srgb, #fff 4%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 4%, transparent);
    }
  }
  .border-white\/\[0\.05\] {
    border-color: color-mix(in srgb, #fff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
  .border-white\/\[0\.06\] {
    border-color: color-mix(in srgb, #fff 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 6%, transparent);
    }
  }
  .border-white\/\[0\.07\] {
    border-color: color-mix(in srgb, #fff 7.000000000000001%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 7.000000000000001%, transparent);
    }
  }
  .border-white\/\[0\.08\] {
    border-color: color-mix(in srgb, #fff 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }
  .border-white\/\[0\.09\] {
    border-color: color-mix(in srgb, #fff 9%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 9%, transparent);
    }
  }
  .border-white\/\[0\.10\] {
    border-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .border-white\/\[0\.12\] {
    border-color: color-mix(in srgb, #fff 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 12%, transparent);
    }
  }
  .border-white\/\[0\.14\] {
    border-color: color-mix(in srgb, #fff 14.000000000000002%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 14.000000000000002%, transparent);
    }
  }
  .border-white\/\[0\.15\] {
    border-color: color-mix(in srgb, #fff 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }
  .border-white\/\[0\.18\] {
    border-color: color-mix(in srgb, #fff 18%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 18%, transparent);
    }
  }
  .border-white\/\[0\.25\] {
    border-color: color-mix(in srgb, #fff 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }
  .border-white\/\[0\.30\] {
    border-color: color-mix(in srgb, #fff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  .border-yellow-200 {
    border-color: var(--color-yellow-200);
  }
  .border-yellow-300 {
    border-color: var(--color-yellow-300);
  }
  .border-yellow-400\/25 {
    border-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-yellow-400) 25%, transparent);
    }
  }
  .border-yellow-500 {
    border-color: var(--color-yellow-500);
  }
  .border-yellow-500\/20 {
    border-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent);
    }
  }
  .border-yellow-500\/30 {
    border-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent);
    }
  }
  .border-yellow-600 {
    border-color: var(--color-yellow-600);
  }
  .border-yellow-600\/50 {
    border-color: color-mix(in srgb, oklch(68.1% 0.162 75.834) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-yellow-600) 50%, transparent);
    }
  }
  .border-yellow-700\/25 {
    border-color: color-mix(in srgb, oklch(55.4% 0.135 66.442) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-yellow-700) 25%, transparent);
    }
  }
  .border-zinc-50 {
    border-color: var(--color-zinc-50);
  }
  .border-zinc-100 {
    border-color: var(--color-zinc-100);
  }
  .border-zinc-200 {
    border-color: var(--color-zinc-200);
  }
  .border-zinc-200\/50 {
    border-color: color-mix(in srgb, oklch(92% 0.004 286.32) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-zinc-200) 50%, transparent);
    }
  }
  .border-zinc-300 {
    border-color: var(--color-zinc-300);
  }
  .border-zinc-600 {
    border-color: var(--color-zinc-600);
  }
  .border-zinc-700 {
    border-color: var(--color-zinc-700);
  }
  .border-zinc-700\/60 {
    border-color: color-mix(in srgb, oklch(37% 0.013 285.805) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-zinc-700) 60%, transparent);
    }
  }
  .border-zinc-700\/80 {
    border-color: color-mix(in srgb, oklch(37% 0.013 285.805) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-zinc-700) 80%, transparent);
    }
  }
  .border-zinc-800 {
    border-color: var(--color-zinc-800);
  }
  .border-zinc-800\/60 {
    border-color: color-mix(in srgb, oklch(27.4% 0.006 286.033) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-zinc-800) 60%, transparent);
    }
  }
  .border-zinc-900 {
    border-color: var(--color-zinc-900);
  }
  .border-zinc-950\/10 {
    border-color: color-mix(in srgb, oklch(14.1% 0.005 285.823) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-zinc-950) 10%, transparent);
    }
  }
  .border-zinc-950\/40 {
    border-color: color-mix(in srgb, oklch(14.1% 0.005 285.823) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-zinc-950) 40%, transparent);
    }
  }
  .border-x-\(--pattern-fg\) {
    border-inline-color: var(--pattern-fg);
  }
  .border-y-white\/5 {
    border-block-color: color-mix(in srgb, #fff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-block-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
  .border-t-background {
    border-top-color: var(--background);
  }
  .border-t-foreground {
    border-top-color: var(--foreground);
  }
  .border-t-gray-900 {
    border-top-color: var(--color-gray-900);
  }
  .border-t-neutral-50 {
    border-top-color: var(--color-neutral-50);
  }
  .border-t-transparent {
    border-top-color: transparent;
  }
  .border-t-white {
    border-top-color: var(--color-white);
  }
  .border-t-zinc-900 {
    border-top-color: var(--color-zinc-900);
  }
  .border-r-emerald-500\/50 {
    border-right-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-right-color: color-mix(in oklab, var(--color-emerald-500) 50%, transparent);
    }
  }
  .border-r-red-300\/60 {
    border-right-color: color-mix(in srgb, oklch(80.8% 0.114 19.571) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-right-color: color-mix(in oklab, var(--color-red-300) 60%, transparent);
    }
  }
  .border-r-transparent {
    border-right-color: transparent;
  }
  .border-r-white\/10 {
    border-right-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-right-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .border-b-neutral-300\/50 {
    border-bottom-color: color-mix(in srgb, oklch(87% 0 0) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom-color: color-mix(in oklab, var(--color-neutral-300) 50%, transparent);
    }
  }
  .border-b-transparent {
    border-bottom-color: transparent;
  }
  .border-b-zinc-50 {
    border-bottom-color: var(--color-zinc-50);
  }
  .border-b-zinc-900 {
    border-bottom-color: var(--color-zinc-900);
  }
  .border-l-\[\#DA4E24\] {
    border-left-color: #DA4E24;
  }
  .border-l-\[\#DC143C\]\/15 {
    border-left-color: color-mix(in oklab, #DC143C 15%, transparent);
  }
  .border-l-amber-400 {
    border-left-color: var(--color-amber-400);
  }
  .border-l-amber-500 {
    border-left-color: var(--color-amber-500);
  }
  .border-l-blue-500 {
    border-left-color: var(--color-blue-500);
  }
  .border-l-blue-500\/50 {
    border-left-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-left-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent);
    }
  }
  .border-l-border {
    border-left-color: var(--border);
  }
  .border-l-destructive {
    border-left-color: var(--destructive);
  }
  .border-l-emerald-400 {
    border-left-color: var(--color-emerald-400);
  }
  .border-l-green-600 {
    border-left-color: var(--color-green-600);
  }
  .border-l-primary\/50 {
    border-left-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      border-left-color: color-mix(in oklab, var(--primary) 50%, transparent);
    }
  }
  .border-l-red-400 {
    border-left-color: var(--color-red-400);
  }
  .border-l-red-600 {
    border-left-color: var(--color-red-600);
  }
  .border-l-rose-500 {
    border-left-color: var(--color-rose-500);
  }
  .border-l-transparent {
    border-left-color: transparent;
  }
  .border-l-white {
    border-left-color: var(--color-white);
  }
  .border-l-yellow-400 {
    border-left-color: var(--color-yellow-400);
  }
  .\!bg-card {
    background-color: var(--card) !important;
  }
  .\!bg-neutral-950 {
    background-color: var(--color-neutral-950) !important;
  }
  .\!bg-popover {
    background-color: var(--popover) !important;
  }
  .\!bg-transparent {
    background-color: transparent !important;
  }
  .\!bg-white {
    background-color: var(--color-white) !important;
  }
  .bg-\(--color-bg\) {
    background-color: var(--color-bg);
  }
  .bg-\(--hover-card-background\) {
    background-color: var(--hover-card-background);
  }
  .bg-\(--listbox-bg\) {
    background-color: var(--listbox-bg);
  }
  .bg-\[\#0A0A0A\] {
    background-color: #0A0A0A;
  }
  .bg-\[\#0A0A0A\]\/95 {
    background-color: color-mix(in oklab, #0A0A0A 95%, transparent);
  }
  .bg-\[\#0B0B0E\] {
    background-color: #0B0B0E;
  }
  .bg-\[\#0C0C0C\] {
    background-color: #0C0C0C;
  }
  .bg-\[\#0D0D0D\] {
    background-color: #0D0D0D;
  }
  .bg-\[\#0F0F0F\] {
    background-color: #0F0F0F;
  }
  .bg-\[\#0a0a0a\] {
    background-color: #0a0a0a;
  }
  .bg-\[\#0a0a0c\] {
    background-color: #0a0a0c;
  }
  .bg-\[\#0a0a0f\] {
    background-color: #0a0a0f;
  }
  .bg-\[\#0a0a0f\]\/80 {
    background-color: color-mix(in oklab, #0a0a0f 80%, transparent);
  }
  .bg-\[\#0a0a0f\]\/95 {
    background-color: color-mix(in oklab, #0a0a0f 95%, transparent);
  }
  .bg-\[\#0a0a12\] {
    background-color: #0a0a12;
  }
  .bg-\[\#0a0a14\] {
    background-color: #0a0a14;
  }
  .bg-\[\#0a0b1a\] {
    background-color: #0a0b1a;
  }
  .bg-\[\#0a0c1e\] {
    background-color: #0a0c1e;
  }
  .bg-\[\#0a0d09\] {
    background-color: #0a0d09;
  }
  .bg-\[\#0a0e27\] {
    background-color: #0a0e27;
  }
  .bg-\[\#0a0f12\] {
    background-color: #0a0f12;
  }
  .bg-\[\#0a0014\] {
    background-color: #0a0014;
  }
  .bg-\[\#0a0612\] {
    background-color: #0a0612;
  }
  .bg-\[\#0a0805\] {
    background-color: #0a0805;
  }
  .bg-\[\#0a1024\] {
    background-color: #0a1024;
  }
  .bg-\[\#0a1228\] {
    background-color: #0a1228;
  }
  .bg-\[\#0b0b0b\] {
    background-color: #0b0b0b;
  }
  .bg-\[\#0b0b0d\] {
    background-color: #0b0b0d;
  }
  .bg-\[\#0b0b0f\] {
    background-color: #0b0b0f;
  }
  .bg-\[\#0b0b10\] {
    background-color: #0b0b10;
  }
  .bg-\[\#0b0b12\] {
    background-color: #0b0b12;
  }
  .bg-\[\#0b0d10\] {
    background-color: #0b0d10;
  }
  .bg-\[\#0b0614\] {
    background-color: #0b0614;
  }
  .bg-\[\#0b1020\] {
    background-color: #0b1020;
  }
  .bg-\[\#0c0c0c\] {
    background-color: #0c0c0c;
  }
  .bg-\[\#0c0c18\]\/80 {
    background-color: color-mix(in oklab, #0c0c18 80%, transparent);
  }
  .bg-\[\#0c0019\] {
    background-color: #0c0019;
  }
  .bg-\[\#0d0b07\] {
    background-color: #0d0b07;
  }
  .bg-\[\#0d0b07\]\/80 {
    background-color: color-mix(in oklab, #0d0b07 80%, transparent);
  }
  .bg-\[\#0d0d0d\] {
    background-color: #0d0d0d;
  }
  .bg-\[\#0d0d0d\]\/70 {
    background-color: color-mix(in oklab, #0d0d0d 70%, transparent);
  }
  .bg-\[\#0d0d10\] {
    background-color: #0d0d10;
  }
  .bg-\[\#0d0d14\] {
    background-color: #0d0d14;
  }
  .bg-\[\#0d0e10\] {
    background-color: #0d0e10;
  }
  .bg-\[\#0d1117\] {
    background-color: #0d1117;
  }
  .bg-\[\#0e0e0e\] {
    background-color: #0e0e0e;
  }
  .bg-\[\#0e0f1114\] {
    background-color: #0e0f1114;
  }
  .bg-\[\#0f0d09\] {
    background-color: #0f0d09;
  }
  .bg-\[\#0f0f0f\] {
    background-color: #0f0f0f;
  }
  .bg-\[\#0f0f10\] {
    background-color: #0f0f10;
  }
  .bg-\[\#0f0f12\] {
    background-color: #0f0f12;
  }
  .bg-\[\#0f1117\] {
    background-color: #0f1117;
  }
  .bg-\[\#0f1117\]\/90 {
    background-color: color-mix(in oklab, #0f1117 90%, transparent);
  }
  .bg-\[\#000000\] {
    background-color: #000000;
  }
  .bg-\[\#1A1A1A\] {
    background-color: #1A1A1A;
  }
  .bg-\[\#1A1A1A\]\/20 {
    background-color: color-mix(in oklab, #1A1A1A 20%, transparent);
  }
  .bg-\[\#1B1F23\] {
    background-color: #1B1F23;
  }
  .bg-\[\#1EAEDB\]\/15 {
    background-color: color-mix(in oklab, #1EAEDB 15%, transparent);
  }
  .bg-\[\#1F9CFE\] {
    background-color: #1F9CFE;
  }
  .bg-\[\#1F2023\] {
    background-color: #1F2023;
  }
  .bg-\[\#1a1a1a\] {
    background-color: #1a1a1a;
  }
  .bg-\[\#1a1a1a\]\/40 {
    background-color: color-mix(in oklab, #1a1a1a 40%, transparent);
  }
  .bg-\[\#1a1a1a\]\/55 {
    background-color: color-mix(in oklab, #1a1a1a 55%, transparent);
  }
  .bg-\[\#1a1a1a\]\/80 {
    background-color: color-mix(in oklab, #1a1a1a 80%, transparent);
  }
  .bg-\[\#1a1a1a\]\/95 {
    background-color: color-mix(in oklab, #1a1a1a 95%, transparent);
  }
  .bg-\[\#1a1a1e\] {
    background-color: #1a1a1e;
  }
  .bg-\[\#1a0700\] {
    background-color: #1a0700;
  }
  .bg-\[\#1b1b1b\] {
    background-color: #1b1b1b;
  }
  .bg-\[\#1c1c1c\] {
    background-color: #1c1c1c;
  }
  .bg-\[\#1d1c20\] {
    background-color: #1d1c20;
  }
  .bg-\[\#1e1e1e\] {
    background-color: #1e1e1e;
  }
  .bg-\[\#1f1f1f57\] {
    background-color: #1f1f1f57;
  }
  .bg-\[\#1f1f1f\] {
    background-color: #1f1f1f;
  }
  .bg-\[\#1f3f86\] {
    background-color: #1f3f86;
  }
  .bg-\[\#2C1A0E\] {
    background-color: #2C1A0E;
  }
  .bg-\[\#2C7BE5\] {
    background-color: #2C7BE5;
  }
  .bg-\[\#2D2D2D\] {
    background-color: #2D2D2D;
  }
  .bg-\[\#2E3033\]\/80 {
    background-color: color-mix(in oklab, #2E3033 80%, transparent);
  }
  .bg-\[\#3D2212\] {
    background-color: #3D2212;
  }
  .bg-\[\#3a52c4\] {
    background-color: #3a52c4;
  }
  .bg-\[\#3b82f6\]\/10 {
    background-color: color-mix(in oklab, #3b82f6 10%, transparent);
  }
  .bg-\[\#4A2D18\] {
    background-color: #4A2D18;
  }
  .bg-\[\#5BC2E7\] {
    background-color: #5BC2E7;
  }
  .bg-\[\#5b8def\] {
    background-color: #5b8def;
  }
  .bg-\[\#006cff\] {
    background-color: #006cff;
  }
  .bg-\[\#7C3AED\] {
    background-color: #7C3AED;
  }
  .bg-\[\#7a2746\] {
    background-color: #7a2746;
  }
  .bg-\[\#8B5CF6\] {
    background-color: #8B5CF6;
  }
  .bg-\[\#8B5CF6\]\/15 {
    background-color: color-mix(in oklab, #8B5CF6 15%, transparent);
  }
  .bg-\[\#9c40ff\]\/20 {
    background-color: color-mix(in oklab, #9c40ff 20%, transparent);
  }
  .bg-\[\#10A37F\] {
    background-color: #10A37F;
  }
  .bg-\[\#13EEE3\] {
    background-color: #13EEE3;
  }
  .bg-\[\#13EEE3\]\/80 {
    background-color: color-mix(in oklab, #13EEE3 80%, transparent);
  }
  .bg-\[\#21B8CD\] {
    background-color: #21B8CD;
  }
  .bg-\[\#22c55e\] {
    background-color: #22c55e;
  }
  .bg-\[\#22c55e\]\/5 {
    background-color: color-mix(in oklab, #22c55e 5%, transparent);
  }
  .bg-\[\#22c55e\]\/10 {
    background-color: color-mix(in oklab, #22c55e 10%, transparent);
  }
  .bg-\[\#22c55e\]\/15 {
    background-color: color-mix(in oklab, #22c55e 15%, transparent);
  }
  .bg-\[\#27c93f\] {
    background-color: #27c93f;
  }
  .bg-\[\#28c840\] {
    background-color: #28c840;
  }
  .bg-\[\#34C759\] {
    background-color: #34C759;
  }
  .bg-\[\#39ff14\] {
    background-color: #39ff14;
  }
  .bg-\[\#39ff14\]\/5 {
    background-color: color-mix(in oklab, #39ff14 5%, transparent);
  }
  .bg-\[\#39ff14\]\/10 {
    background-color: color-mix(in oklab, #39ff14 10%, transparent);
  }
  .bg-\[\#39ff14\]\/70 {
    background-color: color-mix(in oklab, #39ff14 70%, transparent);
  }
  .bg-\[\#070a12\] {
    background-color: #070a12;
  }
  .bg-\[\#070b14\] {
    background-color: #070b14;
  }
  .bg-\[\#070d22\] {
    background-color: #070d22;
  }
  .bg-\[\#83e6f7\] {
    background-color: #83e6f7;
  }
  .bg-\[\#111\] {
    background-color: #111;
  }
  .bg-\[\#111\]\/80 {
    background-color: color-mix(in oklab, #111 80%, transparent);
  }
  .bg-\[\#200F06\] {
    background-color: #200F06;
  }
  .bg-\[\#222\] {
    background-color: #222;
  }
  .bg-\[\#333\] {
    background-color: #333;
  }
  .bg-\[\#444\] {
    background-color: #444;
  }
  .bg-\[\#02040a\] {
    background-color: #02040a;
  }
  .bg-\[\#2563EB\] {
    background-color: #2563EB;
  }
  .bg-\[\#2563EB\]\/\[0\.07\] {
    background-color: color-mix(in oklab, #2563EB 7.000000000000001%, transparent);
  }
  .bg-\[\#03060a\] {
    background-color: #03060a;
  }
  .bg-\[\#03141a\] {
    background-color: #03141a;
  }
  .bg-\[\#04000a\] {
    background-color: #04000a;
  }
  .bg-\[\#04040c\] {
    background-color: #04040c;
  }
  .bg-\[\#04060a\] {
    background-color: #04060a;
  }
  .bg-\[\#4285F4\] {
    background-color: #4285F4;
  }
  .bg-\[\#05000f\] {
    background-color: #05000f;
  }
  .bg-\[\#05030f\] {
    background-color: #05030f;
  }
  .bg-\[\#05050f\] {
    background-color: #05050f;
  }
  .bg-\[\#05060a\] {
    background-color: #05060a;
  }
  .bg-\[\#05060d\] {
    background-color: #05060d;
  }
  .bg-\[\#05060f\] {
    background-color: #05060f;
  }
  .bg-\[\#05070f\] {
    background-color: #05070f;
  }
  .bg-\[\#5686ff96\] {
    background-color: #5686ff96;
  }
  .bg-\[\#06060a\] {
    background-color: #06060a;
  }
  .bg-\[\#06090b\] {
    background-color: #06090b;
  }
  .bg-\[\#16161a\] {
    background-color: #16161a;
  }
  .bg-\[\#17100a\] {
    background-color: #17100a;
  }
  .bg-\[\#020202\] {
    background-color: #020202;
  }
  .bg-\[\#21201C\] {
    background-color: #21201C;
  }
  .bg-\[\#030303\] {
    background-color: #030303;
  }
  .bg-\[\#36322F\] {
    background-color: #36322F;
  }
  .bg-\[\#050505\] {
    background-color: #050505;
  }
  .bg-\[\#050609\] {
    background-color: #050609;
  }
  .bg-\[\#070708\] {
    background-color: #070708;
  }
  .bg-\[\#070712\] {
    background-color: #070712;
  }
  .bg-\[\#070815\] {
    background-color: #070815;
  }
  .bg-\[\#090909\] {
    background-color: #090909;
  }
  .bg-\[\#101012\] {
    background-color: #101012;
  }
  .bg-\[\#111009\] {
    background-color: #111009;
  }
  .bg-\[\#111009\]\/90 {
    background-color: color-mix(in oklab, #111009 90%, transparent);
  }
  .bg-\[\#111111\] {
    background-color: #111111;
  }
  .bg-\[\#111111d1\] {
    background-color: #111111d1;
  }
  .bg-\[\#121212\] {
    background-color: #121212;
  }
  .bg-\[\#121214\] {
    background-color: #121214;
  }
  .bg-\[\#131313\] {
    background-color: #131313;
  }
  .bg-\[\#131316\] {
    background-color: #131316;
  }
  .bg-\[\#141413\] {
    background-color: #141413;
  }
  .bg-\[\#141414\] {
    background-color: #141414;
  }
  .bg-\[\#141416\] {
    background-color: #141416;
  }
  .bg-\[\#161616\] {
    background-color: #161616;
  }
  .bg-\[\#161716\] {
    background-color: #161716;
  }
  .bg-\[\#161716\]\/80 {
    background-color: color-mix(in oklab, #161716 80%, transparent);
  }
  .bg-\[\#171309\] {
    background-color: #171309;
  }
  .bg-\[\#171717\] {
    background-color: #171717;
  }
  .bg-\[\#212121\] {
    background-color: #212121;
  }
  .bg-\[\#212121\]\/95 {
    background-color: color-mix(in oklab, #212121 95%, transparent);
  }
  .bg-\[\#222222\] {
    background-color: #222222;
  }
  .bg-\[\#252525\] {
    background-color: #252525;
  }
  .bg-\[\#262626\] {
    background-color: #262626;
  }
  .bg-\[\#323238\] {
    background-color: #323238;
  }
  .bg-\[\#475569\] {
    background-color: #475569;
  }
  .bg-\[\#525659\] {
    background-color: #525659;
  }
  .bg-\[\#11111198\] {
    background-color: #11111198;
  }
  .bg-\[\#A9EFC3\] {
    background-color: #A9EFC3;
  }
  .bg-\[\#C2622B\] {
    background-color: #C2622B;
  }
  .bg-\[\#C2622B\]\/10 {
    background-color: color-mix(in oklab, #C2622B 10%, transparent);
  }
  .bg-\[\#C2622B\]\/15 {
    background-color: color-mix(in oklab, #C2622B 15%, transparent);
  }
  .bg-\[\#C2622B\]\/20 {
    background-color: color-mix(in oklab, #C2622B 20%, transparent);
  }
  .bg-\[\#CFCDE0\] {
    background-color: #CFCDE0;
  }
  .bg-\[\#D97757\] {
    background-color: #D97757;
  }
  .bg-\[\#DA4E24\] {
    background-color: #DA4E24;
  }
  .bg-\[\#DA4E24\]\/5 {
    background-color: color-mix(in oklab, #DA4E24 5%, transparent);
  }
  .bg-\[\#DA4E24\]\/10 {
    background-color: color-mix(in oklab, #DA4E24 10%, transparent);
  }
  .bg-\[\#DA4E24\]\/15 {
    background-color: color-mix(in oklab, #DA4E24 15%, transparent);
  }
  .bg-\[\#DA4E24\]\/20 {
    background-color: color-mix(in oklab, #DA4E24 20%, transparent);
  }
  .bg-\[\#DA4E24\]\/\[0\.03\] {
    background-color: color-mix(in oklab, #DA4E24 3%, transparent);
  }
  .bg-\[\#DA4E24\]\/\[0\.06\] {
    background-color: color-mix(in oklab, #DA4E24 6%, transparent);
  }
  .bg-\[\#DB2777\] {
    background-color: #DB2777;
  }
  .bg-\[\#DC143C\] {
    background-color: #DC143C;
  }
  .bg-\[\#DC143C\]\/4 {
    background-color: color-mix(in oklab, #DC143C 4%, transparent);
  }
  .bg-\[\#DC143C\]\/6 {
    background-color: color-mix(in oklab, #DC143C 6%, transparent);
  }
  .bg-\[\#DC143C\]\/8 {
    background-color: color-mix(in oklab, #DC143C 8%, transparent);
  }
  .bg-\[\#DC143C\]\/10 {
    background-color: color-mix(in oklab, #DC143C 10%, transparent);
  }
  .bg-\[\#DC143C\]\/40 {
    background-color: color-mix(in oklab, #DC143C 40%, transparent);
  }
  .bg-\[\#E0FAEC\] {
    background-color: #E0FAEC;
  }
  .bg-\[\#E8A05A\]\/10 {
    background-color: color-mix(in oklab, #E8A05A 10%, transparent);
  }
  .bg-\[\#E6492D\] {
    background-color: #E6492D;
  }
  .bg-\[\#EA580C\] {
    background-color: #EA580C;
  }
  .bg-\[\#EEF4FB\] {
    background-color: #EEF4FB;
  }
  .bg-\[\#EF4444\] {
    background-color: #EF4444;
  }
  .bg-\[\#F0F7FF\] {
    background-color: #F0F7FF;
  }
  .bg-\[\#F3F5F7\] {
    background-color: #F3F5F7;
  }
  .bg-\[\#F3FAF4\] {
    background-color: #F3FAF4;
  }
  .bg-\[\#F4F4F4\] {
    background-color: #F4F4F4;
  }
  .bg-\[\#F5C84A\] {
    background-color: #F5C84A;
  }
  .bg-\[\#F5EFE6\] {
    background-color: #F5EFE6;
  }
  .bg-\[\#F5F5F7\] {
    background-color: #F5F5F7;
  }
  .bg-\[\#F97316\]\/15 {
    background-color: color-mix(in oklab, #F97316 15%, transparent);
  }
  .bg-\[\#FAD757\] {
    background-color: #FAD757;
  }
  .bg-\[\#FAD757\]\/10 {
    background-color: color-mix(in oklab, #FAD757 10%, transparent);
  }
  .bg-\[\#FAF7E9\] {
    background-color: #FAF7E9;
  }
  .bg-\[\#FAFAF8\] {
    background-color: #FAFAF8;
  }
  .bg-\[\#FAFAF8\]\/90 {
    background-color: color-mix(in oklab, #FAFAF8 90%, transparent);
  }
  .bg-\[\#FBBF24\] {
    background-color: #FBBF24;
  }
  .bg-\[\#FBF7F2\] {
    background-color: #FBF7F2;
  }
  .bg-\[\#FBF7F2\]\/92 {
    background-color: color-mix(in oklab, #FBF7F2 92%, transparent);
  }
  .bg-\[\#FBFAF9\] {
    background-color: #FBFAF9;
  }
  .bg-\[\#FBFBFA\] {
    background-color: #FBFBFA;
  }
  .bg-\[\#FCF5FF\] {
    background-color: #FCF5FF;
  }
  .bg-\[\#FDF0E4\] {
    background-color: #FDF0E4;
  }
  .bg-\[\#FDF1E8\] {
    background-color: #FDF1E8;
  }
  .bg-\[\#FDF6EE\] {
    background-color: #FDF6EE;
  }
  .bg-\[\#FDFAF6\] {
    background-color: #FDFAF6;
  }
  .bg-\[\#FDFAF6\]\/95 {
    background-color: color-mix(in oklab, #FDFAF6 95%, transparent);
  }
  .bg-\[\#FE322A\] {
    background-color: #FE322A;
  }
  .bg-\[\#FF453A\] {
    background-color: #FF453A;
  }
  .bg-\[\#FF453A\]\/\[0\.04\] {
    background-color: color-mix(in oklab, #FF453A 4%, transparent);
  }
  .bg-\[\#FFD60A\] {
    background-color: #FFD60A;
  }
  .bg-\[\#FFFCEB\] {
    background-color: #FFFCEB;
  }
  .bg-\[\#FFFFFF\] {
    background-color: #FFFFFF;
  }
  .bg-\[\#cbcbcb\] {
    background-color: #cbcbcb;
  }
  .bg-\[\#cdcdcd\] {
    background-color: #cdcdcd;
  }
  .bg-\[\#d3d3d3\] {
    background-color: #d3d3d3;
  }
  .bg-\[\#d4dadc\] {
    background-color: #d4dadc;
  }
  .bg-\[\#ddd\] {
    background-color: #ddd;
  }
  .bg-\[\#dfdfdf\] {
    background-color: #dfdfdf;
  }
  .bg-\[\#e0e5ec\] {
    background-color: #e0e5ec;
  }
  .bg-\[\#e2fbfe\] {
    background-color: #e2fbfe;
  }
  .bg-\[\#e6e6e6\] {
    background-color: #e6e6e6;
  }
  .bg-\[\#eafcdd\] {
    background-color: #eafcdd;
  }
  .bg-\[\#edf3f8\] {
    background-color: #edf3f8;
  }
  .bg-\[\#f3f2ef\] {
    background-color: #f3f2ef;
  }
  .bg-\[\#f5f6f8\] {
    background-color: #f5f6f8;
  }
  .bg-\[\#f7f5f0\] {
    background-color: #f7f5f0;
  }
  .bg-\[\#f8f5ee\] {
    background-color: #f8f5ee;
  }
  .bg-\[\#f59e0b\]\/10 {
    background-color: color-mix(in oklab, #f59e0b 10%, transparent);
  }
  .bg-\[\#faf9f6\] {
    background-color: #faf9f6;
  }
  .bg-\[\#faf9f6\]\/90 {
    background-color: color-mix(in oklab, #faf9f6 90%, transparent);
  }
  .bg-\[\#fdf8c9\] {
    background-color: #fdf8c9;
  }
  .bg-\[\#febc2e\] {
    background-color: #febc2e;
  }
  .bg-\[\#fef4f6\] {
    background-color: #fef4f6;
  }
  .bg-\[\#ff5f56\] {
    background-color: #ff5f56;
  }
  .bg-\[\#ff5f57\] {
    background-color: #ff5f57;
  }
  .bg-\[\#ffaa40\]\/15 {
    background-color: color-mix(in oklab, #ffaa40 15%, transparent);
  }
  .bg-\[\#ffbd2e\] {
    background-color: #ffbd2e;
  }
  .bg-\[\#fffdf0\] {
    background-color: #fffdf0;
  }
  .bg-\[\#ffffff0a\] {
    background-color: #ffffff0a;
  }
  .bg-\[--color-bg\] {
    background-color: --color-bg;
  }
  .bg-\[--crm-rose-dim\] {
    background-color: --crm-rose-dim;
  }
  .bg-\[--crm-rose\] {
    background-color: --crm-rose;
  }
  .bg-\[--crm-rose\]\/8 {
    background-color: color-mix(in oklab, --crm-rose 8%, transparent);
  }
  .bg-\[--crm-rose\]\/30 {
    background-color: color-mix(in oklab, --crm-rose 30%, transparent);
  }
  .bg-\[canvas\] {
    background-color: canvas;
  }
  .bg-\[hsl\(217\,64\%\,6\%\)\] {
    background-color: hsl(217,64%,6%);
  }
  .bg-\[hsl\(var\(--background\)\)\] {
    background-color: hsl(var(--background));
  }
  .bg-\[oklch\(0\.7_0\.32_330\)\/0\.08\] {
    background-color: oklch(0.7 0.32 330)/0.08;
  }
  .bg-\[oklch\(0\.7_0\.32_330\)\/0\.12\] {
    background-color: oklch(0.7 0.32 330)/0.12;
  }
  .bg-\[oklch\(0\.7_0\.32_330\)\] {
    background-color: oklch(0.7 0.32 330);
  }
  .bg-\[oklch\(0\.10_0_0\)\] {
    background-color: oklch(0.10 0 0);
  }
  .bg-\[rgba\(0\,152\,243\,0\.1\)\] {
    background-color: rgba(0,152,243,0.1);
  }
  .bg-\[rgba\(0\,152\,243\,0\.08\)\] {
    background-color: rgba(0,152,243,0.08);
  }
  .bg-\[rgba\(0\,152\,243\,0\.12\)\] {
    background-color: rgba(0,152,243,0.12);
  }
  .bg-\[rgba\(31\,31\,31\,0\.62\)\] {
    background-color: rgba(31,31,31,0.62);
  }
  .bg-\[rgba\(52\,199\,89\,0\.1\)\] {
    background-color: rgba(52,199,89,0.1);
  }
  .bg-\[rgba\(52\,199\,89\,0\.04\)\] {
    background-color: rgba(52,199,89,0.04);
  }
  .bg-\[rgba\(52\,199\,89\,0\.08\)\] {
    background-color: rgba(52,199,89,0.08);
  }
  .bg-\[rgba\(52\,199\,89\,0\.12\)\] {
    background-color: rgba(52,199,89,0.12);
  }
  .bg-\[rgba\(59\,130\,246\,0\.1\)\] {
    background-color: rgba(59,130,246,0.1);
  }
  .bg-\[rgba\(59\,130\,246\,0\.08\)\] {
    background-color: rgba(59,130,246,0.08);
  }
  .bg-\[rgba\(139\,92\,246\,0\.1\)\] {
    background-color: rgba(139,92,246,0.1);
  }
  .bg-\[rgba\(175\,82\,222\,0\.1\)\] {
    background-color: rgba(175,82,222,0.1);
  }
  .bg-\[rgba\(218\,78\,36\,0\.1\)\] {
    background-color: rgba(218,78,36,0.1);
  }
  .bg-\[rgba\(218\,78\,36\,0\.2\)\] {
    background-color: rgba(218,78,36,0.2);
  }
  .bg-\[rgba\(218\,78\,36\,0\.08\)\] {
    background-color: rgba(218,78,36,0.08);
  }
  .bg-\[rgba\(218\,78\,36\,0\.12\)\] {
    background-color: rgba(218,78,36,0.12);
  }
  .bg-\[rgba\(218\,78\,36\,0\.15\)\] {
    background-color: rgba(218,78,36,0.15);
  }
  .bg-\[rgba\(255\,69\,58\,0\.1\)\] {
    background-color: rgba(255,69,58,0.1);
  }
  .bg-\[rgba\(255\,69\,58\,0\.08\)\] {
    background-color: rgba(255,69,58,0.08);
  }
  .bg-\[rgba\(255\,69\,58\,0\.12\)\] {
    background-color: rgba(255,69,58,0.12);
  }
  .bg-\[rgba\(255\,137\,24\,0\.12\)\] {
    background-color: rgba(255,137,24,0.12);
  }
  .bg-\[rgba\(255\,214\,10\,0\.1\)\] {
    background-color: rgba(255,214,10,0.1);
  }
  .bg-\[rgba\(255\,214\,10\,0\.04\)\] {
    background-color: rgba(255,214,10,0.04);
  }
  .bg-\[rgba\(255\,214\,10\,0\.08\)\] {
    background-color: rgba(255,214,10,0.08);
  }
  .bg-\[rgba\(255\,214\,10\,0\.12\)\] {
    background-color: rgba(255,214,10,0.12);
  }
  .bg-\[rgba\(255\,255\,255\,0\.01\)\] {
    background-color: rgba(255,255,255,0.01);
  }
  .bg-\[rgba\(255\,255\,255\,0\.1\)\] {
    background-color: rgba(255,255,255,0.1);
  }
  .bg-\[rgba\(255\,255\,255\,0\.02\)\] {
    background-color: rgba(255,255,255,0.02);
  }
  .bg-\[rgba\(255\,255\,255\,0\.2\)\] {
    background-color: rgba(255,255,255,0.2);
  }
  .bg-\[rgba\(255\,255\,255\,0\.03\)\] {
    background-color: rgba(255,255,255,0.03);
  }
  .bg-\[rgba\(255\,255\,255\,0\.3\)\] {
    background-color: rgba(255,255,255,0.3);
  }
  .bg-\[rgba\(255\,255\,255\,0\.04\)\] {
    background-color: rgba(255,255,255,0.04);
  }
  .bg-\[rgba\(255\,255\,255\,0\.4\)\] {
    background-color: rgba(255,255,255,0.4);
  }
  .bg-\[rgba\(255\,255\,255\,0\.05\)\] {
    background-color: rgba(255,255,255,0.05);
  }
  .bg-\[rgba\(255\,255\,255\,0\.5\)\] {
    background-color: rgba(255,255,255,0.5);
  }
  .bg-\[rgba\(255\,255\,255\,0\.06\)\] {
    background-color: rgba(255,255,255,0.06);
  }
  .bg-\[rgba\(255\,255\,255\,0\.08\)\] {
    background-color: rgba(255,255,255,0.08);
  }
  .bg-\[rgba\(255\,255\,255\,0\.12\)\] {
    background-color: rgba(255,255,255,0.12);
  }
  .bg-\[rgba\(255\,255\,255\,0\.15\)\] {
    background-color: rgba(255,255,255,0.15);
  }
  .bg-\[rgba\(255\,255\,255\,0\.35\)\] {
    background-color: rgba(255,255,255,0.35);
  }
  .bg-\[rgba\(255\,255\,255\,0\.85\)\] {
    background-color: rgba(255,255,255,0.85);
  }
  .bg-\[var\(--ag-green\)\] {
    background-color: var(--ag-green);
  }
  .bg-\[var\(--ag-green-dim\)\] {
    background-color: var(--ag-green-dim);
  }
  .bg-\[var\(--badge-amber-bg\)\] {
    background-color: var(--badge-amber-bg);
  }
  .bg-\[var\(--badge-blue-bg\)\] {
    background-color: var(--badge-blue-bg);
  }
  .bg-\[var\(--badge-blue-secondary-bg\)\] {
    background-color: var(--badge-blue-secondary-bg);
  }
  .bg-\[var\(--badge-cyan-bg\)\] {
    background-color: var(--badge-cyan-bg);
  }
  .bg-\[var\(--badge-error-bg\)\] {
    background-color: var(--badge-error-bg);
  }
  .bg-\[var\(--badge-gray-bg\)\] {
    background-color: var(--badge-gray-bg);
  }
  .bg-\[var\(--badge-orange-bg\)\] {
    background-color: var(--badge-orange-bg);
  }
  .bg-\[var\(--badge-pink-bg\)\] {
    background-color: var(--badge-pink-bg);
  }
  .bg-\[var\(--badge-purple-bg\)\] {
    background-color: var(--badge-purple-bg);
  }
  .bg-\[var\(--badge-success-bg\)\] {
    background-color: var(--badge-success-bg);
  }
  .bg-\[var\(--badge-teal-bg\)\] {
    background-color: var(--badge-teal-bg);
  }
  .bg-\[var\(--cd-bg\,\#141414\)\] {
    background-color: var(--cd-bg,#141414);
  }
  .bg-\[var\(--color\)\] {
    background-color: var(--color);
  }
  .bg-\[var\(--color-bg\)\] {
    background-color: var(--color-bg);
  }
  .bg-\[var\(--color-bg-2\)\] {
    background-color: var(--color-bg-2);
  }
  .bg-\[var\(--color-border\)\] {
    background-color: var(--color-border);
  }
  .bg-\[var\(--color-card\)\] {
    background-color: var(--color-card);
  }
  .bg-\[var\(--color-muted\)\] {
    background-color: var(--color-muted);
  }
  .bg-\[var\(--color-primary\)\] {
    background-color: var(--color-primary);
  }
  .bg-\[var\(--color-surface\)\] {
    background-color: var(--color-surface);
  }
  .bg-\[var\(--diff-add-bg\,_rgba\(46\,160\,67\,0\.15\)\)\] {
    background-color: var(--diff-add-bg, rgba(46,160,67,0.15));
  }
  .bg-\[var\(--diff-del-bg\,_rgba\(248\,81\,73\,0\.15\)\)\] {
    background-color: var(--diff-del-bg, rgba(248,81,73,0.15));
  }
  .bg-\[var\(--mono-active\)\] {
    background-color: var(--mono-active);
  }
  .bg-\[var\(--mono-app\)\] {
    background-color: var(--mono-app);
  }
  .bg-\[var\(--mono-panel\)\] {
    background-color: var(--mono-panel);
  }
  .bg-\[var\(--secondary-color\)\] {
    background-color: var(--secondary-color);
  }
  .bg-\[var\(--surface-4\)\] {
    background-color: var(--surface-4);
  }
  .bg-accent {
    background-color: var(--accent);
  }
  .bg-accent\/20 {
    background-color: var(--accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--accent) 20%, transparent);
    }
  }
  .bg-accent\/30 {
    background-color: var(--accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--accent) 30%, transparent);
    }
  }
  .bg-accent\/40 {
    background-color: var(--accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--accent) 40%, transparent);
    }
  }
  .bg-accent\/50 {
    background-color: var(--accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--accent) 50%, transparent);
    }
  }
  .bg-accent\/60 {
    background-color: var(--accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--accent) 60%, transparent);
    }
  }
  .bg-accent\/70 {
    background-color: var(--accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--accent) 70%, transparent);
    }
  }
  .bg-accent\/80 {
    background-color: var(--accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--accent) 80%, transparent);
    }
  }
  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }
  .bg-amber-100 {
    background-color: var(--color-amber-100);
  }
  .bg-amber-300 {
    background-color: var(--color-amber-300);
  }
  .bg-amber-300\/20 {
    background-color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-300) 20%, transparent);
    }
  }
  .bg-amber-300\/85 {
    background-color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-300) 85%, transparent);
    }
  }
  .bg-amber-400 {
    background-color: var(--color-amber-400);
  }
  .bg-amber-400\/10 {
    background-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-400) 10%, transparent);
    }
  }
  .bg-amber-400\/15 {
    background-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-400) 15%, transparent);
    }
  }
  .bg-amber-400\/60 {
    background-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-400) 60%, transparent);
    }
  }
  .bg-amber-400\/70 {
    background-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-400) 70%, transparent);
    }
  }
  .bg-amber-400\/80 {
    background-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-400) 80%, transparent);
    }
  }
  .bg-amber-400\/\[0\.06\] {
    background-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-400) 6%, transparent);
    }
  }
  .bg-amber-400\/\[0\.10\] {
    background-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-400) 10%, transparent);
    }
  }
  .bg-amber-500 {
    background-color: var(--color-amber-500);
  }
  .bg-amber-500\/5 {
    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-500) 5%, transparent);
    }
  }
  .bg-amber-500\/10 {
    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
    }
  }
  .bg-amber-500\/12 {
    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-500) 12%, transparent);
    }
  }
  .bg-amber-500\/15 {
    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent);
    }
  }
  .bg-amber-500\/20 {
    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
    }
  }
  .bg-amber-500\/70 {
    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-500) 70%, transparent);
    }
  }
  .bg-amber-500\/90 {
    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-500) 90%, transparent);
    }
  }
  .bg-amber-500\/\[0\.06\] {
    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-500) 6%, transparent);
    }
  }
  .bg-amber-500\/\[0\.10\] {
    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
    }
  }
  .bg-amber-600 {
    background-color: var(--color-amber-600);
  }
  .bg-amber-700 {
    background-color: var(--color-amber-700);
  }
  .bg-amber-700\/10 {
    background-color: color-mix(in srgb, oklch(55.5% 0.163 48.998) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-700) 10%, transparent);
    }
  }
  .bg-amber-800 {
    background-color: var(--color-amber-800);
  }
  .bg-amber-800\/8 {
    background-color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-800) 8%, transparent);
    }
  }
  .bg-amber-900\/10 {
    background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-900) 10%, transparent);
    }
  }
  .bg-amber-900\/20 {
    background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-900) 20%, transparent);
    }
  }
  .bg-amber-900\/30 {
    background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-900) 30%, transparent);
    }
  }
  .bg-amber-900\/40 {
    background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-900) 40%, transparent);
    }
  }
  .bg-background {
    background-color: var(--background);
  }
  .bg-background\! {
    background-color: var(--background) !important;
  }
  .bg-background\/15 {
    background-color: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--background) 15%, transparent);
    }
  }
  .bg-background\/30 {
    background-color: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--background) 30%, transparent);
    }
  }
  .bg-background\/40 {
    background-color: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--background) 40%, transparent);
    }
  }
  .bg-background\/50 {
    background-color: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--background) 50%, transparent);
    }
  }
  .bg-background\/60 {
    background-color: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--background) 60%, transparent);
    }
  }
  .bg-background\/70 {
    background-color: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--background) 70%, transparent);
    }
  }
  .bg-background\/80 {
    background-color: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--background) 80%, transparent);
    }
  }
  .bg-background\/90 {
    background-color: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--background) 90%, transparent);
    }
  }
  .bg-background\/95 {
    background-color: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--background) 95%, transparent);
    }
  }
  .bg-background\/96 {
    background-color: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--background) 96%, transparent);
    }
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-black\/0 {
    background-color: color-mix(in srgb, #000 0%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 0%, transparent);
    }
  }
  .bg-black\/5 {
    background-color: color-mix(in srgb, #000 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }
  .bg-black\/10 {
    background-color: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  .bg-black\/20 {
    background-color: color-mix(in srgb, #000 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }
  .bg-black\/25 {
    background-color: color-mix(in srgb, #000 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
    }
  }
  .bg-black\/30 {
    background-color: color-mix(in srgb, #000 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }
  .bg-black\/32 {
    background-color: color-mix(in srgb, #000 32%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 32%, transparent);
    }
  }
  .bg-black\/40 {
    background-color: color-mix(in srgb, #000 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }
  .bg-black\/45 {
    background-color: color-mix(in srgb, #000 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 45%, transparent);
    }
  }
  .bg-black\/50 {
    background-color: color-mix(in srgb, #000 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }
  .bg-black\/52 {
    background-color: color-mix(in srgb, #000 52%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 52%, transparent);
    }
  }
  .bg-black\/55 {
    background-color: color-mix(in srgb, #000 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 55%, transparent);
    }
  }
  .bg-black\/60 {
    background-color: color-mix(in srgb, #000 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }
  .bg-black\/65 {
    background-color: color-mix(in srgb, #000 65%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 65%, transparent);
    }
  }
  .bg-black\/70 {
    background-color: color-mix(in srgb, #000 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
    }
  }
  .bg-black\/75 {
    background-color: color-mix(in srgb, #000 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 75%, transparent);
    }
  }
  .bg-black\/80 {
    background-color: color-mix(in srgb, #000 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
  }
  .bg-black\/85 {
    background-color: color-mix(in srgb, #000 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 85%, transparent);
    }
  }
  .bg-black\/90 {
    background-color: color-mix(in srgb, #000 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 90%, transparent);
    }
  }
  .bg-black\/95 {
    background-color: color-mix(in srgb, #000 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 95%, transparent);
    }
  }
  .bg-black\/\[0\.06\] {
    background-color: color-mix(in srgb, #000 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 6%, transparent);
    }
  }
  .bg-black\/\[0\.96\] {
    background-color: color-mix(in srgb, #000 96%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 96%, transparent);
    }
  }
  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }
  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }
  .bg-blue-200 {
    background-color: var(--color-blue-200);
  }
  .bg-blue-300\/20 {
    background-color: color-mix(in srgb, oklch(80.9% 0.105 251.813) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-300) 20%, transparent);
    }
  }
  .bg-blue-400 {
    background-color: var(--color-blue-400);
  }
  .bg-blue-400\/10 {
    background-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-400) 10%, transparent);
    }
  }
  .bg-blue-400\/20 {
    background-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-400) 20%, transparent);
    }
  }
  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-blue-500\/5 {
    background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-500) 5%, transparent);
    }
  }
  .bg-blue-500\/10 {
    background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
    }
  }
  .bg-blue-500\/15 {
    background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-500) 15%, transparent);
    }
  }
  .bg-blue-500\/20 {
    background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
    }
  }
  .bg-blue-500\/40 {
    background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-500) 40%, transparent);
    }
  }
  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }
  .bg-blue-600\/15 {
    background-color: color-mix(in srgb, oklch(54.6% 0.245 262.881) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-600) 15%, transparent);
    }
  }
  .bg-blue-700 {
    background-color: var(--color-blue-700);
  }
  .bg-blue-800 {
    background-color: var(--color-blue-800);
  }
  .bg-blue-900\/50 {
    background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-900) 50%, transparent);
    }
  }
  .bg-blue-950 {
    background-color: var(--color-blue-950);
  }
  .bg-border {
    background-color: var(--border);
  }
  .bg-border\/40 {
    background-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--border) 40%, transparent);
    }
  }
  .bg-border\/50 {
    background-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--border) 50%, transparent);
    }
  }
  .bg-border\/60 {
    background-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--border) 60%, transparent);
    }
  }
  .bg-border\/80 {
    background-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--border) 80%, transparent);
    }
  }
  .bg-border\/\[0\.06\] {
    background-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--border) 6%, transparent);
    }
  }
  .bg-card {
    background-color: var(--card);
  }
  .bg-card-foreground {
    background-color: var(--card-foreground);
  }
  .bg-card\/20 {
    background-color: var(--card);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--card) 20%, transparent);
    }
  }
  .bg-card\/30 {
    background-color: var(--card);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--card) 30%, transparent);
    }
  }
  .bg-card\/40 {
    background-color: var(--card);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--card) 40%, transparent);
    }
  }
  .bg-card\/50 {
    background-color: var(--card);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--card) 50%, transparent);
    }
  }
  .bg-card\/60 {
    background-color: var(--card);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--card) 60%, transparent);
    }
  }
  .bg-card\/70 {
    background-color: var(--card);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--card) 70%, transparent);
    }
  }
  .bg-card\/80 {
    background-color: var(--card);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--card) 80%, transparent);
    }
  }
  .bg-card\/95 {
    background-color: var(--card);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--card) 95%, transparent);
    }
  }
  .bg-card\/\[0\.02\] {
    background-color: var(--card);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--card) 2%, transparent);
    }
  }
  .bg-card\/\[0\.03\] {
    background-color: var(--card);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--card) 3%, transparent);
    }
  }
  .bg-card\/\[0\.05\] {
    background-color: var(--card);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--card) 5%, transparent);
    }
  }
  .bg-chart-1\/10 {
    background-color: var(--chart-1);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--chart-1) 10%, transparent);
    }
  }
  .bg-chart-2 {
    background-color: var(--chart-2);
  }
  .bg-chart-2\/10 {
    background-color: var(--chart-2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--chart-2) 10%, transparent);
    }
  }
  .bg-chart-2\/12 {
    background-color: var(--chart-2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--chart-2) 12%, transparent);
    }
  }
  .bg-chart-3 {
    background-color: var(--chart-3);
  }
  .bg-chart-3\/50 {
    background-color: var(--chart-3);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--chart-3) 50%, transparent);
    }
  }
  .bg-chart-3\/75 {
    background-color: var(--chart-3);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--chart-3) 75%, transparent);
    }
  }
  .bg-chart-4\/10 {
    background-color: var(--chart-4);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--chart-4) 10%, transparent);
    }
  }
  .bg-current {
    background-color: currentcolor;
  }
  .bg-current\/15 {
    background-color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, currentcolor 15%, transparent);
    }
  }
  .bg-cyan-50 {
    background-color: var(--color-cyan-50);
  }
  .bg-cyan-300 {
    background-color: var(--color-cyan-300);
  }
  .bg-cyan-400 {
    background-color: var(--color-cyan-400);
  }
  .bg-cyan-400\/10 {
    background-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-400) 10%, transparent);
    }
  }
  .bg-cyan-400\/20 {
    background-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-400) 20%, transparent);
    }
  }
  .bg-cyan-400\/30 {
    background-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-400) 30%, transparent);
    }
  }
  .bg-cyan-400\/40 {
    background-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-400) 40%, transparent);
    }
  }
  .bg-cyan-500 {
    background-color: var(--color-cyan-500);
  }
  .bg-cyan-500\/0 {
    background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 0%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-500) 0%, transparent);
    }
  }
  .bg-cyan-500\/5 {
    background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-500) 5%, transparent);
    }
  }
  .bg-cyan-500\/10 {
    background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-500) 10%, transparent);
    }
  }
  .bg-cyan-500\/15 {
    background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-500) 15%, transparent);
    }
  }
  .bg-cyan-500\/20 {
    background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);
    }
  }
  .bg-cyan-500\/40 {
    background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-500) 40%, transparent);
    }
  }
  .bg-cyan-500\/50 {
    background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-500) 50%, transparent);
    }
  }
  .bg-cyan-500\/\[0\.06\] {
    background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-500) 6%, transparent);
    }
  }
  .bg-cyan-900 {
    background-color: var(--color-cyan-900);
  }
  .bg-cyan-900\/20 {
    background-color: color-mix(in srgb, oklch(39.8% 0.07 227.392) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-900) 20%, transparent);
    }
  }
  .bg-destructive {
    background-color: var(--destructive);
  }
  .bg-destructive\/5 {
    background-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--destructive) 5%, transparent);
    }
  }
  .bg-destructive\/8 {
    background-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--destructive) 8%, transparent);
    }
  }
  .bg-destructive\/10 {
    background-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }
  .bg-destructive\/10\! {
    background-color: var(--destructive) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent) !important;
    }
  }
  .bg-destructive\/12 {
    background-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--destructive) 12%, transparent);
    }
  }
  .bg-destructive\/15 {
    background-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--destructive) 15%, transparent);
    }
  }
  .bg-destructive\/40 {
    background-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }
  .bg-destructive\/90 {
    background-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
    }
  }
  .bg-emerald-50 {
    background-color: var(--color-emerald-50);
  }
  .bg-emerald-50\/80 {
    background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-50) 80%, transparent);
    }
  }
  .bg-emerald-100 {
    background-color: var(--color-emerald-100);
  }
  .bg-emerald-100\/60 {
    background-color: color-mix(in srgb, oklch(95% 0.052 163.051) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-100) 60%, transparent);
    }
  }
  .bg-emerald-100\/70 {
    background-color: color-mix(in srgb, oklch(95% 0.052 163.051) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-100) 70%, transparent);
    }
  }
  .bg-emerald-200\/\[0\.04\] {
    background-color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 4%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-200) 4%, transparent);
    }
  }
  .bg-emerald-300 {
    background-color: var(--color-emerald-300);
  }
  .bg-emerald-300\/85 {
    background-color: color-mix(in srgb, oklch(84.5% 0.143 164.978) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-300) 85%, transparent);
    }
  }
  .bg-emerald-400 {
    background-color: var(--color-emerald-400);
  }
  .bg-emerald-400\/10 {
    background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-400) 10%, transparent);
    }
  }
  .bg-emerald-400\/15 {
    background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-400) 15%, transparent);
    }
  }
  .bg-emerald-400\/20 {
    background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-400) 20%, transparent);
    }
  }
  .bg-emerald-400\/65 {
    background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 65%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-400) 65%, transparent);
    }
  }
  .bg-emerald-400\/70 {
    background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-400) 70%, transparent);
    }
  }
  .bg-emerald-400\/80 {
    background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-400) 80%, transparent);
    }
  }
  .bg-emerald-400\/85 {
    background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-400) 85%, transparent);
    }
  }
  .bg-emerald-400\/\[0\.06\] {
    background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-400) 6%, transparent);
    }
  }
  .bg-emerald-400\/\[0\.08\] {
    background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-400) 8%, transparent);
    }
  }
  .bg-emerald-400\/\[0\.10\] {
    background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-400) 10%, transparent);
    }
  }
  .bg-emerald-400\/\[0\.12\] {
    background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-400) 12%, transparent);
    }
  }
  .bg-emerald-500 {
    background-color: var(--color-emerald-500);
  }
  .bg-emerald-500\/5 {
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 5%, transparent);
    }
  }
  .bg-emerald-500\/6 {
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 6%, transparent);
    }
  }
  .bg-emerald-500\/8 {
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 8%, transparent);
    }
  }
  .bg-emerald-500\/10 {
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
    }
  }
  .bg-emerald-500\/12 {
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 12%, transparent);
    }
  }
  .bg-emerald-500\/15 {
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent);
    }
  }
  .bg-emerald-500\/20 {
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
    }
  }
  .bg-emerald-500\/60 {
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 60%, transparent);
    }
  }
  .bg-emerald-500\/70 {
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 70%, transparent);
    }
  }
  .bg-emerald-500\/\[0\.06\] {
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 6%, transparent);
    }
  }
  .bg-emerald-500\/\[0\.08\] {
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 8%, transparent);
    }
  }
  .bg-emerald-500\/\[0\.10\] {
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
    }
  }
  .bg-emerald-600 {
    background-color: var(--color-emerald-600);
  }
  .bg-emerald-600\/40 {
    background-color: color-mix(in srgb, oklch(59.6% 0.145 163.225) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-600) 40%, transparent);
    }
  }
  .bg-emerald-700 {
    background-color: var(--color-emerald-700);
  }
  .bg-emerald-700\/60 {
    background-color: color-mix(in srgb, oklch(50.8% 0.118 165.612) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-700) 60%, transparent);
    }
  }
  .bg-emerald-900 {
    background-color: var(--color-emerald-900);
  }
  .bg-emerald-950\/40 {
    background-color: color-mix(in srgb, oklch(26.2% 0.051 172.552) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-950) 40%, transparent);
    }
  }
  .bg-foreground {
    background-color: var(--foreground);
  }
  .bg-foreground\/5 {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 5%, transparent);
    }
  }
  .bg-foreground\/6 {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 6%, transparent);
    }
  }
  .bg-foreground\/8 {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 8%, transparent);
    }
  }
  .bg-foreground\/10 {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }
  .bg-foreground\/15 {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 15%, transparent);
    }
  }
  .bg-foreground\/20 {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 20%, transparent);
    }
  }
  .bg-foreground\/25 {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 25%, transparent);
    }
  }
  .bg-foreground\/30 {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 30%, transparent);
    }
  }
  .bg-foreground\/40 {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 40%, transparent);
    }
  }
  .bg-foreground\/55 {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 55%, transparent);
    }
  }
  .bg-foreground\/60 {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 60%, transparent);
    }
  }
  .bg-foreground\/70 {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 70%, transparent);
    }
  }
  .bg-foreground\/75 {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 75%, transparent);
    }
  }
  .bg-foreground\/80 {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 80%, transparent);
    }
  }
  .bg-foreground\/90 {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 90%, transparent);
    }
  }
  .bg-foreground\/\[0\.03\] {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 3%, transparent);
    }
  }
  .bg-foreground\/\[0\.04\] {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 4%, transparent);
    }
  }
  .bg-foreground\/\[0\.05\] {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 5%, transparent);
    }
  }
  .bg-foreground\/\[0\.06\] {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 6%, transparent);
    }
  }
  .bg-foreground\/\[0\.08\] {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 8%, transparent);
    }
  }
  .bg-foreground\/\[0\.10\] {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }
  .bg-foreground\/\[0\.12\] {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 12%, transparent);
    }
  }
  .bg-fuchsia-400\/10 {
    background-color: color-mix(in srgb, oklch(74% 0.238 322.16) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-fuchsia-400) 10%, transparent);
    }
  }
  .bg-fuchsia-400\/70 {
    background-color: color-mix(in srgb, oklch(74% 0.238 322.16) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-fuchsia-400) 70%, transparent);
    }
  }
  .bg-fuchsia-500 {
    background-color: var(--color-fuchsia-500);
  }
  .bg-fuchsia-500\/10 {
    background-color: color-mix(in srgb, oklch(66.7% 0.295 322.15) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-fuchsia-500) 10%, transparent);
    }
  }
  .bg-fuchsia-500\/15 {
    background-color: color-mix(in srgb, oklch(66.7% 0.295 322.15) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-fuchsia-500) 15%, transparent);
    }
  }
  .bg-fuchsia-500\/50 {
    background-color: color-mix(in srgb, oklch(66.7% 0.295 322.15) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-fuchsia-500) 50%, transparent);
    }
  }
  .bg-fuchsia-600 {
    background-color: var(--color-fuchsia-600);
  }
  .bg-fuchsia-600\/20 {
    background-color: color-mix(in srgb, oklch(59.1% 0.293 322.896) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-fuchsia-600) 20%, transparent);
    }
  }
  .bg-gray-50 {
    background-color: var(--color-gray-50);
  }
  .bg-gray-50\/60 {
    background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-50) 60%, transparent);
    }
  }
  .bg-gray-50\/80 {
    background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-50) 80%, transparent);
    }
  }
  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-gray-100\/40 {
    background-color: color-mix(in srgb, oklch(96.7% 0.003 264.542) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-100) 40%, 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-500 {
    background-color: var(--color-gray-500);
  }
  .bg-gray-500\/20 {
    background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent);
    }
  }
  .bg-gray-600 {
    background-color: var(--color-gray-600);
  }
  .bg-gray-700 {
    background-color: var(--color-gray-700);
  }
  .bg-gray-700\/50 {
    background-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent);
    }
  }
  .bg-gray-800 {
    background-color: var(--color-gray-800);
  }
  .bg-gray-800\/50 {
    background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent);
    }
  }
  .bg-gray-800\/90 {
    background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-800) 90%, transparent);
    }
  }
  .bg-gray-900 {
    background-color: var(--color-gray-900);
  }
  .bg-gray-900\/50 {
    background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-900) 50%, transparent);
    }
  }
  .bg-gray-900\/60 {
    background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-900) 60%, transparent);
    }
  }
  .bg-gray-900\/80 {
    background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-900) 80%, transparent);
    }
  }
  .bg-gray-950 {
    background-color: var(--color-gray-950);
  }
  .bg-gray-950\/70 {
    background-color: color-mix(in srgb, oklch(13% 0.028 261.692) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-950) 70%, 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-500 {
    background-color: var(--color-green-500);
  }
  .bg-green-500\/10 {
    background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent);
    }
  }
  .bg-green-500\/15 {
    background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-green-500) 15%, transparent);
    }
  }
  .bg-green-500\/20 {
    background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
    }
  }
  .bg-green-500\/70 {
    background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-green-500) 70%, transparent);
    }
  }
  .bg-green-500\/80 {
    background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-green-500) 80%, transparent);
    }
  }
  .bg-green-500\/85 {
    background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-green-500) 85%, transparent);
    }
  }
  .bg-green-600 {
    background-color: var(--color-green-600);
  }
  .bg-green-600\/10 {
    background-color: color-mix(in srgb, oklch(62.7% 0.194 149.214) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-green-600) 10%, transparent);
    }
  }
  .bg-green-800 {
    background-color: var(--color-green-800);
  }
  .bg-indigo-50 {
    background-color: var(--color-indigo-50);
  }
  .bg-indigo-100 {
    background-color: var(--color-indigo-100);
  }
  .bg-indigo-200\/40 {
    background-color: color-mix(in srgb, oklch(87% 0.065 274.039) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-200) 40%, transparent);
    }
  }
  .bg-indigo-300\/25 {
    background-color: color-mix(in srgb, oklch(78.5% 0.115 274.713) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-300) 25%, transparent);
    }
  }
  .bg-indigo-400 {
    background-color: var(--color-indigo-400);
  }
  .bg-indigo-400\/10 {
    background-color: color-mix(in srgb, oklch(67.3% 0.182 276.935) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-400) 10%, transparent);
    }
  }
  .bg-indigo-400\/70 {
    background-color: color-mix(in srgb, oklch(67.3% 0.182 276.935) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-400) 70%, transparent);
    }
  }
  .bg-indigo-500 {
    background-color: var(--color-indigo-500);
  }
  .bg-indigo-500\/6 {
    background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-500) 6%, transparent);
    }
  }
  .bg-indigo-500\/10 {
    background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent);
    }
  }
  .bg-indigo-500\/15 {
    background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-500) 15%, transparent);
    }
  }
  .bg-indigo-500\/20 {
    background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent);
    }
  }
  .bg-indigo-500\/30 {
    background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-500) 30%, transparent);
    }
  }
  .bg-indigo-500\/80 {
    background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-500) 80%, transparent);
    }
  }
  .bg-indigo-600 {
    background-color: var(--color-indigo-600);
  }
  .bg-indigo-600\/8 {
    background-color: color-mix(in srgb, oklch(51.1% 0.262 276.966) 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-600) 8%, transparent);
    }
  }
  .bg-indigo-600\/10 {
    background-color: color-mix(in srgb, oklch(51.1% 0.262 276.966) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-600) 10%, transparent);
    }
  }
  .bg-indigo-600\/15 {
    background-color: color-mix(in srgb, oklch(51.1% 0.262 276.966) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-600) 15%, transparent);
    }
  }
  .bg-indigo-600\/20 {
    background-color: color-mix(in srgb, oklch(51.1% 0.262 276.966) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-600) 20%, transparent);
    }
  }
  .bg-indigo-600\/25 {
    background-color: color-mix(in srgb, oklch(51.1% 0.262 276.966) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-600) 25%, transparent);
    }
  }
  .bg-indigo-600\/30 {
    background-color: color-mix(in srgb, oklch(51.1% 0.262 276.966) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-600) 30%, transparent);
    }
  }
  .bg-indigo-600\/\[0\.07\] {
    background-color: color-mix(in srgb, oklch(51.1% 0.262 276.966) 7.000000000000001%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-600) 7.000000000000001%, transparent);
    }
  }
  .bg-indigo-700 {
    background-color: var(--color-indigo-700);
  }
  .bg-inherit {
    background-color: inherit;
  }
  .bg-input {
    background-color: var(--input);
  }
  .bg-input\/30 {
    background-color: var(--input);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }
  .bg-lime-400 {
    background-color: var(--color-lime-400);
  }
  .bg-lime-400\/10 {
    background-color: color-mix(in srgb, oklch(84.1% 0.238 128.85) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-lime-400) 10%, transparent);
    }
  }
  .bg-lime-400\/90 {
    background-color: color-mix(in srgb, oklch(84.1% 0.238 128.85) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-lime-400) 90%, transparent);
    }
  }
  .bg-lime-500 {
    background-color: var(--color-lime-500);
  }
  .bg-muted {
    background-color: var(--muted);
  }
  .bg-muted-foreground {
    background-color: var(--muted-foreground);
  }
  .bg-muted-foreground\/10 {
    background-color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted-foreground) 10%, transparent);
    }
  }
  .bg-muted-foreground\/20 {
    background-color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted-foreground) 20%, transparent);
    }
  }
  .bg-muted-foreground\/22 {
    background-color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted-foreground) 22%, transparent);
    }
  }
  .bg-muted-foreground\/25 {
    background-color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted-foreground) 25%, transparent);
    }
  }
  .bg-muted-foreground\/28 {
    background-color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted-foreground) 28%, transparent);
    }
  }
  .bg-muted-foreground\/30 {
    background-color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted-foreground) 30%, transparent);
    }
  }
  .bg-muted-foreground\/35 {
    background-color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted-foreground) 35%, transparent);
    }
  }
  .bg-muted-foreground\/40 {
    background-color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
    }
  }
  .bg-muted-foreground\/50 {
    background-color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
    }
  }
  .bg-muted-foreground\/60 {
    background-color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
    }
  }
  .bg-muted-foreground\/70 {
    background-color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
    }
  }
  .bg-muted-foreground\/75 {
    background-color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted-foreground) 75%, transparent);
    }
  }
  .bg-muted\/5 {
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 5%, transparent);
    }
  }
  .bg-muted\/10 {
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 10%, transparent);
    }
  }
  .bg-muted\/15 {
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 15%, transparent);
    }
  }
  .bg-muted\/20 {
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 20%, transparent);
    }
  }
  .bg-muted\/25 {
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 25%, transparent);
    }
  }
  .bg-muted\/30 {
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 30%, transparent);
    }
  }
  .bg-muted\/40 {
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 40%, transparent);
    }
  }
  .bg-muted\/50 {
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }
  .bg-muted\/60 {
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 60%, transparent);
    }
  }
  .bg-muted\/70 {
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 70%, transparent);
    }
  }
  .bg-muted\/72 {
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 72%, transparent);
    }
  }
  .bg-muted\/80 {
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 80%, transparent);
    }
  }
  .bg-muted\/\[0\.04\] {
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 4%, transparent);
    }
  }
  .bg-neutral-50 {
    background-color: var(--color-neutral-50);
  }
  .bg-neutral-50\/60 {
    background-color: color-mix(in srgb, oklch(98.5% 0 0) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-50) 60%, transparent);
    }
  }
  .bg-neutral-100 {
    background-color: var(--color-neutral-100);
  }
  .bg-neutral-100\/50 {
    background-color: color-mix(in srgb, oklch(97% 0 0) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-100) 50%, transparent);
    }
  }
  .bg-neutral-100\/60 {
    background-color: color-mix(in srgb, oklch(97% 0 0) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-100) 60%, transparent);
    }
  }
  .bg-neutral-100\/80 {
    background-color: color-mix(in srgb, oklch(97% 0 0) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-100) 80%, transparent);
    }
  }
  .bg-neutral-200 {
    background-color: var(--color-neutral-200);
  }
  .bg-neutral-200\/10 {
    background-color: color-mix(in srgb, oklch(92.2% 0 0) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-200) 10%, transparent);
    }
  }
  .bg-neutral-200\/70 {
    background-color: color-mix(in srgb, oklch(92.2% 0 0) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-200) 70%, transparent);
    }
  }
  .bg-neutral-200\/80 {
    background-color: color-mix(in srgb, oklch(92.2% 0 0) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-200) 80%, transparent);
    }
  }
  .bg-neutral-300 {
    background-color: var(--color-neutral-300);
  }
  .bg-neutral-400 {
    background-color: var(--color-neutral-400);
  }
  .bg-neutral-500 {
    background-color: var(--color-neutral-500);
  }
  .bg-neutral-500\/5 {
    background-color: color-mix(in srgb, oklch(55.6% 0 0) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-500) 5%, transparent);
    }
  }
  .bg-neutral-500\/10 {
    background-color: color-mix(in srgb, oklch(55.6% 0 0) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-500) 10%, transparent);
    }
  }
  .bg-neutral-500\/20 {
    background-color: color-mix(in srgb, oklch(55.6% 0 0) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-500) 20%, transparent);
    }
  }
  .bg-neutral-600 {
    background-color: var(--color-neutral-600);
  }
  .bg-neutral-700 {
    background-color: var(--color-neutral-700);
  }
  .bg-neutral-800 {
    background-color: var(--color-neutral-800);
  }
  .bg-neutral-800\/0 {
    background-color: color-mix(in srgb, oklch(26.9% 0 0) 0%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-800) 0%, transparent);
    }
  }
  .bg-neutral-800\/10 {
    background-color: color-mix(in srgb, oklch(26.9% 0 0) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-800) 10%, transparent);
    }
  }
  .bg-neutral-800\/40 {
    background-color: color-mix(in srgb, oklch(26.9% 0 0) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-800) 40%, transparent);
    }
  }
  .bg-neutral-800\/50 {
    background-color: color-mix(in srgb, oklch(26.9% 0 0) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-800) 50%, transparent);
    }
  }
  .bg-neutral-900 {
    background-color: var(--color-neutral-900);
  }
  .bg-neutral-900\/50 {
    background-color: color-mix(in srgb, oklch(20.5% 0 0) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-900) 50%, transparent);
    }
  }
  .bg-neutral-900\/60 {
    background-color: color-mix(in srgb, oklch(20.5% 0 0) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-900) 60%, transparent);
    }
  }
  .bg-neutral-900\/70 {
    background-color: color-mix(in srgb, oklch(20.5% 0 0) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-900) 70%, transparent);
    }
  }
  .bg-neutral-900\/80 {
    background-color: color-mix(in srgb, oklch(20.5% 0 0) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-900) 80%, transparent);
    }
  }
  .bg-neutral-900\/90 {
    background-color: color-mix(in srgb, oklch(20.5% 0 0) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-900) 90%, transparent);
    }
  }
  .bg-neutral-900\/\[0\.95\] {
    background-color: color-mix(in srgb, oklch(20.5% 0 0) 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-900) 95%, transparent);
    }
  }
  .bg-neutral-950 {
    background-color: var(--color-neutral-950);
  }
  .bg-neutral-950\/10 {
    background-color: color-mix(in srgb, oklch(14.5% 0 0) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-950) 10%, transparent);
    }
  }
  .bg-neutral-950\/60 {
    background-color: color-mix(in srgb, oklch(14.5% 0 0) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-950) 60%, transparent);
    }
  }
  .bg-neutral-950\/70 {
    background-color: color-mix(in srgb, oklch(14.5% 0 0) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-950) 70%, transparent);
    }
  }
  .bg-neutral-950\/90 {
    background-color: color-mix(in srgb, oklch(14.5% 0 0) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-950) 90%, transparent);
    }
  }
  .bg-orange-50 {
    background-color: var(--color-orange-50);
  }
  .bg-orange-100 {
    background-color: var(--color-orange-100);
  }
  .bg-orange-300 {
    background-color: var(--color-orange-300);
  }
  .bg-orange-400\/10 {
    background-color: color-mix(in srgb, oklch(75% 0.183 55.934) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-orange-400) 10%, transparent);
    }
  }
  .bg-orange-500 {
    background-color: var(--color-orange-500);
  }
  .bg-orange-500\/10 {
    background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-orange-500) 10%, transparent);
    }
  }
  .bg-orange-500\/20 {
    background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent);
    }
  }
  .bg-orange-500\/25 {
    background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-orange-500) 25%, transparent);
    }
  }
  .bg-orange-500\/40 {
    background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-orange-500) 40%, transparent);
    }
  }
  .bg-orange-500\/\[0\.06\] {
    background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-orange-500) 6%, transparent);
    }
  }
  .bg-orange-600 {
    background-color: var(--color-orange-600);
  }
  .bg-orange-600\/20 {
    background-color: color-mix(in srgb, oklch(64.6% 0.222 41.116) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-orange-600) 20%, transparent);
    }
  }
  .bg-orange-700 {
    background-color: var(--color-orange-700);
  }
  .bg-pink-100 {
    background-color: var(--color-pink-100);
  }
  .bg-pink-400 {
    background-color: var(--color-pink-400);
  }
  .bg-pink-500 {
    background-color: var(--color-pink-500);
  }
  .bg-pink-600\/15 {
    background-color: color-mix(in srgb, oklch(59.2% 0.249 0.584) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-pink-600) 15%, transparent);
    }
  }
  .bg-popover {
    background-color: var(--popover);
  }
  .bg-popover\/60 {
    background-color: var(--popover);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--popover) 60%, transparent);
    }
  }
  .bg-popover\/80 {
    background-color: var(--popover);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--popover) 80%, transparent);
    }
  }
  .bg-popover\/95 {
    background-color: var(--popover);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--popover) 95%, transparent);
    }
  }
  .bg-primary {
    background-color: var(--primary);
  }
  .bg-primary\! {
    background-color: var(--primary) !important;
  }
  .bg-primary-foreground {
    background-color: var(--primary-foreground);
  }
  .bg-primary-foreground\/5 {
    background-color: var(--primary-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary-foreground) 5%, transparent);
    }
  }
  .bg-primary-foreground\/10 {
    background-color: var(--primary-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary-foreground) 10%, transparent);
    }
  }
  .bg-primary-foreground\/12 {
    background-color: var(--primary-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary-foreground) 12%, transparent);
    }
  }
  .bg-primary-foreground\/15 {
    background-color: var(--primary-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary-foreground) 15%, transparent);
    }
  }
  .bg-primary-foreground\/20 {
    background-color: var(--primary-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary-foreground) 20%, transparent);
    }
  }
  .bg-primary\/5 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 5%, transparent);
    }
  }
  .bg-primary\/6 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 6%, transparent);
    }
  }
  .bg-primary\/8 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 8%, transparent);
    }
  }
  .bg-primary\/10 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }
  .bg-primary\/15 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 15%, transparent);
    }
  }
  .bg-primary\/20 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 20%, transparent);
    }
  }
  .bg-primary\/25 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 25%, transparent);
    }
  }
  .bg-primary\/30 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 30%, transparent);
    }
  }
  .bg-primary\/40 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 40%, transparent);
    }
  }
  .bg-primary\/50 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 50%, transparent);
    }
  }
  .bg-primary\/60 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 60%, transparent);
    }
  }
  .bg-primary\/70 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 70%, transparent);
    }
  }
  .bg-primary\/80 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 80%, transparent);
    }
  }
  .bg-primary\/85 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 85%, transparent);
    }
  }
  .bg-primary\/90 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 90%, transparent);
    }
  }
  .bg-primary\/\[0\.03\] {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 3%, transparent);
    }
  }
  .bg-purple-100 {
    background-color: var(--color-purple-100);
  }
  .bg-purple-400\/10 {
    background-color: color-mix(in srgb, oklch(71.4% 0.203 305.504) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-purple-400) 10%, transparent);
    }
  }
  .bg-purple-400\/15 {
    background-color: color-mix(in srgb, oklch(71.4% 0.203 305.504) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-purple-400) 15%, transparent);
    }
  }
  .bg-purple-500 {
    background-color: var(--color-purple-500);
  }
  .bg-purple-500\/10 {
    background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-purple-500) 10%, transparent);
    }
  }
  .bg-purple-500\/20 {
    background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent);
    }
  }
  .bg-purple-600 {
    background-color: var(--color-purple-600);
  }
  .bg-purple-950 {
    background-color: var(--color-purple-950);
  }
  .bg-red-50 {
    background-color: var(--color-red-50);
  }
  .bg-red-100 {
    background-color: var(--color-red-100);
  }
  .bg-red-200 {
    background-color: var(--color-red-200);
  }
  .bg-red-400 {
    background-color: var(--color-red-400);
  }
  .bg-red-400\/80 {
    background-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-400) 80%, transparent);
    }
  }
  .bg-red-400\/85 {
    background-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-400) 85%, transparent);
    }
  }
  .bg-red-400\/\[0\.06\] {
    background-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-400) 6%, transparent);
    }
  }
  .bg-red-400\/\[0\.08\] {
    background-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-400) 8%, transparent);
    }
  }
  .bg-red-500 {
    background-color: var(--color-red-500);
  }
  .bg-red-500\/10 {
    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
    }
  }
  .bg-red-500\/15 {
    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-500) 15%, transparent);
    }
  }
  .bg-red-500\/20 {
    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
    }
  }
  .bg-red-500\/25 {
    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-500) 25%, transparent);
    }
  }
  .bg-red-500\/70 {
    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-500) 70%, transparent);
    }
  }
  .bg-red-500\/80 {
    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-500) 80%, transparent);
    }
  }
  .bg-red-500\/\[0\.04\] {
    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 4%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-500) 4%, transparent);
    }
  }
  .bg-red-500\/\[0\.06\] {
    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-500) 6%, transparent);
    }
  }
  .bg-red-500\/\[0\.08\] {
    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-500) 8%, transparent);
    }
  }
  .bg-red-500\/\[0\.10\] {
    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
    }
  }
  .bg-red-600 {
    background-color: var(--color-red-600);
  }
  .bg-red-800\/20 {
    background-color: color-mix(in srgb, oklch(44.4% 0.177 26.899) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-800) 20%, transparent);
    }
  }
  .bg-red-900\/20 {
    background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent);
    }
  }
  .bg-red-900\/60 {
    background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-900) 60%, transparent);
    }
  }
  .bg-red-950\/20 {
    background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-950) 20%, transparent);
    }
  }
  .bg-rose-50 {
    background-color: var(--color-rose-50);
  }
  .bg-rose-100 {
    background-color: var(--color-rose-100);
  }
  .bg-rose-200\/\[0\.04\] {
    background-color: color-mix(in srgb, oklch(89.2% 0.058 10.001) 4%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-200) 4%, transparent);
    }
  }
  .bg-rose-300 {
    background-color: var(--color-rose-300);
  }
  .bg-rose-400 {
    background-color: var(--color-rose-400);
  }
  .bg-rose-400\/10 {
    background-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-400) 10%, transparent);
    }
  }
  .bg-rose-400\/15 {
    background-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-400) 15%, transparent);
    }
  }
  .bg-rose-400\/75 {
    background-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-400) 75%, transparent);
    }
  }
  .bg-rose-400\/80 {
    background-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-400) 80%, transparent);
    }
  }
  .bg-rose-400\/\[0\.08\] {
    background-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-400) 8%, transparent);
    }
  }
  .bg-rose-400\/\[0\.10\] {
    background-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-400) 10%, transparent);
    }
  }
  .bg-rose-500 {
    background-color: var(--color-rose-500);
  }
  .bg-rose-500\/5 {
    background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-500) 5%, transparent);
    }
  }
  .bg-rose-500\/10 {
    background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent);
    }
  }
  .bg-rose-500\/15 {
    background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-500) 15%, transparent);
    }
  }
  .bg-rose-500\/80 {
    background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-500) 80%, transparent);
    }
  }
  .bg-rose-500\/\[0\.06\] {
    background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-500) 6%, transparent);
    }
  }
  .bg-rose-500\/\[0\.08\] {
    background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-500) 8%, transparent);
    }
  }
  .bg-rose-500\/\[0\.10\] {
    background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent);
    }
  }
  .bg-rose-600 {
    background-color: var(--color-rose-600);
  }
  .bg-secondary {
    background-color: var(--secondary);
  }
  .bg-secondary\! {
    background-color: var(--secondary) !important;
  }
  .bg-secondary-foreground {
    background-color: var(--secondary-foreground);
  }
  .bg-secondary\/5 {
    background-color: var(--secondary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--secondary) 5%, transparent);
    }
  }
  .bg-secondary\/20 {
    background-color: var(--secondary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--secondary) 20%, transparent);
    }
  }
  .bg-secondary\/30 {
    background-color: var(--secondary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--secondary) 30%, transparent);
    }
  }
  .bg-secondary\/50 {
    background-color: var(--secondary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--secondary) 50%, transparent);
    }
  }
  .bg-secondary\/60 {
    background-color: var(--secondary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--secondary) 60%, transparent);
    }
  }
  .bg-secondary\/80 {
    background-color: var(--secondary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
    }
  }
  .bg-secondary\/\[0\.03\] {
    background-color: var(--secondary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--secondary) 3%, transparent);
    }
  }
  .bg-secondary\/\[0\.06\] {
    background-color: var(--secondary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--secondary) 6%, transparent);
    }
  }
  .bg-sidebar {
    background-color: var(--sidebar);
  }
  .bg-sidebar-accent {
    background-color: var(--sidebar-accent);
  }
  .bg-sidebar-border {
    background-color: var(--sidebar-border);
  }
  .bg-sidebar-foreground\/10 {
    background-color: var(--sidebar-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--sidebar-foreground) 10%, transparent);
    }
  }
  .bg-sidebar-primary {
    background-color: var(--sidebar-primary);
  }
  .bg-sky-50 {
    background-color: var(--color-sky-50);
  }
  .bg-sky-100 {
    background-color: var(--color-sky-100);
  }
  .bg-sky-200\/40 {
    background-color: color-mix(in srgb, oklch(90.1% 0.058 230.902) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-200) 40%, transparent);
    }
  }
  .bg-sky-300 {
    background-color: var(--color-sky-300);
  }
  .bg-sky-300\/25 {
    background-color: color-mix(in srgb, oklch(82.8% 0.111 230.318) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-300) 25%, transparent);
    }
  }
  .bg-sky-400 {
    background-color: var(--color-sky-400);
  }
  .bg-sky-400\/10 {
    background-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-400) 10%, transparent);
    }
  }
  .bg-sky-400\/15 {
    background-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-400) 15%, transparent);
    }
  }
  .bg-sky-400\/20 {
    background-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-400) 20%, transparent);
    }
  }
  .bg-sky-400\/70 {
    background-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-400) 70%, transparent);
    }
  }
  .bg-sky-500 {
    background-color: var(--color-sky-500);
  }
  .bg-sky-500\/10 {
    background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent);
    }
  }
  .bg-sky-500\/15 {
    background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-500) 15%, transparent);
    }
  }
  .bg-sky-500\/90 {
    background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-500) 90%, transparent);
    }
  }
  .bg-sky-500\/\[0\.06\] {
    background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-500) 6%, transparent);
    }
  }
  .bg-sky-600 {
    background-color: var(--color-sky-600);
  }
  .bg-slate-50 {
    background-color: var(--color-slate-50);
  }
  .bg-slate-50\/60 {
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-50) 60%, transparent);
    }
  }
  .bg-slate-100 {
    background-color: var(--color-slate-100);
  }
  .bg-slate-200 {
    background-color: var(--color-slate-200);
  }
  .bg-slate-300 {
    background-color: var(--color-slate-300);
  }
  .bg-slate-300\/10 {
    background-color: color-mix(in srgb, oklch(86.9% 0.022 252.894) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-300) 10%, transparent);
    }
  }
  .bg-slate-400 {
    background-color: var(--color-slate-400);
  }
  .bg-slate-400\/10 {
    background-color: color-mix(in srgb, oklch(70.4% 0.04 256.788) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-400) 10%, transparent);
    }
  }
  .bg-slate-400\/15 {
    background-color: color-mix(in srgb, oklch(70.4% 0.04 256.788) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-400) 15%, transparent);
    }
  }
  .bg-slate-500 {
    background-color: var(--color-slate-500);
  }
  .bg-slate-500\/10 {
    background-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-500) 10%, transparent);
    }
  }
  .bg-slate-500\/20 {
    background-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-500) 20%, transparent);
    }
  }
  .bg-slate-600 {
    background-color: var(--color-slate-600);
  }
  .bg-slate-700 {
    background-color: var(--color-slate-700);
  }
  .bg-slate-700\/50 {
    background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent);
    }
  }
  .bg-slate-700\/60 {
    background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-700) 60%, transparent);
    }
  }
  .bg-slate-800 {
    background-color: var(--color-slate-800);
  }
  .bg-slate-800\/30 {
    background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-800) 30%, transparent);
    }
  }
  .bg-slate-800\/50 {
    background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-800) 50%, transparent);
    }
  }
  .bg-slate-800\/60 {
    background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-800) 60%, transparent);
    }
  }
  .bg-slate-800\/80 {
    background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-800) 80%, transparent);
    }
  }
  .bg-slate-900 {
    background-color: var(--color-slate-900);
  }
  .bg-slate-900\/30 {
    background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-900) 30%, transparent);
    }
  }
  .bg-slate-900\/50 {
    background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);
    }
  }
  .bg-slate-900\/60 {
    background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-900) 60%, transparent);
    }
  }
  .bg-slate-900\/80 {
    background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-900) 80%, transparent);
    }
  }
  .bg-slate-950 {
    background-color: var(--color-slate-950);
  }
  .bg-slate-950\/0 {
    background-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 0%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-950) 0%, transparent);
    }
  }
  .bg-slate-950\/80 {
    background-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-950) 80%, transparent);
    }
  }
  .bg-slate-950\/85 {
    background-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-950) 85%, transparent);
    }
  }
  .bg-slate-950\/90 {
    background-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-950) 90%, transparent);
    }
  }
  .bg-stone-50 {
    background-color: var(--color-stone-50);
  }
  .bg-stone-50\/60 {
    background-color: color-mix(in srgb, oklch(98.5% 0.001 106.423) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-stone-50) 60%, transparent);
    }
  }
  .bg-stone-100 {
    background-color: var(--color-stone-100);
  }
  .bg-stone-200 {
    background-color: var(--color-stone-200);
  }
  .bg-stone-800 {
    background-color: var(--color-stone-800);
  }
  .bg-stone-800\/60 {
    background-color: color-mix(in srgb, oklch(26.8% 0.007 34.298) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-stone-800) 60%, transparent);
    }
  }
  .bg-stone-800\/80 {
    background-color: color-mix(in srgb, oklch(26.8% 0.007 34.298) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-stone-800) 80%, transparent);
    }
  }
  .bg-stone-900 {
    background-color: var(--color-stone-900);
  }
  .bg-stone-900\/50 {
    background-color: color-mix(in srgb, oklch(21.6% 0.006 56.043) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-stone-900) 50%, transparent);
    }
  }
  .bg-stone-900\/70 {
    background-color: color-mix(in srgb, oklch(21.6% 0.006 56.043) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-stone-900) 70%, transparent);
    }
  }
  .bg-stone-950 {
    background-color: var(--color-stone-950);
  }
  .bg-stone-950\/60 {
    background-color: color-mix(in srgb, oklch(14.7% 0.004 49.25) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-stone-950) 60%, transparent);
    }
  }
  .bg-stone-950\/90 {
    background-color: color-mix(in srgb, oklch(14.7% 0.004 49.25) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-stone-950) 90%, transparent);
    }
  }
  .bg-teal-400\/10 {
    background-color: color-mix(in srgb, oklch(77.7% 0.152 181.912) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-teal-400) 10%, transparent);
    }
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-transparent\! {
    background-color: transparent !important;
  }
  .bg-violet-50 {
    background-color: var(--color-violet-50);
  }
  .bg-violet-100 {
    background-color: var(--color-violet-100);
  }
  .bg-violet-300 {
    background-color: var(--color-violet-300);
  }
  .bg-violet-400 {
    background-color: var(--color-violet-400);
  }
  .bg-violet-400\/10 {
    background-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-400) 10%, transparent);
    }
  }
  .bg-violet-400\/15 {
    background-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-400) 15%, transparent);
    }
  }
  .bg-violet-400\/20 {
    background-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-400) 20%, transparent);
    }
  }
  .bg-violet-400\/60 {
    background-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-400) 60%, transparent);
    }
  }
  .bg-violet-400\/70 {
    background-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-400) 70%, transparent);
    }
  }
  .bg-violet-500 {
    background-color: var(--color-violet-500);
  }
  .bg-violet-500\/5 {
    background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-500) 5%, transparent);
    }
  }
  .bg-violet-500\/8 {
    background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-500) 8%, transparent);
    }
  }
  .bg-violet-500\/10 {
    background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-500) 10%, transparent);
    }
  }
  .bg-violet-500\/15 {
    background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-500) 15%, transparent);
    }
  }
  .bg-violet-500\/20 {
    background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-500) 20%, transparent);
    }
  }
  .bg-violet-500\/25 {
    background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-500) 25%, transparent);
    }
  }
  .bg-violet-500\/40 {
    background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-500) 40%, transparent);
    }
  }
  .bg-violet-500\/\[0\.06\] {
    background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-500) 6%, transparent);
    }
  }
  .bg-violet-600 {
    background-color: var(--color-violet-600);
  }
  .bg-violet-600\/5 {
    background-color: color-mix(in srgb, oklch(54.1% 0.281 293.009) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-600) 5%, transparent);
    }
  }
  .bg-violet-600\/10 {
    background-color: color-mix(in srgb, oklch(54.1% 0.281 293.009) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-600) 10%, transparent);
    }
  }
  .bg-violet-600\/12 {
    background-color: color-mix(in srgb, oklch(54.1% 0.281 293.009) 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-600) 12%, transparent);
    }
  }
  .bg-violet-600\/15 {
    background-color: color-mix(in srgb, oklch(54.1% 0.281 293.009) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-600) 15%, transparent);
    }
  }
  .bg-violet-600\/20 {
    background-color: color-mix(in srgb, oklch(54.1% 0.281 293.009) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-600) 20%, transparent);
    }
  }
  .bg-violet-600\/25 {
    background-color: color-mix(in srgb, oklch(54.1% 0.281 293.009) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-600) 25%, transparent);
    }
  }
  .bg-violet-950\/60 {
    background-color: color-mix(in srgb, oklch(28.3% 0.141 291.089) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-950) 60%, transparent);
    }
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/3 {
    background-color: color-mix(in srgb, #fff 3%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
    }
  }
  .bg-white\/5 {
    background-color: color-mix(in srgb, #fff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
  .bg-white\/6 {
    background-color: color-mix(in srgb, #fff 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
    }
  }
  .bg-white\/8 {
    background-color: color-mix(in srgb, #fff 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }
  .bg-white\/10 {
    background-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .bg-white\/15 {
    background-color: color-mix(in srgb, #fff 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }
  .bg-white\/20 {
    background-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .bg-white\/25 {
    background-color: color-mix(in srgb, #fff 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }
  .bg-white\/30 {
    background-color: color-mix(in srgb, #fff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  .bg-white\/35 {
    background-color: color-mix(in srgb, #fff 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 35%, transparent);
    }
  }
  .bg-white\/40 {
    background-color: color-mix(in srgb, #fff 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }
  .bg-white\/45 {
    background-color: color-mix(in srgb, #fff 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 45%, transparent);
    }
  }
  .bg-white\/50 {
    background-color: color-mix(in srgb, #fff 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }
  .bg-white\/55 {
    background-color: color-mix(in srgb, #fff 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 55%, transparent);
    }
  }
  .bg-white\/60 {
    background-color: color-mix(in srgb, #fff 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }
  .bg-white\/70 {
    background-color: color-mix(in srgb, #fff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .bg-white\/75 {
    background-color: color-mix(in srgb, #fff 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 75%, transparent);
    }
  }
  .bg-white\/80 {
    background-color: color-mix(in srgb, #fff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .bg-white\/85 {
    background-color: color-mix(in srgb, #fff 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 85%, transparent);
    }
  }
  .bg-white\/90 {
    background-color: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .bg-white\/95 {
    background-color: color-mix(in srgb, #fff 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
  }
  .bg-white\/\[0\.01\] {
    background-color: color-mix(in srgb, #fff 1%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 1%, transparent);
    }
  }
  .bg-white\/\[0\.1\] {
    background-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .bg-white\/\[0\.02\] {
    background-color: color-mix(in srgb, #fff 2%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 2%, transparent);
    }
  }
  .bg-white\/\[0\.03\] {
    background-color: color-mix(in srgb, #fff 3%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
    }
  }
  .bg-white\/\[0\.04\] {
    background-color: color-mix(in srgb, #fff 4%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
    }
  }
  .bg-white\/\[0\.05\] {
    background-color: color-mix(in srgb, #fff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
  .bg-white\/\[0\.06\] {
    background-color: color-mix(in srgb, #fff 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
    }
  }
  .bg-white\/\[0\.07\] {
    background-color: color-mix(in srgb, #fff 7.000000000000001%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 7.000000000000001%, transparent);
    }
  }
  .bg-white\/\[0\.08\] {
    background-color: color-mix(in srgb, #fff 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }
  .bg-white\/\[0\.10\] {
    background-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .bg-white\/\[0\.012\] {
    background-color: color-mix(in srgb, #fff 1.2%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 1.2%, transparent);
    }
  }
  .bg-white\/\[0\.12\] {
    background-color: color-mix(in srgb, #fff 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 12%, transparent);
    }
  }
  .bg-white\/\[0\.015\] {
    background-color: color-mix(in srgb, #fff 1.5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 1.5%, transparent);
    }
  }
  .bg-white\/\[0\.15\] {
    background-color: color-mix(in srgb, #fff 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }
  .bg-white\/\[0\.22\] {
    background-color: color-mix(in srgb, #fff 22%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 22%, transparent);
    }
  }
  .bg-white\/\[0\.025\] {
    background-color: color-mix(in srgb, #fff 2.5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 2.5%, transparent);
    }
  }
  .bg-white\/\[0\.25\] {
    background-color: color-mix(in srgb, #fff 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }
  .bg-white\/\[0\.035\] {
    background-color: color-mix(in srgb, #fff 3.5000000000000004%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 3.5000000000000004%, transparent);
    }
  }
  .bg-white\/\[0\.055\] {
    background-color: color-mix(in srgb, #fff 5.5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 5.5%, transparent);
    }
  }
  .bg-white\/\[0\.065\] {
    background-color: color-mix(in srgb, #fff 6.5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 6.5%, transparent);
    }
  }
  .bg-yellow-50 {
    background-color: var(--color-yellow-50);
  }
  .bg-yellow-100 {
    background-color: var(--color-yellow-100);
  }
  .bg-yellow-300 {
    background-color: var(--color-yellow-300);
  }
  .bg-yellow-400 {
    background-color: var(--color-yellow-400);
  }
  .bg-yellow-400\/5 {
    background-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-yellow-400) 5%, transparent);
    }
  }
  .bg-yellow-400\/10 {
    background-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-yellow-400) 10%, transparent);
    }
  }
  .bg-yellow-400\/15 {
    background-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-yellow-400) 15%, transparent);
    }
  }
  .bg-yellow-400\/40 {
    background-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-yellow-400) 40%, transparent);
    }
  }
  .bg-yellow-400\/65 {
    background-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 65%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-yellow-400) 65%, transparent);
    }
  }
  .bg-yellow-400\/70 {
    background-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-yellow-400) 70%, transparent);
    }
  }
  .bg-yellow-500 {
    background-color: var(--color-yellow-500);
  }
  .bg-yellow-500\/10 {
    background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent);
    }
  }
  .bg-yellow-500\/70 {
    background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-yellow-500) 70%, transparent);
    }
  }
  .bg-yellow-500\/80 {
    background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-yellow-500) 80%, transparent);
    }
  }
  .bg-yellow-900\/30 {
    background-color: color-mix(in srgb, oklch(42.1% 0.095 57.708) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-yellow-900) 30%, transparent);
    }
  }
  .bg-yellow-900\/60 {
    background-color: color-mix(in srgb, oklch(42.1% 0.095 57.708) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-yellow-900) 60%, transparent);
    }
  }
  .bg-zinc-50 {
    background-color: var(--color-zinc-50);
  }
  .bg-zinc-50\/60 {
    background-color: color-mix(in srgb, oklch(98.5% 0 0) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-zinc-50) 60%, transparent);
    }
  }
  .bg-zinc-50\/70 {
    background-color: color-mix(in srgb, oklch(98.5% 0 0) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-zinc-50) 70%, transparent);
    }
  }
  .bg-zinc-100 {
    background-color: var(--color-zinc-100);
  }
  .bg-zinc-200 {
    background-color: var(--color-zinc-200);
  }
  .bg-zinc-300 {
    background-color: var(--color-zinc-300);
  }
  .bg-zinc-300\/60 {
    background-color: color-mix(in srgb, oklch(87.1% 0.006 286.286) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-zinc-300) 60%, transparent);
    }
  }
  .bg-zinc-400 {
    background-color: var(--color-zinc-400);
  }
  .bg-zinc-500 {
    background-color: var(--color-zinc-500);
  }
  .bg-zinc-600 {
    background-color: var(--color-zinc-600);
  }
  .bg-zinc-700 {
    background-color: var(--color-zinc-700);
  }
  .bg-zinc-800 {
    background-color: var(--color-zinc-800);
  }
  .bg-zinc-800\/60 {
    background-color: color-mix(in srgb, oklch(27.4% 0.006 286.033) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-zinc-800) 60%, transparent);
    }
  }
  .bg-zinc-900 {
    background-color: var(--color-zinc-900);
  }
  .bg-zinc-900\/30 {
    background-color: color-mix(in srgb, oklch(21% 0.006 285.885) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-zinc-900) 30%, transparent);
    }
  }
  .bg-zinc-900\/40 {
    background-color: color-mix(in srgb, oklch(21% 0.006 285.885) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-zinc-900) 40%, transparent);
    }
  }
  .bg-zinc-900\/50 {
    background-color: color-mix(in srgb, oklch(21% 0.006 285.885) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-zinc-900) 50%, transparent);
    }
  }
  .bg-zinc-900\/60 {
    background-color: color-mix(in srgb, oklch(21% 0.006 285.885) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-zinc-900) 60%, transparent);
    }
  }
  .bg-zinc-900\/80 {
    background-color: color-mix(in srgb, oklch(21% 0.006 285.885) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-zinc-900) 80%, transparent);
    }
  }
  .bg-zinc-950 {
    background-color: var(--color-zinc-950);
  }
  .bg-zinc-950\/80 {
    background-color: color-mix(in srgb, oklch(14.1% 0.005 285.823) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-zinc-950) 80%, transparent);
    }
  }
  .bg-zinc-950\/95 {
    background-color: color-mix(in srgb, oklch(14.1% 0.005 285.823) 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-zinc-950) 95%, transparent);
    }
  }
  .bg-zinc-950\/98 {
    background-color: color-mix(in srgb, oklch(14.1% 0.005 285.823) 98%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-zinc-950) 98%, transparent);
    }
  }
  .bg-linear-to-b {
    --tw-gradient-position: to bottom;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --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;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --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;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to left in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-linear-to-r {
    --tw-gradient-position: to right;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to right in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-linear-to-t {
    --tw-gradient-position: to top;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to top in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-bl {
    --tw-gradient-position: to bottom left 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-tl {
    --tw-gradient-position: to top left 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));
  }
  .\[background-image\:linear-gradient\(to_bottom\,theme\(colors\.background\)_20\%\,transparent_100\%\)\] {
    background-image: linear-gradient(to bottom,var(--background) 20%,transparent 100%);
  }
  .\[background-image\:linear-gradient\(to_right\,var\(--foreground\)_1\.5px\,transparent_1\.5px\)\,linear-gradient\(to_right\,var\(--foreground\)_1\.5px\,transparent_1\.5px\)\,linear-gradient\(to_left\,var\(--foreground\)_1\.5px\,transparent_1\.5px\)\,linear-gradient\(to_left\,var\(--foreground\)_1\.5px\,transparent_1\.5px\)\,linear-gradient\(to_bottom\,var\(--foreground\)_1\.5px\,transparent_1\.5px\)\,linear-gradient\(to_bottom\,var\(--foreground\)_1\.5px\,transparent_1\.5px\)\,linear-gradient\(to_top\,var\(--foreground\)_1\.5px\,transparent_1\.5px\)\,linear-gradient\(to_top\,var\(--foreground\)_1\.5px\,transparent_1\.5px\)\] {
    background-image: linear-gradient(to right,var(--foreground) 1.5px,transparent 1.5px),linear-gradient(to right,var(--foreground) 1.5px,transparent 1.5px),linear-gradient(to left,var(--foreground) 1.5px,transparent 1.5px),linear-gradient(to left,var(--foreground) 1.5px,transparent 1.5px),linear-gradient(to bottom,var(--foreground) 1.5px,transparent 1.5px),linear-gradient(to bottom,var(--foreground) 1.5px,transparent 1.5px),linear-gradient(to top,var(--foreground) 1.5px,transparent 1.5px),linear-gradient(to top,var(--foreground) 1.5px,transparent 1.5px);
  }
  .\[background-image\:linear-gradient\(to_top\,\#0a0a0a_65\%\,transparent_100\%\)\] {
    background-image: linear-gradient(to top,#0a0a0a 65%,transparent 100%);
  }
  .\[background-image\:linear-gradient\(to_top\,\#f5f5f5_65\%\,transparent_100\%\)\] {
    background-image: linear-gradient(to top,#f5f5f5 65%,transparent 100%);
  }
  .\[background-image\:linear-gradient\(to_top\,theme\(colors\.background\)_20\%\,transparent_100\%\)\] {
    background-image: linear-gradient(to top,var(--background) 20%,transparent 100%);
  }
  .\[background-image\:linear-gradient\(to_top\,theme\(colors\.background\)_60\%\,transparent_100\%\)\] {
    background-image: linear-gradient(to top,var(--background) 60%,transparent 100%);
  }
  .\[background-image\:linear-gradient\(to_top\,var\(--card\)_60\%\,transparent_100\%\)\] {
    background-image: linear-gradient(to top,var(--card) 60%,transparent 100%);
  }
  .\[background-image\:var\(--white-gradient\)\,var\(--aurora\)\] {
    background-image: var(--white-gradient),var(--aurora);
  }
  .bg-\[conic-gradient\(currentColor_0deg_var\(--angle\)\,transparent_var\(--angle\)_360deg\)\] {
    background-image: conic-gradient(currentColor 0deg var(--angle),transparent var(--angle) 360deg);
  }
  .bg-\[conic-gradient\(from_0deg\,\#adfa1b\,\#c9ff63\,\#efffb7\,\#8cd413\,\#6f9f19\,\#92d61b\,\#adfa1b\)\] {
    background-image: conic-gradient(from 0deg,#adfa1b,#c9ff63,#efffb7,#8cd413,#6f9f19,#92d61b,#adfa1b);
  }
  .bg-\[conic-gradient\(from_0deg_at_50\%_50\%\,rgba\(0\,0\,0\,0\.3\)_0deg_120deg\,transparent_120deg_240deg\,rgba\(0\,0\,0\,0\.3\)_240deg_360deg\)\] {
    background-image: conic-gradient(from 0deg at 50% 50%,rgba(0,0,0,0.3) 0deg 120deg,transparent 120deg 240deg,rgba(0,0,0,0.3) 240deg 360deg);
  }
  .bg-\[conic-gradient\(from_90deg_at_50\%_50\%\,\#85d797_0\%\,\#1a806b_50\%\,\#85d797_100\%\)\] {
    background-image: conic-gradient(from 90deg at 50% 50%,#85d797 0%,#1a806b 50%,#85d797 100%);
  }
  .bg-\[conic-gradient\(from_90deg_at_50\%_50\%\,\#A77BFE_0\%\,\#8860D0_50\%\,\#A77BFE_100\%\)\] {
    background-image: conic-gradient(from 90deg at 50% 50%,#A77BFE 0%,#8860D0 50%,#A77BFE 100%);
  }
  .bg-\[conic-gradient\(from_90deg_at_50\%_50\%\,\#E2CBFF_0\%\,\#393BB2_50\%\,\#E2CBFF_100\%\)\] {
    background-image: conic-gradient(from 90deg at 50% 50%,#E2CBFF 0%,#393BB2 50%,#E2CBFF 100%);
  }
  .bg-\[conic-gradient\(from_90deg_at_50\%_50\%\,\#a1c4fd_0\%\,\#c2e9fb_50\%\,\#a1c4fd_100\%\)\] {
    background-image: conic-gradient(from 90deg at 50% 50%,#a1c4fd 0%,#c2e9fb 50%,#a1c4fd 100%);
  }
  .bg-\[conic-gradient\(from_90deg_at_50\%_50\%\,\#fe5d75_0\%\,\#f5af19_50\%\,\#fe5d75_100\%\)\] {
    background-image: conic-gradient(from 90deg at 50% 50%,#fe5d75 0%,#f5af19 50%,#fe5d75 100%);
  }
  .bg-\[conic-gradient\(from_90deg_at_50\%_50\%\,\#ff9a9e_0\%\,\#fad0c4_50\%\,\#fad0c4_90\%\,\#ff9a9e_100\%\)\] {
    background-image: conic-gradient(from 90deg at 50% 50%,#ff9a9e 0%,#fad0c4 50%,#fad0c4 90%,#ff9a9e 100%);
  }
  .bg-\[conic-gradient\(from_90deg_at_50\%_50\%\,var\(--primary\)_0\%\,\#fff_50\%\,var\(--primary\)_100\%\)\] {
    background-image: conic-gradient(from 90deg at 50% 50%,var(--primary) 0%,#fff 50%,var(--primary) 100%);
  }
  .bg-\[conic-gradient\(from_180deg\,\#efffb7_0\%\,transparent_30\%\,\#adfa1b_50\%\,transparent_70\%\,\#7fbf17_100\%\)\] {
    background-image: conic-gradient(from 180deg,#efffb7 0%,transparent 30%,#adfa1b 50%,transparent 70%,#7fbf17 100%);
  }
  .bg-\[image\:repeating-linear-gradient\(315deg\,_var\(--pattern-fg\)_0\,_var\(--pattern-fg\)_1px\,_transparent_0\,_transparent_50\%\)\] {
    background-image: repeating-linear-gradient(315deg, var(--pattern-fg) 0, var(--pattern-fg) 1px, transparent 0, transparent 50%);
  }
  .bg-\[linear-gradient\(-75deg\,hsl\(var\(--primary\)\/10\%\)_calc\(var\(--x\)\+20\%\)\,hsl\(var\(--primary\)\/50\%\)_calc\(var\(--x\)\+25\%\)\,hsl\(var\(--primary\)\/10\%\)_calc\(var\(--x\)\+100\%\)\)\] {
    background-image: linear-gradient(-75deg,hsl(var(--primary)/10%) calc(var(--x) + 20%),hsl(var(--primary)/50%) calc(var(--x) + 25%),hsl(var(--primary)/10%) calc(var(--x) + 100%));
  }
  .bg-\[linear-gradient\(-135deg\,rgba\(255\,255\,255\,0\)_0\%\,rgba\(255\,255\,255\,0\.1\)_47\%\,rgba\(255\,255\,255\,0\)_48\%\)\] {
    background-image: linear-gradient(-135deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 47%,rgba(255,255,255,0) 48%);
  }
  .bg-\[linear-gradient\(30deg\,rgba\(0\,0\,0\,0\.24\)_0\%\,rgba\(0\,0\,0\,0\)_100\%\)\] {
    background-image: linear-gradient(30deg,rgba(0,0,0,0.24) 0%,rgba(0,0,0,0) 100%);
  }
  .bg-\[linear-gradient\(40deg\,var\(--gradient-background-start\)\,var\(--gradient-background-end\)\)\] {
    background-image: linear-gradient(40deg,var(--gradient-background-start),var(--gradient-background-end));
  }
  .bg-\[linear-gradient\(45deg\,rgba\(0\,0\,0\,0\.24\)_0\%\,rgba\(0\,0\,0\,0\)_100\%\)\] {
    background-image: linear-gradient(45deg,rgba(0,0,0,0.24) 0%,rgba(0,0,0,0) 100%);
  }
  .bg-\[linear-gradient\(45deg\,rgba\(0\,0\,0\,0\.34\)_0\%\,rgba\(0\,0\,0\,0\)_100\%\)\] {
    background-image: linear-gradient(45deg,rgba(0,0,0,0.34) 0%,rgba(0,0,0,0) 100%);
  }
  .bg-\[linear-gradient\(45deg\,var\(--color-1\)\,var\(--color-5\)\,var\(--color-3\)\,var\(--color-4\)\,var\(--color-2\)\)\] {
    background-image: linear-gradient(45deg,var(--color-1),var(--color-5),var(--color-3),var(--color-4),var(--color-2));
  }
  .bg-\[linear-gradient\(110deg\,\#fff\,45\%\,\#f1f1f1\,55\%\,\#fff\)\] {
    background-image: linear-gradient(110deg,#fff,45%,#f1f1f1,55%,#fff);
  }
  .bg-\[linear-gradient\(110deg\,var\(--color-muted-foreground\)\,35\%\,var\(--color-foreground\)\,50\%\,var\(--color-muted-foreground\)\,75\%\,var\(--color-muted-foreground\)\)\] {
    background-image: linear-gradient(110deg,var(--color-muted-foreground),35%,var(--color-foreground),50%,var(--color-muted-foreground),75%,var(--color-muted-foreground));
  }
  .bg-\[linear-gradient\(180deg\,\#0a0526_0\%\,\#0c1a55_45\%\,\#0a3a7a_100\%\)\] {
    background-image: linear-gradient(180deg,#0a0526 0%,#0c1a55 45%,#0a3a7a 100%);
  }
  .bg-\[linear-gradient\(325deg\,\#0044ff_0\%\,\#2ccfff_55\%\,\#0044ff_90\%\)\] {
    background-image: linear-gradient(325deg,#0044ff 0%,#2ccfff 55%,#0044ff 90%);
  }
  .bg-\[linear-gradient\(rgba\(0\,0\,0\,0\.03\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,rgba\(0\,0\,0\,0\.03\)_1px\,transparent_1px\)\] {
    background-image: linear-gradient(rgba(0,0,0,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,0.03) 1px,transparent 1px);
  }
  .bg-\[linear-gradient\(rgba\(0\,0\,0\,0\.3\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,rgba\(0\,0\,0\,0\.3\)_1px\,transparent_1px\)\] {
    background-image: linear-gradient(rgba(0,0,0,0.3) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,0.3) 1px,transparent 1px);
  }
  .bg-\[linear-gradient\(rgba\(255\,255\,255\,0\.03\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,rgba\(255\,255\,255\,0\.03\)_1px\,transparent_1px\)\] {
    background-image: linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px);
  }
  .bg-\[linear-gradient\(to_bottom\,\#fff\,\#ffffff_50\%\,\#e8e8e8_88\%\)\] {
    background-image: linear-gradient(to bottom,#fff,#ffffff 50%,#e8e8e8 88%);
  }
  .bg-\[linear-gradient\(to_bottom\,transparent_50\%\,rgba\(0\,0\,0\,0\.5\)_50\%\)\] {
    background-image: linear-gradient(to bottom,transparent 50%,rgba(0,0,0,0.5) 50%);
  }
  .bg-\[linear-gradient\(to_bottom\,var\(--color\)\,var\(--color\)_50\%\,transparent_0\,transparent\)\] {
    background-image: linear-gradient(to bottom,var(--color),var(--color) 50%,transparent 0,transparent);
  }
  .bg-\[linear-gradient\(to_right\,\#0000000a_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,\#0000000a_1px\,transparent_1px\)\] {
    background-image: linear-gradient(to right,#0000000a 1px,transparent 1px),linear-gradient(to bottom,#0000000a 1px,transparent 1px);
  }
  .bg-\[linear-gradient\(to_right\,\#57534e_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,\#57534e_1px\,transparent_1px\)\] {
    background-image: linear-gradient(to right,#57534e 1px,transparent 1px),linear-gradient(to bottom,#57534e 1px,transparent 1px);
  }
  .bg-\[linear-gradient\(to_right\,\#80808012_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,\#80808012_1px\,transparent_1px\)\] {
    background-image: linear-gradient(to right,#80808012 1px,transparent 1px),linear-gradient(to bottom,#80808012 1px,transparent 1px);
  }
  .bg-\[linear-gradient\(to_right\,\#f0f0f0_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,\#f0f0f0_1px\,transparent_1px\)\] {
    background-image: linear-gradient(to right,#f0f0f0 1px,transparent 1px),linear-gradient(to bottom,#f0f0f0 1px,transparent 1px);
  }
  .bg-\[linear-gradient\(to_right\,rgba\(120\,120\,120\,0\.08\)_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,rgba\(120\,120\,120\,0\.08\)_1px\,transparent_1px\)\] {
    background-image: linear-gradient(to right,rgba(120,120,120,0.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(120,120,120,0.08) 1px,transparent 1px);
  }
  .bg-\[linear-gradient\(to_right\,var\(--border\)_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,var\(--border\)_1px\,transparent_1px\)\] {
    background-image: linear-gradient(to right,var(--border) 1px,transparent 1px),linear-gradient(to bottom,var(--border) 1px,transparent 1px);
  }
  .bg-\[linear-gradient\(to_right\,var\(--color\)\,var\(--color\)_50\%\,transparent_0\,transparent\)\] {
    background-image: linear-gradient(to right,var(--color),var(--color) 50%,transparent 0,transparent);
  }
  .bg-\[linear-gradient\(to_right\,var\(--grid-color\)_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,var\(--grid-color\)_1px\,transparent_1px\)\] {
    background-image: linear-gradient(to right,var(--grid-color) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-color) 1px,transparent 1px);
  }
  .bg-\[linear-gradient\(to_right\,var\(--muted-foreground\)_40\%\,var\(--foreground\)_60\%\,var\(--muted-foreground\)_80\%\)\] {
    background-image: linear-gradient(to right,var(--muted-foreground) 40%,var(--foreground) 60%,var(--muted-foreground) 80%);
  }
  .bg-\[linear-gradient\(to_top\,var\(--color-background\)\,transparent\)\] {
    background-image: linear-gradient(to top,var(--color-background),transparent);
  }
  .bg-\[radial-gradient\(60\%_120\%_at_50\%_120\%\,rgba\(99\,102\,241\,0\.5\)\,rgba\(56\,189\,248\,0\.22\)_45\%\,transparent_70\%\)\] {
    background-image: radial-gradient(60% 120% at 50% 120%,rgba(99,102,241,0.5),rgba(56,189,248,0.22) 45%,transparent 70%);
  }
  .bg-\[radial-gradient\(75\%_100\%_at_50\%_0\%\,rgba\(189\,56\,222\,1\)_0\%\,rgba\(56\,189\,248\,1\)_75\%\)\] {
    background-image: radial-gradient(75% 100% at 50% 0%,rgba(189,56,222,1) 0%,rgba(56,189,248,1) 75%);
  }
  .bg-\[radial-gradient\(120\%_80\%_at_50\%_-10\%\,\#1b2150_0\%\,\#0a0c1c_45\%\,\#05060d_100\%\)\] {
    background-image: radial-gradient(120% 80% at 50% -10%,#1b2150 0%,#0a0c1c 45%,#05060d 100%);
  }
  .bg-\[radial-gradient\(120\%_80\%_at_50\%_-10\%\,rgba\(124\,92\,255\,0\.30\)\,transparent_60\%\)\] {
    background-image: radial-gradient(120% 80% at 50% -10%,rgba(124,92,255,0.30),transparent 60%);
  }
  .bg-\[radial-gradient\(120\%_120\%_at_30\%_10\%\,\#1a1a1a_0\%\,\#0f0f10_60\%\,\#0b0b0c_100\%\)\] {
    background-image: radial-gradient(120% 120% at 30% 10%,#1a1a1a 0%,#0f0f10 60%,#0b0b0c 100%);
  }
  .bg-\[radial-gradient\(120\%_120\%_at_50\%_0\%\,\#16161a_0\%\,\#0a0a0b_60\%\)\] {
    background-image: radial-gradient(120% 120% at 50% 0%,#16161a 0%,#0a0a0b 60%);
  }
  .bg-\[radial-gradient\(125\%_125\%_at_50\%_10\%\,\#241657_0\%\,\#0b0b1c_45\%\,\#000000_100\%\)\] {
    background-image: radial-gradient(125% 125% at 50% 10%,#241657 0%,#0b0b1c 45%,#000000 100%);
  }
  .bg-\[radial-gradient\(circle\,_rgba\(0\,0\,0\,0\.06\)_1px\,_transparent_1px\)\] {
    background-image: radial-gradient(circle, rgba(0,0,0,0.06) 1px, transparent 1px);
  }
  .bg-\[radial-gradient\(circle\,_rgba\(1\,64\,255\,0\.16\)_0\%\,_rgba\(38\,249\,255\,0\.10\)_45\%\,_transparent_70\%\)\] {
    background-image: radial-gradient(circle, rgba(1,64,255,0.16) 0%, rgba(38,249,255,0.10) 45%, transparent 70%);
  }
  .bg-\[radial-gradient\(circle\,_rgba\(99\,102\,241\,0\.55\)_0\%\,_rgba\(34\,211\,238\,0\.25\)_45\%\,_transparent_72\%\)\] {
    background-image: radial-gradient(circle, rgba(99,102,241,0.55) 0%, rgba(34,211,238,0.25) 45%, transparent 72%);
  }
  .bg-\[radial-gradient\(circle\,rgba\(0\,0\,0\,0\.4\)_25\%\,transparent_25\%\)\] {
    background-image: radial-gradient(circle,rgba(0,0,0,0.4) 25%,transparent 25%);
  }
  .bg-\[radial-gradient\(circle\,rgba\(218\,78\,36\,0\.18\)\,transparent_70\%\)\] {
    background-image: radial-gradient(circle,rgba(218,78,36,0.18),transparent 70%);
  }
  .bg-\[radial-gradient\(circle\,rgba\(255\,225\,120\,0\.9\)\,rgba\(255\,160\,40\,0\.35\)_55\%\,transparent_72\%\)\] {
    background-image: radial-gradient(circle,rgba(255,225,120,0.9),rgba(255,160,40,0.35) 55%,transparent 72%);
  }
  .bg-\[radial-gradient\(circle\,var\(--foreground\)_1px\,transparent_1px\)\] {
    background-image: radial-gradient(circle,var(--foreground) 1px,transparent 1px);
  }
  .bg-\[radial-gradient\(circle_800px_at_100\%_200px\,\#d5c5ff\,transparent\)\] {
    background-image: radial-gradient(circle 800px at 100% 200px,#d5c5ff,transparent);
  }
  .bg-\[radial-gradient\(circle_at_1px_1px\,rgba\(0\,0\,0\,0\.4\)_1px\,transparent_0\)\] {
    background-image: radial-gradient(circle at 1px 1px,rgba(0,0,0,0.4) 1px,transparent 0);
  }
  .bg-\[radial-gradient\(circle_at_2px_2px\,rgba\(0\,0\,0\,0\.25\)_1px\,transparent_0\)\] {
    background-image: radial-gradient(circle at 2px 2px,rgba(0,0,0,0.25) 1px,transparent 0);
  }
  .bg-\[radial-gradient\(circle_at_3px_7px\,rgba\(0\,0\,0\,0\.3\)_1px\,transparent_0\)\,radial-gradient\(circle_at_11px_2px\,rgba\(0\,0\,0\,0\.3\)_1px\,transparent_0\)\,radial-gradient\(circle_at_7px_12px\,rgba\(0\,0\,0\,0\.3\)_1px\,transparent_0\)\] {
    background-image: radial-gradient(circle at 3px 7px,rgba(0,0,0,0.3) 1px,transparent 0),radial-gradient(circle at 11px 2px,rgba(0,0,0,0.3) 1px,transparent 0),radial-gradient(circle at 7px 12px,rgba(0,0,0,0.3) 1px,transparent 0);
  }
  .bg-\[radial-gradient\(circle_at_20\%_20\%\,\#7c3aed\,transparent_55\%\)\,radial-gradient\(circle_at_80\%_30\%\,\#06b6d4\,transparent_50\%\)\,radial-gradient\(circle_at_50\%_90\%\,\#ec4899\,transparent_55\%\)\] {
    background-image: radial-gradient(circle at 20% 20%,#7c3aed,transparent 55%),radial-gradient(circle at 80% 30%,#06b6d4,transparent 50%),radial-gradient(circle at 50% 90%,#ec4899,transparent 55%);
  }
  .bg-\[radial-gradient\(circle_at_20\%_20\%\,rgba\(168\,85\,247\,0\.18\)\,transparent_55\%\)\] {
    background-image: radial-gradient(circle at 20% 20%,rgba(168,85,247,0.18),transparent 55%);
  }
  .bg-\[radial-gradient\(circle_at_25\%_90\%\,_\#1e386b_15\%\,_\#000000de_70\%\,_\#000000ed_100\%\)\] {
    background-image: radial-gradient(circle at 25% 90%, #1e386b 15%, #000000de 70%, #000000ed 100%);
  }
  .bg-\[radial-gradient\(circle_at_30\%_25\%\,rgba\(56\,189\,248\,0\.45\)\,transparent_55\%\)\,radial-gradient\(circle_at_75\%_80\%\,rgba\(167\,139\,250\,0\.4\)\,transparent_55\%\)\] {
    background-image: radial-gradient(circle at 30% 25%,rgba(56,189,248,0.45),transparent 55%),radial-gradient(circle at 75% 80%,rgba(167,139,250,0.4),transparent 55%);
  }
  .bg-\[radial-gradient\(circle_at_30\%_25\%\,rgba\(255\,255\,255\,0\.38\)\,transparent_55\%\)\] {
    background-image: radial-gradient(circle at 30% 25%,rgba(255,255,255,0.38),transparent 55%);
  }
  .bg-\[radial-gradient\(circle_at_30\%_30\%\,rgba\(255\,255\,255\,0\.1\)\,transparent_50\%\)\,conic-gradient\(from_0deg\,transparent_0deg\,\#000_360deg\)\] {
    background-image: radial-gradient(circle at 30% 30%,rgba(255,255,255,0.1),transparent 50%),conic-gradient(from 0deg,transparent 0deg,#000 360deg);
  }
  .bg-\[radial-gradient\(circle_at_50\%_0\%\,rgba\(99\,102\,241\,0\.25\)\,transparent_60\%\)\] {
    background-image: radial-gradient(circle at 50% 0%,rgba(99,102,241,0.25),transparent 60%);
  }
  .bg-\[radial-gradient\(circle_at_50\%_0\%\,rgba\(124\,92\,255\,0\.18\)\,transparent_55\%\)\] {
    background-image: radial-gradient(circle at 50% 0%,rgba(124,92,255,0.18),transparent 55%);
  }
  .bg-\[radial-gradient\(circle_at_50\%_35\%\,\#1b1b1f\,\#0a0a0b_70\%\)\] {
    background-image: radial-gradient(circle at 50% 35%,#1b1b1f,#0a0a0b 70%);
  }
  .bg-\[radial-gradient\(circle_at_50\%_40\%\,rgba\(58\,134\,255\,0\.10\)\,transparent_60\%\)\] {
    background-image: radial-gradient(circle at 50% 40%,rgba(58,134,255,0.10),transparent 60%);
  }
  .bg-\[radial-gradient\(circle_at_50\%_45\%\,rgba\(245\,158\,11\,0\.16\)\,transparent_60\%\)\] {
    background-image: radial-gradient(circle at 50% 45%,rgba(245,158,11,0.16),transparent 60%);
  }
  .bg-\[radial-gradient\(circle_at_50\%_45\%\,rgba\(255\,255\,255\,0\.10\)\,transparent_60\%\)\] {
    background-image: radial-gradient(circle at 50% 45%,rgba(255,255,255,0.10),transparent 60%);
  }
  .bg-\[radial-gradient\(circle_at_50\%_50\%\,\#1a0533_0\%\,\#0a0014_60\%\,\#04000a_100\%\)\] {
    background-image: radial-gradient(circle at 50% 50%,#1a0533 0%,#0a0014 60%,#04000a 100%);
  }
  .bg-\[radial-gradient\(circle_at_50\%_50\%\,\#1a0830_0\%\,\#0c0019_55\%\,\#050009_100\%\)\] {
    background-image: radial-gradient(circle at 50% 50%,#1a0830 0%,#0c0019 55%,#050009 100%);
  }
  .bg-\[radial-gradient\(circle_at_50\%_50\%\,\#3a1500\,\#1a0700_70\%\)\] {
    background-image: radial-gradient(circle at 50% 50%,#3a1500,#1a0700 70%);
  }
  .bg-\[radial-gradient\(circle_at_50\%_50\%\,rgba\(99\,102\,241\,0\.18\)\,transparent_60\%\)\] {
    background-image: radial-gradient(circle at 50% 50%,rgba(99,102,241,0.18),transparent 60%);
  }
  .bg-\[radial-gradient\(circle_at_50\%_50\%\,rgba\(168\,85\,247\,0\.18\)\,transparent_65\%\)\] {
    background-image: radial-gradient(circle at 50% 50%,rgba(168,85,247,0.18),transparent 65%);
  }
  .bg-\[radial-gradient\(circle_at_50\%_50\%\,rgba\(255\,255\,255\,0\.03\)\,transparent_70\%\)\] {
    background-image: radial-gradient(circle at 50% 50%,rgba(255,255,255,0.03),transparent 70%);
  }
  .bg-\[radial-gradient\(circle_at_50\%_50\%\,transparent_40\%\,rgba\(3\,0\,12\,0\.85\)_100\%\)\] {
    background-image: radial-gradient(circle at 50% 50%,transparent 40%,rgba(3,0,12,0.85) 100%);
  }
  .bg-\[radial-gradient\(circle_at_50\%_50\%\,transparent_42\%\,rgba\(4\,0\,10\,0\.8\)_100\%\)\] {
    background-image: radial-gradient(circle at 50% 50%,transparent 42%,rgba(4,0,10,0.8) 100%);
  }
  .bg-\[radial-gradient\(circle_at_50\%_50\%\,transparent_45\%\,rgba\(5\,0\,9\,0\.7\)_100\%\)\] {
    background-image: radial-gradient(circle at 50% 50%,transparent 45%,rgba(5,0,9,0.7) 100%);
  }
  .bg-\[radial-gradient\(circle_at_50\%_55\%\,rgba\(74\,222\,128\,0\.18\)\,transparent_60\%\)\] {
    background-image: radial-gradient(circle at 50% 55%,rgba(74,222,128,0.18),transparent 60%);
  }
  .bg-\[radial-gradient\(circle_at_50\%_55\%\,rgba\(99\,102\,241\,0\.20\)\,transparent_65\%\)\] {
    background-image: radial-gradient(circle at 50% 55%,rgba(99,102,241,0.20),transparent 65%);
  }
  .bg-\[radial-gradient\(circle_at_50\%_120\%\,_rgba\(255\,255\,255\,0\.8\)\,_rgba\(255\,255\,255\,0\)_70\%\)\] {
    background-image: radial-gradient(circle at 50% 120%, rgba(255,255,255,0.8), rgba(255,255,255,0) 70%);
  }
  .bg-\[radial-gradient\(circle_at_center\,_rgba\(0\,0\,0\,1\)_0\%\,_transparent_100\%\)\] {
    background-image: radial-gradient(circle at center, rgba(0,0,0,1) 0%, transparent 100%);
  }
  .bg-\[radial-gradient\(circle_at_center\,_rgba\(99\,102\,241\,0\.12\)_0\%\,_transparent_70\%\)\] {
    background-image: radial-gradient(circle at center, rgba(99,102,241,0.12) 0%, transparent 70%);
  }
  .bg-\[radial-gradient\(circle_at_center\,_rgba\(120\,120\,120\,0\.12\)\,_transparent_70\%\)\] {
    background-image: radial-gradient(circle at center, rgba(120,120,120,0.12), transparent 70%);
  }
  .bg-\[radial-gradient\(circle_at_center\,_transparent_55\%\,_rgba\(0\,0\,0\,0\.06\)\)\] {
    background-image: radial-gradient(circle at center, transparent 55%, rgba(0,0,0,0.06));
  }
  .bg-\[radial-gradient\(circle_at_center\,rgba\(255\,255\,255\,0\.10\)\,rgba\(255\,255\,255\,0\)_70\%\)\] {
    background-image: radial-gradient(circle at center,rgba(255,255,255,0.10),rgba(255,255,255,0) 70%);
  }
  .bg-\[radial-gradient\(circle_at_center\,transparent_0\%\,\#000_100\%\)\] {
    background-image: radial-gradient(circle at center,transparent 0%,#000 100%);
  }
  .bg-\[radial-gradient\(circle_at_center\,transparent_0\%\,rgba\(0\,0\,0\,0\.8\)_100\%\)\] {
    background-image: radial-gradient(circle at center,transparent 0%,rgba(0,0,0,0.8) 100%);
  }
  .bg-\[radial-gradient\(circle_at_center\,transparent_10\%\,rgba\(0\,0\,0\,0\.8\)_100\%\)\] {
    background-image: radial-gradient(circle at center,transparent 10%,rgba(0,0,0,0.8) 100%);
  }
  .bg-\[radial-gradient\(circle_at_center\,transparent_50\%\,rgba\(0\,0\,0\,0\.7\)\)\] {
    background-image: radial-gradient(circle at center,transparent 50%,rgba(0,0,0,0.7));
  }
  .bg-\[radial-gradient\(circle_at_center\,transparent_55\%\,rgba\(0\,0\,0\,0\.55\)\)\] {
    background-image: radial-gradient(circle at center,transparent 55%,rgba(0,0,0,0.55));
  }
  .bg-\[radial-gradient\(circle_at_center\,var\(--tw-gradient-stops\)\,transparent_80\%\)\] {
    background-image: radial-gradient(circle at center,var(--tw-gradient-stops),transparent 80%);
  }
  .bg-\[radial-gradient\(circle_at_center\,white_0\%\,transparent_80\%\)\] {
    background-image: radial-gradient(circle at center,white 0%,transparent 80%);
  }
  .bg-\[radial-gradient\(circle_at_top\,_rgba\(99\,102\,241\,0\.18\)\,_transparent_60\%\)\] {
    background-image: radial-gradient(circle at top, rgba(99,102,241,0.18), transparent 60%);
  }
  .bg-\[radial-gradient\(circle_farthest-side\,rgba\(255\,0\,182\,\.15\)\,rgba\(255\,255\,255\,0\)\)\] {
    background-image: radial-gradient(circle farthest-side,rgba(255,0,182,.15),rgba(255,255,255,0));
  }
  .bg-\[radial-gradient\(closest-side\,\#fff_82\%\,\#000000\)\] {
    background-image: radial-gradient(closest-side,#fff 82%,#000000);
  }
  .bg-\[radial-gradient\(closest-side\,rgba\(124\,92\,255\,0\.22\)\,transparent\)\] {
    background-image: radial-gradient(closest-side,rgba(124,92,255,0.22),transparent);
  }
  .bg-\[radial-gradient\(ellipse\,_rgba\(56\,189\,248\,0\.45\)_0\%\,_rgba\(168\,85\,247\,0\.22\)_50\%\,_transparent_75\%\)\] {
    background-image: radial-gradient(ellipse, rgba(56,189,248,0.45) 0%, rgba(168,85,247,0.22) 50%, transparent 75%);
  }
  .bg-\[radial-gradient\(ellipse_at_50\%_42\%\,rgba\(255\,255\,255\,0\.9\)\,transparent_60\%\)\] {
    background-image: radial-gradient(ellipse at 50% 42%,rgba(255,255,255,0.9),transparent 60%);
  }
  .bg-\[radial-gradient\(ellipse_at_50\%_60\%\,rgba\(99\,102\,241\,0\.18\)\,transparent_65\%\)\] {
    background-image: radial-gradient(ellipse at 50% 60%,rgba(99,102,241,0.18),transparent 65%);
  }
  .bg-\[radial-gradient\(ellipse_at_bottom\,_\#262626_0\%\,_\#000_100\%\)\] {
    background-image: radial-gradient(ellipse at bottom, #262626 0%, #000 100%);
  }
  .bg-\[radial-gradient\(ellipse_at_center\,hsl\(0_0\%_50\%\/0\.12\)\,transparent_70\%\)\] {
    background-image: radial-gradient(ellipse at center,hsl(0 0% 50%/0.12),transparent 70%);
  }
  .bg-\[radial-gradient\(ellipse_at_center\,hsl\(0_0\%_50\%\/0\.14\)\,transparent_65\%\)\] {
    background-image: radial-gradient(ellipse at center,hsl(0 0% 50%/0.14),transparent 65%);
  }
  .bg-\[radial-gradient\(ellipse_at_center\,rgba\(16\,140\,90\,0\.18\)\,transparent_70\%\)\] {
    background-image: radial-gradient(ellipse at center,rgba(16,140,90,0.18),transparent 70%);
  }
  .bg-\[radial-gradient\(ellipse_at_center\,rgba\(76\,171\,255\,0\.16\)\,transparent_70\%\)\] {
    background-image: radial-gradient(ellipse at center,rgba(76,171,255,0.16),transparent 70%);
  }
  .bg-\[radial-gradient\(ellipse_at_center\,rgba\(120\,80\,220\,0\.14\)\,transparent_70\%\)\] {
    background-image: radial-gradient(ellipse at center,rgba(120,80,220,0.14),transparent 70%);
  }
  .bg-\[radial-gradient\(ellipse_at_center\,rgba\(120\,119\,198\,0\.18\)\,transparent_70\%\)\] {
    background-image: radial-gradient(ellipse at center,rgba(120,119,198,0.18),transparent 70%);
  }
  .bg-\[radial-gradient\(ellipse_at_center\,rgba\(120\,160\,235\,0\.45\)\,transparent_75\%\)\] {
    background-image: radial-gradient(ellipse at center,rgba(120,160,235,0.45),transparent 75%);
  }
  .bg-\[radial-gradient\(ellipse_at_center\,rgba\(150\,185\,255\,0\.55\)\,transparent_70\%\)\] {
    background-image: radial-gradient(ellipse at center,rgba(150,185,255,0.55),transparent 70%);
  }
  .bg-\[radial-gradient\(ellipse_at_center\,rgba\(180\,205\,255\,0\.6\)\,transparent_70\%\)\] {
    background-image: radial-gradient(ellipse at center,rgba(180,205,255,0.6),transparent 70%);
  }
  .bg-\[radial-gradient\(ellipse_at_center\,rgba\(205\,222\,255\,0\.5\)\,transparent_72\%\)\] {
    background-image: radial-gradient(ellipse at center,rgba(205,222,255,0.5),transparent 72%);
  }
  .bg-\[radial-gradient\(ellipse_at_center\,transparent_0\%\,rgba\(10\,10\,12\,0\.85\)_75\%\)\] {
    background-image: radial-gradient(ellipse at center,transparent 0%,rgba(10,10,12,0.85) 75%);
  }
  .bg-\[radial-gradient\(ellipse_at_center\,transparent_30\%\,rgba\(0\,0\,0\,0\.55\)\)\] {
    background-image: radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,0.55));
  }
  .bg-\[radial-gradient\(ellipse_at_center\,transparent_30\%\,rgba\(10\,10\,10\,0\.75\)\)\] {
    background-image: radial-gradient(ellipse at center,transparent 30%,rgba(10,10,10,0.75));
  }
  .bg-\[radial-gradient\(ellipse_at_center\,var\(--light-color\)\,transparent\,transparent\)\] {
    background-image: radial-gradient(ellipse at center,var(--light-color),transparent,transparent);
  }
  .bg-\[radial-gradient\(ellipse_at_top\,_var\(--tw-gradient-stops\)\)\] {
    background-image: radial-gradient(ellipse at top, var(--tw-gradient-stops));
  }
  .bg-\[radial-gradient\(ellipse_at_top_left\,_var\(--tw-gradient-stops\)\)\] {
    background-image: radial-gradient(ellipse at top left, var(--tw-gradient-stops));
  }
  .bg-\[radial-gradient\(rgba\(255\,255\,255\,0\.2\)_1px\,transparent_1px\)\] {
    background-image: radial-gradient(rgba(255,255,255,0.2) 1px,transparent 1px);
  }
  .bg-\[repeating-linear-gradient\(-45deg\,rgba\(0\,0\,0\,0\.2\)\,rgba\(0\,0\,0\,0\.2\)_1px\,transparent_1px\,transparent_6px\)\] {
    background-image: repeating-linear-gradient(-45deg,rgba(0,0,0,0.2),rgba(0,0,0,0.2) 1px,transparent 1px,transparent 6px);
  }
  .bg-\[repeating-linear-gradient\(-60deg\,var\(--color-border\)_0_0\.5px\,transparent_0\.5px_8px\)\] {
    background-image: repeating-linear-gradient(-60deg,var(--color-border) 0 0.5px,transparent 0.5px 8px);
  }
  .bg-\[repeating-linear-gradient\(0deg\,rgba\(0\,0\,0\,0\.1\)_0px\,transparent_1px\,transparent_3px\)\,repeating-linear-gradient\(90deg\,rgba\(0\,0\,0\,0\.1\)_0px\,transparent_1px\,transparent_4px\)\,repeating-linear-gradient\(45deg\,rgba\(0\,0\,0\,0\.05\)_0px\,transparent_1px\,transparent_5px\)\] {
    background-image: repeating-linear-gradient(0deg,rgba(0,0,0,0.1) 0px,transparent 1px,transparent 3px),repeating-linear-gradient(90deg,rgba(0,0,0,0.1) 0px,transparent 1px,transparent 4px),repeating-linear-gradient(45deg,rgba(0,0,0,0.05) 0px,transparent 1px,transparent 5px);
  }
  .bg-\[repeating-linear-gradient\(0deg\,rgba\(0\,0\,0\,0\.25\)_0px\,rgba\(0\,0\,0\,0\.25\)_1px\,transparent_1px\,transparent_4px\)\] {
    background-image: repeating-linear-gradient(0deg,rgba(0,0,0,0.25) 0px,rgba(0,0,0,0.25) 1px,transparent 1px,transparent 4px);
  }
  .bg-\[repeating-linear-gradient\(45deg\,rgba\(0\,0\,0\,0\.2\)_0px\,rgba\(0\,0\,0\,0\.2\)_2px\,transparent_2px\,transparent_8px\)\,repeating-linear-gradient\(-45deg\,rgba\(0\,0\,0\,0\.2\)_0px\,rgba\(0\,0\,0\,0\.2\)_2px\,transparent_2px\,transparent_8px\)\] {
    background-image: repeating-linear-gradient(45deg,rgba(0,0,0,0.2) 0px,rgba(0,0,0,0.2) 2px,transparent 2px,transparent 8px),repeating-linear-gradient(-45deg,rgba(0,0,0,0.2) 0px,rgba(0,0,0,0.2) 2px,transparent 2px,transparent 8px);
  }
  .bg-\[repeating-linear-gradient\(45deg\,transparent\,transparent_2px\,rgba\(0\,0\,0\,0\.3\)_2px\,rgba\(0\,0\,0\,0\.3\)_4px\)\,repeating-linear-gradient\(-45deg\,transparent\,transparent_2px\,rgba\(0\,0\,0\,0\.3\)_2px\,rgba\(0\,0\,0\,0\.3\)_4px\)\] {
    background-image: repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,0,0,0.3) 2px,rgba(0,0,0,0.3) 4px),repeating-linear-gradient(-45deg,transparent,transparent 2px,rgba(0,0,0,0.3) 2px,rgba(0,0,0,0.3) 4px);
  }
  .bg-\[repeating-linear-gradient\(45deg\,transparent\,transparent_10px\,\#000_10px\,\#000_20px\)\] {
    background-image: repeating-linear-gradient(45deg,transparent,transparent 10px,#000 10px,#000 20px);
  }
  .bg-\[repeating-linear-gradient\(90deg\,rgba\(0\,0\,0\,0\.25\)_0px\,rgba\(0\,0\,0\,0\.25\)_1px\,transparent_1px\,transparent_4px\)\] {
    background-image: repeating-linear-gradient(90deg,rgba(0,0,0,0.25) 0px,rgba(0,0,0,0.25) 1px,transparent 1px,transparent 4px);
  }
  .bg-\[repeating-radial-gradient\(circle_at_center\,rgba\(255\,200\,60\,0\.0\)_0px\,rgba\(255\,200\,60\,0\.0\)_22px\,rgba\(255\,160\,40\,0\.35\)_34px\,rgba\(255\,200\,60\,0\.0\)_48px\)\] {
    background-image: repeating-radial-gradient(circle at center,rgba(255,200,60,0.0) 0px,rgba(255,200,60,0.0) 22px,rgba(255,160,40,0.35) 34px,rgba(255,200,60,0.0) 48px);
  }
  .bg-\[url\(\'https\:\/\/grainy-gradients\.vercel\.app\/noise\.svg\'\)\] {
    background-image: url('https://grainy-gradients.vercel.app/noise.svg');
  }
  .bg-\[url\(\'https\:\/\/picsum\.photos\/seed\/glassbtn\/800\/400\'\)\] {
    background-image: url('https://picsum.photos/seed/glassbtn/800/400');
  }
  .bg-\[url\(\'https\:\/\/picsum\.photos\/seed\/glasscard\/800\/500\'\)\] {
    background-image: url('https://picsum.photos/seed/glasscard/800/500');
  }
  .from-\[\#0A0A0A\] {
    --tw-gradient-from: #0A0A0A;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#0F0F0F\] {
    --tw-gradient-from: #0F0F0F;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#0a0a0a\] {
    --tw-gradient-from: #0a0a0a;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#0a0805\] {
    --tw-gradient-from: #0a0805;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#0b0b0d\] {
    --tw-gradient-from: #0b0b0d;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#0d0b07\] {
    --tw-gradient-from: #0d0b07;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#0f1117\] {
    --tw-gradient-from: #0f1117;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#000\] {
    --tw-gradient-from: #000;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#1a1a1a\] {
    --tw-gradient-from: #1a1a1a;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#1a3379\] {
    --tw-gradient-from: #1a3379;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#1c1c1c\] {
    --tw-gradient-from: #1c1c1c;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#2a2a2a\] {
    --tw-gradient-from: #2a2a2a;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#005A43\] {
    --tw-gradient-from: #005A43;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#5A0000\] {
    --tw-gradient-from: #5A0000;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#9ADBC8\] {
    --tw-gradient-from: #9ADBC8;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#39ff14\]\/30 {
    --tw-gradient-from: color-mix(in oklab, #39ff14 30%, 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-\[\#062b1c\] {
    --tw-gradient-from: #062b1c;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#101d44\] {
    --tw-gradient-from: #101d44;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#02040a\] {
    --tw-gradient-from: #02040a;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#030303\] {
    --tw-gradient-from: #030303;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#161616\] {
    --tw-gradient-from: #161616;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#171717\] {
    --tw-gradient-from: #171717;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#181818\] {
    --tw-gradient-from: #181818;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#864813\] {
    --tw-gradient-from: #864813;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#917100\] {
    --tw-gradient-from: #917100;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#B9B9B9\] {
    --tw-gradient-from: #B9B9B9;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#DA4E24\] {
    --tw-gradient-from: #DA4E24;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#DA4E24\]\/\[0\.04\] {
    --tw-gradient-from: color-mix(in oklab, #DA4E24 4%, 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-\[\#E5F8F0\] {
    --tw-gradient-from: #E5F8F0;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#E8E7F0\] {
    --tw-gradient-from: #E8E7F0;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#EDC5A1\] {
    --tw-gradient-from: #EDC5A1;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#F08D8F\] {
    --tw-gradient-from: #F08D8F;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#FAFAFA\] {
    --tw-gradient-from: #FAFAFA;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#FFDEDE\] {
    --tw-gradient-from: #FFDEDE;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#FFE3C9\] {
    --tw-gradient-from: #FFE3C9;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#FFEBA1\] {
    --tw-gradient-from: #FFEBA1;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#FFFDDD\] {
    --tw-gradient-from: #FFFDDD;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#ffaa40\] {
    --tw-gradient-from: #ffaa40;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#ffaa40\]\/50 {
    --tw-gradient-from: color-mix(in oklab, #ffaa40 50%, 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-\[hsl\(var\(--background\)\)\] {
    --tw-gradient-from: hsl(var(--background));
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent {
    --tw-gradient-from: var(--accent);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-amber-50 {
    --tw-gradient-from: var(--color-amber-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-amber-500 {
    --tw-gradient-from: var(--color-amber-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-amber-500\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-amber-500) 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-amber-500\/\[0\.15\] {
    --tw-gradient-from: color-mix(in srgb, oklch(76.9% 0.188 70.08) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-amber-500) 15%, 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-amber-600 {
    --tw-gradient-from: var(--color-amber-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-amber-700 {
    --tw-gradient-from: var(--color-amber-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-amber-700\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(55.5% 0.163 48.998) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-amber-700) 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-amber-800 {
    --tw-gradient-from: var(--color-amber-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-amber-900 {
    --tw-gradient-from: var(--color-amber-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-amber-950 {
    --tw-gradient-from: var(--color-amber-950);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-background {
    --tw-gradient-from: var(--background);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-background\/10 {
    --tw-gradient-from: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--background) 10%, 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-background\/20 {
    --tw-gradient-from: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--background) 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-background\/35 {
    --tw-gradient-from: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--background) 35%, 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-background\/40 {
    --tw-gradient-from: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--background) 40%, 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-background\/80 {
    --tw-gradient-from: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--background) 80%, 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-black {
    --tw-gradient-from: var(--color-black);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-black\/0 {
    --tw-gradient-from: color-mix(in srgb, #000 0%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 0%, 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-black\/10 {
    --tw-gradient-from: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 10%, 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-black\/15 {
    --tw-gradient-from: color-mix(in srgb, #000 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 15%, 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-black\/20 {
    --tw-gradient-from: color-mix(in srgb, #000 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 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-black\/30 {
    --tw-gradient-from: color-mix(in srgb, #000 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 30%, 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-black\/40 {
    --tw-gradient-from: color-mix(in srgb, #000 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 40%, 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-black\/50 {
    --tw-gradient-from: color-mix(in srgb, #000 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 50%, 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-black\/55 {
    --tw-gradient-from: color-mix(in srgb, #000 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 55%, 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-black\/60 {
    --tw-gradient-from: color-mix(in srgb, #000 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 60%, 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-black\/65 {
    --tw-gradient-from: color-mix(in srgb, #000 65%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 65%, 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-black\/70 {
    --tw-gradient-from: color-mix(in srgb, #000 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 70%, 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-black\/80 {
    --tw-gradient-from: color-mix(in srgb, #000 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 80%, 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-black\/85 {
    --tw-gradient-from: color-mix(in srgb, #000 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 85%, 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-black\/90 {
    --tw-gradient-from: color-mix(in srgb, #000 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 90%, 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-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-blue-50\/60 {
    --tw-gradient-from: color-mix(in srgb, oklch(97% 0.014 254.604) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-blue-50) 60%, 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-blue-200 {
    --tw-gradient-from: var(--color-blue-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-blue-400 {
    --tw-gradient-from: var(--color-blue-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-blue-500 {
    --tw-gradient-from: var(--color-blue-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-blue-500\/10 {
    --tw-gradient-from: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-blue-500) 10%, 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-blue-500\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-blue-500) 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-blue-600 {
    --tw-gradient-from: var(--color-blue-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-blue-900\/40 {
    --tw-gradient-from: color-mix(in srgb, oklch(37.9% 0.146 265.522) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-blue-900) 40%, 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-border {
    --tw-gradient-from: var(--border);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-card {
    --tw-gradient-from: var(--card);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-card\/5 {
    --tw-gradient-from: var(--card);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--card) 5%, 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-card\/70 {
    --tw-gradient-from: var(--card);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--card) 70%, 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-card\/90 {
    --tw-gradient-from: var(--card);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--card) 90%, 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-cyan-300 {
    --tw-gradient-from: var(--color-cyan-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-cyan-400 {
    --tw-gradient-from: var(--color-cyan-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-cyan-500 {
    --tw-gradient-from: var(--color-cyan-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-cyan-500\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(71.5% 0.143 215.221) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-cyan-500) 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-cyan-500\/\[0\.15\] {
    --tw-gradient-from: color-mix(in srgb, oklch(71.5% 0.143 215.221) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-cyan-500) 15%, 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-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-emerald-50 {
    --tw-gradient-from: var(--color-emerald-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-emerald-200 {
    --tw-gradient-from: var(--color-emerald-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-emerald-300 {
    --tw-gradient-from: var(--color-emerald-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-emerald-400 {
    --tw-gradient-from: var(--color-emerald-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-emerald-400\/0 {
    --tw-gradient-from: color-mix(in srgb, oklch(76.5% 0.177 163.223) 0%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-emerald-400) 0%, 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-emerald-400\/\[0\.04\] {
    --tw-gradient-from: color-mix(in srgb, oklch(76.5% 0.177 163.223) 4%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-emerald-400) 4%, 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-emerald-500 {
    --tw-gradient-from: var(--color-emerald-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-emerald-500\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-emerald-500) 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-emerald-500\/50 {
    --tw-gradient-from: color-mix(in srgb, oklch(69.6% 0.17 162.48) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-emerald-500) 50%, 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-emerald-600 {
    --tw-gradient-from: var(--color-emerald-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-emerald-900 {
    --tw-gradient-from: var(--color-emerald-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-foreground {
    --tw-gradient-from: var(--foreground);
    --tw-gradient-stops: var(--tw-gradient-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-foreground\/5 {
    --tw-gradient-from: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--foreground) 5%, 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-foreground\/10 {
    --tw-gradient-from: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--foreground) 10%, 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-foreground\/15 {
    --tw-gradient-from: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--foreground) 15%, 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-foreground\/20 {
    --tw-gradient-from: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--foreground) 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-foreground\/90 {
    --tw-gradient-from: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--foreground) 90%, 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-foreground\/\[0\.05\] {
    --tw-gradient-from: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--foreground) 5%, 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-foreground\/\[0\.06\] {
    --tw-gradient-from: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--foreground) 6%, 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-fuchsia-400 {
    --tw-gradient-from: var(--color-fuchsia-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-fuchsia-500 {
    --tw-gradient-from: var(--color-fuchsia-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-fuchsia-900 {
    --tw-gradient-from: var(--color-fuchsia-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-gray-50 {
    --tw-gradient-from: 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));
  }
  .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-100\/80 {
    --tw-gradient-from: color-mix(in srgb, oklch(96.7% 0.003 264.542) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-gray-100) 80%, 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-gray-400 {
    --tw-gradient-from: var(--color-gray-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-gray-600 {
    --tw-gradient-from: var(--color-gray-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-gray-700 {
    --tw-gradient-from: var(--color-gray-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .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-green-400 {
    --tw-gradient-from: var(--color-green-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-green-500 {
    --tw-gradient-from: var(--color-green-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-green-600 {
    --tw-gradient-from: var(--color-green-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-indigo-50 {
    --tw-gradient-from: var(--color-indigo-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-indigo-200 {
    --tw-gradient-from: var(--color-indigo-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-indigo-300 {
    --tw-gradient-from: 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));
  }
  .from-indigo-300\/90 {
    --tw-gradient-from: color-mix(in srgb, oklch(78.5% 0.115 274.713) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-indigo-300) 90%, 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-indigo-400 {
    --tw-gradient-from: var(--color-indigo-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-indigo-400\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(67.3% 0.182 276.935) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-indigo-400) 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-indigo-500 {
    --tw-gradient-from: var(--color-indigo-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-indigo-500\/5 {
    --tw-gradient-from: color-mix(in srgb, oklch(58.5% 0.233 277.117) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-indigo-500) 5%, 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-indigo-500\/40 {
    --tw-gradient-from: color-mix(in srgb, oklch(58.5% 0.233 277.117) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-indigo-500) 40%, 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-indigo-500\/50 {
    --tw-gradient-from: color-mix(in srgb, oklch(58.5% 0.233 277.117) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-indigo-500) 50%, 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-indigo-500\/80 {
    --tw-gradient-from: color-mix(in srgb, oklch(58.5% 0.233 277.117) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-indigo-500) 80%, 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-indigo-500\/\[0\.05\] {
    --tw-gradient-from: color-mix(in srgb, oklch(58.5% 0.233 277.117) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-indigo-500) 5%, 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-indigo-500\/\[0\.15\] {
    --tw-gradient-from: color-mix(in srgb, oklch(58.5% 0.233 277.117) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-indigo-500) 15%, 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-indigo-600 {
    --tw-gradient-from: 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));
  }
  .from-indigo-700 {
    --tw-gradient-from: 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));
  }
  .from-indigo-800\/30 {
    --tw-gradient-from: color-mix(in srgb, oklch(39.8% 0.195 277.366) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-indigo-800) 30%, 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-indigo-950 {
    --tw-gradient-from: var(--color-indigo-950);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-indigo-950\/80 {
    --tw-gradient-from: color-mix(in srgb, oklch(25.7% 0.09 281.288) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-indigo-950) 80%, 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-lime-100\/80 {
    --tw-gradient-from: color-mix(in srgb, oklch(96.7% 0.067 122.328) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-lime-100) 80%, 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-muted {
    --tw-gradient-from: var(--muted);
    --tw-gradient-stops: var(--tw-gradient-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-muted-foreground\/5 {
    --tw-gradient-from: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--muted-foreground) 5%, 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-muted\/20 {
    --tw-gradient-from: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--muted) 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-neutral-50 {
    --tw-gradient-from: var(--color-neutral-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-neutral-100 {
    --tw-gradient-from: var(--color-neutral-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-neutral-100\/80 {
    --tw-gradient-from: color-mix(in srgb, oklch(97% 0 0) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-neutral-100) 80%, 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-neutral-200 {
    --tw-gradient-from: var(--color-neutral-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-neutral-300 {
    --tw-gradient-from: var(--color-neutral-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-neutral-500 {
    --tw-gradient-from: var(--color-neutral-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-neutral-700 {
    --tw-gradient-from: var(--color-neutral-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-neutral-800 {
    --tw-gradient-from: var(--color-neutral-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-neutral-900 {
    --tw-gradient-from: var(--color-neutral-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-neutral-900\/80 {
    --tw-gradient-from: color-mix(in srgb, oklch(20.5% 0 0) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-neutral-900) 80%, 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-neutral-900\/90 {
    --tw-gradient-from: color-mix(in srgb, oklch(20.5% 0 0) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-neutral-900) 90%, 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-neutral-950 {
    --tw-gradient-from: var(--color-neutral-950);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-neutral-950\/70 {
    --tw-gradient-from: color-mix(in srgb, oklch(14.5% 0 0) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-neutral-950) 70%, 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-neutral-950\/80 {
    --tw-gradient-from: color-mix(in srgb, oklch(14.5% 0 0) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-neutral-950) 80%, 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-900\/10 {
    --tw-gradient-from: color-mix(in srgb, oklch(40.8% 0.123 38.172) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-orange-900) 10%, 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-pink-500 {
    --tw-gradient-from: var(--color-pink-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-primary {
    --tw-gradient-from: var(--primary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-primary\/5 {
    --tw-gradient-from: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--primary) 5%, 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-primary\/20 {
    --tw-gradient-from: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--primary) 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-primary\/30 {
    --tw-gradient-from: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--primary) 30%, 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-primary\/50 {
    --tw-gradient-from: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--primary) 50%, 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-primary\/80 {
    --tw-gradient-from: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--primary) 80%, 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-primary\/90 {
    --tw-gradient-from: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--primary) 90%, 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-purple-100 {
    --tw-gradient-from: var(--color-purple-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-purple-300\/30 {
    --tw-gradient-from: color-mix(in srgb, oklch(82.7% 0.119 306.383) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-purple-300) 30%, 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-purple-500 {
    --tw-gradient-from: var(--color-purple-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-red-300\/90 {
    --tw-gradient-from: color-mix(in srgb, oklch(80.8% 0.114 19.571) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-red-300) 90%, 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-red-400\/60 {
    --tw-gradient-from: color-mix(in srgb, oklch(70.4% 0.191 22.216) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-red-400) 60%, 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-red-500 {
    --tw-gradient-from: var(--color-red-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-rose-400 {
    --tw-gradient-from: var(--color-rose-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-rose-500 {
    --tw-gradient-from: var(--color-rose-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-rose-500\/\[0\.15\] {
    --tw-gradient-from: color-mix(in srgb, oklch(64.5% 0.246 16.439) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-rose-500) 15%, 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-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-secondary {
    --tw-gradient-from: var(--secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-sky-50 {
    --tw-gradient-from: var(--color-sky-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-sky-100 {
    --tw-gradient-from: var(--color-sky-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-sky-200 {
    --tw-gradient-from: var(--color-sky-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-sky-400 {
    --tw-gradient-from: var(--color-sky-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-sky-500 {
    --tw-gradient-from: var(--color-sky-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-sky-500\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(68.5% 0.169 237.323) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-sky-500) 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-slate-50 {
    --tw-gradient-from: var(--color-slate-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-slate-100 {
    --tw-gradient-from: var(--color-slate-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-slate-300 {
    --tw-gradient-from: var(--color-slate-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-slate-400\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(70.4% 0.04 256.788) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-slate-400) 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-slate-500 {
    --tw-gradient-from: var(--color-slate-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-slate-700\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(37.2% 0.044 257.287) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-slate-700) 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-slate-800 {
    --tw-gradient-from: var(--color-slate-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-slate-900 {
    --tw-gradient-from: var(--color-slate-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-slate-950 {
    --tw-gradient-from: var(--color-slate-950);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-slate-950\/40 {
    --tw-gradient-from: color-mix(in srgb, oklch(12.9% 0.042 264.695) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-slate-950) 40%, 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-stone-700 {
    --tw-gradient-from: var(--color-stone-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-stone-900 {
    --tw-gradient-from: var(--color-stone-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-stone-950 {
    --tw-gradient-from: var(--color-stone-950);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-teal-400 {
    --tw-gradient-from: var(--color-teal-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-transparent {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-violet-300 {
    --tw-gradient-from: var(--color-violet-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-violet-400 {
    --tw-gradient-from: var(--color-violet-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-violet-500 {
    --tw-gradient-from: var(--color-violet-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-violet-500\/\[0\.15\] {
    --tw-gradient-from: color-mix(in srgb, oklch(60.6% 0.25 292.717) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-violet-500) 15%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-violet-600 {
    --tw-gradient-from: var(--color-violet-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-violet-600\/40 {
    --tw-gradient-from: color-mix(in srgb, oklch(54.1% 0.281 293.009) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-violet-600) 40%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-violet-700\/60 {
    --tw-gradient-from: color-mix(in srgb, oklch(49.1% 0.27 292.581) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-violet-700) 60%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-violet-950\/60 {
    --tw-gradient-from: color-mix(in srgb, oklch(28.3% 0.141 291.089) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-violet-950) 60%, 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));
  }
  .from-white\/10 {
    --tw-gradient-from: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-white) 10%, 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\/20 {
    --tw-gradient-from: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-white) 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-white\/30 {
    --tw-gradient-from: color-mix(in srgb, #fff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-white) 30%, 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\/50 {
    --tw-gradient-from: color-mix(in srgb, #fff 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-white) 50%, 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\/\[0\.1\] {
    --tw-gradient-from: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-white) 10%, 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\/\[0\.02\] {
    --tw-gradient-from: color-mix(in srgb, #fff 2%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-white) 2%, 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\/\[0\.04\] {
    --tw-gradient-from: color-mix(in srgb, #fff 4%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-white) 4%, 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\/\[0\.05\] {
    --tw-gradient-from: color-mix(in srgb, #fff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-white) 5%, 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\/\[0\.06\] {
    --tw-gradient-from: color-mix(in srgb, #fff 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-white) 6%, 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\/\[0\.07\] {
    --tw-gradient-from: color-mix(in srgb, #fff 7.000000000000001%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-white) 7.000000000000001%, 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\/\[0\.08\] {
    --tw-gradient-from: color-mix(in srgb, #fff 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-white) 8%, 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\/\[0\.10\] {
    --tw-gradient-from: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-white) 10%, 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\/\[0\.12\] {
    --tw-gradient-from: color-mix(in srgb, #fff 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-white) 12%, 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\/\[0\.14\] {
    --tw-gradient-from: color-mix(in srgb, #fff 14.000000000000002%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-white) 14.000000000000002%, 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\/\[0\.025\] {
    --tw-gradient-from: color-mix(in srgb, #fff 2.5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-white) 2.5%, 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-yellow-300 {
    --tw-gradient-from: var(--color-yellow-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-yellow-400 {
    --tw-gradient-from: var(--color-yellow-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-zinc-50 {
    --tw-gradient-from: var(--color-zinc-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-zinc-100 {
    --tw-gradient-from: var(--color-zinc-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-zinc-200 {
    --tw-gradient-from: var(--color-zinc-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-zinc-800 {
    --tw-gradient-from: var(--color-zinc-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-zinc-900 {
    --tw-gradient-from: var(--color-zinc-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-zinc-950 {
    --tw-gradient-from: var(--color-zinc-950);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-0\% {
    --tw-gradient-from-position: 0%;
  }
  .from-20\% {
    --tw-gradient-from-position: 20%;
  }
  .from-30\% {
    --tw-gradient-from-position: 30%;
  }
  .from-35\% {
    --tw-gradient-from-position: 35%;
  }
  .from-40\% {
    --tw-gradient-from-position: 40%;
  }
  .from-50\% {
    --tw-gradient-from-position: 50%;
  }
  .from-\[2px\] {
    --tw-gradient-from-position: 2px;
  }
  .via-\[\#0b1533\] {
    --tw-gradient-via: #0b1533;
    --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-\[\#0f172a\] {
    --tw-gradient-via: #0f172a;
    --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-\[\#1a1a1a\]\/70 {
    --tw-gradient-via: color-mix(in oklab, #1a1a1a 70%, 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-\[\#3E3E3E\] {
    --tw-gradient-via: #3E3E3E;
    --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-\[\#5F2D01\] {
    --tw-gradient-via: #5F2D01;
    --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-\[\#9b87f5\]\/70 {
    --tw-gradient-via: color-mix(in oklab, #9b87f5 70%, 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-\[\#9c40ff\] {
    --tw-gradient-via: #9c40ff;
    --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-\[\#9c40ff\]\/50 {
    --tw-gradient-via: color-mix(in oklab, #9c40ff 50%, 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-\[\#130e08\] {
    --tw-gradient-via: #130e08;
    --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-\[\#00352F\] {
    --tw-gradient-via: #00352F;
    --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-\[\#05060c\] {
    --tw-gradient-via: #05060c;
    --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-\[\#680002\] {
    --tw-gradient-via: #680002;
    --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-\[\#856807\] {
    --tw-gradient-via: #856807;
    --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-\[hsl\(var\(--background\)\)\/70\] {
    --tw-gradient-via: hsl(var(--background))/70;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-amber-700 {
    --tw-gradient-via: var(--color-amber-700);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-amber-800\/20 {
    --tw-gradient-via: color-mix(in srgb, oklch(47.3% 0.137 46.201) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-amber-800) 20%, 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-amber-950\/60 {
    --tw-gradient-via: color-mix(in srgb, oklch(27.9% 0.077 45.635) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-amber-950) 60%, 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-background {
    --tw-gradient-via: var(--background);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-background\/50 {
    --tw-gradient-via: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--background) 50%, 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-background\/70 {
    --tw-gradient-via: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--background) 70%, 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-background\/80 {
    --tw-gradient-via: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--background) 80%, 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-background\/90 {
    --tw-gradient-via: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--background) 90%, 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-background\/95 {
    --tw-gradient-via: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--background) 95%, 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-black {
    --tw-gradient-via: var(--color-black);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-black\/10 {
    --tw-gradient-via: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-black) 10%, 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-black\/20 {
    --tw-gradient-via: color-mix(in srgb, #000 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-black) 20%, 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-black\/25 {
    --tw-gradient-via: color-mix(in srgb, #000 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-black) 25%, 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-black\/30 {
    --tw-gradient-via: color-mix(in srgb, #000 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-black) 30%, 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-black\/40 {
    --tw-gradient-via: color-mix(in srgb, #000 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-black) 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-black\/45 {
    --tw-gradient-via: color-mix(in srgb, #000 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-black) 45%, 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-black\/50 {
    --tw-gradient-via: color-mix(in srgb, #000 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-black) 50%, 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-black\/55 {
    --tw-gradient-via: color-mix(in srgb, #000 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-black) 55%, 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-black\/60 {
    --tw-gradient-via: color-mix(in srgb, #000 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-black) 60%, 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-black\/70 {
    --tw-gradient-via: color-mix(in srgb, #000 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-black) 70%, 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-black\/80 {
    --tw-gradient-via: color-mix(in srgb, #000 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-black) 80%, 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-blue-300\/30 {
    --tw-gradient-via: color-mix(in srgb, oklch(80.9% 0.105 251.813) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-blue-300) 30%, 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-blue-500 {
    --tw-gradient-via: var(--color-blue-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-blue-600 {
    --tw-gradient-via: var(--color-blue-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-blue-900 {
    --tw-gradient-via: var(--color-blue-900);
    --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-border {
    --tw-gradient-via: var(--border);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-card {
    --tw-gradient-via: var(--card);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-cyan-300 {
    --tw-gradient-via: var(--color-cyan-300);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-cyan-400\/50 {
    --tw-gradient-via: color-mix(in srgb, oklch(78.9% 0.154 211.53) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-cyan-400) 50%, 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-cyan-500 {
    --tw-gradient-via: var(--color-cyan-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-cyan-500\/5 {
    --tw-gradient-via: color-mix(in srgb, oklch(71.5% 0.143 215.221) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-cyan-500) 5%, 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-emerald-400 {
    --tw-gradient-via: var(--color-emerald-400);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-emerald-400\/30 {
    --tw-gradient-via: color-mix(in srgb, oklch(76.5% 0.177 163.223) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-emerald-400) 30%, 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-emerald-400\/90 {
    --tw-gradient-via: color-mix(in srgb, oklch(76.5% 0.177 163.223) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-emerald-400) 90%, 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-emerald-500 {
    --tw-gradient-via: var(--color-emerald-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-foreground {
    --tw-gradient-via: var(--foreground);
    --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-foreground\/5 {
    --tw-gradient-via: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--foreground) 5%, 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-foreground\/10 {
    --tw-gradient-via: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--foreground) 10%, 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-foreground\/70 {
    --tw-gradient-via: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--foreground) 70%, 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-foreground\/90 {
    --tw-gradient-via: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--foreground) 90%, 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-fuchsia-200 {
    --tw-gradient-via: var(--color-fuchsia-200);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-fuchsia-400 {
    --tw-gradient-via: var(--color-fuchsia-400);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-fuchsia-500 {
    --tw-gradient-via: var(--color-fuchsia-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-fuchsia-600\/30 {
    --tw-gradient-via: color-mix(in srgb, oklch(59.1% 0.293 322.896) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-fuchsia-600) 30%, 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-gray-300 {
    --tw-gradient-via: var(--color-gray-300);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-gray-800 {
    --tw-gradient-via: var(--color-gray-800);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-gray-900 {
    --tw-gradient-via: var(--color-gray-900);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-green-500 {
    --tw-gradient-via: var(--color-green-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-indigo-100 {
    --tw-gradient-via: var(--color-indigo-100);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-indigo-300\/10 {
    --tw-gradient-via: color-mix(in srgb, oklch(78.5% 0.115 274.713) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-indigo-300) 10%, 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-indigo-300\/40 {
    --tw-gradient-via: color-mix(in srgb, oklch(78.5% 0.115 274.713) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-indigo-300) 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-indigo-400 {
    --tw-gradient-via: var(--color-indigo-400);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-indigo-400\/40 {
    --tw-gradient-via: color-mix(in srgb, oklch(67.3% 0.182 276.935) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-indigo-400) 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-indigo-500 {
    --tw-gradient-via: var(--color-indigo-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-indigo-950 {
    --tw-gradient-via: var(--color-indigo-950);
    --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-input {
    --tw-gradient-via: var(--input);
    --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-muted {
    --tw-gradient-via: var(--muted);
    --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-muted-foreground {
    --tw-gradient-via: var(--muted-foreground);
    --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-muted-foreground\/5 {
    --tw-gradient-via: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--muted-foreground) 5%, 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-muted\/40 {
    --tw-gradient-via: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--muted) 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-neutral-100 {
    --tw-gradient-via: var(--color-neutral-100);
    --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-neutral-800 {
    --tw-gradient-via: var(--color-neutral-800);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-neutral-900 {
    --tw-gradient-via: var(--color-neutral-900);
    --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-neutral-950 {
    --tw-gradient-via: var(--color-neutral-950);
    --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-neutral-950\/40 {
    --tw-gradient-via: color-mix(in srgb, oklch(14.5% 0 0) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-neutral-950) 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-neutral-950\/50 {
    --tw-gradient-via: color-mix(in srgb, oklch(14.5% 0 0) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-neutral-950) 50%, 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-neutral-950\/70 {
    --tw-gradient-via: color-mix(in srgb, oklch(14.5% 0 0) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-neutral-950) 70%, 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-neutral-950\/95 {
    --tw-gradient-via: color-mix(in srgb, oklch(14.5% 0 0) 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-neutral-950) 95%, 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-orange-50 {
    --tw-gradient-via: var(--color-orange-50);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-orange-500 {
    --tw-gradient-via: var(--color-orange-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-pink-200 {
    --tw-gradient-via: var(--color-pink-200);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-pink-500 {
    --tw-gradient-via: var(--color-pink-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-primary {
    --tw-gradient-via: var(--primary);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-primary\/25 {
    --tw-gradient-via: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--primary) 25%, 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-primary\/80 {
    --tw-gradient-via: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--primary) 80%, 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-primary\/85 {
    --tw-gradient-via: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--primary) 85%, 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-primary\/90 {
    --tw-gradient-via: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--primary) 90%, 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-purple-50 {
    --tw-gradient-via: var(--color-purple-50);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-purple-500 {
    --tw-gradient-via: var(--color-purple-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-purple-500\/10 {
    --tw-gradient-via: color-mix(in srgb, oklch(62.7% 0.265 303.9) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-purple-500) 10%, 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-purple-600 {
    --tw-gradient-via: var(--color-purple-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-purple-700 {
    --tw-gradient-via: var(--color-purple-700);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-purple-900 {
    --tw-gradient-via: var(--color-purple-900);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-purple-900\/30 {
    --tw-gradient-via: color-mix(in srgb, oklch(38.1% 0.176 304.987) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-purple-900) 30%, 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-red-400\/80 {
    --tw-gradient-via: color-mix(in srgb, oklch(70.4% 0.191 22.216) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-red-400) 80%, 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-red-500 {
    --tw-gradient-via: var(--color-red-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-red-500\/10 {
    --tw-gradient-via: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-red-500) 10%, 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-400 {
    --tw-gradient-via: var(--color-rose-400);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-secondary {
    --tw-gradient-via: var(--secondary);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-sky-600 {
    --tw-gradient-via: var(--color-sky-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-slate-800 {
    --tw-gradient-via: var(--color-slate-800);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-slate-900 {
    --tw-gradient-via: var(--color-slate-900);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-slate-950 {
    --tw-gradient-via: var(--color-slate-950);
    --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-stone-800 {
    --tw-gradient-via: var(--color-stone-800);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-stone-900 {
    --tw-gradient-via: var(--color-stone-900);
    --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-stone-900\/95 {
    --tw-gradient-via: color-mix(in srgb, oklch(21.6% 0.006 56.043) 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-stone-900) 95%, 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-stone-950 {
    --tw-gradient-via: var(--color-stone-950);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-teal-500 {
    --tw-gradient-via: var(--color-teal-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-transparent {
    --tw-gradient-via: transparent;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-violet-400 {
    --tw-gradient-via: var(--color-violet-400);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-violet-600 {
    --tw-gradient-via: var(--color-violet-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-violet-900\/30 {
    --tw-gradient-via: color-mix(in srgb, oklch(38% 0.189 293.745) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-violet-900) 30%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-white {
    --tw-gradient-via: var(--color-white);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-white\/5 {
    --tw-gradient-via: color-mix(in srgb, #fff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-white\/10 {
    --tw-gradient-via: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-white\/15 {
    --tw-gradient-via: color-mix(in srgb, #fff 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-white\/20 {
    --tw-gradient-via: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-white\/30 {
    --tw-gradient-via: color-mix(in srgb, #fff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-white\/60 {
    --tw-gradient-via: color-mix(in srgb, #fff 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-white\/\[0\.02\] {
    --tw-gradient-via: color-mix(in srgb, #fff 2%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-white) 2%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-white\/\[0\.03\] {
    --tw-gradient-via: color-mix(in srgb, #fff 3%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-white) 3%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-white\/\[0\.07\] {
    --tw-gradient-via: color-mix(in srgb, #fff 7.000000000000001%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-white) 7.000000000000001%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-white\/\[0\.15\] {
    --tw-gradient-via: color-mix(in srgb, #fff 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-white\/\[0\.22\] {
    --tw-gradient-via: color-mix(in srgb, #fff 22%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-white) 22%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-white\/\[0\.025\] {
    --tw-gradient-via: color-mix(in srgb, #fff 2.5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-white) 2.5%, 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-yellow-500 {
    --tw-gradient-via: var(--color-yellow-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-zinc-200 {
    --tw-gradient-via: var(--color-zinc-200);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-zinc-800 {
    --tw-gradient-via: var(--color-zinc-800);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-zinc-900 {
    --tw-gradient-via: var(--color-zinc-900);
    --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-zinc-950\/60 {
    --tw-gradient-via: color-mix(in srgb, oklch(14.1% 0.005 285.823) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-zinc-950) 60%, 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-50\% {
    --tw-gradient-via-position: 50%;
  }
  .to-\[\#0a0a0a\] {
    --tw-gradient-to: #0a0a0a;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#0a0d18\] {
    --tw-gradient-to: #0a0d18;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#0a0705\] {
    --tw-gradient-to: #0a0705;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#0d0d0d\] {
    --tw-gradient-to: #0d0d0d;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#0f0f10\] {
    --tw-gradient-to: #0f0f10;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#3E8F7C\] {
    --tw-gradient-to: #3E8F7C;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#7CCB9B\] {
    --tw-gradient-to: #7CCB9B;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#9B873F\] {
    --tw-gradient-to: #9B873F;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#9c40ff\] {
    --tw-gradient-to: #9c40ff;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#39ff14\]\/30 {
    --tw-gradient-to: color-mix(in oklab, #39ff14 30%, transparent);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#03130c\] {
    --tw-gradient-to: #03130c;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#05091c\] {
    --tw-gradient-to: #05091c;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#030303\]\/80 {
    --tw-gradient-to: color-mix(in oklab, #030303 80%, transparent);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#121212\] {
    --tw-gradient-to: #121212;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#141414\] {
    --tw-gradient-to: #141414;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#141416\] {
    --tw-gradient-to: #141416;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#969696\] {
    --tw-gradient-to: #969696;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#A0A0A0\] {
    --tw-gradient-to: #A0A0A0;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#A36F3D\] {
    --tw-gradient-to: #A36F3D;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#A45253\] {
    --tw-gradient-to: #A45253;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#D1F0E6\] {
    --tw-gradient-to: #D1F0E6;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#DCDAE8\] {
    --tw-gradient-to: #DCDAE8;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#E5E5E5\] {
    --tw-gradient-to: #E5E5E5;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#E9B486\] {
    --tw-gradient-to: #E9B486;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#EAD98F\] {
    --tw-gradient-to: #EAD98F;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#FF8918\] {
    --tw-gradient-to: #FF8918;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#FFAEB0\] {
    --tw-gradient-to: #FFAEB0;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#FFDEC1\] {
    --tw-gradient-to: #FFDEC1;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#FFE9E9\] {
    --tw-gradient-to: #FFE9E9;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#FFF1B3\] {
    --tw-gradient-to: #FFF1B3;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#ffaa40\] {
    --tw-gradient-to: #ffaa40;
    --tw-gradient-stops: var(--tw-gradient-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-\[\#ffaa40\]\/50 {
    --tw-gradient-to: color-mix(in oklab, #ffaa40 50%, transparent);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-accent\/90 {
    --tw-gradient-to: var(--accent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--accent) 90%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-amber-500\/5 {
    --tw-gradient-to: color-mix(in srgb, oklch(76.9% 0.188 70.08) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-amber-500) 5%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-amber-700\/5 {
    --tw-gradient-to: color-mix(in srgb, oklch(55.5% 0.163 48.998) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-amber-700) 5%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-amber-800 {
    --tw-gradient-to: var(--color-amber-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-amber-900 {
    --tw-gradient-to: var(--color-amber-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-background {
    --tw-gradient-to: var(--background);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-background\/10 {
    --tw-gradient-to: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--background) 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-background\/40 {
    --tw-gradient-to: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--background) 40%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-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-black\/10 {
    --tw-gradient-to: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-black\/20 {
    --tw-gradient-to: color-mix(in srgb, #000 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-black) 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));
  }
  .to-black\/40 {
    --tw-gradient-to: color-mix(in srgb, #000 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-black\/45 {
    --tw-gradient-to: color-mix(in srgb, #000 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-black) 45%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-black\/60 {
    --tw-gradient-to: color-mix(in srgb, #000 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-black\/70 {
    --tw-gradient-to: color-mix(in srgb, #000 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-black) 70%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-black\/80 {
    --tw-gradient-to: color-mix(in srgb, #000 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-blue-100 {
    --tw-gradient-to: var(--color-blue-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));
  }
  .to-blue-400 {
    --tw-gradient-to: var(--color-blue-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-blue-500 {
    --tw-gradient-to: var(--color-blue-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-blue-600 {
    --tw-gradient-to: var(--color-blue-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-blue-700 {
    --tw-gradient-to: var(--color-blue-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-blue-800 {
    --tw-gradient-to: var(--color-blue-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-blue-950 {
    --tw-gradient-to: var(--color-blue-950);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-border {
    --tw-gradient-to: var(--border);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-card {
    --tw-gradient-to: var(--card);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-card\/60 {
    --tw-gradient-to: var(--card);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--card) 60%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-card\/90 {
    --tw-gradient-to: var(--card);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--card) 90%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-card\/\[0\.02\] {
    --tw-gradient-to: var(--card);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--card) 2%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-cyan-300 {
    --tw-gradient-to: var(--color-cyan-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-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-500 {
    --tw-gradient-to: var(--color-cyan-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-cyan-500\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(71.5% 0.143 215.221) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-cyan-500) 40%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-emerald-100\/80 {
    --tw-gradient-to: color-mix(in srgb, oklch(95% 0.052 163.051) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-emerald-100) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-emerald-300 {
    --tw-gradient-to: var(--color-emerald-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-emerald-400 {
    --tw-gradient-to: var(--color-emerald-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-emerald-400\/0 {
    --tw-gradient-to: color-mix(in srgb, oklch(76.5% 0.177 163.223) 0%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-emerald-400) 0%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-emerald-500 {
    --tw-gradient-to: var(--color-emerald-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-emerald-600\/5 {
    --tw-gradient-to: color-mix(in srgb, oklch(59.6% 0.145 163.225) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-emerald-600) 5%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-emerald-800 {
    --tw-gradient-to: var(--color-emerald-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-emerald-900 {
    --tw-gradient-to: var(--color-emerald-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-foreground {
    --tw-gradient-to: var(--foreground);
    --tw-gradient-stops: var(--tw-gradient-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-foreground\/10 {
    --tw-gradient-to: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-foreground\/40 {
    --tw-gradient-to: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--foreground) 40%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-foreground\/50 {
    --tw-gradient-to: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--foreground) 50%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-foreground\/60 {
    --tw-gradient-to: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--foreground) 60%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-foreground\/70 {
    --tw-gradient-to: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--foreground) 70%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-foreground\/80 {
    --tw-gradient-to: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--foreground) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-foreground\/\[0\.01\] {
    --tw-gradient-to: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--foreground) 1%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-fuchsia-500 {
    --tw-gradient-to: var(--color-fuchsia-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-fuchsia-500\/10 {
    --tw-gradient-to: color-mix(in srgb, oklch(66.7% 0.295 322.15) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-fuchsia-500) 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-fuchsia-500\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(66.7% 0.295 322.15) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-fuchsia-500) 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));
  }
  .to-fuchsia-600 {
    --tw-gradient-to: var(--color-fuchsia-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-fuchsia-700 {
    --tw-gradient-to: var(--color-fuchsia-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-fuchsia-950\/60 {
    --tw-gradient-to: color-mix(in srgb, oklch(29.3% 0.136 325.661) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-fuchsia-950) 60%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-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-gray-100 {
    --tw-gradient-to: 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));
  }
  .to-gray-200 {
    --tw-gradient-to: var(--color-gray-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));
  }
  .to-gray-200\/80 {
    --tw-gradient-to: color-mix(in srgb, oklch(92.8% 0.006 264.531) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-gray-200) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-gray-300 {
    --tw-gradient-to: var(--color-gray-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-gray-300\/80 {
    --tw-gradient-to: color-mix(in srgb, oklch(87.2% 0.01 258.338) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-gray-300) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-gray-600 {
    --tw-gradient-to: var(--color-gray-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-gray-700 {
    --tw-gradient-to: var(--color-gray-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-gray-800 {
    --tw-gradient-to: var(--color-gray-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-gray-900 {
    --tw-gradient-to: var(--color-gray-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-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-50 {
    --tw-gradient-to: var(--color-indigo-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-indigo-100 {
    --tw-gradient-to: var(--color-indigo-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));
  }
  .to-indigo-400 {
    --tw-gradient-to: var(--color-indigo-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-400\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(67.3% 0.182 276.935) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-indigo-400) 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));
  }
  .to-indigo-400\/30 {
    --tw-gradient-to: color-mix(in srgb, oklch(67.3% 0.182 276.935) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-indigo-400) 30%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-indigo-500 {
    --tw-gradient-to: var(--color-indigo-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-indigo-500\/60 {
    --tw-gradient-to: color-mix(in srgb, oklch(58.5% 0.233 277.117) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-indigo-500) 60%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-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-indigo-800 {
    --tw-gradient-to: var(--color-indigo-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-indigo-900 {
    --tw-gradient-to: var(--color-indigo-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-indigo-900\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(35.9% 0.144 278.697) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-indigo-900) 40%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-indigo-950 {
    --tw-gradient-to: var(--color-indigo-950);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-lime-400 {
    --tw-gradient-to: var(--color-lime-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-muted {
    --tw-gradient-to: var(--muted);
    --tw-gradient-stops: var(--tw-gradient-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-muted-foreground {
    --tw-gradient-to: var(--muted-foreground);
    --tw-gradient-stops: var(--tw-gradient-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-muted-foreground\/50 {
    --tw-gradient-to: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-muted\/20 {
    --tw-gradient-to: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--muted) 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));
  }
  .to-muted\/30 {
    --tw-gradient-to: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--muted) 30%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-muted\/40 {
    --tw-gradient-to: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--muted) 40%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-muted\/80 {
    --tw-gradient-to: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--muted) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-neutral-50 {
    --tw-gradient-to: var(--color-neutral-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-neutral-50\/50 {
    --tw-gradient-to: color-mix(in srgb, oklch(98.5% 0 0) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-neutral-50) 50%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-neutral-100 {
    --tw-gradient-to: var(--color-neutral-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));
  }
  .to-neutral-200 {
    --tw-gradient-to: var(--color-neutral-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));
  }
  .to-neutral-200\/50 {
    --tw-gradient-to: color-mix(in srgb, oklch(92.2% 0 0) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-neutral-200) 50%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-neutral-300 {
    --tw-gradient-to: var(--color-neutral-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-neutral-400 {
    --tw-gradient-to: var(--color-neutral-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-neutral-500 {
    --tw-gradient-to: var(--color-neutral-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-neutral-600 {
    --tw-gradient-to: var(--color-neutral-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-neutral-700 {
    --tw-gradient-to: var(--color-neutral-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-neutral-800 {
    --tw-gradient-to: var(--color-neutral-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-neutral-800\/90 {
    --tw-gradient-to: color-mix(in srgb, oklch(26.9% 0 0) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-neutral-800) 90%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-neutral-900 {
    --tw-gradient-to: var(--color-neutral-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-neutral-950 {
    --tw-gradient-to: var(--color-neutral-950);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-neutral-950\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(14.5% 0 0) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-neutral-950) 40%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-orange-400 {
    --tw-gradient-to: 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));
  }
  .to-orange-500 {
    --tw-gradient-to: var(--color-orange-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-orange-600 {
    --tw-gradient-to: var(--color-orange-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-orange-900 {
    --tw-gradient-to: var(--color-orange-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-pink-50 {
    --tw-gradient-to: var(--color-pink-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-pink-300\/30 {
    --tw-gradient-to: color-mix(in srgb, oklch(82.3% 0.12 346.018) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-pink-300) 30%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-pink-400 {
    --tw-gradient-to: var(--color-pink-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-pink-500 {
    --tw-gradient-to: var(--color-pink-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-pink-500\/10 {
    --tw-gradient-to: color-mix(in srgb, oklch(65.6% 0.241 354.308) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-pink-500) 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-pink-600 {
    --tw-gradient-to: var(--color-pink-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-primary {
    --tw-gradient-to: var(--primary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-primary\/10 {
    --tw-gradient-to: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--primary) 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-primary\/30 {
    --tw-gradient-to: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--primary) 30%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-primary\/40 {
    --tw-gradient-to: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--primary) 40%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-primary\/50 {
    --tw-gradient-to: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--primary) 50%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-primary\/60 {
    --tw-gradient-to: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--primary) 60%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-primary\/70 {
    --tw-gradient-to: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--primary) 70%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-primary\/80 {
    --tw-gradient-to: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--primary) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-primary\/85 {
    --tw-gradient-to: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--primary) 85%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-purple-100 {
    --tw-gradient-to: var(--color-purple-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));
  }
  .to-purple-500 {
    --tw-gradient-to: var(--color-purple-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-purple-600 {
    --tw-gradient-to: 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));
  }
  .to-purple-600\/10 {
    --tw-gradient-to: color-mix(in srgb, oklch(55.8% 0.288 302.321) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-purple-600) 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-purple-800 {
    --tw-gradient-to: 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));
  }
  .to-purple-950 {
    --tw-gradient-to: var(--color-purple-950);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-red-500 {
    --tw-gradient-to: var(--color-red-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-red-500\/60 {
    --tw-gradient-to: color-mix(in srgb, oklch(63.7% 0.237 25.331) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-red-500) 60%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-red-600 {
    --tw-gradient-to: var(--color-red-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-rose-50 {
    --tw-gradient-to: var(--color-rose-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-rose-500 {
    --tw-gradient-to: var(--color-rose-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-rose-500\/\[0\.05\] {
    --tw-gradient-to: color-mix(in srgb, oklch(64.5% 0.246 16.439) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-rose-500) 5%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-secondary {
    --tw-gradient-to: var(--secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-secondary\/5 {
    --tw-gradient-to: var(--secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--secondary) 5%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-secondary\/50 {
    --tw-gradient-to: var(--secondary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--secondary) 50%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-sky-200 {
    --tw-gradient-to: var(--color-sky-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));
  }
  .to-sky-400 {
    --tw-gradient-to: var(--color-sky-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-sky-500\/5 {
    --tw-gradient-to: color-mix(in srgb, oklch(68.5% 0.169 237.323) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-sky-500) 5%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-slate-100 {
    --tw-gradient-to: var(--color-slate-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));
  }
  .to-slate-200 {
    --tw-gradient-to: var(--color-slate-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));
  }
  .to-slate-300 {
    --tw-gradient-to: var(--color-slate-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-slate-400\/5 {
    --tw-gradient-to: color-mix(in srgb, oklch(70.4% 0.04 256.788) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-slate-400) 5%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-slate-500 {
    --tw-gradient-to: var(--color-slate-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-slate-600 {
    --tw-gradient-to: var(--color-slate-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-slate-700\/5 {
    --tw-gradient-to: color-mix(in srgb, oklch(37.2% 0.044 257.287) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-slate-700) 5%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-slate-800 {
    --tw-gradient-to: var(--color-slate-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-slate-900 {
    --tw-gradient-to: var(--color-slate-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-slate-950 {
    --tw-gradient-to: var(--color-slate-950);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-slate-950\/80 {
    --tw-gradient-to: color-mix(in srgb, oklch(12.9% 0.042 264.695) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-slate-950) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-stone-800 {
    --tw-gradient-to: var(--color-stone-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-stone-900 {
    --tw-gradient-to: var(--color-stone-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-stone-950 {
    --tw-gradient-to: var(--color-stone-950);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-teal-300 {
    --tw-gradient-to: var(--color-teal-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-teal-500 {
    --tw-gradient-to: var(--color-teal-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-teal-600 {
    --tw-gradient-to: var(--color-teal-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-teal-700 {
    --tw-gradient-to: var(--color-teal-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-teal-800 {
    --tw-gradient-to: var(--color-teal-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-teal-900 {
    --tw-gradient-to: var(--color-teal-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-violet-50 {
    --tw-gradient-to: var(--color-violet-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-violet-500 {
    --tw-gradient-to: var(--color-violet-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-violet-500\/80 {
    --tw-gradient-to: color-mix(in srgb, oklch(60.6% 0.25 292.717) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-violet-500) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-violet-700 {
    --tw-gradient-to: var(--color-violet-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-violet-800 {
    --tw-gradient-to: var(--color-violet-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-violet-950\/60 {
    --tw-gradient-to: color-mix(in srgb, oklch(28.3% 0.141 291.089) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-violet-950) 60%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-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));
  }
  .to-white\/5 {
    --tw-gradient-to: color-mix(in srgb, #fff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-white\/20 {
    --tw-gradient-to: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-white) 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));
  }
  .to-white\/30 {
    --tw-gradient-to: color-mix(in srgb, #fff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-white\/50 {
    --tw-gradient-to: color-mix(in srgb, #fff 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-white\/60 {
    --tw-gradient-to: color-mix(in srgb, #fff 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-white\/70 {
    --tw-gradient-to: color-mix(in srgb, #fff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-white\/\[0\.01\] {
    --tw-gradient-to: color-mix(in srgb, #fff 1%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-white) 1%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-white\/\[0\.02\] {
    --tw-gradient-to: color-mix(in srgb, #fff 2%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-white) 2%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-white\/\[0\.03\] {
    --tw-gradient-to: color-mix(in srgb, #fff 3%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-white) 3%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-white\/\[0\.04\] {
    --tw-gradient-to: color-mix(in srgb, #fff 4%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-white) 4%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-white\/\[0\.015\] {
    --tw-gradient-to: color-mix(in srgb, #fff 1.5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-white) 1.5%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-yellow-200 {
    --tw-gradient-to: var(--color-yellow-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));
  }
  .to-yellow-600 {
    --tw-gradient-to: var(--color-yellow-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-zinc-200 {
    --tw-gradient-to: var(--color-zinc-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));
  }
  .to-zinc-400 {
    --tw-gradient-to: var(--color-zinc-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-zinc-500 {
    --tw-gradient-to: var(--color-zinc-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-zinc-800 {
    --tw-gradient-to: var(--color-zinc-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-zinc-900 {
    --tw-gradient-to: var(--color-zinc-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-zinc-950 {
    --tw-gradient-to: var(--color-zinc-950);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-15\% {
    --tw-gradient-to-position: 15%;
  }
  .to-50\% {
    --tw-gradient-to-position: 50%;
  }
  .to-65\% {
    --tw-gradient-to-position: 65%;
  }
  .to-\[2px\] {
    --tw-gradient-to-position: 2px;
  }
  .mask-y-from-60\% {
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    mask-composite: intersect;
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
    --tw-mask-top: linear-gradient(to top, var(--tw-mask-top-from-color) var(--tw-mask-top-from-position), var(--tw-mask-top-to-color) var(--tw-mask-top-to-position));
    --tw-mask-top-from-position: 60%;
    --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color) var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to-position));
    --tw-mask-bottom-from-position: 60%;
  }
  .mask-t-from-30\% {
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    mask-composite: intersect;
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
    --tw-mask-top: linear-gradient(to top, var(--tw-mask-top-from-color) var(--tw-mask-top-from-position), var(--tw-mask-top-to-color) var(--tw-mask-top-to-position));
    --tw-mask-top-from-position: 30%;
  }
  .mask-t-from-\[calc\(100\%-min\(var\(--fade-size\)\,var\(--scroll-area-overflow-y-start\)\)\)\] {
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    mask-composite: intersect;
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
    --tw-mask-top: linear-gradient(to top, var(--tw-mask-top-from-color) var(--tw-mask-top-from-position), var(--tw-mask-top-to-color) var(--tw-mask-top-to-position));
    --tw-mask-top-from-position: calc(100% - min(var(--fade-size), var(--scroll-area-overflow-y-start)));
  }
  .mask-x-from-60\% {
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    mask-composite: intersect;
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
    --tw-mask-right: linear-gradient(to right, var(--tw-mask-right-from-color) var(--tw-mask-right-from-position), var(--tw-mask-right-to-color) var(--tw-mask-right-to-position));
    --tw-mask-right-from-position: 60%;
    --tw-mask-left: linear-gradient(to left, var(--tw-mask-left-from-color) var(--tw-mask-left-from-position), var(--tw-mask-left-to-color) var(--tw-mask-left-to-position));
    --tw-mask-left-from-position: 60%;
  }
  .mask-r-from-\[calc\(100\%-min\(var\(--fade-size\)\,var\(--scroll-area-overflow-x-end\)\)\)\] {
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    mask-composite: intersect;
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
    --tw-mask-right: linear-gradient(to right, var(--tw-mask-right-from-color) var(--tw-mask-right-from-position), var(--tw-mask-right-to-color) var(--tw-mask-right-to-position));
    --tw-mask-right-from-position: calc(100% - min(var(--fade-size), var(--scroll-area-overflow-x-end)));
  }
  .mask-b-from-50\% {
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    mask-composite: intersect;
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
    --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color) var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to-position));
    --tw-mask-bottom-from-position: 50%;
  }
  .mask-b-from-\[calc\(100\%-min\(var\(--fade-size\)\,var\(--scroll-area-overflow-y-end\)\)\)\] {
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    mask-composite: intersect;
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
    --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color) var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to-position));
    --tw-mask-bottom-from-position: calc(100% - min(var(--fade-size), var(--scroll-area-overflow-y-end)));
  }
  .mask-b-to-100\% {
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    mask-composite: intersect;
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
    --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color) var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to-position));
    --tw-mask-bottom-to-position: 100%;
  }
  .mask-l-from-\[calc\(100\%-min\(var\(--fade-size\)\,var\(--scroll-area-overflow-x-start\)\)\)\] {
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    mask-composite: intersect;
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
    --tw-mask-left: linear-gradient(to left, var(--tw-mask-left-from-color) var(--tw-mask-left-from-position), var(--tw-mask-left-to-color) var(--tw-mask-left-to-position));
    --tw-mask-left-from-position: calc(100% - min(var(--fade-size), var(--scroll-area-overflow-x-start)));
  }
  .\[mask-image\:linear-gradient\(to_bottom\,black\,transparent\)\] {
    mask-image: linear-gradient(to bottom,black,transparent);
  }
  .\[mask-image\:linear-gradient\(to_bottom\,transparent\,black_10\%\,black_90\%\,transparent\)\] {
    mask-image: linear-gradient(to bottom,transparent,black 10%,black 90%,transparent);
  }
  .\[mask-image\:linear-gradient\(to_bottom\,transparent\,white\,transparent\)\] {
    mask-image: linear-gradient(to bottom,transparent,white,transparent);
  }
  .\[mask-image\:linear-gradient\(to_left\,white\,transparent\)\] {
    mask-image: linear-gradient(to left,white,transparent);
  }
  .\[mask-image\:linear-gradient\(to_right\,black\,transparent\)\] {
    mask-image: linear-gradient(to right,black,transparent);
  }
  .\[mask-image\:linear-gradient\(to_right\,white\,transparent\)\] {
    mask-image: linear-gradient(to right,white,transparent);
  }
  .\[mask-image\:linear-gradient\(to_top\,white\,transparent\)\] {
    mask-image: linear-gradient(to top,white,transparent);
  }
  .\[mask-image\:linear-gradient\(transparent\,transparent\)\,linear-gradient\(\#000\,\#000\)\] {
    mask-image: linear-gradient(transparent,transparent),linear-gradient(#000,#000);
  }
  .\[mask-image\:radial-gradient\(200rem_24rem_at_center\,white\,transparent\)\] {
    mask-image: radial-gradient(200rem 24rem at center,white,transparent);
  }
  .\[mask-image\:radial-gradient\(420px_circle_at_center\,white\,transparent\)\] {
    mask-image: radial-gradient(420px circle at center,white,transparent);
  }
  .\[mask-image\:radial-gradient\(ellipse_50\%_50\%_at_50\%_50\%\,\#000_60\%\,transparent_100\%\)\] {
    mask-image: radial-gradient(ellipse 50% 50% at 50% 50%,#000 60%,transparent 100%);
  }
  .\[mask-image\:radial-gradient\(ellipse_80\%_50\%_at_50\%_0\%\,\#000_70\%\,transparent_110\%\)\] {
    mask-image: radial-gradient(ellipse 80% 50% at 50% 0%,#000 70%,transparent 110%);
  }
  .\[mask-image\:radial-gradient\(ellipse_at_100\%_0\%\,black_10\%\,var\(--transparent\)_70\%\)\] {
    mask-image: radial-gradient(ellipse at 100% 0%,black 10%,var(--transparent) 70%);
  }
  .\[mask-image\:radial-gradient\(transparent\,white\)\] {
    mask-image: radial-gradient(transparent,white);
  }
  .box-decoration-clone {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
  .\[background-size\:15px_15px\] {
    background-size: 15px 15px;
  }
  .\[background-size\:16px_16px\] {
    background-size: 16px 16px;
  }
  .\[background-size\:18px_18px\] {
    background-size: 18px 18px;
  }
  .\[background-size\:20px_20px\] {
    background-size: 20px 20px;
  }
  .\[background-size\:300\%\,_200\%\] {
    background-size: 300%, 200%;
  }
  .\[background-size\:var\(--shiny-width\)_100\%\] {
    background-size: var(--shiny-width) 100%;
  }
  .\[background-size\:var\(--swipe-button-text-width\)_100\%\] {
    background-size: var(--swipe-button-text-width) 100%;
  }
  .\[background-size\:var\(--width\)_var\(--height\)\] {
    background-size: var(--width) var(--height);
  }
  .bg-\[length\:6\.5rem_100\%\] {
    background-size: 6.5rem 100%;
  }
  .bg-\[length\:6px_6px\] {
    background-size: 6px 6px;
  }
  .bg-\[length\:8px_8px\] {
    background-size: 8px 8px;
  }
  .bg-\[length\:10px_10px\] {
    background-size: 10px 10px;
  }
  .bg-\[length\:12px_12px\] {
    background-size: 12px 12px;
  }
  .bg-\[length\:16px_16px\] {
    background-size: 16px 16px;
  }
  .bg-\[length\:100\%_4px\] {
    background-size: 100% 4px;
  }
  .bg-\[length\:100\%_100\%\] {
    background-size: 100% 100%;
  }
  .bg-\[length\:200\%\] {
    background-size: 200%;
  }
  .bg-\[length\:200\%_100\%\] {
    background-size: 200% 100%;
  }
  .bg-\[length\:250\%_100\%\,auto\] {
    background-size: 250% 100%,auto;
  }
  .bg-\[length\:300px_200px\] {
    background-size: 300px 200px;
  }
  .bg-\[length\:300px_300px\] {
    background-size: 300px 300px;
  }
  .bg-\[length\:var\(--bg-size\)_100\%\] {
    background-size: var(--bg-size) 100%;
  }
  .bg-\[size\:3rem_3rem\] {
    background-size: 3rem 3rem;
  }
  .bg-\[size\:6rem_4rem\] {
    background-size: 6rem 4rem;
  }
  .bg-\[size\:6rem_5rem\] {
    background-size: 6rem 5rem;
  }
  .bg-\[size\:10px_10px\] {
    background-size: 10px 10px;
  }
  .bg-\[size\:20px_20px\] {
    background-size: 20px 20px;
  }
  .bg-\[size\:24px_24px\] {
    background-size: 24px 24px;
  }
  .bg-\[size\:36px_36px\] {
    background-size: 36px 36px;
  }
  .bg-\[size\:40px_40px\] {
    background-size: 40px 40px;
  }
  .bg-cover {
    background-size: cover;
  }
  .bg-size-\[12px_100\%\] {
    background-size: 12px 100%;
  }
  .bg-size-\[200\%_100\%\] {
    background-size: 200% 100%;
  }
  .bg-size-\[200\%_auto\] {
    background-size: 200% auto;
  }
  .bg-size-\[280\%_auto\] {
    background-size: 280% auto;
  }
  .bg-fixed {
    background-attachment: fixed;
  }
  .bg-clip-padding {
    background-clip: padding-box;
  }
  .bg-clip-text {
    background-clip: text;
  }
  .\[background-position\:0_0\,0_100\%\,100\%_0\,100\%_100\%\,0_0\,100\%_0\,0_100\%\,100\%_100\%\] {
    background-position: 0 0,0 100%,100% 0,100% 100%,0 0,100% 0,0 100%,100% 100%;
  }
  .\[background-position\:0_0\] {
    background-position: 0 0;
  }
  .\[background-position\:50\%_50\%\,50\%_50\%\] {
    background-position: 50% 50%,50% 50%;
  }
  .bg-\[100\%_0\%\] {
    background-position: 100% 0%;
  }
  .bg-\[position\:0_0\,4px_4px\] {
    background-position: 0 0,4px 4px;
  }
  .bg-\[position\:0_0\,5px_5px\] {
    background-position: 0 0,5px 5px;
  }
  .bg-\[position\:0px_0px\] {
    background-position: 0px 0px;
  }
  .bg-center {
    background-position: center;
  }
  .bg-left-bottom {
    background-position: left bottom;
  }
  .\[background-repeat\:no-repeat\,padding-box\] {
    background-repeat: no-repeat,padding-box;
  }
  .\[background-repeat\:no-repeat\] {
    background-repeat: no-repeat;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .\!\[mask-composite\:intersect\] {
    mask-composite: intersect !important;
  }
  .\!\[mask-composite\:subtract\] {
    mask-composite: subtract !important;
  }
  .\[mask-composite\:exclude\] {
    mask-composite: exclude;
  }
  .\[mask-composite\:intersect\] {
    mask-composite: intersect;
  }
  .\!\[mask-clip\:padding-box\,border-box\] {
    mask-clip: padding-box,border-box !important;
  }
  .\[mask-clip\:padding-box\,border-box\] {
    mask-clip: padding-box,border-box;
  }
  .fill-\[\#1F2023\] {
    fill: #1F2023;
  }
  .fill-\[\#F5F5F5\] {
    fill: #F5F5F5;
  }
  .fill-\[\#FBBF24\]\/30 {
    fill: color-mix(in oklab, #FBBF24 30%, transparent);
  }
  .fill-\[\#d4dadc\] {
    fill: #d4dadc;
  }
  .fill-\[\#f5b800\] {
    fill: #f5b800;
  }
  .fill-\[\#fafaf8\] {
    fill: #fafaf8;
  }
  .fill-\[\#ffaa40\] {
    fill: #ffaa40;
  }
  .fill-\[canvas\] {
    fill: canvas;
  }
  .fill-\[url\(\#textGradient\)\] {
    fill: url(#textGradient);
  }
  .fill-amber-300 {
    fill: var(--color-amber-300);
  }
  .fill-amber-400 {
    fill: var(--color-amber-400);
  }
  .fill-amber-500 {
    fill: var(--color-amber-500);
  }
  .fill-background {
    fill: var(--background);
  }
  .fill-background\/35 {
    fill: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      fill: color-mix(in oklab, var(--background) 35%, transparent);
    }
  }
  .fill-black {
    fill: var(--color-black);
  }
  .fill-blue-500 {
    fill: var(--color-blue-500);
  }
  .fill-blue-500\/20 {
    fill: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      fill: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
    }
  }
  .fill-border {
    fill: var(--border);
  }
  .fill-card {
    fill: var(--card);
  }
  .fill-current {
    fill: currentcolor;
  }
  .fill-destructive {
    fill: var(--destructive);
  }
  .fill-emerald-500 {
    fill: var(--color-emerald-500);
  }
  .fill-foreground {
    fill: var(--foreground);
  }
  .fill-gray-200 {
    fill: var(--color-gray-200);
  }
  .fill-gray-400\/30 {
    fill: color-mix(in srgb, oklch(70.7% 0.022 261.325) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      fill: color-mix(in oklab, var(--color-gray-400) 30%, transparent);
    }
  }
  .fill-gray-900 {
    fill: var(--color-gray-900);
  }
  .fill-green-500 {
    fill: var(--color-green-500);
  }
  .fill-green-700 {
    fill: var(--color-green-700);
  }
  .fill-indigo-400 {
    fill: var(--color-indigo-400);
  }
  .fill-indigo-500 {
    fill: var(--color-indigo-500);
  }
  .fill-muted {
    fill: var(--muted);
  }
  .fill-muted-foreground {
    fill: var(--muted-foreground);
  }
  .fill-muted-foreground\/70 {
    fill: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      fill: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
    }
  }
  .fill-neutral-100 {
    fill: var(--color-neutral-100);
  }
  .fill-neutral-200 {
    fill: var(--color-neutral-200);
  }
  .fill-neutral-500 {
    fill: var(--color-neutral-500);
  }
  .fill-neutral-950 {
    fill: var(--color-neutral-950);
  }
  .fill-none {
    fill: none;
  }
  .fill-popover {
    fill: var(--popover);
  }
  .fill-primary {
    fill: var(--primary);
  }
  .fill-primary-foreground {
    fill: var(--primary-foreground);
  }
  .fill-primary\/20 {
    fill: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      fill: color-mix(in oklab, var(--primary) 20%, transparent);
    }
  }
  .fill-purple-500 {
    fill: var(--color-purple-500);
  }
  .fill-red-400\/60 {
    fill: color-mix(in srgb, oklch(70.4% 0.191 22.216) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      fill: color-mix(in oklab, var(--color-red-400) 60%, transparent);
    }
  }
  .fill-red-500 {
    fill: var(--color-red-500);
  }
  .fill-rose-400 {
    fill: var(--color-rose-400);
  }
  .fill-rose-500 {
    fill: var(--color-rose-500);
  }
  .fill-secondary {
    fill: var(--secondary);
  }
  .fill-sky-500 {
    fill: var(--color-sky-500);
  }
  .fill-slate-900 {
    fill: var(--color-slate-900);
  }
  .fill-transparent {
    fill: transparent;
  }
  .fill-violet-400 {
    fill: var(--color-violet-400);
  }
  .fill-violet-500 {
    fill: var(--color-violet-500);
  }
  .fill-white {
    fill: var(--color-white);
  }
  .fill-white\/30 {
    fill: color-mix(in srgb, #fff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      fill: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  .fill-white\/50 {
    fill: color-mix(in srgb, #fff 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      fill: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }
  .fill-white\/75 {
    fill: color-mix(in srgb, #fff 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      fill: color-mix(in oklab, var(--color-white) 75%, transparent);
    }
  }
  .fill-white\/90 {
    fill: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      fill: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .fill-yellow-400 {
    fill: var(--color-yellow-400);
  }
  .fill-yellow-500 {
    fill: var(--color-yellow-500);
  }
  .stroke-\[\#ebd6d8\] {
    stroke: #ebd6d8;
  }
  .stroke-amber-500 {
    stroke: var(--color-amber-500);
  }
  .stroke-black {
    stroke: var(--color-black);
  }
  .stroke-black\/10 {
    stroke: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  .stroke-blue-400 {
    stroke: var(--color-blue-400);
  }
  .stroke-blue-500 {
    stroke: var(--color-blue-500);
  }
  .stroke-blue-500\/25 {
    stroke: color-mix(in srgb, oklch(62.3% 0.214 259.815) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in oklab, var(--color-blue-500) 25%, transparent);
    }
  }
  .stroke-border {
    stroke: var(--border);
  }
  .stroke-current {
    stroke: currentcolor;
  }
  .stroke-cyan-400 {
    stroke: var(--color-cyan-400);
  }
  .stroke-emerald-500 {
    stroke: var(--color-emerald-500);
  }
  .stroke-foreground {
    stroke: var(--foreground);
  }
  .stroke-foreground\/10 {
    stroke: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }
  .stroke-foreground\/20 {
    stroke: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in oklab, var(--foreground) 20%, transparent);
    }
  }
  .stroke-foreground\/25 {
    stroke: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in oklab, var(--foreground) 25%, transparent);
    }
  }
  .stroke-gray-200 {
    stroke: var(--color-gray-200);
  }
  .stroke-gray-300 {
    stroke: var(--color-gray-300);
  }
  .stroke-gray-400\/30 {
    stroke: color-mix(in srgb, oklch(70.7% 0.022 261.325) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in oklab, var(--color-gray-400) 30%, transparent);
    }
  }
  .stroke-gray-900 {
    stroke: var(--color-gray-900);
  }
  .stroke-muted {
    stroke: var(--muted);
  }
  .stroke-muted-foreground {
    stroke: var(--muted-foreground);
  }
  .stroke-muted-foreground\/60 {
    stroke: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
    }
  }
  .stroke-neutral-200 {
    stroke: var(--color-neutral-200);
  }
  .stroke-neutral-300 {
    stroke: var(--color-neutral-300);
  }
  .stroke-neutral-400 {
    stroke: var(--color-neutral-400);
  }
  .stroke-neutral-800 {
    stroke: var(--color-neutral-800);
  }
  .stroke-neutral-900 {
    stroke: var(--color-neutral-900);
  }
  .stroke-neutral-950 {
    stroke: var(--color-neutral-950);
  }
  .stroke-primary {
    stroke: var(--primary);
  }
  .stroke-primary-foreground {
    stroke: var(--primary-foreground);
  }
  .stroke-purple-500 {
    stroke: var(--color-purple-500);
  }
  .stroke-red-500 {
    stroke: var(--color-red-500);
  }
  .stroke-white {
    stroke: var(--color-white);
  }
  .stroke-zinc-600 {
    stroke: var(--color-zinc-600);
  }
  .stroke-1 {
    stroke-width: 1;
  }
  .stroke-2 {
    stroke-width: 2;
  }
  .stroke-\[1\.5px\] {
    stroke-width: 1.5px;
  }
  .stroke-\[1px\] {
    stroke-width: 1px;
  }
  .stroke-\[3\] {
    stroke-width: 3;
  }
  .\!object-cover {
    object-fit: cover !important;
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .object-fill {
    object-fit: fill;
  }
  .object-\[center_35\%\] {
    object-position: center 35%;
  }
  .object-\[center_50\%\] {
    object-position: center 50%;
  }
  .object-center {
    object-position: center;
  }
  .object-left-top {
    object-position: left top;
  }
  .object-top {
    object-position: top;
  }
  .object-top-left {
    object-position: left top;
  }
  .\!p-0 {
    padding: calc(var(--spacing) * 0) !important;
  }
  .\!p-2 {
    padding: calc(var(--spacing) * 2) !important;
  }
  .p-\(--composer-padding\) {
    padding: var(--composer-padding);
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-0\! {
    padding: calc(var(--spacing) * 0) !important;
  }
  .p-0\.5 {
    padding: calc(var(--spacing) * 0.5);
  }
  .p-0\.75 {
    padding: calc(var(--spacing) * 0.75);
  }
  .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\! {
    padding: calc(var(--spacing) * 2) !important;
  }
  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-7 {
    padding: calc(var(--spacing) * 7);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-10 {
    padding: calc(var(--spacing) * 10);
  }
  .p-12 {
    padding: calc(var(--spacing) * 12);
  }
  .p-16 {
    padding: calc(var(--spacing) * 16);
  }
  .p-20 {
    padding: calc(var(--spacing) * 20);
  }
  .p-\[0\.5px\] {
    padding: 0.5px;
  }
  .p-\[0\.25rem\] {
    padding: 0.25rem;
  }
  .p-\[1\.5px\] {
    padding: 1.5px;
  }
  .p-\[1\.25px\] {
    padding: 1.25px;
  }
  .p-\[1px\] {
    padding: 1px;
  }
  .p-\[2px\] {
    padding: 2px;
  }
  .p-\[3px\] {
    padding: 3px;
  }
  .p-\[4px\] {
    padding: 4px;
  }
  .p-\[5\%\] {
    padding: 5%;
  }
  .p-\[5px\] {
    padding: 5px;
  }
  .p-\[6px\] {
    padding: 6px;
  }
  .p-\[7px\] {
    padding: 7px;
  }
  .p-\[8px\] {
    padding: 8px;
  }
  .p-\[10px\] {
    padding: 10px;
  }
  .p-\[15\%\] {
    padding: 15%;
  }
  .p-\[16px\] {
    padding: 16px;
  }
  .p-\[23px\] {
    padding: 23px;
  }
  .p-\[32px\] {
    padding: 32px;
  }
  .p-\[48px\] {
    padding: 48px;
  }
  .p-\[calc\(--spacing\(1\)-1px\)\] {
    padding: calc(calc(var(--spacing) * 1) - 1px);
  }
  .p-px {
    padding: 1px;
  }
  .\!px-0 {
    padding-inline: calc(var(--spacing) * 0) !important;
  }
  .\!px-3 {
    padding-inline: calc(var(--spacing) * 3) !important;
  }
  .\!px-5 {
    padding-inline: calc(var(--spacing) * 5) !important;
  }
  .px-\(--cell-size\) {
    padding-inline: var(--cell-size);
  }
  .px-\(--inset\) {
    padding-inline: var(--inset);
  }
  .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-1\.75 {
    padding-inline: calc(var(--spacing) * 1.75);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\! {
    padding-inline: calc(var(--spacing) * 2) !important;
  }
  .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-10 {
    padding-inline: calc(var(--spacing) * 10);
  }
  .px-12 {
    padding-inline: calc(var(--spacing) * 12);
  }
  .px-16 {
    padding-inline: calc(var(--spacing) * 16);
  }
  .px-20 {
    padding-inline: calc(var(--spacing) * 20);
  }
  .px-\[0\.1vw\] {
    padding-inline: 0.1vw;
  }
  .px-\[0\.75rem\] {
    padding-inline: 0.75rem;
  }
  .px-\[1\.125rem\] {
    padding-inline: 1.125rem;
  }
  .px-\[1px\] {
    padding-inline: 1px;
  }
  .px-\[1rem\] {
    padding-inline: 1rem;
  }
  .px-\[3px\] {
    padding-inline: 3px;
  }
  .px-\[4vw\] {
    padding-inline: 4vw;
  }
  .px-\[6px\] {
    padding-inline: 6px;
  }
  .px-\[7px\] {
    padding-inline: 7px;
  }
  .px-\[8px\] {
    padding-inline: 8px;
  }
  .px-\[9px\] {
    padding-inline: 9px;
  }
  .px-\[10px\] {
    padding-inline: 10px;
  }
  .px-\[12px\] {
    padding-inline: 12px;
  }
  .px-\[16px\] {
    padding-inline: 16px;
  }
  .px-\[18px\] {
    padding-inline: 18px;
  }
  .px-\[24px\] {
    padding-inline: 24px;
  }
  .px-\[27px\] {
    padding-inline: 27px;
  }
  .px-\[48px\] {
    padding-inline: 48px;
  }
  .px-\[64px\] {
    padding-inline: 64px;
  }
  .px-\[calc\(--spacing\(1\)-1px\)\] {
    padding-inline: calc(calc(var(--spacing) * 1) - 1px);
  }
  .px-\[calc\(--spacing\(1\.5\)-1px\)\] {
    padding-inline: calc(calc(var(--spacing) * 1.5) - 1px);
  }
  .px-\[calc\(--spacing\(2\)-1px\)\] {
    padding-inline: calc(calc(var(--spacing) * 2) - 1px);
  }
  .px-\[calc\(--spacing\(2\.5\)-1px\)\] {
    padding-inline: calc(calc(var(--spacing) * 2.5) - 1px);
  }
  .px-\[calc\(--spacing\(3\)-1px\)\] {
    padding-inline: calc(calc(var(--spacing) * 3) - 1px);
  }
  .px-\[calc\(--spacing\(3\.5\)-1px\)\] {
    padding-inline: calc(calc(var(--spacing) * 3.5) - 1px);
  }
  .px-\[calc\(--spacing\(4\)-1px\)\] {
    padding-inline: calc(calc(var(--spacing) * 4) - 1px);
  }
  .px-\[calc\(var\(--icon-size\)\*0\.075\)\] {
    padding-inline: calc(var(--icon-size) * 0.075);
  }
  .px-px {
    padding-inline: 1px;
  }
  .\!py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5) !important;
  }
  .\!py-2 {
    padding-block: calc(var(--spacing) * 2) !important;
  }
  .\!py-4 {
    padding-block: calc(var(--spacing) * 4) !important;
  }
  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-1\.75 {
    padding-block: calc(var(--spacing) * 1.75);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\! {
    padding-block: calc(var(--spacing) * 2) !important;
  }
  .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-7 {
    padding-block: calc(var(--spacing) * 7);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-9 {
    padding-block: calc(var(--spacing) * 9);
  }
  .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-15 {
    padding-block: calc(var(--spacing) * 15);
  }
  .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-28 {
    padding-block: calc(var(--spacing) * 28);
  }
  .py-32 {
    padding-block: calc(var(--spacing) * 32);
  }
  .py-36 {
    padding-block: calc(var(--spacing) * 36);
  }
  .py-40 {
    padding-block: calc(var(--spacing) * 40);
  }
  .py-\[1px\] {
    padding-block: 1px;
  }
  .py-\[2\.25px\] {
    padding-block: 2.25px;
  }
  .py-\[2px\] {
    padding-block: 2px;
  }
  .py-\[3\.2px\] {
    padding-block: 3.2px;
  }
  .py-\[5px\] {
    padding-block: 5px;
  }
  .py-\[5rem\] {
    padding-block: 5rem;
  }
  .py-\[6px\] {
    padding-block: 6px;
  }
  .py-\[7px\] {
    padding-block: 7px;
  }
  .py-\[10px\] {
    padding-block: 10px;
  }
  .py-\[16px\] {
    padding-block: 16px;
  }
  .py-\[30px\] {
    padding-block: 30px;
  }
  .py-\[32px\] {
    padding-block: 32px;
  }
  .py-\[48px\] {
    padding-block: 48px;
  }
  .py-\[calc\(--spacing\(1\)-1px\)\] {
    padding-block: calc(calc(var(--spacing) * 1) - 1px);
  }
  .py-\[calc\(--spacing\(1\.5\)-1px\)\] {
    padding-block: calc(calc(var(--spacing) * 1.5) - 1px);
  }
  .py-\[calc\(--spacing\(2\)-1px\)\] {
    padding-block: calc(calc(var(--spacing) * 2) - 1px);
  }
  .py-px {
    padding-block: 1px;
  }
  .ps-1\.5 {
    padding-inline-start: calc(var(--spacing) * 1.5);
  }
  .ps-2 {
    padding-inline-start: calc(var(--spacing) * 2);
  }
  .ps-3 {
    padding-inline-start: calc(var(--spacing) * 3);
  }
  .ps-6 {
    padding-inline-start: calc(var(--spacing) * 6);
  }
  .ps-9 {
    padding-inline-start: calc(var(--spacing) * 9);
  }
  .ps-\[calc\(--spacing\(3\)-1px\)\] {
    padding-inline-start: calc(calc(var(--spacing) * 3) - 1px);
  }
  .pe-1\.5 {
    padding-inline-end: calc(var(--spacing) * 1.5);
  }
  .pe-2 {
    padding-inline-end: calc(var(--spacing) * 2);
  }
  .pe-4 {
    padding-inline-end: calc(var(--spacing) * 4);
  }
  .pe-6 {
    padding-inline-end: calc(var(--spacing) * 6);
  }
  .pe-9 {
    padding-inline-end: calc(var(--spacing) * 9);
  }
  .pe-10 {
    padding-inline-end: calc(var(--spacing) * 10);
  }
  .pt-\(--inset\) {
    padding-top: var(--inset);
  }
  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .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-4\.5 {
    padding-top: calc(var(--spacing) * 4.5);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-7 {
    padding-top: calc(var(--spacing) * 7);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-9 {
    padding-top: calc(var(--spacing) * 9);
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .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-28 {
    padding-top: calc(var(--spacing) * 28);
  }
  .pt-32 {
    padding-top: calc(var(--spacing) * 32);
  }
  .pt-36 {
    padding-top: calc(var(--spacing) * 36);
  }
  .pt-40 {
    padding-top: calc(var(--spacing) * 40);
  }
  .pt-\[7px\] {
    padding-top: 7px;
  }
  .pt-\[10px\] {
    padding-top: 10px;
  }
  .pt-\[15vh\] {
    padding-top: 15vh;
  }
  .pt-\[18px\] {
    padding-top: 18px;
  }
  .pt-\[60px\] {
    padding-top: 60px;
  }
  .pt-\[88px\] {
    padding-top: 88px;
  }
  .pt-\[140px\] {
    padding-top: 140px;
  }
  .pt-\[clamp\(2rem\,8vw\,4vw\)\] {
    padding-top: clamp(2rem, 8vw, 4vw);
  }
  .pt-\[n\] {
    padding-top: n;
  }
  .pt-px {
    padding-top: 1px;
  }
  .pr-0 {
    padding-right: calc(var(--spacing) * 0);
  }
  .pr-0\.5 {
    padding-right: calc(var(--spacing) * 0.5);
  }
  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }
  .pr-1\.5 {
    padding-right: calc(var(--spacing) * 1.5);
  }
  .pr-1\.5\! {
    padding-right: calc(var(--spacing) * 1.5) !important;
  }
  .pr-1\.25 {
    padding-right: calc(var(--spacing) * 1.25);
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-2\.5 {
    padding-right: calc(var(--spacing) * 2.5);
  }
  .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-8 {
    padding-right: calc(var(--spacing) * 8);
  }
  .pr-9 {
    padding-right: calc(var(--spacing) * 9);
  }
  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }
  .pr-12 {
    padding-right: calc(var(--spacing) * 12);
  }
  .pr-14 {
    padding-right: calc(var(--spacing) * 14);
  }
  .pr-16 {
    padding-right: calc(var(--spacing) * 16);
  }
  .pr-20 {
    padding-right: calc(var(--spacing) * 20);
  }
  .pr-24 {
    padding-right: calc(var(--spacing) * 24);
  }
  .pr-\[18px\] {
    padding-right: 18px;
  }
  .pb-\(--inset\) {
    padding-bottom: var(--inset);
  }
  .pb-\(--safe-area-inset-bottom\,0px\) {
    padding-bottom: var(--safe-area-inset-bottom,0px);
  }
  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .pb-0\.5 {
    padding-bottom: calc(var(--spacing) * 0.5);
  }
  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }
  .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-3\.5 {
    padding-bottom: calc(var(--spacing) * 3.5);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-7 {
    padding-bottom: calc(var(--spacing) * 7);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .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-28 {
    padding-bottom: calc(var(--spacing) * 28);
  }
  .pb-30 {
    padding-bottom: calc(var(--spacing) * 30);
  }
  .pb-32 {
    padding-bottom: calc(var(--spacing) * 32);
  }
  .pb-36 {
    padding-bottom: calc(var(--spacing) * 36);
  }
  .pb-44 {
    padding-bottom: calc(var(--spacing) * 44);
  }
  .pb-80 {
    padding-bottom: calc(var(--spacing) * 80);
  }
  .pb-\[4vw\] {
    padding-bottom: 4vw;
  }
  .pb-\[10vh\] {
    padding-bottom: 10vh;
  }
  .pb-\[100px\] {
    padding-bottom: 100px;
  }
  .pb-\[160px\] {
    padding-bottom: 160px;
  }
  .pb-\[180px\] {
    padding-bottom: 180px;
  }
  .pb-\[calc\(env\(safe-area-inset-bottom\,0px\)\+--spacing\(4\)\)\] {
    padding-bottom: calc(env(safe-area-inset-bottom,0px) + calc(var(--spacing) * 4));
  }
  .pb-\[calc\(env\(safe-area-inset-bottom\,0px\)\+--spacing\(6\)\)\] {
    padding-bottom: calc(env(safe-area-inset-bottom,0px) + calc(var(--spacing) * 6));
  }
  .pb-\[max\(0px\,calc\(env\(safe-area-inset-bottom\,0px\)\+var\(--drawer-snap-point-offset\,0px\)\+clamp\(0\,1\,var\(--drawer-snap-point-offset\,0px\)\/1px\)\*var\(--drawer-swipe-movement-y\,0px\)\)\)\] {
    padding-bottom: max(0px, calc(env(safe-area-inset-bottom,0px) + var(--drawer-snap-point-offset,0px) + clamp(0, 1, var(--drawer-snap-point-offset,0px) / 1px) * var(--drawer-swipe-movement-y,0px)));
  }
  .pb-px {
    padding-bottom: 1px;
  }
  .\!pl-1\.5 {
    padding-left: calc(var(--spacing) * 1.5) !important;
  }
  .pl-0 {
    padding-left: calc(var(--spacing) * 0);
  }
  .pl-0\.5 {
    padding-left: calc(var(--spacing) * 0.5);
  }
  .pl-1 {
    padding-left: calc(var(--spacing) * 1);
  }
  .pl-1\.5 {
    padding-left: calc(var(--spacing) * 1.5);
  }
  .pl-1\.5\! {
    padding-left: calc(var(--spacing) * 1.5) !important;
  }
  .pl-1\.75 {
    padding-left: calc(var(--spacing) * 1.75);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-2\.5 {
    padding-left: calc(var(--spacing) * 2.5);
  }
  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }
  .pl-3\! {
    padding-left: calc(var(--spacing) * 3) !important;
  }
  .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-14 {
    padding-left: calc(var(--spacing) * 14);
  }
  .pl-24 {
    padding-left: calc(var(--spacing) * 24);
  }
  .pl-\[2px\] {
    padding-left: 2px;
  }
  .pl-\[22px\] {
    padding-left: 22px;
  }
  .pl-\[26px\] {
    padding-left: 26px;
  }
  .pl-\[calc\(2\.5rem\+1\.5rem\)\] {
    padding-left: calc(2.5rem + 1.5rem);
  }
  .text-center {
    text-align: center;
  }
  .text-end {
    text-align: end;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .text-start {
    text-align: start;
  }
  .-indent-10 {
    text-indent: calc(var(--spacing) * -10);
  }
  .align-baseline {
    vertical-align: baseline;
  }
  .align-middle {
    vertical-align: middle;
  }
  .align-text-bottom {
    vertical-align: text-bottom;
  }
  .align-top {
    vertical-align: top;
  }
  .font-\[\'Inter\'\] {
    font-family: 'Inter';
  }
  .font-\[helvetica\] {
    font-family: helvetica;
  }
  .font-\[inherit\] {
    font-family: inherit;
  }
  .font-heading {
    font-family: var(--font-geist-sans);
  }
  .font-mono {
    font-family: var(--font-geist-mono);
  }
  .font-sans {
    font-family: var(--font-geist-sans);
  }
  .font-serif {
    font-family: var(--font-serif);
  }
  .\!text-base {
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
  }
  .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-7xl {
    font-size: var(--text-7xl);
    line-height: var(--tw-leading, var(--text-7xl--line-height));
  }
  .text-8xl {
    font-size: var(--text-8xl);
    line-height: var(--tw-leading, var(--text-8xl--line-height));
  }
  .text-9xl {
    font-size: var(--text-9xl);
    line-height: var(--tw-leading, var(--text-9xl--line-height));
  }
  .text-\[15px\]\/snug {
    font-size: 15px;
    line-height: var(--leading-snug);
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-base\/4\.5 {
    font-size: var(--text-base);
    line-height: calc(var(--spacing) * 4.5);
  }
  .text-base\/7 {
    font-size: var(--text-base);
    line-height: calc(var(--spacing) * 7);
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-sm\/6 {
    font-size: var(--text-sm);
    line-height: calc(var(--spacing) * 6);
  }
  .text-sm\/relaxed {
    font-size: var(--text-sm);
    line-height: var(--leading-relaxed);
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-xs\/relaxed {
    font-size: var(--text-xs);
    line-height: var(--leading-relaxed);
  }
  .\!text-\[8px\] {
    font-size: 8px !important;
  }
  .\!text-\[10px\] {
    font-size: 10px !important;
  }
  .\!text-\[12px\] {
    font-size: 12px !important;
  }
  .\!text-\[14px\] {
    font-size: 14px !important;
  }
  .text-\[0\.6rem\] {
    font-size: 0.6rem;
  }
  .text-\[0\.8rem\] {
    font-size: 0.8rem;
  }
  .text-\[0\.85em\] {
    font-size: 0.85em;
  }
  .text-\[0\.625rem\] {
    font-size: 0.625rem;
  }
  .text-\[0\.925rem\] {
    font-size: 0.925rem;
  }
  .text-\[0\.975rem\] {
    font-size: 0.975rem;
  }
  .text-\[1\.05rem\] {
    font-size: 1.05rem;
  }
  .text-\[1\.5rem\] {
    font-size: 1.5rem;
  }
  .text-\[1\.8rem\] {
    font-size: 1.8rem;
  }
  .text-\[1\.25rem\] {
    font-size: 1.25rem;
  }
  .text-\[1\.35rem\] {
    font-size: 1.35rem;
  }
  .text-\[1\.65rem\] {
    font-size: 1.65rem;
  }
  .text-\[2\.5rem\] {
    font-size: 2.5rem;
  }
  .text-\[4rem\] {
    font-size: 4rem;
  }
  .text-\[5\.5rem\] {
    font-size: 5.5rem;
  }
  .text-\[6px\] {
    font-size: 6px;
  }
  .text-\[6rem\] {
    font-size: 6rem;
  }
  .text-\[7px\] {
    font-size: 7px;
  }
  .text-\[8\.5px\] {
    font-size: 8.5px;
  }
  .text-\[8px\] {
    font-size: 8px;
  }
  .text-\[9\.5px\] {
    font-size: 9.5px;
  }
  .text-\[9px\] {
    font-size: 9px;
  }
  .text-\[10\.5px\] {
    font-size: 10.5px;
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[11\.5px\] {
    font-size: 11.5px;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[12\.5px\] {
    font-size: 12.5px;
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .text-\[12vw\] {
    font-size: 12vw;
  }
  .text-\[13\.5px\] {
    font-size: 13.5px;
  }
  .text-\[13px\] {
    font-size: 13px;
  }
  .text-\[14\.5px\] {
    font-size: 14.5px;
  }
  .text-\[14px\] {
    font-size: 14px;
  }
  .text-\[15px\] {
    font-size: 15px;
  }
  .text-\[15vw\] {
    font-size: 15vw;
  }
  .text-\[16px\] {
    font-size: 16px;
  }
  .text-\[17px\] {
    font-size: 17px;
  }
  .text-\[18px\] {
    font-size: 18px;
  }
  .text-\[19px\] {
    font-size: 19px;
  }
  .text-\[20px\] {
    font-size: 20px;
  }
  .text-\[22px\] {
    font-size: 22px;
  }
  .text-\[24px\] {
    font-size: 24px;
  }
  .text-\[26px\] {
    font-size: 26px;
  }
  .text-\[28px\] {
    font-size: 28px;
  }
  .text-\[30px\] {
    font-size: 30px;
  }
  .text-\[32px\] {
    font-size: 32px;
  }
  .text-\[34px\] {
    font-size: 34px;
  }
  .text-\[36px\] {
    font-size: 36px;
  }
  .text-\[40px\] {
    font-size: 40px;
  }
  .text-\[42px\] {
    font-size: 42px;
  }
  .text-\[44px\] {
    font-size: 44px;
  }
  .text-\[180px\] {
    font-size: 180px;
  }
  .text-\[calc\(var\(--keycap-height\)\/2\.75\)\] {
    font-size: calc(var(--keycap-height) / 2.75);
  }
  .text-\[calc\(var\(--keycap-height\)\/3\.5\)\] {
    font-size: calc(var(--keycap-height) / 3.5);
  }
  .text-\[calc\(var\(--keycap-height\)\/4\)\] {
    font-size: calc(var(--keycap-height) / 4);
  }
  .text-\[clamp\(0\.1rem\,20vw\,1\.25rem\)\] {
    font-size: clamp(0.1rem, 20vw, 1.25rem);
  }
  .text-\[clamp\(0\.625rem\,0\.5263rem\+0\.5263vw\,1rem\)\] {
    font-size: clamp(0.625rem, 0.5263rem + 0.5263vw, 1rem);
  }
  .text-\[clamp\(1\.7rem\,10vw\,3rem\)\] {
    font-size: clamp(1.7rem, 10vw, 3rem);
  }
  .text-\[clamp\(3\.5rem\,9\.5vw\,11\.5rem\)\] {
    font-size: clamp(3.5rem, 9.5vw, 11.5rem);
  }
  .text-\[clamp\(22px\,3\.5vw\,32px\)\] {
    font-size: clamp(22px, 3.5vw, 32px);
  }
  .\!leading-\[1\.4\] {
    --tw-leading: 1.4 !important;
    line-height: 1.4 !important;
  }
  .\!leading-\[1\.45\] {
    --tw-leading: 1.45 !important;
    line-height: 1.45 !important;
  }
  .\!leading-\[2\] {
    --tw-leading: 2 !important;
    line-height: 2 !important;
  }
  .\!leading-none {
    --tw-leading: 1 !important;
    line-height: 1 !important;
  }
  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  .leading-7\.5 {
    --tw-leading: calc(var(--spacing) * 7.5);
    line-height: calc(var(--spacing) * 7.5);
  }
  .leading-8\.5 {
    --tw-leading: calc(var(--spacing) * 8.5);
    line-height: calc(var(--spacing) * 8.5);
  }
  .leading-9\.5 {
    --tw-leading: calc(var(--spacing) * 9.5);
    line-height: calc(var(--spacing) * 9.5);
  }
  .leading-\[0\.8\] {
    --tw-leading: 0.8;
    line-height: 0.8;
  }
  .leading-\[0\.9\] {
    --tw-leading: 0.9;
    line-height: 0.9;
  }
  .leading-\[0\.85\] {
    --tw-leading: 0.85;
    line-height: 0.85;
  }
  .leading-\[0\.87\] {
    --tw-leading: 0.87;
    line-height: 0.87;
  }
  .leading-\[0\.88\] {
    --tw-leading: 0.88;
    line-height: 0.88;
  }
  .leading-\[0\.95\] {
    --tw-leading: 0.95;
    line-height: 0.95;
  }
  .leading-\[1\.1\] {
    --tw-leading: 1.1;
    line-height: 1.1;
  }
  .leading-\[1\.02\] {
    --tw-leading: 1.02;
    line-height: 1.02;
  }
  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }
  .leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3;
  }
  .leading-\[1\.04\] {
    --tw-leading: 1.04;
    line-height: 1.04;
  }
  .leading-\[1\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4;
  }
  .leading-\[1\.05\] {
    --tw-leading: 1.05;
    line-height: 1.05;
  }
  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }
  .leading-\[1\.06\] {
    --tw-leading: 1.06;
    line-height: 1.06;
  }
  .leading-\[1\.6\] {
    --tw-leading: 1.6;
    line-height: 1.6;
  }
  .leading-\[1\.08\] {
    --tw-leading: 1.08;
    line-height: 1.08;
  }
  .leading-\[1\.8\] {
    --tw-leading: 1.8;
    line-height: 1.8;
  }
  .leading-\[1\.9\] {
    --tw-leading: 1.9;
    line-height: 1.9;
  }
  .leading-\[1\.12\] {
    --tw-leading: 1.12;
    line-height: 1.12;
  }
  .leading-\[1\.15\] {
    --tw-leading: 1.15;
    line-height: 1.15;
  }
  .leading-\[1\.18\] {
    --tw-leading: 1.18;
    line-height: 1.18;
  }
  .leading-\[1\.34\] {
    --tw-leading: 1.34;
    line-height: 1.34;
  }
  .leading-\[1\.35\] {
    --tw-leading: 1.35;
    line-height: 1.35;
  }
  .leading-\[1\.43\] {
    --tw-leading: 1.43;
    line-height: 1.43;
  }
  .leading-\[1\.45\] {
    --tw-leading: 1.45;
    line-height: 1.45;
  }
  .leading-\[1\.55\] {
    --tw-leading: 1.55;
    line-height: 1.55;
  }
  .leading-\[1\.375rem\] {
    --tw-leading: 1.375rem;
    line-height: 1.375rem;
  }
  .leading-\[1\] {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-\[1rem\] {
    --tw-leading: 1rem;
    line-height: 1rem;
  }
  .leading-\[2\.6\] {
    --tw-leading: 2.6;
    line-height: 2.6;
  }
  .leading-\[10px\] {
    --tw-leading: 10px;
    line-height: 10px;
  }
  .leading-\[14px\] {
    --tw-leading: 14px;
    line-height: 14px;
  }
  .leading-\[16px\] {
    --tw-leading: 16px;
    line-height: 16px;
  }
  .leading-\[17px\] {
    --tw-leading: 17px;
    line-height: 17px;
  }
  .leading-\[18px\] {
    --tw-leading: 18px;
    line-height: 18px;
  }
  .leading-\[19px\] {
    --tw-leading: 19px;
    line-height: 19px;
  }
  .leading-\[20px\] {
    --tw-leading: 20px;
    line-height: 20px;
  }
  .leading-\[22px\] {
    --tw-leading: 22px;
    line-height: 22px;
  }
  .leading-\[23px\] {
    --tw-leading: 23px;
    line-height: 23px;
  }
  .leading-\[24px\] {
    --tw-leading: 24px;
    line-height: 24px;
  }
  .leading-\[41px\] {
    --tw-leading: 41px;
    line-height: 41px;
  }
  .leading-\[90\%\] {
    --tw-leading: 90%;
    line-height: 90%;
  }
  .leading-\[150\%\] {
    --tw-leading: 150%;
    line-height: 150%;
  }
  .leading-\[160\%\] {
    --tw-leading: 160%;
    line-height: 160%;
  }
  .leading-loose {
    --tw-leading: var(--leading-loose);
    line-height: var(--leading-loose);
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-none\! {
    --tw-leading: 1 !important;
    line-height: 1 !important;
  }
  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-\[350\] {
    --tw-font-weight: 350;
    font-weight: 350;
  }
  .font-\[450\] {
    --tw-font-weight: 450;
    font-weight: 450;
  }
  .font-\[500\] {
    --tw-font-weight: 500;
    font-weight: 500;
  }
  .font-\[600\] {
    --tw-font-weight: 600;
    font-weight: 600;
  }
  .font-\[700\] {
    --tw-font-weight: 700;
    font-weight: 700;
  }
  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  .font-extralight {
    --tw-font-weight: var(--font-weight-extralight);
    font-weight: var(--font-weight-extralight);
  }
  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .font-thin {
    --tw-font-weight: var(--font-weight-thin);
    font-weight: var(--font-weight-thin);
  }
  .-tracking-wider {
    --tw-tracking: calc(var(--tracking-wider) * -1);
    letter-spacing: calc(var(--tracking-wider) * -1);
  }
  .tracking-\[-0\.01em\] {
    --tw-tracking: -0.01em;
    letter-spacing: -0.01em;
  }
  .tracking-\[-0\.02em\] {
    --tw-tracking: -0.02em;
    letter-spacing: -0.02em;
  }
  .tracking-\[-0\.03em\] {
    --tw-tracking: -0.03em;
    letter-spacing: -0.03em;
  }
  .tracking-\[-0\.04em\] {
    --tw-tracking: -0.04em;
    letter-spacing: -0.04em;
  }
  .tracking-\[-0\.005em\] {
    --tw-tracking: -0.005em;
    letter-spacing: -0.005em;
  }
  .tracking-\[-0\.006em\] {
    --tw-tracking: -0.006em;
    letter-spacing: -0.006em;
  }
  .tracking-\[-0\.018em\] {
    --tw-tracking: -0.018em;
    letter-spacing: -0.018em;
  }
  .tracking-\[-0\.022em\] {
    --tw-tracking: -0.022em;
    letter-spacing: -0.022em;
  }
  .tracking-\[-0\.025em\] {
    --tw-tracking: -0.025em;
    letter-spacing: -0.025em;
  }
  .tracking-\[-4px\] {
    --tw-tracking: -4px;
    letter-spacing: -4px;
  }
  .tracking-\[-7px\] {
    --tw-tracking: -7px;
    letter-spacing: -7px;
  }
  .tracking-\[0\.01em\] {
    --tw-tracking: 0.01em;
    letter-spacing: 0.01em;
  }
  .tracking-\[0\.1em\] {
    --tw-tracking: 0.1em;
    letter-spacing: 0.1em;
  }
  .tracking-\[0\.02em\] {
    --tw-tracking: 0.02em;
    letter-spacing: 0.02em;
  }
  .tracking-\[0\.2em\] {
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
  }
  .tracking-\[0\.3em\] {
    --tw-tracking: 0.3em;
    letter-spacing: 0.3em;
  }
  .tracking-\[0\.4em\] {
    --tw-tracking: 0.4em;
    letter-spacing: 0.4em;
  }
  .tracking-\[0\.5em\] {
    --tw-tracking: 0.5em;
    letter-spacing: 0.5em;
  }
  .tracking-\[0\.5px\] {
    --tw-tracking: 0.5px;
    letter-spacing: 0.5px;
  }
  .tracking-\[0\.06em\] {
    --tw-tracking: 0.06em;
    letter-spacing: 0.06em;
  }
  .tracking-\[0\.08em\] {
    --tw-tracking: 0.08em;
    letter-spacing: 0.08em;
  }
  .tracking-\[0\.10em\] {
    --tw-tracking: 0.10em;
    letter-spacing: 0.10em;
  }
  .tracking-\[0\.12em\] {
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
  }
  .tracking-\[0\.13em\] {
    --tw-tracking: 0.13em;
    letter-spacing: 0.13em;
  }
  .tracking-\[0\.14em\] {
    --tw-tracking: 0.14em;
    letter-spacing: 0.14em;
  }
  .tracking-\[0\.15em\] {
    --tw-tracking: 0.15em;
    letter-spacing: 0.15em;
  }
  .tracking-\[0\.16em\] {
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
  }
  .tracking-\[0\.18em\] {
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
  }
  .tracking-\[0\.22em\] {
    --tw-tracking: 0.22em;
    letter-spacing: 0.22em;
  }
  .tracking-\[0\.25em\] {
    --tw-tracking: 0.25em;
    letter-spacing: 0.25em;
  }
  .tracking-\[0\.32em\] {
    --tw-tracking: 0.32em;
    letter-spacing: 0.32em;
  }
  .tracking-\[0\.35em\] {
    --tw-tracking: 0.35em;
    letter-spacing: 0.35em;
  }
  .tracking-\[6px\] {
    --tw-tracking: 6px;
    letter-spacing: 6px;
  }
  .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-tighter {
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
  .\[text-wrap\:balance\] {
    text-wrap: balance;
  }
  .text-balance {
    text-wrap: balance;
  }
  .text-nowrap {
    text-wrap: nowrap;
  }
  .text-pretty {
    text-wrap: pretty;
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere;
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .wrap-break-word {
    overflow-wrap: break-word;
  }
  .break-all {
    word-break: break-all;
  }
  .break-keep {
    word-break: keep-all;
  }
  .overflow-ellipsis {
    text-overflow: ellipsis;
  }
  .text-ellipsis {
    text-overflow: ellipsis;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre {
    white-space: pre;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .tab-1 {
    tab-size: 1;
  }
  .tab-2 {
    tab-size: 2;
  }
  .tab-3 {
    tab-size: 3;
  }
  .\!text-foreground {
    color: var(--foreground) !important;
  }
  .\!text-muted-foreground {
    color: var(--muted-foreground) !important;
  }
  .\!text-white {
    color: var(--color-white) !important;
  }
  .text-\[\#0A0A0A\] {
    color: #0A0A0A;
  }
  .text-\[\#0B0B0E\] {
    color: #0B0B0E;
  }
  .text-\[\#0a0a0a\] {
    color: #0a0a0a;
  }
  .text-\[\#0a0a14\] {
    color: #0a0a14;
  }
  .text-\[\#0a66c2\] {
    color: #0a66c2;
  }
  .text-\[\#0f0e10\] {
    color: #0f0e10;
  }
  .text-\[\#0f0e10\]\/55 {
    color: color-mix(in oklab, #0f0e10 55%, transparent);
  }
  .text-\[\#1A1A1A\] {
    color: #1A1A1A;
  }
  .text-\[\#1A1A1A\]\/40 {
    color: color-mix(in oklab, #1A1A1A 40%, transparent);
  }
  .text-\[\#1A1A1A\]\/60 {
    color: color-mix(in oklab, #1A1A1A 60%, transparent);
  }
  .text-\[\#1EAEDB\] {
    color: #1EAEDB;
  }
  .text-\[\#1F2023\] {
    color: #1F2023;
  }
  .text-\[\#1a1a1a\] {
    color: #1a1a1a;
  }
  .text-\[\#1a1a1a\]\/60 {
    color: color-mix(in oklab, #1a1a1a 60%, transparent);
  }
  .text-\[\#1d1d1f\] {
    color: #1d1d1f;
  }
  .text-\[\#1f1f1f\] {
    color: #1f1f1f;
  }
  .text-\[\#1f3f86\] {
    color: #1f3f86;
  }
  .text-\[\#2C1A0E\] {
    color: #2C1A0E;
  }
  .text-\[\#2d3436\] {
    color: #2d3436;
  }
  .text-\[\#3a52c4\] {
    color: #3a52c4;
  }
  .text-\[\#3b82f6\] {
    color: #3b82f6;
  }
  .text-\[\#4A2D18\] {
    color: #4A2D18;
  }
  .text-\[\#4a3828\] {
    color: #4a3828;
  }
  .text-\[\#6B4C35\] {
    color: #6B4C35;
  }
  .text-\[\#6C3CF0\] {
    color: #6C3CF0;
  }
  .text-\[\#6FF7CC\] {
    color: #6FF7CC;
  }
  .text-\[\#6b6b6d\] {
    color: #6b6b6d;
  }
  .text-\[\#6b6661\] {
    color: #6b6661;
  }
  .text-\[\#7a2746\] {
    color: #7a2746;
  }
  .text-\[\#008AF5\] {
    color: #008AF5;
  }
  .text-\[\#8A857F\] {
    color: #8A857F;
  }
  .text-\[\#8B5CF6\] {
    color: #8B5CF6;
  }
  .text-\[\#8b8676\] {
    color: #8b8676;
  }
  .text-\[\#9B4A1F\] {
    color: #9B4A1F;
  }
  .text-\[\#9B7A5E\] {
    color: #9B7A5E;
  }
  .text-\[\#9CA3AF\] {
    color: #9CA3AF;
  }
  .text-\[\#9a948d\] {
    color: #9a948d;
  }
  .text-\[\#13EEE3\] {
    color: #13EEE3;
  }
  .text-\[\#22C55E\] {
    color: #22C55E;
  }
  .text-\[\#22c55e\] {
    color: #22c55e;
  }
  .text-\[\#22ff73\] {
    color: #22ff73;
  }
  .text-\[\#32f3e9\] {
    color: #32f3e9;
  }
  .text-\[\#34C759\] {
    color: #34C759;
  }
  .text-\[\#39ff14\] {
    color: #39ff14;
  }
  .text-\[\#39ff14\]\/50 {
    color: color-mix(in oklab, #39ff14 50%, transparent);
  }
  .text-\[\#39ff14\]\/60 {
    color: color-mix(in oklab, #39ff14 60%, transparent);
  }
  .text-\[\#39ff14\]\/70 {
    color: color-mix(in oklab, #39ff14 70%, transparent);
  }
  .text-\[\#39ff14\]\/80 {
    color: color-mix(in oklab, #39ff14 80%, transparent);
  }
  .text-\[\#045ad0\] {
    color: #045ad0;
  }
  .text-\[\#00000050\] {
    color: #00000050;
  }
  .text-\[\#052e16\] {
    color: #052e16;
  }
  .text-\[\#57BC6C\] {
    color: #57BC6C;
  }
  .text-\[\#60A5FA\] {
    color: #60A5FA;
  }
  .text-\[\#0098F3\] {
    color: #0098F3;
  }
  .text-\[\#636e72\] {
    color: #636e72;
  }
  .text-\[\#666\] {
    color: #666;
  }
  .text-\[\#868f97\] {
    color: #868f97;
  }
  .text-\[\#999\] {
    color: #999;
  }
  .text-\[\#2294ff\] {
    color: #2294ff;
  }
  .text-\[\#2563EB\] {
    color: #2563EB;
  }
  .text-\[\#03130c\] {
    color: #03130c;
  }
  .text-\[\#004085\] {
    color: #004085;
  }
  .text-\[\#05050f\] {
    color: #05050f;
  }
  .text-\[\#05060d\] {
    color: #05060d;
  }
  .text-\[\#16161a\] {
    color: #16161a;
  }
  .text-\[\#36322F\] {
    color: #36322F;
  }
  .text-\[\#155724\] {
    color: #155724;
  }
  .text-\[\#217007\] {
    color: #217007;
  }
  .text-\[\#262626\] {
    color: #262626;
  }
  .text-\[\#522785\] {
    color: #522785;
  }
  .text-\[\#555555\] {
    color: #555555;
  }
  .text-\[\#596171\] {
    color: #596171;
  }
  .text-\[\#777777\] {
    color: #777777;
  }
  .text-\[\#856404\] {
    color: #856404;
  }
  .text-\[\#888888\] {
    color: #888888;
  }
  .text-\[\#A8A29B\] {
    color: #A8A29B;
  }
  .text-\[\#A78BFA\] {
    color: #A78BFA;
  }
  .text-\[\#ADFA1F\] {
    color: #ADFA1F;
  }
  .text-\[\#AF52DE\] {
    color: #AF52DE;
  }
  .text-\[\#C4A882\] {
    color: #C4A882;
  }
  .text-\[\#C2622B\] {
    color: #C2622B;
  }
  .text-\[\#D57463\] {
    color: #D57463;
  }
  .text-\[\#D97757\] {
    color: #D97757;
  }
  .text-\[\#DA4E24\] {
    color: #DA4E24;
  }
  .text-\[\#DA4E24\]\/70 {
    color: color-mix(in oklab, #DA4E24 70%, transparent);
  }
  .text-\[\#DA4E24\]\/80 {
    color: color-mix(in oklab, #DA4E24 80%, transparent);
  }
  .text-\[\#DC143C\] {
    color: #DC143C;
  }
  .text-\[\#DC143C\]\/90 {
    color: color-mix(in oklab, #DC143C 90%, transparent);
  }
  .text-\[\#E8A05A\] {
    color: #E8A05A;
  }
  .text-\[\#E8C29A\] {
    color: #E8C29A;
  }
  .text-\[\#E8D5C0\] {
    color: #E8D5C0;
  }
  .text-\[\#EAA65D\] {
    color: #EAA65D;
  }
  .text-\[\#ED42B5\] {
    color: #ED42B5;
  }
  .text-\[\#EF4444\] {
    color: #EF4444;
  }
  .text-\[\#F0B13D\] {
    color: #F0B13D;
  }
  .text-\[\#F5EFE6\] {
    color: #F5EFE6;
  }
  .text-\[\#F5F0E8\] {
    color: #F5F0E8;
  }
  .text-\[\#F5F0E8\]\/10 {
    color: color-mix(in oklab, #F5F0E8 10%, transparent);
  }
  .text-\[\#F5F0E8\]\/20 {
    color: color-mix(in oklab, #F5F0E8 20%, transparent);
  }
  .text-\[\#F5F0E8\]\/30 {
    color: color-mix(in oklab, #F5F0E8 30%, transparent);
  }
  .text-\[\#F5F0E8\]\/40 {
    color: color-mix(in oklab, #F5F0E8 40%, transparent);
  }
  .text-\[\#F5F0E8\]\/50 {
    color: color-mix(in oklab, #F5F0E8 50%, transparent);
  }
  .text-\[\#F5F0E8\]\/60 {
    color: color-mix(in oklab, #F5F0E8 60%, transparent);
  }
  .text-\[\#F5F0E8\]\/\[0\.03\] {
    color: color-mix(in oklab, #F5F0E8 3%, transparent);
  }
  .text-\[\#F28C40\] {
    color: #F28C40;
  }
  .text-\[\#F0915C\] {
    color: #F0915C;
  }
  .text-\[\#F97316\] {
    color: #F97316;
  }
  .text-\[\#FAD757\] {
    color: #FAD757;
  }
  .text-\[\#FBBF24\] {
    color: #FBBF24;
  }
  .text-\[\#FE322A\] {
    color: #FE322A;
  }
  .text-\[\#FF453A\] {
    color: #FF453A;
  }
  .text-\[\#FF8918\] {
    color: #FF8918;
  }
  .text-\[\#FFD60A\] {
    color: #FFD60A;
  }
  .text-\[\#FFF7F0\] {
    color: #FFF7F0;
  }
  .text-\[\#FFFDE5\] {
    color: #FFFDE5;
  }
  .text-\[\#a1a1aa\] {
    color: #a1a1aa;
  }
  .text-\[\#a9a9a9\] {
    color: #a9a9a9;
  }
  .text-\[\#b39aff\] {
    color: #b39aff;
  }
  .text-\[\#b13600\] {
    color: #b13600;
  }
  .text-\[\#c7c0ae\] {
    color: #c7c0ae;
  }
  .text-\[\#c0123d\] {
    color: #c0123d;
  }
  .text-\[\#eee\] {
    color: #eee;
  }
  .text-\[\#f1ebdc\] {
    color: #f1ebdc;
  }
  .text-\[\#f5b800\] {
    color: #f5b800;
  }
  .text-\[\#f59e0b\] {
    color: #f59e0b;
  }
  .text-\[\#f87171\] {
    color: #f87171;
  }
  .text-\[\#ffaa40\] {
    color: #ffaa40;
  }
  .text-\[\#fff200\] {
    color: #fff200;
  }
  .text-\[\#fff\] {
    color: #fff;
  }
  .text-\[--crm-rose\] {
    color: --crm-rose;
  }
  .text-\[hsl\(203\,92\%\,8\%\)\] {
    color: hsl(203,92%,8%);
  }
  .text-\[hsl\(var\(--foreground\)\)\] {
    color: hsl(var(--foreground));
  }
  .text-\[hsl\(var\(--gray-300\)\/80\)\] {
    color: hsl(var(--gray-300)/80);
  }
  .text-\[hsl\(var\(--sky-300\)\/80\)\] {
    color: hsl(var(--sky-300)/80);
  }
  .text-\[oklch\(0\.7_0\.32_330\)\] {
    color: oklch(0.7 0.32 330);
  }
  .text-\[oklch\(0\.8_0\.28_330\)\] {
    color: oklch(0.8 0.28 330);
  }
  .text-\[rgb\(0\,0\,0\,65\%\)\] {
    color: rgb(0,0,0,65%);
  }
  .text-\[rgba\(255\,69\,58\,0\.6\)\] {
    color: rgba(255,69,58,0.6);
  }
  .text-\[rgba\(255\,255\,255\,0\.1\)\] {
    color: rgba(255,255,255,0.1);
  }
  .text-\[rgba\(255\,255\,255\,0\.2\)\] {
    color: rgba(255,255,255,0.2);
  }
  .text-\[rgba\(255\,255\,255\,0\.3\)\] {
    color: rgba(255,255,255,0.3);
  }
  .text-\[rgba\(255\,255\,255\,0\.4\)\] {
    color: rgba(255,255,255,0.4);
  }
  .text-\[rgba\(255\,255\,255\,0\.5\)\] {
    color: rgba(255,255,255,0.5);
  }
  .text-\[rgba\(255\,255\,255\,0\.6\)\] {
    color: rgba(255,255,255,0.6);
  }
  .text-\[rgba\(255\,255\,255\,0\.7\)\] {
    color: rgba(255,255,255,0.7);
  }
  .text-\[rgba\(255\,255\,255\,0\.8\)\] {
    color: rgba(255,255,255,0.8);
  }
  .text-\[rgba\(255\,255\,255\,0\.9\)\] {
    color: rgba(255,255,255,0.9);
  }
  .text-\[rgba\(255\,255\,255\,0\.15\)\] {
    color: rgba(255,255,255,0.15);
  }
  .text-\[rgba\(255\,255\,255\,0\.25\)\] {
    color: rgba(255,255,255,0.25);
  }
  .text-\[rgba\(255\,255\,255\,0\.35\)\] {
    color: rgba(255,255,255,0.35);
  }
  .text-\[rgba\(255\,255\,255\,0\.40\)\] {
    color: rgba(255,255,255,0.40);
  }
  .text-\[rgba\(255\,255\,255\,0\.45\)\] {
    color: rgba(255,255,255,0.45);
  }
  .text-\[rgba\(255\,255\,255\,0\.50\)\] {
    color: rgba(255,255,255,0.50);
  }
  .text-\[rgba\(255\,255\,255\,0\.55\)\] {
    color: rgba(255,255,255,0.55);
  }
  .text-\[rgba\(255\,255\,255\,0\.60\)\] {
    color: rgba(255,255,255,0.60);
  }
  .text-\[rgba\(255\,255\,255\,0\.65\)\] {
    color: rgba(255,255,255,0.65);
  }
  .text-\[rgba\(255\,255\,255\,0\.70\)\] {
    color: rgba(255,255,255,0.70);
  }
  .text-\[rgba\(255\,255\,255\,0\.75\)\] {
    color: rgba(255,255,255,0.75);
  }
  .text-\[rgba\(255\,255\,255\,0\.80\)\] {
    color: rgba(255,255,255,0.80);
  }
  .text-\[rgba\(255\,255\,255\,0\.85\)\] {
    color: rgba(255,255,255,0.85);
  }
  .text-\[rgba\(255\,255\,255\,0\.88\)\] {
    color: rgba(255,255,255,0.88);
  }
  .text-\[rgba\(255\,255\,255\,0\.92\)\] {
    color: rgba(255,255,255,0.92);
  }
  .text-\[var\(--ag-green\)\] {
    color: var(--ag-green);
  }
  .text-\[var\(--badge-amber-text\)\] {
    color: var(--badge-amber-text);
  }
  .text-\[var\(--badge-blue-secondary-text\)\] {
    color: var(--badge-blue-secondary-text);
  }
  .text-\[var\(--badge-blue-text\)\] {
    color: var(--badge-blue-text);
  }
  .text-\[var\(--badge-cyan-text\)\] {
    color: var(--badge-cyan-text);
  }
  .text-\[var\(--badge-error-text\)\] {
    color: var(--badge-error-text);
  }
  .text-\[var\(--badge-gray-text\)\] {
    color: var(--badge-gray-text);
  }
  .text-\[var\(--badge-orange-text\)\] {
    color: var(--badge-orange-text);
  }
  .text-\[var\(--badge-pink-text\)\] {
    color: var(--badge-pink-text);
  }
  .text-\[var\(--badge-purple-text\)\] {
    color: var(--badge-purple-text);
  }
  .text-\[var\(--badge-success-text\)\] {
    color: var(--badge-success-text);
  }
  .text-\[var\(--badge-teal-text\)\] {
    color: var(--badge-teal-text);
  }
  .text-\[var\(--color-foreground\)\] {
    color: var(--color-foreground);
  }
  .text-\[var\(--color-text\)\] {
    color: var(--color-text);
  }
  .text-\[var\(--diff-add-text\,_\#1a7f37\)\] {
    color: var(--diff-add-text, #1a7f37);
  }
  .text-\[var\(--diff-del-text\,_\#cf222e\)\] {
    color: var(--diff-del-text, #cf222e);
  }
  .text-\[var\(--mono-ink\)\] {
    color: var(--mono-ink);
  }
  .text-\[var\(--mono-ink-2\)\] {
    color: var(--mono-ink-2);
  }
  .text-\[var\(--mono-ink-3\)\] {
    color: var(--mono-ink-3);
  }
  .text-\[var\(--on-accent-foreground\)\] {
    color: var(--on-accent-foreground);
  }
  .text-\[var\(--text-secondary\)\] {
    color: var(--text-secondary);
  }
  .text-accent-foreground {
    color: var(--accent-foreground);
  }
  .text-amber-50 {
    color: var(--color-amber-50);
  }
  .text-amber-100 {
    color: var(--color-amber-100);
  }
  .text-amber-100\/60 {
    color: color-mix(in srgb, oklch(96.2% 0.059 95.617) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-100) 60%, transparent);
    }
  }
  .text-amber-100\/70 {
    color: color-mix(in srgb, oklch(96.2% 0.059 95.617) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-100) 70%, transparent);
    }
  }
  .text-amber-200 {
    color: var(--color-amber-200);
  }
  .text-amber-200\/80 {
    color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-200) 80%, transparent);
    }
  }
  .text-amber-200\/90 {
    color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-200) 90%, transparent);
    }
  }
  .text-amber-300 {
    color: var(--color-amber-300);
  }
  .text-amber-300\/35 {
    color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-300) 35%, transparent);
    }
  }
  .text-amber-300\/55 {
    color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-300) 55%, transparent);
    }
  }
  .text-amber-300\/60 {
    color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-300) 60%, transparent);
    }
  }
  .text-amber-300\/70 {
    color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-300) 70%, transparent);
    }
  }
  .text-amber-300\/80 {
    color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-300) 80%, transparent);
    }
  }
  .text-amber-300\/85 {
    color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-300) 85%, transparent);
    }
  }
  .text-amber-300\/90 {
    color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-300) 90%, transparent);
    }
  }
  .text-amber-400 {
    color: var(--color-amber-400);
  }
  .text-amber-400\/50 {
    color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-400) 50%, transparent);
    }
  }
  .text-amber-400\/70 {
    color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-400) 70%, transparent);
    }
  }
  .text-amber-400\/80 {
    color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-400) 80%, transparent);
    }
  }
  .text-amber-400\/85 {
    color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-400) 85%, transparent);
    }
  }
  .text-amber-400\/90 {
    color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-400) 90%, transparent);
    }
  }
  .text-amber-500 {
    color: var(--color-amber-500);
  }
  .text-amber-500\/80 {
    color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-500) 80%, transparent);
    }
  }
  .text-amber-600 {
    color: var(--color-amber-600);
  }
  .text-amber-600\/80 {
    color: color-mix(in srgb, oklch(66.6% 0.179 58.318) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-600) 80%, transparent);
    }
  }
  .text-amber-700 {
    color: var(--color-amber-700);
  }
  .text-amber-800 {
    color: var(--color-amber-800);
  }
  .text-amber-800\/80 {
    color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-800) 80%, transparent);
    }
  }
  .text-amber-900 {
    color: var(--color-amber-900);
  }
  .text-amber-950 {
    color: var(--color-amber-950);
  }
  .text-background {
    color: var(--background);
  }
  .text-background\/80 {
    color: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--background) 80%, transparent);
    }
  }
  .text-background\/90 {
    color: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--background) 90%, transparent);
    }
  }
  .text-black {
    color: var(--color-black);
  }
  .text-black\/10 {
    color: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  .text-black\/20 {
    color: color-mix(in srgb, #000 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }
  .text-black\/30 {
    color: color-mix(in srgb, #000 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }
  .text-black\/40 {
    color: color-mix(in srgb, #000 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }
  .text-black\/50 {
    color: color-mix(in srgb, #000 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }
  .text-black\/55 {
    color: color-mix(in srgb, #000 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-black) 55%, transparent);
    }
  }
  .text-black\/70 {
    color: color-mix(in srgb, #000 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-black) 70%, transparent);
    }
  }
  .text-black\/80 {
    color: color-mix(in srgb, #000 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
  }
  .text-black\/\[0\.03\] {
    color: color-mix(in srgb, #000 3%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-black) 3%, transparent);
    }
  }
  .text-blue-100 {
    color: var(--color-blue-100);
  }
  .text-blue-100\/80 {
    color: color-mix(in srgb, oklch(93.2% 0.032 255.585) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-blue-100) 80%, transparent);
    }
  }
  .text-blue-100\/90 {
    color: color-mix(in srgb, oklch(93.2% 0.032 255.585) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-blue-100) 90%, transparent);
    }
  }
  .text-blue-200 {
    color: var(--color-blue-200);
  }
  .text-blue-300 {
    color: var(--color-blue-300);
  }
  .text-blue-400 {
    color: var(--color-blue-400);
  }
  .text-blue-400\/60 {
    color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-blue-400) 60%, transparent);
    }
  }
  .text-blue-500 {
    color: var(--color-blue-500);
  }
  .text-blue-600 {
    color: var(--color-blue-600);
  }
  .text-blue-600\/80 {
    color: color-mix(in srgb, oklch(54.6% 0.245 262.881) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-blue-600) 80%, transparent);
    }
  }
  .text-blue-700 {
    color: var(--color-blue-700);
  }
  .text-blue-800 {
    color: var(--color-blue-800);
  }
  .text-blue-900 {
    color: var(--color-blue-900);
  }
  .text-border {
    color: var(--border);
  }
  .text-card {
    color: var(--card);
  }
  .text-card-foreground {
    color: var(--card-foreground);
  }
  .text-card-foreground\/90 {
    color: var(--card-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--card-foreground) 90%, transparent);
    }
  }
  .text-chart-1 {
    color: var(--chart-1);
  }
  .text-chart-2 {
    color: var(--chart-2);
  }
  .text-chart-4 {
    color: var(--chart-4);
  }
  .text-current {
    color: currentcolor;
  }
  .text-cyan-50 {
    color: var(--color-cyan-50);
  }
  .text-cyan-100 {
    color: var(--color-cyan-100);
  }
  .text-cyan-100\/30 {
    color: color-mix(in srgb, oklch(95.6% 0.045 203.388) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-cyan-100) 30%, transparent);
    }
  }
  .text-cyan-100\/70 {
    color: color-mix(in srgb, oklch(95.6% 0.045 203.388) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-cyan-100) 70%, transparent);
    }
  }
  .text-cyan-100\/80 {
    color: color-mix(in srgb, oklch(95.6% 0.045 203.388) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-cyan-100) 80%, transparent);
    }
  }
  .text-cyan-200 {
    color: var(--color-cyan-200);
  }
  .text-cyan-200\/80 {
    color: color-mix(in srgb, oklch(91.7% 0.08 205.041) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-cyan-200) 80%, transparent);
    }
  }
  .text-cyan-300 {
    color: var(--color-cyan-300);
  }
  .text-cyan-300\/70 {
    color: color-mix(in srgb, oklch(86.5% 0.127 207.078) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-cyan-300) 70%, transparent);
    }
  }
  .text-cyan-300\/80 {
    color: color-mix(in srgb, oklch(86.5% 0.127 207.078) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-cyan-300) 80%, transparent);
    }
  }
  .text-cyan-300\/85 {
    color: color-mix(in srgb, oklch(86.5% 0.127 207.078) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-cyan-300) 85%, transparent);
    }
  }
  .text-cyan-400 {
    color: var(--color-cyan-400);
  }
  .text-cyan-400\/80 {
    color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-cyan-400) 80%, transparent);
    }
  }
  .text-cyan-500 {
    color: var(--color-cyan-500);
  }
  .text-cyan-500\/50 {
    color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-cyan-500) 50%, transparent);
    }
  }
  .text-cyan-500\/80 {
    color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-cyan-500) 80%, transparent);
    }
  }
  .text-cyan-600 {
    color: var(--color-cyan-600);
  }
  .text-cyan-700 {
    color: var(--color-cyan-700);
  }
  .text-destructive {
    color: var(--destructive);
  }
  .text-destructive\! {
    color: var(--destructive) !important;
  }
  .text-destructive\/60 {
    color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--destructive) 60%, transparent);
    }
  }
  .text-destructive\/70 {
    color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--destructive) 70%, transparent);
    }
  }
  .text-destructive\/80 {
    color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--destructive) 80%, transparent);
    }
  }
  .text-emerald-50 {
    color: var(--color-emerald-50);
  }
  .text-emerald-50\/95 {
    color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-emerald-50) 95%, transparent);
    }
  }
  .text-emerald-100 {
    color: var(--color-emerald-100);
  }
  .text-emerald-100\/70 {
    color: color-mix(in srgb, oklch(95% 0.052 163.051) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-emerald-100) 70%, transparent);
    }
  }
  .text-emerald-100\/90 {
    color: color-mix(in srgb, oklch(95% 0.052 163.051) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-emerald-100) 90%, transparent);
    }
  }
  .text-emerald-100\/95 {
    color: color-mix(in srgb, oklch(95% 0.052 163.051) 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-emerald-100) 95%, transparent);
    }
  }
  .text-emerald-200 {
    color: var(--color-emerald-200);
  }
  .text-emerald-200\/50 {
    color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-emerald-200) 50%, transparent);
    }
  }
  .text-emerald-200\/60 {
    color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-emerald-200) 60%, transparent);
    }
  }
  .text-emerald-200\/85 {
    color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-emerald-200) 85%, transparent);
    }
  }
  .text-emerald-200\/90 {
    color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-emerald-200) 90%, transparent);
    }
  }
  .text-emerald-300 {
    color: var(--color-emerald-300);
  }
  .text-emerald-300\/70 {
    color: color-mix(in srgb, oklch(84.5% 0.143 164.978) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-emerald-300) 70%, transparent);
    }
  }
  .text-emerald-300\/85 {
    color: color-mix(in srgb, oklch(84.5% 0.143 164.978) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-emerald-300) 85%, transparent);
    }
  }
  .text-emerald-300\/90 {
    color: color-mix(in srgb, oklch(84.5% 0.143 164.978) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-emerald-300) 90%, transparent);
    }
  }
  .text-emerald-300\/95 {
    color: color-mix(in srgb, oklch(84.5% 0.143 164.978) 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-emerald-300) 95%, transparent);
    }
  }
  .text-emerald-400 {
    color: var(--color-emerald-400);
  }
  .text-emerald-400\/50 {
    color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-emerald-400) 50%, transparent);
    }
  }
  .text-emerald-400\/55 {
    color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-emerald-400) 55%, transparent);
    }
  }
  .text-emerald-400\/70 {
    color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-emerald-400) 70%, transparent);
    }
  }
  .text-emerald-400\/80 {
    color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-emerald-400) 80%, transparent);
    }
  }
  .text-emerald-400\/85 {
    color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-emerald-400) 85%, transparent);
    }
  }
  .text-emerald-500 {
    color: var(--color-emerald-500);
  }
  .text-emerald-500\/50 {
    color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-emerald-500) 50%, transparent);
    }
  }
  .text-emerald-500\/70 {
    color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-emerald-500) 70%, transparent);
    }
  }
  .text-emerald-600 {
    color: var(--color-emerald-600);
  }
  .text-emerald-600\/70 {
    color: color-mix(in srgb, oklch(59.6% 0.145 163.225) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-emerald-600) 70%, transparent);
    }
  }
  .text-emerald-600\/80 {
    color: color-mix(in srgb, oklch(59.6% 0.145 163.225) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-emerald-600) 80%, transparent);
    }
  }
  .text-emerald-700 {
    color: var(--color-emerald-700);
  }
  .text-emerald-800 {
    color: var(--color-emerald-800);
  }
  .text-foreground {
    color: var(--foreground);
  }
  .text-foreground\! {
    color: var(--foreground) !important;
  }
  .text-foreground\/10 {
    color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }
  .text-foreground\/15 {
    color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--foreground) 15%, transparent);
    }
  }
  .text-foreground\/20 {
    color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--foreground) 20%, transparent);
    }
  }
  .text-foreground\/25 {
    color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--foreground) 25%, transparent);
    }
  }
  .text-foreground\/30 {
    color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--foreground) 30%, transparent);
    }
  }
  .text-foreground\/40 {
    color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--foreground) 40%, transparent);
    }
  }
  .text-foreground\/45 {
    color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--foreground) 45%, transparent);
    }
  }
  .text-foreground\/50 {
    color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--foreground) 50%, transparent);
    }
  }
  .text-foreground\/60 {
    color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--foreground) 60%, transparent);
    }
  }
  .text-foreground\/70 {
    color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--foreground) 70%, transparent);
    }
  }
  .text-foreground\/75 {
    color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--foreground) 75%, transparent);
    }
  }
  .text-foreground\/80 {
    color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--foreground) 80%, transparent);
    }
  }
  .text-foreground\/85 {
    color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--foreground) 85%, transparent);
    }
  }
  .text-foreground\/90 {
    color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--foreground) 90%, transparent);
    }
  }
  .text-foreground\/\[0\.04\] {
    color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--foreground) 4%, transparent);
    }
  }
  .text-foreground\/\[0\.025\] {
    color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--foreground) 2.5%, transparent);
    }
  }
  .text-fuchsia-50\/90 {
    color: color-mix(in srgb, oklch(97.7% 0.017 320.058) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-fuchsia-50) 90%, transparent);
    }
  }
  .text-fuchsia-100 {
    color: var(--color-fuchsia-100);
  }
  .text-fuchsia-100\/70 {
    color: color-mix(in srgb, oklch(95.2% 0.037 318.852) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-fuchsia-100) 70%, transparent);
    }
  }
  .text-fuchsia-200 {
    color: var(--color-fuchsia-200);
  }
  .text-fuchsia-200\/80 {
    color: color-mix(in srgb, oklch(90.3% 0.076 319.62) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-fuchsia-200) 80%, transparent);
    }
  }
  .text-fuchsia-300 {
    color: var(--color-fuchsia-300);
  }
  .text-fuchsia-300\/70 {
    color: color-mix(in srgb, oklch(83.3% 0.145 321.434) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-fuchsia-300) 70%, transparent);
    }
  }
  .text-fuchsia-300\/80 {
    color: color-mix(in srgb, oklch(83.3% 0.145 321.434) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-fuchsia-300) 80%, transparent);
    }
  }
  .text-fuchsia-400 {
    color: var(--color-fuchsia-400);
  }
  .text-fuchsia-500 {
    color: var(--color-fuchsia-500);
  }
  .text-fuchsia-600 {
    color: var(--color-fuchsia-600);
  }
  .text-gray-50 {
    color: var(--color-gray-50);
  }
  .text-gray-100 {
    color: var(--color-gray-100);
  }
  .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-green-100 {
    color: var(--color-green-100);
  }
  .text-green-200 {
    color: var(--color-green-200);
  }
  .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-100 {
    color: var(--color-indigo-100);
  }
  .text-indigo-100\/60 {
    color: color-mix(in srgb, oklch(93% 0.034 272.788) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-indigo-100) 60%, transparent);
    }
  }
  .text-indigo-100\/70 {
    color: color-mix(in srgb, oklch(93% 0.034 272.788) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-indigo-100) 70%, transparent);
    }
  }
  .text-indigo-100\/80 {
    color: color-mix(in srgb, oklch(93% 0.034 272.788) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-indigo-100) 80%, transparent);
    }
  }
  .text-indigo-200 {
    color: var(--color-indigo-200);
  }
  .text-indigo-200\/50 {
    color: color-mix(in srgb, oklch(87% 0.065 274.039) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-indigo-200) 50%, transparent);
    }
  }
  .text-indigo-200\/55 {
    color: color-mix(in srgb, oklch(87% 0.065 274.039) 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-indigo-200) 55%, transparent);
    }
  }
  .text-indigo-200\/70 {
    color: color-mix(in srgb, oklch(87% 0.065 274.039) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-indigo-200) 70%, transparent);
    }
  }
  .text-indigo-200\/80 {
    color: color-mix(in srgb, oklch(87% 0.065 274.039) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-indigo-200) 80%, transparent);
    }
  }
  .text-indigo-200\/90 {
    color: color-mix(in srgb, oklch(87% 0.065 274.039) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-indigo-200) 90%, transparent);
    }
  }
  .text-indigo-300 {
    color: var(--color-indigo-300);
  }
  .text-indigo-300\/80 {
    color: color-mix(in srgb, oklch(78.5% 0.115 274.713) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-indigo-300) 80%, transparent);
    }
  }
  .text-indigo-400 {
    color: var(--color-indigo-400);
  }
  .text-indigo-400\/8 {
    color: color-mix(in srgb, oklch(67.3% 0.182 276.935) 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-indigo-400) 8%, transparent);
    }
  }
  .text-indigo-400\/10 {
    color: color-mix(in srgb, oklch(67.3% 0.182 276.935) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-indigo-400) 10%, transparent);
    }
  }
  .text-indigo-400\/15 {
    color: color-mix(in srgb, oklch(67.3% 0.182 276.935) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-indigo-400) 15%, transparent);
    }
  }
  .text-indigo-400\/60 {
    color: color-mix(in srgb, oklch(67.3% 0.182 276.935) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-indigo-400) 60%, transparent);
    }
  }
  .text-indigo-500 {
    color: var(--color-indigo-500);
  }
  .text-indigo-500\/10 {
    color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent);
    }
  }
  .text-indigo-500\/30 {
    color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-indigo-500) 30%, transparent);
    }
  }
  .text-indigo-600 {
    color: var(--color-indigo-600);
  }
  .text-indigo-700 {
    color: var(--color-indigo-700);
  }
  .text-indigo-800 {
    color: var(--color-indigo-800);
  }
  .text-inherit {
    color: inherit;
  }
  .text-lime-200 {
    color: var(--color-lime-200);
  }
  .text-lime-400 {
    color: var(--color-lime-400);
  }
  .text-lime-500 {
    color: var(--color-lime-500);
  }
  .text-muted {
    color: var(--muted);
  }
  .text-muted-foreground {
    color: var(--muted-foreground);
  }
  .text-muted-foreground\/0 {
    color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--muted-foreground) 0%, transparent);
    }
  }
  .text-muted-foreground\/30 {
    color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--muted-foreground) 30%, transparent);
    }
  }
  .text-muted-foreground\/40 {
    color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
    }
  }
  .text-muted-foreground\/45 {
    color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--muted-foreground) 45%, transparent);
    }
  }
  .text-muted-foreground\/50 {
    color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
    }
  }
  .text-muted-foreground\/55 {
    color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--muted-foreground) 55%, transparent);
    }
  }
  .text-muted-foreground\/60 {
    color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
    }
  }
  .text-muted-foreground\/70 {
    color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
    }
  }
  .text-muted-foreground\/72 {
    color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--muted-foreground) 72%, transparent);
    }
  }
  .text-muted-foreground\/80 {
    color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--muted-foreground) 80%, transparent);
    }
  }
  .text-muted-foreground\/90 {
    color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--muted-foreground) 90%, transparent);
    }
  }
  .text-neutral-50 {
    color: var(--color-neutral-50);
  }
  .text-neutral-100 {
    color: var(--color-neutral-100);
  }
  .text-neutral-200 {
    color: var(--color-neutral-200);
  }
  .text-neutral-200\/80 {
    color: color-mix(in srgb, oklch(92.2% 0 0) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-neutral-200) 80%, transparent);
    }
  }
  .text-neutral-300 {
    color: var(--color-neutral-300);
  }
  .text-neutral-300\/80 {
    color: color-mix(in srgb, oklch(87% 0 0) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-neutral-300) 80%, transparent);
    }
  }
  .text-neutral-300\/90 {
    color: color-mix(in srgb, oklch(87% 0 0) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-neutral-300) 90%, transparent);
    }
  }
  .text-neutral-400 {
    color: var(--color-neutral-400);
  }
  .text-neutral-400\/80 {
    color: color-mix(in srgb, oklch(70.8% 0 0) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-neutral-400) 80%, transparent);
    }
  }
  .text-neutral-500 {
    color: var(--color-neutral-500);
  }
  .text-neutral-500\/80 {
    color: color-mix(in srgb, oklch(55.6% 0 0) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-neutral-500) 80%, transparent);
    }
  }
  .text-neutral-600 {
    color: var(--color-neutral-600);
  }
  .text-neutral-600\/70 {
    color: color-mix(in srgb, oklch(43.9% 0 0) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-neutral-600) 70%, transparent);
    }
  }
  .text-neutral-700 {
    color: var(--color-neutral-700);
  }
  .text-neutral-800 {
    color: var(--color-neutral-800);
  }
  .text-neutral-800\/10 {
    color: color-mix(in srgb, oklch(26.9% 0 0) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-neutral-800) 10%, transparent);
    }
  }
  .text-neutral-800\/80 {
    color: color-mix(in srgb, oklch(26.9% 0 0) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-neutral-800) 80%, transparent);
    }
  }
  .text-neutral-900 {
    color: var(--color-neutral-900);
  }
  .text-neutral-950 {
    color: var(--color-neutral-950);
  }
  .text-orange-50 {
    color: var(--color-orange-50);
  }
  .text-orange-100\/90 {
    color: color-mix(in srgb, oklch(95.4% 0.038 75.164) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-orange-100) 90%, transparent);
    }
  }
  .text-orange-200 {
    color: var(--color-orange-200);
  }
  .text-orange-300\/85 {
    color: color-mix(in srgb, oklch(83.7% 0.128 66.29) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-orange-300) 85%, transparent);
    }
  }
  .text-orange-400 {
    color: var(--color-orange-400);
  }
  .text-orange-500 {
    color: var(--color-orange-500);
  }
  .text-orange-500\/50 {
    color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-orange-500) 50%, transparent);
    }
  }
  .text-orange-600 {
    color: var(--color-orange-600);
  }
  .text-orange-700 {
    color: var(--color-orange-700);
  }
  .text-orange-800 {
    color: var(--color-orange-800);
  }
  .text-orange-950 {
    color: var(--color-orange-950);
  }
  .text-pink-200\/80 {
    color: color-mix(in srgb, oklch(89.9% 0.061 343.231) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-pink-200) 80%, transparent);
    }
  }
  .text-pink-400 {
    color: var(--color-pink-400);
  }
  .text-pink-500 {
    color: var(--color-pink-500);
  }
  .text-pink-600 {
    color: var(--color-pink-600);
  }
  .text-pink-800 {
    color: var(--color-pink-800);
  }
  .text-popover-foreground {
    color: var(--popover-foreground);
  }
  .text-primary {
    color: var(--primary);
  }
  .text-primary\! {
    color: var(--primary) !important;
  }
  .text-primary-foreground {
    color: var(--primary-foreground);
  }
  .text-primary-foreground\! {
    color: var(--primary-foreground) !important;
  }
  .text-primary-foreground\/40 {
    color: var(--primary-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--primary-foreground) 40%, transparent);
    }
  }
  .text-primary-foreground\/60 {
    color: var(--primary-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--primary-foreground) 60%, transparent);
    }
  }
  .text-primary-foreground\/70 {
    color: var(--primary-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--primary-foreground) 70%, transparent);
    }
  }
  .text-primary-foreground\/75 {
    color: var(--primary-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--primary-foreground) 75%, transparent);
    }
  }
  .text-primary-foreground\/80 {
    color: var(--primary-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--primary-foreground) 80%, transparent);
    }
  }
  .text-primary-foreground\/85 {
    color: var(--primary-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--primary-foreground) 85%, transparent);
    }
  }
  .text-primary\/30 {
    color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--primary) 30%, transparent);
    }
  }
  .text-primary\/60 {
    color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--primary) 60%, transparent);
    }
  }
  .text-primary\/70 {
    color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--primary) 70%, transparent);
    }
  }
  .text-primary\/80 {
    color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--primary) 80%, transparent);
    }
  }
  .text-primary\/90 {
    color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--primary) 90%, transparent);
    }
  }
  .text-purple-100\/80 {
    color: color-mix(in srgb, oklch(94.6% 0.033 307.174) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-purple-100) 80%, transparent);
    }
  }
  .text-purple-200 {
    color: var(--color-purple-200);
  }
  .text-purple-200\/70 {
    color: color-mix(in srgb, oklch(90.2% 0.063 306.703) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-purple-200) 70%, transparent);
    }
  }
  .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-800 {
    color: var(--color-purple-800);
  }
  .text-red-50 {
    color: var(--color-red-50);
  }
  .text-red-100 {
    color: var(--color-red-100);
  }
  .text-red-200 {
    color: var(--color-red-200);
  }
  .text-red-200\/80 {
    color: color-mix(in srgb, oklch(88.5% 0.062 18.334) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-red-200) 80%, transparent);
    }
  }
  .text-red-200\/85 {
    color: color-mix(in srgb, oklch(88.5% 0.062 18.334) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-red-200) 85%, transparent);
    }
  }
  .text-red-300 {
    color: var(--color-red-300);
  }
  .text-red-300\/75 {
    color: color-mix(in srgb, oklch(80.8% 0.114 19.571) 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-red-300) 75%, transparent);
    }
  }
  .text-red-300\/80 {
    color: color-mix(in srgb, oklch(80.8% 0.114 19.571) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-red-300) 80%, transparent);
    }
  }
  .text-red-300\/85 {
    color: color-mix(in srgb, oklch(80.8% 0.114 19.571) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-red-300) 85%, transparent);
    }
  }
  .text-red-300\/90 {
    color: color-mix(in srgb, oklch(80.8% 0.114 19.571) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-red-300) 90%, transparent);
    }
  }
  .text-red-400 {
    color: var(--color-red-400);
  }
  .text-red-400\/50 {
    color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-red-400) 50%, transparent);
    }
  }
  .text-red-400\/70 {
    color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-red-400) 70%, transparent);
    }
  }
  .text-red-400\/75 {
    color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-red-400) 75%, transparent);
    }
  }
  .text-red-400\/80 {
    color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-red-400) 80%, transparent);
    }
  }
  .text-red-400\/85 {
    color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-red-400) 85%, transparent);
    }
  }
  .text-red-400\/90 {
    color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-red-400) 90%, transparent);
    }
  }
  .text-red-500 {
    color: var(--color-red-500);
  }
  .text-red-500\/50 {
    color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-red-500) 50%, transparent);
    }
  }
  .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-rose-50 {
    color: var(--color-rose-50);
  }
  .text-rose-100\/85 {
    color: color-mix(in srgb, oklch(94.1% 0.03 12.58) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-rose-100) 85%, transparent);
    }
  }
  .text-rose-200 {
    color: var(--color-rose-200);
  }
  .text-rose-200\/70 {
    color: color-mix(in srgb, oklch(89.2% 0.058 10.001) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-rose-200) 70%, transparent);
    }
  }
  .text-rose-200\/90 {
    color: color-mix(in srgb, oklch(89.2% 0.058 10.001) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-rose-200) 90%, transparent);
    }
  }
  .text-rose-300 {
    color: var(--color-rose-300);
  }
  .text-rose-300\/55 {
    color: color-mix(in srgb, oklch(81% 0.117 11.638) 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-rose-300) 55%, transparent);
    }
  }
  .text-rose-300\/65 {
    color: color-mix(in srgb, oklch(81% 0.117 11.638) 65%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-rose-300) 65%, transparent);
    }
  }
  .text-rose-300\/70 {
    color: color-mix(in srgb, oklch(81% 0.117 11.638) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-rose-300) 70%, transparent);
    }
  }
  .text-rose-300\/80 {
    color: color-mix(in srgb, oklch(81% 0.117 11.638) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-rose-300) 80%, transparent);
    }
  }
  .text-rose-300\/85 {
    color: color-mix(in srgb, oklch(81% 0.117 11.638) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-rose-300) 85%, transparent);
    }
  }
  .text-rose-300\/90 {
    color: color-mix(in srgb, oklch(81% 0.117 11.638) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-rose-300) 90%, transparent);
    }
  }
  .text-rose-300\/95 {
    color: color-mix(in srgb, oklch(81% 0.117 11.638) 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-rose-300) 95%, transparent);
    }
  }
  .text-rose-400 {
    color: var(--color-rose-400);
  }
  .text-rose-400\/55 {
    color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-rose-400) 55%, transparent);
    }
  }
  .text-rose-400\/85 {
    color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-rose-400) 85%, transparent);
    }
  }
  .text-rose-500 {
    color: var(--color-rose-500);
  }
  .text-rose-500\/70 {
    color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-rose-500) 70%, transparent);
    }
  }
  .text-rose-600 {
    color: var(--color-rose-600);
  }
  .text-rose-600\/80 {
    color: color-mix(in srgb, oklch(58.6% 0.253 17.585) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-rose-600) 80%, transparent);
    }
  }
  .text-rose-700 {
    color: var(--color-rose-700);
  }
  .text-rose-800\/80 {
    color: color-mix(in srgb, oklch(45.5% 0.188 13.697) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-rose-800) 80%, transparent);
    }
  }
  .text-rose-900 {
    color: var(--color-rose-900);
  }
  .text-secondary {
    color: var(--secondary);
  }
  .text-secondary-foreground {
    color: var(--secondary-foreground);
  }
  .text-secondary-foreground\! {
    color: var(--secondary-foreground) !important;
  }
  .text-secondary\/60 {
    color: var(--secondary);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--secondary) 60%, transparent);
    }
  }
  .text-secondary\/90 {
    color: var(--secondary);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--secondary) 90%, transparent);
    }
  }
  .text-sidebar-accent-foreground {
    color: var(--sidebar-accent-foreground);
  }
  .text-sidebar-foreground {
    color: var(--sidebar-foreground);
  }
  .text-sidebar-foreground\/70 {
    color: var(--sidebar-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent);
    }
  }
  .text-sidebar-foreground\/80 {
    color: var(--sidebar-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--sidebar-foreground) 80%, transparent);
    }
  }
  .text-sidebar-primary-foreground {
    color: var(--sidebar-primary-foreground);
  }
  .text-sky-50 {
    color: var(--color-sky-50);
  }
  .text-sky-100 {
    color: var(--color-sky-100);
  }
  .text-sky-200 {
    color: var(--color-sky-200);
  }
  .text-sky-300 {
    color: var(--color-sky-300);
  }
  .text-sky-300\/75 {
    color: color-mix(in srgb, oklch(82.8% 0.111 230.318) 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-sky-300) 75%, transparent);
    }
  }
  .text-sky-300\/85 {
    color: color-mix(in srgb, oklch(82.8% 0.111 230.318) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-sky-300) 85%, transparent);
    }
  }
  .text-sky-300\/90 {
    color: color-mix(in srgb, oklch(82.8% 0.111 230.318) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-sky-300) 90%, transparent);
    }
  }
  .text-sky-400 {
    color: var(--color-sky-400);
  }
  .text-sky-400\/80 {
    color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-sky-400) 80%, transparent);
    }
  }
  .text-sky-500 {
    color: var(--color-sky-500);
  }
  .text-sky-600 {
    color: var(--color-sky-600);
  }
  .text-sky-700 {
    color: var(--color-sky-700);
  }
  .text-sky-800\/80 {
    color: color-mix(in srgb, oklch(44.3% 0.11 240.79) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-sky-800) 80%, transparent);
    }
  }
  .text-sky-900 {
    color: var(--color-sky-900);
  }
  .text-slate-50 {
    color: var(--color-slate-50);
  }
  .text-slate-100 {
    color: var(--color-slate-100);
  }
  .text-slate-200 {
    color: var(--color-slate-200);
  }
  .text-slate-200\/80 {
    color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-slate-200) 80%, transparent);
    }
  }
  .text-slate-300 {
    color: var(--color-slate-300);
  }
  .text-slate-300\/80 {
    color: color-mix(in srgb, oklch(86.9% 0.022 252.894) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-slate-300) 80%, transparent);
    }
  }
  .text-slate-300\/90 {
    color: color-mix(in srgb, oklch(86.9% 0.022 252.894) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-slate-300) 90%, transparent);
    }
  }
  .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-800 {
    color: var(--color-slate-800);
  }
  .text-slate-900 {
    color: var(--color-slate-900);
  }
  .text-slate-950 {
    color: var(--color-slate-950);
  }
  .text-stone-100 {
    color: var(--color-stone-100);
  }
  .text-stone-200 {
    color: var(--color-stone-200);
  }
  .text-stone-300 {
    color: var(--color-stone-300);
  }
  .text-stone-400 {
    color: var(--color-stone-400);
  }
  .text-stone-500 {
    color: var(--color-stone-500);
  }
  .text-stone-600 {
    color: var(--color-stone-600);
  }
  .text-stone-700 {
    color: var(--color-stone-700);
  }
  .text-stone-800 {
    color: var(--color-stone-800);
  }
  .text-stone-900 {
    color: var(--color-stone-900);
  }
  .text-stone-950 {
    color: var(--color-stone-950);
  }
  .text-teal-100 {
    color: var(--color-teal-100);
  }
  .text-transparent {
    color: transparent;
  }
  .text-violet-50 {
    color: var(--color-violet-50);
  }
  .text-violet-200 {
    color: var(--color-violet-200);
  }
  .text-violet-300 {
    color: var(--color-violet-300);
  }
  .text-violet-300\/85 {
    color: color-mix(in srgb, oklch(81.1% 0.111 293.571) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-violet-300) 85%, transparent);
    }
  }
  .text-violet-400 {
    color: var(--color-violet-400);
  }
  .text-violet-500 {
    color: var(--color-violet-500);
  }
  .text-violet-600 {
    color: var(--color-violet-600);
  }
  .text-violet-600\/80 {
    color: color-mix(in srgb, oklch(54.1% 0.281 293.009) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-violet-600) 80%, transparent);
    }
  }
  .text-violet-700 {
    color: var(--color-violet-700);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/10 {
    color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .text-white\/15 {
    color: color-mix(in srgb, #fff 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }
  .text-white\/20 {
    color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .text-white\/25 {
    color: color-mix(in srgb, #fff 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }
  .text-white\/30 {
    color: color-mix(in srgb, #fff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  .text-white\/35 {
    color: color-mix(in srgb, #fff 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 35%, transparent);
    }
  }
  .text-white\/40 {
    color: color-mix(in srgb, #fff 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }
  .text-white\/45 {
    color: color-mix(in srgb, #fff 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 45%, transparent);
    }
  }
  .text-white\/50 {
    color: color-mix(in srgb, #fff 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }
  .text-white\/55 {
    color: color-mix(in srgb, #fff 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 55%, transparent);
    }
  }
  .text-white\/60 {
    color: color-mix(in srgb, #fff 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }
  .text-white\/65 {
    color: color-mix(in srgb, #fff 65%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 65%, transparent);
    }
  }
  .text-white\/70 {
    color: color-mix(in srgb, #fff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .text-white\/75 {
    color: color-mix(in srgb, #fff 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 75%, transparent);
    }
  }
  .text-white\/80 {
    color: color-mix(in srgb, #fff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .text-white\/85 {
    color: color-mix(in srgb, #fff 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 85%, transparent);
    }
  }
  .text-white\/90 {
    color: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .text-white\/95 {
    color: color-mix(in srgb, #fff 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
  }
  .text-white\/\[0\.08\] {
    color: color-mix(in srgb, #fff 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }
  .text-white\/\[0\.15\] {
    color: color-mix(in srgb, #fff 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }
  .text-yellow-200 {
    color: var(--color-yellow-200);
  }
  .text-yellow-400 {
    color: var(--color-yellow-400);
  }
  .text-yellow-400\/80 {
    color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-yellow-400) 80%, transparent);
    }
  }
  .text-yellow-500 {
    color: var(--color-yellow-500);
  }
  .text-yellow-600 {
    color: var(--color-yellow-600);
  }
  .text-yellow-700 {
    color: var(--color-yellow-700);
  }
  .text-yellow-800 {
    color: var(--color-yellow-800);
  }
  .text-zinc-50 {
    color: var(--color-zinc-50);
  }
  .text-zinc-100 {
    color: var(--color-zinc-100);
  }
  .text-zinc-200 {
    color: var(--color-zinc-200);
  }
  .text-zinc-300 {
    color: var(--color-zinc-300);
  }
  .text-zinc-400 {
    color: var(--color-zinc-400);
  }
  .text-zinc-500 {
    color: var(--color-zinc-500);
  }
  .text-zinc-600 {
    color: var(--color-zinc-600);
  }
  .text-zinc-700 {
    color: var(--color-zinc-700);
  }
  .text-zinc-800 {
    color: var(--color-zinc-800);
  }
  .text-zinc-900 {
    color: var(--color-zinc-900);
  }
  .text-zinc-950 {
    color: var(--color-zinc-950);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .normal-case {
    text-transform: none;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .not-italic {
    font-style: normal;
  }
  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .overline {
    text-decoration-line: overline;
  }
  .underline {
    text-decoration-line: underline;
  }
  .decoration-border {
    text-decoration-color: var(--border);
  }
  .decoration-gray-400 {
    text-decoration-color: var(--color-gray-400);
  }
  .decoration-muted-foreground\/40 {
    text-decoration-color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
    }
  }
  .decoration-primary\/60 {
    text-decoration-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--primary) 60%, transparent);
    }
  }
  .decoration-white\/10 {
    text-decoration-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .decoration-white\/30 {
    text-decoration-color: color-mix(in srgb, #fff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  .decoration-dotted {
    text-decoration-style: dotted;
  }
  .decoration-1 {
    text-decoration-thickness: 1px;
  }
  .underline-offset-2 {
    text-underline-offset: 2px;
  }
  .underline-offset-4 {
    text-underline-offset: 4px;
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .placeholder-\[\#4a3828\] {
    &::placeholder {
      color: #4a3828;
    }
  }
  .placeholder-\[rgba\(255\,255\,255\,0\.3\)\] {
    &::placeholder {
      color: rgba(255,255,255,0.3);
    }
  }
  .placeholder-\[rgba\(255\,255\,255\,0\.25\)\] {
    &::placeholder {
      color: rgba(255,255,255,0.25);
    }
  }
  .placeholder-\[rgba\(255\,255\,255\,0\.45\)\] {
    &::placeholder {
      color: rgba(255,255,255,0.45);
    }
  }
  .placeholder-\[rgba\(255\,255\,255\,0\.70\)\] {
    &::placeholder {
      color: rgba(255,255,255,0.70);
    }
  }
  .placeholder-gray-400 {
    &::placeholder {
      color: var(--color-gray-400);
    }
  }
  .placeholder-gray-500 {
    &::placeholder {
      color: var(--color-gray-500);
    }
  }
  .placeholder-muted-foreground {
    &::placeholder {
      color: var(--muted-foreground);
    }
  }
  .placeholder-neutral-400 {
    &::placeholder {
      color: var(--color-neutral-400);
    }
  }
  .placeholder-slate-600 {
    &::placeholder {
      color: var(--color-slate-600);
    }
  }
  .placeholder-transparent {
    &::placeholder {
      color: transparent;
    }
  }
  .placeholder-violet-300 {
    &::placeholder {
      color: var(--color-violet-300);
    }
  }
  .placeholder-white\/25 {
    &::placeholder {
      color: color-mix(in srgb, #fff 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 25%, transparent);
      }
    }
  }
  .placeholder-white\/30 {
    &::placeholder {
      color: color-mix(in srgb, #fff 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 30%, transparent);
      }
    }
  }
  .placeholder-white\/35 {
    &::placeholder {
      color: color-mix(in srgb, #fff 35%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 35%, transparent);
      }
    }
  }
  .placeholder-white\/50 {
    &::placeholder {
      color: color-mix(in srgb, #fff 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 50%, transparent);
      }
    }
  }
  .placeholder-zinc-500 {
    &::placeholder {
      color: var(--color-zinc-500);
    }
  }
  .caret-green-400 {
    caret-color: var(--color-green-400);
  }
  .caret-primary {
    caret-color: var(--primary);
  }
  .caret-transparent {
    caret-color: transparent;
  }
  .accent-\[\#DA4E24\] {
    accent-color: #DA4E24;
  }
  .accent-cyan-400 {
    accent-color: var(--color-cyan-400);
  }
  .accent-cyan-500 {
    accent-color: var(--color-cyan-500);
  }
  .accent-foreground {
    accent-color: var(--foreground);
  }
  .accent-primary {
    accent-color: var(--primary);
  }
  .accent-violet-400 {
    accent-color: var(--color-violet-400);
  }
  .accent-white {
    accent-color: var(--color-white);
  }
  .accent-yellow-400 {
    accent-color: var(--color-yellow-400);
  }
  .\[color-scheme\:dark\] {
    color-scheme: dark;
  }
  .opacity-\(--opacity\) {
    opacity: var(--opacity);
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-1 {
    opacity: 1%;
  }
  .opacity-5 {
    opacity: 5%;
  }
  .opacity-10 {
    opacity: 10%;
  }
  .opacity-15 {
    opacity: 15%;
  }
  .opacity-20 {
    opacity: 20%;
  }
  .opacity-25 {
    opacity: 25%;
  }
  .opacity-30 {
    opacity: 30%;
  }
  .opacity-40 {
    opacity: 40%;
  }
  .opacity-45 {
    opacity: 45%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-55 {
    opacity: 55%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-75 {
    opacity: 75%;
  }
  .opacity-80 {
    opacity: 80%;
  }
  .opacity-90 {
    opacity: 90%;
  }
  .opacity-95 {
    opacity: 95%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .opacity-\[0\.03\] {
    opacity: 0.03;
  }
  .opacity-\[0\.04\] {
    opacity: 0.04;
  }
  .opacity-\[0\.05\] {
    opacity: 0.05;
  }
  .opacity-\[0\.5\] {
    opacity: 0.5;
  }
  .opacity-\[0\.06\] {
    opacity: 0.06;
  }
  .opacity-\[0\.07\] {
    opacity: 0.07;
  }
  .opacity-\[0\.08\] {
    opacity: 0.08;
  }
  .opacity-\[0\.09\] {
    opacity: 0.09;
  }
  .opacity-\[0\.12\] {
    opacity: 0.12;
  }
  .opacity-\[0\.13\] {
    opacity: 0.13;
  }
  .opacity-\[0\.15\] {
    opacity: 0.15;
  }
  .opacity-\[0\.18\] {
    opacity: 0.18;
  }
  .opacity-\[0\.035\] {
    opacity: 0.035;
  }
  .opacity-\[0\.045\] {
    opacity: 0.045;
  }
  .opacity-\[90\] {
    opacity: 90;
  }
  .opacity-\[calc\(1-var\(--drawer-swipe-progress\)\)\] {
    opacity: calc(1 - var(--drawer-swipe-progress));
  }
  .bg-blend-color {
    background-blend-mode: color;
  }
  .bg-blend-luminosity {
    background-blend-mode: luminosity;
  }
  .bg-blend-overlay {
    background-blend-mode: overlay;
  }
  .\[mix-blend-mode\:var\(--blending-value\)\] {
    mix-blend-mode: var(--blending-value);
  }
  .mix-blend-difference {
    mix-blend-mode: difference;
  }
  .mix-blend-exclusion {
    mix-blend-mode: exclusion;
  }
  .mix-blend-lighten {
    mix-blend-mode: lighten;
  }
  .mix-blend-multiply {
    mix-blend-mode: multiply;
  }
  .mix-blend-normal {
    mix-blend-mode: normal;
  }
  .mix-blend-overlay {
    mix-blend-mode: overlay;
  }
  .mix-blend-screen {
    mix-blend-mode: screen;
  }
  .mix-blend-soft-light {
    mix-blend-mode: soft-light;
  }
  .shadow-lg\/5 {
    --tw-shadow-alpha: 5%;
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.1) l a b / 5%)), 0 4px 6px -4px var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.1) l a b / 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-sm\/5 {
    --tw-shadow-alpha: 5%;
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.1) l a b / 5%)), 0 1px 2px -1px var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.1) l a b / 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-xs\/5 {
    --tw-shadow-alpha: 5%;
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.05) l a b / 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 {
    --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-2xs {
    --tw-shadow: 0 1px 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-\[0_-2px_0_\#222\] {
    --tw-shadow: 0 -2px 0 var(--tw-shadow-color, #222);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_1px_\#ffffff10\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #ffffff10);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border)));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_1px_rgba\(0\,0\,0\,0\.08\)\,0px_1px_2px_rgba\(0\,0\,0\,0\.04\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(0,0,0,0.08)), 0px 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.04));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_1px_rgba\(0\,0\,0\,0\.08\)\,0px_2px_2px_rgba\(0\,0\,0\,0\.04\)\,0px_8px_16px_-4px_rgba\(0\,0\,0\,0\.04\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(0,0,0,0.08)), 0px 2px 2px var(--tw-shadow-color, rgba(0,0,0,0.04)), 0px 8px 16px -4px var(--tw-shadow-color, rgba(0,0,0,0.04));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_1px_rgba\(0\,0\,0\,0\.18\)\,0_40px_70px_-20px_rgba\(0\,0\,0\,0\.65\)\,0_20px_40px_-20px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(0,0,0,0.18)), 0 40px 70px -20px var(--tw-shadow-color, rgba(0,0,0,0.65)), 0 20px 40px -20px var(--tw-shadow-color, rgba(0,0,0,0.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-\[0_0_0_1px_rgba\(34\,197\,94\,0\.08\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(34,197,94,0.08));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_1px_rgba\(255\,255\,255\,0\.1\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(255,255,255,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-\[0_0_0_1px_var\(--sidebar-border\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-border));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_2px_\#1a1a1a\] {
    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, #1a1a1a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_3px_rgba\(255\,255\,255\,0\.06\)\] {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, rgba(255,255,255,0.06));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_4px_rgba\(94\,228\,155\,0\.10\)\] {
    --tw-shadow: 0 0 0 4px var(--tw-shadow-color, rgba(94,228,155,0.10));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_4px_rgba\(255\,255\,255\,0\.10\)\] {
    --tw-shadow: 0 0 0 4px var(--tw-shadow-color, rgba(255,255,255,0.10));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_1px_1px\,0_1px_1px\,1px_2px_4px_-1px\] {
    --tw-shadow: 0 0 1px 1px var(--tw-shadow-color, currentcolor), 0 1px 1px var(--tw-shadow-color, currentcolor), 1px 2px 4px -1px var(--tw-shadow-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-\[0_0_1px_1px_rgba\(255\,255\,255\,0\.08\)_inset\,0_1px_1\.5px_0_rgba\(0\,0\,0\,0\.32\)\,0_0_0_0\.5px_\#1a94ff\] {
    --tw-shadow: 0 0 1px 1px var(--tw-shadow-color, rgba(255,255,255,0.08)) inset, 0 1px 1.5px 0 var(--tw-shadow-color, rgba(0,0,0,0.32)), 0 0 0 0.5px var(--tw-shadow-color, #1a94ff);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_2px_rgba\(255\,255\,255\,0\.02\)\] {
    --tw-shadow: 0 0 2px var(--tw-shadow-color, rgba(255,255,255,0.02));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_4px_rgba\(255\,255\,255\,0\.3\)\] {
    --tw-shadow: 0 0 4px var(--tw-shadow-color, rgba(255,255,255,0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_5px_rgba\(0\,0\,0\,0\.3\)\] {
    --tw-shadow: 0 0 5px var(--tw-shadow-color, rgba(0,0,0,0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_5px_rgba\(255\,107\,0\,0\.5\)\] {
    --tw-shadow: 0 0 5px var(--tw-shadow-color, rgba(255,107,0,0.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-\[0_0_6px_rgba\(0\,0\,0\,0\.03\)\,0_2px_6px_rgba\(0\,0\,0\,0\.08\)\,inset_3px_3px_0\.5px_-3px_rgba\(0\,0\,0\,0\.9\)\,inset_-3px_-3px_0\.5px_-3px_rgba\(0\,0\,0\,0\.85\)\,inset_1px_1px_1px_-0\.5px_rgba\(0\,0\,0\,0\.6\)\,inset_-1px_-1px_1px_-0\.5px_rgba\(0\,0\,0\,0\.6\)\,inset_0_0_6px_6px_rgba\(0\,0\,0\,0\.12\)\,inset_0_0_2px_2px_rgba\(0\,0\,0\,0\.06\)\,0_0_12px_rgba\(255\,255\,255\,0\.15\)\] {
    --tw-shadow: 0 0 6px var(--tw-shadow-color, rgba(0,0,0,0.03)), 0 2px 6px var(--tw-shadow-color, rgba(0,0,0,0.08)), inset 3px 3px 0.5px -3px var(--tw-shadow-color, rgba(0,0,0,0.9)), inset -3px -3px 0.5px -3px var(--tw-shadow-color, rgba(0,0,0,0.85)), inset 1px 1px 1px -0.5px var(--tw-shadow-color, rgba(0,0,0,0.6)), inset -1px -1px 1px -0.5px var(--tw-shadow-color, rgba(0,0,0,0.6)), inset 0 0 6px 6px var(--tw-shadow-color, rgba(0,0,0,0.12)), inset 0 0 2px 2px var(--tw-shadow-color, rgba(0,0,0,0.06)), 0 0 12px var(--tw-shadow-color, rgba(255,255,255,0.15));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_6px_rgba\(52\,211\,153\,0\.8\)\] {
    --tw-shadow: 0 0 6px var(--tw-shadow-color, rgba(52,211,153,0.8));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_6px_rgba\(218\,78\,36\,0\.8\)\] {
    --tw-shadow: 0 0 6px var(--tw-shadow-color, rgba(218,78,36,0.8));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_6px_rgba\(255\,255\,255\,0\.5\)\] {
    --tw-shadow: 0 0 6px var(--tw-shadow-color, rgba(255,255,255,0.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-\[0_0_8px\] {
    --tw-shadow: 0 0 8px var(--tw-shadow-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-\[0_0_8px_rgba\(34\,197\,94\,0\.5\)\] {
    --tw-shadow: 0 0 8px var(--tw-shadow-color, rgba(34,197,94,0.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-\[0_0_8px_rgba\(34\,197\,94\,0\.8\)\] {
    --tw-shadow: 0 0 8px var(--tw-shadow-color, rgba(34,197,94,0.8));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_8px_rgba\(255\,255\,255\,0\.2\)\] {
    --tw-shadow: 0 0 8px var(--tw-shadow-color, rgba(255,255,255,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_8px_rgba\(255\,255\,255\,0\.3\)\] {
    --tw-shadow: 0 0 8px var(--tw-shadow-color, rgba(255,255,255,0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_8px_rgba\(255\,255\,255\,0\.4\)\] {
    --tw-shadow: 0 0 8px var(--tw-shadow-color, rgba(255,255,255,0.4));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_8px_rgba\(255\,255\,255\,0\.8\)\] {
    --tw-shadow: 0 0 8px var(--tw-shadow-color, rgba(255,255,255,0.8));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_10px_4px_rgba\(239\,68\,68\,0\.9\)\] {
    --tw-shadow: 0 0 10px 4px var(--tw-shadow-color, rgba(239,68,68,0.9));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_10px_currentColor\] {
    --tw-shadow: 0 0 10px var(--tw-shadow-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-\[0_0_10px_cyan\] {
    --tw-shadow: 0 0 10px var(--tw-shadow-color, cyan);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_10px_red\] {
    --tw-shadow: 0 0 10px var(--tw-shadow-color, red);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_10px_rgba\(0\,0\,0\,0\.02\)\] {
    --tw-shadow: 0 0 10px var(--tw-shadow-color, rgba(0,0,0,0.02));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_10px_rgba\(0\,0\,0\,0\.2\)\] {
    --tw-shadow: 0 0 10px var(--tw-shadow-color, rgba(0,0,0,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_10px_rgba\(255\,255\,255\,0\.5\)\] {
    --tw-shadow: 0 0 10px var(--tw-shadow-color, rgba(255,255,255,0.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-\[0_0_10px_white\] {
    --tw-shadow: 0 0 10px var(--tw-shadow-color, white);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_12px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 0 0 12px var(--tw-shadow-color, rgba(0,0,0,0.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-\[0_0_12px_rgba\(255\,79\,216\,0\.8\)\] {
    --tw-shadow: 0 0 12px var(--tw-shadow-color, rgba(255,79,216,0.8));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_12px_rgba\(255\,255\,255\,0\.8\)\] {
    --tw-shadow: 0 0 12px var(--tw-shadow-color, rgba(255,255,255,0.8));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_15px_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(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-\[0_0_15px_rgba\(0\,0\,0\,0\.3\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(0,0,0,0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_15px_rgba\(6\,182\,212\,0\.6\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(6,182,212,0.6));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_15px_rgba\(34\,211\,238\,0\.4\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(34,211,238,0.4));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_15px_rgba\(99\,102\,241\,0\.4\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(99,102,241,0.4));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_15px_rgba\(168\,85\,247\,0\.4\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(168,85,247,0.4));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_15px_rgba\(255\,255\,255\,0\.05\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(255,255,255,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-\[0_0_15px_rgba\(255\,255\,255\,0\.5\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(255,255,255,0.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-\[0_0_16px_rgba\(255\,255\,255\,0\.05\)\,inset_0_1px_1px_rgba\(255\,255\,255\,0\.3\)\] {
    --tw-shadow: 0 0 16px var(--tw-shadow-color, rgba(255,255,255,0.05)), inset 0 1px 1px var(--tw-shadow-color, rgba(255,255,255,0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_20px_4px_rgba\(239\,68\,68\,0\.6\)\] {
    --tw-shadow: 0 0 20px 4px var(--tw-shadow-color, rgba(239,68,68,0.6));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_20px_rgba\(0\,0\,0\,0\.2\)\] {
    --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(0,0,0,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_20px_rgba\(255\,255\,255\,0\.2\)\] {
    --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(255,255,255,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_20px_rgba\(255\,255\,255\,0\.05\)\,inset_0_1px_1px_rgba\(255\,255\,255\,0\.2\)\,0_12px_32px_rgba\(0\,0\,0\,0\.7\)\] {
    --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(255,255,255,0.05)), inset 0 1px 1px var(--tw-shadow-color, rgba(255,255,255,0.2)), 0 12px 32px var(--tw-shadow-color, rgba(0,0,0,0.7));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_24px_rgba\(34\,_42\,_53\,_0\.06\)\,_0_1px_1px_rgba\(0\,_0\,_0\,_0\.05\)\,_0_0_0_1px_rgba\(34\,_42\,_53\,_0\.04\)\,_0_0_4px_rgba\(34\,_42\,_53\,_0\.08\)\,_0_16px_68px_rgba\(47\,_48\,_55\,_0\.05\)\,_0_1px_0_rgba\(255\,_255\,_255\,_0\.1\)_inset\] {
    --tw-shadow: 0 0 24px var(--tw-shadow-color, rgba(34, 42, 53, 0.06)), 0 1px 1px var(--tw-shadow-color, rgba(0, 0, 0, 0.05)), 0 0 0 1px var(--tw-shadow-color, rgba(34, 42, 53, 0.04)), 0 0 4px var(--tw-shadow-color, rgba(34, 42, 53, 0.08)), 0 16px 68px var(--tw-shadow-color, rgba(47, 48, 55, 0.05)), 0 1px 0 var(--tw-shadow-color, rgba(255, 255, 255, 0.1)) inset;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_30px_rgba\(255\,255\,255\,0\.1\)\] {
    --tw-shadow: 0 0 30px var(--tw-shadow-color, rgba(255,255,255,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-\[0_0_30px_rgba\(255\,255\,255\,0\.2\)\] {
    --tw-shadow: 0 0 30px var(--tw-shadow-color, rgba(255,255,255,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_40px_rgba\(255\,255\,255\,0\.03\)\,inset_0_1px_1px_rgba\(255\,255\,255\,0\.15\)\,0_24px_64px_rgba\(0\,0\,0\,0\.6\)\] {
    --tw-shadow: 0 0 40px var(--tw-shadow-color, rgba(255,255,255,0.03)), inset 0 1px 1px var(--tw-shadow-color, rgba(255,255,255,0.15)), 0 24px 64px var(--tw-shadow-color, rgba(0,0,0,0.6));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_40px_rgba\(255\,255\,255\,0\.05\)\,inset_0_1px_1px_rgba\(255\,255\,255\,0\.2\)\,0_24px_64px_rgba\(0\,0\,0\,0\.7\)\] {
    --tw-shadow: 0 0 40px var(--tw-shadow-color, rgba(255,255,255,0.05)), inset 0 1px 1px var(--tw-shadow-color, rgba(255,255,255,0.2)), 0 24px 64px var(--tw-shadow-color, rgba(0,0,0,0.7));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_40px_rgba\(255\,255\,255\,0\.8\)\] {
    --tw-shadow: 0 0 40px var(--tw-shadow-color, rgba(255,255,255,0.8));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_50px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 0 0 50px var(--tw-shadow-color, rgba(0,0,0,0.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-\[0_0_60px_40px_rgba\(0\,0\,0\,0\.3\)\] {
    --tw-shadow: 0 0 60px 40px var(--tw-shadow-color, rgba(0,0,0,0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1\.5px_0\.5px_2\.5px_rgb\(163_163_163\/0\.08\)\,0_0_0\.5px_1px_rgb\(163_163_163\/0\.12\)\,inset_0_2px_1px_1px_rgb\(163_163_163\/0\.06\)\,inset_0_1px_1px_1px_rgb\(255_255_255\/0\.6\)\] {
    --tw-shadow: 0 1.5px 0.5px 2.5px var(--tw-shadow-color, rgb(163 163 163/0.08)), 0 0 0.5px 1px var(--tw-shadow-color, rgb(163 163 163/0.12)), inset 0 2px 1px 1px var(--tw-shadow-color, rgb(163 163 163/0.06)), inset 0 1px 1px 1px var(--tw-shadow-color, rgb(255 255 255/0.6));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_0_0_rgba\(255\,255\,255\,0\.03\)_inset\,0_0_0_1px_rgba\(255\,255\,255\,0\.03\)_inset\,0_0_0_1px_rgba\(0\,0\,0\,0\.1\)\,0_2px_2px_0_rgba\(0\,0\,0\,0\.1\)\,0_4px_4px_0_rgba\(0\,0\,0\,0\.1\)\,0_8px_8px_0_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow: 0 1px 0 0 var(--tw-shadow-color, rgba(255,255,255,0.03)) inset, 0 0 0 1px var(--tw-shadow-color, rgba(255,255,255,0.03)) inset, 0 0 0 1px var(--tw-shadow-color, rgba(0,0,0,0.1)), 0 2px 2px 0 var(--tw-shadow-color, rgba(0,0,0,0.1)), 0 4px 4px 0 var(--tw-shadow-color, rgba(0,0,0,0.1)), 0 8px 8px 0 var(--tw-shadow-color, rgba(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-\[0_1px_0_0_rgba\(255\,255\,255\,0\.06\)_inset\,0_20px_60px_-22px_rgba\(0\,0\,0\,0\.65\)\] {
    --tw-shadow: 0 1px 0 0 var(--tw-shadow-color, rgba(255,255,255,0.06)) inset, 0 20px 60px -22px var(--tw-shadow-color, rgba(0,0,0,0.65));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_0_0_rgba\(255\,255\,255\,0\.08\)_inset\,0_30px_90px_-20px_rgba\(0\,0\,0\,0\.75\)\] {
    --tw-shadow: 0 1px 0 0 var(--tw-shadow-color, rgba(255,255,255,0.08)) inset, 0 30px 90px -20px var(--tw-shadow-color, rgba(0,0,0,0.75));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_0_rgba\(255\,255\,255\,0\.1\)\] {
    --tw-shadow: 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,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-\[0_1px_0_rgba\(255\,255\,255\,0\.04\)\,0_8px_24px_rgba\(0\,0\,0\,0\.25\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.05\)\] {
    --tw-shadow: 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.04)), 0 8px 24px var(--tw-shadow-color, rgba(0,0,0,0.25)), inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,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-\[0_1px_0_rgba\(255\,255\,255\,0\.04\)\,0_8px_24px_rgba\(0\,0\,0\,0\.25\)\] {
    --tw-shadow: 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.04)), 0 8px 24px var(--tw-shadow-color, rgba(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-\[0_1px_0_rgba\(255\,255\,255\,0\.04\)\,0_24px_64px_rgba\(0\,0\,0\,0\.55\)\] {
    --tw-shadow: 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.04)), 0 24px 64px var(--tw-shadow-color, rgba(0,0,0,0.55));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_0_rgba\(255\,255\,255\,0\.05\)\] {
    --tw-shadow: 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,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-\[0_1px_0_rgba\(255\,255\,255\,0\.06\)\,0_24px_64px_rgba\(0\,0\,0\,0\.55\)\] {
    --tw-shadow: 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.06)), 0 24px 64px var(--tw-shadow-color, rgba(0,0,0,0.55));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.02\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.02));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.04\)\,0_10px_28px_-14px_rgba\(0\,0\,0\,0\.22\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.04)), 0 10px 28px -14px var(--tw-shadow-color, rgba(0,0,0,0.22));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.04\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.04));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.4\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.4));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.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-\[0_1px_3px_rgba\(0\,0\,0\,0\.08\)\] {
    --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(0,0,0,0.08));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1rem_2rem_-1rem_black\] {
    --tw-shadow: 0 1rem 2rem -1rem var(--tw-shadow-color, black);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_2px_0_0_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow: 0 2px 0 0 var(--tw-shadow-color, rgba(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-\[0_2px_4px_rgba\(0\,0\,0\,0\.02\)\,_0px_1px_2px_rgba\(0\,0\,0\,0\.04\)\] {
    --tw-shadow: 0 2px 4px var(--tw-shadow-color, rgba(0,0,0,0.02)), 0px 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.04));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_2px_4px_rgba\(0\,0\,0\,0\.15\)\,inset_0_1px_1px_rgba\(255\,255\,255\,0\.15\)\,inset_0_-1px_2px_rgba\(0\,0\,0\,0\.3\)\] {
    --tw-shadow: 0 2px 4px var(--tw-shadow-color, rgba(0,0,0,0.15)), inset 0 1px 1px var(--tw-shadow-color, rgba(255,255,255,0.15)), inset 0 -1px 2px var(--tw-shadow-color, rgba(0,0,0,0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_2px_8px_rgba\(0\,0\,0\,0\.05\)\] {
    --tw-shadow: 0 2px 8px var(--tw-shadow-color, rgba(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-\[0_3px_5px_rgba\(0\,0\,0\,0\.2\)\,inset_0_0\.5px_1px_rgba\(255\,255\,255\,0\.1\)\,inset_0_-2px_3px_rgba\(0\,0\,0\,0\.4\)\] {
    --tw-shadow: 0 3px 5px var(--tw-shadow-color, rgba(0,0,0,0.2)), inset 0 0.5px 1px var(--tw-shadow-color, rgba(255,255,255,0.1)), inset 0 -2px 3px var(--tw-shadow-color, rgba(0,0,0,0.4));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_3px_10px_rgb\(0\,0\,0\,0\.2\)\] {
    --tw-shadow: 0 3px 10px var(--tw-shadow-color, rgb(0,0,0,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_4px_6px_rgba\(0\,0\,0\,0\.25\)\,inset_0_1px_2px_rgba\(255\,255\,255\,0\.2\)\,inset_0_-2px_4px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 0 4px 6px var(--tw-shadow-color, rgba(0,0,0,0.25)), inset 0 1px 2px var(--tw-shadow-color, rgba(255,255,255,0.2)), inset 0 -2px 4px var(--tw-shadow-color, rgba(0,0,0,0.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-\[0_6px_8px_rgba\(0\,0\,0\,0\.3\)\,inset_0_2px_3px_rgba\(255\,255\,255\,0\.25\)\,inset_0_-3px_6px_rgba\(0\,0\,0\,0\.6\)\] {
    --tw-shadow: 0 6px 8px var(--tw-shadow-color, rgba(0,0,0,0.3)), inset 0 2px 3px var(--tw-shadow-color, rgba(255,255,255,0.25)), inset 0 -3px 6px var(--tw-shadow-color, rgba(0,0,0,0.6));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_8px_24px_rgba\(0\,0\,0\,0\.4\)\] {
    --tw-shadow: 0 8px 24px var(--tw-shadow-color, rgba(0,0,0,0.4));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_8px_24px_rgba\(0\,0\,0\,0\.45\)\] {
    --tw-shadow: 0 8px 24px var(--tw-shadow-color, rgba(0,0,0,0.45));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_8px_30px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 0 8px 30px var(--tw-shadow-color, rgba(0,0,0,0.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-\[0_8px_30px_rgba\(0\,0\,0\,0\.24\)\] {
    --tw-shadow: 0 8px 30px var(--tw-shadow-color, rgba(0,0,0,0.24));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_8px_32px_0_rgba\(255\,255\,255\,0\.1\)\] {
    --tw-shadow: 0 8px 32px 0 var(--tw-shadow-color, rgba(255,255,255,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-\[0_8px_32px_rgba\(0\,0\,0\,0\.4\)\,inset_0_1px_1px_rgba\(255\,255\,255\,0\.1\)\] {
    --tw-shadow: 0 8px 32px var(--tw-shadow-color, rgba(0,0,0,0.4)), inset 0 1px 1px var(--tw-shadow-color, rgba(255,255,255,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-\[0_8px_32px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 0 8px 32px var(--tw-shadow-color, rgba(0,0,0,0.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-\[0_10px_20px_rgba\(0\,0\,0\,0\.5\)\,inset_0_1px_1px_rgba\(255\,255\,255\,0\.1\)\] {
    --tw-shadow: 0 10px 20px var(--tw-shadow-color, rgba(0,0,0,0.5)), inset 0 1px 1px var(--tw-shadow-color, rgba(255,255,255,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-\[0_10px_30px_rgba\(0\,0\,0\,0\.8\)\,inset_0_1px_1px_rgba\(255\,255\,255\,0\.1\)\] {
    --tw-shadow: 0 10px 30px var(--tw-shadow-color, rgba(0,0,0,0.8)), inset 0 1px 1px var(--tw-shadow-color, rgba(255,255,255,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-\[0_10px_40px_rgba\(0\,0\,0\,0\.35\)\] {
    --tw-shadow: 0 10px 40px var(--tw-shadow-color, rgba(0,0,0,0.35));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_12px_32px_rgba\(0\,0\,0\,0\.6\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.06\)\] {
    --tw-shadow: 0 12px 32px var(--tw-shadow-color, rgba(0,0,0,0.6)), inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.06));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_14px_36px_rgba\(0\,0\,0\,0\.14\)\] {
    --tw-shadow: 0 14px 36px var(--tw-shadow-color, rgba(0,0,0,0.14));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_16px_48px_rgba\(0\,0\,0\,0\.6\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.05\)\] {
    --tw-shadow: 0 16px 48px var(--tw-shadow-color, rgba(0,0,0,0.6)), inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,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-\[0_16px_48px_rgba\(15\,23\,42\,0\.08\)\] {
    --tw-shadow: 0 16px 48px var(--tw-shadow-color, rgba(15,23,42,0.08));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_18px_36px_rgba\(0\,0\,0\,0\.5\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.06\)\] {
    --tw-shadow: 0 18px 36px var(--tw-shadow-color, rgba(0,0,0,0.5)), inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.06));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_18px_40px_rgba\(15\,23\,42\,0\.16\)\] {
    --tw-shadow: 0 18px 40px var(--tw-shadow-color, rgba(15,23,42,0.16));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_20px_60px_rgba\(0\,0\,0\,0\.6\)\] {
    --tw-shadow: 0 20px 60px var(--tw-shadow-color, rgba(0,0,0,0.6));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_24px_48px_rgba\(0\,0\,0\,0\.6\)\] {
    --tw-shadow: 0 24px 48px var(--tw-shadow-color, rgba(0,0,0,0.6));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_24px_50px_-20px_rgba\(0\,0\,0\,0\.8\)\] {
    --tw-shadow: 0 24px 50px -20px var(--tw-shadow-color, rgba(0,0,0,0.8));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_24px_60px_-12px_rgba\(0\,0\,0\,0\.35\)\] {
    --tw-shadow: 0 24px 60px -12px var(--tw-shadow-color, rgba(0,0,0,0.35));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_24px_60px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 0 24px 60px var(--tw-shadow-color, rgba(0,0,0,0.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-\[0_24px_64px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 0 24px 64px var(--tw-shadow-color, rgba(0,0,0,0.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-\[0_24px_64px_rgba\(0\,0\,0\,0\.6\)\] {
    --tw-shadow: 0 24px 64px var(--tw-shadow-color, rgba(0,0,0,0.6));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_24px_64px_rgba\(0\,0\,0\,0\.7\)\] {
    --tw-shadow: 0 24px 64px var(--tw-shadow-color, rgba(0,0,0,0.7));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_24px_64px_rgba\(0\,0\,0\,0\.8\)\] {
    --tw-shadow: 0 24px 64px var(--tw-shadow-color, rgba(0,0,0,0.8));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_24px_64px_rgba\(0\,0\,0\,0\.55\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.05\)\] {
    --tw-shadow: 0 24px 64px var(--tw-shadow-color, rgba(0,0,0,0.55)), inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,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-\[0_24px_64px_rgba\(0\,0\,0\,0\.55\)\] {
    --tw-shadow: 0 24px 64px var(--tw-shadow-color, rgba(0,0,0,0.55));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_24px_80px_rgba\(0\,0\,0\,0\.8\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.05\)\] {
    --tw-shadow: 0 24px 80px var(--tw-shadow-color, rgba(0,0,0,0.8)), inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,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-\[0_24px_80px_rgba\(0\,0\,0\,0\.8\)\] {
    --tw-shadow: 0 24px 80px var(--tw-shadow-color, rgba(0,0,0,0.8));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_30px_60px_rgba\(0\,0\,0\,0\.8\)\,inset_0_2px_5px_rgba\(0\,0\,0\,1\)\] {
    --tw-shadow: 0 30px 60px var(--tw-shadow-color, rgba(0,0,0,0.8)), inset 0 2px 5px var(--tw-shadow-color, rgba(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-\[0_32px_64px_-16px_rgba\(0\,0\,0\,0\.15\)\] {
    --tw-shadow: 0 32px 64px -16px var(--tw-shadow-color, rgba(0,0,0,0.15));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_32px_120px_rgba\(15\,23\,42\,0\.18\)\] {
    --tw-shadow: 0 32px 120px var(--tw-shadow-color, rgba(15,23,42,0.18));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_35px_60px_-15px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 0 35px 60px -15px var(--tw-shadow-color, rgba(0,0,0,0.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-\[0_40px_80px_-16px_rgba\(163\,230\,53\,0\.8\)\] {
    --tw-shadow: 0 40px 80px -16px var(--tw-shadow-color, rgba(163,230,53,0.8));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_50px_15px_var\(--primary\)\] {
    --tw-shadow: 0 50px 15px var(--tw-shadow-color, var(--primary));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_0px_0px_1px_rgba\(0\,0\,0\,\.07\)\,0px_0px_0px_3px_\#fff\,0px_0px_0px_4px_rgba\(0\,0\,0\,\.08\)\] {
    --tw-shadow: 0px 0px 0px 1px var(--tw-shadow-color, rgba(0,0,0,.07)), 0px 0px 0px 3px var(--tw-shadow-color, #fff), 0px 0px 0px 4px var(--tw-shadow-color, rgba(0,0,0,.08));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_0px_20px_rgba\(71\,184\,255\,0\.5\)\,0px_5px_5px_-1px_rgba\(58\,125\,233\,0\.25\)\,inset_4px_4px_8px_rgba\(175\,230\,255\,0\.5\)\,inset_-4px_-4px_8px_rgba\(19\,95\,216\,0\.35\)\] {
    --tw-shadow: 0px 0px 20px var(--tw-shadow-color, rgba(71,184,255,0.5)), 0px 5px 5px -1px var(--tw-shadow-color, rgba(58,125,233,0.25)), inset 4px 4px 8px var(--tw-shadow-color, rgba(175,230,255,0.5)), inset -4px -4px 8px var(--tw-shadow-color, rgba(19,95,216,0.35));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_1px_0px_0px_\#ffffff40_inset\,0px_-1px_0px_0px_\#ffffff40_inset\] {
    --tw-shadow: 0px 1px 0px 0px var(--tw-shadow-color, #ffffff40) inset, 0px -1px 0px 0px var(--tw-shadow-color, #ffffff40) inset;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_1px_0px_0px_hsla\(0\,0\%\,100\%\,\.03\)_inset\,0px_0px_0px_1px_hsla\(0\,0\%\,100\%\,\.03\)_inset\,0px_0px_0px_1px_rgba\(0\,0\,0\,\.1\)\,0px_2px_2px_0px_rgba\(0\,0\,0\,\.1\)\,0px_4px_4px_0px_rgba\(0\,0\,0\,\.1\)\,0px_8px_8px_0px_rgba\(0\,0\,0\,\.1\)\] {
    --tw-shadow: 0px 1px 0px 0px var(--tw-shadow-color, hsla(0,0%,100%,.03)) inset, 0px 0px 0px 1px var(--tw-shadow-color, hsla(0,0%,100%,.03)) inset, 0px 0px 0px 1px var(--tw-shadow-color, rgba(0,0,0,.1)), 0px 2px 2px 0px var(--tw-shadow-color, rgba(0,0,0,.1)), 0px 4px 4px 0px var(--tw-shadow-color, rgba(0,0,0,.1)), 0px 8px 8px 0px var(--tw-shadow-color, rgba(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-\[0px_1px_0px_0px_hsla\(0\,_0\%\,_0\%\,_0\.02\)_inset\,_0px_0px_0px_1px_hsla\(0\,_0\%\,_0\%\,_0\.02\)_inset\,_0px_0px_0px_1px_rgba\(255\,_255\,_255\,_0\.25\)\] {
    --tw-shadow: 0px 1px 0px 0px var(--tw-shadow-color, hsla(0, 0%, 0%, 0.02)) inset, 0px 0px 0px 1px var(--tw-shadow-color, hsla(0, 0%, 0%, 0.02)) inset, 0px 0px 0px 1px var(--tw-shadow-color, rgba(255, 255, 255, 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-\[0px_1px_1px_0px_hsla\(0\,0\%\,0\%\,0\.02\)_inset\,0px_1px_1px_0px_hsla\(0\,0\%\,0\%\,0\.02\)_inset\,0px_0px_0px_1px_rgba\(255\,255\,255\,0\.25\)\] {
    --tw-shadow: 0px 1px 1px 0px var(--tw-shadow-color, hsla(0,0%,0%,0.02)) inset, 0px 1px 1px 0px var(--tw-shadow-color, hsla(0,0%,0%,0.02)) inset, 0px 0px 0px 1px var(--tw-shadow-color, rgba(255,255,255,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-\[0px_1px_1px_0px_rgba\(0\,0\,0\,0\.02\)\,0px_16px_24px_-4px_rgba\(0\,0\,0\,0\.04\)\,0px_32px_48px_-8px_rgba\(0\,0\,0\,0\.06\)\] {
    --tw-shadow: 0px 1px 1px 0px var(--tw-shadow-color, rgba(0,0,0,0.02)), 0px 16px 24px -4px var(--tw-shadow-color, rgba(0,0,0,0.04)), 0px 32px 48px -8px var(--tw-shadow-color, rgba(0,0,0,0.06));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_1px_1px_0px_rgba\(0\,0\,0\,0\.05\)\,0px_1px_1px_0px_rgba\(255\,252\,240\,0\.5\)_inset\,0px_0px_0px_1px_hsla\(0\,0\%\,100\%\,0\.1\)_inset\,0px_0px_1px_0px_rgba\(28\,27\,26\,0\.5\)\] {
    --tw-shadow: 0px 1px 1px 0px var(--tw-shadow-color, rgba(0,0,0,0.05)), 0px 1px 1px 0px var(--tw-shadow-color, rgba(255,252,240,0.5)) inset, 0px 0px 0px 1px var(--tw-shadow-color, hsla(0,0%,100%,0.1)) inset, 0px 0px 1px 0px var(--tw-shadow-color, rgba(28,27,26,0.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-\[0px_1px_1px_0px_rgba\(0\,_0\,_0\,_0\.05\)\,_0px_1px_1px_0px_rgba\(255\,_252\,_240\,_0\.5\)_inset\,_0px_0px_0px_1px_hsla\(0\,_0\%\,_100\%\,_0\.1\)_inset\,_0px_0px_1px_0px_rgba\(28\,_27\,_26\,_0\.5\)\] {
    --tw-shadow: 0px 1px 1px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.05)), 0px 1px 1px 0px var(--tw-shadow-color, rgba(255, 252, 240, 0.5)) inset, 0px 0px 0px 1px var(--tw-shadow-color, hsla(0, 0%, 100%, 0.1)) inset, 0px 0px 1px 0px var(--tw-shadow-color, rgba(28, 27, 26, 0.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-\[0px_1px_2px_-1px_color-mix\(in_oklab\,var\(--foreground\)_8\%\,transparent\)\,0px_4px_8px_-2px_color-mix\(in_oklab\,var\(--foreground\)_6\%\,transparent\)\,0px_8px_16px_-4px_color-mix\(in_oklab\,var\(--foreground\)_5\%\,transparent\)\] {
    --tw-shadow: 0px 1px 2px -1px var(--tw-shadow-color, var(--foreground)), 0px 4px 8px -2px var(--tw-shadow-color, var(--foreground)), 0px 8px 16px -4px var(--tw-shadow-color, var(--foreground));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: 0px 1px 2px -1px var(--tw-shadow-color, color-mix(in oklab,var(--foreground) 8%,transparent)), 0px 4px 8px -2px var(--tw-shadow-color, color-mix(in oklab,var(--foreground) 6%,transparent)), 0px 8px 16px -4px var(--tw-shadow-color, color-mix(in oklab,var(--foreground) 5%,transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_1px_2px_0px_rgba\(0\,0\,0\,0\.03\)_inset\] {
    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(0,0,0,0.03)) inset;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_2px_0px_0px_rgba\(255\,255\,255\,0\.3\)_inset\] {
    --tw-shadow: 0px 2px 0px 0px var(--tw-shadow-color, rgba(255,255,255,0.3)) inset;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_8px_32px_rgba\(0\,0\,0\,0\.12\)\] {
    --tw-shadow: 0px 8px 32px var(--tw-shadow-color, rgba(0,0,0,0.12));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[1px_1px_0px_0px_rgba\(0\,0\,0\,0\.9\)\] {
    --tw-shadow: 1px 1px 0px 0px var(--tw-shadow-color, rgba(0,0,0,0.9));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[2px_2px_0px_0px_rgba\(0\,0\,0\,0\.9\)\] {
    --tw-shadow: 2px 2px 0px 0px var(--tw-shadow-color, rgba(0,0,0,0.9));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[2px_2px_4px_rgba\(0\,0\,0\,0\.4\)\,-1px_-1px_3px_rgba\(255\,255\,255\,0\.05\)\] {
    --tw-shadow: 2px 2px 4px var(--tw-shadow-color, rgba(0,0,0,0.4)), -1px -1px 3px var(--tw-shadow-color, rgba(255,255,255,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-\[3px_3px_0_0_rgba\(0\,0\,0\,0\.4\)\] {
    --tw-shadow: 3px 3px 0 0 var(--tw-shadow-color, rgba(0,0,0,0.4));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[3px_3px_0px_0px_rgba\(0\,0\,0\,0\.9\)\] {
    --tw-shadow: 3px 3px 0px 0px var(--tw-shadow-color, rgba(0,0,0,0.9));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[3px_3px_6px_\#b5bac1\,-3px_-3px_6px_\#ffffff\] {
    --tw-shadow: 3px 3px 6px var(--tw-shadow-color, #b5bac1), -3px -3px 6px var(--tw-shadow-color, #ffffff);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[4px_4px_0px_0px_rgba\(0\,0\,0\,0\.9\)\] {
    --tw-shadow: 4px 4px 0px 0px var(--tw-shadow-color, rgba(0,0,0,0.9));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[4px_4px_8px_\#1a1a1a\,-4px_-4px_8px_\#404040\] {
    --tw-shadow: 4px 4px 8px var(--tw-shadow-color, #1a1a1a), -4px -4px 8px var(--tw-shadow-color, #404040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[4px_4px_8px_\#bebebe\,-4px_-4px_8px_\#ffffff\] {
    --tw-shadow: 4px 4px 8px var(--tw-shadow-color, #bebebe), -4px -4px 8px var(--tw-shadow-color, #ffffff);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[6px_6px_0_0_rgba\(0\,0\,0\,0\.85\)\] {
    --tw-shadow: 6px 6px 0 0 var(--tw-shadow-color, rgba(0,0,0,0.85));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[6px_6px_0px_0px_rgba\(0\,0\,0\,0\.9\)\] {
    --tw-shadow: 6px 6px 0px 0px var(--tw-shadow-color, rgba(0,0,0,0.9));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[6px_6px_12px_\#1a1a1a\,-6px_-6px_12px_\#404040\] {
    --tw-shadow: 6px 6px 12px var(--tw-shadow-color, #1a1a1a), -6px -6px 12px var(--tw-shadow-color, #404040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[6px_6px_12px_\#b5bac1\,-6px_-6px_12px_\#ffffff\] {
    --tw-shadow: 6px 6px 12px var(--tw-shadow-color, #b5bac1), -6px -6px 12px var(--tw-shadow-color, #ffffff);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[6px_6px_12px_\#bebebe\,-6px_-6px_12px_\#ffffff\] {
    --tw-shadow: 6px 6px 12px var(--tw-shadow-color, #bebebe), -6px -6px 12px var(--tw-shadow-color, #ffffff);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[8px_8px_0_0_\#000\] {
    --tw-shadow: 8px 8px 0 0 var(--tw-shadow-color, #000);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[8px_8px_0px_0px_rgba\(0\,0\,0\,0\.9\)\,_15px_15px_15px_-3px_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow: 8px 8px 0px 0px var(--tw-shadow-color, rgba(0,0,0,0.9)), 15px 15px 15px -3px var(--tw-shadow-color, rgba(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-\[8px_8px_16px_\#1a1a1a\,-8px_-8px_16px_\#404040\] {
    --tw-shadow: 8px 8px 16px var(--tw-shadow-color, #1a1a1a), -8px -8px 16px var(--tw-shadow-color, #404040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[8px_8px_16px_\#bebebe\,-8px_-8px_16px_\#ffffff\] {
    --tw-shadow: 8px 8px 16px var(--tw-shadow-color, #bebebe), -8px -8px 16px var(--tw-shadow-color, #ffffff);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[14px_14px_28px_\#b5bac1\,-14px_-14px_28px_\#ffffff\] {
    --tw-shadow: 14px 14px 28px var(--tw-shadow-color, #b5bac1), -14px -14px 28px var(--tw-shadow-color, #ffffff);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[15px_15px_30px_\#1a1a1a\,-15px_-15px_30px_\#404040\] {
    --tw-shadow: 15px 15px 30px var(--tw-shadow-color, #1a1a1a), -15px -15px 30px var(--tw-shadow-color, #404040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[15px_15px_30px_\#bebebe\,-15px_-15px_30px_\#ffffff\] {
    --tw-shadow: 15px 15px 30px var(--tw-shadow-color, #bebebe), -15px -15px 30px var(--tw-shadow-color, #ffffff);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[16px_16px_32px_\#bebebe\,-16px_-16px_32px_\#ffffff\] {
    --tw-shadow: 16px 16px 32px var(--tw-shadow-color, #bebebe), -16px -16px 32px var(--tw-shadow-color, #ffffff);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[20px_20px_40px_\#bebebe\,-20px_-20px_40px_\#ffffff\] {
    --tw-shadow: 20px 20px 40px var(--tw-shadow-color, #bebebe), -20px -20px 40px var(--tw-shadow-color, #ffffff);
    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_-5px_5px_15px_rgba\(0\,0\,0\,0\.3\)\,inset_-8px_8px_20px_rgba\(0\,0\,0\,0\.2\)\] {
    --tw-shadow: inset -5px 5px 15px var(--tw-shadow-color, rgba(0,0,0,0.3)), inset -8px 8px 20px var(--tw-shadow-color, rgba(0,0,0,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_-1px\] {
    --tw-shadow: inset 0 -1px var(--tw-shadow-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-\[inset_0_-1px_\#d1d5db\,inset_0_0_0_1px_\#d1d5db\,_0_4px_8px_\#d1d5db\] {
    --tw-shadow: inset 0 -1px var(--tw-shadow-color, #d1d5db), inset 0 0 0 1px var(--tw-shadow-color, #d1d5db), 0 4px 8px var(--tw-shadow-color, #d1d5db);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_-1px_2px_rgba\(255\,255\,255\,0\.1\)\] {
    --tw-shadow: inset 0 -1px 2px var(--tw-shadow-color, rgba(255,255,255,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-\[inset_0_-8px_10px_\#8fdfff1f\] {
    --tw-shadow: inset 0 -8px 10px var(--tw-shadow-color, #8fdfff1f);
    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\.4em_0\.4em_rgba\(0\,0\,0\,0\.1\)\,inset_0_-0\.4em_0\.4em_rgba\(255\,255\,255\,0\.5\)\] {
    --tw-shadow: inset 0 0.4em 0.4em var(--tw-shadow-color, rgba(0,0,0,0.1)), inset 0 -0.4em 0.4em var(--tw-shadow-color, rgba(255,255,255,0.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-\[inset_0_0_0_1px\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-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-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.02\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, rgba(255,255,255,0.02));
    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_1px_1px_\#fff\] {
    --tw-shadow: inset 0 0 1px 1px var(--tw-shadow-color, #fff);
    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_1px_1px_\#ffffff4d\] {
    --tw-shadow: inset 0 0 1px 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_1px_1px_hsl\(var\(--border\)\/0\.3\)\] {
    --tw-shadow: inset 0 0 1px 1px var(--tw-shadow-color, hsl(var(--border)/0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_2px_rgba\(0\,0\,0\,1\)\] {
    --tw-shadow: inset 0 0 2px var(--tw-shadow-color, rgba(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-\[inset_0_0_3px_\#777\] {
    --tw-shadow: inset 0 0 3px var(--tw-shadow-color, #777);
    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_3px_\#888\] {
    --tw-shadow: inset 0 0 3px var(--tw-shadow-color, #888);
    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_15px_rgba\(0\,0\,0\,1\)\] {
    --tw-shadow: inset 0 0 15px var(--tw-shadow-color, rgba(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-\[inset_0_0_180px_70px_rgba\(4\,8\,24\,0\.75\)\] {
    --tw-shadow: inset 0 0 180px 70px var(--tw-shadow-color, rgba(4,8,24,0.75));
    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_200px_80px_rgba\(20\,4\,0\,0\.8\)\] {
    --tw-shadow: inset 0 0 200px 80px var(--tw-shadow-color, rgba(20,4,0,0.8));
    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_1\.5px_2px\] {
    --tw-shadow: inset 0 1.5px 2px var(--tw-shadow-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-\[inset_0_1px_0_0_rgba\(255\,255\,255\,0\.1\)\] {
    --tw-shadow: inset 0 1px 0 0 var(--tw-shadow-color, rgba(255,255,255,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-\[inset_0_1px_0_0_rgba\(255\,255\,255\,0\.12\)\] {
    --tw-shadow: inset 0 1px 0 0 var(--tw-shadow-color, rgba(255,255,255,0.12));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.03\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.03));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.04\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.04));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.4\)\,0_4px_12px_rgba\(255\,255\,255\,0\.10\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.4)), 0 4px 12px var(--tw-shadow-color, rgba(255,255,255,0.10));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.4\)\,0_8px_20px_rgba\(255\,255\,255\,0\.10\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.4)), 0 8px 20px var(--tw-shadow-color, rgba(255,255,255,0.10));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.4\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.4));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.05\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,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-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.06\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.06));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.08\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.08));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.10\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.10));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.72\)\,inset_0_-1px_0_rgba\(15\,23\,42\,0\.08\)\,0_1px_1px_rgba\(15\,23\,42\,0\.08\)\,0_8px_24px_rgba\(15\,23\,42\,0\.14\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.72)), inset 0 -1px 0 var(--tw-shadow-color, rgba(15,23,42,0.08)), 0 1px 1px var(--tw-shadow-color, rgba(15,23,42,0.08)), 0 8px 24px var(--tw-shadow-color, rgba(15,23,42,0.14));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_1px_1px_hsl\(0_0\%_100\%_\/_0\.15\)\,0_5px_15px_rgba\(0\,0\,0\,0\.3\)\] {
    --tw-shadow: inset 0 1px 1px var(--tw-shadow-color, hsl(0 0% 100% / 0.15)), 0 5px 15px var(--tw-shadow-color, rgba(0,0,0,0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_1px_1px_rgba\(255\,255\,255\,0\.1\)\,0_8px_32px_rgba\(0\,0\,0\,0\.2\)\] {
    --tw-shadow: inset 0 1px 1px var(--tw-shadow-color, rgba(255,255,255,0.1)), 0 8px 32px var(--tw-shadow-color, rgba(0,0,0,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_1px_1px_rgba\(255\,255\,255\,0\.1\)\,0_8px_32px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: inset 0 1px 1px var(--tw-shadow-color, rgba(255,255,255,0.1)), 0 8px 32px var(--tw-shadow-color, rgba(0,0,0,0.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-\[inset_0_1px_1px_rgba\(255\,255\,255\,0\.1\)\] {
    --tw-shadow: inset 0 1px 1px var(--tw-shadow-color, rgba(255,255,255,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-\[inset_0_1px_1px_rgba\(255\,255\,255\,0\.02\)\] {
    --tw-shadow: inset 0 1px 1px var(--tw-shadow-color, rgba(255,255,255,0.02));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_1px_1px_rgba\(255\,255\,255\,0\.05\)\] {
    --tw-shadow: inset 0 1px 1px var(--tw-shadow-color, rgba(255,255,255,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-\[inset_0_1px_1px_rgba\(255\,255\,255\,0\.08\)\,0_24px_48px_rgba\(0\,0\,0\,0\.65\)\] {
    --tw-shadow: inset 0 1px 1px var(--tw-shadow-color, rgba(255,255,255,0.08)), 0 24px 48px var(--tw-shadow-color, rgba(0,0,0,0.65));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_1px_1px_rgba\(255\,255\,255\,0\.14\)\,0_10px_36px_rgba\(0\,0\,0\,0\.30\)\] {
    --tw-shadow: inset 0 1px 1px var(--tw-shadow-color, rgba(255,255,255,0.14)), 0 10px 36px var(--tw-shadow-color, rgba(0,0,0,0.30));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_1px_1px_rgba\(255\,255\,255\,0\.15\)\,0_12px_24px_rgba\(0\,0\,0\,0\.6\)\] {
    --tw-shadow: inset 0 1px 1px var(--tw-shadow-color, rgba(255,255,255,0.15)), 0 12px 24px var(--tw-shadow-color, rgba(0,0,0,0.6));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_1px_1px_rgba\(255\,255\,255\,0\.15\)\,0_24px_48px_rgba\(0\,0\,0\,0\.6\)\] {
    --tw-shadow: inset 0 1px 1px var(--tw-shadow-color, rgba(255,255,255,0.15)), 0 24px 48px var(--tw-shadow-color, rgba(0,0,0,0.6));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_1px_1px_rgba\(255\,255\,255\,0\.15\)\,0_24px_48px_rgba\(0\,0\,0\,0\.7\)\] {
    --tw-shadow: inset 0 1px 1px var(--tw-shadow-color, rgba(255,255,255,0.15)), 0 24px 48px var(--tw-shadow-color, rgba(0,0,0,0.7));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_1px_1px_rgba\(255\,255\,255\,0\.15\)\,0_24px_64px_rgba\(0\,0\,0\,0\.6\)\] {
    --tw-shadow: inset 0 1px 1px var(--tw-shadow-color, rgba(255,255,255,0.15)), 0 24px 64px var(--tw-shadow-color, rgba(0,0,0,0.6));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_1px_1px_rgba\(255\,255\,255\,0\.15\)\] {
    --tw-shadow: inset 0 1px 1px var(--tw-shadow-color, rgba(255,255,255,0.15));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_1px_1px_rgba\(255\,255\,255\,0\.18\)\,0_24px_48px_rgba\(0\,0\,0\,0\.75\)\] {
    --tw-shadow: inset 0 1px 1px var(--tw-shadow-color, rgba(255,255,255,0.18)), 0 24px 48px var(--tw-shadow-color, rgba(0,0,0,0.75));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_1px_2px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: inset 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.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-\[inset_0_2px_5px_rgba\(0\,0\,0\,1\)\] {
    --tw-shadow: inset 0 2px 5px var(--tw-shadow-color, rgba(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-\[inset_0_2px_8px_rgba\(0\,0\,0\,0\.4\)\] {
    --tw-shadow: inset 0 2px 8px var(--tw-shadow-color, rgba(0,0,0,0.4));
    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_3px_7px_rgba\(255\,255\,255\,0\.5\)\] {
    --tw-shadow: inset 0 3px 7px var(--tw-shadow-color, rgba(255,255,255,0.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-\[inset_0px_-2\.10843px_0px_0px_hsl\(var\(--muted\)\)\,_0px_1\.20482px_6\.3253px_0px_hsl\(var\(--muted\)\)\] {
    --tw-shadow: inset 0px -2.10843px 0px 0px var(--tw-shadow-color, hsl(var(--muted))), 0px 1.20482px 6.3253px 0px var(--tw-shadow-color, hsl(var(--muted)));
    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_0px_-2\.10843px_0px_0px_rgb\(244\,241\,238\)\,_0px_1\.20482px_6\.3253px_0px_rgb\(244\,241\,238\)\] {
    --tw-shadow: inset 0px -2.10843px 0px 0px var(--tw-shadow-color, rgb(244,241,238)), 0px 1.20482px 6.3253px 0px var(--tw-shadow-color, rgb(244,241,238));
    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_0px_0px_2px_rgba\(0\,0\,0\,0\.6\)\] {
    --tw-shadow: inset 0px 0px 2px var(--tw-shadow-color, rgba(0,0,0,0.6));
    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_0px_0px_12px_rgba\(0\,0\,0\,0\.25\)\] {
    --tw-shadow: inset 0px 0px 12px var(--tw-shadow-color, rgba(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_0px_0px_15px_rgba\(0\,0\,0\,0\.2\)\] {
    --tw-shadow: inset 0px 0px 15px var(--tw-shadow-color, rgba(0,0,0,0.2));
    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_1px_1px_4px_0\.1px_white\,inset_-1px_-1px_4px_0\.1px_white\] {
    --tw-shadow: inset 1px 1px 4px 0.1px var(--tw-shadow-color, white), inset -1px -1px 4px 0.1px var(--tw-shadow-color, white);
    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_3px_3px_6px_\#1a1a1a\,inset_-3px_-3px_6px_\#404040\] {
    --tw-shadow: inset 3px 3px 6px var(--tw-shadow-color, #1a1a1a), inset -3px -3px 6px var(--tw-shadow-color, #404040);
    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_3px_3px_6px_\#bebebe\,inset_-3px_-3px_6px_\#ffffff\] {
    --tw-shadow: inset 3px 3px 6px var(--tw-shadow-color, #bebebe), inset -3px -3px 6px var(--tw-shadow-color, #ffffff);
    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_4px_4px_8px_\#1a1a1a\,inset_-4px_-4px_8px_\#404040\] {
    --tw-shadow: inset 4px 4px 8px var(--tw-shadow-color, #1a1a1a), inset -4px -4px 8px var(--tw-shadow-color, #404040);
    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_4px_4px_8px_\#b5bac1\,inset_-4px_-4px_8px_\#ffffff\] {
    --tw-shadow: inset 4px 4px 8px var(--tw-shadow-color, #b5bac1), inset -4px -4px 8px var(--tw-shadow-color, #ffffff);
    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_4px_4px_8px_\#bebebe\,inset_-4px_-4px_8px_\#ffffff\] {
    --tw-shadow: inset 4px 4px 8px var(--tw-shadow-color, #bebebe), inset -4px -4px 8px var(--tw-shadow-color, #ffffff);
    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_6px_6px_12px_\#1a1a1a\,inset_-6px_-6px_12px_\#404040\] {
    --tw-shadow: inset 6px 6px 12px var(--tw-shadow-color, #1a1a1a), inset -6px -6px 12px var(--tw-shadow-color, #404040);
    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_6px_6px_12px_\#bebebe\,inset_-6px_-6px_12px_\#ffffff\] {
    --tw-shadow: inset 6px 6px 12px var(--tw-shadow-color, #bebebe), inset -6px -6px 12px var(--tw-shadow-color, #ffffff);
    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_8px_8px_16px_\#1a1a1a\,inset_-8px_-8px_16px_\#404040\] {
    --tw-shadow: inset 8px 8px 16px var(--tw-shadow-color, #1a1a1a), inset -8px -8px 16px var(--tw-shadow-color, #404040);
    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_8px_8px_16px_\#bebebe\,inset_-8px_-8px_16px_\#ffffff\] {
    --tw-shadow: inset 8px 8px 16px var(--tw-shadow-color, #bebebe), inset -8px -8px 16px var(--tw-shadow-color, #ffffff);
    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_10px_10px_20px_\#1a1a1a\,inset_-10px_-10px_20px_\#404040\] {
    --tw-shadow: inset 10px 10px 20px var(--tw-shadow-color, #1a1a1a), inset -10px -10px 20px var(--tw-shadow-color, #404040);
    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_10px_10px_20px_\#bebebe\,inset_-10px_-10px_20px_\#ffffff\] {
    --tw-shadow: inset 10px 10px 20px var(--tw-shadow-color, #bebebe), inset -10px -10px 20px var(--tw-shadow-color, #ffffff);
    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_15px_15px_30px_\#bebebe\,inset_-15px_-15px_30px_\#ffffff\] {
    --tw-shadow: inset 15px 15px 30px var(--tw-shadow-color, #bebebe), inset -15px -15px 30px var(--tw-shadow-color, #ffffff);
    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-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-none\! {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, 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);
  }
  .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-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-6 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(6px + 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-\[5px\] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(5px + 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);
  }
  .inset-shadow-\[0_1px_--theme\(--color-black\/4\%\)\] {
    --tw-inset-shadow: inset 0 1px var(--tw-inset-shadow-color, color-mix(in srgb, #000 4%, transparent));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-inset-shadow: inset 0 1px var(--tw-inset-shadow-color, color-mix(in oklab, var(--color-black) 4%, transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .inset-shadow-sm {
    --tw-inset-shadow: inset 0 2px 4px var(--tw-inset-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);
  }
  .\[box-shadow\:0_0_10px_rgba\(0\,0\,0\,0\.5\)_inset\] {
    box-shadow: 0 0 10px rgba(0,0,0,0.5) inset;
  }
  .\[box-shadow\:inset_0px_-2\.108433723449707px_0px_0px_\#1A68D1\,_0px_1\.2048193216323853px_6\.325301647186279px_0px_rgba\(28\,_100\,_242\,_58\%\)\] {
    box-shadow: inset 0px -2.108433723449707px 0px 0px #1A68D1, 0px 1.2048193216323853px 6.325301647186279px 0px rgba(28, 100, 242, 58%);
  }
  .\[box-shadow\:inset_0px_-2\.108433723449707px_0px_0px_\#171310\,_0px_1\.2048193216323853px_6\.325301647186279px_0px_rgba\(58\,_33\,_8\,_58\%\)\] {
    box-shadow: inset 0px -2.108433723449707px 0px 0px #171310, 0px 1.2048193216323853px 6.325301647186279px 0px rgba(58, 33, 8, 58%);
  }
  .\[box-shadow\:inset_0px_-2\.108433723449707px_0px_0px_\#D63A1F\,_0px_1\.2048193216323853px_6\.325301647186279px_0px_rgba\(214\,_58\,_31\,_58\%\)\] {
    box-shadow: inset 0px -2.108433723449707px 0px 0px #D63A1F, 0px 1.2048193216323853px 6.325301647186279px 0px rgba(214, 58, 31, 58%);
  }
  .\[box-shadow\:inset_0px_-2\.108433723449707px_0px_0px_\#E0E0E0\,_0px_1\.2048193216323853px_6\.325301647186279px_0px_rgba\(0\,_0\,_0\,_10\%\)\] {
    box-shadow: inset 0px -2.108433723449707px 0px 0px #E0E0E0, 0px 1.2048193216323853px 6.325301647186279px 0px rgba(0, 0, 0, 10%);
  }
  .shadow-\[\#C2622B\]\/25 {
    --tw-shadow-color: color-mix(in srgb, #C2622B 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #C2622B 25%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-\[\#D4B08A\]\/20 {
    --tw-shadow-color: color-mix(in srgb, #D4B08A 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #D4B08A 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-\[\#DC143C\]\/30 {
    --tw-shadow-color: color-mix(in srgb, #DC143C 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #DC143C 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-\[\#F5C84A\]\/30 {
    --tw-shadow-color: color-mix(in srgb, #F5C84A 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #F5C84A 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-\[oklch\(0\.7_0\.32_330\)\/0\.2\] {
    --tw-shadow-color: oklch(0.7 0.32 330);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, oklch(0.7 0.32 330)/0.2 var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-\[rgba\(0\,_0\,_0\,_0\.05\)_0px_1px_0px_inset\] {
    --tw-shadow-color: rgba(0, 0, 0, 0.05);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, rgba(0, 0, 0, 0.05) 0px 1px 0px inset var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-\[rgba\(17\,24\,28\,0\.08\)_0_0_0_1px\,rgba\(17\,24\,28\,0\.08\)_0_1px_2px_-1px\,rgba\(17\,24\,28\,0\.04\)_0_2px_4px\] {
    --tw-shadow-color: rgba(17,24,28,0.08);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, rgba(17,24,28,0.08) 0 0 0 1px,rgba(17,24,28,0.08) 0 1px 2px -1px,rgba(17,24,28,0.04) 0 2px 4px var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-amber-900\/40 {
    --tw-shadow-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-900) 40%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-amber-900\/50 {
    --tw-shadow-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-900) 50%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-black {
    --tw-shadow-color: #000;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-black) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-black\/5 {
    --tw-shadow-color: color-mix(in srgb, #000 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 5%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-black\/10 {
    --tw-shadow-color: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-black\/20 {
    --tw-shadow-color: color-mix(in srgb, #000 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-black\/30 {
    --tw-shadow-color: color-mix(in srgb, #000 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-black\/40 {
    --tw-shadow-color: color-mix(in srgb, #000 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 40%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-black\/50 {
    --tw-shadow-color: color-mix(in srgb, #000 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 50%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-black\/60 {
    --tw-shadow-color: color-mix(in srgb, #000 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 60%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-blue-200 {
    --tw-shadow-color: oklch(88.2% 0.059 254.128);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-blue-200) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-blue-500\/25 {
    --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-blue-500\/50 {
    --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 50%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-blue-600\/30 {
    --tw-shadow-color: color-mix(in srgb, oklch(54.6% 0.245 262.881) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-600) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-blue-900\/40 {
    --tw-shadow-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-900) 40%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-border {
    --tw-shadow-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--border) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-cyan-400\/30 {
    --tw-shadow-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-cyan-400) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-cyan-900\/40 {
    --tw-shadow-color: color-mix(in srgb, oklch(39.8% 0.07 227.392) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-cyan-900) 40%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-destructive\/24 {
    --tw-shadow-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--destructive) 24%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-emerald-300 {
    --tw-shadow-color: oklch(84.5% 0.143 164.978);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-emerald-300) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-emerald-500\/10 {
    --tw-shadow-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-emerald-500\/20 {
    --tw-shadow-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-emerald-500\/25 {
    --tw-shadow-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-emerald-500\/30 {
    --tw-shadow-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-emerald-600\/20 {
    --tw-shadow-color: color-mix(in srgb, oklch(59.6% 0.145 163.225) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-600) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-emerald-600\/25 {
    --tw-shadow-color: color-mix(in srgb, oklch(59.6% 0.145 163.225) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-600) 25%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-foreground\/10 {
    --tw-shadow-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--foreground) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-foreground\/20 {
    --tw-shadow-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--foreground) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-fuchsia-500\/30 {
    --tw-shadow-color: color-mix(in srgb, oklch(66.7% 0.295 322.15) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-fuchsia-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-fuchsia-500\/40 {
    --tw-shadow-color: color-mix(in srgb, oklch(66.7% 0.295 322.15) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-fuchsia-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-fuchsia-900\/40 {
    --tw-shadow-color: color-mix(in srgb, oklch(40.1% 0.17 325.612) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-fuchsia-900) 40%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-gray-100 {
    --tw-shadow-color: oklch(96.7% 0.003 264.542);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-gray-100) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-gray-200 {
    --tw-shadow-color: oklch(92.8% 0.006 264.531);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-gray-200) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-green-500\/25 {
    --tw-shadow-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-indigo-500\/20 {
    --tw-shadow-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-indigo-500\/30 {
    --tw-shadow-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-indigo-500\/40 {
    --tw-shadow-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-indigo-600\/25 {
    --tw-shadow-color: color-mix(in srgb, oklch(51.1% 0.262 276.966) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-600) 25%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-indigo-600\/30 {
    --tw-shadow-color: color-mix(in srgb, oklch(51.1% 0.262 276.966) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-600) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-indigo-950\/40 {
    --tw-shadow-color: color-mix(in srgb, oklch(25.7% 0.09 281.288) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-950) 40%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-input {
    --tw-shadow-color: var(--input);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--input) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-orange-900\/40 {
    --tw-shadow-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-orange-900) 40%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-pink-500\/30 {
    --tw-shadow-color: color-mix(in srgb, oklch(65.6% 0.241 354.308) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-pink-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-primary-foreground {
    --tw-shadow-color: var(--primary-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--primary-foreground) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-primary\/5 {
    --tw-shadow-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--primary) 5%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-primary\/20 {
    --tw-shadow-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--primary) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-primary\/24 {
    --tw-shadow-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--primary) 24%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-primary\/25 {
    --tw-shadow-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--primary) 25%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-primary\/30 {
    --tw-shadow-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--primary) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-primary\/70 {
    --tw-shadow-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--primary) 70%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-purple-500\/20 {
    --tw-shadow-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-purple-900\/20 {
    --tw-shadow-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-900) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-purple-900\/40 {
    --tw-shadow-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-900) 40%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-red-500\/20 {
    --tw-shadow-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-red-500\/50 {
    --tw-shadow-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 50%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-rose-500\/10 {
    --tw-shadow-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-rose-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-rose-950\/50 {
    --tw-shadow-color: color-mix(in srgb, oklch(27.1% 0.105 12.094) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-rose-950) 50%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-sky-200\/40 {
    --tw-shadow-color: color-mix(in srgb, oklch(90.1% 0.058 230.902) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-sky-200) 40%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-sky-500\/30 {
    --tw-shadow-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-sky-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-sky-950\/40 {
    --tw-shadow-color: color-mix(in srgb, oklch(29.3% 0.066 243.157) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-sky-950) 40%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-slate-200\/80 {
    --tw-shadow-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-200) 80%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-slate-300\/40 {
    --tw-shadow-color: color-mix(in srgb, oklch(86.9% 0.022 252.894) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-300) 40%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-stone-100 {
    --tw-shadow-color: oklch(97% 0.001 106.424);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-stone-100) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-stone-200\/80 {
    --tw-shadow-color: color-mix(in srgb, oklch(92.3% 0.003 48.717) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-stone-200) 80%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-violet-500\/10 {
    --tw-shadow-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-violet-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-violet-600\/10 {
    --tw-shadow-color: color-mix(in srgb, oklch(54.1% 0.281 293.009) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-violet-600) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-violet-600\/20 {
    --tw-shadow-color: color-mix(in srgb, oklch(54.1% 0.281 293.009) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-violet-600) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-violet-600\/25 {
    --tw-shadow-color: color-mix(in srgb, oklch(54.1% 0.281 293.009) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-violet-600) 25%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-violet-600\/30 {
    --tw-shadow-color: color-mix(in srgb, oklch(54.1% 0.281 293.009) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-violet-600) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-violet-900\/40 {
    --tw-shadow-color: color-mix(in srgb, oklch(38% 0.189 293.745) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-violet-900) 40%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-white\/10 {
    --tw-shadow-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-white) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-white\/20 {
    --tw-shadow-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-white) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-yellow-500\/25 {
    --tw-shadow-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-yellow-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-zinc-400\/40 {
    --tw-shadow-color: color-mix(in srgb, oklch(70.5% 0.015 286.067) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-zinc-400) 40%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .ring-\[\#0A0A0A\] {
    --tw-ring-color: #0A0A0A;
  }
  .ring-\[\#5b8def\]\/20 {
    --tw-ring-color: color-mix(in oklab, #5b8def 20%, transparent);
  }
  .ring-\[\#8B5CF6\] {
    --tw-ring-color: #8B5CF6;
  }
  .ring-\[\#2563EB\] {
    --tw-ring-color: #2563EB;
  }
  .ring-\[\#475569\] {
    --tw-ring-color: #475569;
  }
  .ring-\[\#C2622B\]\/20 {
    --tw-ring-color: color-mix(in oklab, #C2622B 20%, transparent);
  }
  .ring-\[\#DA4E24\] {
    --tw-ring-color: #DA4E24;
  }
  .ring-\[\#DA4E24\]\/25 {
    --tw-ring-color: color-mix(in oklab, #DA4E24 25%, transparent);
  }
  .ring-\[\#DB2777\] {
    --tw-ring-color: #DB2777;
  }
  .ring-\[\#DC143C\] {
    --tw-ring-color: #DC143C;
  }
  .ring-\[\#EA580C\] {
    --tw-ring-color: #EA580C;
  }
  .ring-\[oklch\(0\.7_0\.32_330\)\/0\.18\] {
    --tw-ring-color: oklch(0.7 0.32 330)/0.18;
  }
  .ring-\[rgba\(255\,69\,58\,0\.3\)\] {
    --tw-ring-color: rgba(255,69,58,0.3);
  }
  .ring-amber-300\/30 {
    --tw-ring-color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-amber-300) 30%, transparent);
    }
  }
  .ring-amber-400 {
    --tw-ring-color: var(--color-amber-400);
  }
  .ring-amber-400\/20 {
    --tw-ring-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-amber-400) 20%, transparent);
    }
  }
  .ring-amber-400\/30 {
    --tw-ring-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-amber-400) 30%, transparent);
    }
  }
  .ring-amber-500\/20 {
    --tw-ring-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
    }
  }
  .ring-amber-500\/25 {
    --tw-ring-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 25%, transparent);
    }
  }
  .ring-amber-500\/30 {
    --tw-ring-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
    }
  }
  .ring-background {
    --tw-ring-color: var(--background);
  }
  .ring-background\/10 {
    --tw-ring-color: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--background) 10%, transparent);
    }
  }
  .ring-background\/30 {
    --tw-ring-color: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--background) 30%, transparent);
    }
  }
  .ring-black {
    --tw-ring-color: var(--color-black);
  }
  .ring-black\/5 {
    --tw-ring-color: color-mix(in srgb, #000 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }
  .ring-black\/10 {
    --tw-ring-color: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  .ring-black\/60 {
    --tw-ring-color: color-mix(in srgb, #000 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }
  .ring-blue-800\/60 {
    --tw-ring-color: color-mix(in srgb, oklch(42.4% 0.199 265.638) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blue-800) 60%, transparent);
    }
  }
  .ring-border {
    --tw-ring-color: var(--border);
  }
  .ring-border\/30 {
    --tw-ring-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--border) 30%, transparent);
    }
  }
  .ring-border\/50 {
    --tw-ring-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--border) 50%, transparent);
    }
  }
  .ring-border\/70 {
    --tw-ring-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--border) 70%, transparent);
    }
  }
  .ring-card {
    --tw-ring-color: var(--card);
  }
  .ring-cyan-400\/20 {
    --tw-ring-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-cyan-400) 20%, transparent);
    }
  }
  .ring-cyan-500\/20 {
    --tw-ring-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);
    }
  }
  .ring-destructive\/20 {
    --tw-ring-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }
  .ring-destructive\/25 {
    --tw-ring-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 25%, transparent);
    }
  }
  .ring-destructive\/30 {
    --tw-ring-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 30%, transparent);
    }
  }
  .ring-emerald-200 {
    --tw-ring-color: var(--color-emerald-200);
  }
  .ring-emerald-400 {
    --tw-ring-color: var(--color-emerald-400);
  }
  .ring-emerald-400\/20 {
    --tw-ring-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-emerald-400) 20%, transparent);
    }
  }
  .ring-emerald-400\/25 {
    --tw-ring-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-emerald-400) 25%, transparent);
    }
  }
  .ring-emerald-400\/30 {
    --tw-ring-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-emerald-400) 30%, transparent);
    }
  }
  .ring-emerald-500\/20 {
    --tw-ring-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
    }
  }
  .ring-emerald-500\/25 {
    --tw-ring-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 25%, transparent);
    }
  }
  .ring-emerald-500\/30 {
    --tw-ring-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
    }
  }
  .ring-emerald-600\/20 {
    --tw-ring-color: color-mix(in srgb, oklch(59.6% 0.145 163.225) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-emerald-600) 20%, transparent);
    }
  }
  .ring-foreground {
    --tw-ring-color: var(--foreground);
  }
  .ring-foreground\/10 {
    --tw-ring-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }
  .ring-foreground\/15 {
    --tw-ring-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 15%, transparent);
    }
  }
  .ring-foreground\/20 {
    --tw-ring-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 20%, transparent);
    }
  }
  .ring-foreground\/70 {
    --tw-ring-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 70%, transparent);
    }
  }
  .ring-gray-950\/5 {
    --tw-ring-color: color-mix(in srgb, oklch(13% 0.028 261.692) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-gray-950) 5%, transparent);
    }
  }
  .ring-indigo-200 {
    --tw-ring-color: var(--color-indigo-200);
  }
  .ring-indigo-400 {
    --tw-ring-color: var(--color-indigo-400);
  }
  .ring-indigo-500 {
    --tw-ring-color: var(--color-indigo-500);
  }
  .ring-indigo-500\/20 {
    --tw-ring-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent);
    }
  }
  .ring-indigo-500\/30 {
    --tw-ring-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-indigo-500) 30%, transparent);
    }
  }
  .ring-indigo-600 {
    --tw-ring-color: var(--color-indigo-600);
  }
  .ring-input {
    --tw-ring-color: var(--input);
  }
  .ring-muted {
    --tw-ring-color: var(--muted);
  }
  .ring-muted-foreground\/20 {
    --tw-ring-color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--muted-foreground) 20%, transparent);
    }
  }
  .ring-muted-foreground\/25 {
    --tw-ring-color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--muted-foreground) 25%, transparent);
    }
  }
  .ring-neutral-100 {
    --tw-ring-color: var(--color-neutral-100);
  }
  .ring-neutral-200 {
    --tw-ring-color: var(--color-neutral-200);
  }
  .ring-neutral-900 {
    --tw-ring-color: var(--color-neutral-900);
  }
  .ring-orange-400\/20 {
    --tw-ring-color: color-mix(in srgb, oklch(75% 0.183 55.934) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-orange-400) 20%, transparent);
    }
  }
  .ring-pink-400 {
    --tw-ring-color: var(--color-pink-400);
  }
  .ring-primary {
    --tw-ring-color: var(--primary);
  }
  .ring-primary-foreground\/15 {
    --tw-ring-color: var(--primary-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--primary-foreground) 15%, transparent);
    }
  }
  .ring-primary-foreground\/25 {
    --tw-ring-color: var(--primary-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--primary-foreground) 25%, transparent);
    }
  }
  .ring-primary\/10 {
    --tw-ring-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }
  .ring-primary\/20 {
    --tw-ring-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--primary) 20%, transparent);
    }
  }
  .ring-primary\/25 {
    --tw-ring-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--primary) 25%, transparent);
    }
  }
  .ring-primary\/30 {
    --tw-ring-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--primary) 30%, transparent);
    }
  }
  .ring-primary\/40 {
    --tw-ring-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--primary) 40%, transparent);
    }
  }
  .ring-primary\/60 {
    --tw-ring-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--primary) 60%, transparent);
    }
  }
  .ring-red-200 {
    --tw-ring-color: var(--color-red-200);
  }
  .ring-red-400\/50 {
    --tw-ring-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-red-400) 50%, transparent);
    }
  }
  .ring-red-500\/20 {
    --tw-ring-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
    }
  }
  .ring-ring {
    --tw-ring-color: var(--ring);
  }
  .ring-ring\/24 {
    --tw-ring-color: var(--ring);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 24%, transparent);
    }
  }
  .ring-ring\/40 {
    --tw-ring-color: var(--ring);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 40%, transparent);
    }
  }
  .ring-ring\/50 {
    --tw-ring-color: var(--ring);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }
  .ring-rose-400\/20 {
    --tw-ring-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-rose-400) 20%, transparent);
    }
  }
  .ring-rose-400\/25 {
    --tw-ring-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-rose-400) 25%, transparent);
    }
  }
  .ring-sidebar-ring {
    --tw-ring-color: var(--sidebar-ring);
  }
  .ring-sky-400 {
    --tw-ring-color: var(--color-sky-400);
  }
  .ring-sky-400\/20 {
    --tw-ring-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-sky-400) 20%, transparent);
    }
  }
  .ring-slate-200 {
    --tw-ring-color: var(--color-slate-200);
  }
  .ring-transparent {
    --tw-ring-color: transparent;
  }
  .ring-violet-400 {
    --tw-ring-color: var(--color-violet-400);
  }
  .ring-violet-400\/20 {
    --tw-ring-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-violet-400) 20%, transparent);
    }
  }
  .ring-violet-500\/20 {
    --tw-ring-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-violet-500) 20%, transparent);
    }
  }
  .ring-violet-500\/30 {
    --tw-ring-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-violet-500) 30%, transparent);
    }
  }
  .ring-violet-500\/40 {
    --tw-ring-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-violet-500) 40%, transparent);
    }
  }
  .ring-white {
    --tw-ring-color: var(--color-white);
  }
  .ring-white\/5 {
    --tw-ring-color: color-mix(in srgb, #fff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
  .ring-white\/8 {
    --tw-ring-color: color-mix(in srgb, #fff 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }
  .ring-white\/10 {
    --tw-ring-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .ring-white\/15 {
    --tw-ring-color: color-mix(in srgb, #fff 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }
  .ring-white\/16 {
    --tw-ring-color: color-mix(in srgb, #fff 16%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 16%, transparent);
    }
  }
  .ring-white\/25 {
    --tw-ring-color: color-mix(in srgb, #fff 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }
  .ring-white\/40 {
    --tw-ring-color: color-mix(in srgb, #fff 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }
  .ring-white\/50 {
    --tw-ring-color: color-mix(in srgb, #fff 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }
  .ring-white\/70 {
    --tw-ring-color: color-mix(in srgb, #fff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .ring-white\/\[0\.04\] {
    --tw-ring-color: color-mix(in srgb, #fff 4%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 4%, transparent);
    }
  }
  .ring-white\/\[0\.05\] {
    --tw-ring-color: color-mix(in srgb, #fff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
  .ring-white\/\[0\.06\] {
    --tw-ring-color: color-mix(in srgb, #fff 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 6%, transparent);
    }
  }
  .ring-white\/\[0\.07\] {
    --tw-ring-color: color-mix(in srgb, #fff 7.000000000000001%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 7.000000000000001%, transparent);
    }
  }
  .ring-white\/\[0\.08\] {
    --tw-ring-color: color-mix(in srgb, #fff 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }
  .ring-white\/\[0\.10\] {
    --tw-ring-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .ring-white\/\[0\.12\] {
    --tw-ring-color: color-mix(in srgb, #fff 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 12%, transparent);
    }
  }
  .ring-white\/\[0\.20\] {
    --tw-ring-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .ring-white\/\[0\.25\] {
    --tw-ring-color: color-mix(in srgb, #fff 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }
  .ring-zinc-100 {
    --tw-ring-color: var(--color-zinc-100);
  }
  .ring-zinc-200 {
    --tw-ring-color: var(--color-zinc-200);
  }
  .ring-zinc-300\/60 {
    --tw-ring-color: color-mix(in srgb, oklch(87.1% 0.006 286.286) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-zinc-300) 60%, transparent);
    }
  }
  .inset-shadow-black\/2 {
    --tw-inset-shadow-color: color-mix(in srgb, #000 2%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-inset-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 2%, transparent) var(--tw-inset-shadow-alpha), transparent);
    }
  }
  .inset-shadow-green-300 {
    --tw-inset-shadow-color: oklch(87.1% 0.15 154.449);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-inset-shadow-color: color-mix(in oklab, var(--color-green-300) var(--tw-inset-shadow-alpha), 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);
  }
  .ring-offset-4 {
    --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);
  }
  .ring-offset-8 {
    --tw-ring-offset-width: 8px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .ring-offset-\[\#0A0A0A\] {
    --tw-ring-offset-color: #0A0A0A;
  }
  .ring-offset-\[\#0f0f10\] {
    --tw-ring-offset-color: #0f0f10;
  }
  .ring-offset-background {
    --tw-ring-offset-color: var(--background);
  }
  .ring-offset-card {
    --tw-ring-offset-color: var(--card);
  }
  .ring-offset-emerald-600 {
    --tw-ring-offset-color: var(--color-emerald-600);
  }
  .ring-offset-muted\/20 {
    --tw-ring-offset-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-offset-color: color-mix(in oklab, var(--muted) 20%, transparent);
    }
  }
  .ring-offset-neutral-950 {
    --tw-ring-offset-color: var(--color-neutral-950);
  }
  .ring-offset-red-600 {
    --tw-ring-offset-color: var(--color-red-600);
  }
  .ring-offset-white {
    --tw-ring-offset-color: var(--color-white);
  }
  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .outline\! {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 1px !important;
  }
  .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-offset-2 {
    outline-offset: 2px;
  }
  .outline-offset-\[2px\] {
    outline-offset: 2px;
  }
  .outline-background {
    outline-color: var(--background);
  }
  .outline-blue-800 {
    outline-color: var(--color-blue-800);
  }
  .outline-border {
    outline-color: var(--border);
  }
  .outline-border\! {
    outline-color: var(--border) !important;
  }
  .outline-gray-200 {
    outline-color: var(--color-gray-200);
  }
  .outline-gray-300 {
    outline-color: var(--color-gray-300);
  }
  .outline-gray-800 {
    outline-color: var(--color-gray-800);
  }
  .outline-primary {
    outline-color: var(--primary);
  }
  .outline-white\/30 {
    outline-color: color-mix(in srgb, #fff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      outline-color: color-mix(in oklab, var(--color-white) 30%, 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-\[0\.5px\] {
    --tw-blur: blur(0.5px);
    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-\[1em\] {
    --tw-blur: blur(1em);
    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-\[1px\] {
    --tw-blur: blur(1px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-\[2px\] {
    --tw-blur: blur(2px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-\[6px\] {
    --tw-blur: blur(6px);
    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-\[10px\] {
    --tw-blur: blur(10px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-\[80px\] {
    --tw-blur: blur(80px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-\[85px\] {
    --tw-blur: blur(85px);
    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-\[90px\] {
    --tw-blur: blur(90px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-\[100px\] {
    --tw-blur: blur(100px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-\[110px\] {
    --tw-blur: blur(110px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-\[120px\] {
    --tw-blur: blur(120px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-\[130px\] {
    --tw-blur: blur(130px);
    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-\[140px\] {
    --tw-blur: blur(140px);
    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-\[calc\(\(1-var\(--active\,0\)\)\*1rem\)\] {
    --tw-blur: blur(calc((1 - var(--active,0)) * 1rem));
    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-\[var\(--blur\)\] {
    --tw-blur: blur(var(--blur));
    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-lg {
    --tw-blur: blur(var(--blur-lg));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-md {
    --tw-blur: blur(var(--blur-md));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-none {
    --tw-blur:  ;
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-sm {
    --tw-blur: blur(var(--blur-sm));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-xl {
    --tw-blur: blur(var(--blur-xl));
    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-75 {
    --tw-brightness: brightness(75%);
    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-90 {
    --tw-brightness: brightness(90%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1))) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.06)));
    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow( 0 1px 1px rgb(0 0 0 / 0.06));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-2xl {
    --tw-drop-shadow-size: drop-shadow(0 25px 25px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-2xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-\[0_0_8px_rgba\(16\,185\,129\,0\.8\)\] {
    --tw-drop-shadow-size: drop-shadow(0 0 8px var(--tw-drop-shadow-color, rgba(16,185,129,0.8)));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-\[0_0_8px_rgba\(52\,211\,153\,0\.5\)\] {
    --tw-drop-shadow-size: drop-shadow(0 0 8px var(--tw-drop-shadow-color, rgba(52,211,153,0.5)));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-\[0_0_8px_rgba\(255\,255\,255\,0\.4\)\] {
    --tw-drop-shadow-size: drop-shadow(0 0 8px var(--tw-drop-shadow-color, rgba(255,255,255,0.4)));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-\[0_0_8px_rgba\(255\,255\,255\,0\.6\)\] {
    --tw-drop-shadow-size: drop-shadow(0 0 8px var(--tw-drop-shadow-color, rgba(255,255,255,0.6)));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-\[0_0_12px_rgba\(34\,211\,238\,0\.55\)\] {
    --tw-drop-shadow-size: drop-shadow(0 0 12px var(--tw-drop-shadow-color, rgba(34,211,238,0.55)));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-\[0_0_24px_rgba\(99\,102\,241\,0\.45\)\] {
    --tw-drop-shadow-size: drop-shadow(0 0 24px var(--tw-drop-shadow-color, rgba(99,102,241,0.45)));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-\[0_0_26px_rgba\(56\,189\,248\,0\.5\)\] {
    --tw-drop-shadow-size: drop-shadow(0 0 26px var(--tw-drop-shadow-color, rgba(56,189,248,0.5)));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-\[0_0px_20px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-drop-shadow-size: drop-shadow(0 0px 20px var(--tw-drop-shadow-color, rgba(0,0,0,0.5)));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-\[0_1px_1px_\#0008\] {
    --tw-drop-shadow-size: drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0008));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-\[0_1px_6px_rgba\(0\,0\,0\,0\.6\)\] {
    --tw-drop-shadow-size: drop-shadow(0 1px 6px var(--tw-drop-shadow-color, rgba(0,0,0,0.6)));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-\[0_1px_8px_rgba\(0\,0\,0\,0\.7\)\] {
    --tw-drop-shadow-size: drop-shadow(0 1px 8px var(--tw-drop-shadow-color, rgba(0,0,0,0.7)));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-\[0_1px_8px_rgba\(0\,0\,0\,0\.8\)\] {
    --tw-drop-shadow-size: drop-shadow(0 1px 8px var(--tw-drop-shadow-color, rgba(0,0,0,0.8)));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-\[0_1px_8px_rgba\(0\,0\,0\,0\.9\)\] {
    --tw-drop-shadow-size: drop-shadow(0 1px 8px var(--tw-drop-shadow-color, rgba(0,0,0,0.9)));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-\[0_1px_10px_rgba\(0\,0\,0\,0\.9\)\] {
    --tw-drop-shadow-size: drop-shadow(0 1px 10px var(--tw-drop-shadow-color, rgba(0,0,0,0.9)));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-\[0_1px_10px_rgba\(0\,0\,0\,0\.95\)\] {
    --tw-drop-shadow-size: drop-shadow(0 1px 10px var(--tw-drop-shadow-color, rgba(0,0,0,0.95)));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-\[0_2px_8px_rgba\(0\,0\,0\,0\.9\)\] {
    --tw-drop-shadow-size: drop-shadow(0 2px 8px var(--tw-drop-shadow-color, rgba(0,0,0,0.9)));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-\[0_2px_12px_rgba\(0\,0\,0\,0\.6\)\] {
    --tw-drop-shadow-size: drop-shadow(0 2px 12px var(--tw-drop-shadow-color, rgba(0,0,0,0.6)));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-\[0_2px_12px_rgba\(0\,0\,0\,0\.7\)\] {
    --tw-drop-shadow-size: drop-shadow(0 2px 12px var(--tw-drop-shadow-color, rgba(0,0,0,0.7)));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-\[0_2px_12px_rgba\(0\,0\,0\,0\.9\)\] {
    --tw-drop-shadow-size: drop-shadow(0 2px 12px var(--tw-drop-shadow-color, rgba(0,0,0,0.9)));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-\[0_2px_14px_rgba\(0\,0\,0\,0\.9\)\] {
    --tw-drop-shadow-size: drop-shadow(0 2px 14px var(--tw-drop-shadow-color, rgba(0,0,0,0.9)));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-\[0_2px_14px_rgba\(0\,0\,0\,0\.85\)\] {
    --tw-drop-shadow-size: drop-shadow(0 2px 14px var(--tw-drop-shadow-color, rgba(0,0,0,0.85)));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-\[0_8px_24px_rgba\(0\,0\,0\,0\.6\)\] {
    --tw-drop-shadow-size: drop-shadow(0 8px 24px var(--tw-drop-shadow-color, rgba(0,0,0,0.6)));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-\[0_15px_25px_rgba\(0\,0\,0\,0\.8\)\] {
    --tw-drop-shadow-size: drop-shadow(0 15px 25px var(--tw-drop-shadow-color, rgba(0,0,0,0.8)));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-\[0_20px_50px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-drop-shadow-size: drop-shadow(0 20px 50px var(--tw-drop-shadow-color, rgba(0,0,0,0.5)));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-\[2px_2px_8px_\#f43f5d\] {
    --tw-drop-shadow-size: drop-shadow(2px 2px 8px var(--tw-drop-shadow-color, #f43f5d));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-lg {
    --tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-md {
    --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.12)));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-md));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-sm {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-xl {
    --tw-drop-shadow-size: drop-shadow(0 9px 7px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1)));
    --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,);
  }
  .grayscale-0 {
    --tw-grayscale: grayscale(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,);
  }
  .grayscale-\[0\.1\] {
    --tw-grayscale: grayscale(0.1);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .invert-0 {
    --tw-invert: invert(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,);
  }
  .saturate-90 {
    --tw-saturate: saturate(90%);
    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-150 {
    --tw-saturate: saturate(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,);
  }
  .saturate-200 {
    --tw-saturate: saturate(200%);
    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\:blur\(120px\)\] {
    filter: blur(120px);
  }
  .\[filter\:hue-rotate\(170deg\)_saturate\(2\.4\)_brightness\(0\.95\)_contrast\(0\.78\)\] {
    filter: hue-rotate(170deg) saturate(2.4) brightness(0.95) contrast(0.78);
  }
  .\[filter\:url\(\#blurMe\)_blur\(40px\)\] {
    filter: url(#blurMe) blur(40px);
  }
  .\[filter\:url\(\'\#goo\'\)\] {
    filter: url('#goo');
  }
  .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,);
  }
  .filter-\[url\(\#dissolve-filter\)\] {
    filter: url(#dissolve-filter);
  }
  .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-2xl {
    --tw-backdrop-blur: blur(var(--blur-2xl));
    -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-3xl {
    --tw-backdrop-blur: blur(var(--blur-3xl));
    -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-\[1px\] {
    --tw-backdrop-blur: blur(1px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-\[2px\] {
    --tw-backdrop-blur: blur(2px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-\[4px\] {
    --tw-backdrop-blur: blur(4px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-\[5px\] {
    --tw-backdrop-blur: blur(5px);
    -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-\[10px\] {
    --tw-backdrop-blur: blur(10px);
    -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-\[15px\] {
    --tw-backdrop-blur: blur(15px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-lg {
    --tw-backdrop-blur: blur(var(--blur-lg));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-xl {
    --tw-backdrop-blur: blur(var(--blur-xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-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-brightness-\[100\%\] {
    --tw-backdrop-brightness: brightness(100%);
    -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,);
  }
  .\[backdrop-filter\:blur\(6px\)\] {
    backdrop-filter: blur(6px);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[background-color\,box-shadow\] {
    transition-property: background-color,box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[background-color\,color\,box-shadow\,border-radius\] {
    transition-property: background-color,color,box-shadow,border-radius;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[background-color\,color\,filter\] {
    transition-property: background-color,color,filter;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[background-color\,color\,transform\] {
    transition-property: background-color,color,transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[background-color\,opacity\,transform\] {
    transition-property: background-color,opacity,transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[background-color\,transform\] {
    transition-property: background-color,transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[background-color\] {
    transition-property: background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[background-position\,box-shadow\] {
    transition-property: background-position,box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[background\] {
    transition-property: background;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[border-color\] {
    transition-property: border-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[border-radius\] {
    transition-property: border-radius;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[box-shadow\,background\,border-color\] {
    transition-property: box-shadow,background,border-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[box-shadow\,background\,ring\] {
    transition-property: box-shadow,background,ring;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[box-shadow\,background-color\] {
    transition-property: box-shadow,background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[box-shadow\,background\] {
    transition-property: box-shadow,background;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[box-shadow\,border-color\] {
    transition-property: box-shadow,border-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[box-shadow\,scale\] {
    transition-property: box-shadow,scale;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[color\,background-color\,box-shadow\] {
    transition-property: color,background-color,box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[color\,box-shadow\] {
    transition-property: color,box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[color\] {
    transition-property: color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[colors\] {
    transition-property: colors;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[filter\] {
    transition-property: filter;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[grid-template-rows\] {
    transition-property: grid-template-rows;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[height\,background-color\] {
    transition-property: height,background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[height\] {
    transition-property: height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[left\,right\,top\,width\] {
    transition-property: left,right,top,width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[left\,right\,width\] {
    transition-property: left,right,width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[left\] {
    transition-property: left;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[margin\,opacity\] {
    transition-property: margin,opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[max-height\] {
    transition-property: max-height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[opacity\,transform\,translate\] {
    transition-property: opacity,transform,translate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[opacity\,transform\,width\,height\,scale\,translate\] {
    transition-property: opacity,transform,width,height,scale,translate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[opacity\,transform\] {
    transition-property: opacity,transform;
    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-\[padding-right\] {
    transition-property: padding-right;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[scale\,opacity\] {
    transition-property: scale,opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[scale\] {
    transition-property: scale;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[stroke-dashoffset\,stroke\] {
    transition-property: stroke-dashoffset,stroke;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[top\,left\,right\,bottom\] {
    transition-property: top,left,right,bottom;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[transform\,box-shadow\,height\,background-color\] {
    transition-property: transform,box-shadow,height,background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[transform\,opacity\] {
    transition-property: transform,opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[transform\,scale\,opacity\] {
    transition-property: transform,scale,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;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[width\,gap\] {
    transition-property: width,gap;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[width\,height\,padding\] {
    transition-property: width,height,padding;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[width\,height\] {
    transition-property: width,height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[width\,translate\] {
    transition-property: width,translate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .\[transition-property\:opacity\,transform\] {
    transition-property: opacity,transform;
  }
  .transition-none {
    transition-property: none;
  }
  .delay-75 {
    transition-delay: 75ms;
  }
  .delay-100 {
    transition-delay: 100ms;
  }
  .delay-150 {
    transition-delay: 150ms;
  }
  .delay-200 {
    transition-delay: 200ms;
  }
  .delay-300 {
    transition-delay: 300ms;
  }
  .delay-400 {
    transition-delay: 400ms;
  }
  .delay-500 {
    transition-delay: 500ms;
  }
  .duration-\(--animation-duration\) {
    --tw-duration: var(--animation-duration);
    transition-duration: var(--animation-duration);
  }
  .duration-0 {
    --tw-duration: 0ms;
    transition-duration: 0ms;
  }
  .duration-75 {
    --tw-duration: 75ms;
    transition-duration: 75ms;
  }
  .duration-100 {
    --tw-duration: 100ms;
    transition-duration: 100ms;
  }
  .duration-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-250 {
    --tw-duration: 250ms;
    transition-duration: 250ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .duration-400 {
    --tw-duration: 400ms;
    transition-duration: 400ms;
  }
  .duration-420 {
    --tw-duration: 420ms;
    transition-duration: 420ms;
  }
  .duration-450 {
    --tw-duration: 450ms;
    transition-duration: 450ms;
  }
  .duration-480 {
    --tw-duration: 480ms;
    transition-duration: 480ms;
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .duration-520 {
    --tw-duration: 520ms;
    transition-duration: 520ms;
  }
  .duration-600 {
    --tw-duration: 600ms;
    transition-duration: 600ms;
  }
  .duration-700 {
    --tw-duration: 700ms;
    transition-duration: 700ms;
  }
  .duration-800 {
    --tw-duration: 800ms;
    transition-duration: 800ms;
  }
  .duration-1000 {
    --tw-duration: 1000ms;
    transition-duration: 1000ms;
  }
  .duration-\[125ms\] {
    --tw-duration: 125ms;
    transition-duration: 125ms;
  }
  .duration-\[350ms\] {
    --tw-duration: 350ms;
    transition-duration: 350ms;
  }
  .duration-\[2000ms\] {
    --tw-duration: 2000ms;
    transition-duration: 2000ms;
  }
  .duration-\[var\(--duration\)\] {
    --tw-duration: var(--duration);
    transition-duration: var(--duration);
  }
  .ease-\[0\.22\,1\,0\.36\,1\] {
    --tw-ease: 0.22,1,0.36,1;
    transition-timing-function: 0.22,1,0.36,1;
  }
  .ease-\[cubic-bezier\(0\.2\,0\,0\,1\)\] {
    --tw-ease: cubic-bezier(0.2,0,0,1);
    transition-timing-function: cubic-bezier(0.2,0,0,1);
  }
  .ease-\[cubic-bezier\(0\.2\,0\.8\,0\.2\,1\.2\)\] {
    --tw-ease: cubic-bezier(0.2,0.8,0.2,1.2);
    transition-timing-function: cubic-bezier(0.2,0.8,0.2,1.2);
  }
  .ease-\[cubic-bezier\(0\.4\,0\,0\.2\,1\)\] {
    --tw-ease: cubic-bezier(0.4,0,0.2,1);
    transition-timing-function: cubic-bezier(0.4,0,0.2,1);
  }
  .ease-\[cubic-bezier\(0\.16\,1\,0\.3\,1\)\] {
    --tw-ease: cubic-bezier(0.16,1,0.3,1);
    transition-timing-function: cubic-bezier(0.16,1,0.3,1);
  }
  .ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\] {
    --tw-ease: cubic-bezier(0.22,1,0.36,1);
    transition-timing-function: cubic-bezier(0.22,1,0.36,1);
  }
  .ease-\[cubic-bezier\(0\.23\,1\,0\.32\,1\)\] {
    --tw-ease: cubic-bezier(0.23,1,0.32,1);
    transition-timing-function: cubic-bezier(0.23,1,0.32,1);
  }
  .ease-\[cubic-bezier\(0\.25\,0\.85\,0\.3\,1\)\] {
    --tw-ease: cubic-bezier(0.25,0.85,0.3,1);
    transition-timing-function: cubic-bezier(0.25,0.85,0.3,1);
  }
  .ease-\[cubic-bezier\(0\.25\,1\,0\.5\,1\)\] {
    --tw-ease: cubic-bezier(0.25,1,0.5,1);
    transition-timing-function: cubic-bezier(0.25,1,0.5,1);
  }
  .ease-\[cubic-bezier\(0\.26\,0\.75\,0\.38\,0\.45\)\] {
    --tw-ease: cubic-bezier(0.26,0.75,0.38,0.45);
    transition-timing-function: cubic-bezier(0.26,0.75,0.38,0.45);
  }
  .ease-\[cubic-bezier\(0\.32\,0\.72\,0\,1\)\] {
    --tw-ease: cubic-bezier(0.32,0.72,0,1);
    transition-timing-function: cubic-bezier(0.32,0.72,0,1);
  }
  .ease-\[cubic-bezier\(0\.65\,0\,0\.35\,1\)\] {
    --tw-ease: cubic-bezier(0.65,0,0.35,1);
    transition-timing-function: cubic-bezier(0.65,0,0.35,1);
  }
  .ease-\[cubic-bezier\(0\.075\,0\.82\,0\.165\,1\)\] {
    --tw-ease: cubic-bezier(0.075,0.82,0.165,1);
    transition-timing-function: cubic-bezier(0.075,0.82,0.165,1);
  }
  .ease-\[cubic-bezier\(0\.76\,0\,0\.24\,1\)\] {
    --tw-ease: cubic-bezier(0.76,0,0.24,1);
    transition-timing-function: cubic-bezier(0.76,0,0.24,1);
  }
  .ease-\[var\(--ease-spring\)\] {
    --tw-ease: var(--ease-spring);
    transition-timing-function: var(--ease-spring);
  }
  .ease-\[var\(--easing\)\] {
    --tw-ease: var(--easing);
    transition-timing-function: var(--easing);
  }
  .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);
  }
  .will-change-\[height\] {
    will-change: height;
  }
  .will-change-transform {
    will-change: transform;
  }
  .delay-75 {
    animation-delay: calc(75*1ms);
    animation-delay: 75ms;
    --tw-animation-delay: calc(75*1ms);
    --tw-animation-delay: 75ms;
  }
  .delay-100 {
    animation-delay: calc(100*1ms);
    animation-delay: .1s;
    --tw-animation-delay: calc(100*1ms);
    --tw-animation-delay: .1s;
  }
  .delay-150 {
    animation-delay: calc(150*1ms);
    animation-delay: .15s;
    --tw-animation-delay: calc(150*1ms);
    --tw-animation-delay: .15s;
  }
  .delay-200 {
    animation-delay: calc(200*1ms);
    animation-delay: .2s;
    --tw-animation-delay: calc(200*1ms);
    --tw-animation-delay: .2s;
  }
  .delay-300 {
    animation-delay: calc(300*1ms);
    animation-delay: .3s;
    --tw-animation-delay: calc(300*1ms);
    --tw-animation-delay: .3s;
  }
  .delay-500 {
    animation-delay: calc(500*1ms);
    animation-delay: .5s;
    --tw-animation-delay: calc(500*1ms);
    --tw-animation-delay: .5s;
  }
  .delay-400 {
    animation-delay: calc(400*1ms);
    --tw-animation-delay: calc(400*1ms);
  }
  .fade-in-0 {
    --tw-enter-opacity: calc(0/100);
    --tw-enter-opacity: 0;
  }
  .fill-mode-both {
    animation-fill-mode: both;
    --tw-animation-fill-mode: both;
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .outline-solid\! {
    --tw-outline-style: solid !important;
    outline-style: solid !important;
  }
  .repeat-\[infinite\] {
    animation-iteration-count: infinite;
    --tw-animation-iteration-count: infinite;
  }
  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .zoom-in-50 {
    --tw-enter-scale: calc(50*1%);
    --tw-enter-scale: .5;
  }
  .zoom-in-95 {
    --tw-enter-scale: calc(95*1%);
    --tw-enter-scale: .95;
  }
  .\!paused {
    animation-play-state: paused !important;
  }
  .\[--accent-foreground\:\#111111\] {
    --accent-foreground: #111111;
  }
  .\[--accent\:\#f3f5f8\] {
    --accent: #f3f5f8;
  }
  .\[--app-header-height\:3rem\] {
    --app-header-height: 3rem;
  }
  .\[--app-wrapper-max-width\:80rem\] {
    --app-wrapper-max-width: 80rem;
  }
  .\[--arrow-background\:var\(--hover-card-background\)\] {
    --arrow-background: var(--hover-card-background);
  }
  .\[--arrow-background\:var\(--popover\)\] {
    --arrow-background: var(--popover);
  }
  .\[--arrow-size\:10px\] {
    --arrow-size: 10px;
  }
  .\[--arrow-size\:12px\] {
    --arrow-size: 12px;
  }
  .\[--aurora\:repeating-linear-gradient\(100deg\,var\(--blue-500\)_10\%\,var\(--indigo-300\)_15\%\,var\(--blue-300\)_20\%\,var\(--violet-200\)_25\%\,var\(--blue-400\)_30\%\)\] {
    --aurora: repeating-linear-gradient(100deg,var(--blue-500) 10%,var(--indigo-300) 15%,var(--blue-300) 20%,var(--violet-200) 25%,var(--blue-400) 30%);
  }
  .\[--background\:\#ffffff\] {
    --background: #ffffff;
  }
  .\[--base-color\:\#a1a1aa\] {
    --base-color: #a1a1aa;
  }
  .\[--base-color\:var\(--muted-foreground\)\] {
    --base-color: var(--muted-foreground);
  }
  .\[--base-gradient-color\:\#000\] {
    --base-gradient-color: #000;
  }
  .\[--bg-size\:300\%\] {
    --bg-size: 300%;
  }
  .\[--bg\:linear-gradient\(90deg\,\#0000_calc\(50\%-var\(--spread\)\)\,var\(--base-gradient-color\)\,\#0000_calc\(50\%\+var\(--spread\)\)\)\] {
    --bg: linear-gradient(90deg,#0000 calc(50% - var(--spread)),var(--base-gradient-color),#0000 calc(50% + var(--spread)));
  }
  .\[--bg\:linear-gradient\(90deg\,\#0000_calc\(50\%-var\(--spread\)\)\,var\(--color-foreground\)\,\#0000_calc\(50\%\+var\(--spread\)\)\)\] {
    --bg: linear-gradient(90deg,#0000 calc(50% - var(--spread)),var(--color-foreground),#0000 calc(50% + var(--spread)));
  }
  .\[--bleed\:--spacing\(12\)\] {
    --bleed: calc(var(--spacing) * 12);
  }
  .\[--border\:\#e3e7ec\] {
    --border: #e3e7ec;
  }
  .\[--brand-soft\:\#bae6fd\] {
    --brand-soft: #bae6fd;
  }
  .\[--brand\:\#0ea5e9\] {
    --brand: #0ea5e9;
  }
  .\[--card-foreground\:\#111111\] {
    --card-foreground: #111111;
  }
  .\[--card\:\#ffffff\] {
    --card: #ffffff;
  }
  .\[--cell-radius\:var\(--radius-md\)\] {
    --cell-radius: var(--radius-md);
  }
  .\[--cell-size\:--spacing\(7\)\] {
    --cell-size: calc(var(--spacing) * 7);
  }
  .\[--cell-size\:--spacing\(10\)\] {
    --cell-size: calc(var(--spacing) * 10);
  }
  .\[--chart-1\:oklch\(0\.52_0\.19_254\)\] {
    --chart-1: oklch(0.52 0.19 254);
  }
  .\[--chart-2\:oklch\(0\.74_0\.11_232\)\] {
    --chart-2: oklch(0.74 0.11 232);
  }
  .\[--chart-3\:oklch\(0\.42_0\.16_262\)\] {
    --chart-3: oklch(0.42 0.16 262);
  }
  .\[--chart-4\:oklch\(0\.84_0\.07_228\)\] {
    --chart-4: oklch(0.84 0.07 228);
  }
  .\[--chart-5\:oklch\(0\.62_0\.14_240\)\] {
    --chart-5: oklch(0.62 0.14 240);
  }
  .\[--color-accent-foreground\:var\(--accent-foreground\)\] {
    --color-accent-foreground: var(--accent-foreground);
  }
  .\[--color-accent\:var\(--accent\)\] {
    --color-accent: var(--accent);
  }
  .\[--color-background\:var\(--background\)\] {
    --color-background: var(--background);
  }
  .\[--color-border\:var\(--border\)\] {
    --color-border: var(--border);
  }
  .\[--color-brand-soft\:var\(--brand-soft\)\] {
    --color-brand-soft: var(--brand-soft);
  }
  .\[--color-brand\:var\(--brand\)\] {
    --color-brand: var(--brand);
  }
  .\[--color-card-foreground\:var\(--card-foreground\)\] {
    --color-card-foreground: var(--card-foreground);
  }
  .\[--color-card\:var\(--card\)\] {
    --color-card: var(--card);
  }
  .\[--color-chart-1\:var\(--chart-1\)\] {
    --color-chart-1: var(--chart-1);
  }
  .\[--color-chart-2\:var\(--chart-2\)\] {
    --color-chart-2: var(--chart-2);
  }
  .\[--color-chart-3\:var\(--chart-3\)\] {
    --color-chart-3: var(--chart-3);
  }
  .\[--color-chart-4\:var\(--chart-4\)\] {
    --color-chart-4: var(--chart-4);
  }
  .\[--color-chart-5\:var\(--chart-5\)\] {
    --color-chart-5: var(--chart-5);
  }
  .\[--color-destructive\:var\(--destructive\)\] {
    --color-destructive: var(--destructive);
  }
  .\[--color-foreground\:var\(--foreground\)\] {
    --color-foreground: var(--foreground);
  }
  .\[--color-input\:var\(--input\)\] {
    --color-input: var(--input);
  }
  .\[--color-muted-foreground\:var\(--muted-foreground\)\] {
    --color-muted-foreground: var(--muted-foreground);
  }
  .\[--color-muted\:var\(--muted\)\] {
    --color-muted: var(--muted);
  }
  .\[--color-paper\:var\(--paper\)\] {
    --color-paper: var(--paper);
  }
  .\[--color-popover-foreground\:var\(--popover-foreground\)\] {
    --color-popover-foreground: var(--popover-foreground);
  }
  .\[--color-primary\:var\(--primary\)\] {
    --color-primary: var(--primary);
  }
  .\[--color-ring\:var\(--ring\)\] {
    --color-ring: var(--ring);
  }
  .\[--color-secondary\:var\(--secondary\)\] {
    --color-secondary: var(--secondary);
  }
  .\[--composer-padding\:0\.625rem\] {
    --composer-padding: 0.625rem;
  }
  .\[--composer-radius\:1rem\] {
    --composer-radius: 1rem;
  }
  .\[--conic-position\:from_70deg_at_center_top\] {
    --conic-position: from 70deg at center top;
  }
  .\[--conic-position\:from_290deg_at_center_top\] {
    --conic-position: from 290deg at center top;
  }
  .\[--dark-gradient\:repeating-linear-gradient\(100deg\,var\(--black\)_0\%\,var\(--black\)_7\%\,var\(--transparent\)_10\%\,var\(--transparent\)_12\%\,var\(--black\)_16\%\)\] {
    --dark-gradient: repeating-linear-gradient(100deg,var(--black) 0%,var(--black) 7%,var(--transparent) 10%,var(--transparent) 12%,var(--black) 16%);
  }
  .\[--destructive\:\#dc2626\] {
    --destructive: #dc2626;
  }
  .\[--duration\:10s\] {
    --duration: 10s;
  }
  .\[--duration\:40s\] {
    --duration: 40s;
  }
  .\[--duration\:120s\] {
    --duration: 120s;
  }
  .\[--fade-size\:1\.5rem\] {
    --fade-size: 1.5rem;
  }
  .\[--foreground\:\#111111\] {
    --foreground: #111111;
  }
  .\[--gap\:6px\] {
    --gap: 6px;
  }
  .\[--gradient-end\:\#9333ea\] {
    --gradient-end: #9333ea;
  }
  .\[--gradient-start\:\#3b82f6\] {
    --gradient-start: #3b82f6;
  }
  .\[--height\:max\(0px\,calc\(var\(--drawer-frontmost-height\,var\(--drawer-height\)\)\)\)\] {
    --height: max(0px, calc(var(--drawer-frontmost-height,var(--drawer-height))));
  }
  .\[--hover-card-background\:var\(--popover\)\] {
    --hover-card-background: var(--popover);
  }
  .\[--input\:\#e3e7ec\] {
    --input: #e3e7ec;
  }
  .\[--inset\:--spacing\(0\)\] {
    --inset: calc(var(--spacing) * 0);
  }
  .\[--listbox-bg\:\#ffffff\] {
    --listbox-bg: #ffffff;
  }
  .\[--listbox-border\:\#e5e7eb\] {
    --listbox-border: #e5e7eb;
  }
  .\[--move-x-from\:-100\%\] {
    --move-x-from: -100%;
  }
  .\[--move-x-to\:calc\(100\%\+100cqw\)\] {
    --move-x-to: calc(100% + 100cqw);
  }
  .\[--muted-foreground\:\#6d7480\] {
    --muted-foreground: #6d7480;
  }
  .\[--muted\:\#f5f7fa\] {
    --muted: #f5f7fa;
  }
  .\[--padding\:theme\(spacing\.2\)\] {
    --padding: 0.5rem;
  }
  .\[--paper\:\#fcfcfd\] {
    --paper: #fcfcfd;
  }
  .\[--pattern-fg\:var\(--color-gray-950\)\]\/5 {
    --pattern-fg: color-mix(in srgb, oklch(13% 0.028 261.692) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --pattern-fg: color-mix(in oklab, var(--color-gray-950) 5%, transparent);
    }
  }
  .\[--peek\:calc\(--spacing\(6\)-1px\)\] {
    --peek: calc(calc(var(--spacing) * 6) - 1px);
  }
  .\[--popover-foreground\:\#111111\] {
    --popover-foreground: #111111;
  }
  .\[--primary\:\#111111\] {
    --primary: #111111;
  }
  .\[--radius\:theme\(borderRadius\.xl\)\] {
    --radius: calc(var(--radius) * 1.4);
  }
  .\[--radix-hover-card-content-transform-origin\:center_center\] {
    --radix-hover-card-content-transform-origin: center center;
  }
  .\[--ring\:rgba\(17\,17\,17\,0\.16\)\] {
    --ring: rgba(17,17,17,0.16);
  }
  .\[--scale-base\:calc\(max\(0\,1-\(var\(--nested-drawers\)\*var\(--stack-step\)\)\)\)\] {
    --scale-base: calc(max(0, 1 - (var(--nested-drawers) * var(--stack-step))));
  }
  .\[--scale\:clamp\(0\,calc\(var\(--scale-base\)\+\(var\(--stack-step\)\*var\(--stack-progress\)\)\)\,1\)\] {
    --scale: clamp(0, calc(var(--scale-base) + (var(--stack-step) * var(--stack-progress))), 1);
  }
  .\[--secondary\:\#646b75\] {
    --secondary: #646b75;
  }
  .\[--shadow-soft\:0_18px_38px_-24px_rgba\(15\,23\,42\,0\.35\)\] {
    --shadow-soft: 0 18px 38px -24px rgba(15,23,42,0.35);
  }
  .\[--shimmer-bg\:linear-gradient\(90deg\,transparent_calc\(50\%-var\(--spread\)\)\,var\(--shimmer-color\)\,transparent_calc\(50\%\+var\(--spread\)\)\)\] {
    --shimmer-bg: linear-gradient(90deg,transparent calc(50% - var(--spread)),var(--shimmer-color),transparent calc(50% + var(--spread)));
  }
  .\[--shimmer-color\:var\(--foreground\)\] {
    --shimmer-color: var(--foreground);
  }
  .\[--shrink\:calc\(1-var\(--scale\)\)\] {
    --shrink: calc(1 - var(--scale));
  }
  .\[--size\:8px\] {
    --size: 8px;
  }
  .\[--stack-peek-offset\:max\(0px\,calc\(\(var\(--nested-drawers\)-var\(--stack-progress\)\)\*var\(--peek\)\)\)\] {
    --stack-peek-offset: max(0px, calc((var(--nested-drawers) - var(--stack-progress)) * var(--peek)));
  }
  .\[--stack-progress\:clamp\(0\,var\(--drawer-swipe-progress\)\,1\)\] {
    --stack-progress: clamp(0, var(--drawer-swipe-progress), 1);
  }
  .\[--stack-step\:0\.05\] {
    --stack-step: 0.05;
  }
  .\[--stack-step\:0\] {
    --stack-step: 0;
  }
  .\[--surface-border\:\#e9edf2\] {
    --surface-border: #e9edf2;
  }
  .\[--thumb-size\:--spacing\(4\)\] {
    --thumb-size: calc(var(--spacing) * 4);
  }
  .\[--thumb-size\:--spacing\(5\)\] {
    --thumb-size: calc(var(--spacing) * 5);
  }
  .\[--white-gradient\:repeating-linear-gradient\(100deg\,var\(--white\)_0\%\,var\(--white\)_7\%\,var\(--transparent\)_10\%\,var\(--transparent\)_12\%\,var\(--white\)_16\%\)\] {
    --white-gradient: repeating-linear-gradient(100deg,var(--white) 0%,var(--white) 7%,var(--transparent) 10%,var(--transparent) 12%,var(--white) 16%);
  }
  .\[-ms-overflow-style\:none\] {
    -ms-overflow-style: none;
  }
  .\[-webkit-box-orient\:vertical\] {
    -webkit-box-orient: vertical;
  }
  .\[-webkit-overflow-scrolling\:touch\] {
    -webkit-overflow-scrolling: touch;
  }
  .\[-webkit-text-stroke-color\:\#000\] {
    -webkit-text-stroke-color: #000;
  }
  .\[animation-delay\:-0\.3s\] {
    animation-delay: -0.3s;
  }
  .\[animation-delay\:-0\.15s\] {
    animation-delay: -0.15s;
  }
  .\[animation-delay\:calc\(var\(--delay\)\*1000ms\)\] {
    animation-delay: calc(var(--delay) * 1000ms);
  }
  .\[animation-direction\:reverse\] {
    animation-direction: reverse;
  }
  .\[animation-name\:move-x\] {
    animation-name: move-x;
  }
  .\[animation-play-state\:running\] {
    animation-play-state: running;
  }
  .\[animation-timing-function\:linear\] {
    animation-timing-function: linear;
  }
  .\[backface-visibility\:hidden\] {
    backface-visibility: hidden;
  }
  .\[background\:linear-gradient\(to_bottom\,\#f3f4f6\,\#e5e7eb\)\] {
    background: linear-gradient(to bottom,#f3f4f6,#e5e7eb);
  }
  .\[background\:radial-gradient\(125\%_125\%_at_50\%_-50\%\,\#c7d2fe_40\%\,transparent_100\%\)\] {
    background: radial-gradient(125% 125% at 50% -50%,#c7d2fe 40%,transparent 100%);
  }
  .\[background\:radial-gradient\(125\%_125\%_at_50\%_10\%\,\#000_40\%\,\#63e_100\%\)\] {
    background: radial-gradient(125% 125% at 50% 10%,#000 40%,#63e 100%);
  }
  .\[background\:radial-gradient\(125\%_125\%_at_50\%_10\%\,\#fff_40\%\,\#63e_100\%\)\] {
    background: radial-gradient(125% 125% at 50% 10%,#fff 40%,#63e 100%);
  }
  .\[background\:radial-gradient\(circle_at_center\,_rgba\(var\(--fifth-color\)\,_0\.8\)_0\,_rgba\(var\(--fifth-color\)\,_0\)_50\%\)_no-repeat\] {
    background: radial-gradient(circle at center, rgba(var(--fifth-color), 0.8) 0, rgba(var(--fifth-color), 0) 50%) no-repeat;
  }
  .\[background\:radial-gradient\(circle_at_center\,_rgba\(var\(--fourth-color\)\,_0\.8\)_0\,_rgba\(var\(--fourth-color\)\,_0\)_50\%\)_no-repeat\] {
    background: radial-gradient(circle at center, rgba(var(--fourth-color), 0.8) 0, rgba(var(--fourth-color), 0) 50%) no-repeat;
  }
  .\[background\:radial-gradient\(circle_at_center\,_rgba\(var\(--pointer-color\)\,_0\.8\)_0\,_rgba\(var\(--pointer-color\)\,_0\)_50\%\)_no-repeat\] {
    background: radial-gradient(circle at center, rgba(var(--pointer-color), 0.8) 0, rgba(var(--pointer-color), 0) 50%) no-repeat;
  }
  .\[background\:radial-gradient\(circle_at_center\,_rgba\(var\(--second-color\)\,_0\.8\)_0\,_rgba\(var\(--second-color\)\,_0\)_50\%\)_no-repeat\] {
    background: radial-gradient(circle at center, rgba(var(--second-color), 0.8) 0, rgba(var(--second-color), 0) 50%) no-repeat;
  }
  .\[background\:radial-gradient\(circle_at_center\,_rgba\(var\(--third-color\)\,_0\.8\)_0\,_rgba\(var\(--third-color\)\,_0\)_50\%\)_no-repeat\] {
    background: radial-gradient(circle at center, rgba(var(--third-color), 0.8) 0, rgba(var(--third-color), 0) 50%) no-repeat;
  }
  .\[background\:radial-gradient\(circle_at_center\,_var\(--first-color\)_0\,_var\(--first-color\)_50\%\)_no-repeat\] {
    background: radial-gradient(circle at center, var(--first-color) 0, var(--first-color) 50%) no-repeat;
  }
  .\[border\:calc\(var\(--border-width\)\*1px\)_solid_transparent\] {
    border: calc(var(--border-width) * 1px) solid transparent;
  }
  .\[clip-path\:polygon\(0_0\,100\%_0\,100\%_100\%\,0\%_100\%\)\] {
    clip-path: polygon(0 0,100% 0,100% 100%,0% 100%);
  }
  .\[clip-path\:polygon\(5\%_100\%\,25\%_0\,75\%_0\,95\%_100\%\)\] {
    clip-path: polygon(5% 100%,25% 0,75% 0,95% 100%);
  }
  .\[contain-intrinsic-size\:auto_24px\] {
    contain-intrinsic-size: auto 24px;
  }
  .\[contain-intrinsic-size\:auto_60px\] {
    contain-intrinsic-size: auto 60px;
  }
  .\[content-visibility\:auto\] {
    content-visibility: auto;
  }
  .\[counter-increment\:line_0\] {
    counter-increment: line 0;
  }
  .\[counter-reset\:line\] {
    counter-reset: line;
  }
  .\[cta\:trends\] {
    cta: trends;
  }
  .\[mask\:linear-gradient\(\#fff_0_0\)_content-box\,linear-gradient\(\#fff_0_0\)\] {
    mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  }
  .\[mask\:linear-gradient\(to_left\,var\(--background\)_var\(--fade-stop\)\,transparent\)\,_linear-gradient\(to_right\,var\(--background\)_var\(--fade-stop\)\,transparent\)\,_linear-gradient\(black\,black\)\] {
    mask: linear-gradient(to left,var(--background) var(--fade-stop),transparent), linear-gradient(to right,var(--background) var(--fade-stop),transparent), linear-gradient(black,black);
  }
  .\[mask\:linear-gradient\(to_top\,var\(--background\)_var\(--fade-stop\)\,transparent\)\,_linear-gradient\(to_bottom\,var\(--background\)_var\(--fade-stop\)\,transparent\)\,_linear-gradient\(black\,black\)\] {
    mask: linear-gradient(to top,var(--background) var(--fade-stop),transparent), linear-gradient(to bottom,var(--background) var(--fade-stop),transparent), linear-gradient(black,black);
  }
  .\[mask\:linear-gradient\(transparent\,transparent\)\,linear-gradient\(red\,red\)\] {
    mask: linear-gradient(transparent,transparent),linear-gradient(red,red);
  }
  .\[mask\:linear-gradient\(transparent\,transparent\)\,linear-gradient\(white\,white\)\] {
    mask: linear-gradient(transparent,transparent),linear-gradient(white,white);
  }
  .\[perspective\:500px\] {
    perspective: 500px;
  }
  .\[perspective\:800px\] {
    perspective: 800px;
  }
  .\[perspective\:1000px\] {
    perspective: 1000px;
  }
  .\[perspective\:2000px\] {
    perspective: 2000px;
  }
  .\[perspective\:3000px\] {
    perspective: 3000px;
  }
  .\[perspective\:10000px\] {
    perspective: 10000px;
  }
  .\[text-shadow\:0_1px_5px_rgba\(0\,0\,0\,0\.85\)\] {
    text-shadow: 0 1px 5px rgba(0,0,0,0.85);
  }
  .\[text-shadow\:_0_-1px_0_rgb\(6_78_59_\/_100\%\)\] {
    text-shadow:  0 -1px 0 rgb(6 78 59 / 100%);
  }
  .\[text-shadow\:_0_-1px_0_rgb\(30_58_138_\/_100\%\)\] {
    text-shadow:  0 -1px 0 rgb(30 58 138 / 100%);
  }
  .\[text-shadow\:_0_-1px_0_rgb\(80_80_80_\/_100\%\)\] {
    text-shadow:  0 -1px 0 rgb(80 80 80 / 100%);
  }
  .\[text-shadow\:_0_-1px_0_rgb\(124_45_18_\/_100\%\)\] {
    text-shadow:  0 -1px 0 rgb(124 45 18 / 100%);
  }
  .\[text-shadow\:_0_-1px_0_rgb\(146_64_14_\/_100\%\)\] {
    text-shadow:  0 -1px 0 rgb(146 64 14 / 100%);
  }
  .\[text-shadow\:_0_-1px_0_rgb\(178_140_2_\/_100\%\)\] {
    text-shadow:  0 -1px 0 rgb(178 140 2 / 100%);
  }
  .\[text-shadow\:_0_1px_1px_rgb\(0_0_0_\/_10\%\)\] {
    text-shadow:  0 1px 1px rgb(0 0 0 / 10%);
  }
  .\[transform-style\:preserve-3d\] {
    transform-style: preserve-3d;
  }
  .\[transition\:background-color_5000000s_ease-in-out_0s\] {
    transition: background-color 5000000s ease-in-out 0s;
  }
  .\[transition\:background-position_1s_cubic-bezier\(\.4\,0\,\.2\,1\)_infinite\] {
    transition: background-position 1s cubic-bezier(.4,0,.2,1) infinite;
  }
  .\[transition\:background-position_1s_cubic-bezier\(\.6\,\.6\,0\,1\)_infinite\] {
    transition: background-position 1s cubic-bezier(.6,.6,0,1) infinite;
  }
  .\[transition\:translate_\.15s\,border-radius_\.15s\,scale_\.1s_\.1s\,transform-origin_\.15s\] {
    transition: translate .15s,border-radius .15s,scale .1s .1s,transform-origin .15s;
  }
  .\[transition\:translate_\.15s\] {
    transition: translate .15s;
  }
  .\[writing-mode\:vertical-rl\] {
    writing-mode: vertical-rl;
  }
  .backface-hidden {
    backface-visibility: hidden;
  }
  .backface-visible {
    backface-visibility: visible;
  }
  .block-5 {
    block-size: calc(var(--spacing) * 5);
  }
  .block-6 {
    block-size: calc(var(--spacing) * 6);
  }
  .block-7 {
    block-size: calc(var(--spacing) * 7);
  }
  .blur-in {
    --tw-enter-blur: 20px;
  }
  .fade-in {
    --tw-enter-opacity: 0;
  }
  .fade-out {
    --tw-exit-opacity: 0;
  }
  .paused {
    animation-play-state: paused;
  }
  .perspective-\[1000px\] {
    perspective: 1000px;
  }
  .perspective-\[1200px\] {
    perspective: 1200px;
  }
  .perspective-distant {
    perspective: var(--perspective-distant);
  }
  .ring-inset {
    --tw-ring-inset: inset;
  }
  .running {
    animation-play-state: running;
  }
  .slide-in-from-bottom-1 {
    --tw-enter-translate-y: calc(1*var(--spacing));
  }
  .slide-in-from-bottom-2 {
    --tw-enter-translate-y: calc(2*var(--spacing));
  }
  .slide-in-from-bottom-3 {
    --tw-enter-translate-y: calc(3*var(--spacing));
  }
  .slide-in-from-bottom-4 {
    --tw-enter-translate-y: calc(4*var(--spacing));
  }
  .slide-in-from-bottom-8 {
    --tw-enter-translate-y: calc(8*var(--spacing));
  }
  .slide-in-from-right-1 {
    --tw-enter-translate-x: calc(1*var(--spacing));
  }
  .slide-in-from-right-8 {
    --tw-enter-translate-x: calc(8*var(--spacing));
  }
  .slide-in-from-top-1 {
    --tw-enter-translate-y: calc(1*var(--spacing)*-1);
  }
  .slide-in-from-top-2 {
    --tw-enter-translate-y: calc(2*var(--spacing)*-1);
  }
  .slide-in-from-top-8 {
    --tw-enter-translate-y: calc(8*var(--spacing)*-1);
  }
  .slide-out-to-bottom-8 {
    --tw-exit-translate-y: calc(8*var(--spacing));
  }
  .slide-out-to-top-8 {
    --tw-exit-translate-y: calc(8*var(--spacing)*-1);
  }
  .text-shadow-\[0_1\.2px_1\.2px_rgba\(0\,0\,0\,0\.8\)\] {
    text-shadow: 0 1.2px 1.2px var(--tw-text-shadow-color, rgba(0,0,0,0.8));
  }
  .transform-3d {
    transform-style: preserve-3d;
  }
  .\*\:min-h-7 {
    :is(& > *) {
      min-height: calc(var(--spacing) * 7);
    }
  }
  .\*\:min-h-36 {
    :is(& > *) {
      min-height: calc(var(--spacing) * 36);
    }
  }
  .\*\:min-h-48 {
    :is(& > *) {
      min-height: calc(var(--spacing) * 48);
    }
  }
  .\*\:w-full {
    :is(& > *) {
      width: 100%;
    }
  }
  .\*\:rounded-full {
    :is(& > *) {
      border-radius: calc(infinity * 1px);
    }
  }
  .\*\:bg-background {
    :is(& > *) {
      background-color: var(--background);
    }
  }
  .\*\:bg-background\/90 {
    :is(& > *) {
      background-color: var(--background);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--background) 90%, transparent);
      }
    }
  }
  .\*\:bg-current {
    :is(& > *) {
      background-color: currentcolor;
    }
  }
  .\*\:bg-muted {
    :is(& > *) {
      background-color: var(--muted);
    }
  }
  .\*\:text-nowrap {
    :is(& > *) {
      text-wrap: nowrap;
    }
  }
  .\*\:ring-1 {
    :is(& > *) {
      --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-border {
    :is(& > *) {
      --tw-ring-color: var(--border);
    }
  }
  .not-last\:flex-1 {
    &:not(*:last-child) {
      flex: 1;
    }
  }
  .not-last\:border-b {
    &:not(*:last-child) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .not-empty\:scroll-py-1 {
    &:not(*:empty) {
      scroll-padding-block: calc(var(--spacing) * 1);
    }
  }
  .not-empty\:p-2 {
    &:not(*:empty) {
      padding: calc(var(--spacing) * 2);
    }
  }
  .not-empty\:px-1 {
    &:not(*:empty) {
      padding-inline: calc(var(--spacing) * 1);
    }
  }
  .not-empty\:py-1 {
    &:not(*:empty) {
      padding-block: calc(var(--spacing) * 1);
    }
  }
  .not-disabled\:inset-shadow-\[0_1px_--theme\(--color-white\/16\%\)\] {
    &:not(*:disabled) {
      --tw-inset-shadow: inset 0 1px var(--tw-inset-shadow-color, color-mix(in srgb, #fff 16%, transparent));
      @supports (color: color-mix(in lab, red, red)) {
        --tw-inset-shadow: inset 0 1px var(--tw-inset-shadow-color, color-mix(in oklab, var(--color-white) 16%, transparent));
      }
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .not-has-\[\>\*\.w-full\]\:w-fit {
    &:not(*:has(>*.w-full)) {
      width: fit-content;
    }
  }
  .not-data-starting-style\:not-data-ending-style\:transition-\[transform\,box-shadow\,height\,background-color\,margin\,padding\] {
    &:not(*[data-starting-style]) {
      &:not(*[data-ending-style]) {
        transition-property: transform,box-shadow,height,background-color,margin,padding;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
      }
    }
  }
  .not-dark\:bg-clip-padding {
    &:not(*:is(.dark *)) {
      background-clip: padding-box;
    }
  }
  .not-\[class\*\=\'w-\'\]\:min-w-32 {
    &:not(*:is(class*='w-')) {
      min-width: calc(var(--spacing) * 32);
    }
  }
  .group-last\:hidden {
    &:is(:where(.group):last-child *) {
      display: none;
    }
  }
  .group-focus-within\:border-indigo-600 {
    &:is(:where(.group):focus-within *) {
      border-color: var(--color-indigo-600);
    }
  }
  .group-focus-within\:text-foreground {
    &:is(:where(.group):focus-within *) {
      color: var(--foreground);
    }
  }
  .group-focus-within\/menu-item\:opacity-100 {
    &:is(:where(.group\/menu-item):focus-within *) {
      opacity: 100%;
    }
  }
  .group-focus-within\/textarea\:opacity-80 {
    &:is(:where(.group\/textarea):focus-within *) {
      opacity: 80%;
    }
  }
  .group-hover\:visible {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        visibility: visible;
      }
    }
  }
  .group-hover\:top-\[0\%\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        top: 0%;
      }
    }
  }
  .group-hover\:left-2 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        left: calc(var(--spacing) * 2);
      }
    }
  }
  .group-hover\:left-\[0\%\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        left: 0%;
      }
    }
  }
  .group-hover\:-m-3 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        margin: calc(var(--spacing) * -3);
      }
    }
  }
  .group-hover\:block {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        display: block;
      }
    }
  }
  .group-hover\:flex {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        display: flex;
      }
    }
  }
  .group-hover\:h-1 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        height: calc(var(--spacing) * 1);
      }
    }
  }
  .group-hover\:h-full {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        height: 100%;
      }
    }
  }
  .group-hover\:w-1\/2 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        width: calc(1 / 2 * 100%);
      }
    }
  }
  .group-hover\:w-8 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        width: calc(var(--spacing) * 8);
      }
    }
  }
  .group-hover\:w-\[calc\(100\%-8px\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        width: calc(100% - 8px);
      }
    }
  }
  .group-hover\:w-full {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        width: 100%;
      }
    }
  }
  .group-hover\:-translate-x-0\.5 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * -0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:-translate-x-1 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:-translate-x-\[0\.5px\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(0.5px * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:-translate-x-\[1px\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(1px * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:translate-x-0 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:translate-x-0\.5 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:translate-x-1 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:translate-x-2 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 2);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:translate-x-4 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 4);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:translate-x-6 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 6);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:translate-x-8 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 8);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:translate-x-12 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 12);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:translate-x-20 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 20);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:translate-x-\[-200\%\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: -200%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:translate-x-\[0\.4rem\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: 0.4rem;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:translate-x-\[0\.5px\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: 0.5px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:translate-x-\[1px\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: 1px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:translate-x-full {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: 100%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:translate-x-px {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: 1px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:-translate-y-0\.5 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:-translate-y-1\.5 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -1.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:-translate-y-1\/2 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:-translate-y-1\/3 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-y: calc(calc(1 / 3 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:-translate-y-\[1\.4px\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-y: calc(1.4px * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:-translate-y-\[2\.8px\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-y: calc(2.8px * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:-translate-y-full {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-y: -100%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:translate-y-0 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:translate-y-0\.5 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * 0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:translate-y-6 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * 6);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:translate-y-\[-8px\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-y: -8px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:scale-95 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 95%;
        --tw-scale-y: 95%;
        --tw-scale-z: 95%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:scale-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:scale-105 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:scale-110 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:scale-125 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 125%;
        --tw-scale-y: 125%;
        --tw-scale-z: 125%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:scale-x-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 100%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:scale-y-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-y: 100%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:scale-\[1\.02\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        scale: 1.02;
      }
    }
  }
  .group-hover\:scale-\[1\.2\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        scale: 1.2;
      }
    }
  }
  .group-hover\:scale-\[1\.03\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        scale: 1.03;
      }
    }
  }
  .group-hover\:scale-\[1\.06\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        scale: 1.06;
      }
    }
  }
  .group-hover\:scale-\[1\.8\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        scale: 1.8;
      }
    }
  }
  .group-hover\:scale-\[40\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        scale: 40;
      }
    }
  }
  .group-hover\:-rotate-3 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        rotate: calc(3deg * -1);
      }
    }
  }
  .group-hover\:-rotate-12 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        rotate: calc(12deg * -1);
      }
    }
  }
  .group-hover\:-rotate-45 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        rotate: calc(45deg * -1);
      }
    }
  }
  .group-hover\:rotate-0 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        rotate: 0deg;
      }
    }
  }
  .group-hover\:rotate-3 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        rotate: 3deg;
      }
    }
  }
  .group-hover\:rotate-6 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        rotate: 6deg;
      }
    }
  }
  .group-hover\:rotate-12 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        rotate: 12deg;
      }
    }
  }
  .group-hover\:rotate-45 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        rotate: 45deg;
      }
    }
  }
  .group-hover\:rotate-180 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        rotate: 180deg;
      }
    }
  }
  .group-hover\:rotate-225 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        rotate: 225deg;
      }
    }
  }
  .group-hover\:rotate-y-360 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-rotate-y: rotateY(360deg);
        transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
      }
    }
  }
  .group-hover\:\[transform\:rotateY\(180deg\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        transform: rotateY(180deg);
      }
    }
  }
  .group-hover\:animate-pulse {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        animation: var(--animate-pulse);
      }
    }
  }
  .group-hover\:border-\[rgba\(255\,255\,255\,0\.2\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: rgba(255,255,255,0.2);
      }
    }
  }
  .group-hover\:border-\[rgba\(255\,255\,255\,0\.15\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: rgba(255,255,255,0.15);
      }
    }
  }
  .group-hover\:border-amber-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-amber-500);
      }
    }
  }
  .group-hover\:border-blue-500\/30 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
        }
      }
    }
  }
  .group-hover\:border-cyan-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-cyan-400);
      }
    }
  }
  .group-hover\:border-gray-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-gray-500);
      }
    }
  }
  .group-hover\:border-indigo-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-indigo-400);
      }
    }
  }
  .group-hover\:border-neutral-500\/85 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(55.6% 0 0) 85%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-neutral-500) 85%, transparent);
        }
      }
    }
  }
  .group-hover\:border-primary\/60 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--primary) 60%, transparent);
        }
      }
    }
  }
  .group-hover\:border-red-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-red-500);
      }
    }
  }
  .group-hover\:border-white\/20 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #fff 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
        }
      }
    }
  }
  .group-hover\:border-white\/40 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #fff 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 40%, transparent);
        }
      }
    }
  }
  .group-hover\:border-white\/45 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #fff 45%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 45%, transparent);
        }
      }
    }
  }
  .group-hover\:border-white\/\[0\.15\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #fff 15%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
        }
      }
    }
  }
  .group-hover\:border-white\/\[0\.25\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #fff 25%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
        }
      }
    }
  }
  .group-hover\:bg-\[oklch\(0\.7_0\.32_330\)\/0\.2\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: oklch(0.7 0.32 330)/0.2;
      }
    }
  }
  .group-hover\:bg-\[rgba\(59\,130\,246\,0\.05\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: rgba(59,130,246,0.05);
      }
    }
  }
  .group-hover\:bg-amber-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-amber-500);
      }
    }
  }
  .group-hover\:bg-background\/40 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--background);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--background) 40%, transparent);
        }
      }
    }
  }
  .group-hover\:bg-black {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-black);
      }
    }
  }
  .group-hover\:bg-black\/10 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #000 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
        }
      }
    }
  }
  .group-hover\:bg-black\/\[0\.03\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #000 3%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 3%, transparent);
        }
      }
    }
  }
  .group-hover\:bg-blue-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-blue-500);
      }
    }
  }
  .group-hover\:bg-cyan-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-cyan-400);
      }
    }
  }
  .group-hover\:bg-cyan-500\/10 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-cyan-500) 10%, transparent);
        }
      }
    }
  }
  .group-hover\:bg-foreground\/20 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--foreground);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--foreground) 20%, transparent);
        }
      }
    }
  }
  .group-hover\:bg-fuchsia-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-fuchsia-500);
      }
    }
  }
  .group-hover\:bg-gray-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-gray-100);
      }
    }
  }
  .group-hover\:bg-muted {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--muted);
      }
    }
  }
  .group-hover\:bg-muted-foreground\/55 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--muted-foreground);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--muted-foreground) 55%, transparent);
        }
      }
    }
  }
  .group-hover\:bg-muted\/35 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--muted);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--muted) 35%, transparent);
        }
      }
    }
  }
  .group-hover\:bg-primary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--primary);
      }
    }
  }
  .group-hover\:bg-primary\/5 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--primary) 5%, transparent);
        }
      }
    }
  }
  .group-hover\:bg-primary\/10 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--primary) 10%, transparent);
        }
      }
    }
  }
  .group-hover\:bg-primary\/20 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--primary) 20%, transparent);
        }
      }
    }
  }
  .group-hover\:bg-sidebar-accent {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--sidebar-accent);
      }
    }
  }
  .group-hover\:bg-sky-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-sky-100);
      }
    }
  }
  .group-hover\:bg-white {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-white);
      }
    }
  }
  .group-hover\:bg-white\/80 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
        }
      }
    }
  }
  .group-hover\:bg-white\/95 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 95%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
        }
      }
    }
  }
  .group-hover\:bg-white\/\[0\.04\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 4%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
        }
      }
    }
  }
  .group-hover\:bg-white\/\[0\.06\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 6%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
        }
      }
    }
  }
  .group-hover\:bg-white\/\[0\.08\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 8%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
        }
      }
    }
  }
  .group-hover\:bg-white\/\[0\.10\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
      }
    }
  }
  .group-hover\:bg-\[radial-gradient\(circle_at_center\,rgba\(255\,255\,255\,0\.18\)\,rgba\(255\,255\,255\,0\)_70\%\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-image: radial-gradient(circle at center,rgba(255,255,255,0.18),rgba(255,255,255,0) 70%);
      }
    }
  }
  .group-hover\:from-indigo-400\/60 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-gradient-from: color-mix(in srgb, oklch(67.3% 0.182 276.935) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-from: color-mix(in oklab, var(--color-indigo-400) 60%, 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));
      }
    }
  }
  .group-hover\:to-indigo-500\/40 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-gradient-to: color-mix(in srgb, oklch(58.5% 0.233 277.117) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-to: color-mix(in oklab, var(--color-indigo-500) 40%, 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));
      }
    }
  }
  .group-hover\:mask-\[linear-gradient\(to_right\,black_78\%\,transparent_95\%\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        mask-image: linear-gradient(to right,black 78%,transparent 95%);
      }
    }
  }
  .group-hover\:stroke-black {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        stroke: var(--color-black);
      }
    }
  }
  .group-hover\:text-\[\#8b8676\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: #8b8676;
      }
    }
  }
  .group-hover\:text-\[\#DA4E24\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: #DA4E24;
      }
    }
  }
  .group-hover\:text-\[\#DC143C\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: #DC143C;
      }
    }
  }
  .group-hover\:text-\[\#ff2a50\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: #ff2a50;
      }
    }
  }
  .group-hover\:text-\[--crm-rose\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: --crm-rose;
      }
    }
  }
  .group-hover\:text-\[oklch\(0\.7_0\.32_330\)\/0\.7\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: oklch(0.7 0.32 330)/0.7;
      }
    }
  }
  .group-hover\:text-\[rgba\(255\,255\,255\,0\.4\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: rgba(255,255,255,0.4);
      }
    }
  }
  .group-hover\:text-\[rgba\(255\,255\,255\,0\.5\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: rgba(255,255,255,0.5);
      }
    }
  }
  .group-hover\:text-\[rgba\(255\,255\,255\,0\.6\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: rgba(255,255,255,0.6);
      }
    }
  }
  .group-hover\:text-\[rgba\(255\,255\,255\,0\.60\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: rgba(255,255,255,0.60);
      }
    }
  }
  .group-hover\:text-\[rgba\(255\,255\,255\,0\.65\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: rgba(255,255,255,0.65);
      }
    }
  }
  .group-hover\:text-\[rgba\(255\,255\,255\,0\.80\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: rgba(255,255,255,0.80);
      }
    }
  }
  .group-hover\:text-\[var\(--color-text-primary\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-text-primary);
      }
    }
  }
  .group-hover\:text-amber-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-amber-400);
      }
    }
  }
  .group-hover\:text-amber-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-amber-500);
      }
    }
  }
  .group-hover\:text-background {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--background);
      }
    }
  }
  .group-hover\:text-blue-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-blue-400);
      }
    }
  }
  .group-hover\:text-cyan-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-cyan-400);
      }
    }
  }
  .group-hover\:text-foreground {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--foreground);
      }
    }
  }
  .group-hover\:text-foreground\/50 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--foreground);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--foreground) 50%, transparent);
        }
      }
    }
  }
  .group-hover\:text-foreground\/70 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--foreground);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--foreground) 70%, transparent);
        }
      }
    }
  }
  .group-hover\:text-foreground\/80 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--foreground);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--foreground) 80%, transparent);
        }
      }
    }
  }
  .group-hover\:text-gray-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-gray-400);
      }
    }
  }
  .group-hover\:text-gray-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-gray-600);
      }
    }
  }
  .group-hover\:text-indigo-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-indigo-400);
      }
    }
  }
  .group-hover\:text-muted-foreground {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--muted-foreground);
      }
    }
  }
  .group-hover\:text-muted-foreground\/60 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--muted-foreground);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
        }
      }
    }
  }
  .group-hover\:text-muted-foreground\/80 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--muted-foreground);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--muted-foreground) 80%, transparent);
        }
      }
    }
  }
  .group-hover\:text-neutral-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-neutral-200);
      }
    }
  }
  .group-hover\:text-neutral-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-neutral-400);
      }
    }
  }
  .group-hover\:text-neutral-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-neutral-500);
      }
    }
  }
  .group-hover\:text-neutral-900 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-neutral-900);
      }
    }
  }
  .group-hover\:text-orange-700 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-orange-700);
      }
    }
  }
  .group-hover\:text-primary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--primary);
      }
    }
  }
  .group-hover\:text-primary-foreground {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--primary-foreground);
      }
    }
  }
  .group-hover\:text-primary\/40 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--primary) 40%, transparent);
        }
      }
    }
  }
  .group-hover\:text-primary\/90 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--primary) 90%, transparent);
        }
      }
    }
  }
  .group-hover\:text-red-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-red-500);
      }
    }
  }
  .group-hover\:text-sidebar-accent-foreground {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--sidebar-accent-foreground);
      }
    }
  }
  .group-hover\:text-slate-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-slate-200);
      }
    }
  }
  .group-hover\:text-slate-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-slate-400);
      }
    }
  }
  .group-hover\:text-white {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .group-hover\:text-white\/20 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: color-mix(in srgb, #fff 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-white) 20%, transparent);
        }
      }
    }
  }
  .group-hover\:text-white\/30 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: color-mix(in srgb, #fff 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-white) 30%, transparent);
        }
      }
    }
  }
  .group-hover\:text-white\/55 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: color-mix(in srgb, #fff 55%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-white) 55%, transparent);
        }
      }
    }
  }
  .group-hover\:text-white\/60 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: color-mix(in srgb, #fff 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-white) 60%, transparent);
        }
      }
    }
  }
  .group-hover\:text-white\/65 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: color-mix(in srgb, #fff 65%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-white) 65%, transparent);
        }
      }
    }
  }
  .group-hover\:text-white\/70 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: color-mix(in srgb, #fff 70%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-white) 70%, transparent);
        }
      }
    }
  }
  .group-hover\:text-white\/75 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: color-mix(in srgb, #fff 75%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-white) 75%, transparent);
        }
      }
    }
  }
  .group-hover\:text-white\/80 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: color-mix(in srgb, #fff 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-white) 80%, transparent);
        }
      }
    }
  }
  .group-hover\:text-white\/85 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: color-mix(in srgb, #fff 85%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-white) 85%, transparent);
        }
      }
    }
  }
  .group-hover\:text-white\/90 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: color-mix(in srgb, #fff 90%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-white) 90%, transparent);
        }
      }
    }
  }
  .group-hover\:text-white\/\[0\.3\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: color-mix(in srgb, #fff 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-white) 30%, transparent);
        }
      }
    }
  }
  .group-hover\:underline {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .group-hover\:underline-offset-2 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        text-underline-offset: 2px;
      }
    }
  }
  .group-hover\:opacity-0 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 0%;
      }
    }
  }
  .group-hover\:opacity-10 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 10%;
      }
    }
  }
  .group-hover\:opacity-20 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 20%;
      }
    }
  }
  .group-hover\:opacity-30 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 30%;
      }
    }
  }
  .group-hover\:opacity-40 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 40%;
      }
    }
  }
  .group-hover\:opacity-50 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 50%;
      }
    }
  }
  .group-hover\:opacity-60 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 60%;
      }
    }
  }
  .group-hover\:opacity-70 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 70%;
      }
    }
  }
  .group-hover\:opacity-90 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 90%;
      }
    }
  }
  .group-hover\:opacity-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\:opacity-\[0\.08\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 0.08;
      }
    }
  }
  .group-hover\:shadow-\[0_0_8px_rgba\(255\,255\,255\,0\.8\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-shadow: 0 0 8px var(--tw-shadow-color, rgba(255,255,255,0.8));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .group-hover\:shadow-\[0_0_20px_rgba\(6\,182\,212\,0\.3\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(6,182,212,0.3));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .group-hover\:shadow-xl {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --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);
      }
    }
  }
  .group-hover\:ring-indigo-500\/20 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-ring-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent);
        }
      }
    }
  }
  .group-hover\:ring-primary\/30 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-ring-color: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--primary) 30%, transparent);
        }
      }
    }
  }
  .group-hover\:blur-xl {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-blur: blur(var(--blur-xl));
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
      }
    }
  }
  .group-hover\:brightness-\[0\.8\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-brightness: brightness(0.8);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
      }
    }
  }
  .group-hover\:drop-shadow-lg {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
        --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg));
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
      }
    }
  }
  .group-hover\:grayscale-0 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-grayscale: grayscale(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,);
      }
    }
  }
  .group-hover\:\[animation-play-state\:paused\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        animation-play-state: paused;
      }
    }
  }
  .group-hover\/animated-card\:translate-x-\[-50\%\] {
    &:is(:where(.group\/animated-card):hover *) {
      @media (hover: hover) {
        --tw-translate-x: -50%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\/animated-card\:translate-x-full {
    &:is(:where(.group\/animated-card):hover *) {
      @media (hover: hover) {
        --tw-translate-x: 100%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\/animated-card\:-translate-y-\[90px\] {
    &:is(:where(.group\/animated-card):hover *) {
      @media (hover: hover) {
        --tw-translate-y: calc(90px * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\/animated-card\:translate-y-0 {
    &:is(:where(.group\/animated-card):hover *) {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\/animated-card\:translate-y-full {
    &:is(:where(.group\/animated-card):hover *) {
      @media (hover: hover) {
        --tw-translate-y: 100%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\/animated-card\:scale-110 {
    &:is(:where(.group\/animated-card):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\/animated-card\:scale-150 {
    &:is(:where(.group\/animated-card):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 150%;
        --tw-scale-y: 150%;
        --tw-scale-z: 150%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\/animated-card\:opacity-0 {
    &:is(:where(.group\/animated-card):hover *) {
      @media (hover: hover) {
        opacity: 0%;
      }
    }
  }
  .group-hover\/animated-card\:opacity-100 {
    &:is(:where(.group\/animated-card):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/assistant-turn\:pointer-events-auto {
    &:is(:where(.group\/assistant-turn):hover *) {
      @media (hover: hover) {
        pointer-events: auto;
      }
    }
  }
  .group-hover\/assistant-turn\:opacity-100 {
    &:is(:where(.group\/assistant-turn):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/bar\:scale-105 {
    &:is(:where(.group\/bar):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\/btn\:w-\[calc\(100\%-0\.5rem\)\] {
    &:is(:where(.group\/btn):hover *) {
      @media (hover: hover) {
        width: calc(100% - 0.5rem);
      }
    }
  }
  .group-hover\/btn\:translate-x-0\.5 {
    &:is(:where(.group\/btn):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\/btn\:opacity-100 {
    &:is(:where(.group\/btn):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/button\:\[transform\:skew\(-13deg\)_translateX\(100\%\)\] {
    &:is(:where(.group\/button):hover *) {
      @media (hover: hover) {
        transform: skew(-13deg) translateX(100%);
      }
    }
  }
  .group-hover\/button\:duration-1000 {
    &:is(:where(.group\/button):hover *) {
      @media (hover: hover) {
        --tw-duration: 1000ms;
        transition-duration: 1000ms;
      }
    }
  }
  .group-hover\/card\:-translate-y-6 {
    &:is(:where(.group\/card):hover *) {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -6);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\/card\:scale-125 {
    &:is(:where(.group\/card):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 125%;
        --tw-scale-y: 125%;
        --tw-scale-z: 125%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\/card\:shadow-2xl {
    &:is(:where(.group\/card):hover *) {
      @media (hover: hover) {
        --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);
      }
    }
  }
  .group-hover\/card\:shadow-xl {
    &:is(:where(.group\/card):hover *) {
      @media (hover: hover) {
        --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);
      }
    }
  }
  .group-hover\/card\:ring-2 {
    &:is(:where(.group\/card):hover *) {
      @media (hover: hover) {
        --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-hover\/card\:shadow-accent\/40 {
    &:is(:where(.group\/card):hover *) {
      @media (hover: hover) {
        --tw-shadow-color: var(--accent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--accent) 40%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .group-hover\/card\:ring-accent {
    &:is(:where(.group\/card):hover *) {
      @media (hover: hover) {
        --tw-ring-color: var(--accent);
      }
    }
  }
  .group-hover\/cell\:text-muted-foreground\/50 {
    &:is(:where(.group\/cell):hover *) {
      @media (hover: hover) {
        color: var(--muted-foreground);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
        }
      }
    }
  }
  .group-hover\/code\:opacity-100 {
    &:is(:where(.group\/code):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/cosmic\:inset-\[-3px\] {
    &:is(:where(.group\/cosmic):hover *) {
      @media (hover: hover) {
        inset: -3px;
      }
    }
  }
  .group-hover\/cosmic\:rounded-\[15px\] {
    &:is(:where(.group\/cosmic):hover *) {
      @media (hover: hover) {
        border-radius: 15px;
      }
    }
  }
  .group-hover\/cosmic\:shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.82\)\,inset_0_-1px_0_rgba\(15\,23\,42\,0\.12\)\,0_2px_6px_rgba\(15\,23\,42\,0\.14\)\,0_12px_34px_rgba\(15\,23\,42\,0\.2\)\] {
    &:is(:where(.group\/cosmic):hover *) {
      @media (hover: hover) {
        --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.82)), inset 0 -1px 0 var(--tw-shadow-color, rgba(15,23,42,0.12)), 0 2px 6px var(--tw-shadow-color, rgba(15,23,42,0.14)), 0 12px 34px var(--tw-shadow-color, rgba(15,23,42,0.2));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .group-hover\/cutout\:scale-105 {
    &:is(:where(.group\/cutout):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\/flipping-card\:\[transform\:rotateY\(180deg\)\] {
    &:is(:where(.group\/flipping-card):hover *) {
      @media (hover: hover) {
        transform: rotateY(180deg);
      }
    }
  }
  .group-hover\/header\:text-muted-foreground {
    &:is(:where(.group\/header):hover *) {
      @media (hover: hover) {
        color: var(--muted-foreground);
      }
    }
  }
  .group-hover\/hover\:opacity-100 {
    &:is(:where(.group\/hover):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/input\:shadow-none {
    &:is(:where(.group\/input):hover *) {
      @media (hover: hover) {
        --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);
      }
    }
  }
  .group-hover\/item\:text-foreground {
    &:is(:where(.group\/item):hover *) {
      @media (hover: hover) {
        color: var(--foreground);
      }
    }
  }
  .group-hover\/item\:opacity-60 {
    &:is(:where(.group\/item):hover *) {
      @media (hover: hover) {
        opacity: 60%;
      }
    }
  }
  .group-hover\/item\:opacity-100 {
    &:is(:where(.group\/item):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/latest-change\:opacity-100 {
    &:is(:where(.group\/latest-change):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/li\:opacity-100 {
    &:is(:where(.group\/li):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/link\:translate-x-0\.5 {
    &:is(:where(.group\/link):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\/link\:-translate-y-0\.5 {
    &:is(:where(.group\/link):hover *) {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\/menu-item\:opacity-100 {
    &:is(:where(.group\/menu-item):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/msg\:opacity-100 {
    &:is(:where(.group\/msg):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/player\:opacity-100 {
    &:is(:where(.group\/player):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/product\:opacity-80 {
    &:is(:where(.group\/product):hover *) {
      @media (hover: hover) {
        opacity: 80%;
      }
    }
  }
  .group-hover\/product\:opacity-100 {
    &:is(:where(.group\/product):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/product\:shadow-2xl {
    &:is(:where(.group\/product):hover *) {
      @media (hover: hover) {
        --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);
      }
    }
  }
  .group-hover\/row\:text-white {
    &:is(:where(.group\/row):hover *) {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .group-hover\/row\:text-white\/45 {
    &:is(:where(.group\/row):hover *) {
      @media (hover: hover) {
        color: color-mix(in srgb, #fff 45%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-white) 45%, transparent);
        }
      }
    }
  }
  .group-hover\/row\:opacity-100 {
    &:is(:where(.group\/row):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/skill\:text-white {
    &:is(:where(.group\/skill):hover *) {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .group-hover\/skill\:text-white\/85 {
    &:is(:where(.group\/skill):hover *) {
      @media (hover: hover) {
        color: color-mix(in srgb, #fff 85%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-white) 85%, transparent);
        }
      }
    }
  }
  .group-hover\/skill\:text-white\/95 {
    &:is(:where(.group\/skill):hover *) {
      @media (hover: hover) {
        color: color-mix(in srgb, #fff 95%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-white) 95%, transparent);
        }
      }
    }
  }
  .group-hover\/texture-button\:bg-gradient-to-b {
    &:is(:where(.group\/texture-button):hover *) {
      @media (hover: hover) {
        --tw-gradient-position: to bottom in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops));
      }
    }
  }
  .group-hover\/texture-button\:from-neutral-50\/50 {
    &:is(:where(.group\/texture-button):hover *) {
      @media (hover: hover) {
        --tw-gradient-from: color-mix(in srgb, oklch(98.5% 0 0) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-from: color-mix(in oklab, var(--color-neutral-50) 50%, 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));
      }
    }
  }
  .group-hover\/texture-button\:to-neutral-100\/60 {
    &:is(:where(.group\/texture-button):hover *) {
      @media (hover: hover) {
        --tw-gradient-to: color-mix(in srgb, oklch(97% 0 0) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-to: color-mix(in oklab, var(--color-neutral-100) 60%, 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));
      }
    }
  }
  .group-hover\/url\:text-white\/65 {
    &:is(:where(.group\/url):hover *) {
      @media (hover: hover) {
        color: color-mix(in srgb, #fff 65%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-white) 65%, transparent);
        }
      }
    }
  }
  .group-hover\/user-message\:pointer-events-auto {
    &:is(:where(.group\/user-message):hover *) {
      @media (hover: hover) {
        pointer-events: auto;
      }
    }
  }
  .group-hover\/user-message\:opacity-100 {
    &:is(:where(.group\/user-message):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-focus\/dropdown-menu-item\:text-accent-foreground {
    &:is(:where(.group\/dropdown-menu-item):focus *) {
      color: var(--accent-foreground);
    }
  }
  .group-focus\/menubar-item\:text-accent-foreground {
    &:is(:where(.group\/menubar-item):focus *) {
      color: var(--accent-foreground);
    }
  }
  .group-active\:scale-95 {
    &:is(:where(.group):active *) {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .group-active\:rotate-6 {
    &:is(:where(.group):active *) {
      rotate: 6deg;
    }
  }
  .group-active\:\[transform\:rotateY\(180deg\)\] {
    &:is(:where(.group):active *) {
      transform: rotateY(180deg);
    }
  }
  .group-active\:border-indigo-600 {
    &:is(:where(.group):active *) {
      border-color: var(--color-indigo-600);
    }
  }
  .group-active\:bg-black\/\[0\.07\] {
    &:is(:where(.group):active *) {
      background-color: color-mix(in srgb, #000 7.000000000000001%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 7.000000000000001%, transparent);
      }
    }
  }
  .group-active\:opacity-0 {
    &:is(:where(.group):active *) {
      opacity: 0%;
    }
  }
  .group-active\:duration-\[50ms\] {
    &:is(:where(.group):active *) {
      --tw-duration: 50ms;
      transition-duration: 50ms;
    }
  }
  .group-active\/texture-button\:bg-neutral-200 {
    &:is(:where(.group\/texture-button):active *) {
      background-color: var(--color-neutral-200);
    }
  }
  .group-active\/texture-button\:bg-gradient-to-b {
    &:is(:where(.group\/texture-button):active *) {
      --tw-gradient-position: to bottom in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
    }
  }
  .group-active\/texture-button\:from-neutral-100\/60 {
    &:is(:where(.group\/texture-button):active *) {
      --tw-gradient-from: color-mix(in srgb, oklch(97% 0 0) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-neutral-100) 60%, 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));
    }
  }
  .group-active\/texture-button\:to-neutral-100\/90 {
    &:is(:where(.group\/texture-button):active *) {
      --tw-gradient-to: color-mix(in srgb, oklch(97% 0 0) 90%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-neutral-100) 90%, 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));
    }
  }
  .group-disabled\:border-zinc-200 {
    &:is(:where(.group):disabled *) {
      border-color: var(--color-zinc-200);
    }
  }
  .group-disabled\:border-zinc-300 {
    &:is(:where(.group):disabled *) {
      border-color: var(--color-zinc-300);
    }
  }
  .group-disabled\:bg-zinc-100 {
    &:is(:where(.group):disabled *) {
      background-color: var(--color-zinc-100);
    }
  }
  .group-disabled\:text-zinc-400 {
    &:is(:where(.group):disabled *) {
      color: var(--color-zinc-400);
    }
  }
  .group-has-disabled\/field\:opacity-50 {
    &:is(:where(.group\/field):has(*:disabled) *) {
      opacity: 50%;
    }
  }
  .group-has-data-\[collapsible\=icon\]\/sidebar-wrapper\:h-12 {
    &:is(:where(.group\/sidebar-wrapper):has(*[data-collapsible="icon"]) *) {
      height: calc(var(--spacing) * 12);
    }
  }
  .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8 {
    &:is(:where(.group\/menu-item):has(*[data-sidebar="menu-action"]) *) {
      padding-right: calc(var(--spacing) * 8);
    }
  }
  .group-has-data-\[size\=lg\]\/avatar-group\:size-10 {
    &:is(:where(.group\/avatar-group):has(*[data-size="lg"]) *) {
      width: calc(var(--spacing) * 10);
      height: calc(var(--spacing) * 10);
    }
  }
  .group-has-data-\[size\=sm\]\/avatar-group\:size-6 {
    &:is(:where(.group\/avatar-group):has(*[data-size="sm"]) *) {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
    }
  }
  .group-has-data-\[slot\=command-shortcut\]\/command-item\:hidden {
    &:is(:where(.group\/command-item):has(*[data-slot="command-shortcut"]) *) {
      display: none;
    }
  }
  .group-has-data-\[slot\=item-description\]\/item\:translate-y-0\.5 {
    &:is(:where(.group\/item):has(*[data-slot="item-description"]) *) {
      --tw-translate-y: calc(var(--spacing) * 0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .group-has-data-\[slot\=item-description\]\/item\:self-start {
    &:is(:where(.group\/item):has(*[data-slot="item-description"]) *) {
      align-self: flex-start;
    }
  }
  .group-has-data-horizontal\/field\:text-balance {
    &:is(:where(.group\/field):has(*:where([data-orientation="horizontal"])) *) {
      text-wrap: balance;
    }
  }
  .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8 {
    &:is(:where(.group\/menu-item):has(*:is([data-sidebar=menu-action])) *) {
      padding-right: calc(var(--spacing) * 8);
    }
  }
  .group-has-\[\>input\]\/input-group\:pt-2 {
    &:is(:where(.group\/input-group):has(>input) *) {
      padding-top: calc(var(--spacing) * 2);
    }
  }
  .group-has-\[\>input\]\/input-group\:pt-2\.5 {
    &:is(:where(.group\/input-group):has(>input) *) {
      padding-top: calc(var(--spacing) * 2.5);
    }
  }
  .group-has-\[\>input\]\/input-group\:pb-2 {
    &:is(:where(.group\/input-group):has(>input) *) {
      padding-bottom: calc(var(--spacing) * 2);
    }
  }
  .group-has-\[\>input\]\/input-group\:pb-2\.5 {
    &:is(:where(.group\/input-group):has(>input) *) {
      padding-bottom: calc(var(--spacing) * 2.5);
    }
  }
  .group-has-\[\>svg\]\/alert\:col-start-2 {
    &:is(:where(.group\/alert):has(>svg) *) {
      grid-column-start: 2;
    }
  }
  .group-aria-expanded\/accordion-trigger\:hidden {
    &:is(:where(.group\/accordion-trigger)[aria-expanded="true"] *) {
      display: none;
    }
  }
  .group-aria-expanded\/accordion-trigger\:inline {
    &:is(:where(.group\/accordion-trigger)[aria-expanded="true"] *) {
      display: inline;
    }
  }
  .group-aria-\[checked\=true\]\:inline-flex {
    &:is(:where(.group)[aria-checked="true"] *) {
      display: inline-flex;
    }
  }
  .group-aria-\[checked\=true\]\:border-indigo-600 {
    &:is(:where(.group)[aria-checked="true"] *) {
      border-color: var(--color-indigo-600);
    }
  }
  .group-aria-\[checked\=true\]\:bg-indigo-600 {
    &:is(:where(.group)[aria-checked="true"] *) {
      background-color: var(--color-indigo-600);
    }
  }
  .group-data-panel-open\:rotate-90 {
    &:is(:where(.group)[data-panel-open] *) {
      rotate: 90deg;
    }
  }
  .group-data-popup-open\/navigation-menu-trigger\:rotate-180 {
    &:is(:where(.group\/navigation-menu-trigger)[data-popup-open] *) {
      rotate: 180deg;
    }
  }
  .group-data-\[checked\=true\]\/command-item\:opacity-100 {
    &:is(:where(.group\/command-item)[data-checked="true"] *) {
      opacity: 100%;
    }
  }
  .group-data-\[collapsible\=icon\]\:pointer-events-none {
    &:is(:where(.group)[data-collapsible="icon"] *) {
      pointer-events: none;
    }
  }
  .group-data-\[collapsible\=icon\]\:-mt-8 {
    &:is(:where(.group)[data-collapsible="icon"] *) {
      margin-top: calc(var(--spacing) * -8);
    }
  }
  .group-data-\[collapsible\=icon\]\:hidden {
    &:is(:where(.group)[data-collapsible="icon"] *) {
      display: none;
    }
  }
  .group-data-\[collapsible\=icon\]\:\!size-8 {
    &:is(:where(.group)[data-collapsible="icon"] *) {
      width: calc(var(--spacing) * 8) !important;
      height: calc(var(--spacing) * 8) !important;
    }
  }
  .group-data-\[collapsible\=icon\]\:size-8\! {
    &:is(:where(.group)[data-collapsible="icon"] *) {
      width: calc(var(--spacing) * 8) !important;
      height: calc(var(--spacing) * 8) !important;
    }
  }
  .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\) {
    &:is(:where(.group)[data-collapsible="icon"] *) {
      width: var(--sidebar-width-icon);
    }
  }
  .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\] {
    &:is(:where(.group)[data-collapsible="icon"] *) {
      width: --sidebar-width-icon;
    }
  }
  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\] {
    &:is(:where(.group)[data-collapsible="icon"] *) {
      width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)));
    }
  }
  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\] {
    &:is(:where(.group)[data-collapsible="icon"] *) {
      width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px);
    }
  }
  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\] {
    &:is(:where(.group)[data-collapsible="icon"] *) {
      width: calc(var(--sidebar-width-icon) + 1rem);
    }
  }
  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\] {
    &:is(:where(.group)[data-collapsible="icon"] *) {
      width: calc(var(--sidebar-width-icon) + 1rem + 2px);
    }
  }
  .group-data-\[collapsible\=icon\]\:overflow-hidden {
    &:is(:where(.group)[data-collapsible="icon"] *) {
      overflow: hidden;
    }
  }
  .group-data-\[collapsible\=icon\]\:\!p-0 {
    &:is(:where(.group)[data-collapsible="icon"] *) {
      padding: calc(var(--spacing) * 0) !important;
    }
  }
  .group-data-\[collapsible\=icon\]\:\!p-2 {
    &:is(:where(.group)[data-collapsible="icon"] *) {
      padding: calc(var(--spacing) * 2) !important;
    }
  }
  .group-data-\[collapsible\=icon\]\:p-0\! {
    &:is(:where(.group)[data-collapsible="icon"] *) {
      padding: calc(var(--spacing) * 0) !important;
    }
  }
  .group-data-\[collapsible\=icon\]\:p-2\! {
    &:is(:where(.group)[data-collapsible="icon"] *) {
      padding: calc(var(--spacing) * 2) !important;
    }
  }
  .group-data-\[collapsible\=icon\]\:opacity-0 {
    &:is(:where(.group)[data-collapsible="icon"] *) {
      opacity: 0%;
    }
  }
  .group-data-\[collapsible\=offExamples\]\:top-\[calc\(var\(--app-header-height\)\*0\.5\)\] {
    &:is(:where(.group)[data-collapsible="offExamples"] *) {
      top: calc(var(--app-header-height) * 0.5);
    }
  }
  .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] {
    &:is(:where(.group)[data-collapsible="offcanvas"] *) {
      right: calc(var(--sidebar-width) * -1);
    }
  }
  .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] {
    &:is(:where(.group)[data-collapsible="offcanvas"] *) {
      left: calc(var(--sidebar-width) * -1);
    }
  }
  .group-data-\[collapsible\=offcanvas\]\:w-0 {
    &:is(:where(.group)[data-collapsible="offcanvas"] *) {
      width: calc(var(--spacing) * 0);
    }
  }
  .group-data-\[collapsible\=offcanvas\]\:translate-x-0 {
    &:is(:where(.group)[data-collapsible="offcanvas"] *) {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .group-data-\[disabled\=true\]\:pointer-events-none {
    &:is(:where(.group)[data-disabled="true"] *) {
      pointer-events: none;
    }
  }
  .group-data-\[disabled\=true\]\:opacity-50 {
    &:is(:where(.group)[data-disabled="true"] *) {
      opacity: 50%;
    }
  }
  .group-data-\[disabled\=true\]\/field\:opacity-50 {
    &:is(:where(.group\/field)[data-disabled="true"] *) {
      opacity: 50%;
    }
  }
  .group-data-\[disabled\=true\]\/input-group\:opacity-50 {
    &:is(:where(.group\/input-group)[data-disabled="true"] *) {
      opacity: 50%;
    }
  }
  .group-data-\[focused\=true\]\/day\:relative {
    &:is(:where(.group\/day)[data-focused="true"] *) {
      position: relative;
    }
  }
  .group-data-\[focused\=true\]\/day\:z-10 {
    &:is(:where(.group\/day)[data-focused="true"] *) {
      z-index: 10;
    }
  }
  .group-data-\[focused\=true\]\/day\:border-ring {
    &:is(:where(.group\/day)[data-focused="true"] *) {
      border-color: var(--ring);
    }
  }
  .group-data-\[focused\=true\]\/day\:ring-\[3px\] {
    &:is(:where(.group\/day)[data-focused="true"] *) {
      --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);
    }
  }
  .group-data-\[focused\=true\]\/day\:ring-ring\/50 {
    &:is(:where(.group\/day)[data-focused="true"] *) {
      --tw-ring-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
      }
    }
  }
  .group-data-\[highlighted\]\:text-white {
    &:is(:where(.group)[data-highlighted] *) {
      color: var(--color-white);
    }
  }
  .group-data-\[highlighted\]\:opacity-\[0\.08\] {
    &:is(:where(.group)[data-highlighted] *) {
      opacity: 0.08;
    }
  }
  .group-data-\[panel-open\]\:rotate-90 {
    &:is(:where(.group)[data-panel-open] *) {
      rotate: 90deg;
    }
  }
  .group-data-\[panel-open\]\:rotate-180 {
    &:is(:where(.group)[data-panel-open] *) {
      rotate: 180deg;
    }
  }
  .group-data-\[selected\]\:bg-blue-500 {
    &:is(:where(.group)[data-selected] *) {
      background-color: var(--color-blue-500);
    }
  }
  .group-data-\[selected\]\:text-blue-500 {
    &:is(:where(.group)[data-selected] *) {
      color: var(--color-blue-500);
    }
  }
  .group-data-\[selected\]\:text-blue-700 {
    &:is(:where(.group)[data-selected] *) {
      color: var(--color-blue-700);
    }
  }
  .group-data-\[selected\=true\]\:opacity-60 {
    &:is(:where(.group)[data-selected="true"] *) {
      opacity: 60%;
    }
  }
  .group-data-\[selected\=true\]\:opacity-100 {
    &:is(:where(.group)[data-selected="true"] *) {
      opacity: 100%;
    }
  }
  .group-data-\[side\=left\]\:-right-4 {
    &:is(:where(.group)[data-side="left"] *) {
      right: calc(var(--spacing) * -4);
    }
  }
  .group-data-\[side\=left\]\:border-r {
    &:is(:where(.group)[data-side="left"] *) {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
  }
  .group-data-\[side\=none\]\:min-w-\[calc\(var\(--anchor-width\)\+1rem\)\] {
    &:is(:where(.group)[data-side="none"] *) {
      min-width: calc(var(--anchor-width) + 1rem);
    }
  }
  .group-data-\[side\=none\]\:pr-12 {
    &:is(:where(.group)[data-side="none"] *) {
      padding-right: calc(var(--spacing) * 12);
    }
  }
  .group-data-\[side\=none\]\:text-base {
    &:is(:where(.group)[data-side="none"] *) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .group-data-\[side\=none\]\:leading-4 {
    &:is(:where(.group)[data-side="none"] *) {
      --tw-leading: calc(var(--spacing) * 4);
      line-height: calc(var(--spacing) * 4);
    }
  }
  .group-data-\[side\=right\]\:left-0 {
    &:is(:where(.group)[data-side="right"] *) {
      left: calc(var(--spacing) * 0);
    }
  }
  .group-data-\[side\=right\]\:rotate-180 {
    &:is(:where(.group)[data-side="right"] *) {
      rotate: 180deg;
    }
  }
  .group-data-\[side\=right\]\:border-l {
    &:is(:where(.group)[data-side="right"] *) {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }
  .group-data-\[size\=default\]\/avatar\:size-2\.5 {
    &:is(:where(.group\/avatar)[data-size="default"] *) {
      width: calc(var(--spacing) * 2.5);
      height: calc(var(--spacing) * 2.5);
    }
  }
  .group-data-\[size\=default\]\/switch\:size-4 {
    &:is(:where(.group\/switch)[data-size="default"] *) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .group-data-\[size\=default\]\/tabs-list\:h-\[calc\(100\%-8px\)\] {
    &:is(:where(.group\/tabs-list)[data-size="default"] *) {
      height: calc(100% - 8px);
    }
  }
  .group-data-\[size\=default\]\/tabs-list\:px-3 {
    &:is(:where(.group\/tabs-list)[data-size="default"] *) {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .group-data-\[size\=default\]\/tabs-list\:py-1 {
    &:is(:where(.group\/tabs-list)[data-size="default"] *) {
      padding-block: calc(var(--spacing) * 1);
    }
  }
  .group-data-\[size\=default\]\/tabs-list\:text-sm {
    &:is(:where(.group\/tabs-list)[data-size="default"] *) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .group-data-\[size\=lg\]\/avatar\:size-3 {
    &:is(:where(.group\/avatar)[data-size="lg"] *) {
      width: calc(var(--spacing) * 3);
      height: calc(var(--spacing) * 3);
    }
  }
  .group-data-\[size\=lg\]\/tabs-list\:h-\[calc\(100\%-8px\)\] {
    &:is(:where(.group\/tabs-list)[data-size="lg"] *) {
      height: calc(100% - 8px);
    }
  }
  .group-data-\[size\=lg\]\/tabs-list\:px-4 {
    &:is(:where(.group\/tabs-list)[data-size="lg"] *) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .group-data-\[size\=lg\]\/tabs-list\:py-1\.5 {
    &:is(:where(.group\/tabs-list)[data-size="lg"] *) {
      padding-block: calc(var(--spacing) * 1.5);
    }
  }
  .group-data-\[size\=lg\]\/tabs-list\:text-sm {
    &:is(:where(.group\/tabs-list)[data-size="lg"] *) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .group-data-\[size\=sm\]\/avatar\:size-2 {
    &:is(:where(.group\/avatar)[data-size="sm"] *) {
      width: calc(var(--spacing) * 2);
      height: calc(var(--spacing) * 2);
    }
  }
  .group-data-\[size\=sm\]\/avatar\:text-xs {
    &:is(:where(.group\/avatar)[data-size="sm"] *) {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .group-data-\[size\=sm\]\/card\:p-3 {
    &:is(:where(.group\/card)[data-size="sm"] *) {
      padding: calc(var(--spacing) * 3);
    }
  }
  .group-data-\[size\=sm\]\/card\:px-3 {
    &:is(:where(.group\/card)[data-size="sm"] *) {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .group-data-\[size\=sm\]\/card\:text-sm {
    &:is(:where(.group\/card)[data-size="sm"] *) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .group-data-\[size\=sm\]\/item\:size-8 {
    &:is(:where(.group\/item)[data-size="sm"] *) {
      width: calc(var(--spacing) * 8);
      height: calc(var(--spacing) * 8);
    }
  }
  .group-data-\[size\=sm\]\/switch\:size-3 {
    &:is(:where(.group\/switch)[data-size="sm"] *) {
      width: calc(var(--spacing) * 3);
      height: calc(var(--spacing) * 3);
    }
  }
  .group-data-\[size\=sm\]\/tabs-list\:h-\[calc\(100\%-8px\)\] {
    &:is(:where(.group\/tabs-list)[data-size="sm"] *) {
      height: calc(100% - 8px);
    }
  }
  .group-data-\[size\=sm\]\/tabs-list\:px-2 {
    &:is(:where(.group\/tabs-list)[data-size="sm"] *) {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .group-data-\[size\=sm\]\/tabs-list\:py-0\.5 {
    &:is(:where(.group\/tabs-list)[data-size="sm"] *) {
      padding-block: calc(var(--spacing) * 0.5);
    }
  }
  .group-data-\[size\=sm\]\/tabs-list\:text-xs {
    &:is(:where(.group\/tabs-list)[data-size="sm"] *) {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .group-data-\[size\=xs\]\/item\:size-6 {
    &:is(:where(.group\/item)[data-size="xs"] *) {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
    }
  }
  .group-data-\[size\=xs\]\/item\:gap-0 {
    &:is(:where(.group\/item)[data-size="xs"] *) {
      gap: calc(var(--spacing) * 0);
    }
  }
  .group-data-\[size\=xs\]\/item\:text-xs {
    &:is(:where(.group\/item)[data-size="xs"] *) {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .group-data-\[spacing\=0\]\/toggle-group\:rounded-none {
    &:is(:where(.group\/toggle-group)[data-spacing="0"] *) {
      border-radius: 0;
    }
  }
  .group-data-\[spacing\=0\]\/toggle-group\:px-2 {
    &:is(:where(.group\/toggle-group)[data-spacing="0"] *) {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .group-data-\[state\=checked\]\:opacity-100 {
    &:is(:where(.group)[data-state="checked"] *) {
      opacity: 100%;
    }
  }
  .group-data-\[state\=closed\]\:-rotate-90 {
    &:is(:where(.group)[data-state="closed"] *) {
      rotate: calc(90deg * -1);
    }
  }
  .group-data-\[state\=closed\]\/collapsible-content\:animate-out {
    &:is(:where(.group\/collapsible-content)[data-state="closed"] *) {
      animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
  }
  .group-data-\[state\=closed\]\/collapsible-content\:duration-\(--animation-duration\) {
    &:is(:where(.group\/collapsible-content)[data-state="closed"] *) {
      --tw-duration: var(--animation-duration);
      transition-duration: var(--animation-duration);
    }
  }
  .group-data-\[state\=closed\]\/collapsible-content\:fade-out-0 {
    &:is(:where(.group\/collapsible-content)[data-state="closed"] *) {
      --tw-exit-opacity: calc(0/100);
      --tw-exit-opacity: 0;
    }
  }
  .group-data-\[state\=closed\]\/collapsible-content\:slide-out-to-top-4 {
    &:is(:where(.group\/collapsible-content)[data-state="closed"] *) {
      --tw-exit-translate-y: calc(4*var(--spacing)*-1);
    }
  }
  .group-data-\[state\=closed\]\/trigger\:-rotate-90 {
    &:is(:where(.group\/trigger)[data-state="closed"] *) {
      rotate: calc(90deg * -1);
    }
  }
  .group-data-\[state\=on\]\:scale-0 {
    &:is(:where(.group)[data-state="on"] *) {
      --tw-scale-x: 0%;
      --tw-scale-y: 0%;
      --tw-scale-z: 0%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .group-data-\[state\=on\]\:scale-100 {
    &:is(:where(.group)[data-state="on"] *) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .group-data-\[state\=on\]\:opacity-0 {
    &:is(:where(.group)[data-state="on"] *) {
      opacity: 0%;
    }
  }
  .group-data-\[state\=on\]\:opacity-100 {
    &:is(:where(.group)[data-state="on"] *) {
      opacity: 100%;
    }
  }
  .group-data-\[state\=open\]\:block {
    &:is(:where(.group)[data-state="open"] *) {
      display: block;
    }
  }
  .group-data-\[state\=open\]\:hidden {
    &:is(:where(.group)[data-state="open"] *) {
      display: none;
    }
  }
  .group-data-\[state\=open\]\:rotate-90 {
    &:is(:where(.group)[data-state="open"] *) {
      rotate: 90deg;
    }
  }
  .group-data-\[state\=open\]\:rotate-180 {
    &:is(:where(.group)[data-state="open"] *) {
      rotate: 180deg;
    }
  }
  .group-data-\[state\=open\]\:text-slate-600 {
    &:is(:where(.group)[data-state="open"] *) {
      color: var(--color-slate-600);
    }
  }
  .group-data-\[state\=open\]\:text-slate-900 {
    &:is(:where(.group)[data-state="open"] *) {
      color: var(--color-slate-900);
    }
  }
  .group-data-\[state\=open\]\/accordion-trigger\:rotate-180 {
    &:is(:where(.group\/accordion-trigger)[data-state="open"] *) {
      rotate: 180deg;
    }
  }
  .group-data-\[state\=open\]\/collapsible\:rotate-90 {
    &:is(:where(.group\/collapsible)[data-state="open"] *) {
      rotate: 90deg;
    }
  }
  .group-data-\[state\=open\]\/collapsible-content\:animate-in {
    &:is(:where(.group\/collapsible-content)[data-state="open"] *) {
      animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
  }
  .group-data-\[state\=open\]\/collapsible-content\:animate-out {
    &:is(:where(.group\/collapsible-content)[data-state="open"] *) {
      animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
  }
  .group-data-\[state\=open\]\/collapsible-content\:delay-\[calc\(var\(--animation-duration\)\*0\.75\)\] {
    &:is(:where(.group\/collapsible-content)[data-state="open"] *) {
      transition-delay: calc(var(--animation-duration) * 0.75);
    }
  }
  .group-data-\[state\=open\]\/collapsible-content\:duration-\(--animation-duration\) {
    &:is(:where(.group\/collapsible-content)[data-state="open"] *) {
      --tw-duration: var(--animation-duration);
      transition-duration: var(--animation-duration);
    }
  }
  .group-data-\[state\=open\]\/collapsible-content\:delay-\[calc\(var\(--animation-duration\)\*0\.75\)\] {
    &:is(:where(.group\/collapsible-content)[data-state="open"] *) {
      animation-delay: calc(var(--animation-duration) * 0.75);
      --tw-animation-delay: calc(var(--animation-duration) * 0.75);
    }
  }
  .group-data-\[state\=open\]\/collapsible-content\:fade-in-0 {
    &:is(:where(.group\/collapsible-content)[data-state="open"] *) {
      --tw-enter-opacity: calc(0/100);
      --tw-enter-opacity: 0;
    }
  }
  .group-data-\[state\=open\]\/collapsible-content\:fade-out-0 {
    &:is(:where(.group\/collapsible-content)[data-state="open"] *) {
      --tw-exit-opacity: calc(0/100);
      --tw-exit-opacity: 0;
    }
  }
  .group-data-\[state\=open\]\/collapsible-content\:fill-mode-forwards {
    &:is(:where(.group\/collapsible-content)[data-state="open"] *) {
      animation-fill-mode: forwards;
      --tw-animation-fill-mode: forwards;
    }
  }
  .group-data-\[state\=open\]\/collapsible-content\:slide-in-from-top-4 {
    &:is(:where(.group\/collapsible-content)[data-state="open"] *) {
      --tw-enter-translate-y: calc(4*var(--spacing)*-1);
    }
  }
  .group-data-\[state\=open\]\/d2e81e20\:h-auto {
    &:is(:where(.group\/d2e81e20)[data-state="open"] *) {
      height: auto;
    }
  }
  .group-data-\[state\=open\]\/trigger\:rotate-0 {
    &:is(:where(.group\/trigger)[data-state="open"] *) {
      rotate: 0deg;
    }
  }
  .group-data-\[variant\=default\]\/accordion\:border-b {
    &:is(:where(.group\/accordion)[data-variant="default"] *) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .group-data-\[variant\=default\]\/accordion\:py-4 {
    &:is(:where(.group\/accordion)[data-variant="default"] *) {
      padding-block: calc(var(--spacing) * 4);
    }
  }
  .group-data-\[variant\=default\]\/accordion\:pb-4 {
    &:is(:where(.group\/accordion)[data-variant="default"] *) {
      padding-bottom: calc(var(--spacing) * 4);
    }
  }
  .group-data-\[variant\=default\]\/tabs-list\:rounded-md {
    &:is(:where(.group\/tabs-list)[data-variant="default"] *) {
      border-radius: calc(var(--radius) * 0.8);
    }
  }
  .group-data-\[variant\=floating\]\:rounded-lg {
    &:is(:where(.group)[data-variant="floating"] *) {
      border-radius: var(--radius);
    }
  }
  .group-data-\[variant\=floating\]\:border {
    &:is(:where(.group)[data-variant="floating"] *) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .group-data-\[variant\=floating\]\:shadow {
    &:is(:where(.group)[data-variant="floating"] *) {
      --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);
    }
  }
  .group-data-\[variant\=floating\]\:shadow-sm {
    &:is(:where(.group)[data-variant="floating"] *) {
      --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);
    }
  }
  .group-data-\[variant\=floating\]\:ring-1 {
    &:is(:where(.group)[data-variant="floating"] *) {
      --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);
    }
  }
  .group-data-\[variant\=floating\]\:ring-sidebar-border {
    &:is(:where(.group)[data-variant="floating"] *) {
      --tw-ring-color: var(--sidebar-border);
    }
  }
  .group-data-\[variant\=ghost\]\/accordion\:rounded-lg {
    &:is(:where(.group\/accordion)[data-variant="ghost"] *) {
      border-radius: var(--radius);
    }
  }
  .group-data-\[variant\=ghost\]\/accordion\:px-4 {
    &:is(:where(.group\/accordion)[data-variant="ghost"] *) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .group-data-\[variant\=ghost\]\/accordion\:py-2 {
    &:is(:where(.group\/accordion)[data-variant="ghost"] *) {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .group-data-\[variant\=ghost\]\/accordion\:py-3 {
    &:is(:where(.group\/accordion)[data-variant="ghost"] *) {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .group-data-\[variant\=ghost\]\/tabs-list\:rounded-md {
    &:is(:where(.group\/tabs-list)[data-variant="ghost"] *) {
      border-radius: calc(var(--radius) * 0.8);
    }
  }
  .group-data-\[variant\=ghost\]\/tabs-list\:bg-transparent {
    &:is(:where(.group\/tabs-list)[data-variant="ghost"] *) {
      background-color: transparent;
    }
  }
  .group-data-\[variant\=line\]\/tabs-list\:rounded-md {
    &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
      border-radius: calc(var(--radius) * 0.8);
    }
  }
  .group-data-\[variant\=line\]\/tabs-list\:bg-transparent {
    &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
      background-color: transparent;
    }
  }
  .group-data-\[variant\=muted\]\/reasoning-root\:bg-\[linear-gradient\(to_top\,hsl\(var\(--muted\)\/0\.5\)\,transparent\)\] {
    &:is(:where(.group\/reasoning-root)[data-variant="muted"] *) {
      background-image: linear-gradient(to top,hsl(var(--muted)/0.5),transparent);
    }
  }
  .group-data-\[variant\=muted\]\/tool-group-root\:mt-3 {
    &:is(:where(.group\/tool-group-root)[data-variant="muted"] *) {
      margin-top: calc(var(--spacing) * 3);
    }
  }
  .group-data-\[variant\=muted\]\/tool-group-root\:w-full {
    &:is(:where(.group\/tool-group-root)[data-variant="muted"] *) {
      width: 100%;
    }
  }
  .group-data-\[variant\=muted\]\/tool-group-root\:grow {
    &:is(:where(.group\/tool-group-root)[data-variant="muted"] *) {
      flex-grow: 1;
    }
  }
  .group-data-\[variant\=muted\]\/tool-group-root\:border-t {
    &:is(:where(.group\/tool-group-root)[data-variant="muted"] *) {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
  }
  .group-data-\[variant\=muted\]\/tool-group-root\:px-4 {
    &:is(:where(.group\/tool-group-root)[data-variant="muted"] *) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .group-data-\[variant\=muted\]\/tool-group-root\:pt-3 {
    &:is(:where(.group\/tool-group-root)[data-variant="muted"] *) {
      padding-top: calc(var(--spacing) * 3);
    }
  }
  .group-data-\[variant\=outline\]\/accordion\:border-t {
    &:is(:where(.group\/accordion)[data-variant="outline"] *) {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
  }
  .group-data-\[variant\=outline\]\/accordion\:border-b {
    &:is(:where(.group\/accordion)[data-variant="outline"] *) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .group-data-\[variant\=outline\]\/accordion\:px-4 {
    &:is(:where(.group\/accordion)[data-variant="outline"] *) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .group-data-\[variant\=outline\]\/accordion\:py-3 {
    &:is(:where(.group\/accordion)[data-variant="outline"] *) {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .group-data-\[variant\=outline\]\/field-group\:-mb-2 {
    &:is(:where(.group\/field-group)[data-variant="outline"] *) {
      margin-bottom: calc(var(--spacing) * -2);
    }
  }
  .group-data-\[variant\=outline\]\/tabs-list\:rounded-md {
    &:is(:where(.group\/tabs-list)[data-variant="outline"] *) {
      border-radius: calc(var(--radius) * 0.8);
    }
  }
  .group-data-\[variant\=outline\]\/tool-group-root\:mt-3 {
    &:is(:where(.group\/tool-group-root)[data-variant="outline"] *) {
      margin-top: calc(var(--spacing) * 3);
    }
  }
  .group-data-\[variant\=outline\]\/tool-group-root\:w-full {
    &:is(:where(.group\/tool-group-root)[data-variant="outline"] *) {
      width: 100%;
    }
  }
  .group-data-\[variant\=outline\]\/tool-group-root\:grow {
    &:is(:where(.group\/tool-group-root)[data-variant="outline"] *) {
      flex-grow: 1;
    }
  }
  .group-data-\[variant\=outline\]\/tool-group-root\:border-t {
    &:is(:where(.group\/tool-group-root)[data-variant="outline"] *) {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
  }
  .group-data-\[variant\=outline\]\/tool-group-root\:px-4 {
    &:is(:where(.group\/tool-group-root)[data-variant="outline"] *) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .group-data-\[variant\=outline\]\/tool-group-root\:pt-3 {
    &:is(:where(.group\/tool-group-root)[data-variant="outline"] *) {
      padding-top: calc(var(--spacing) * 3);
    }
  }
  .group-data-\[variant\=pills\]\/tabs-list\:rounded-full {
    &:is(:where(.group\/tabs-list)[data-variant="pills"] *) {
      border-radius: calc(infinity * 1px);
    }
  }
  .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block {
    &:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) {
      display: block;
    }
  }
  .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center {
    &:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) {
      text-align: center;
    }
  }
  .group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center {
    &:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="top"] *) {
      text-align: center;
    }
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:top-full {
    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
      top: 100%;
    }
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5 {
    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
      margin-top: calc(var(--spacing) * 1.5);
    }
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden {
    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
      overflow: hidden;
    }
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:rounded-lg {
    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
      border-radius: var(--radius);
    }
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:bg-popover {
    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
      background-color: var(--popover);
    }
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground {
    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
      color: var(--popover-foreground);
    }
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:shadow {
    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, 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);
    }
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:ring-1 {
    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
      --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);
    }
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:ring-foreground\/10 {
    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
      --tw-ring-color: var(--foreground);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
      }
    }
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:duration-300 {
    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
      --tw-duration: 300ms;
      transition-duration: 300ms;
    }
  }
  .group-data-open\/navigation-menu-trigger\:rotate-180 {
    &:is(:is(:where(.group\/navigation-menu-trigger):where([data-state="open"]), :where(.group\/navigation-menu-trigger):where([data-open]:not([data-open="false"]))) *) {
      rotate: 180deg;
    }
  }
  .group-data-selected\/command-item\:text-foreground {
    &:is(:where(.group\/command-item):where([data-selected="true"]) *) {
      color: var(--foreground);
    }
  }
  .group-data-active\:opacity-100 {
    &:is(:is(:where(.group):where([data-state="active"]), :where(.group):where([data-active]:not([data-active="false"]))) *) {
      opacity: 100%;
    }
  }
  .group-data-horizontal\/tabs\:h-8 {
    &:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
      height: calc(var(--spacing) * 8);
    }
  }
  .group-data-vertical\/tabs\:h-fit {
    &:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
      height: fit-content;
    }
  }
  .group-data-vertical\/tabs\:w-full {
    &:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
      width: 100%;
    }
  }
  .group-data-vertical\/tabs\:flex-col {
    &:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
      flex-direction: column;
    }
  }
  .group-data-vertical\/tabs\:justify-start {
    &:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
      justify-content: flex-start;
    }
  }
  .group-\[\.degraded\]\:block {
    &:is(:where(.group):is(.degraded) *) {
      display: block;
    }
  }
  .group-\[\.degraded\]\:bg-amber-500 {
    &:is(:where(.group):is(.degraded) *) {
      background-color: var(--color-amber-500);
    }
  }
  .group-\[\.is-user\]\:ml-auto {
    &:is(:where(.group):is(.is-user) *) {
      margin-left: auto;
    }
  }
  .group-\[\.is-user\]\:rounded-lg {
    &:is(:where(.group):is(.is-user) *) {
      border-radius: var(--radius);
    }
  }
  .group-\[\.is-user\]\:px-4 {
    &:is(:where(.group):is(.is-user) *) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .group-\[\.is-user\]\:py-3 {
    &:is(:where(.group):is(.is-user) *) {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .group-\[\.maintenance\]\:block {
    &:is(:where(.group):is(.maintenance) *) {
      display: block;
    }
  }
  .group-\[\.maintenance\]\:bg-blue-500 {
    &:is(:where(.group):is(.maintenance) *) {
      background-color: var(--color-blue-500);
    }
  }
  .group-\[\.offline\]\:block {
    &:is(:where(.group):is(.offline) *) {
      display: block;
    }
  }
  .group-\[\.offline\]\:bg-red-500 {
    &:is(:where(.group):is(.offline) *) {
      background-color: var(--color-red-500);
    }
  }
  .group-\[\.online\]\:block {
    &:is(:where(.group):is(.online) *) {
      display: block;
    }
  }
  .group-\[\.online\]\:bg-emerald-500 {
    &:is(:where(.group):is(.online) *) {
      background-color: var(--color-emerald-500);
    }
  }
  .group-\[\.outside\]\:bg-transparent {
    &:is(:where(.group):is(.outside) *) {
      background-color: transparent;
    }
  }
  .group-\[\.outside\]\:text-zinc-400 {
    &:is(:where(.group):is(.outside) *) {
      color: var(--color-zinc-400);
    }
  }
  .group-\[\.range-end\]\:rounded-r-lg {
    &:is(:where(.group):is(.range-end) *) {
      border-top-right-radius: var(--radius);
      border-bottom-right-radius: var(--radius);
    }
  }
  .group-\[\.range-middle\]\:bg-indigo-50 {
    &:is(:where(.group):is(.range-middle) *) {
      background-color: var(--color-indigo-50);
    }
  }
  .group-\[\.range-middle\]\:text-zinc-900 {
    &:is(:where(.group):is(.range-middle) *) {
      color: var(--color-zinc-900);
    }
  }
  .group-\[\.range-start\]\:rounded-l-lg {
    &:is(:where(.group):is(.range-start) *) {
      border-top-left-radius: var(--radius);
      border-bottom-left-radius: var(--radius);
    }
  }
  .group-\[\.selected\]\:bg-indigo-600 {
    &:is(:where(.group):is(.selected) *) {
      background-color: var(--color-indigo-600);
    }
  }
  .group-\[\.selected\]\:text-white {
    &:is(:where(.group):is(.selected) *) {
      color: var(--color-white);
    }
  }
  .group-\[\.toaster\]\:shadow-lg {
    &:is(:where(.group):is(.toaster) *) {
      --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);
    }
  }
  .peer-checked\:block {
    &:is(:where(.peer):checked ~ *) {
      display: block;
    }
  }
  .peer-checked\:border-destructive {
    &:is(:where(.peer):checked ~ *) {
      border-color: var(--destructive);
    }
  }
  .peer-checked\:border-primary {
    &:is(:where(.peer):checked ~ *) {
      border-color: var(--primary);
    }
  }
  .peer-checked\:bg-\[\#95ef90\] {
    &:is(:where(.peer):checked ~ *) {
      background-color: #95ef90;
    }
  }
  .peer-checked\:bg-destructive {
    &:is(:where(.peer):checked ~ *) {
      background-color: var(--destructive);
    }
  }
  .peer-checked\:bg-primary {
    &:is(:where(.peer):checked ~ *) {
      background-color: var(--primary);
    }
  }
  .peer-checked\:ring {
    &:is(:where(.peer):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);
    }
  }
  .peer-placeholder-shown\:top-1\/2 {
    &:is(:where(.peer):placeholder-shown ~ *) {
      top: calc(1 / 2 * 100%);
    }
  }
  .peer-placeholder-shown\:-translate-y-1\/2 {
    &:is(:where(.peer):placeholder-shown ~ *) {
      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .peer-placeholder-shown\:scale-100 {
    &:is(:where(.peer):placeholder-shown ~ *) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .peer-empty\:hidden {
    &:is(:where(.peer):empty ~ *) {
      display: none;
    }
  }
  .peer-hover\/menu-button\:text-sidebar-accent-foreground {
    &:is(:where(.peer\/menu-button):hover ~ *) {
      @media (hover: hover) {
        color: var(--sidebar-accent-foreground);
      }
    }
  }
  .peer-focus\:top-2 {
    &:is(:where(.peer):focus ~ *) {
      top: calc(var(--spacing) * 2);
    }
  }
  .peer-focus\:-translate-y-4 {
    &:is(:where(.peer):focus ~ *) {
      --tw-translate-y: calc(var(--spacing) * -4);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .peer-focus\:scale-75 {
    &:is(:where(.peer):focus ~ *) {
      --tw-scale-x: 75%;
      --tw-scale-y: 75%;
      --tw-scale-z: 75%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .peer-focus\:px-2 {
    &:is(:where(.peer):focus ~ *) {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .peer-focus\:opacity-100 {
    &:is(:where(.peer):focus ~ *) {
      opacity: 100%;
    }
  }
  .peer-focus-visible\:opacity-100 {
    &:is(:where(.peer):focus-visible ~ *) {
      opacity: 100%;
    }
  }
  .peer-disabled\:cursor-not-allowed {
    &:is(:where(.peer):disabled ~ *) {
      cursor: not-allowed;
    }
  }
  .peer-disabled\:opacity-50 {
    &:is(:where(.peer):disabled ~ *) {
      opacity: 50%;
    }
  }
  .peer-disabled\:opacity-70 {
    &:is(:where(.peer):disabled ~ *) {
      opacity: 70%;
    }
  }
  .peer-data-\[size\=default\]\/menu-button\:top-1\.5 {
    &:is(:where(.peer\/menu-button)[data-size="default"] ~ *) {
      top: calc(var(--spacing) * 1.5);
    }
  }
  .peer-data-\[size\=lg\]\/menu-button\:top-2\.5 {
    &:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) {
      top: calc(var(--spacing) * 2.5);
    }
  }
  .peer-data-\[size\=sm\]\/menu-button\:top-1 {
    &:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) {
      top: calc(var(--spacing) * 1);
    }
  }
  .peer-data-active\/menu-button\:text-sidebar-accent-foreground {
    &:is(:is(:where(.peer\/menu-button):where([data-state="active"]), :where(.peer\/menu-button):where([data-active]:not([data-active="false"]))) ~ *) {
      color: var(--sidebar-accent-foreground);
    }
  }
  .marker\:text-muted-foreground {
    & *::marker {
      color: var(--muted-foreground);
    }
    &::marker {
      color: var(--muted-foreground);
    }
    & *::-webkit-details-marker {
      color: var(--muted-foreground);
    }
    &::-webkit-details-marker {
      color: var(--muted-foreground);
    }
  }
  .selection\:bg-\[\#DA4E24\] {
    & *::selection {
      background-color: #DA4E24;
    }
    &::selection {
      background-color: #DA4E24;
    }
  }
  .selection\:bg-accent\/30 {
    & *::selection {
      background-color: var(--accent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--accent) 30%, transparent);
      }
    }
    &::selection {
      background-color: var(--accent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--accent) 30%, transparent);
      }
    }
  }
  .selection\:bg-primary {
    & *::selection {
      background-color: var(--primary);
    }
    &::selection {
      background-color: var(--primary);
    }
  }
  .selection\:bg-primary\/10 {
    & *::selection {
      background-color: var(--primary);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--primary) 10%, transparent);
      }
    }
    &::selection {
      background-color: var(--primary);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--primary) 10%, transparent);
      }
    }
  }
  .selection\:bg-white {
    & *::selection {
      background-color: var(--color-white);
    }
    &::selection {
      background-color: var(--color-white);
    }
  }
  .selection\:bg-zinc-800 {
    & *::selection {
      background-color: var(--color-zinc-800);
    }
    &::selection {
      background-color: var(--color-zinc-800);
    }
  }
  .selection\:text-accent-foreground {
    & *::selection {
      color: var(--accent-foreground);
    }
    &::selection {
      color: var(--accent-foreground);
    }
  }
  .selection\:text-black {
    & *::selection {
      color: var(--color-black);
    }
    &::selection {
      color: var(--color-black);
    }
  }
  .selection\:text-primary-foreground {
    & *::selection {
      color: var(--primary-foreground);
    }
    &::selection {
      color: var(--primary-foreground);
    }
  }
  .selection\:text-white {
    & *::selection {
      color: var(--color-white);
    }
    &::selection {
      color: var(--color-white);
    }
  }
  .file\:me-3 {
    &::file-selector-button {
      margin-inline-end: calc(var(--spacing) * 3);
    }
  }
  .file\:inline-flex {
    &::file-selector-button {
      display: inline-flex;
    }
  }
  .file\:h-6 {
    &::file-selector-button {
      height: calc(var(--spacing) * 6);
    }
  }
  .file\:h-7 {
    &::file-selector-button {
      height: calc(var(--spacing) * 7);
    }
  }
  .file\:border-0 {
    &::file-selector-button {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .file\:bg-transparent {
    &::file-selector-button {
      background-color: transparent;
    }
  }
  .file\:text-sm {
    &::file-selector-button {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .file\:font-medium {
    &::file-selector-button {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .file\:text-foreground {
    &::file-selector-button {
      color: var(--foreground);
    }
  }
  .placeholder\:font-medium {
    &::placeholder {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .placeholder\:font-normal {
    &::placeholder {
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
  }
  .placeholder\:text-\[\#7A5A3E\] {
    &::placeholder {
      color: #7A5A3E;
    }
  }
  .placeholder\:text-\[\#C4A882\] {
    &::placeholder {
      color: #C4A882;
    }
  }
  .placeholder\:text-\[\#F5F0E8\]\/20 {
    &::placeholder {
      color: color-mix(in oklab, #F5F0E8 20%, transparent);
    }
  }
  .placeholder\:text-\[rgba\(255\,255\,255\,0\.2\)\] {
    &::placeholder {
      color: rgba(255,255,255,0.2);
    }
  }
  .placeholder\:text-\[rgba\(255\,255\,255\,0\.3\)\] {
    &::placeholder {
      color: rgba(255,255,255,0.3);
    }
  }
  .placeholder\:text-\[rgba\(255\,255\,255\,0\.25\)\] {
    &::placeholder {
      color: rgba(255,255,255,0.25);
    }
  }
  .placeholder\:text-\[rgba\(255\,255\,255\,0\.30\)\] {
    &::placeholder {
      color: rgba(255,255,255,0.30);
    }
  }
  .placeholder\:text-\[rgba\(255\,255\,255\,0\.40\)\] {
    &::placeholder {
      color: rgba(255,255,255,0.40);
    }
  }
  .placeholder\:text-\[var\(--mono-ink-3\)\] {
    &::placeholder {
      color: var(--mono-ink-3);
    }
  }
  .placeholder\:text-black {
    &::placeholder {
      color: var(--color-black);
    }
  }
  .placeholder\:text-foreground\/60 {
    &::placeholder {
      color: var(--foreground);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--foreground) 60%, transparent);
      }
    }
  }
  .placeholder\:text-gray-400 {
    &::placeholder {
      color: var(--color-gray-400);
    }
  }
  .placeholder\:text-muted-foreground {
    &::placeholder {
      color: var(--muted-foreground);
    }
  }
  .placeholder\:text-muted-foreground\/40 {
    &::placeholder {
      color: var(--muted-foreground);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
      }
    }
  }
  .placeholder\:text-muted-foreground\/50 {
    &::placeholder {
      color: var(--muted-foreground);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
      }
    }
  }
  .placeholder\:text-muted-foreground\/60 {
    &::placeholder {
      color: var(--muted-foreground);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
      }
    }
  }
  .placeholder\:text-muted-foreground\/70 {
    &::placeholder {
      color: var(--muted-foreground);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
      }
    }
  }
  .placeholder\:text-muted-foreground\/72 {
    &::placeholder {
      color: var(--muted-foreground);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--muted-foreground) 72%, transparent);
      }
    }
  }
  .placeholder\:text-muted-foreground\/80 {
    &::placeholder {
      color: var(--muted-foreground);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--muted-foreground) 80%, transparent);
      }
    }
  }
  .placeholder\:text-neutral-400 {
    &::placeholder {
      color: var(--color-neutral-400);
    }
  }
  .placeholder\:text-primary\/50 {
    &::placeholder {
      color: var(--primary);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--primary) 50%, transparent);
      }
    }
  }
  .placeholder\:text-slate-400 {
    &::placeholder {
      color: var(--color-slate-400);
    }
  }
  .placeholder\:text-slate-500 {
    &::placeholder {
      color: var(--color-slate-500);
    }
  }
  .placeholder\:text-slate-600 {
    &::placeholder {
      color: var(--color-slate-600);
    }
  }
  .placeholder\:text-stone-400 {
    &::placeholder {
      color: var(--color-stone-400);
    }
  }
  .placeholder\:text-stone-500 {
    &::placeholder {
      color: var(--color-stone-500);
    }
  }
  .placeholder\:text-white\/20 {
    &::placeholder {
      color: color-mix(in srgb, #fff 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }
  }
  .placeholder\:text-white\/25 {
    &::placeholder {
      color: color-mix(in srgb, #fff 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 25%, transparent);
      }
    }
  }
  .placeholder\:text-white\/30 {
    &::placeholder {
      color: color-mix(in srgb, #fff 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 30%, transparent);
      }
    }
  }
  .placeholder\:text-white\/35 {
    &::placeholder {
      color: color-mix(in srgb, #fff 35%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 35%, transparent);
      }
    }
  }
  .placeholder\:text-white\/40 {
    &::placeholder {
      color: color-mix(in srgb, #fff 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 40%, transparent);
      }
    }
  }
  .placeholder\:text-zinc-400 {
    &::placeholder {
      color: var(--color-zinc-400);
    }
  }
  .placeholder\:text-zinc-500 {
    &::placeholder {
      color: var(--color-zinc-500);
    }
  }
  .backdrop\:bg-black\/50 {
    &::backdrop {
      background-color: color-mix(in srgb, #000 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
      }
    }
  }
  .backdrop\:backdrop-blur-xs {
    &::backdrop {
      --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,);
    }
  }
  .before\:pointer-events-none {
    &::before {
      content: var(--tw-content);
      pointer-events: none;
    }
  }
  .before\:absolute {
    &::before {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .before\:fixed {
    &::before {
      content: var(--tw-content);
      position: fixed;
    }
  }
  .before\:inset-0 {
    &::before {
      content: var(--tw-content);
      inset: calc(var(--spacing) * 0);
    }
  }
  .before\:inset-px {
    &::before {
      content: var(--tw-content);
      inset: 1px;
    }
  }
  .before\:inset-x-0 {
    &::before {
      content: var(--tw-content);
      inset-inline: calc(var(--spacing) * 0);
    }
  }
  .before\:inset-y-0 {
    &::before {
      content: var(--tw-content);
      inset-block: calc(var(--spacing) * 0);
    }
  }
  .before\:inset-y-1 {
    &::before {
      content: var(--tw-content);
      inset-block: calc(var(--spacing) * 1);
    }
  }
  .before\:start-0 {
    &::before {
      content: var(--tw-content);
      inset-inline-start: calc(var(--spacing) * 0);
    }
  }
  .before\:top-0 {
    &::before {
      content: var(--tw-content);
      top: calc(var(--spacing) * 0);
    }
  }
  .before\:top-1 {
    &::before {
      content: var(--tw-content);
      top: calc(var(--spacing) * 1);
    }
  }
  .before\:top-1\/2 {
    &::before {
      content: var(--tw-content);
      top: calc(1 / 2 * 100%);
    }
  }
  .before\:top-\[-100\%\] {
    &::before {
      content: var(--tw-content);
      top: -100%;
    }
  }
  .before\:right-0 {
    &::before {
      content: var(--tw-content);
      right: calc(var(--spacing) * 0);
    }
  }
  .before\:bottom-0 {
    &::before {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * 0);
    }
  }
  .before\:bottom-1 {
    &::before {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * 1);
    }
  }
  .before\:bottom-4 {
    &::before {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * 4);
    }
  }
  .before\:bottom-\[-1px\] {
    &::before {
      content: var(--tw-content);
      bottom: -1px;
    }
  }
  .before\:left-0 {
    &::before {
      content: var(--tw-content);
      left: calc(var(--spacing) * 0);
    }
  }
  .before\:left-\[-100\%\] {
    &::before {
      content: var(--tw-content);
      left: -100%;
    }
  }
  .before\:left-\[11px\] {
    &::before {
      content: var(--tw-content);
      left: 11px;
    }
  }
  .before\:-z-10 {
    &::before {
      content: var(--tw-content);
      z-index: calc(10 * -1);
    }
  }
  .before\:z-0 {
    &::before {
      content: var(--tw-content);
      z-index: 0;
    }
  }
  .before\:z-10 {
    &::before {
      content: var(--tw-content);
      z-index: 10;
    }
  }
  .before\:z-50 {
    &::before {
      content: var(--tw-content);
      z-index: 50;
    }
  }
  .before\:z-\[-1\] {
    &::before {
      content: var(--tw-content);
      z-index: -1;
    }
  }
  .before\:z-\[1\] {
    &::before {
      content: var(--tw-content);
      z-index: 1;
    }
  }
  .before\:mr-2 {
    &::before {
      content: var(--tw-content);
      margin-right: calc(var(--spacing) * 2);
    }
  }
  .before\:hidden {
    &::before {
      content: var(--tw-content);
      display: none;
    }
  }
  .before\:inline-block {
    &::before {
      content: var(--tw-content);
      display: inline-block;
    }
  }
  .before\:aspect-square {
    &::before {
      content: var(--tw-content);
      aspect-ratio: 1 / 1;
    }
  }
  .before\:size-2 {
    &::before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 2);
      height: calc(var(--spacing) * 2);
    }
  }
  .before\:size-full {
    &::before {
      content: var(--tw-content);
      width: 100%;
      height: 100%;
    }
  }
  .before\:h-\(--top-fade-height\) {
    &::before {
      content: var(--tw-content);
      height: var(--top-fade-height);
    }
  }
  .before\:h-1 {
    &::before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 1);
    }
  }
  .before\:h-12 {
    &::before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 12);
    }
  }
  .before\:h-\[1px\] {
    &::before {
      content: var(--tw-content);
      height: 1px;
    }
  }
  .before\:h-\[60\%\] {
    &::before {
      content: var(--tw-content);
      height: 60%;
    }
  }
  .before\:h-\[70px\] {
    &::before {
      content: var(--tw-content);
      height: 70px;
    }
  }
  .before\:h-\[calc\(100\%-1rem\)\] {
    &::before {
      content: var(--tw-content);
      height: calc(100% - 1rem);
    }
  }
  .before\:h-full {
    &::before {
      content: var(--tw-content);
      height: 100%;
    }
  }
  .before\:w-\(--left-fade-width\) {
    &::before {
      content: var(--tw-content);
      width: var(--left-fade-width);
    }
  }
  .before\:w-1 {
    &::before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 1);
    }
  }
  .before\:w-6 {
    &::before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 6);
    }
  }
  .before\:w-8 {
    &::before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 8);
    }
  }
  .before\:w-12 {
    &::before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 12);
    }
  }
  .before\:w-\[5px\] {
    &::before {
      content: var(--tw-content);
      width: 5px;
    }
  }
  .before\:w-\[50px\] {
    &::before {
      content: var(--tw-content);
      width: 50px;
    }
  }
  .before\:w-full {
    &::before {
      content: var(--tw-content);
      width: 100%;
    }
  }
  .before\:w-px {
    &::before {
      content: var(--tw-content);
      width: 1px;
    }
  }
  .before\:-translate-x-full {
    &::before {
      content: var(--tw-content);
      --tw-translate-x: -100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .before\:-translate-y-\[50\%\] {
    &::before {
      content: var(--tw-content);
      --tw-translate-y: calc(50% * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .before\:transform {
    &::before {
      content: var(--tw-content);
      transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    }
  }
  .before\:animate-\[skeleton-shimmer_1\.6s_ease-in-out_infinite\] {
    &::before {
      content: var(--tw-content);
      animation: skeleton-shimmer 1.6s ease-in-out infinite;
    }
  }
  .before\:rounded {
    &::before {
      content: var(--tw-content);
      border-radius: 0.25rem;
    }
  }
  .before\:rounded-2xl {
    &::before {
      content: var(--tw-content);
      border-radius: calc(var(--radius) * 1.8);
    }
  }
  .before\:rounded-3xl {
    &::before {
      content: var(--tw-content);
      border-radius: calc(var(--radius) * 2.2);
    }
  }
  .before\:rounded-\[--border-radius\] {
    &::before {
      content: var(--tw-content);
      border-radius: --border-radius;
    }
  }
  .before\:rounded-\[3px\] {
    &::before {
      content: var(--tw-content);
      border-radius: 3px;
    }
  }
  .before\:rounded-\[calc\(var\(--radius-lg\)-1px\)\] {
    &::before {
      content: var(--tw-content);
      border-radius: calc(var(--radius-lg) - 1px);
    }
  }
  .before\:rounded-\[calc\(var\(--radius-md\)-1px\)\] {
    &::before {
      content: var(--tw-content);
      border-radius: calc(var(--radius-md) - 1px);
    }
  }
  .before\:rounded-\[calc\(var\(--radius-xl\)-1px\)\] {
    &::before {
      content: var(--tw-content);
      border-radius: calc(var(--radius-xl) - 1px);
    }
  }
  .before\:rounded-\[inherit\] {
    &::before {
      content: var(--tw-content);
      border-radius: inherit;
    }
  }
  .before\:rounded-full {
    &::before {
      content: var(--tw-content);
      border-radius: calc(infinity * 1px);
    }
  }
  .before\:rounded-sm {
    &::before {
      content: var(--tw-content);
      border-radius: calc(var(--radius) * 0.6);
    }
  }
  .before\:rounded-xl {
    &::before {
      content: var(--tw-content);
      border-radius: calc(var(--radius) * 1.4);
    }
  }
  .before\:rounded-xs {
    &::before {
      content: var(--tw-content);
      border-radius: var(--radius-xs);
    }
  }
  .before\:rounded-s-\[calc\(var\(--radius-2xl\)-1px\)\] {
    &::before {
      content: var(--tw-content);
      border-start-start-radius: calc(var(--radius-2xl) - 1px);
      border-end-start-radius: calc(var(--radius-2xl) - 1px);
    }
  }
  .before\:rounded-e-\[calc\(var\(--radius-2xl\)-1px\)\] {
    &::before {
      content: var(--tw-content);
      border-start-end-radius: calc(var(--radius-2xl) - 1px);
      border-end-end-radius: calc(var(--radius-2xl) - 1px);
    }
  }
  .before\:rounded-t-\[calc\(var\(--radius-2xl\)-1px\)\] {
    &::before {
      content: var(--tw-content);
      border-top-left-radius: calc(var(--radius-2xl) - 1px);
      border-top-right-radius: calc(var(--radius-2xl) - 1px);
    }
  }
  .before\:rounded-l {
    &::before {
      content: var(--tw-content);
      border-top-left-radius: 0.25rem;
      border-bottom-left-radius: 0.25rem;
    }
  }
  .before\:rounded-b-\[calc\(var\(--radius-2xl\)-1px\)\] {
    &::before {
      content: var(--tw-content);
      border-bottom-right-radius: calc(var(--radius-2xl) - 1px);
      border-bottom-left-radius: calc(var(--radius-2xl) - 1px);
    }
  }
  .before\:border-\[length\:var\(--border-width\)\] {
    &::before {
      content: var(--tw-content);
      border-style: var(--tw-border-style);
      border-width: var(--border-width);
    }
  }
  .before\:border-black\/10 {
    &::before {
      content: var(--tw-content);
      border-color: color-mix(in srgb, #000 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
    }
  }
  .before\:bg-\[var\(--glow-color\)\] {
    &::before {
      content: var(--tw-content);
      background-color: var(--glow-color);
    }
  }
  .before\:bg-black {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-black);
    }
  }
  .before\:bg-card\/50 {
    &::before {
      content: var(--tw-content);
      background-color: var(--card);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--card) 50%, transparent);
      }
    }
  }
  .before\:bg-gray-50 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-gray-50);
    }
  }
  .before\:bg-input {
    &::before {
      content: var(--tw-content);
      background-color: var(--input);
    }
  }
  .before\:bg-neutral-200 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-neutral-200);
    }
  }
  .before\:bg-white {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-white);
    }
  }
  .before\:bg-zinc-100\/70 {
    &::before {
      content: var(--tw-content);
      background-color: color-mix(in srgb, oklch(96.7% 0.001 286.375) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-zinc-100) 70%, transparent);
      }
    }
  }
  .before\:bg-gradient-to-b {
    &::before {
      content: var(--tw-content);
      --tw-gradient-position: to bottom in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
    }
  }
  .before\:bg-gradient-to-l {
    &::before {
      content: var(--tw-content);
      --tw-gradient-position: to left in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
    }
  }
  .before\:bg-gradient-to-r {
    &::before {
      content: var(--tw-content);
      --tw-gradient-position: to right in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
    }
  }
  .before\:bg-gradient-to-t {
    &::before {
      content: var(--tw-content);
      --tw-gradient-position: to top in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
    }
  }
  .before\:\[background-image\:--background-radial-gradient\] {
    &::before {
      content: var(--tw-content);
      background-image: --background-radial-gradient;
    }
  }
  .before\:from-\[\#64748b\] {
    &::before {
      content: var(--tw-content);
      --tw-gradient-from: #64748b;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .before\:from-\[var\(--color-from\)\] {
    &::before {
      content: var(--tw-content);
      --tw-gradient-from: var(--color-from);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .before\:from-background {
    &::before {
      content: var(--tw-content);
      --tw-gradient-from: var(--background);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .before\:from-blue-500\/10 {
    &::before {
      content: var(--tw-content);
      --tw-gradient-from: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-blue-500) 10%, 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));
    }
  }
  .before\:from-neutral-500 {
    &::before {
      content: var(--tw-content);
      --tw-gradient-from: var(--color-neutral-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));
    }
  }
  .before\:from-transparent {
    &::before {
      content: var(--tw-content);
      --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));
    }
  }
  .before\:from-zinc-50 {
    &::before {
      content: var(--tw-content);
      --tw-gradient-from: var(--color-zinc-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));
    }
  }
  .before\:via-purple-500\/10 {
    &::before {
      content: var(--tw-content);
      --tw-gradient-via: color-mix(in srgb, oklch(62.7% 0.265 303.9) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, var(--color-purple-500) 10%, 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);
    }
  }
  .before\:via-white\/\[0\.06\] {
    &::before {
      content: var(--tw-content);
      --tw-gradient-via: color-mix(in srgb, #fff 6%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, var(--color-white) 6%, 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);
    }
  }
  .before\:to-\[var\(--color-to\)\] {
    &::before {
      content: var(--tw-content);
      --tw-gradient-to: var(--color-to);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .before\:to-indigo-500\/10 {
    &::before {
      content: var(--tw-content);
      --tw-gradient-to: color-mix(in srgb, oklch(58.5% 0.233 277.117) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-indigo-500) 10%, 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));
    }
  }
  .before\:to-transparent {
    &::before {
      content: var(--tw-content);
      --tw-gradient-to: transparent;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .before\:\[background-size\:300\%_300\%\] {
    &::before {
      content: var(--tw-content);
      background-size: 300% 300%;
    }
  }
  .before\:\!\[mask-composite\:exclude\] {
    &::before {
      content: var(--tw-content);
      mask-composite: exclude !important;
    }
  }
  .before\:p-\[--border-width\] {
    &::before {
      content: var(--tw-content);
      padding: --border-width;
    }
  }
  .before\:px-2 {
    &::before {
      content: var(--tw-content);
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .before\:text-right {
    &::before {
      content: var(--tw-content);
      text-align: right;
    }
  }
  .before\:font-mono {
    &::before {
      content: var(--tw-content);
      font-family: var(--font-geist-mono);
    }
  }
  .before\:text-white\/30 {
    &::before {
      content: var(--tw-content);
      color: color-mix(in srgb, #fff 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 30%, transparent);
      }
    }
  }
  .before\:opacity-0 {
    &::before {
      content: var(--tw-content);
      opacity: 0%;
    }
  }
  .before\:opacity-10 {
    &::before {
      content: var(--tw-content);
      opacity: 10%;
    }
  }
  .before\:opacity-30 {
    &::before {
      content: var(--tw-content);
      opacity: 30%;
    }
  }
  .before\:opacity-100 {
    &::before {
      content: var(--tw-content);
      opacity: 100%;
    }
  }
  .before\:opacity-\[calc\(var\(--active\)\*0\.3\)\] {
    &::before {
      content: var(--tw-content);
      opacity: calc(var(--active) * 0.3);
    }
  }
  .before\:shadow-\[-2px_0_10px_var\(--glow-color\)\] {
    &::before {
      content: var(--tw-content);
      --tw-shadow: -2px 0 10px var(--tw-shadow-color, var(--glow-color));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .before\:shadow-\[0_1px_--theme\(--color-black\/4\%\)\] {
    &::before {
      content: var(--tw-content);
      --tw-shadow: 0 1px var(--tw-shadow-color, color-mix(in srgb, #000 4%, transparent));
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow: 0 1px var(--tw-shadow-color, color-mix(in oklab, var(--color-black) 4%, transparent));
      }
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .before\:shadow-\[0px_1px_3px_0px_\#00ff0040\] {
    &::before {
      content: var(--tw-content);
      --tw-shadow: 0px 1px 3px 0px var(--tw-shadow-color, #00ff0040);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .before\:shadow-\[0px_1px_3px_0px_\#0000ff40\] {
    &::before {
      content: var(--tw-content);
      --tw-shadow: 0px 1px 3px 0px var(--tw-shadow-color, #0000ff40);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .before\:shadow-\[0px_1px_3px_0px_\#00000015\] {
    &::before {
      content: var(--tw-content);
      --tw-shadow: 0px 1px 3px 0px var(--tw-shadow-color, #00000015);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .before\:shadow-\[0px_1px_3px_0px_\#80008040\] {
    &::before {
      content: var(--tw-content);
      --tw-shadow: 0px 1px 3px 0px var(--tw-shadow-color, #80008040);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .before\:shadow-\[0px_1px_3px_0px_\#ff000040\] {
    &::before {
      content: var(--tw-content);
      --tw-shadow: 0px 1px 3px 0px var(--tw-shadow-color, #ff000040);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .before\:shadow-\[0px_1px_3px_0px_var\(--rgb-color\)\] {
    &::before {
      content: var(--tw-content);
      --tw-shadow: 0px 1px 3px 0px var(--tw-shadow-color, var(--rgb-color));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .before\:shadow-\[inset_0_0_0_1px_rgba\(170\,202\,255\,0\.2\)\,inset_0_0_10px_0_rgba\(170\,202\,255\,0\.3\)\,inset_0_3px_7px_0_rgba\(170\,202\,255\,0\.4\)\,inset_0_-4px_3px_0_rgba\(170\,202\,255\,0\.4\)\,0_1px_3px_0_rgba\(0\,0\,0\,0\.50\)\,0_4px_12px_0_rgba\(0\,0\,0\,0\.65\)\] {
    &::before {
      content: var(--tw-content);
      --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, rgba(170,202,255,0.2)), inset 0 0 10px 0 var(--tw-shadow-color, rgba(170,202,255,0.3)), inset 0 3px 7px 0 var(--tw-shadow-color, rgba(170,202,255,0.4)), inset 0 -4px 3px 0 var(--tw-shadow-color, rgba(170,202,255,0.4)), 0 1px 3px 0 var(--tw-shadow-color, rgba(0,0,0,0.50)), 0 4px 12px 0 var(--tw-shadow-color, rgba(0,0,0,0.65));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .before\:ring-1 {
    &::before {
      content: var(--tw-content);
      --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);
    }
  }
  .before\:ring-border\/70 {
    &::before {
      content: var(--tw-content);
      --tw-ring-color: var(--border);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--border) 70%, transparent);
      }
    }
  }
  .before\:-outline-offset-1 {
    &::before {
      content: var(--tw-content);
      outline-offset: calc(1px * -1);
    }
  }
  .before\:outline-offset-2 {
    &::before {
      content: var(--tw-content);
      outline-offset: 2px;
    }
  }
  .before\:outline-blue-800 {
    &::before {
      content: var(--tw-content);
      outline-color: var(--color-blue-800);
    }
  }
  .before\:blur-sm {
    &::before {
      content: var(--tw-content);
      --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,);
    }
  }
  .before\:blur-xl {
    &::before {
      content: var(--tw-content);
      --tw-blur: blur(var(--blur-xl));
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
  }
  .before\:transition-\[box-shadow\] {
    &::before {
      content: var(--tw-content);
      transition-property: box-shadow;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .before\:transition-\[height\,opacity\] {
    &::before {
      content: var(--tw-content);
      transition-property: height,opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .before\:transition-\[width\,opacity\] {
    &::before {
      content: var(--tw-content);
      transition-property: width,opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .before\:transition-all {
    &::before {
      content: var(--tw-content);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .before\:transition-colors {
    &::before {
      content: var(--tw-content);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .before\:transition-opacity {
    &::before {
      content: var(--tw-content);
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .before\:duration-200 {
    &::before {
      content: var(--tw-content);
      --tw-duration: 200ms;
      transition-duration: 200ms;
    }
  }
  .before\:duration-300 {
    &::before {
      content: var(--tw-content);
      --tw-duration: 300ms;
      transition-duration: 300ms;
    }
  }
  .before\:duration-500 {
    &::before {
      content: var(--tw-content);
      --tw-duration: 500ms;
      transition-duration: 500ms;
    }
  }
  .before\:ease-in-out {
    &::before {
      content: var(--tw-content);
      --tw-ease: var(--ease-in-out);
      transition-timing-function: var(--ease-in-out);
    }
  }
  .before\:will-change-\[background-position\] {
    &::before {
      content: var(--tw-content);
      will-change: background-position;
    }
  }
  .before\:content-\[\"\"\] {
    &::before {
      --tw-content: "";
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'\'\] {
    &::before {
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .before\:content-\[attr\(data-content\)\] {
    &::before {
      --tw-content: attr(data-content);
      content: var(--tw-content);
    }
  }
  .before\:content-\[counter\(line\)\] {
    &::before {
      --tw-content: counter(line);
      content: var(--tw-content);
    }
  }
  .before\:select-none {
    &::before {
      content: var(--tw-content);
      -webkit-user-select: none;
      user-select: none;
    }
  }
  .before\:\!\[-webkit-mask-composite\:xor\] {
    &::before {
      content: var(--tw-content);
      -webkit-mask-composite: xor !important;
    }
  }
  .before\:\[counter-increment\:line\] {
    &::before {
      content: var(--tw-content);
      counter-increment: line;
    }
  }
  .before\:\[mask\:--mask-linear-gradient\] {
    &::before {
      content: var(--tw-content);
      mask: --mask-linear-gradient;
    }
  }
  .before\:ring-inset {
    &::before {
      content: var(--tw-content);
      --tw-ring-inset: inset;
    }
  }
  .not-in-data-\[slot\=frame\]\:before\:hidden {
    &:not(:where(*[data-slot="frame"]) *) {
      &::before {
        content: var(--tw-content);
        display: none;
      }
    }
  }
  .not-has-disabled\:not-has-focus-visible\:not-has-aria-invalid\:before\:shadow-\[0_1px_--theme\(--color-black\/4\%\)\] {
    &:not(*:has(*:disabled)) {
      &:not(*:has(*:focus-visible)) {
        &:not(*:has(*[aria-invalid="true"])) {
          &::before {
            content: var(--tw-content);
            --tw-shadow: 0 1px var(--tw-shadow-color, color-mix(in srgb, #000 4%, transparent));
            @supports (color: color-mix(in lab, red, red)) {
              --tw-shadow: 0 1px var(--tw-shadow-color, color-mix(in oklab, var(--color-black) 4%, transparent));
            }
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
          }
        }
      }
    }
  }
  .not-has-disabled\:not-focus-within\:not-aria-invalid\:before\:shadow-\[0_1px_--theme\(--color-black\/4\%\)\] {
    &:not(*:has(*:disabled)) {
      &:not(*:focus-within) {
        &:not(*[aria-invalid="true"]) {
          &::before {
            content: var(--tw-content);
            --tw-shadow: 0 1px var(--tw-shadow-color, color-mix(in srgb, #000 4%, transparent));
            @supports (color: color-mix(in lab, red, red)) {
              --tw-shadow: 0 1px var(--tw-shadow-color, color-mix(in oklab, var(--color-black) 4%, transparent));
            }
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
          }
        }
      }
    }
  }
  .not-disabled\:not-active\:not-data-pressed\:before\:shadow-\[0_1px_--theme\(--color-black\/4\%\)\] {
    &:not(*:disabled) {
      &:not(*:active) {
        &:not(*[data-pressed]) {
          &::before {
            content: var(--tw-content);
            --tw-shadow: 0 1px var(--tw-shadow-color, color-mix(in srgb, #000 4%, transparent));
            @supports (color: color-mix(in lab, red, red)) {
              --tw-shadow: 0 1px var(--tw-shadow-color, color-mix(in oklab, var(--color-black) 4%, transparent));
            }
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
          }
        }
      }
    }
  }
  .not-disabled\:not-active\:not-data-pressed\:before\:shadow-\[0_1px_--theme\(--color-black\/6\%\)\] {
    &:not(*:disabled) {
      &:not(*:active) {
        &:not(*[data-pressed]) {
          &::before {
            content: var(--tw-content);
            --tw-shadow: 0 1px var(--tw-shadow-color, color-mix(in srgb, #000 6%, transparent));
            @supports (color: color-mix(in lab, red, red)) {
              --tw-shadow: 0 1px var(--tw-shadow-color, color-mix(in oklab, var(--color-black) 6%, transparent));
            }
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
          }
        }
      }
    }
  }
  .not-data-disabled\:not-data-checked\:not-aria-invalid\:before\:shadow-\[0_1px_--theme\(--color-black\/4\%\)\] {
    &:not(*:where([data-disabled="true"]),  *:where([data-disabled]:not([data-disabled="false"]))) {
      &:not(*:where([data-state="checked"]),  *:where([data-checked]:not([data-checked="false"]))) {
        &:not(*[aria-invalid="true"]) {
          &::before {
            content: var(--tw-content);
            --tw-shadow: 0 1px var(--tw-shadow-color, color-mix(in srgb, #000 4%, transparent));
            @supports (color: color-mix(in lab, red, red)) {
              --tw-shadow: 0 1px var(--tw-shadow-color, color-mix(in oklab, var(--color-black) 4%, transparent));
            }
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
          }
        }
      }
    }
  }
  .after\:pointer-events-none {
    &::after {
      content: var(--tw-content);
      pointer-events: none;
    }
  }
  .after\:absolute {
    &::after {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .after\:-inset-2 {
    &::after {
      content: var(--tw-content);
      inset: calc(var(--spacing) * -2);
    }
  }
  .after\:-inset-\[1px\] {
    &::after {
      content: var(--tw-content);
      inset: calc(1px * -1);
    }
  }
  .after\:inset-0 {
    &::after {
      content: var(--tw-content);
      inset: calc(var(--spacing) * 0);
    }
  }
  .after\:inset-\[5px\] {
    &::after {
      content: var(--tw-content);
      inset: 5px;
    }
  }
  .after\:inset-\[calc\(-1\*var\(--glowingeffect-border-width\)\)\] {
    &::after {
      content: var(--tw-content);
      inset: calc(-1 * var(--glowingeffect-border-width));
    }
  }
  .after\:inset-\[var\(--border-width\)\] {
    &::after {
      content: var(--tw-content);
      inset: var(--border-width);
    }
  }
  .after\:-inset-x-3 {
    &::after {
      content: var(--tw-content);
      inset-inline: calc(var(--spacing) * -3);
    }
  }
  .after\:inset-x-0 {
    &::after {
      content: var(--tw-content);
      inset-inline: calc(var(--spacing) * 0);
    }
  }
  .after\:-inset-y-2 {
    &::after {
      content: var(--tw-content);
      inset-block: calc(var(--spacing) * -2);
    }
  }
  .after\:inset-y-0 {
    &::after {
      content: var(--tw-content);
      inset-block: calc(var(--spacing) * 0);
    }
  }
  .after\:start-1\/2 {
    &::after {
      content: var(--tw-content);
      inset-inline-start: calc(1/2 * 100%);
    }
  }
  .after\:start-3\.5 {
    &::after {
      content: var(--tw-content);
      inset-inline-start: calc(var(--spacing) * 3.5);
    }
  }
  .after\:start-\[5px\] {
    &::after {
      content: var(--tw-content);
      inset-inline-start: 5px;
    }
  }
  .after\:start-full {
    &::after {
      content: var(--tw-content);
      inset-inline-start: 100%;
    }
  }
  .after\:end-full {
    &::after {
      content: var(--tw-content);
      inset-inline-end: 100%;
    }
  }
  .after\:top-0 {
    &::after {
      content: var(--tw-content);
      top: calc(var(--spacing) * 0);
    }
  }
  .after\:top-1\/2 {
    &::after {
      content: var(--tw-content);
      top: calc(1 / 2 * 100%);
    }
  }
  .after\:top-9 {
    &::after {
      content: var(--tw-content);
      top: calc(var(--spacing) * 9);
    }
  }
  .after\:top-\[0\.85rem\] {
    &::after {
      content: var(--tw-content);
      top: 0.85rem;
    }
  }
  .after\:top-\[4px\] {
    &::after {
      content: var(--tw-content);
      top: 4px;
    }
  }
  .after\:top-full {
    &::after {
      content: var(--tw-content);
      top: 100%;
    }
  }
  .after\:right-0 {
    &::after {
      content: var(--tw-content);
      right: calc(var(--spacing) * 0);
    }
  }
  .after\:bottom-0 {
    &::after {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * 0);
    }
  }
  .after\:bottom-2 {
    &::after {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * 2);
    }
  }
  .after\:bottom-full {
    &::after {
      content: var(--tw-content);
      bottom: 100%;
    }
  }
  .after\:-left-2 {
    &::after {
      content: var(--tw-content);
      left: calc(var(--spacing) * -2);
    }
  }
  .after\:left-0 {
    &::after {
      content: var(--tw-content);
      left: calc(var(--spacing) * 0);
    }
  }
  .after\:left-1\/2 {
    &::after {
      content: var(--tw-content);
      left: calc(1 / 2 * 100%);
    }
  }
  .after\:z-0 {
    &::after {
      content: var(--tw-content);
      z-index: 0;
    }
  }
  .after\:z-50 {
    &::after {
      content: var(--tw-content);
      z-index: 50;
    }
  }
  .after\:z-\[1\] {
    &::after {
      content: var(--tw-content);
      z-index: 1;
    }
  }
  .after\:block {
    &::after {
      content: var(--tw-content);
      display: block;
    }
  }
  .after\:flex {
    &::after {
      content: var(--tw-content);
      display: flex;
    }
  }
  .after\:aspect-square {
    &::after {
      content: var(--tw-content);
      aspect-ratio: 1 / 1;
    }
  }
  .after\:h-\(--bleed\) {
    &::after {
      content: var(--tw-content);
      height: var(--bleed);
    }
  }
  .after\:h-\(--bottom-fade-height\) {
    &::after {
      content: var(--tw-content);
      height: var(--bottom-fade-height);
    }
  }
  .after\:h-0\.5 {
    &::after {
      content: var(--tw-content);
      height: calc(var(--spacing) * 0.5);
    }
  }
  .after\:h-6 {
    &::after {
      content: var(--tw-content);
      height: calc(var(--spacing) * 6);
    }
  }
  .after\:h-\[calc\(var\(--gap\)\+1px\)\] {
    &::after {
      content: var(--tw-content);
      height: calc(var(--gap) + 1px);
    }
  }
  .after\:h-full {
    &::after {
      content: var(--tw-content);
      height: 100%;
    }
  }
  .after\:w-\(--bleed\) {
    &::after {
      content: var(--tw-content);
      width: var(--bleed);
    }
  }
  .after\:w-\(--right-fade-width\) {
    &::after {
      content: var(--tw-content);
      width: var(--right-fade-width);
    }
  }
  .after\:w-0 {
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 0);
    }
  }
  .after\:w-1 {
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 1);
    }
  }
  .after\:w-4 {
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 4);
    }
  }
  .after\:w-6 {
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 6);
    }
  }
  .after\:w-\[2px\] {
    &::after {
      content: var(--tw-content);
      width: 2px;
    }
  }
  .after\:w-\[calc\(var\(--size\)\*1px\)\] {
    &::after {
      content: var(--tw-content);
      width: calc(var(--size) * 1px);
    }
  }
  .after\:w-full {
    &::after {
      content: var(--tw-content);
      width: 100%;
    }
  }
  .after\:w-px {
    &::after {
      content: var(--tw-content);
      width: 1px;
    }
  }
  .after\:-translate-x-1\/2 {
    &::after {
      content: var(--tw-content);
      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .after\:-translate-x-\[0\.5px\] {
    &::after {
      content: var(--tw-content);
      --tw-translate-x: calc(0.5px * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .after\:items-center {
    &::after {
      content: var(--tw-content);
      align-items: center;
    }
  }
  .after\:rounded-\[45px\] {
    &::after {
      content: var(--tw-content);
      border-radius: 45px;
    }
  }
  .after\:rounded-\[inherit\] {
    &::after {
      content: var(--tw-content);
      border-radius: inherit;
    }
  }
  .after\:rounded-full {
    &::after {
      content: var(--tw-content);
      border-radius: calc(infinity * 1px);
    }
  }
  .after\:rounded-md {
    &::after {
      content: var(--tw-content);
      border-radius: calc(var(--radius) * 0.8);
    }
  }
  .after\:rounded-sm {
    &::after {
      content: var(--tw-content);
      border-radius: calc(var(--radius) * 0.6);
    }
  }
  .after\:border {
    &::after {
      content: var(--tw-content);
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .after\:border-t {
    &::after {
      content: var(--tw-content);
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
  }
  .after\:border-border {
    &::after {
      content: var(--tw-content);
      border-color: var(--border);
    }
  }
  .after\:border-white {
    &::after {
      content: var(--tw-content);
      border-color: var(--color-white);
    }
  }
  .after\:bg-\[var\(--color-background\)\] {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-background);
    }
  }
  .after\:bg-border {
    &::after {
      content: var(--tw-content);
      background-color: var(--border);
    }
  }
  .after\:bg-current {
    &::after {
      content: var(--tw-content);
      background-color: currentcolor;
    }
  }
  .after\:bg-foreground {
    &::after {
      content: var(--tw-content);
      background-color: var(--foreground);
    }
  }
  .after\:bg-muted {
    &::after {
      content: var(--tw-content);
      background-color: var(--muted);
    }
  }
  .after\:bg-popover {
    &::after {
      content: var(--tw-content);
      background-color: var(--popover);
    }
  }
  .after\:bg-white {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-white);
    }
  }
  .after\:bg-gradient-to-l {
    &::after {
      content: var(--tw-content);
      --tw-gradient-position: to left in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
    }
  }
  .after\:bg-gradient-to-r {
    &::after {
      content: var(--tw-content);
      --tw-gradient-position: to right in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
    }
  }
  .after\:bg-gradient-to-t {
    &::after {
      content: var(--tw-content);
      --tw-gradient-position: to top in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
    }
  }
  .after\:\[background-image\:var\(--white-gradient\)\,var\(--aurora\)\] {
    &::after {
      content: var(--tw-content);
      background-image: var(--white-gradient),var(--aurora);
    }
  }
  .after\:bg-\[radial-gradient\(circle_at_50\%_50\%\,rgba\(255\,255\,255\,0\.2\)\,transparent_70\%\)\] {
    &::after {
      content: var(--tw-content);
      background-image: radial-gradient(circle at 50% 50%,rgba(255,255,255,0.2),transparent 70%);
    }
  }
  .after\:from-background {
    &::after {
      content: var(--tw-content);
      --tw-gradient-from: var(--background);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .after\:from-black\/5 {
    &::after {
      content: var(--tw-content);
      --tw-gradient-from: color-mix(in srgb, #000 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-black) 5%, 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));
    }
  }
  .after\:from-transparent {
    &::after {
      content: var(--tw-content);
      --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));
    }
  }
  .after\:from-40\% {
    &::after {
      content: var(--tw-content);
      --tw-gradient-from-position: 40%;
    }
  }
  .after\:via-\[var\(--glow-color-via\)\] {
    &::after {
      content: var(--tw-content);
      --tw-gradient-via: var(--glow-color-via);
      --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);
    }
  }
  .after\:via-70\% {
    &::after {
      content: var(--tw-content);
      --tw-gradient-via-position: 70%;
    }
  }
  .after\:to-\[var\(--glow-color-to\)\] {
    &::after {
      content: var(--tw-content);
      --tw-gradient-to: var(--glow-color-to);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .after\:to-transparent {
    &::after {
      content: var(--tw-content);
      --tw-gradient-to: transparent;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .after\:\[mask-image\:linear-gradient\(\#0000\,\#0000\)\,conic-gradient\(from_calc\(\(var\(--start\)-var\(--spread\)\)\*1deg\)\,\#00000000_0deg\,\#fff\,\#00000000_calc\(var\(--spread\)\*2deg\)\)\] {
    &::after {
      content: var(--tw-content);
      mask-image: linear-gradient(#0000,#0000),conic-gradient(from calc((var(--start) - var(--spread)) * 1deg),#00000000 0deg,#fff,#00000000 calc(var(--spread) * 2deg));
    }
  }
  .after\:\[mask-image\:linear-gradient\(\#0000\,\#0000\)\,conic-gradient\(from_calc\(\(var\(--start\)-var\(--spread\)\)\*1deg\)\,\#00000000_0deg\,\#fff_calc\(var\(--spread\)\*0\.8deg\)\,\#fff_calc\(var\(--spread\)\*1\.2deg\)\,\#00000000_calc\(var\(--spread\)\*2deg\)\)\] {
    &::after {
      content: var(--tw-content);
      mask-image: linear-gradient(#0000,#0000),conic-gradient(from calc((var(--start) - var(--spread)) * 1deg),#00000000 0deg,#fff calc(var(--spread) * 0.8deg),#fff calc(var(--spread) * 1.2deg),#00000000 calc(var(--spread) * 2deg));
    }
  }
  .after\:\[background-size\:200\%\,_100\%\] {
    &::after {
      content: var(--tw-content);
      background-size: 200%, 100%;
    }
  }
  .after\:\[background-attachment\:fixed\] {
    &::after {
      content: var(--tw-content);
      background-attachment: fixed;
    }
  }
  .after\:\[mask-composite\:intersect\] {
    &::after {
      content: var(--tw-content);
      mask-composite: intersect;
    }
  }
  .after\:\[mask-clip\:padding-box\,border-box\] {
    &::after {
      content: var(--tw-content);
      mask-clip: padding-box,border-box;
    }
  }
  .after\:opacity-0 {
    &::after {
      content: var(--tw-content);
      opacity: 0%;
    }
  }
  .after\:opacity-50 {
    &::after {
      content: var(--tw-content);
      opacity: 50%;
    }
  }
  .after\:opacity-100 {
    &::after {
      content: var(--tw-content);
      opacity: 100%;
    }
  }
  .after\:opacity-\[var\(--active\)\] {
    &::after {
      content: var(--tw-content);
      opacity: var(--active);
    }
  }
  .after\:mix-blend-darken {
    &::after {
      content: var(--tw-content);
      mix-blend-mode: darken;
    }
  }
  .after\:mix-blend-difference {
    &::after {
      content: var(--tw-content);
      mix-blend-mode: difference;
    }
  }
  .after\:shadow-md {
    &::after {
      content: var(--tw-content);
      --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);
    }
  }
  .after\:shadow-\[hsl\(var\(--foreground\)\/0\.15\)_0px_1px_0px_inset\] {
    &::after {
      content: var(--tw-content);
      --tw-shadow-color: hsl(var(--foreground)/0.15);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, hsl(var(--foreground)/0.15) 0px 1px 0px inset var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .after\:shadow-zinc-800\/10 {
    &::after {
      content: var(--tw-content);
      --tw-shadow-color: color-mix(in srgb, oklch(27.4% 0.006 286.033) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-zinc-800) 10%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .after\:transition-\[height\,opacity\] {
    &::after {
      content: var(--tw-content);
      transition-property: height,opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .after\:transition-\[width\,opacity\] {
    &::after {
      content: var(--tw-content);
      transition-property: width,opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .after\:transition-all {
    &::after {
      content: var(--tw-content);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .after\:transition-opacity {
    &::after {
      content: var(--tw-content);
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .after\:duration-300 {
    &::after {
      content: var(--tw-content);
      --tw-duration: 300ms;
      transition-duration: 300ms;
    }
  }
  .after\:duration-500 {
    &::after {
      content: var(--tw-content);
      --tw-duration: 500ms;
      transition-duration: 500ms;
    }
  }
  .after\:ease-linear {
    &::after {
      content: var(--tw-content);
      --tw-ease: linear;
      transition-timing-function: linear;
    }
  }
  .after\:ease-out {
    &::after {
      content: var(--tw-content);
      --tw-ease: var(--ease-out);
      transition-timing-function: var(--ease-out);
    }
  }
  .after\:content-\[\"\"\] {
    &::after {
      --tw-content: "";
      content: var(--tw-content);
    }
  }
  .after\:content-\[\'\'\] {
    &::after {
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .after\:\[animation-delay\:var\(--delay\)\] {
    &::after {
      content: var(--tw-content);
      animation-delay: var(--delay);
    }
  }
  .after\:\[background\:linear-gradient\(to_left\,var\(--color-from\)\,var\(--color-to\)\,transparent\)\] {
    &::after {
      content: var(--tw-content);
      background: linear-gradient(to left,var(--color-from),var(--color-to),transparent);
    }
  }
  .after\:\[background\:linear-gradient\(to_top\,var\(--background\)_10\%\,transparent\)\] {
    &::after {
      content: var(--tw-content);
      background: linear-gradient(to top,var(--background) 10%,transparent);
    }
  }
  .after\:\[background\:var\(--gradient\)\] {
    &::after {
      content: var(--tw-content);
      background: var(--gradient);
    }
  }
  .after\:\[border\:var\(--glowingeffect-border-width\)_solid_transparent\] {
    &::after {
      content: var(--tw-content);
      border: var(--glowingeffect-border-width) solid transparent;
    }
  }
  .after\:\[offset-anchor\:calc\(var\(--anchor\)\*1\%\)_50\%\] {
    &::after {
      content: var(--tw-content);
      offset-anchor: calc(var(--anchor) * 1%) 50%;
    }
  }
  .after\:\[offset-path\:rect\(0_auto_auto_0_round_calc\(var\(--size\)\*1px\)\)\] {
    &::after {
      content: var(--tw-content);
      offset-path: rect(0 auto auto 0 round calc(var(--size) * 1px));
    }
  }
  .\*\:after\:pointer-events-none {
    :is(& > *) {
      &::after {
        content: var(--tw-content);
        pointer-events: none;
      }
    }
  }
  .\*\:after\:absolute {
    :is(& > *) {
      &::after {
        content: var(--tw-content);
        position: absolute;
      }
    }
  }
  .\*\:after\:start-1\/2 {
    :is(& > *) {
      &::after {
        content: var(--tw-content);
        inset-inline-start: calc(1/2 * 100%);
      }
    }
  }
  .\*\:after\:bottom-1 {
    :is(& > *) {
      &::after {
        content: var(--tw-content);
        bottom: calc(var(--spacing) * 1);
      }
    }
  }
  .\*\:after\:z-1 {
    :is(& > *) {
      &::after {
        content: var(--tw-content);
        z-index: 1;
      }
    }
  }
  .\*\:after\:size-\[3px\] {
    :is(& > *) {
      &::after {
        content: var(--tw-content);
        width: 3px;
        height: 3px;
      }
    }
  }
  .\*\:after\:-translate-x-1\/2 {
    :is(& > *) {
      &::after {
        content: var(--tw-content);
        --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .\*\:after\:rounded-full {
    :is(& > *) {
      &::after {
        content: var(--tw-content);
        border-radius: calc(infinity * 1px);
      }
    }
  }
  .\*\:after\:bg-primary {
    :is(& > *) {
      &::after {
        content: var(--tw-content);
        background-color: var(--primary);
      }
    }
  }
  .\*\:after\:transition-colors {
    :is(& > *) {
      &::after {
        content: var(--tw-content);
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
      }
    }
  }
  .group-data-\[collapsible\=offcanvas\]\:after\:left-full {
    &:is(:where(.group)[data-collapsible="offcanvas"] *) {
      &::after {
        content: var(--tw-content);
        left: 100%;
      }
    }
  }
  .group-data-\[selected\=true\]\:after\:w-full {
    &:is(:where(.group)[data-selected="true"] *) {
      &::after {
        content: var(--tw-content);
        width: 100%;
      }
    }
  }
  .group-data-horizontal\/tabs\:after\:inset-x-0 {
    &:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
      &::after {
        content: var(--tw-content);
        inset-inline: calc(var(--spacing) * 0);
      }
    }
  }
  .group-data-horizontal\/tabs\:after\:bottom-\[-5px\] {
    &:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
      &::after {
        content: var(--tw-content);
        bottom: -5px;
      }
    }
  }
  .group-data-horizontal\/tabs\:after\:h-0\.5 {
    &:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
      &::after {
        content: var(--tw-content);
        height: calc(var(--spacing) * 0.5);
      }
    }
  }
  .group-data-vertical\/tabs\:after\:inset-y-0 {
    &:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
      &::after {
        content: var(--tw-content);
        inset-block: calc(var(--spacing) * 0);
      }
    }
  }
  .group-data-vertical\/tabs\:after\:-right-1 {
    &:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
      &::after {
        content: var(--tw-content);
        right: calc(var(--spacing) * -1);
      }
    }
  }
  .group-data-vertical\/tabs\:after\:w-0\.5 {
    &:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
      &::after {
        content: var(--tw-content);
        width: calc(var(--spacing) * 0.5);
      }
    }
  }
  .peer-checked\:after\:translate-x-\[19px\] {
    &:is(:where(.peer):checked ~ *) {
      &::after {
        content: var(--tw-content);
        --tw-translate-x: 19px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .peer-checked\:after\:border-white {
    &:is(:where(.peer):checked ~ *) {
      &::after {
        content: var(--tw-content);
        border-color: var(--color-white);
      }
    }
  }
  .first\:mt-0 {
    &:first-child {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .first\:ml-0 {
    &:first-child {
      margin-left: calc(var(--spacing) * 0);
    }
  }
  .first\:ml-2\.5 {
    &:first-child {
      margin-left: calc(var(--spacing) * 2.5);
    }
  }
  .first\:\!items-center {
    &:first-child {
      align-items: center !important;
    }
  }
  .first\:items-start {
    &:first-child {
      align-items: flex-start;
    }
  }
  .first\:rounded-s-lg {
    &:first-child {
      border-start-start-radius: var(--radius);
      border-end-start-radius: var(--radius);
    }
  }
  .first\:rounded-ss-lg {
    &:first-child {
      border-start-start-radius: var(--radius);
    }
  }
  .first\:rounded-l-lg {
    &:first-child {
      border-top-left-radius: var(--radius);
      border-bottom-left-radius: var(--radius);
    }
  }
  .first\:rounded-l-md {
    &:first-child {
      border-top-left-radius: calc(var(--radius) * 0.8);
      border-bottom-left-radius: calc(var(--radius) * 0.8);
    }
  }
  .first\:border-0 {
    &:first-child {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .first\:border-t {
    &:first-child {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
  }
  .first\:border-t-0 {
    &:first-child {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
  }
  .first\:border-l {
    &:first-child {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }
  .first\:pt-0 {
    &:first-child {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .first\:pt-6 {
    &:first-child {
      padding-top: calc(var(--spacing) * 6);
    }
  }
  .last\:mt-0 {
    &:last-child {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .last\:mr-0 {
    &:last-child {
      margin-right: calc(var(--spacing) * 0);
    }
  }
  .last\:mb-0 {
    &:last-child {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .last\:hidden {
    &:last-child {
      display: none;
    }
  }
  .last\:\!items-center {
    &:last-child {
      align-items: center !important;
    }
  }
  .last\:items-end {
    &:last-child {
      align-items: flex-end;
    }
  }
  .last\:rounded-e-lg {
    &:last-child {
      border-start-end-radius: var(--radius);
      border-end-end-radius: var(--radius);
    }
  }
  .last\:rounded-se-lg {
    &:last-child {
      border-start-end-radius: var(--radius);
    }
  }
  .last\:rounded-r-lg {
    &:last-child {
      border-top-right-radius: var(--radius);
      border-bottom-right-radius: var(--radius);
    }
  }
  .last\:rounded-r-md {
    &:last-child {
      border-top-right-radius: calc(var(--radius) * 0.8);
      border-bottom-right-radius: calc(var(--radius) * 0.8);
    }
  }
  .last\:border-0 {
    &:last-child {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .last\:border-e {
    &:last-child {
      border-inline-end-style: var(--tw-border-style);
      border-inline-end-width: 1px;
    }
  }
  .last\:border-r {
    &:last-child {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
  }
  .last\:border-b {
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .last\:border-b-0 {
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .last\:pb-0 {
    &:last-child {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .last\:pb-6 {
    &:last-child {
      padding-bottom: calc(var(--spacing) * 6);
    }
  }
  .group-data-\[variant\=default\]\/accordion\:last\:border-b-0 {
    &:is(:where(.group\/accordion)[data-variant="default"] *) {
      &:last-child {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0px;
      }
    }
  }
  .group-data-\[variant\=outline\]\/accordion\:last\:border-b-0 {
    &:is(:where(.group\/accordion)[data-variant="outline"] *) {
      &:last-child {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0px;
      }
    }
  }
  .last\:after\:hidden {
    &:last-child {
      &::after {
        content: var(--tw-content);
        display: none;
      }
    }
  }
  .only\:\*\:first\:size-24 {
    &:only-child {
      :is(& > *) {
        &:first-child {
          width: calc(var(--spacing) * 24);
          height: calc(var(--spacing) * 24);
        }
      }
    }
  }
  .odd\:bg-white\/\[0\.02\] {
    &:nth-child(odd) {
      background-color: color-mix(in srgb, #fff 2%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 2%, transparent);
      }
    }
  }
  .open\:flex {
    &:is([open], :popover-open, :open) {
      display: flex;
    }
  }
  .open\:flex-col {
    &:is([open], :popover-open, :open) {
      flex-direction: column;
    }
  }
  .empty\:m-0 {
    &:empty {
      margin: calc(var(--spacing) * 0);
    }
  }
  .empty\:hidden {
    &:empty {
      display: none;
    }
  }
  .empty\:p-0 {
    &:empty {
      padding: calc(var(--spacing) * 0);
    }
  }
  .focus-within\:relative {
    &:focus-within {
      position: relative;
    }
  }
  .focus-within\:z-20 {
    &:focus-within {
      z-index: 20;
    }
  }
  .focus-within\:border-blue-500 {
    &:focus-within {
      border-color: var(--color-blue-500);
    }
  }
  .focus-within\:border-blue-500\/50 {
    &:focus-within {
      border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent);
      }
    }
  }
  .focus-within\:border-foreground\/30 {
    &:focus-within {
      border-color: var(--foreground);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--foreground) 30%, transparent);
      }
    }
  }
  .focus-within\:border-foreground\/\[0\.18\] {
    &:focus-within {
      border-color: var(--foreground);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--foreground) 18%, transparent);
      }
    }
  }
  .focus-within\:border-primary {
    &:focus-within {
      border-color: var(--primary);
    }
  }
  .focus-within\:border-ring {
    &:focus-within {
      border-color: var(--ring);
    }
  }
  .focus-within\:border-ring\/60 {
    &:focus-within {
      border-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--ring) 60%, transparent);
      }
    }
  }
  .focus-within\:border-ring\/75 {
    &:focus-within {
      border-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--ring) 75%, transparent);
      }
    }
  }
  .focus-within\:border-violet-400 {
    &:focus-within {
      border-color: var(--color-violet-400);
    }
  }
  .focus-within\:border-violet-400\/70 {
    &:focus-within {
      border-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-violet-400) 70%, transparent);
      }
    }
  }
  .focus-within\:border-white\/25 {
    &:focus-within {
      border-color: color-mix(in srgb, #fff 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
      }
    }
  }
  .focus-within\:border-white\/\[0\.2\] {
    &:focus-within {
      border-color: color-mix(in srgb, #fff 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }
  }
  .focus-within\:border-white\/\[0\.18\] {
    &:focus-within {
      border-color: color-mix(in srgb, #fff 18%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 18%, transparent);
      }
    }
  }
  .focus-within\:border-white\/\[0\.20\] {
    &:focus-within {
      border-color: color-mix(in srgb, #fff 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }
  }
  .focus-within\:bg-muted {
    &:focus-within {
      background-color: var(--muted);
    }
  }
  .focus-within\:bg-neutral-900 {
    &:focus-within {
      background-color: var(--color-neutral-900);
    }
  }
  .focus-within\:bg-violet-500\/10 {
    &:focus-within {
      background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-violet-500) 10%, transparent);
      }
    }
  }
  .focus-within\:bg-white\/\[0\.06\] {
    &:focus-within {
      background-color: color-mix(in srgb, #fff 6%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
      }
    }
  }
  .focus-within\:bg-white\/\[0\.07\] {
    &:focus-within {
      background-color: color-mix(in srgb, #fff 7.000000000000001%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 7.000000000000001%, transparent);
      }
    }
  }
  .focus-within\:from-white\/\[0\.12\] {
    &:focus-within {
      --tw-gradient-from: color-mix(in srgb, #fff 12%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-white) 12%, 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));
    }
  }
  .focus-within\:to-white\/\[0\.04\] {
    &:focus-within {
      --tw-gradient-to: color-mix(in srgb, #fff 4%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-white) 4%, 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));
    }
  }
  .focus-within\:ring-1 {
    &:focus-within {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus-within\:ring-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-\[3px\] {
    &:focus-within {
      --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-within\:ring-\[\#C2622B\]\/40 {
    &:focus-within {
      --tw-ring-color: color-mix(in oklab, #C2622B 40%, transparent);
    }
  }
  .focus-within\:ring-blue-500\/50 {
    &:focus-within {
      --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent);
      }
    }
  }
  .focus-within\:ring-foreground\/10 {
    &:focus-within {
      --tw-ring-color: var(--foreground);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
      }
    }
  }
  .focus-within\:ring-primary {
    &:focus-within {
      --tw-ring-color: var(--primary);
    }
  }
  .focus-within\:ring-primary\/30 {
    &:focus-within {
      --tw-ring-color: var(--primary);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--primary) 30%, transparent);
      }
    }
  }
  .focus-within\:ring-ring {
    &:focus-within {
      --tw-ring-color: var(--ring);
    }
  }
  .focus-within\:ring-ring\/20 {
    &:focus-within {
      --tw-ring-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ring) 20%, transparent);
      }
    }
  }
  .focus-within\:ring-violet-400 {
    &:focus-within {
      --tw-ring-color: var(--color-violet-400);
    }
  }
  .focus-within\:ring-white\/\[0\.10\] {
    &:focus-within {
      --tw-ring-color: color-mix(in srgb, #fff 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
  }
  .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\:outline-hidden {
    &:focus-within {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
  }
  .focus-within\:outline-none {
    &:focus-within {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .hover\:z-20 {
    &:hover {
      @media (hover: hover) {
        z-index: 20;
      }
    }
  }
  .hover\:-mt-\[calc\(var\(--icon-size\)\/2\)\] {
    &:hover {
      @media (hover: hover) {
        margin-top: calc(calc(var(--icon-size) / 2) * -1);
      }
    }
  }
  .hover\:h-\[calc\(var\(--icon-size\)\*1\.5\)\] {
    &:hover {
      @media (hover: hover) {
        height: calc(var(--icon-size) * 1.5);
      }
    }
  }
  .hover\:w-\[calc\(var\(--icon-size\)\*1\.5\)\] {
    &:hover {
      @media (hover: hover) {
        width: calc(var(--icon-size) * 1.5);
      }
    }
  }
  .hover\:translate-x-1 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:-translate-y-0\.5 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:-translate-y-1 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:-translate-y-px {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: -1px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:translate-y-1 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * 1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:translate-y-\[-2px\] {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: -2px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:translate-y-px {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: 1px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:scale-105 {
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .hover\:scale-110 {
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .hover\:scale-125 {
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 125%;
        --tw-scale-y: 125%;
        --tw-scale-z: 125%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .hover\:scale-\[0\.98\] {
    &:hover {
      @media (hover: hover) {
        scale: 0.98;
      }
    }
  }
  .hover\:scale-\[1\.01\] {
    &:hover {
      @media (hover: hover) {
        scale: 1.01;
      }
    }
  }
  .hover\:scale-\[1\.02\] {
    &:hover {
      @media (hover: hover) {
        scale: 1.02;
      }
    }
  }
  .hover\:scale-\[1\.03\] {
    &:hover {
      @media (hover: hover) {
        scale: 1.03;
      }
    }
  }
  .hover\:scale-\[1\.04\] {
    &:hover {
      @media (hover: hover) {
        scale: 1.04;
      }
    }
  }
  .hover\:scale-\[1\.06\] {
    &:hover {
      @media (hover: hover) {
        scale: 1.06;
      }
    }
  }
  .hover\:scale-\[105\%\] {
    &:hover {
      @media (hover: hover) {
        scale: 105%;
      }
    }
  }
  .hover\:-rotate-1 {
    &:hover {
      @media (hover: hover) {
        rotate: calc(1deg * -1);
      }
    }
  }
  .hover\:rotate-\[0\.3deg\] {
    &:hover {
      @media (hover: hover) {
        rotate: 0.3deg;
      }
    }
  }
  .hover\:animate-\[hover-wiggle_0\.8s_ease-in-out_infinite\] {
    &:hover {
      @media (hover: hover) {
        animation: hover-wiggle 0.8s ease-in-out infinite;
      }
    }
  }
  .hover\:animate-pulse {
    &:hover {
      @media (hover: hover) {
        animation: var(--animate-pulse);
      }
    }
  }
  .hover\:cursor-pointer {
    &:hover {
      @media (hover: hover) {
        cursor: pointer;
      }
    }
  }
  .hover\:scrollbar-thumb-\[\#555555\] {
    &:hover {
      @media (hover: hover) {
        --tw-scrollbar-thumb: #555555;
        scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
      }
    }
  }
  .hover\:scrollbar-thumb-black\/20 {
    &:hover {
      @media (hover: hover) {
        --tw-scrollbar-thumb: color-mix(in srgb, #000 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-scrollbar-thumb: color-mix(in oklab, var(--color-black) 20%, transparent);
        }
        scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
      }
    }
  }
  .hover\:rounded-lg {
    &:hover {
      @media (hover: hover) {
        border-radius: var(--radius);
      }
    }
  }
  .hover\:border {
    &:hover {
      @media (hover: hover) {
        border-style: var(--tw-border-style);
        border-width: 1px;
      }
    }
  }
  .hover\:\!border-transparent {
    &:hover {
      @media (hover: hover) {
        border-color: transparent !important;
      }
    }
  }
  .hover\:\!border-white\/20 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #fff 20%, transparent) !important;
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 20%, transparent) !important;
        }
      }
    }
  }
  .hover\:border-\[\#39ff14\]\/30 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #39ff14 30%, transparent);
      }
    }
  }
  .hover\:border-\[\#2563EB\]\/25 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #2563EB 25%, transparent);
      }
    }
  }
  .hover\:border-\[\#C2622B\]\/40 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #C2622B 40%, transparent);
      }
    }
  }
  .hover\:border-\[\#C2622B\]\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #C2622B 50%, transparent);
      }
    }
  }
  .hover\:border-\[\#DA4E24\]\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #DA4E24 50%, transparent);
      }
    }
  }
  .hover\:border-\[\#FF6B5B\]\/20 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #FF6B5B 20%, transparent);
      }
    }
  }
  .hover\:border-\[--crm-rose\]\/40 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in oklab, --crm-rose 40%, transparent);
      }
    }
  }
  .hover\:border-\[oklch\(0\.7_0\.32_330\)\/0\.3\] {
    &:hover {
      @media (hover: hover) {
        border-color: oklch(0.7 0.32 330)/0.3;
      }
    }
  }
  .hover\:border-\[rgba\(218\,78\,36\,0\.3\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: rgba(218,78,36,0.3);
      }
    }
  }
  .hover\:border-\[rgba\(255\,69\,58\,0\.4\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: rgba(255,69,58,0.4);
      }
    }
  }
  .hover\:border-\[rgba\(255\,69\,58\,0\.25\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: rgba(255,69,58,0.25);
      }
    }
  }
  .hover\:border-\[rgba\(255\,255\,255\,0\.2\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: rgba(255,255,255,0.2);
      }
    }
  }
  .hover\:border-\[rgba\(255\,255\,255\,0\.3\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: rgba(255,255,255,0.3);
      }
    }
  }
  .hover\:border-\[rgba\(255\,255\,255\,0\.4\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: rgba(255,255,255,0.4);
      }
    }
  }
  .hover\:border-\[rgba\(255\,255\,255\,0\.08\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: rgba(255,255,255,0.08);
      }
    }
  }
  .hover\:border-\[rgba\(255\,255\,255\,0\.12\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: rgba(255,255,255,0.12);
      }
    }
  }
  .hover\:border-\[rgba\(255\,255\,255\,0\.14\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: rgba(255,255,255,0.14);
      }
    }
  }
  .hover\:border-\[rgba\(255\,255\,255\,0\.15\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: rgba(255,255,255,0.15);
      }
    }
  }
  .hover\:border-\[rgba\(255\,255\,255\,0\.18\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: rgba(255,255,255,0.18);
      }
    }
  }
  .hover\:border-\[rgba\(255\,255\,255\,0\.20\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: rgba(255,255,255,0.20);
      }
    }
  }
  .hover\:border-\[rgba\(255\,255\,255\,0\.25\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: rgba(255,255,255,0.25);
      }
    }
  }
  .hover\:border-\[var\(--mono-strong\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--mono-strong);
      }
    }
  }
  .hover\:border-accent-foreground\/20 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--accent-foreground);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--accent-foreground) 20%, transparent);
        }
      }
    }
  }
  .hover\:border-accent\/40 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--accent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--accent) 40%, transparent);
        }
      }
    }
  }
  .hover\:border-amber-500\/40 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent);
        }
      }
    }
  }
  .hover\:border-amber-700\/40 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(55.5% 0.163 48.998) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-amber-700) 40%, transparent);
        }
      }
    }
  }
  .hover\:border-blue-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-blue-500);
      }
    }
  }
  .hover\:border-border {
    &:hover {
      @media (hover: hover) {
        border-color: var(--border);
      }
    }
  }
  .hover\:border-border\/25 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--border);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--border) 25%, transparent);
        }
      }
    }
  }
  .hover\:border-border\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--border);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--border) 50%, transparent);
        }
      }
    }
  }
  .hover\:border-border\/70 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--border);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--border) 70%, transparent);
        }
      }
    }
  }
  .hover\:border-border\/80 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--border);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--border) 80%, transparent);
        }
      }
    }
  }
  .hover\:border-border\/\[0\.1\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--border);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--border) 10%, transparent);
        }
      }
    }
  }
  .hover\:border-border\/\[0\.12\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--border);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--border) 12%, transparent);
        }
      }
    }
  }
  .hover\:border-cyan-500\/30 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-cyan-500) 30%, transparent);
        }
      }
    }
  }
  .hover\:border-cyan-500\/40 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-cyan-500) 40%, transparent);
        }
      }
    }
  }
  .hover\:border-cyan-500\/70 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 70%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-cyan-500) 70%, transparent);
        }
      }
    }
  }
  .hover\:border-destructive\/32 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--destructive) 32%, transparent);
        }
      }
    }
  }
  .hover\:border-destructive\/40 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
        }
      }
    }
  }
  .hover\:border-foreground {
    &:hover {
      @media (hover: hover) {
        border-color: var(--foreground);
      }
    }
  }
  .hover\:border-foreground\/20 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--foreground);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--foreground) 20%, transparent);
        }
      }
    }
  }
  .hover\:border-foreground\/25 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--foreground);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--foreground) 25%, transparent);
        }
      }
    }
  }
  .hover\:border-foreground\/30 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--foreground);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--foreground) 30%, transparent);
        }
      }
    }
  }
  .hover\:border-foreground\/40 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--foreground);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--foreground) 40%, transparent);
        }
      }
    }
  }
  .hover\:border-foreground\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--foreground);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--foreground) 50%, transparent);
        }
      }
    }
  }
  .hover\:border-foreground\/80 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--foreground);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--foreground) 80%, transparent);
        }
      }
    }
  }
  .hover\:border-foreground\/\[0\.16\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--foreground);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--foreground) 16%, transparent);
        }
      }
    }
  }
  .hover\:border-gray-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-gray-300);
      }
    }
  }
  .hover\:border-gray-300\/90 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(87.2% 0.01 258.338) 90%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-gray-300) 90%, transparent);
        }
      }
    }
  }
  .hover\:border-gray-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-gray-400);
      }
    }
  }
  .hover\:border-indigo-500\/30 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-indigo-500) 30%, transparent);
        }
      }
    }
  }
  .hover\:border-muted-foreground\/40 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--muted-foreground);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
        }
      }
    }
  }
  .hover\:border-neutral-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-neutral-200);
      }
    }
  }
  .hover\:border-neutral-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-neutral-500);
      }
    }
  }
  .hover\:border-neutral-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-neutral-600);
      }
    }
  }
  .hover\:border-neutral-700 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-neutral-700);
      }
    }
  }
  .hover\:border-orange-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-orange-300);
      }
    }
  }
  .hover\:border-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--primary);
      }
    }
  }
  .hover\:border-primary-foreground\/40 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--primary-foreground);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--primary-foreground) 40%, transparent);
        }
      }
    }
  }
  .hover\:border-primary\/30 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--primary) 30%, transparent);
        }
      }
    }
  }
  .hover\:border-primary\/40 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--primary) 40%, transparent);
        }
      }
    }
  }
  .hover\:border-primary\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--primary) 50%, transparent);
        }
      }
    }
  }
  .hover\:border-red-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-red-200);
      }
    }
  }
  .hover\:border-red-400\/25 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 25%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-red-400) 25%, transparent);
        }
      }
    }
  }
  .hover\:border-red-500\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-red-500) 50%, transparent);
        }
      }
    }
  }
  .hover\:border-ring {
    &:hover {
      @media (hover: hover) {
        border-color: var(--ring);
      }
    }
  }
  .hover\:border-sky-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-sky-200);
      }
    }
  }
  .hover\:border-slate-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-slate-300);
      }
    }
  }
  .hover\:border-slate-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-slate-600);
      }
    }
  }
  .hover\:border-stone-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-stone-300);
      }
    }
  }
  .hover\:border-stone-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-stone-400);
      }
    }
  }
  .hover\:border-teal-400\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(77.7% 0.152 181.912) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-teal-400) 50%, transparent);
        }
      }
    }
  }
  .hover\:border-transparent\/0 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in oklab, transparent 0%, transparent);
      }
    }
  }
  .hover\:border-violet-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-violet-300);
      }
    }
  }
  .hover\:border-white {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-white);
      }
    }
  }
  .hover\:border-white\/10 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #fff 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
      }
    }
  }
  .hover\:border-white\/15 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #fff 15%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
        }
      }
    }
  }
  .hover\:border-white\/16 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #fff 16%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 16%, transparent);
        }
      }
    }
  }
  .hover\:border-white\/20 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #fff 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
        }
      }
    }
  }
  .hover\:border-white\/30 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #fff 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
        }
      }
    }
  }
  .hover\:border-white\/35 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #fff 35%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 35%, transparent);
        }
      }
    }
  }
  .hover\:border-white\/40 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #fff 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 40%, transparent);
        }
      }
    }
  }
  .hover\:border-white\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #fff 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
        }
      }
    }
  }
  .hover\:border-white\/55 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #fff 55%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 55%, transparent);
        }
      }
    }
  }
  .hover\:border-white\/\[0\.1\] {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #fff 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
      }
    }
  }
  .hover\:border-white\/\[0\.2\] {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #fff 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
        }
      }
    }
  }
  .hover\:border-white\/\[0\.05\] {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #fff 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
        }
      }
    }
  }
  .hover\:border-white\/\[0\.08\] {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #fff 8%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 8%, transparent);
        }
      }
    }
  }
  .hover\:border-white\/\[0\.10\] {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #fff 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
      }
    }
  }
  .hover\:border-white\/\[0\.12\] {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #fff 12%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 12%, transparent);
        }
      }
    }
  }
  .hover\:border-white\/\[0\.14\] {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #fff 14.000000000000002%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 14.000000000000002%, transparent);
        }
      }
    }
  }
  .hover\:border-white\/\[0\.15\] {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #fff 15%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
        }
      }
    }
  }
  .hover\:border-white\/\[0\.16\] {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #fff 16%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 16%, transparent);
        }
      }
    }
  }
  .hover\:border-white\/\[0\.18\] {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #fff 18%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 18%, transparent);
        }
      }
    }
  }
  .hover\:border-white\/\[0\.20\] {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #fff 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
        }
      }
    }
  }
  .hover\:border-white\/\[0\.22\] {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #fff 22%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 22%, transparent);
        }
      }
    }
  }
  .hover\:border-zinc-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-zinc-100);
      }
    }
  }
  .hover\:border-zinc-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-zinc-300);
      }
    }
  }
  .hover\:border-zinc-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-zinc-500);
      }
    }
  }
  .hover\:border-zinc-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-zinc-600);
      }
    }
  }
  .hover\:border-zinc-700 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-zinc-700);
      }
    }
  }
  .hover\:\!bg-accent {
    &:hover {
      @media (hover: hover) {
        background-color: var(--accent) !important;
      }
    }
  }
  .hover\:bg-\[\#2E3033\] {
    &:hover {
      @media (hover: hover) {
        background-color: #2E3033;
      }
    }
  }
  .hover\:bg-\[\#2c2c2c\] {
    &:hover {
      @media (hover: hover) {
        background-color: #2c2c2c;
      }
    }
  }
  .hover\:bg-\[\#3A3A40\] {
    &:hover {
      @media (hover: hover) {
        background-color: #3A3A40;
      }
    }
  }
  .hover\:bg-\[\#4A2D18\] {
    &:hover {
      @media (hover: hover) {
        background-color: #4A2D18;
      }
    }
  }
  .hover\:bg-\[\#8fe6b0\] {
    &:hover {
      @media (hover: hover) {
        background-color: #8fe6b0;
      }
    }
  }
  .hover\:bg-\[\#13EEE3\] {
    &:hover {
      @media (hover: hover) {
        background-color: #13EEE3;
      }
    }
  }
  .hover\:bg-\[\#16a34a\] {
    &:hover {
      @media (hover: hover) {
        background-color: #16a34a;
      }
    }
  }
  .hover\:bg-\[\#39ff14\]\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, #39ff14 20%, transparent);
      }
    }
  }
  .hover\:bg-\[\#39ff14\]\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, #39ff14 90%, transparent);
      }
    }
  }
  .hover\:bg-\[\#39ff14\]\/\[0\.03\] {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, #39ff14 3%, transparent);
      }
    }
  }
  .hover\:bg-\[\#16161a\]\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, #16161a 90%, transparent);
      }
    }
  }
  .hover\:bg-\[\#111111d1\] {
    &:hover {
      @media (hover: hover) {
        background-color: #111111d1;
      }
    }
  }
  .hover\:bg-\[\#11111136\] {
    &:hover {
      @media (hover: hover) {
        background-color: #11111136;
      }
    }
  }
  .hover\:bg-\[\#DA4E24\]\/5 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, #DA4E24 5%, transparent);
      }
    }
  }
  .hover\:bg-\[\#DA4E24\]\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, #DA4E24 90%, transparent);
      }
    }
  }
  .hover\:bg-\[\#E8622C\] {
    &:hover {
      @media (hover: hover) {
        background-color: #E8622C;
      }
    }
  }
  .hover\:bg-\[\#F5E8D8\] {
    &:hover {
      @media (hover: hover) {
        background-color: #F5E8D8;
      }
    }
  }
  .hover\:bg-\[\#F5F0E8\]\/\[0\.02\] {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, #F5F0E8 2%, transparent);
      }
    }
  }
  .hover\:bg-\[\#F5F0E8\]\/\[0\.03\] {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, #F5F0E8 3%, transparent);
      }
    }
  }
  .hover\:bg-\[\#FDF6EE\] {
    &:hover {
      @media (hover: hover) {
        background-color: #FDF6EE;
      }
    }
  }
  .hover\:bg-\[\#b01030\] {
    &:hover {
      @media (hover: hover) {
        background-color: #b01030;
      }
    }
  }
  .hover\:bg-\[\#c4441f\] {
    &:hover {
      @media (hover: hover) {
        background-color: #c4441f;
      }
    }
  }
  .hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--secondary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklch,var(--secondary),var(--foreground) 5%);
        }
      }
    }
  }
  .hover\:bg-\[oklch\(0\.65_0\.32_330\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: oklch(0.65 0.32 330);
      }
    }
  }
  .hover\:bg-\[rgba\(52\,199\,89\,0\.2\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: rgba(52,199,89,0.2);
      }
    }
  }
  .hover\:bg-\[rgba\(52\,199\,89\,0\.15\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: rgba(52,199,89,0.15);
      }
    }
  }
  .hover\:bg-\[rgba\(218\,78\,36\,0\.2\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: rgba(218,78,36,0.2);
      }
    }
  }
  .hover\:bg-\[rgba\(218\,78\,36\,0\.15\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: rgba(218,78,36,0.15);
      }
    }
  }
  .hover\:bg-\[rgba\(248\,113\,113\,0\.08\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: rgba(248,113,113,0.08);
      }
    }
  }
  .hover\:bg-\[rgba\(255\,0\,0\,0\.05\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: rgba(255,0,0,0.05);
      }
    }
  }
  .hover\:bg-\[rgba\(255\,69\,58\,0\.1\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: rgba(255,69,58,0.1);
      }
    }
  }
  .hover\:bg-\[rgba\(255\,69\,58\,0\.2\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: rgba(255,69,58,0.2);
      }
    }
  }
  .hover\:bg-\[rgba\(255\,69\,58\,0\.15\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: rgba(255,69,58,0.15);
      }
    }
  }
  .hover\:bg-\[rgba\(255\,137\,24\,0\.2\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: rgba(255,137,24,0.2);
      }
    }
  }
  .hover\:bg-\[rgba\(255\,255\,255\,0\.1\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: rgba(255,255,255,0.1);
      }
    }
  }
  .hover\:bg-\[rgba\(255\,255\,255\,0\.02\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: rgba(255,255,255,0.02);
      }
    }
  }
  .hover\:bg-\[rgba\(255\,255\,255\,0\.03\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: rgba(255,255,255,0.03);
      }
    }
  }
  .hover\:bg-\[rgba\(255\,255\,255\,0\.04\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: rgba(255,255,255,0.04);
      }
    }
  }
  .hover\:bg-\[rgba\(255\,255\,255\,0\.4\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: rgba(255,255,255,0.4);
      }
    }
  }
  .hover\:bg-\[rgba\(255\,255\,255\,0\.05\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: rgba(255,255,255,0.05);
      }
    }
  }
  .hover\:bg-\[rgba\(255\,255\,255\,0\.06\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: rgba(255,255,255,0.06);
      }
    }
  }
  .hover\:bg-\[rgba\(255\,255\,255\,0\.08\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: rgba(255,255,255,0.08);
      }
    }
  }
  .hover\:bg-\[rgba\(255\,255\,255\,0\.9\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: rgba(255,255,255,0.9);
      }
    }
  }
  .hover\:bg-\[rgba\(255\,255\,255\,0\.12\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: rgba(255,255,255,0.12);
      }
    }
  }
  .hover\:bg-\[var\(--color-muted\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-muted);
      }
    }
  }
  .hover\:bg-\[var\(--mono-hover\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--mono-hover);
      }
    }
  }
  .hover\:bg-accent {
    &:hover {
      @media (hover: hover) {
        background-color: var(--accent);
      }
    }
  }
  .hover\:bg-accent\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--accent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--accent) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-accent\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--accent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--accent) 20%, transparent);
        }
      }
    }
  }
  .hover\:bg-accent\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--accent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--accent) 40%, transparent);
        }
      }
    }
  }
  .hover\:bg-accent\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--accent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--accent) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-accent\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--accent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--accent) 60%, transparent);
        }
      }
    }
  }
  .hover\:bg-accent\/70 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--accent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--accent) 70%, transparent);
        }
      }
    }
  }
  .hover\:bg-accent\/75 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--accent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--accent) 75%, transparent);
        }
      }
    }
  }
  .hover\:bg-accent\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--accent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--accent) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-accent\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--accent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--accent) 90%, transparent);
        }
      }
    }
  }
  .hover\:bg-amber-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-100);
      }
    }
  }
  .hover\:bg-amber-100\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(96.2% 0.059 95.617) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-amber-100) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-amber-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-200);
      }
    }
  }
  .hover\:bg-amber-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-400);
      }
    }
  }
  .hover\:bg-amber-500\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-amber-500\/15 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 15%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent);
        }
      }
    }
  }
  .hover\:bg-amber-500\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
        }
      }
    }
  }
  .hover\:bg-amber-500\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 90%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-amber-500) 90%, transparent);
        }
      }
    }
  }
  .hover\:bg-amber-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-600);
      }
    }
  }
  .hover\:bg-amber-600\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(66.6% 0.179 58.318) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-amber-600) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-background {
    &:hover {
      @media (hover: hover) {
        background-color: var(--background);
      }
    }
  }
  .hover\:bg-background\/5 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--background);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--background) 5%, transparent);
        }
      }
    }
  }
  .hover\:bg-background\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--background);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--background) 60%, transparent);
        }
      }
    }
  }
  .hover\:bg-black {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-black);
      }
    }
  }
  .hover\:bg-black\/5 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #000 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
        }
      }
    }
  }
  .hover\:bg-black\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #000 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-black\/15 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #000 15%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 15%, transparent);
        }
      }
    }
  }
  .hover\:bg-black\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #000 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
        }
      }
    }
  }
  .hover\:bg-black\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #000 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
        }
      }
    }
  }
  .hover\:bg-black\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #000 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-black\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #000 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
        }
      }
    }
  }
  .hover\:bg-black\/65 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #000 65%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 65%, transparent);
        }
      }
    }
  }
  .hover\:bg-black\/70 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #000 70%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
        }
      }
    }
  }
  .hover\:bg-black\/75 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #000 75%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 75%, transparent);
        }
      }
    }
  }
  .hover\:bg-black\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #000 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-black\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #000 90%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 90%, transparent);
        }
      }
    }
  }
  .hover\:bg-blue-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-50);
      }
    }
  }
  .hover\:bg-blue-100\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(93.2% 0.032 255.585) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-blue-100) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-blue-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-200);
      }
    }
  }
  .hover\:bg-blue-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-400);
      }
    }
  }
  .hover\:bg-blue-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-500);
      }
    }
  }
  .hover\:bg-blue-500\/0 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 0%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-blue-500) 0%, transparent);
        }
      }
    }
  }
  .hover\:bg-blue-500\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-blue-500\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
        }
      }
    }
  }
  .hover\:bg-blue-500\/25 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 25%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-blue-500) 25%, transparent);
        }
      }
    }
  }
  .hover\:bg-blue-500\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 90%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-blue-500) 90%, transparent);
        }
      }
    }
  }
  .hover\:bg-blue-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-600);
      }
    }
  }
  .hover\:bg-blue-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-700);
      }
    }
  }
  .hover\:bg-card {
    &:hover {
      @media (hover: hover) {
        background-color: var(--card);
      }
    }
  }
  .hover\:bg-card\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--card);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--card) 60%, transparent);
        }
      }
    }
  }
  .hover\:bg-card\/70 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--card);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--card) 70%, transparent);
        }
      }
    }
  }
  .hover\:bg-card\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--card);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--card) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-card\/\[0\.06\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--card);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--card) 6%, transparent);
        }
      }
    }
  }
  .hover\:bg-cyan-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-cyan-300);
      }
    }
  }
  .hover\:bg-cyan-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-cyan-400);
      }
    }
  }
  .hover\:bg-cyan-500\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-cyan-500) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-destructive {
    &:hover {
      @media (hover: hover) {
        background-color: var(--destructive);
      }
    }
  }
  .hover\:bg-destructive\/4 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--destructive) 4%, transparent);
        }
      }
    }
  }
  .hover\:bg-destructive\/5 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--destructive) 5%, transparent);
        }
      }
    }
  }
  .hover\:bg-destructive\/8 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--destructive) 8%, transparent);
        }
      }
    }
  }
  .hover\:bg-destructive\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-destructive\/15 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--destructive) 15%, transparent);
        }
      }
    }
  }
  .hover\:bg-destructive\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
        }
      }
    }
  }
  .hover\:bg-destructive\/20\! {
    &:hover {
      @media (hover: hover) {
        background-color: var(--destructive) !important;
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--destructive) 20%, transparent) !important;
        }
      }
    }
  }
  .hover\:bg-destructive\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
        }
      }
    }
  }
  .hover\:bg-emerald-100\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(95% 0.052 163.051) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-emerald-100) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-emerald-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-300);
      }
    }
  }
  .hover\:bg-emerald-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-400);
      }
    }
  }
  .hover\:bg-emerald-400\/\[0\.16\] {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 16%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-emerald-400) 16%, transparent);
        }
      }
    }
  }
  .hover\:bg-emerald-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-500);
      }
    }
  }
  .hover\:bg-emerald-500\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
        }
      }
    }
  }
  .hover\:bg-emerald-500\/25 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 25%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-emerald-500) 25%, transparent);
        }
      }
    }
  }
  .hover\:bg-emerald-500\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
        }
      }
    }
  }
  .hover\:bg-emerald-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-600);
      }
    }
  }
  .hover\:bg-emerald-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-800);
      }
    }
  }
  .hover\:bg-foreground {
    &:hover {
      @media (hover: hover) {
        background-color: var(--foreground);
      }
    }
  }
  .hover\:bg-foreground\/5 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--foreground);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--foreground) 5%, transparent);
        }
      }
    }
  }
  .hover\:bg-foreground\/6 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--foreground);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--foreground) 6%, transparent);
        }
      }
    }
  }
  .hover\:bg-foreground\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--foreground);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-foreground\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--foreground);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--foreground) 20%, transparent);
        }
      }
    }
  }
  .hover\:bg-foreground\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--foreground);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--foreground) 90%, transparent);
        }
      }
    }
  }
  .hover\:bg-foreground\/\[0\.04\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--foreground);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--foreground) 4%, transparent);
        }
      }
    }
  }
  .hover\:bg-foreground\/\[0\.06\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--foreground);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--foreground) 6%, transparent);
        }
      }
    }
  }
  .hover\:bg-foreground\/\[0\.08\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--foreground);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--foreground) 8%, transparent);
        }
      }
    }
  }
  .hover\:bg-foreground\/\[0\.10\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--foreground);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-fuchsia-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-fuchsia-400);
      }
    }
  }
  .hover\:bg-gray-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-50);
      }
    }
  }
  .hover\:bg-gray-50\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-gray-50) 60%, transparent);
        }
      }
    }
  }
  .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-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-500);
      }
    }
  }
  .hover\:bg-gray-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-600);
      }
    }
  }
  .hover\:bg-gray-600\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(44.6% 0.03 256.802) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-gray-600) 30%, 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-green-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green-200);
      }
    }
  }
  .hover\:bg-green-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green-400);
      }
    }
  }
  .hover\:bg-green-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green-500);
      }
    }
  }
  .hover\:bg-green-500\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-green-500\/25 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 25%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-green-500) 25%, transparent);
        }
      }
    }
  }
  .hover\:bg-green-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green-600);
      }
    }
  }
  .hover\:bg-green-600\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(62.7% 0.194 149.214) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-green-600) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-green-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green-700);
      }
    }
  }
  .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-100\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(93% 0.034 272.788) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-indigo-100) 10%, transparent);
        }
      }
    }
  }
  .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-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-indigo-600);
      }
    }
  }
  .hover\:bg-indigo-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-indigo-700);
      }
    }
  }
  .hover\:bg-input\/50\! {
    &:hover {
      @media (hover: hover) {
        background-color: var(--input) !important;
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--input) 50%, transparent) !important;
        }
      }
    }
  }
  .hover\:bg-muted {
    &:hover {
      @media (hover: hover) {
        background-color: var(--muted);
      }
    }
  }
  .hover\:bg-muted-foreground\/15 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--muted-foreground);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--muted-foreground) 15%, transparent);
        }
      }
    }
  }
  .hover\:bg-muted-foreground\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--muted-foreground);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
        }
      }
    }
  }
  .hover\:bg-muted\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--muted);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--muted) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-muted\/15 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--muted);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--muted) 15%, transparent);
        }
      }
    }
  }
  .hover\:bg-muted\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--muted);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--muted) 20%, transparent);
        }
      }
    }
  }
  .hover\:bg-muted\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--muted);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--muted) 30%, transparent);
        }
      }
    }
  }
  .hover\:bg-muted\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--muted);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--muted) 40%, transparent);
        }
      }
    }
  }
  .hover\:bg-muted\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--muted);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--muted) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-muted\/50\! {
    &:hover {
      @media (hover: hover) {
        background-color: var(--muted) !important;
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--muted) 50%, transparent) !important;
        }
      }
    }
  }
  .hover\:bg-muted\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--muted);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--muted) 60%, transparent);
        }
      }
    }
  }
  .hover\:bg-muted\/70 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--muted);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--muted) 70%, transparent);
        }
      }
    }
  }
  .hover\:bg-muted\/72 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--muted);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--muted) 72%, transparent);
        }
      }
    }
  }
  .hover\:bg-muted\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--muted);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--muted) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-muted\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--muted);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--muted) 90%, transparent);
        }
      }
    }
  }
  .hover\:bg-neutral-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral-50);
      }
    }
  }
  .hover\:bg-neutral-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral-100);
      }
    }
  }
  .hover\:bg-neutral-100\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(97% 0 0) 90%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-neutral-100) 90%, transparent);
        }
      }
    }
  }
  .hover\:bg-neutral-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral-200);
      }
    }
  }
  .hover\:bg-neutral-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral-300);
      }
    }
  }
  .hover\:bg-neutral-400\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(70.8% 0 0) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-neutral-400) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-neutral-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral-700);
      }
    }
  }
  .hover\:bg-neutral-700\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(37.1% 0 0) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-neutral-700) 60%, transparent);
        }
      }
    }
  }
  .hover\:bg-neutral-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral-800);
      }
    }
  }
  .hover\:bg-neutral-950\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(14.5% 0 0) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-neutral-950) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-orange-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-orange-50);
      }
    }
  }
  .hover\:bg-orange-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-orange-600);
      }
    }
  }
  .hover\:bg-orange-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-orange-700);
      }
    }
  }
  .hover\:bg-pink-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-pink-400);
      }
    }
  }
  .hover\:bg-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--primary);
      }
    }
  }
  .hover\:bg-primary-foreground\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--primary-foreground);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--primary-foreground) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-primary-foreground\/15 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--primary-foreground);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--primary-foreground) 15%, transparent);
        }
      }
    }
  }
  .hover\:bg-primary-foreground\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--primary-foreground);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--primary-foreground) 90%, transparent);
        }
      }
    }
  }
  .hover\:bg-primary\/5 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--primary) 5%, transparent);
        }
      }
    }
  }
  .hover\:bg-primary\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--primary) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-primary\/15 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--primary) 15%, transparent);
        }
      }
    }
  }
  .hover\:bg-primary\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--primary) 20%, transparent);
        }
      }
    }
  }
  .hover\:bg-primary\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--primary) 30%, transparent);
        }
      }
    }
  }
  .hover\:bg-primary\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--primary) 40%, transparent);
        }
      }
    }
  }
  .hover\:bg-primary\/70 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--primary) 70%, transparent);
        }
      }
    }
  }
  .hover\:bg-primary\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--primary) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-primary\/80\! {
    &:hover {
      @media (hover: hover) {
        background-color: var(--primary) !important;
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--primary) 80%, transparent) !important;
        }
      }
    }
  }
  .hover\:bg-primary\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--primary) 90%, transparent);
        }
      }
    }
  }
  .hover\:bg-purple-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-purple-400);
      }
    }
  }
  .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-red-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-50);
      }
    }
  }
  .hover\:bg-red-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-100);
      }
    }
  }
  .hover\:bg-red-100\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(93.6% 0.032 17.717) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-red-100) 80%, transparent);
        }
      }
    }
  }
  .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-500\/5 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-red-500) 5%, transparent);
        }
      }
    }
  }
  .hover\:bg-red-500\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-red-500\/15 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 15%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-red-500) 15%, transparent);
        }
      }
    }
  }
  .hover\:bg-red-500\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
        }
      }
    }
  }
  .hover\:bg-red-500\/25 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 25%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-red-500) 25%, transparent);
        }
      }
    }
  }
  .hover\:bg-red-500\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
        }
      }
    }
  }
  .hover\:bg-red-500\/\[0\.08\] {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 8%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-red-500) 8%, transparent);
        }
      }
    }
  }
  .hover\:bg-red-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-600);
      }
    }
  }
  .hover\:bg-red-600\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 90%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-red-600) 90%, transparent);
        }
      }
    }
  }
  .hover\:bg-red-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-700);
      }
    }
  }
  .hover\:bg-rose-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-rose-50);
      }
    }
  }
  .hover\:bg-rose-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-rose-400);
      }
    }
  }
  .hover\:bg-rose-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-rose-500);
      }
    }
  }
  .hover\:bg-rose-500\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-rose-500\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 90%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-rose-500) 90%, transparent);
        }
      }
    }
  }
  .hover\:bg-rose-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-rose-600);
      }
    }
  }
  .hover\:bg-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--secondary);
      }
    }
  }
  .hover\:bg-secondary\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--secondary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--secondary) 20%, transparent);
        }
      }
    }
  }
  .hover\:bg-secondary\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--secondary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--secondary) 30%, transparent);
        }
      }
    }
  }
  .hover\:bg-secondary\/70 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--secondary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--secondary) 70%, transparent);
        }
      }
    }
  }
  .hover\:bg-secondary\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--secondary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-secondary\/80\! {
    &:hover {
      @media (hover: hover) {
        background-color: var(--secondary) !important;
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--secondary) 80%, transparent) !important;
        }
      }
    }
  }
  .hover\:bg-secondary\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--secondary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--secondary) 90%, transparent);
        }
      }
    }
  }
  .hover\:bg-secondary\/\[0\.1\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--secondary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--secondary) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-secondary\/\[0\.04\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--secondary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--secondary) 4%, transparent);
        }
      }
    }
  }
  .hover\:bg-secondary\/\[0\.08\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--secondary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--secondary) 8%, transparent);
        }
      }
    }
  }
  .hover\:bg-secondary\/\[0\.10\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--secondary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--secondary) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-sidebar-accent {
    &:hover {
      @media (hover: hover) {
        background-color: var(--sidebar-accent);
      }
    }
  }
  .hover\:bg-sidebar-accent\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--sidebar-accent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--sidebar-accent) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-sidebar-accent\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--sidebar-accent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--sidebar-accent) 60%, transparent);
        }
      }
    }
  }
  .hover\:bg-sky-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-sky-400);
      }
    }
  }
  .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-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-200);
      }
    }
  }
  .hover\:bg-slate-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-300);
      }
    }
  }
  .hover\:bg-slate-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-700);
      }
    }
  }
  .hover\:bg-slate-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-800);
      }
    }
  }
  .hover\:bg-slate-900 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-900);
      }
    }
  }
  .hover\:bg-slate-900\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-slate-900) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-slate-950\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-slate-950) 60%, transparent);
        }
      }
    }
  }
  .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-700\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(37.4% 0.01 67.558) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-stone-700) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-stone-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-stone-800);
      }
    }
  }
  .hover\:bg-stone-800\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(26.8% 0.007 34.298) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-stone-800) 40%, transparent);
        }
      }
    }
  }
  .hover\:bg-stone-800\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(26.8% 0.007 34.298) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-stone-800) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-stone-800\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(26.8% 0.007 34.298) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-stone-800) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-transparent {
    &:hover {
      @media (hover: hover) {
        background-color: transparent;
      }
    }
  }
  .hover\:bg-transparent\! {
    &:hover {
      @media (hover: hover) {
        background-color: transparent !important;
      }
    }
  }
  .hover\:bg-violet-50\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(96.9% 0.016 293.756) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-violet-50) 40%, transparent);
        }
      }
    }
  }
  .hover\:bg-violet-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-violet-500);
      }
    }
  }
  .hover\:bg-violet-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-violet-700);
      }
    }
  }
  .hover\:bg-white {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-white);
      }
    }
  }
  .hover\:bg-white\! {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-white) !important;
      }
    }
  }
  .hover\:bg-white\/4 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 4%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/5 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/6 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 6%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/8 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 8%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/15 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 15%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/25 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 25%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 30%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 40%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/45 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 45%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 45%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/70 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 70%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/85 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 85%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 85%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 90%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/\[0\.1\] {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/\[0\.02\] {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 2%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 2%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/\[0\.03\] {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 3%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/\[0\.04\] {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 4%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/\[0\.05\] {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/\[0\.06\] {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 6%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/\[0\.07\] {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 7.000000000000001%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 7.000000000000001%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/\[0\.08\] {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 8%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/\[0\.09\] {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 9%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 9%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/\[0\.10\] {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/\[0\.12\] {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 12%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 12%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/\[0\.015\] {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 1.5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 1.5%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/\[0\.15\] {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 15%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/\[0\.16\] {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 16%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 16%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/\[0\.025\] {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 2.5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 2.5%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/\[0\.045\] {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 4.5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 4.5%, transparent);
        }
      }
    }
  }
  .hover\:bg-yellow-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-yellow-400);
      }
    }
  }
  .hover\:bg-yellow-400\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-yellow-400) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-yellow-500\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-yellow-500\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent);
        }
      }
    }
  }
  .hover\:bg-yellow-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-yellow-600);
      }
    }
  }
  .hover\:bg-zinc-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-zinc-50);
      }
    }
  }
  .hover\:bg-zinc-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-zinc-100);
      }
    }
  }
  .hover\:bg-zinc-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-zinc-200);
      }
    }
  }
  .hover\:bg-zinc-200\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(92% 0.004 286.32) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-zinc-200) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-zinc-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-zinc-400);
      }
    }
  }
  .hover\:bg-zinc-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-zinc-700);
      }
    }
  }
  .hover\:bg-zinc-700\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(37% 0.013 285.805) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-zinc-700) 60%, transparent);
        }
      }
    }
  }
  .hover\:bg-zinc-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-zinc-800);
      }
    }
  }
  .hover\:bg-zinc-900 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-zinc-900);
      }
    }
  }
  .hover\:bg-zinc-900\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(21% 0.006 285.885) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-zinc-900) 60%, transparent);
        }
      }
    }
  }
  .hover\:bg-zinc-900\/70 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(21% 0.006 285.885) 70%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-zinc-900) 70%, transparent);
        }
      }
    }
  }
  .hover\:bg-linear-to-r {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-position: to right;
        @supports (background-image: linear-gradient(in lab, red, red)) {
          --tw-gradient-position: to right in oklab;
        }
        background-image: linear-gradient(var(--tw-gradient-stops));
      }
    }
  }
  .hover\:bg-gradient-to-b {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-position: to bottom in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops));
      }
    }
  }
  .hover\:bg-gradient-to-r {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-position: to right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops));
      }
    }
  }
  .hover\:bg-gradient-to-t {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-position: to top in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops));
      }
    }
  }
  .hover\:from-blue-500\/5 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: color-mix(in srgb, oklch(62.3% 0.214 259.815) 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-from: color-mix(in oklab, var(--color-blue-500) 5%, 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));
      }
    }
  }
  .hover\:from-blue-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-blue-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-fuchsia-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-fuchsia-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-gray-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-gray-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));
      }
    }
  }
  .hover\:from-indigo-400\/70 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: color-mix(in srgb, oklch(67.3% 0.182 276.935) 70%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-from: color-mix(in oklab, var(--color-indigo-400) 70%, 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));
      }
    }
  }
  .hover\:from-neutral-50\/40 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: color-mix(in srgb, oklch(98.5% 0 0) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-from: color-mix(in oklab, var(--color-neutral-50) 40%, 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));
      }
    }
  }
  .hover\:from-neutral-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-neutral-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));
      }
    }
  }
  .hover\:from-neutral-200 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-neutral-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));
      }
    }
  }
  .hover\:from-neutral-200\/40 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: color-mix(in srgb, oklch(92.2% 0 0) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-from: color-mix(in oklab, var(--color-neutral-200) 40%, 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));
      }
    }
  }
  .hover\:from-neutral-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-neutral-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-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-primary\/90 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-from: color-mix(in oklab, var(--primary) 90%, 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));
      }
    }
  }
  .hover\:from-red-400\/70 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: color-mix(in srgb, oklch(70.4% 0.191 22.216) 70%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-from: color-mix(in oklab, var(--color-red-400) 70%, 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));
      }
    }
  }
  .hover\:from-stone-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-stone-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));
      }
    }
  }
  .hover\:from-white\/\[0\.06\] {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: color-mix(in srgb, #fff 6%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-from: color-mix(in oklab, var(--color-white) 6%, 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));
      }
    }
  }
  .hover\:from-white\/\[0\.08\] {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: color-mix(in srgb, #fff 8%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-from: color-mix(in oklab, var(--color-white) 8%, 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));
      }
    }
  }
  .hover\:from-white\/\[0\.09\] {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: color-mix(in srgb, #fff 9%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-from: color-mix(in oklab, var(--color-white) 9%, 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));
      }
    }
  }
  .hover\:to-gray-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-gray-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-indigo-600\/70 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: color-mix(in srgb, oklch(51.1% 0.262 276.966) 70%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-to: color-mix(in oklab, var(--color-indigo-600) 70%, 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));
      }
    }
  }
  .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-neutral-100\/30 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: color-mix(in srgb, oklch(97% 0 0) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-to: color-mix(in oklab, var(--color-neutral-100) 30%, 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));
      }
    }
  }
  .hover\:to-neutral-300 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-neutral-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));
      }
    }
  }
  .hover\:to-neutral-300\/60 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: color-mix(in srgb, oklch(87% 0 0) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-to: color-mix(in oklab, var(--color-neutral-300) 60%, 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));
      }
    }
  }
  .hover\:to-neutral-800 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-neutral-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));
      }
    }
  }
  .hover\:to-neutral-800\/70 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: color-mix(in srgb, oklch(26.9% 0 0) 70%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-to: color-mix(in oklab, var(--color-neutral-800) 70%, 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));
      }
    }
  }
  .hover\:to-primary\/70 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-to: color-mix(in oklab, var(--primary) 70%, 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));
      }
    }
  }
  .hover\:to-purple-500\/5 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: color-mix(in srgb, oklch(62.7% 0.265 303.9) 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-to: color-mix(in oklab, var(--color-purple-500) 5%, 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));
      }
    }
  }
  .hover\:to-purple-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: 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\:to-red-600\/70 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: color-mix(in srgb, oklch(57.7% 0.245 27.325) 70%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-to: color-mix(in oklab, var(--color-red-600) 70%, 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));
      }
    }
  }
  .hover\:to-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-violet-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-violet-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-white\/\[0\.02\] {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: color-mix(in srgb, #fff 2%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-to: color-mix(in oklab, var(--color-white) 2%, 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));
      }
    }
  }
  .hover\:to-white\/\[0\.03\] {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: color-mix(in srgb, #fff 3%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-to: color-mix(in oklab, var(--color-white) 3%, 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));
      }
    }
  }
  .hover\:bg-top-right {
    &:hover {
      @media (hover: hover) {
        background-position: right top;
      }
    }
  }
  .hover\:fill-\[\#2d3436\] {
    &:hover {
      @media (hover: hover) {
        fill: #2d3436;
      }
    }
  }
  .hover\:stroke-\[\#13EEE3\]\/70 {
    &:hover {
      @media (hover: hover) {
        stroke: color-mix(in oklab, #13EEE3 70%, transparent);
      }
    }
  }
  .hover\:pl-3 {
    &:hover {
      @media (hover: hover) {
        padding-left: calc(var(--spacing) * 3);
      }
    }
  }
  .hover\:pl-6 {
    &:hover {
      @media (hover: hover) {
        padding-left: calc(var(--spacing) * 6);
      }
    }
  }
  .hover\:font-medium {
    &:hover {
      @media (hover: hover) {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
      }
    }
  }
  .hover\:font-semibold {
    &:hover {
      @media (hover: hover) {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
      }
    }
  }
  .hover\:\!text-accent-foreground {
    &:hover {
      @media (hover: hover) {
        color: var(--accent-foreground) !important;
      }
    }
  }
  .hover\:text-\[\#2C1A0E\] {
    &:hover {
      @media (hover: hover) {
        color: #2C1A0E;
      }
    }
  }
  .hover\:text-\[\#6B4C35\] {
    &:hover {
      @media (hover: hover) {
        color: #6B4C35;
      }
    }
  }
  .hover\:text-\[\#8b8676\] {
    &:hover {
      @media (hover: hover) {
        color: #8b8676;
      }
    }
  }
  .hover\:text-\[\#9B7A5E\] {
    &:hover {
      @media (hover: hover) {
        color: #9B7A5E;
      }
    }
  }
  .hover\:text-\[\#16a34a\] {
    &:hover {
      @media (hover: hover) {
        color: #16a34a;
      }
    }
  }
  .hover\:text-\[\#D1D5DB\] {
    &:hover {
      @media (hover: hover) {
        color: #D1D5DB;
      }
    }
  }
  .hover\:text-\[\#DA4E24\] {
    &:hover {
      @media (hover: hover) {
        color: #DA4E24;
      }
    }
  }
  .hover\:text-\[\#E8C29A\] {
    &:hover {
      @media (hover: hover) {
        color: #E8C29A;
      }
    }
  }
  .hover\:text-\[\#E58A6E\] {
    &:hover {
      @media (hover: hover) {
        color: #E58A6E;
      }
    }
  }
  .hover\:text-\[\#E8622C\] {
    &:hover {
      @media (hover: hover) {
        color: #E8622C;
      }
    }
  }
  .hover\:text-\[\#F5EFE6\] {
    &:hover {
      @media (hover: hover) {
        color: #F5EFE6;
      }
    }
  }
  .hover\:text-\[\#F5F0E8\] {
    &:hover {
      @media (hover: hover) {
        color: #F5F0E8;
      }
    }
  }
  .hover\:text-\[\#FF453A\] {
    &:hover {
      @media (hover: hover) {
        color: #FF453A;
      }
    }
  }
  .hover\:text-\[\#f1ebdc\] {
    &:hover {
      @media (hover: hover) {
        color: #f1ebdc;
      }
    }
  }
  .hover\:text-\[--crm-rose\] {
    &:hover {
      @media (hover: hover) {
        color: --crm-rose;
      }
    }
  }
  .hover\:text-\[rgba\(255\,255\,255\,0\.5\)\] {
    &:hover {
      @media (hover: hover) {
        color: rgba(255,255,255,0.5);
      }
    }
  }
  .hover\:text-\[rgba\(255\,255\,255\,0\.6\)\] {
    &:hover {
      @media (hover: hover) {
        color: rgba(255,255,255,0.6);
      }
    }
  }
  .hover\:text-\[rgba\(255\,255\,255\,0\.7\)\] {
    &:hover {
      @media (hover: hover) {
        color: rgba(255,255,255,0.7);
      }
    }
  }
  .hover\:text-\[rgba\(255\,255\,255\,0\.8\)\] {
    &:hover {
      @media (hover: hover) {
        color: rgba(255,255,255,0.8);
      }
    }
  }
  .hover\:text-\[rgba\(255\,255\,255\,0\.65\)\] {
    &:hover {
      @media (hover: hover) {
        color: rgba(255,255,255,0.65);
      }
    }
  }
  .hover\:text-\[rgba\(255\,255\,255\,0\.80\)\] {
    &:hover {
      @media (hover: hover) {
        color: rgba(255,255,255,0.80);
      }
    }
  }
  .hover\:text-\[rgba\(255\,255\,255\,0\.85\)\] {
    &:hover {
      @media (hover: hover) {
        color: rgba(255,255,255,0.85);
      }
    }
  }
  .hover\:text-\[var\(--mono-ink\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--mono-ink);
      }
    }
  }
  .hover\:text-\[var\(--mono-ink-2\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--mono-ink-2);
      }
    }
  }
  .hover\:text-accent-foreground {
    &:hover {
      @media (hover: hover) {
        color: var(--accent-foreground);
      }
    }
  }
  .hover\:text-amber-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-amber-300);
      }
    }
  }
  .hover\:text-amber-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-amber-400);
      }
    }
  }
  .hover\:text-amber-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-amber-500);
      }
    }
  }
  .hover\:text-background {
    &:hover {
      @media (hover: hover) {
        color: var(--background);
      }
    }
  }
  .hover\:text-background\/80 {
    &:hover {
      @media (hover: hover) {
        color: var(--background);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--background) 80%, transparent);
        }
      }
    }
  }
  .hover\:text-black {
    &:hover {
      @media (hover: hover) {
        color: var(--color-black);
      }
    }
  }
  .hover\:text-blue-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-300);
      }
    }
  }
  .hover\:text-blue-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-400);
      }
    }
  }
  .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-blue-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-700);
      }
    }
  }
  .hover\:text-blue-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-800);
      }
    }
  }
  .hover\:text-card-foreground\/70 {
    &:hover {
      @media (hover: hover) {
        color: var(--card-foreground);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--card-foreground) 70%, transparent);
        }
      }
    }
  }
  .hover\:text-cyan-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-cyan-200);
      }
    }
  }
  .hover\:text-cyan-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-cyan-300);
      }
    }
  }
  .hover\:text-cyan-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-cyan-400);
      }
    }
  }
  .hover\:text-destructive {
    &:hover {
      @media (hover: hover) {
        color: var(--destructive);
      }
    }
  }
  .hover\:text-emerald-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-emerald-300);
      }
    }
  }
  .hover\:text-foreground {
    &:hover {
      @media (hover: hover) {
        color: var(--foreground);
      }
    }
  }
  .hover\:text-foreground\/80 {
    &:hover {
      @media (hover: hover) {
        color: var(--foreground);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--foreground) 80%, transparent);
        }
      }
    }
  }
  .hover\:text-gray-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-300);
      }
    }
  }
  .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-green-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-green-500);
      }
    }
  }
  .hover\:text-green-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-green-900);
      }
    }
  }
  .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-muted-foreground {
    &:hover {
      @media (hover: hover) {
        color: var(--muted-foreground);
      }
    }
  }
  .hover\:text-neutral-50 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-neutral-50);
      }
    }
  }
  .hover\:text-neutral-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-neutral-100);
      }
    }
  }
  .hover\:text-neutral-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-neutral-200);
      }
    }
  }
  .hover\:text-neutral-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-neutral-300);
      }
    }
  }
  .hover\:text-neutral-300\/60 {
    &:hover {
      @media (hover: hover) {
        color: color-mix(in srgb, oklch(87% 0 0) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-neutral-300) 60%, transparent);
        }
      }
    }
  }
  .hover\:text-neutral-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-neutral-600);
      }
    }
  }
  .hover\:text-neutral-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-neutral-800);
      }
    }
  }
  .hover\:text-neutral-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-neutral-900);
      }
    }
  }
  .hover\:text-orange-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-orange-500);
      }
    }
  }
  .hover\:text-orange-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-orange-600);
      }
    }
  }
  .hover\:text-primary {
    &:hover {
      @media (hover: hover) {
        color: var(--primary);
      }
    }
  }
  .hover\:text-primary-foreground {
    &:hover {
      @media (hover: hover) {
        color: var(--primary-foreground);
      }
    }
  }
  .hover\:text-primary\/80 {
    &:hover {
      @media (hover: hover) {
        color: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--primary) 80%, transparent);
        }
      }
    }
  }
  .hover\:text-primary\/90 {
    &:hover {
      @media (hover: hover) {
        color: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--primary) 90%, transparent);
        }
      }
    }
  }
  .hover\:text-red-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-100);
      }
    }
  }
  .hover\:text-red-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-300);
      }
    }
  }
  .hover\:text-red-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-400);
      }
    }
  }
  .hover\:text-red-400\/80 {
    &:hover {
      @media (hover: hover) {
        color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-red-400) 80%, transparent);
        }
      }
    }
  }
  .hover\:text-red-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-500);
      }
    }
  }
  .hover\:text-red-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-600);
      }
    }
  }
  .hover\:text-red-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-700);
      }
    }
  }
  .hover\:text-rose-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-rose-300);
      }
    }
  }
  .hover\:text-rose-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-rose-400);
      }
    }
  }
  .hover\:text-sidebar-accent-foreground {
    &:hover {
      @media (hover: hover) {
        color: var(--sidebar-accent-foreground);
      }
    }
  }
  .hover\:text-slate-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-100);
      }
    }
  }
  .hover\:text-slate-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-200);
      }
    }
  }
  .hover\:text-slate-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-300);
      }
    }
  }
  .hover\:text-slate-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-400);
      }
    }
  }
  .hover\:text-slate-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-600);
      }
    }
  }
  .hover\:text-slate-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-900);
      }
    }
  }
  .hover\:text-stone-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-stone-100);
      }
    }
  }
  .hover\:text-stone-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-stone-200);
      }
    }
  }
  .hover\:text-stone-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-stone-600);
      }
    }
  }
  .hover\:text-stone-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-stone-700);
      }
    }
  }
  .hover\:text-stone-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-stone-800);
      }
    }
  }
  .hover\:text-stone-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-stone-900);
      }
    }
  }
  .hover\:text-teal-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-teal-700);
      }
    }
  }
  .hover\:text-violet-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-violet-300);
      }
    }
  }
  .hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .hover\:text-white\/50 {
    &:hover {
      @media (hover: hover) {
        color: color-mix(in srgb, #fff 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-white) 50%, transparent);
        }
      }
    }
  }
  .hover\:text-white\/60 {
    &:hover {
      @media (hover: hover) {
        color: color-mix(in srgb, #fff 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-white) 60%, transparent);
        }
      }
    }
  }
  .hover\:text-white\/65 {
    &:hover {
      @media (hover: hover) {
        color: color-mix(in srgb, #fff 65%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-white) 65%, transparent);
        }
      }
    }
  }
  .hover\:text-white\/70 {
    &:hover {
      @media (hover: hover) {
        color: color-mix(in srgb, #fff 70%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-white) 70%, transparent);
        }
      }
    }
  }
  .hover\:text-white\/75 {
    &:hover {
      @media (hover: hover) {
        color: color-mix(in srgb, #fff 75%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-white) 75%, transparent);
        }
      }
    }
  }
  .hover\:text-white\/80 {
    &:hover {
      @media (hover: hover) {
        color: color-mix(in srgb, #fff 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-white) 80%, transparent);
        }
      }
    }
  }
  .hover\:text-white\/85 {
    &:hover {
      @media (hover: hover) {
        color: color-mix(in srgb, #fff 85%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-white) 85%, transparent);
        }
      }
    }
  }
  .hover\:text-white\/90 {
    &:hover {
      @media (hover: hover) {
        color: color-mix(in srgb, #fff 90%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-white) 90%, transparent);
        }
      }
    }
  }
  .hover\:text-zinc-50 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-zinc-50);
      }
    }
  }
  .hover\:text-zinc-100 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-zinc-100);
      }
    }
  }
  .hover\:text-zinc-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-zinc-200);
      }
    }
  }
  .hover\:text-zinc-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-zinc-300);
      }
    }
  }
  .hover\:text-zinc-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-zinc-400);
      }
    }
  }
  .hover\:text-zinc-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-zinc-600);
      }
    }
  }
  .hover\:text-zinc-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-zinc-800);
      }
    }
  }
  .hover\:text-zinc-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-zinc-900);
      }
    }
  }
  .hover\:text-zinc-950 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-zinc-950);
      }
    }
  }
  .hover\:no-underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: none;
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .hover\:decoration-foreground {
    &:hover {
      @media (hover: hover) {
        text-decoration-color: var(--foreground);
      }
    }
  }
  .hover\:underline-offset-4 {
    &:hover {
      @media (hover: hover) {
        text-underline-offset: 4px;
      }
    }
  }
  .hover\:opacity-60 {
    &:hover {
      @media (hover: hover) {
        opacity: 60%;
      }
    }
  }
  .hover\:opacity-65 {
    &:hover {
      @media (hover: hover) {
        opacity: 65%;
      }
    }
  }
  .hover\:opacity-70 {
    &:hover {
      @media (hover: hover) {
        opacity: 70%;
      }
    }
  }
  .hover\:opacity-75 {
    &:hover {
      @media (hover: hover) {
        opacity: 75%;
      }
    }
  }
  .hover\:opacity-80 {
    &:hover {
      @media (hover: hover) {
        opacity: 80%;
      }
    }
  }
  .hover\:opacity-85 {
    &:hover {
      @media (hover: hover) {
        opacity: 85%;
      }
    }
  }
  .hover\:opacity-90 {
    &:hover {
      @media (hover: hover) {
        opacity: 90%;
      }
    }
  }
  .hover\:opacity-100 {
    &:hover {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .hover\:shadow {
    &: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-2xl {
    &:hover {
      @media (hover: hover) {
        --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);
      }
    }
  }
  .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-accent)));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-\[0_0_0_1px_var\(--sidebar-accent\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-accent));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-\[0_1\.5px_1px_0px_rgb\(163_163_163\/0\.06\)\,0_0_0\.5px_1px_rgb\(163_163_163\/0\.1\)\,inset_0_0\.5px_1px_0\.5px_rgb\(255_255_255\/0\.5\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 1.5px 1px 0px var(--tw-shadow-color, rgb(163 163 163/0.06)), 0 0 0.5px 1px var(--tw-shadow-color, rgb(163 163 163/0.1)), inset 0 0.5px 1px 0.5px var(--tw-shadow-color, rgb(255 255 255/0.5));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-\[0_1px_0_rgba\(255\,255\,255\,0\.10\)\,0_16px_40px_rgba\(0\,0\,0\,0\.40\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.10)), 0 16px 40px var(--tw-shadow-color, rgba(0,0,0,0.40));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-\[0_2px_8px_rgba\(0\,0\,0\,0\.12\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 2px 8px var(--tw-shadow-color, rgba(0,0,0,0.12));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-\[0_8px_30px_rgb\(0\,0\,0\,0\.12\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 8px 30px var(--tw-shadow-color, rgb(0,0,0,0.12));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-\[0px_2px_4px_-1px_color-mix\(in_oklab\,var\(--foreground\)_10\%\,transparent\)\,0px_8px_16px_-4px_color-mix\(in_oklab\,var\(--foreground\)_8\%\,transparent\)\,0px_16px_32px_-8px_color-mix\(in_oklab\,var\(--foreground\)_6\%\,transparent\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0px 2px 4px -1px var(--tw-shadow-color, var(--foreground)), 0px 8px 16px -4px var(--tw-shadow-color, var(--foreground)), 0px 16px 32px -8px var(--tw-shadow-color, var(--foreground));
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow: 0px 2px 4px -1px var(--tw-shadow-color, color-mix(in oklab,var(--foreground) 10%,transparent)), 0px 8px 16px -4px var(--tw-shadow-color, color-mix(in oklab,var(--foreground) 8%,transparent)), 0px 16px 32px -8px var(--tw-shadow-color, color-mix(in oklab,var(--foreground) 6%,transparent));
        }
        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-\[6px_6px_0px_0px_rgba\(0\,0\,0\,0\.9\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 6px 6px 0px 0px var(--tw-shadow-color, rgba(0,0,0,0.9));
        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-\[8px_8px_0px_0px_rgba\(0\,0\,0\,0\.9\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 8px 8px 0px 0px var(--tw-shadow-color, rgba(0,0,0,0.9));
        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-\[8px_8px_16px_\#1a1a1a\,-8px_-8px_16px_\#404040\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 8px 8px 16px var(--tw-shadow-color, #1a1a1a), -8px -8px 16px var(--tw-shadow-color, #404040);
        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-\[8px_8px_16px_\#bebebe\,-8px_-8px_16px_\#ffffff\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 8px 8px 16px var(--tw-shadow-color, #bebebe), -8px -8px 16px var(--tw-shadow-color, #ffffff);
        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-\[12px_12px_20px_\#bebebe\,-12px_-12px_20px_\#ffffff\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 12px 12px 20px var(--tw-shadow-color, #bebebe), -12px -12px 20px var(--tw-shadow-color, #ffffff);
        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-\[inset_0_-5px_10px_\#8fdfff3f\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: inset 0 -5px 10px var(--tw-shadow-color, #8fdfff3f);
        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-\[var\(--color-text-primary\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: var(--color-text-primary);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-lg {
    &:hover {
      @media (hover: hover) {
        --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);
      }
    }
  }
  .hover\:shadow-md {
    &:hover {
      @media (hover: hover) {
        --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);
      }
    }
  }
  .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-xl {
    &:hover {
      @media (hover: hover) {
        --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);
      }
    }
  }
  .hover\:ring-2 {
    &:hover {
      @media (hover: hover) {
        --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);
      }
    }
  }
  .hover\:ring-3 {
    &:hover {
      @media (hover: hover) {
        --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);
      }
    }
  }
  .hover\:shadow-accent\/20 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: var(--accent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--accent) 20%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-black\/10 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, #000 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 10%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-black\/20 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, #000 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-black\/30 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, #000 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 30%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-black\/40 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, #000 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 40%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-indigo-500\/5 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-500) 5%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-indigo-500\/30 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-primary\/5 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--primary) 5%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-primary\/10 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--primary) 10%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-primary\/30 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--primary) 30%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-primary\/40 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--primary) 40%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-primary\/50 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--primary) 50%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:ring-background {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--background);
      }
    }
  }
  .hover\:ring-foreground {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--foreground);
      }
    }
  }
  .hover\:ring-primary {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--primary);
      }
    }
  }
  .hover\:ring-ring {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--ring);
      }
    }
  }
  .hover\:ring-white\/25 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: color-mix(in srgb, #fff 25%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--color-white) 25%, transparent);
        }
      }
    }
  }
  .hover\:ring-white\/30 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: color-mix(in srgb, #fff 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--color-white) 30%, transparent);
        }
      }
    }
  }
  .hover\:ring-white\/\[0\.12\] {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: color-mix(in srgb, #fff 12%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--color-white) 12%, transparent);
        }
      }
    }
  }
  .hover\:ring-white\/\[0\.16\] {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: color-mix(in srgb, #fff 16%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--color-white) 16%, transparent);
        }
      }
    }
  }
  .hover\:ring-white\/\[0\.25\] {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: color-mix(in srgb, #fff 25%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--color-white) 25%, transparent);
        }
      }
    }
  }
  .hover\:brightness-105 {
    &:hover {
      @media (hover: hover) {
        --tw-brightness: brightness(105%);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
      }
    }
  }
  .hover\:brightness-110 {
    &:hover {
      @media (hover: hover) {
        --tw-brightness: brightness(110%);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
      }
    }
  }
  .hover\:brightness-112 {
    &:hover {
      @media (hover: hover) {
        --tw-brightness: brightness(112%);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
      }
    }
  }
  .hover\:brightness-120 {
    &:hover {
      @media (hover: hover) {
        --tw-brightness: brightness(120%);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
      }
    }
  }
  .hover\:brightness-\[0\.98\] {
    &:hover {
      @media (hover: hover) {
        --tw-brightness: brightness(0.98);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
      }
    }
  }
  .hover\:grayscale-0 {
    &:hover {
      @media (hover: hover) {
        --tw-grayscale: grayscale(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,);
      }
    }
  }
  .hover\:saturate-100 {
    &:hover {
      @media (hover: hover) {
        --tw-saturate: saturate(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,);
      }
    }
  }
  .hover\:\[animation-play-state\:paused\] {
    &:hover {
      @media (hover: hover) {
        animation-play-state: paused;
      }
    }
  }
  .not-in-data-selected\:hover\:bg-accent {
    &:not(:where(*:where([data-selected="true"])) *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--accent);
        }
      }
    }
  }
  .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar {
    &:hover {
      @media (hover: hover) {
        &:is(:where(.group)[data-collapsible="offcanvas"] *) {
          background-color: var(--sidebar);
        }
      }
    }
  }
  .group-data-\[variant\=default\]\/accordion\:hover\:underline {
    &:is(:where(.group\/accordion)[data-variant="default"] *) {
      &:hover {
        @media (hover: hover) {
          text-decoration-line: underline;
        }
      }
    }
  }
  .group-data-\[variant\=ghost\]\/accordion\:hover\:bg-muted\/50 {
    &:is(:where(.group\/accordion)[data-variant="ghost"] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--muted);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--muted) 50%, transparent);
          }
        }
      }
    }
  }
  .group-data-\[variant\=outline\]\/accordion\:hover\:bg-muted\/50 {
    &:is(:where(.group\/accordion)[data-variant="outline"] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--muted);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--muted) 50%, transparent);
          }
        }
      }
    }
  }
  .group-\[\.outside\]\:hover\:bg-zinc-100 {
    &:is(:where(.group):is(.outside) *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-zinc-100);
        }
      }
    }
  }
  .hover\:before\:left-0 {
    &:hover {
      @media (hover: hover) {
        &::before {
          content: var(--tw-content);
          left: calc(var(--spacing) * 0);
        }
      }
    }
  }
  .hover\:before\:translate-x-full {
    &:hover {
      @media (hover: hover) {
        &::before {
          content: var(--tw-content);
          --tw-translate-x: 100%;
          translate: var(--tw-translate-x) var(--tw-translate-y);
        }
      }
    }
  }
  .hover\:before\:opacity-100 {
    &:hover {
      @media (hover: hover) {
        &::before {
          content: var(--tw-content);
          opacity: 100%;
        }
      }
    }
  }
  .hover\:after\:bg-sidebar-border {
    &:hover {
      @media (hover: hover) {
        &::after {
          content: var(--tw-content);
          background-color: var(--sidebar-border);
        }
      }
    }
  }
  .hover\:after\:opacity-100 {
    &:hover {
      @media (hover: hover) {
        &::after {
          content: var(--tw-content);
          opacity: 100%;
        }
      }
    }
  }
  .focus\:z-1 {
    &:focus {
      z-index: 1;
    }
  }
  .focus\:z-10 {
    &:focus {
      z-index: 10;
    }
  }
  .focus\:scale-95 {
    &:focus {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .focus\:scroll-auto {
    &:focus {
      scroll-behavior: auto;
    }
  }
  .focus\:border {
    &:focus {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .focus\:border-y-4 {
    &:focus {
      border-block-style: var(--tw-border-style);
      border-block-width: 4px;
    }
  }
  .focus\:border-dashed {
    &:focus {
      --tw-border-style: dashed;
      border-style: dashed;
    }
  }
  .focus\:border-\[\#DA4E24\] {
    &:focus {
      border-color: #DA4E24;
    }
  }
  .focus\:border-\[\#DA4E24\]\/50 {
    &:focus {
      border-color: color-mix(in oklab, #DA4E24 50%, transparent);
    }
  }
  .focus\:border-\[rgba\(218\,78\,36\,0\.4\)\] {
    &:focus {
      border-color: rgba(218,78,36,0.4);
    }
  }
  .focus\:border-\[rgba\(255\,255\,255\,0\.2\)\] {
    &:focus {
      border-color: rgba(255,255,255,0.2);
    }
  }
  .focus\:border-\[rgba\(255\,255\,255\,0\.3\)\] {
    &:focus {
      border-color: rgba(255,255,255,0.3);
    }
  }
  .focus\:border-\[rgba\(255\,255\,255\,0\.15\)\] {
    &:focus {
      border-color: rgba(255,255,255,0.15);
    }
  }
  .focus\:border-amber-500 {
    &:focus {
      border-color: var(--color-amber-500);
    }
  }
  .focus\:border-black\/20 {
    &:focus {
      border-color: color-mix(in srgb, #000 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
      }
    }
  }
  .focus\:border-blue-400 {
    &:focus {
      border-color: var(--color-blue-400);
    }
  }
  .focus\:border-blue-500 {
    &:focus {
      border-color: var(--color-blue-500);
    }
  }
  .focus\:border-blue-500\/40 {
    &:focus {
      border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-blue-500) 40%, transparent);
      }
    }
  }
  .focus\:border-cyan-500\/60 {
    &:focus {
      border-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-cyan-500) 60%, transparent);
      }
    }
  }
  .focus\:border-foreground {
    &:focus {
      border-color: var(--foreground);
    }
  }
  .focus\:border-foreground\/30 {
    &:focus {
      border-color: var(--foreground);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--foreground) 30%, transparent);
      }
    }
  }
  .focus\:border-foreground\/40 {
    &:focus {
      border-color: var(--foreground);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--foreground) 40%, transparent);
      }
    }
  }
  .focus\:border-foreground\/\[0\.18\] {
    &:focus {
      border-color: var(--foreground);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--foreground) 18%, transparent);
      }
    }
  }
  .focus\:border-gray-100 {
    &:focus {
      border-color: var(--color-gray-100);
    }
  }
  .focus\:border-gray-400 {
    &:focus {
      border-color: var(--color-gray-400);
    }
  }
  .focus\:border-gray-500 {
    &:focus {
      border-color: var(--color-gray-500);
    }
  }
  .focus\:border-gray-800 {
    &:focus {
      border-color: var(--color-gray-800);
    }
  }
  .focus\:border-gray-900 {
    &:focus {
      border-color: var(--color-gray-900);
    }
  }
  .focus\:border-indigo-500 {
    &:focus {
      border-color: var(--color-indigo-500);
    }
  }
  .focus\:border-indigo-600 {
    &:focus {
      border-color: var(--color-indigo-600);
    }
  }
  .focus\:border-neutral-400 {
    &:focus {
      border-color: var(--color-neutral-400);
    }
  }
  .focus\:border-neutral-500 {
    &:focus {
      border-color: var(--color-neutral-500);
    }
  }
  .focus\:border-orange-400 {
    &:focus {
      border-color: var(--color-orange-400);
    }
  }
  .focus\:border-orange-500 {
    &:focus {
      border-color: var(--color-orange-500);
    }
  }
  .focus\:border-primary {
    &:focus {
      border-color: var(--primary);
    }
  }
  .focus\:border-primary\/50 {
    &:focus {
      border-color: var(--primary);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--primary) 50%, transparent);
      }
    }
  }
  .focus\:border-primary\/60 {
    &:focus {
      border-color: var(--primary);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--primary) 60%, transparent);
      }
    }
  }
  .focus\:border-ring {
    &:focus {
      border-color: var(--ring);
    }
  }
  .focus\:border-rose-500 {
    &:focus {
      border-color: var(--color-rose-500);
    }
  }
  .focus\:border-teal-500\/60 {
    &:focus {
      border-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-teal-500) 60%, transparent);
      }
    }
  }
  .focus\:border-transparent {
    &:focus {
      border-color: transparent;
    }
  }
  .focus\:border-white\/20 {
    &:focus {
      border-color: color-mix(in srgb, #fff 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }
  }
  .focus\:border-white\/25 {
    &:focus {
      border-color: color-mix(in srgb, #fff 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
      }
    }
  }
  .focus\:border-white\/30 {
    &:focus {
      border-color: color-mix(in srgb, #fff 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
      }
    }
  }
  .focus\:border-white\/\[0\.18\] {
    &:focus {
      border-color: color-mix(in srgb, #fff 18%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 18%, transparent);
      }
    }
  }
  .focus\:border-white\/\[0\.25\] {
    &:focus {
      border-color: color-mix(in srgb, #fff 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
      }
    }
  }
  .focus\:border-white\/\[0\.28\] {
    &:focus {
      border-color: color-mix(in srgb, #fff 28.000000000000004%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 28.000000000000004%, transparent);
      }
    }
  }
  .focus\:border-zinc-300 {
    &:focus {
      border-color: var(--color-zinc-300);
    }
  }
  .focus\:bg-\[var\(--color-bg\)\] {
    &:focus {
      background-color: var(--color-bg);
    }
  }
  .focus\:bg-accent {
    &:focus {
      background-color: var(--accent);
    }
  }
  .focus\:bg-background {
    &:focus {
      background-color: var(--background);
    }
  }
  .focus\:bg-destructive\/10 {
    &:focus {
      background-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
      }
    }
  }
  .focus\:bg-gray-100 {
    &:focus {
      background-color: var(--color-gray-100);
    }
  }
  .focus\:bg-muted {
    &:focus {
      background-color: var(--muted);
    }
  }
  .focus\:bg-primary {
    &:focus {
      background-color: var(--primary);
    }
  }
  .focus\:bg-transparent {
    &:focus {
      background-color: transparent;
    }
  }
  .focus\:bg-white {
    &:focus {
      background-color: var(--color-white);
    }
  }
  .focus\:bg-white\/\[0\.06\] {
    &:focus {
      background-color: color-mix(in srgb, #fff 6%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
      }
    }
  }
  .focus\:bg-white\/\[0\.08\] {
    &:focus {
      background-color: color-mix(in srgb, #fff 8%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
      }
    }
  }
  .focus\:text-accent-foreground {
    &:focus {
      color: var(--accent-foreground);
    }
  }
  .focus\:text-destructive {
    &:focus {
      color: var(--destructive);
    }
  }
  .focus\:text-primary-foreground {
    &:focus {
      color: var(--primary-foreground);
    }
  }
  .focus\:underline {
    &:focus {
      text-decoration-line: underline;
    }
  }
  .focus\:opacity-100 {
    &:focus {
      opacity: 100%;
    }
  }
  .focus\:ring-0 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .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-4 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-\[\#C2622B\]\/50 {
    &:focus {
      --tw-ring-color: color-mix(in oklab, #C2622B 50%, transparent);
    }
  }
  .focus\:ring-\[\#DA4E24\]\/40 {
    &:focus {
      --tw-ring-color: color-mix(in oklab, #DA4E24 40%, transparent);
    }
  }
  .focus\:ring-\[--crm-rose\]\/50 {
    &:focus {
      --tw-ring-color: color-mix(in oklab, --crm-rose 50%, transparent);
    }
  }
  .focus\:ring-\[var\(--sp-amber\)\] {
    &:focus {
      --tw-ring-color: var(--sp-amber);
    }
  }
  .focus\:ring-amber-500\/50 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 50%, transparent);
      }
    }
  }
  .focus\:ring-blue-300 {
    &:focus {
      --tw-ring-color: var(--color-blue-300);
    }
  }
  .focus\:ring-blue-400 {
    &:focus {
      --tw-ring-color: var(--color-blue-400);
    }
  }
  .focus\:ring-blue-500 {
    &:focus {
      --tw-ring-color: var(--color-blue-500);
    }
  }
  .focus\:ring-blue-500\/50 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent);
      }
    }
  }
  .focus\:ring-blue-500\/60 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 60%, transparent);
      }
    }
  }
  .focus\:ring-cyan-500\/20 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);
      }
    }
  }
  .focus\:ring-cyan-500\/30 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-cyan-500) 30%, transparent);
      }
    }
  }
  .focus\:ring-destructive {
    &:focus {
      --tw-ring-color: var(--destructive);
    }
  }
  .focus\:ring-emerald-700 {
    &:focus {
      --tw-ring-color: var(--color-emerald-700);
    }
  }
  .focus\:ring-foreground\/10 {
    &:focus {
      --tw-ring-color: var(--foreground);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
      }
    }
  }
  .focus\:ring-gray-400 {
    &:focus {
      --tw-ring-color: var(--color-gray-400);
    }
  }
  .focus\:ring-gray-500 {
    &:focus {
      --tw-ring-color: var(--color-gray-500);
    }
  }
  .focus\:ring-gray-900 {
    &:focus {
      --tw-ring-color: var(--color-gray-900);
    }
  }
  .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\/20 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent);
      }
    }
  }
  .focus\:ring-indigo-500\/50 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-indigo-500) 50%, transparent);
      }
    }
  }
  .focus\:ring-indigo-500\/70 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-indigo-500) 70%, transparent);
      }
    }
  }
  .focus\:ring-indigo-600 {
    &:focus {
      --tw-ring-color: var(--color-indigo-600);
    }
  }
  .focus\:ring-orange-300\/50 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, oklch(83.7% 0.128 66.29) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-orange-300) 50%, transparent);
      }
    }
  }
  .focus\:ring-orange-500 {
    &:focus {
      --tw-ring-color: var(--color-orange-500);
    }
  }
  .focus\:ring-primary {
    &:focus {
      --tw-ring-color: var(--primary);
    }
  }
  .focus\:ring-primary\/20 {
    &:focus {
      --tw-ring-color: var(--primary);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--primary) 20%, transparent);
      }
    }
  }
  .focus\:ring-primary\/30 {
    &:focus {
      --tw-ring-color: var(--primary);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--primary) 30%, transparent);
      }
    }
  }
  .focus\:ring-primary\/40 {
    &:focus {
      --tw-ring-color: var(--primary);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--primary) 40%, transparent);
      }
    }
  }
  .focus\:ring-primary\/50 {
    &:focus {
      --tw-ring-color: var(--primary);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--primary) 50%, transparent);
      }
    }
  }
  .focus\:ring-red-300 {
    &:focus {
      --tw-ring-color: var(--color-red-300);
    }
  }
  .focus\:ring-red-500 {
    &:focus {
      --tw-ring-color: var(--color-red-500);
    }
  }
  .focus\:ring-ring {
    &:focus {
      --tw-ring-color: var(--ring);
    }
  }
  .focus\:ring-ring\/40 {
    &:focus {
      --tw-ring-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ring) 40%, transparent);
      }
    }
  }
  .focus\:ring-ring\/50 {
    &:focus {
      --tw-ring-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
      }
    }
  }
  .focus\:ring-rose-500 {
    &:focus {
      --tw-ring-color: var(--color-rose-500);
    }
  }
  .focus\:ring-secondary {
    &:focus {
      --tw-ring-color: var(--secondary);
    }
  }
  .focus\:ring-slate-400 {
    &:focus {
      --tw-ring-color: var(--color-slate-400);
    }
  }
  .focus\:ring-slate-700 {
    &:focus {
      --tw-ring-color: var(--color-slate-700);
    }
  }
  .focus\:ring-teal-500\/30 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-teal-500) 30%, transparent);
      }
    }
  }
  .focus\:ring-violet-400\/50 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-violet-400) 50%, transparent);
      }
    }
  }
  .focus\:ring-violet-500 {
    &:focus {
      --tw-ring-color: var(--color-violet-500);
    }
  }
  .focus\:ring-white {
    &:focus {
      --tw-ring-color: var(--color-white);
    }
  }
  .focus\:ring-white\/30 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, #fff 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-white) 30%, transparent);
      }
    }
  }
  .focus\:ring-white\/50 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, #fff 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-white) 50%, transparent);
      }
    }
  }
  .focus\:ring-white\/60 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, #fff 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-white) 60%, transparent);
      }
    }
  }
  .focus\:ring-yellow-500 {
    &:focus {
      --tw-ring-color: var(--color-yellow-500);
    }
  }
  .focus\:ring-zinc-300 {
    &:focus {
      --tw-ring-color: var(--color-zinc-300);
    }
  }
  .focus\:ring-zinc-400 {
    &:focus {
      --tw-ring-color: var(--color-zinc-400);
    }
  }
  .focus\:ring-zinc-500 {
    &:focus {
      --tw-ring-color: var(--color-zinc-500);
    }
  }
  .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-background {
    &:focus {
      --tw-ring-offset-color: var(--background);
    }
  }
  .focus\:ring-offset-gray-800 {
    &:focus {
      --tw-ring-offset-color: var(--color-gray-800);
    }
  }
  .focus\:ring-offset-slate-100 {
    &:focus {
      --tw-ring-offset-color: var(--color-slate-100);
    }
  }
  .focus\:ring-offset-slate-400 {
    &:focus {
      --tw-ring-offset-color: var(--color-slate-400);
    }
  }
  .focus\:ring-offset-white {
    &:focus {
      --tw-ring-offset-color: var(--color-white);
    }
  }
  .focus\:outline-hidden {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        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-blue-800 {
    &:focus {
      outline-color: var(--color-blue-800);
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .focus\:\*\*\:text-accent-foreground {
    &:focus {
      :is(& *) {
        color: var(--accent-foreground);
      }
    }
  }
  .not-data-\[variant\=destructive\]\:focus\:\*\*\:text-accent-foreground {
    &:not(*[data-variant="destructive"]) {
      &:focus {
        :is(& *) {
          color: var(--accent-foreground);
        }
      }
    }
  }
  .focus-visible\:relative {
    &:focus-visible {
      position: relative;
    }
  }
  .focus-visible\:z-1 {
    &:focus-visible {
      z-index: 1;
    }
  }
  .focus-visible\:z-10 {
    &:focus-visible {
      z-index: 10;
    }
  }
  .focus-visible\:rounded-md {
    &:focus-visible {
      border-radius: calc(var(--radius) * 0.8);
    }
  }
  .focus-visible\:rounded-sm {
    &:focus-visible {
      border-radius: calc(var(--radius) * 0.6);
    }
  }
  .focus-visible\:border {
    &:focus-visible {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .focus-visible\:border-blue-500 {
    &:focus-visible {
      border-color: var(--color-blue-500);
    }
  }
  .focus-visible\:border-destructive\/40 {
    &:focus-visible {
      border-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
      }
    }
  }
  .focus-visible\:border-indigo-500\/60 {
    &:focus-visible {
      border-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-indigo-500) 60%, transparent);
      }
    }
  }
  .focus-visible\:border-ring {
    &:focus-visible {
      border-color: var(--ring);
    }
  }
  .focus-visible\:border-zinc-900 {
    &:focus-visible {
      border-color: var(--color-zinc-900);
    }
  }
  .focus-visible\:bg-accent {
    &:focus-visible {
      background-color: var(--accent);
    }
  }
  .focus-visible\:bg-gray-100 {
    &:focus-visible {
      background-color: var(--color-gray-100);
    }
  }
  .focus-visible\:bg-muted {
    &:focus-visible {
      background-color: var(--muted);
    }
  }
  .focus-visible\:bg-muted\/40 {
    &:focus-visible {
      background-color: var(--muted);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--muted) 40%, transparent);
      }
    }
  }
  .focus-visible\:bg-transparent {
    &:focus-visible {
      background-color: transparent;
    }
  }
  .focus-visible\:bg-white\/4 {
    &:focus-visible {
      background-color: color-mix(in srgb, #fff 4%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
      }
    }
  }
  .focus-visible\:bg-none {
    &:focus-visible {
      background-image: none;
    }
  }
  .focus-visible\:text-\[\#F5F0E8\] {
    &:focus-visible {
      color: #F5F0E8;
    }
  }
  .focus-visible\:text-amber-500 {
    &:focus-visible {
      color: var(--color-amber-500);
    }
  }
  .focus-visible\:text-foreground {
    &:focus-visible {
      color: var(--foreground);
    }
  }
  .focus-visible\:no-underline {
    &:focus-visible {
      text-decoration-line: none;
    }
  }
  .focus-visible\:underline {
    &:focus-visible {
      text-decoration-line: underline;
    }
  }
  .focus-visible\:decoration-orange-500 {
    &:focus-visible {
      text-decoration-color: var(--color-orange-500);
    }
  }
  .focus-visible\:decoration-primary {
    &:focus-visible {
      text-decoration-color: var(--primary);
    }
  }
  .focus-visible\:underline-offset-4 {
    &:focus-visible {
      text-underline-offset: 4px;
    }
  }
  .focus-visible\:opacity-100 {
    &:focus-visible {
      opacity: 100%;
    }
  }
  .focus-visible\:ring-0 {
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus-visible\:ring-1 {
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus-visible\:ring-2 {
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus-visible\:ring-3 {
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus-visible\:ring-\[2px\] {
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus-visible\:ring-\[3px\] {
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus-visible\:ring-\[\#22c55e\]\/50 {
    &:focus-visible {
      --tw-ring-color: color-mix(in oklab, #22c55e 50%, transparent);
    }
  }
  .focus-visible\:ring-\[\#39ff14\]\/40 {
    &:focus-visible {
      --tw-ring-color: color-mix(in oklab, #39ff14 40%, transparent);
    }
  }
  .focus-visible\:ring-\[\#39ff14\]\/60 {
    &:focus-visible {
      --tw-ring-color: color-mix(in oklab, #39ff14 60%, transparent);
    }
  }
  .focus-visible\:ring-\[\#2563EB\]\/50 {
    &:focus-visible {
      --tw-ring-color: color-mix(in oklab, #2563EB 50%, transparent);
    }
  }
  .focus-visible\:ring-\[\#2563EB\]\/60 {
    &:focus-visible {
      --tw-ring-color: color-mix(in oklab, #2563EB 60%, transparent);
    }
  }
  .focus-visible\:ring-\[\#C2622B\]\/30 {
    &:focus-visible {
      --tw-ring-color: color-mix(in oklab, #C2622B 30%, transparent);
    }
  }
  .focus-visible\:ring-\[\#C2622B\]\/40 {
    &:focus-visible {
      --tw-ring-color: color-mix(in oklab, #C2622B 40%, transparent);
    }
  }
  .focus-visible\:ring-\[\#C2622B\]\/50 {
    &:focus-visible {
      --tw-ring-color: color-mix(in oklab, #C2622B 50%, transparent);
    }
  }
  .focus-visible\:ring-\[\#DC143C\]\/50 {
    &:focus-visible {
      --tw-ring-color: color-mix(in oklab, #DC143C 50%, transparent);
    }
  }
  .focus-visible\:ring-\[\#DC143C\]\/60 {
    &:focus-visible {
      --tw-ring-color: color-mix(in oklab, #DC143C 60%, transparent);
    }
  }
  .focus-visible\:ring-\[\#DC143C\]\/70 {
    &:focus-visible {
      --tw-ring-color: color-mix(in oklab, #DC143C 70%, transparent);
    }
  }
  .focus-visible\:ring-\[\#FF6B5B\]\/50 {
    &:focus-visible {
      --tw-ring-color: color-mix(in oklab, #FF6B5B 50%, transparent);
    }
  }
  .focus-visible\:ring-\[\#FF6B5B\]\/60 {
    &:focus-visible {
      --tw-ring-color: color-mix(in oklab, #FF6B5B 60%, transparent);
    }
  }
  .focus-visible\:ring-\[\#adfa1b\] {
    &:focus-visible {
      --tw-ring-color: #adfa1b;
    }
  }
  .focus-visible\:ring-\[oklch\(0\.7_0\.32_330\)\]\/50 {
    &:focus-visible {
      --tw-ring-color: color-mix(in oklab, oklch(0.7 0.32 330) 50%, transparent);
    }
  }
  .focus-visible\:ring-\[oklch\(0\.7_0\.32_330\)\]\/60 {
    &:focus-visible {
      --tw-ring-color: color-mix(in oklab, oklch(0.7 0.32 330) 60%, transparent);
    }
  }
  .focus-visible\:ring-\[var\(--mono-strong\)\] {
    &:focus-visible {
      --tw-ring-color: var(--mono-strong);
    }
  }
  .focus-visible\:ring-amber-400\/60 {
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-amber-400) 60%, transparent);
      }
    }
  }
  .focus-visible\:ring-amber-500 {
    &:focus-visible {
      --tw-ring-color: var(--color-amber-500);
    }
  }
  .focus-visible\:ring-amber-500\/40 {
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent);
      }
    }
  }
  .focus-visible\:ring-amber-500\/50 {
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 50%, transparent);
      }
    }
  }
  .focus-visible\:ring-amber-500\/60 {
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 60%, transparent);
      }
    }
  }
  .focus-visible\:ring-blue-300 {
    &:focus-visible {
      --tw-ring-color: var(--color-blue-300);
    }
  }
  .focus-visible\:ring-blue-500 {
    &:focus-visible {
      --tw-ring-color: var(--color-blue-500);
    }
  }
  .focus-visible\:ring-border {
    &:focus-visible {
      --tw-ring-color: var(--border);
    }
  }
  .focus-visible\:ring-current {
    &:focus-visible {
      --tw-ring-color: currentcolor;
    }
  }
  .focus-visible\:ring-cyan-500\/30 {
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-cyan-500) 30%, transparent);
      }
    }
  }
  .focus-visible\:ring-cyan-500\/50 {
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-cyan-500) 50%, transparent);
      }
    }
  }
  .focus-visible\:ring-cyan-500\/60 {
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-cyan-500) 60%, transparent);
      }
    }
  }
  .focus-visible\:ring-destructive\/20 {
    &:focus-visible {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
  }
  .focus-visible\:ring-destructive\/40 {
    &:focus-visible {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
      }
    }
  }
  .focus-visible\:ring-emerald-400 {
    &:focus-visible {
      --tw-ring-color: var(--color-emerald-400);
    }
  }
  .focus-visible\:ring-emerald-400\/50 {
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-emerald-400) 50%, transparent);
      }
    }
  }
  .focus-visible\:ring-emerald-500\/40 {
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent);
      }
    }
  }
  .focus-visible\:ring-emerald-500\/60 {
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 60%, transparent);
      }
    }
  }
  .focus-visible\:ring-foreground\/40 {
    &:focus-visible {
      --tw-ring-color: var(--foreground);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--foreground) 40%, transparent);
      }
    }
  }
  .focus-visible\:ring-foreground\/50 {
    &:focus-visible {
      --tw-ring-color: var(--foreground);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--foreground) 50%, transparent);
      }
    }
  }
  .focus-visible\:ring-gray-400 {
    &:focus-visible {
      --tw-ring-color: var(--color-gray-400);
    }
  }
  .focus-visible\:ring-gray-600 {
    &:focus-visible {
      --tw-ring-color: var(--color-gray-600);
    }
  }
  .focus-visible\:ring-indigo-500 {
    &:focus-visible {
      --tw-ring-color: var(--color-indigo-500);
    }
  }
  .focus-visible\:ring-indigo-500\/40 {
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-indigo-500) 40%, transparent);
      }
    }
  }
  .focus-visible\:ring-indigo-500\/60 {
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-indigo-500) 60%, transparent);
      }
    }
  }
  .focus-visible\:ring-neutral-400 {
    &:focus-visible {
      --tw-ring-color: var(--color-neutral-400);
    }
  }
  .focus-visible\:ring-neutral-950 {
    &:focus-visible {
      --tw-ring-color: var(--color-neutral-950);
    }
  }
  .focus-visible\:ring-orange-400 {
    &:focus-visible {
      --tw-ring-color: var(--color-orange-400);
    }
  }
  .focus-visible\:ring-primary {
    &:focus-visible {
      --tw-ring-color: var(--primary);
    }
  }
  .focus-visible\:ring-primary\/30 {
    &:focus-visible {
      --tw-ring-color: var(--primary);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--primary) 30%, transparent);
      }
    }
  }
  .focus-visible\:ring-primary\/40 {
    &:focus-visible {
      --tw-ring-color: var(--primary);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--primary) 40%, transparent);
      }
    }
  }
  .focus-visible\:ring-primary\/50 {
    &:focus-visible {
      --tw-ring-color: var(--primary);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--primary) 50%, transparent);
      }
    }
  }
  .focus-visible\:ring-primary\/60 {
    &:focus-visible {
      --tw-ring-color: var(--primary);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--primary) 60%, transparent);
      }
    }
  }
  .focus-visible\:ring-ring {
    &:focus-visible {
      --tw-ring-color: var(--ring);
    }
  }
  .focus-visible\:ring-ring\/20 {
    &:focus-visible {
      --tw-ring-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ring) 20%, transparent);
      }
    }
  }
  .focus-visible\:ring-ring\/24 {
    &:focus-visible {
      --tw-ring-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ring) 24%, transparent);
      }
    }
  }
  .focus-visible\:ring-ring\/50 {
    &:focus-visible {
      --tw-ring-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
      }
    }
  }
  .focus-visible\:ring-secondary {
    &:focus-visible {
      --tw-ring-color: var(--secondary);
    }
  }
  .focus-visible\:ring-violet-500 {
    &:focus-visible {
      --tw-ring-color: var(--color-violet-500);
    }
  }
  .focus-visible\:ring-violet-600 {
    &:focus-visible {
      --tw-ring-color: var(--color-violet-600);
    }
  }
  .focus-visible\:ring-white\/20 {
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, #fff 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }
  }
  .focus-visible\:ring-white\/30 {
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, #fff 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-white) 30%, transparent);
      }
    }
  }
  .focus-visible\:ring-white\/60 {
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, #fff 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-white) 60%, transparent);
      }
    }
  }
  .focus-visible\:ring-white\/70 {
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, #fff 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-white) 70%, transparent);
      }
    }
  }
  .focus-visible\:ring-zinc-400 {
    &:focus-visible {
      --tw-ring-color: var(--color-zinc-400);
    }
  }
  .focus-visible\:ring-zinc-500 {
    &:focus-visible {
      --tw-ring-color: var(--color-zinc-500);
    }
  }
  .focus-visible\:ring-offset-0 {
    &:focus-visible {
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .focus-visible\:ring-offset-1 {
    &:focus-visible {
      --tw-ring-offset-width: 1px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .focus-visible\:ring-offset-2 {
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .focus-visible\:ring-offset-4 {
    &:focus-visible {
      --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-visible\:ring-offset-background {
    &:focus-visible {
      --tw-ring-offset-color: var(--background);
    }
  }
  .focus-visible\:ring-offset-card {
    &:focus-visible {
      --tw-ring-offset-color: var(--card);
    }
  }
  .focus-visible\:ring-offset-muted {
    &:focus-visible {
      --tw-ring-offset-color: var(--muted);
    }
  }
  .focus-visible\:ring-offset-slate-900 {
    &:focus-visible {
      --tw-ring-offset-color: var(--color-slate-900);
    }
  }
  .focus-visible\:ring-offset-slate-950 {
    &:focus-visible {
      --tw-ring-offset-color: var(--color-slate-950);
    }
  }
  .focus-visible\:ring-offset-stone-900 {
    &:focus-visible {
      --tw-ring-offset-color: var(--color-stone-900);
    }
  }
  .focus-visible\:ring-offset-stone-950 {
    &:focus-visible {
      --tw-ring-offset-color: var(--color-stone-950);
    }
  }
  .focus-visible\:ring-offset-white {
    &:focus-visible {
      --tw-ring-offset-color: var(--color-white);
    }
  }
  .focus-visible\:outline-hidden {
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
  }
  .focus-visible\:outline {
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 1px;
    }
  }
  .focus-visible\:outline-1 {
    &: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-1 {
    &:focus-visible {
      outline-offset: calc(1px * -1);
    }
  }
  .focus-visible\:-outline-offset-2 {
    &:focus-visible {
      outline-offset: calc(2px * -1);
    }
  }
  .focus-visible\:outline-offset-2 {
    &:focus-visible {
      outline-offset: 2px;
    }
  }
  .focus-visible\:outline-offset-4 {
    &:focus-visible {
      outline-offset: 4px;
    }
  }
  .focus-visible\:outline-\[\#13EEE3\]\/80 {
    &:focus-visible {
      outline-color: color-mix(in oklab, #13EEE3 80%, transparent);
    }
  }
  .focus-visible\:outline-blue-500 {
    &:focus-visible {
      outline-color: var(--color-blue-500);
    }
  }
  .focus-visible\:outline-blue-800 {
    &:focus-visible {
      outline-color: var(--color-blue-800);
    }
  }
  .focus-visible\:outline-primary {
    &:focus-visible {
      outline-color: var(--primary);
    }
  }
  .focus-visible\:outline-ring {
    &:focus-visible {
      outline-color: var(--ring);
    }
  }
  .focus-visible\:outline-ring\/70 {
    &:focus-visible {
      outline-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        outline-color: color-mix(in oklab, var(--ring) 70%, transparent);
      }
    }
  }
  .focus-visible\:outline-none {
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .focus-visible\:ring-inset {
    &:focus-visible {
      --tw-ring-inset: inset;
    }
  }
  .group-data-\[variant\=default\]\/accordion\:focus-visible\:ring-2 {
    &:is(:where(.group\/accordion)[data-variant="default"] *) {
      &: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);
      }
    }
  }
  .group-data-\[variant\=default\]\/accordion\:focus-visible\:ring-ring\/50 {
    &:is(:where(.group\/accordion)[data-variant="default"] *) {
      &:focus-visible {
        --tw-ring-color: var(--ring);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
        }
      }
    }
  }
  .group-data-\[variant\=ghost\]\/accordion\:focus-visible\:ring-2 {
    &:is(:where(.group\/accordion)[data-variant="ghost"] *) {
      &: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);
      }
    }
  }
  .group-data-\[variant\=ghost\]\/accordion\:focus-visible\:ring-ring\/50 {
    &:is(:where(.group\/accordion)[data-variant="ghost"] *) {
      &:focus-visible {
        --tw-ring-color: var(--ring);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
        }
      }
    }
  }
  .group-data-\[variant\=outline\]\/accordion\:focus-visible\:ring-2 {
    &:is(:where(.group\/accordion)[data-variant="outline"] *) {
      &: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);
      }
    }
  }
  .group-data-\[variant\=outline\]\/accordion\:focus-visible\:ring-ring\/50 {
    &:is(:where(.group\/accordion)[data-variant="outline"] *) {
      &:focus-visible {
        --tw-ring-color: var(--ring);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
        }
      }
    }
  }
  .group-data-\[variant\=outline\]\/accordion\:focus-visible\:ring-inset {
    &:is(:where(.group\/accordion)[data-variant="outline"] *) {
      &:focus-visible {
        --tw-ring-inset: inset;
      }
    }
  }
  .focus-visible\:before\:absolute {
    &:focus-visible {
      &::before {
        content: var(--tw-content);
        position: absolute;
      }
    }
  }
  .focus-visible\:before\:inset-0 {
    &:focus-visible {
      &::before {
        content: var(--tw-content);
        inset: calc(var(--spacing) * 0);
      }
    }
  }
  .focus-visible\:before\:outline {
    &:focus-visible {
      &::before {
        content: var(--tw-content);
        outline-style: var(--tw-outline-style);
        outline-width: 1px;
      }
    }
  }
  .focus-visible\:before\:outline-2 {
    &:focus-visible {
      &::before {
        content: var(--tw-content);
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
      }
    }
  }
  .focus-visible\:after\:border-ring {
    &:focus-visible {
      &::after {
        content: var(--tw-content);
        border-color: var(--ring);
      }
    }
  }
  .active\:translate-y-0 {
    &:active {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .active\:translate-y-1 {
    &:active {
      --tw-translate-y: calc(var(--spacing) * 1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .active\:scale-75 {
    &:active {
      --tw-scale-x: 75%;
      --tw-scale-y: 75%;
      --tw-scale-z: 75%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .active\:scale-90 {
    &:active {
      --tw-scale-x: 90%;
      --tw-scale-y: 90%;
      --tw-scale-z: 90%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .active\:scale-95 {
    &:active {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .active\:scale-x-98 {
    &:active {
      --tw-scale-x: 98%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .active\:scale-y-95 {
    &:active {
      --tw-scale-y: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .active\:\!scale-\[0\.98\] {
    &:active {
      scale: 0.98 !important;
    }
  }
  .active\:scale-\[0\.95\] {
    &:active {
      scale: 0.95;
    }
  }
  .active\:scale-\[0\.96\] {
    &:active {
      scale: 0.96;
    }
  }
  .active\:scale-\[0\.97\] {
    &:active {
      scale: 0.97;
    }
  }
  .active\:scale-\[0\.98\] {
    &:active {
      scale: 0.98;
    }
  }
  .active\:scale-\[0\.99\] {
    &:active {
      scale: 0.99;
    }
  }
  .active\:cursor-grabbing {
    &:active {
      cursor: grabbing;
    }
  }
  .active\:border-destructive\/32 {
    &:active {
      border-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--destructive) 32%, transparent);
      }
    }
  }
  .active\:bg-\[\#1A68D1\] {
    &:active {
      background-color: #1A68D1;
    }
  }
  .active\:bg-\[\#2A2724\] {
    &:active {
      background-color: #2A2724;
    }
  }
  .active\:bg-\[\#9a0d28\] {
    &:active {
      background-color: #9a0d28;
    }
  }
  .active\:bg-\[\#D63A1F\] {
    &:active {
      background-color: #D63A1F;
    }
  }
  .active\:bg-\[\#F0F0F0\] {
    &:active {
      background-color: #F0F0F0;
    }
  }
  .active\:bg-accent {
    &:active {
      background-color: var(--accent);
    }
  }
  .active\:bg-accent\/50 {
    &:active {
      background-color: var(--accent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--accent) 50%, transparent);
      }
    }
  }
  .active\:bg-amber-600 {
    &:active {
      background-color: var(--color-amber-600);
    }
  }
  .active\:bg-cyan-600 {
    &:active {
      background-color: var(--color-cyan-600);
    }
  }
  .active\:bg-destructive\/4 {
    &:active {
      background-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--destructive) 4%, transparent);
      }
    }
  }
  .active\:bg-destructive\/90 {
    &:active {
      background-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
      }
    }
  }
  .active\:bg-gray-100 {
    &:active {
      background-color: var(--color-gray-100);
    }
  }
  .active\:bg-gray-200 {
    &:active {
      background-color: var(--color-gray-200);
    }
  }
  .active\:bg-gray-400 {
    &:active {
      background-color: var(--color-gray-400);
    }
  }
  .active\:bg-indigo-50 {
    &:active {
      background-color: var(--color-indigo-50);
    }
  }
  .active\:bg-indigo-100 {
    &:active {
      background-color: var(--color-indigo-100);
    }
  }
  .active\:bg-indigo-200 {
    &:active {
      background-color: var(--color-indigo-200);
    }
  }
  .active\:bg-indigo-600 {
    &:active {
      background-color: var(--color-indigo-600);
    }
  }
  .active\:bg-indigo-700 {
    &:active {
      background-color: var(--color-indigo-700);
    }
  }
  .active\:bg-muted\/70 {
    &:active {
      background-color: var(--muted);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--muted) 70%, transparent);
      }
    }
  }
  .active\:bg-muted\/80 {
    &:active {
      background-color: var(--muted);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--muted) 80%, transparent);
      }
    }
  }
  .active\:bg-neutral-50\/15 {
    &:active {
      background-color: color-mix(in srgb, oklch(98.5% 0 0) 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-50) 15%, transparent);
      }
    }
  }
  .active\:bg-neutral-200 {
    &:active {
      background-color: var(--color-neutral-200);
    }
  }
  .active\:bg-primary\/90 {
    &:active {
      background-color: var(--primary);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--primary) 90%, transparent);
      }
    }
  }
  .active\:bg-red-50 {
    &:active {
      background-color: var(--color-red-50);
    }
  }
  .active\:bg-red-100 {
    &:active {
      background-color: var(--color-red-100);
    }
  }
  .active\:bg-red-600 {
    &:active {
      background-color: var(--color-red-600);
    }
  }
  .active\:bg-secondary\/80 {
    &:active {
      background-color: var(--secondary);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
      }
    }
  }
  .active\:bg-sidebar-accent {
    &:active {
      background-color: var(--sidebar-accent);
    }
  }
  .active\:bg-transparent {
    &:active {
      background-color: transparent;
    }
  }
  .active\:bg-white {
    &:active {
      background-color: var(--color-white);
    }
  }
  .active\:bg-white\/25 {
    &:active {
      background-color: color-mix(in srgb, #fff 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
      }
    }
  }
  .active\:bg-zinc-50 {
    &:active {
      background-color: var(--color-zinc-50);
    }
  }
  .active\:bg-zinc-100 {
    &:active {
      background-color: var(--color-zinc-100);
    }
  }
  .active\:bg-zinc-200 {
    &:active {
      background-color: var(--color-zinc-200);
    }
  }
  .active\:bg-gradient-to-b {
    &:active {
      --tw-gradient-position: to bottom in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
    }
  }
  .active\:from-black {
    &:active {
      --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));
    }
  }
  .active\:from-indigo-400\/80 {
    &:active {
      --tw-gradient-from: color-mix(in srgb, oklch(67.3% 0.182 276.935) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-indigo-400) 80%, 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));
    }
  }
  .active\:from-neutral-200\/60 {
    &:active {
      --tw-gradient-from: color-mix(in srgb, oklch(92.2% 0 0) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-neutral-200) 60%, 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));
    }
  }
  .active\:from-red-400\/80 {
    &:active {
      --tw-gradient-from: color-mix(in srgb, oklch(70.4% 0.191 22.216) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-red-400) 80%, 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));
    }
  }
  .active\:to-black {
    &:active {
      --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));
    }
  }
  .active\:to-indigo-600\/80 {
    &:active {
      --tw-gradient-to: color-mix(in srgb, oklch(51.1% 0.262 276.966) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-indigo-600) 80%, 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));
    }
  }
  .active\:to-neutral-300\/70 {
    &:active {
      --tw-gradient-to: color-mix(in srgb, oklch(87% 0 0) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-neutral-300) 70%, 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));
    }
  }
  .active\:to-red-600\/80 {
    &:active {
      --tw-gradient-to: color-mix(in srgb, oklch(57.7% 0.245 27.325) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-red-600) 80%, 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));
    }
  }
  .active\:text-primary-foreground {
    &:active {
      color: var(--primary-foreground);
    }
  }
  .active\:text-sidebar-accent-foreground {
    &:active {
      color: var(--sidebar-accent-foreground);
    }
  }
  .active\:underline {
    &:active {
      text-decoration-line: underline;
    }
  }
  .active\:opacity-40 {
    &:active {
      opacity: 40%;
    }
  }
  .active\:opacity-50 {
    &:active {
      opacity: 50%;
    }
  }
  .active\:opacity-80 {
    &:active {
      opacity: 80%;
    }
  }
  .active\:shadow-\[2px_2px_0px_0px_rgba\(0\,0\,0\,0\.9\)\] {
    &:active {
      --tw-shadow: 2px 2px 0px 0px var(--tw-shadow-color, rgba(0,0,0,0.9));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .active\:shadow-\[inset_4px_4px_8px_\#bebebe\,inset_-4px_-4px_8px_\#ffffff\] {
    &:active {
      --tw-shadow: inset 4px 4px 8px var(--tw-shadow-color, #bebebe), inset -4px -4px 8px var(--tw-shadow-color, #ffffff);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .active\:shadow-sm {
    &:active {
      --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);
    }
  }
  .active\:ring-3 {
    &:active {
      --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);
    }
  }
  .active\:\[box-shadow\:inset_0px_-1\.5px_0px_0px_\#1554AB\,_0px_0\.5px_2px_0px_rgba\(28\,_100\,_242\,_70\%\)\] {
    &:active {
      box-shadow: inset 0px -1.5px 0px 0px #1554AB, 0px 0.5px 2px 0px rgba(28, 100, 242, 70%);
    }
  }
  .active\:\[box-shadow\:inset_0px_-1\.5px_0px_0px_\#171310\,_0px_0\.5px_2px_0px_rgba\(58\,_33\,_8\,_70\%\)\] {
    &:active {
      box-shadow: inset 0px -1.5px 0px 0px #171310, 0px 0.5px 2px 0px rgba(58, 33, 8, 70%);
    }
  }
  .active\:\[box-shadow\:inset_0px_-1\.5px_0px_0px_\#B22E17\,_0px_0\.5px_2px_0px_rgba\(214\,_58\,_31\,_70\%\)\] {
    &:active {
      box-shadow: inset 0px -1.5px 0px 0px #B22E17, 0px 0.5px 2px 0px rgba(214, 58, 31, 70%);
    }
  }
  .active\:\[box-shadow\:inset_0px_-1\.5px_0px_0px_\#D8D8D8\,_0px_0\.5px_2px_0px_rgba\(0\,_0\,_0\,_15\%\)\] {
    &:active {
      box-shadow: inset 0px -1.5px 0px 0px #D8D8D8, 0px 0.5px 2px 0px rgba(0, 0, 0, 15%);
    }
  }
  .active\:brightness-90 {
    &:active {
      --tw-brightness: brightness(90%);
      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,);
    }
  }
  .active\:brightness-100 {
    &:active {
      --tw-brightness: brightness(100%);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
  }
  .active\:transition-none {
    &:active {
      transition-property: none;
    }
  }
  .active\:duration-\[50ms\] {
    &:active {
      --tw-duration: 50ms;
      transition-duration: 50ms;
    }
  }
  .active\:outline-none {
    &:active {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .active\:not-aria-\[haspopup\]\:translate-y-px {
    &:active {
      &:not(*[aria-haspopup]) {
        --tw-translate-y: 1px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .enabled\:text-zinc-900 {
    &:enabled {
      color: var(--color-zinc-900);
    }
  }
  .hover\:enabled\:bg-\[\#3D8DF5\] {
    &:hover {
      @media (hover: hover) {
        &:enabled {
          background-color: #3D8DF5;
        }
      }
    }
  }
  .hover\:enabled\:bg-\[\#4a4542\] {
    &:hover {
      @media (hover: hover) {
        &:enabled {
          background-color: #4a4542;
        }
      }
    }
  }
  .hover\:enabled\:bg-\[\#F05B41\] {
    &:hover {
      @media (hover: hover) {
        &:enabled {
          background-color: #F05B41;
        }
      }
    }
  }
  .hover\:enabled\:bg-\[\#F8F8F8\] {
    &:hover {
      @media (hover: hover) {
        &:enabled {
          background-color: #F8F8F8;
        }
      }
    }
  }
  .hover\:enabled\:\[box-shadow\:inset_0px_-2\.53012px_0px_0px_\#2C7BE5\,_0px_1\.44578px_7\.59036px_0px_rgba\(28\,_100\,_242\,_64\%\)\] {
    &:hover {
      @media (hover: hover) {
        &:enabled {
          box-shadow: inset 0px -2.53012px 0px 0px #2C7BE5, 0px 1.44578px 7.59036px 0px rgba(28, 100, 242, 64%);
        }
      }
    }
  }
  .hover\:enabled\:\[box-shadow\:inset_0px_-2\.53012px_0px_0px_\#171310\,_0px_1\.44578px_7\.59036px_0px_rgba\(58\,_33\,_8\,_64\%\)\] {
    &:hover {
      @media (hover: hover) {
        &:enabled {
          box-shadow: inset 0px -2.53012px 0px 0px #171310, 0px 1.44578px 7.59036px 0px rgba(58, 33, 8, 64%);
        }
      }
    }
  }
  .hover\:enabled\:\[box-shadow\:inset_0px_-2\.53012px_0px_0px_\#E8E8E8\,_0px_1\.44578px_7\.59036px_0px_rgba\(0\,_0\,_0\,_12\%\)\] {
    &:hover {
      @media (hover: hover) {
        &:enabled {
          box-shadow: inset 0px -2.53012px 0px 0px #E8E8E8, 0px 1.44578px 7.59036px 0px rgba(0, 0, 0, 12%);
        }
      }
    }
  }
  .hover\:enabled\:\[box-shadow\:inset_0px_-2\.53012px_0px_0px_\#E6492D\,_0px_1\.44578px_7\.59036px_0px_rgba\(214\,_58\,_31\,_64\%\)\] {
    &:hover {
      @media (hover: hover) {
        &:enabled {
          box-shadow: inset 0px -2.53012px 0px 0px #E6492D, 0px 1.44578px 7.59036px 0px rgba(214, 58, 31, 64%);
        }
      }
    }
  }
  .disabled\:pointer-events-none {
    &:disabled {
      pointer-events: none;
    }
  }
  .disabled\:invisible {
    &:disabled {
      visibility: hidden;
    }
  }
  .disabled\:cursor-default {
    &:disabled {
      cursor: default;
    }
  }
  .disabled\:cursor-not-allowed {
    &:disabled {
      cursor: not-allowed;
    }
  }
  .disabled\:bg-\[\#8c8885\] {
    &:disabled {
      background-color: #8c8885;
    }
  }
  .disabled\:bg-\[\#9FC3F5\] {
    &:disabled {
      background-color: #9FC3F5;
    }
  }
  .disabled\:bg-\[\#F0F0F0\] {
    &:disabled {
      background-color: #F0F0F0;
    }
  }
  .disabled\:bg-\[\#F5A799\] {
    &:disabled {
      background-color: #F5A799;
    }
  }
  .disabled\:bg-black\/40 {
    &:disabled {
      background-color: color-mix(in srgb, #000 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
      }
    }
  }
  .disabled\:bg-gray-300 {
    &:disabled {
      background-color: var(--color-gray-300);
    }
  }
  .disabled\:bg-input\/50 {
    &:disabled {
      background-color: var(--input);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--input) 50%, transparent);
      }
    }
  }
  .disabled\:bg-transparent {
    &:disabled {
      background-color: transparent;
    }
  }
  .disabled\:from-gray-400 {
    &:disabled {
      --tw-gradient-from: var(--color-gray-400);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .disabled\:to-gray-500 {
    &:disabled {
      --tw-gradient-to: var(--color-gray-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));
    }
  }
  .disabled\:text-muted-foreground {
    &:disabled {
      color: var(--muted-foreground);
    }
  }
  .disabled\:text-zinc-400 {
    &:disabled {
      color: var(--color-zinc-400);
    }
  }
  .disabled\:opacity-0 {
    &:disabled {
      opacity: 0%;
    }
  }
  .disabled\:opacity-20 {
    &:disabled {
      opacity: 20%;
    }
  }
  .disabled\:opacity-25 {
    &:disabled {
      opacity: 25%;
    }
  }
  .disabled\:opacity-30 {
    &:disabled {
      opacity: 30%;
    }
  }
  .disabled\:opacity-40 {
    &:disabled {
      opacity: 40%;
    }
  }
  .disabled\:opacity-50 {
    &:disabled {
      opacity: 50%;
    }
  }
  .disabled\:opacity-60 {
    &:disabled {
      opacity: 60%;
    }
  }
  .disabled\:opacity-64 {
    &:disabled {
      opacity: 64%;
    }
  }
  .disabled\:opacity-\[0\.38\] {
    &:disabled {
      opacity: 0.38;
    }
  }
  .disabled\:shadow-none {
    &:disabled {
      --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);
    }
  }
  .disabled\:grayscale {
    &:disabled {
      --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,);
    }
  }
  .group-hover\/hover\:disabled\:opacity-40 {
    &:is(:where(.group\/hover):hover *) {
      @media (hover: hover) {
        &:disabled {
          opacity: 40%;
        }
      }
    }
  }
  .disabled\:hover\:scale-100 {
    &:disabled {
      &:hover {
        @media (hover: hover) {
          --tw-scale-x: 100%;
          --tw-scale-y: 100%;
          --tw-scale-z: 100%;
          scale: var(--tw-scale-x) var(--tw-scale-y);
        }
      }
    }
  }
  .disabled\:hover\:bg-transparent {
    &:disabled {
      &:hover {
        @media (hover: hover) {
          background-color: transparent;
        }
      }
    }
  }
  .disabled\:hover\:opacity-100 {
    &:disabled {
      &:hover {
        @media (hover: hover) {
          opacity: 100%;
        }
      }
    }
  }
  .disabled\:active\:scale-100 {
    &:disabled {
      &:active {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .in-data-has-overflow-y\:pe-3 {
    :where(*[data-has-overflow-y]) & {
      padding-inline-end: calc(var(--spacing) * 3);
    }
  }
  .in-data-outside\:text-muted-foreground\/72 {
    :where(*[data-outside]) & {
      color: var(--muted-foreground);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--muted-foreground) 72%, transparent);
      }
    }
  }
  .in-data-\[side\=left\]\:cursor-w-resize {
    :where(*[data-side="left"]) & {
      cursor: w-resize;
    }
  }
  .in-data-\[side\=none\]\:min-w-\[calc\(var\(--anchor-width\)\+1\.25rem\)\] {
    :where(*[data-side="none"]) & {
      min-width: calc(var(--anchor-width) + 1.25rem);
    }
  }
  .in-data-\[side\=right\]\:cursor-e-resize {
    :where(*[data-side="right"]) & {
      cursor: e-resize;
    }
  }
  .in-data-\[slot\=button-group\]\:rounded-lg {
    :where(*[data-slot="button-group"]) & {
      border-radius: var(--radius);
    }
  }
  .in-data-\[slot\=button-group\]\:rounded-md {
    :where(*[data-slot="button-group"]) & {
      border-radius: calc(var(--radius) * 0.8);
    }
  }
  .in-data-\[slot\=card-content\]\:bg-transparent {
    :where(*[data-slot="card-content"]) & {
      background-color: transparent;
    }
  }
  .in-data-\[slot\=combobox-content\]\:focus-within\:border-inherit {
    :where(*[data-slot="combobox-content"]) & {
      &:focus-within {
        border-color: inherit;
      }
    }
  }
  .in-data-\[slot\=combobox-content\]\:focus-within\:ring-0 {
    :where(*[data-slot="combobox-content"]) & {
      &:focus-within {
        --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);
      }
    }
  }
  .in-data-\[slot\=dialog-content\]\:rounded-lg\! {
    :where(*[data-slot="dialog-content"]) & {
      border-radius: var(--radius) !important;
    }
  }
  .in-data-\[slot\=dropdown-menu-content\]\:p-0 {
    :where(*[data-slot="dropdown-menu-content"]) & {
      padding: calc(var(--spacing) * 0);
    }
  }
  .in-data-\[slot\=frame\]\:my-4 {
    :where(*[data-slot="frame"]) & {
      margin-block: calc(var(--spacing) * 4);
    }
  }
  .in-data-\[slot\=frame\]\:border-separate {
    :where(*[data-slot="frame"]) & {
      border-collapse: separate;
    }
  }
  .in-data-\[slot\=frame\]\:border-spacing-0 {
    :where(*[data-slot="frame"]) & {
      --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);
    }
  }
  .in-data-\[slot\=frame\]\:rounded-xl {
    :where(*[data-slot="frame"]) & {
      border-radius: calc(var(--radius) * 1.4);
    }
  }
  .in-data-\[slot\=frame\]\:border-none {
    :where(*[data-slot="frame"]) & {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .in-data-\[slot\=frame\]\:bg-transparent {
    :where(*[data-slot="frame"]) & {
      background-color: transparent;
    }
  }
  .in-data-\[slot\=frame\]\:shadow-xs\/5 {
    :where(*[data-slot="frame"]) & {
      --tw-shadow-alpha: 5%;
      --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.05) l a b / 5%));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .in-data-\[slot\=frame\]\:first\:p-\[calc\(--spacing\(2\.5\)-1px\)\] {
    :where(*[data-slot="frame"]) & {
      &:first-child {
        padding: calc(calc(var(--spacing) * 2.5) - 1px);
      }
    }
  }
  .in-data-\[slot\=frame\]\:last\:p-\[calc\(--spacing\(2\.5\)-1px\)\] {
    :where(*[data-slot="frame"]) & {
      &:last-child {
        padding: calc(calc(var(--spacing) * 2.5) - 1px);
      }
    }
  }
  .in-data-\[slot\=frame\]\:hover\:bg-transparent {
    :where(*[data-slot="frame"]) & {
      &:hover {
        @media (hover: hover) {
          background-color: transparent;
        }
      }
    }
  }
  .in-data-\[slot\=navigation-menu-content\]\:rounded-md {
    :where(*[data-slot="navigation-menu-content"]) & {
      border-radius: calc(var(--radius) * 0.8);
    }
  }
  .in-data-\[slot\=popover-content\]\:bg-transparent {
    :where(*[data-slot="popover-content"]) & {
      background-color: transparent;
    }
  }
  .in-data-\[slot\=tooltip-content\]\:bg-background\/20 {
    :where(*[data-slot="tooltip-content"]) & {
      background-color: var(--background);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--background) 20%, transparent);
      }
    }
  }
  .in-data-\[slot\=tooltip-content\]\:text-background {
    :where(*[data-slot="tooltip-content"]) & {
      color: var(--background);
    }
  }
  .in-data-\[state\=active\]\:block {
    :where(*[data-state="active"]) & {
      display: block;
    }
  }
  .in-data-\[state\=active\]\:scale-0 {
    :where(*[data-state="active"]) & {
      --tw-scale-x: 0%;
      --tw-scale-y: 0%;
      --tw-scale-z: 0%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .in-data-\[state\=active\]\:scale-100 {
    :where(*[data-state="active"]) & {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .in-data-\[state\=active\]\:scale-120 {
    :where(*[data-state="active"]) & {
      --tw-scale-x: 120%;
      --tw-scale-y: 120%;
      --tw-scale-z: 120%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .in-data-\[state\=active\]\:rotate-0 {
    :where(*[data-state="active"]) & {
      rotate: 0deg;
    }
  }
  .in-data-\[state\=active\]\:rotate-180 {
    :where(*[data-state="active"]) & {
      rotate: 180deg;
    }
  }
  .in-data-\[state\=active\]\:opacity-0 {
    :where(*[data-state="active"]) & {
      opacity: 0%;
    }
  }
  .in-data-\[state\=active\]\:opacity-100 {
    :where(*[data-state="active"]) & {
      opacity: 100%;
    }
  }
  .in-data-selected\:bg-primary {
    :where(*:where([data-selected="true"])) & {
      background-color: var(--primary);
    }
  }
  .in-data-selected\:text-primary-foreground {
    :where(*:where([data-selected="true"])) & {
      color: var(--primary-foreground);
    }
  }
  .in-data-selected\:in-data-outside\:text-primary-foreground {
    :where(*:where([data-selected="true"])) & {
      :where(*[data-outside]) & {
        color: var(--primary-foreground);
      }
    }
  }
  .in-data-disabled\:pointer-events-none {
    :where(*:where([data-disabled="true"]), *:where([data-disabled]:not([data-disabled="false"]))) & {
      pointer-events: none;
    }
  }
  .in-data-disabled\:text-muted-foreground\/72 {
    :where(*:where([data-disabled="true"]), *:where([data-disabled]:not([data-disabled="false"]))) & {
      color: var(--muted-foreground);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--muted-foreground) 72%, transparent);
      }
    }
  }
  .in-data-disabled\:line-through {
    :where(*:where([data-disabled="true"]), *:where([data-disabled]:not([data-disabled="false"]))) & {
      text-decoration-line: line-through;
    }
  }
  .in-\[\.range-end\:not\(\.range-start\)\]\:rounded-s-none {
    :where(*:is(.range-end:not(.range-start))) & {
      border-start-start-radius: 0;
      border-end-start-radius: 0;
    }
  }
  .in-\[\.range-middle\]\:rounded-none {
    :where(*:is(.range-middle)) & {
      border-radius: 0;
    }
  }
  .in-\[\.range-middle\]\:in-data-selected\:bg-accent {
    :where(*:is(.range-middle)) & {
      :where(*:where([data-selected="true"])) & {
        background-color: var(--accent);
      }
    }
  }
  .in-\[\.range-middle\]\:in-data-selected\:text-foreground {
    :where(*:is(.range-middle)) & {
      :where(*:where([data-selected="true"])) & {
        color: var(--foreground);
      }
    }
  }
  .in-\[\.range-start\:not\(\.range-end\)\]\:rounded-e-none {
    :where(*:is(.range-start:not(.range-end))) & {
      border-start-end-radius: 0;
      border-end-end-radius: 0;
    }
  }
  .in-\[\[data-selected\]\:not\(\.range-middle\)\]\:transition-\[color\,background-color\,border-radius\,box-shadow\] {
    :where(*:is([data-selected]:not(.range-middle))) & {
      transition-property: color,background-color,border-radius,box-shadow;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .in-\[\[data-slot\=drawer-menu-checkbox-item\]\:active\]\:rounded-\[var\(--thumb-size\)\/calc\(var\(--thumb-size\)\*1\.10\)\] {
    :where(*:is([data-slot=drawer-menu-checkbox-item]:active)) & {
      border-radius: var(--thumb-size)/calc(var(--thumb-size) * 1.10);
    }
  }
  .in-\[\[data-slot\=drawer-menu-checkbox-item\]\:active\]\:not-data-disabled\:scale-x-110 {
    :where(*:is([data-slot=drawer-menu-checkbox-item]:active)) & {
      &:not(*:where([data-disabled="true"]),  *:where([data-disabled]:not([data-disabled="false"]))) {
        --tw-scale-x: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .in-\[\[data-slot\=drawer-menu-checkbox-item\]\[data-checked\]\]\:origin-\[var\(--thumb-size\)_50\%\] {
    :where(*:is([data-slot=drawer-menu-checkbox-item][data-checked])) & {
      transform-origin: var(--thumb-size) 50%;
    }
  }
  .in-\[\[data-slot\=drawer-menu-checkbox-item\]\[data-checked\]\]\:translate-x-\[calc\(var\(--thumb-size\)-4px\)\] {
    :where(*:is([data-slot=drawer-menu-checkbox-item][data-checked])) & {
      --tw-translate-x: calc(var(--thumb-size) - 4px);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .in-\[\[data-slot\=drawer-popup\]\:has\(\[data-slot\=drawer-footer\]\:not\(\.border-t\)\)\]\:pb-1 {
    :where(*:is([data-slot=drawer-popup]:has([data-slot=drawer-footer]:not(.border-t)))) & {
      padding-bottom: calc(var(--spacing) * 1);
    }
  }
  .in-\[\[data-slot\=drawer-popup\]\:has\(\[data-slot\=drawer-header\]\)\]\:pt-1 {
    :where(*:is([data-slot=drawer-popup]:has([data-slot=drawer-header]))) & {
      padding-top: calc(var(--spacing) * 1);
    }
  }
  .in-\[\[data-slot\=drawer-popup\]\:has\(\[data-slot\=drawer-panel\]\)\]\:pt-3 {
    :where(*:is([data-slot=drawer-popup]:has([data-slot=drawer-panel]))) & {
      padding-top: calc(var(--spacing) * 3);
    }
  }
  .in-\[\[data-slot\=drawer-popup\]\:has\(\[data-slot\=drawer-panel\]\)\]\:pb-3 {
    :where(*:is([data-slot=drawer-popup]:has([data-slot=drawer-panel]))) & {
      padding-bottom: calc(var(--spacing) * 3);
    }
  }
  .in-\[\[data-slot\=menu-checkbox-item\]\[data-checked\]\]\:translate-x-\[calc\(var\(--thumb-size\)-4px\)\] {
    :where(*:is([data-slot=menu-checkbox-item][data-checked])) & {
      --tw-translate-x: calc(var(--thumb-size) - 4px);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .in-\[\[role\=switch\]\:active\,\[data-slot\=label\]\:active\,\[data-slot\=field-label\]\:active\]\:rounded-\[var\(--thumb-size\)\/calc\(var\(--thumb-size\)\*1\.1\)\] {
    :where(*:is([role=switch]:active,[data-slot=label]:active,[data-slot=field-label]:active)) & {
      border-radius: var(--thumb-size)/calc(var(--thumb-size) * 1.1);
    }
  }
  .in-\[\[role\=switch\]\:active\,\[data-slot\=label\]\:active\,\[data-slot\=field-label\]\:active\]\:not-data-disabled\:scale-x-110 {
    :where(*:is([role=switch]:active,[data-slot=label]:active,[data-slot=field-label]:active)) & {
      &:not(*:where([data-disabled="true"]),  *:where([data-disabled]:not([data-disabled="false"]))) {
        --tw-scale-x: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .not-has-disabled\:has-not-focus-visible\:not-has-aria-invalid\:before\:shadow-\[0_1px_--theme\(--color-black\/4\%\)\] {
    &:not(*:has(*:disabled)) {
      &:has(*:not(*:focus-visible)) {
        &:not(*:has(*[aria-invalid="true"])) {
          &::before {
            content: var(--tw-content);
            --tw-shadow: 0 1px var(--tw-shadow-color, color-mix(in srgb, #000 4%, transparent));
            @supports (color: color-mix(in lab, red, red)) {
              --tw-shadow: 0 1px var(--tw-shadow-color, color-mix(in oklab, var(--color-black) 4%, transparent));
            }
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
          }
        }
      }
    }
  }
  .has-autofill\:bg-foreground\/4 {
    &:has(*:autofill) {
      background-color: var(--foreground);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--foreground) 4%, transparent);
      }
    }
  }
  .has-focus\:border-ring {
    &:has(*:focus) {
      border-color: var(--ring);
    }
  }
  .has-focus\:ring-\[3px\] {
    &:has(*:focus) {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .has-focus\:ring-ring\/50 {
    &:has(*:focus) {
      --tw-ring-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
      }
    }
  }
  .has-focus-visible\:border-ring {
    &:has(*:focus-visible) {
      border-color: var(--ring);
    }
  }
  .has-focus-visible\:ring-\[3px\] {
    &:has(*:focus-visible) {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .has-focus-visible\:ring-ring\/24 {
    &:has(*:focus-visible) {
      --tw-ring-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ring) 24%, transparent);
      }
    }
  }
  .has-disabled\:pointer-events-none {
    &:has(*:disabled) {
      pointer-events: none;
    }
  }
  .has-disabled\:bg-input\/50 {
    &:has(*:disabled) {
      background-color: var(--input);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--input) 50%, transparent);
      }
    }
  }
  .has-disabled\:opacity-50 {
    &:has(*:disabled) {
      opacity: 50%;
    }
  }
  .has-disabled\:opacity-64 {
    &:has(*:disabled) {
      opacity: 64%;
    }
  }
  .has-disabled\:opacity-100 {
    &:has(*:disabled) {
      opacity: 100%;
    }
  }
  .has-aria-expanded\:bg-muted\/50 {
    &:has(*[aria-expanded="true"]) {
      background-color: var(--muted);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }
  }
  .has-aria-invalid\:border-destructive {
    &:has(*[aria-invalid="true"]) {
      border-color: var(--destructive);
    }
  }
  .has-aria-invalid\:border-destructive\/36 {
    &:has(*[aria-invalid="true"]) {
      border-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--destructive) 36%, transparent);
      }
    }
  }
  .has-aria-invalid\:ring-3 {
    &:has(*[aria-invalid="true"]) {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .has-aria-invalid\:ring-destructive\/20 {
    &:has(*[aria-invalid="true"]) {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
  }
  .focus-within\:has-aria-invalid\:border-destructive\/64 {
    &:focus-within {
      &:has(*[aria-invalid="true"]) {
        border-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--destructive) 64%, transparent);
        }
      }
    }
  }
  .focus-within\:has-aria-invalid\:ring-destructive\/16 {
    &:focus-within {
      &:has(*[aria-invalid="true"]) {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 16%, transparent);
        }
      }
    }
  }
  .has-focus-visible\:has-aria-invalid\:border-destructive\/64 {
    &:has(*:focus-visible) {
      &:has(*[aria-invalid="true"]) {
        border-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--destructive) 64%, transparent);
        }
      }
    }
  }
  .has-focus-visible\:has-aria-invalid\:ring-destructive\/16 {
    &:has(*:focus-visible) {
      &:has(*[aria-invalid="true"]) {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 16%, transparent);
        }
      }
    }
  }
  .has-data-\[icon\=inline-end\]\:pr-1 {
    &:has(*[data-icon="inline-end"]) {
      padding-right: calc(var(--spacing) * 1);
    }
  }
  .has-data-\[icon\=inline-end\]\:pr-1\.5 {
    &:has(*[data-icon="inline-end"]) {
      padding-right: calc(var(--spacing) * 1.5);
    }
  }
  .has-data-\[icon\=inline-end\]\:pr-2 {
    &:has(*[data-icon="inline-end"]) {
      padding-right: calc(var(--spacing) * 2);
    }
  }
  .group-data-\[spacing\=0\]\/toggle-group\:has-data-\[icon\=inline-end\]\:pr-1\.5 {
    &:is(:where(.group\/toggle-group)[data-spacing="0"] *) {
      &:has(*[data-icon="inline-end"]) {
        padding-right: calc(var(--spacing) * 1.5);
      }
    }
  }
  .has-data-\[icon\=inline-start\]\:pl-1 {
    &:has(*[data-icon="inline-start"]) {
      padding-left: calc(var(--spacing) * 1);
    }
  }
  .has-data-\[icon\=inline-start\]\:pl-1\.5 {
    &:has(*[data-icon="inline-start"]) {
      padding-left: calc(var(--spacing) * 1.5);
    }
  }
  .has-data-\[icon\=inline-start\]\:pl-2 {
    &:has(*[data-icon="inline-start"]) {
      padding-left: calc(var(--spacing) * 2);
    }
  }
  .group-data-\[spacing\=0\]\/toggle-group\:has-data-\[icon\=inline-start\]\:pl-1\.5 {
    &:is(:where(.group\/toggle-group)[data-spacing="0"] *) {
      &:has(*[data-icon="inline-start"]) {
        padding-left: calc(var(--spacing) * 1.5);
      }
    }
  }
  .has-data-\[size\=lg\]\:min-h-10 {
    &:has(*[data-size="lg"]) {
      min-height: calc(var(--spacing) * 10);
    }
  }
  .has-data-\[size\=lg\]\:\*\:min-h-8 {
    &:has(*[data-size="lg"]) {
      :is(& > *) {
        min-height: calc(var(--spacing) * 8);
      }
    }
  }
  .has-data-\[size\=sm\]\:min-h-8 {
    &:has(*[data-size="sm"]) {
      min-height: calc(var(--spacing) * 8);
    }
  }
  .has-data-\[size\=sm\]\:gap-2\.5 {
    &:has(*[data-size="sm"]) {
      gap: calc(var(--spacing) * 2.5);
    }
  }
  .has-data-\[size\=sm\]\:\*\:min-h-6 {
    &:has(*[data-size="sm"]) {
      :is(& > *) {
        min-height: calc(var(--spacing) * 6);
      }
    }
  }
  .has-data-\[size\=xs\]\:gap-2 {
    &:has(*[data-size="xs"]) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .has-data-\[slot\=alert-action\]\:relative {
    &:has(*[data-slot="alert-action"]) {
      position: relative;
    }
  }
  .has-data-\[slot\=alert-action\]\:pr-18 {
    &:has(*[data-slot="alert-action"]) {
      padding-right: calc(var(--spacing) * 18);
    }
  }
  .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\] {
    &:has(*[data-slot="card-action"]) {
      grid-template-columns: 1fr auto;
    }
  }
  .has-data-\[slot\=card-description\]\:grid-rows-\[auto_auto\] {
    &:has(*[data-slot="card-description"]) {
      grid-template-rows: auto auto;
    }
  }
  .has-data-\[slot\=card-footer\]\:pb-0 {
    &:has(*[data-slot="card-footer"]) {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .has-data-\[slot\=drawer-bar\]\:ps-2 {
    &:has(*[data-slot="drawer-bar"]) {
      padding-inline-start: calc(var(--spacing) * 2);
    }
  }
  .has-data-\[slot\=drawer-bar\]\:pe-2 {
    &:has(*[data-slot="drawer-bar"]) {
      padding-inline-end: calc(var(--spacing) * 2);
    }
  }
  .has-data-\[slot\=drawer-bar\]\:pt-2 {
    &:has(*[data-slot="drawer-bar"]) {
      padding-top: calc(var(--spacing) * 2);
    }
  }
  .has-data-\[slot\=drawer-bar\]\:pb-2 {
    &:has(*[data-slot="drawer-bar"]) {
      padding-bottom: calc(var(--spacing) * 2);
    }
  }
  .has-data-\[slot\=kbd\]\:pr-1\.5 {
    &:has(*[data-slot="kbd"]) {
      padding-right: calc(var(--spacing) * 1.5);
    }
  }
  .has-data-\[variant\=inset\]\:bg-sidebar {
    &:has(*[data-variant="inset"]) {
      background-color: var(--sidebar);
    }
  }
  .has-data-checked\:border-primary\/30 {
    &:has(*:where([data-state="checked"]), *:where([data-checked]:not([data-checked="false"]))) {
      border-color: var(--primary);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--primary) 30%, transparent);
      }
    }
  }
  .has-data-checked\:bg-primary\/5 {
    &:has(*:where([data-state="checked"]), *:where([data-checked]:not([data-checked="false"]))) {
      background-color: var(--primary);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--primary) 5%, transparent);
      }
    }
  }
  .has-\[\:disabled\,\:focus-visible\,\[aria-invalid\]\]\:shadow-none {
    &:has(*:is(:disabled,:focus-visible,[aria-invalid])) {
      --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);
    }
  }
  .has-\[\:disabled\,\:focus-within\,\[aria-invalid\]\]\:shadow-none {
    &:has(*:is(:disabled,:focus-within,[aria-invalid])) {
      --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);
    }
  }
  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring {
    &:has(*:is([data-slot=input-group-control]:focus-visible)) {
      border-color: var(--ring);
    }
  }
  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-1 {
    &:has(*:is([data-slot=input-group-control]:focus-visible)) {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-3 {
    &:has(*:is([data-slot=input-group-control]:focus-visible)) {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50 {
    &:has(*:is([data-slot=input-group-control]:focus-visible)) {
      --tw-ring-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
      }
    }
  }
  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive {
    &:has(*:is([data-slot][aria-invalid=true])) {
      border-color: var(--destructive);
    }
  }
  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-3 {
    &:has(*:is([data-slot][aria-invalid=true])) {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20 {
    &:has(*:is([data-slot][aria-invalid=true])) {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
  }
  .has-\[\[role\=checkbox\]\]\:w-px {
    &:has(*:is([role=checkbox])) {
      width: 1px;
    }
  }
  .has-\[\[role\=checkbox\]\]\:pe-0 {
    &:has(*:is([role=checkbox])) {
      padding-inline-end: calc(var(--spacing) * 0);
    }
  }
  .has-\[\+\[data-size\=sm\]\]\:ps-\[calc\(--spacing\(2\.5\)-1px\)\] {
    &:has(+[data-size=sm]) {
      padding-inline-start: calc(calc(var(--spacing) * 2.5) - 1px);
    }
  }
  .has-\[\+\[data-slot\=combobox-chip\]\]\:pe-2 {
    &:has(+[data-slot=combobox-chip]) {
      padding-inline-end: calc(var(--spacing) * 2);
    }
  }
  .has-\[\+\[data-slot\=combobox-clear\]\]\:hidden {
    &:has(+[data-slot=combobox-clear]) {
      display: none;
    }
  }
  .has-\[\>\[data-align\=block-end\]\]\:h-auto {
    &:has(>[data-align=block-end]) {
      height: auto;
    }
  }
  .has-\[\>\[data-align\=block-end\]\]\:flex-col {
    &:has(>[data-align=block-end]) {
      flex-direction: column;
    }
  }
  .has-\[\>\[data-align\=block-start\]\]\:h-auto {
    &:has(>[data-align=block-start]) {
      height: auto;
    }
  }
  .has-\[\>\[data-align\=block-start\]\]\:flex-col {
    &:has(>[data-align=block-start]) {
      flex-direction: column;
    }
  }
  .has-\[\>\[data-slot\=button-group\]\]\:gap-2 {
    &:has(>[data-slot=button-group]) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3 {
    &:has(>[data-slot=checkbox-group]) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .has-\[\>\[data-slot\=field-content\]\]\:items-start {
    &:has(>[data-slot=field-content]) {
      align-items: flex-start;
    }
  }
  .has-\[\>\[data-slot\=field\]\]\:w-full {
    &:has(>[data-slot=field]) {
      width: 100%;
    }
  }
  .has-\[\>\[data-slot\=field\]\]\:flex-col {
    &:has(>[data-slot=field]) {
      flex-direction: column;
    }
  }
  .has-\[\>\[data-slot\=field\]\]\:rounded-lg {
    &:has(>[data-slot=field]) {
      border-radius: var(--radius);
    }
  }
  .has-\[\>\[data-slot\=field\]\]\:border {
    &:has(>[data-slot=field]) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .has-\[\>\[data-slot\=radio-group\]\]\:gap-3 {
    &:has(>[data-slot=radio-group]) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .has-\[\>button\]\:mr-\[-0\.3rem\] {
    &:has(>button) {
      margin-right: -0.3rem;
    }
  }
  .has-\[\>button\]\:mr-\[-0\.4rem\] {
    &:has(>button) {
      margin-right: -0.4rem;
    }
  }
  .has-\[\>button\]\:ml-\[-0\.3rem\] {
    &:has(>button) {
      margin-left: -0.3rem;
    }
  }
  .has-\[\>button\]\:ml-\[-0\.45rem\] {
    &:has(>button) {
      margin-left: -0.45rem;
    }
  }
  .has-\[\>img\:first-child\]\:pt-0 {
    &:has(>img:first-child) {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .has-\[\>kbd\]\:mr-\[-0\.15rem\] {
    &:has(>kbd) {
      margin-right: -0.15rem;
    }
  }
  .has-\[\>kbd\]\:mr-\[-0\.35rem\] {
    &:has(>kbd) {
      margin-right: -0.35rem;
    }
  }
  .has-\[\>kbd\]\:ml-\[-0\.15rem\] {
    &:has(>kbd) {
      margin-left: -0.15rem;
    }
  }
  .has-\[\>kbd\]\:ml-\[-0\.35rem\] {
    &:has(>kbd) {
      margin-left: -0.35rem;
    }
  }
  .has-\[\>svg\]\:grid-cols-\[auto_1fr\] {
    &:has(>svg) {
      grid-template-columns: auto 1fr;
    }
  }
  .has-\[\>svg\]\:gap-x-2 {
    &:has(>svg) {
      column-gap: calc(var(--spacing) * 2);
    }
  }
  .has-\[\>svg\]\:p-0 {
    &:has(>svg) {
      padding: calc(var(--spacing) * 0);
    }
  }
  .has-\[\>svg\]\:px-1\.5 {
    &:has(>svg) {
      padding-inline: calc(var(--spacing) * 1.5);
    }
  }
  .has-\[\>svg\]\:px-2 {
    &:has(>svg) {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .has-\[\>svg\]\:px-2\.5 {
    &:has(>svg) {
      padding-inline: calc(var(--spacing) * 2.5);
    }
  }
  .has-\[\>svg\]\:px-3 {
    &:has(>svg) {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .has-\[\>svg\]\:px-4 {
    &:has(>svg) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .has-\[\>svg\]\:px-6 {
    &:has(>svg) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .has-\[\>svg\]\:px-8 {
    &:has(>svg) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .has-\[\>textarea\]\:h-auto {
    &:has(>textarea) {
      height: auto;
    }
  }
  .has-\[\~\[data-size\=sm\]\]\:ps-1\.5 {
    &:has(~[data-size=sm]) {
      padding-inline-start: calc(var(--spacing) * 1.5);
    }
  }
  .has-\[\~\[data-size\=sm\]\]\:has-\[\+\[data-slot\=combobox-chip\]\]\:pe-1\.5 {
    &:has(~[data-size=sm]) {
      &:has(+[data-slot=combobox-chip]) {
        padding-inline-end: calc(var(--spacing) * 1.5);
      }
    }
  }
  .aria-disabled\:pointer-events-none {
    &[aria-disabled="true"] {
      pointer-events: none;
    }
  }
  .aria-disabled\:opacity-50 {
    &[aria-disabled="true"] {
      opacity: 50%;
    }
  }
  .aria-expanded\:bg-muted {
    &[aria-expanded="true"] {
      background-color: var(--muted);
    }
  }
  .aria-expanded\:bg-secondary {
    &[aria-expanded="true"] {
      background-color: var(--secondary);
    }
  }
  .aria-expanded\:bg-transparent\! {
    &[aria-expanded="true"] {
      background-color: transparent !important;
    }
  }
  .aria-expanded\:text-foreground {
    &[aria-expanded="true"] {
      color: var(--foreground);
    }
  }
  .aria-expanded\:text-secondary-foreground {
    &[aria-expanded="true"] {
      color: var(--secondary-foreground);
    }
  }
  .aria-expanded\:opacity-100 {
    &[aria-expanded="true"] {
      opacity: 100%;
    }
  }
  .aria-invalid\:border-destructive {
    &[aria-invalid="true"] {
      border-color: var(--destructive);
    }
  }
  .aria-invalid\:border-destructive\/36 {
    &[aria-invalid="true"] {
      border-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--destructive) 36%, transparent);
      }
    }
  }
  .aria-invalid\:ring-0 {
    &[aria-invalid="true"] {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .aria-invalid\:ring-3 {
    &[aria-invalid="true"] {
      --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);
    }
  }
  .aria-invalid\:ring-destructive\/20 {
    &[aria-invalid="true"] {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
  }
  .focus-visible\:aria-invalid\:border-destructive\/64 {
    &:focus-visible {
      &[aria-invalid="true"] {
        border-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--destructive) 64%, transparent);
        }
      }
    }
  }
  .focus-visible\:aria-invalid\:ring-destructive\/48 {
    &:focus-visible {
      &[aria-invalid="true"] {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 48%, transparent);
        }
      }
    }
  }
  .aria-invalid\:aria-checked\:border-primary {
    &[aria-invalid="true"] {
      &[aria-checked="true"] {
        border-color: var(--primary);
      }
    }
  }
  .aria-pressed\:bg-muted {
    &[aria-pressed="true"] {
      background-color: var(--muted);
    }
  }
  .aria-selected\:bg-accent {
    &[aria-selected="true"] {
      background-color: var(--accent);
    }
  }
  .aria-selected\:bg-primary {
    &[aria-selected="true"] {
      background-color: var(--primary);
    }
  }
  .aria-selected\:text-accent-foreground {
    &[aria-selected="true"] {
      color: var(--accent-foreground);
    }
  }
  .aria-selected\:text-muted-foreground {
    &[aria-selected="true"] {
      color: var(--muted-foreground);
    }
  }
  .aria-selected\:text-primary-foreground {
    &[aria-selected="true"] {
      color: var(--primary-foreground);
    }
  }
  .aria-selected\:opacity-100 {
    &[aria-selected="true"] {
      opacity: 100%;
    }
  }
  .aria-\[checked\=true\]\:border-indigo-300 {
    &[aria-checked="true"] {
      border-color: var(--color-indigo-300);
    }
  }
  .aria-\[checked\=true\]\:bg-indigo-50 {
    &[aria-checked="true"] {
      background-color: var(--color-indigo-50);
    }
  }
  .aria-\[orientation\=horizontal\]\:h-px {
    &[aria-orientation="horizontal"] {
      height: 1px;
    }
  }
  .aria-\[orientation\=horizontal\]\:w-full {
    &[aria-orientation="horizontal"] {
      width: 100%;
    }
  }
  .aria-\[orientation\=horizontal\]\:after\:left-0 {
    &[aria-orientation="horizontal"] {
      &::after {
        content: var(--tw-content);
        left: calc(var(--spacing) * 0);
      }
    }
  }
  .aria-\[orientation\=horizontal\]\:after\:h-1 {
    &[aria-orientation="horizontal"] {
      &::after {
        content: var(--tw-content);
        height: calc(var(--spacing) * 1);
      }
    }
  }
  .aria-\[orientation\=horizontal\]\:after\:w-full {
    &[aria-orientation="horizontal"] {
      &::after {
        content: var(--tw-content);
        width: 100%;
      }
    }
  }
  .aria-\[orientation\=horizontal\]\:after\:translate-x-0 {
    &[aria-orientation="horizontal"] {
      &::after {
        content: var(--tw-content);
        --tw-translate-x: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .aria-\[orientation\=horizontal\]\:after\:-translate-y-1\/2 {
    &[aria-orientation="horizontal"] {
      &::after {
        content: var(--tw-content);
        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .aria-\[orientation\=vertical\]\:flex-col {
    &[aria-orientation="vertical"] {
      flex-direction: column;
    }
  }
  .data-complete\:border-blue-600 {
    &[data-complete] {
      border-color: var(--color-blue-600);
    }
  }
  .data-complete\:bg-blue-600 {
    &[data-complete] {
      background-color: var(--color-blue-600);
    }
  }
  .data-complete\:text-white {
    &[data-complete] {
      color: var(--color-white);
    }
  }
  .data-current\:border-blue-600 {
    &[data-current] {
      border-color: var(--color-blue-600);
    }
  }
  .data-current\:bg-blue-500 {
    &[data-current] {
      background-color: var(--color-blue-500);
    }
  }
  .data-current\:bg-blue-600 {
    &[data-current] {
      background-color: var(--color-blue-600);
    }
  }
  .data-current\:text-white {
    &[data-current] {
      color: var(--color-white);
    }
  }
  .data-dragging\:scale-120 {
    &[data-dragging] {
      --tw-scale-x: 120%;
      --tw-scale-y: 120%;
      --tw-scale-z: 120%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .data-ending-style\:mb-0 {
    &[data-ending-style] {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .data-ending-style\:h-0 {
    &[data-ending-style] {
      height: calc(var(--spacing) * 0);
    }
  }
  .data-ending-style\:transform-\[translateX\(calc\(-100\%-var\(--inset\)\)\)\] {
    &[data-ending-style] {
      transform: translateX(calc(-100% - var(--inset)));
    }
  }
  .data-ending-style\:transform-\[translateX\(calc\(100\%\+var\(--inset\)\)\)\] {
    &[data-ending-style] {
      transform: translateX(calc(100% + var(--inset)));
    }
  }
  .data-ending-style\:transform-\[translateY\(calc\(-100\%-var\(--inset\)\)\)\] {
    &[data-ending-style] {
      transform: translateY(calc(-100% - var(--inset)));
    }
  }
  .data-ending-style\:transform-\[translateY\(calc\(100\%\+env\(safe-area-inset-bottom\,0px\)\+var\(--inset\)\)\)\] {
    &[data-ending-style] {
      transform: translateY(calc(100% + env(safe-area-inset-bottom,0px) + var(--inset)));
    }
  }
  .data-ending-style\:pb-0 {
    &[data-ending-style] {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .data-ending-style\:opacity-0 {
    &[data-ending-style] {
      opacity: 0%;
    }
  }
  .data-ending-style\:shadow-transparent {
    &[data-ending-style] {
      --tw-shadow-color: transparent;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, transparent var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .data-ending-style\:duration-\[calc\(var\(--drawer-swipe-strength\)\*400ms\)\] {
    &[data-ending-style] {
      --tw-duration: calc(var(--drawer-swipe-strength) * 400ms);
      transition-duration: calc(var(--drawer-swipe-strength) * 400ms);
    }
  }
  .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-blue-500\/50 {
    &[data-focus] {
      --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent);
      }
    }
  }
  .data-focus-visible\:ring-2 {
    &[data-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);
    }
  }
  .data-focus-visible\:ring-gray-300\/50 {
    &[data-focus-visible] {
      --tw-ring-color: color-mix(in srgb, oklch(87.2% 0.01 258.338) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-gray-300) 50%, transparent);
      }
    }
  }
  .data-has-overflow-x\:overscroll-x-contain {
    &[data-has-overflow-x] {
      overscroll-behavior-x: contain;
    }
  }
  .data-has-overflow-x\:pb-2\.5 {
    &[data-has-overflow-x] {
      padding-bottom: calc(var(--spacing) * 2.5);
    }
  }
  .data-has-overflow-y\:overscroll-y-contain {
    &[data-has-overflow-y] {
      overscroll-behavior-y: contain;
    }
  }
  .data-has-overflow-y\:pe-2\.5 {
    &[data-has-overflow-y] {
      padding-inline-end: calc(var(--spacing) * 2.5);
    }
  }
  .data-highlighted\:bg-accent {
    &[data-highlighted] {
      background-color: var(--accent);
    }
  }
  .data-highlighted\:bg-gray-50 {
    &[data-highlighted] {
      background-color: var(--color-gray-50);
    }
  }
  .data-highlighted\:bg-gray-100 {
    &[data-highlighted] {
      background-color: var(--color-gray-100);
    }
  }
  .data-highlighted\:text-accent-foreground {
    &[data-highlighted] {
      color: var(--accent-foreground);
    }
  }
  .data-hover\:border-gray-400 {
    &[data-hover] {
      border-color: var(--color-gray-400);
    }
  }
  .data-hovering\:opacity-100 {
    &[data-hovering] {
      opacity: 100%;
    }
  }
  .data-hovering\:delay-0 {
    &[data-hovering] {
      transition-delay: 0ms;
    }
  }
  .data-hovering\:duration-100 {
    &[data-hovering] {
      --tw-duration: 100ms;
      transition-duration: 100ms;
    }
  }
  .data-hovering\:delay-0 {
    &[data-hovering] {
      animation-delay: calc(0*1ms);
      animation-delay: 0s;
      --tw-animation-delay: calc(0*1ms);
      --tw-animation-delay: 0s;
    }
  }
  .data-incomplete\:border-gray-200 {
    &[data-incomplete] {
      border-color: var(--color-gray-200);
    }
  }
  .data-incomplete\:bg-gray-100 {
    &[data-incomplete] {
      background-color: var(--color-gray-100);
    }
  }
  .data-incomplete\:text-gray-500 {
    &[data-incomplete] {
      color: var(--color-gray-500);
    }
  }
  .data-indeterminate\:text-foreground {
    &[data-indeterminate] {
      color: var(--foreground);
    }
  }
  .data-inset\:ps-8 {
    &[data-inset] {
      padding-inline-start: calc(var(--spacing) * 8);
    }
  }
  .data-inset\:ps-9 {
    &[data-inset] {
      padding-inline-start: calc(var(--spacing) * 9);
    }
  }
  .data-inset\:pl-7 {
    &[data-inset] {
      padding-left: calc(var(--spacing) * 7);
    }
  }
  .data-inset\:pl-8 {
    &[data-inset] {
      padding-left: calc(var(--spacing) * 8);
    }
  }
  .data-maximized\:rounded-none {
    &[data-maximized] {
      border-radius: 0;
    }
  }
  .data-nested-drawer-open\:h-\(--height\) {
    &[data-nested-drawer-open] {
      height: var(--height);
    }
  }
  .data-nested-drawer-open\:transform-\[translateX\(calc\(var\(--drawer-swipe-movement-x\)\+var\(--stack-peek-offset\)\)\)_scale\(var\(--scale\)\)\] {
    &[data-nested-drawer-open] {
      transform: translateX(calc(var(--drawer-swipe-movement-x) + var(--stack-peek-offset))) scale(var(--scale));
    }
  }
  .data-nested-drawer-open\:transform-\[translateX\(calc\(var\(--drawer-swipe-movement-x\)-var\(--stack-peek-offset\)\)\)_scale\(var\(--scale\)\)\] {
    &[data-nested-drawer-open] {
      transform: translateX(calc(var(--drawer-swipe-movement-x) - var(--stack-peek-offset))) scale(var(--scale));
    }
  }
  .data-nested-drawer-open\:transform-\[translateY\(calc\(var\(--drawer-swipe-movement-y\)\+var\(--stack-peek-offset\)\+\(var\(--shrink\)\*var\(--height\)\)\)\)_scale\(var\(--scale\)\)\] {
    &[data-nested-drawer-open] {
      transform: translateY(calc(var(--drawer-swipe-movement-y) + var(--stack-peek-offset) + (var(--shrink) * var(--height)))) scale(var(--scale));
    }
  }
  .data-nested-drawer-open\:transform-\[translateY\(calc\(var\(--drawer-swipe-movement-y\)-var\(--stack-peek-offset\)-\(var\(--shrink\)\*var\(--height\)\)\)\)_scale\(var\(--scale\)\)\] {
    &[data-nested-drawer-open] {
      transform: translateY(calc(var(--drawer-swipe-movement-y) - var(--stack-peek-offset) - (var(--shrink) * var(--height)))) scale(var(--scale));
    }
  }
  .data-nested-drawer-open\:overflow-hidden {
    &[data-nested-drawer-open] {
      overflow: hidden;
    }
  }
  .data-nested-drawer-open\:bg-\[color-mix\(in_srgb\,var\(--popover\)\,var\(--color-black\)_calc\(2\%\*\(var\(--nested-drawers\)-var\(--stack-progress\)\)\)\)\] {
    &[data-nested-drawer-open] {
      background-color: var(--popover);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in srgb,var(--popover),var(--color-black) calc(2% * (var(--nested-drawers) - var(--stack-progress))));
      }
    }
  }
  .data-outside-range\:text-gray-400 {
    &[data-outside-range] {
      color: var(--color-gray-400);
    }
  }
  .data-placeholder\:text-muted-foreground {
    &[data-placeholder] {
      color: var(--muted-foreground);
    }
  }
  .data-popup-open\:bg-accent {
    &[data-popup-open] {
      background-color: var(--accent);
    }
  }
  .data-popup-open\:bg-muted\/50 {
    &[data-popup-open] {
      background-color: var(--muted);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }
  }
  .data-popup-open\:text-accent-foreground {
    &[data-popup-open] {
      color: var(--accent-foreground);
    }
  }
  .data-popup-open\:hover\:bg-muted {
    &[data-popup-open] {
      &:hover {
        @media (hover: hover) {
          background-color: var(--muted);
        }
      }
    }
  }
  .data-pressed\:bg-accent {
    &[data-pressed] {
      background-color: var(--accent);
    }
  }
  .data-pressed\:bg-input\/64 {
    &[data-pressed] {
      background-color: var(--input);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--input) 64%, transparent);
      }
    }
  }
  .data-pressed\:text-accent-foreground {
    &[data-pressed] {
      color: var(--accent-foreground);
    }
  }
  .data-scrolling\:opacity-100 {
    &[data-scrolling] {
      opacity: 100%;
    }
  }
  .data-scrolling\:delay-0 {
    &[data-scrolling] {
      transition-delay: 0ms;
    }
  }
  .data-scrolling\:duration-100 {
    &[data-scrolling] {
      --tw-duration: 100ms;
      transition-duration: 100ms;
    }
  }
  .data-scrolling\:delay-0 {
    &[data-scrolling] {
      animation-delay: calc(0*1ms);
      animation-delay: 0s;
      --tw-animation-delay: calc(0*1ms);
      --tw-animation-delay: 0s;
    }
  }
  .data-starting-style\:mb-0 {
    &[data-starting-style] {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .data-starting-style\:h-0 {
    &[data-starting-style] {
      height: calc(var(--spacing) * 0);
    }
  }
  .data-starting-style\:transform-\[translateX\(calc\(-100\%-var\(--inset\)\)\)\] {
    &[data-starting-style] {
      transform: translateX(calc(-100% - var(--inset)));
    }
  }
  .data-starting-style\:transform-\[translateX\(calc\(100\%\+var\(--inset\)\)\)\] {
    &[data-starting-style] {
      transform: translateX(calc(100% + var(--inset)));
    }
  }
  .data-starting-style\:transform-\[translateY\(calc\(-100\%-var\(--inset\)\)\)\] {
    &[data-starting-style] {
      transform: translateY(calc(-100% - var(--inset)));
    }
  }
  .data-starting-style\:transform-\[translateY\(calc\(100\%\+env\(safe-area-inset-bottom\,0px\)\+var\(--inset\)\)\)\] {
    &[data-starting-style] {
      transform: translateY(calc(100% + env(safe-area-inset-bottom,0px) + var(--inset)));
    }
  }
  .data-starting-style\:pb-0 {
    &[data-starting-style] {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .data-starting-style\:opacity-0 {
    &[data-starting-style] {
      opacity: 0%;
    }
  }
  .data-starting-style\:shadow-transparent {
    &[data-starting-style] {
      --tw-shadow-color: transparent;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, transparent var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .data-swiping\:duration-0 {
    &[data-swiping] {
      --tw-duration: 0ms;
      transition-duration: 0ms;
    }
  }
  .data-swiping\:select-none {
    &[data-swiping] {
      -webkit-user-select: none;
      user-select: none;
    }
  }
  .data-today\:after\:absolute {
    &[data-today] {
      &::after {
        content: var(--tw-content);
        position: absolute;
      }
    }
  }
  .data-today\:after\:bottom-0\.5 {
    &[data-today] {
      &::after {
        content: var(--tw-content);
        bottom: calc(var(--spacing) * 0.5);
      }
    }
  }
  .data-today\:after\:h-1 {
    &[data-today] {
      &::after {
        content: var(--tw-content);
        height: calc(var(--spacing) * 1);
      }
    }
  }
  .data-today\:after\:w-1 {
    &[data-today] {
      &::after {
        content: var(--tw-content);
        width: calc(var(--spacing) * 1);
      }
    }
  }
  .data-today\:after\:rounded-full {
    &[data-today] {
      &::after {
        content: var(--tw-content);
        border-radius: calc(infinity * 1px);
      }
    }
  }
  .data-today\:after\:bg-gray-900 {
    &[data-today] {
      &::after {
        content: var(--tw-content);
        background-color: var(--color-gray-900);
      }
    }
  }
  .data-today\:after\:content-\[\'\'\] {
    &[data-today] {
      &::after {
        --tw-content: '';
        content: var(--tw-content);
      }
    }
  }
  .data-voted\:bg-muted {
    &[data-voted] {
      background-color: var(--muted);
    }
  }
  .data-\[active\=true\]\:z-10 {
    &[data-active="true"] {
      z-index: 10;
    }
  }
  .data-\[active\=true\]\:border-ring {
    &[data-active="true"] {
      border-color: var(--ring);
    }
  }
  .data-\[active\=true\]\:bg-muted\/60 {
    &[data-active="true"] {
      background-color: var(--muted);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--muted) 60%, transparent);
      }
    }
  }
  .data-\[active\=true\]\:font-medium {
    &[data-active="true"] {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .data-\[active\=true\]\:text-foreground {
    &[data-active="true"] {
      color: var(--foreground);
    }
  }
  .data-\[active\=true\]\:ring-3 {
    &[data-active="true"] {
      --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-\[active\=true\]\:ring-\[3px\] {
    &[data-active="true"] {
      --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-\[active\=true\]\:ring-ring\/50 {
    &[data-active="true"] {
      --tw-ring-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
      }
    }
  }
  .data-\[active\=true\]\:aria-invalid\:border-destructive {
    &[data-active="true"] {
      &[aria-invalid="true"] {
        border-color: var(--destructive);
      }
    }
  }
  .data-\[active\=true\]\:aria-invalid\:ring-destructive\/20 {
    &[data-active="true"] {
      &[aria-invalid="true"] {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
        }
      }
    }
  }
  .data-\[align-trigger\=true\]\:animate-none {
    &[data-align-trigger="true"] {
      animation: none;
    }
  }
  .data-\[checked\]\:translate-x-4 {
    &[data-checked] {
      --tw-translate-x: calc(var(--spacing) * 4);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .data-\[checked\]\:bg-gray-900 {
    &[data-checked] {
      background-color: var(--color-gray-900);
    }
  }
  .data-\[checked\]\:bg-\[0\%_0\%\] {
    &[data-checked] {
      background-position: 0% 0%;
    }
  }
  .data-\[checked\]\:active\:bg-gray-500 {
    &[data-checked] {
      &:active {
        background-color: var(--color-gray-500);
      }
    }
  }
  .data-\[connection-state\=error\]\:border-destructive\/40 {
    &[data-connection-state="error"] {
      border-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
      }
    }
  }
  .data-\[contained\=false\]\:left-1\/2 {
    &[data-contained="false"] {
      left: calc(1 / 2 * 100%);
    }
  }
  .data-\[contained\=false\]\:w-screen {
    &[data-contained="false"] {
      width: 100vw;
    }
  }
  .data-\[contained\=false\]\:-translate-x-1\/2 {
    &[data-contained="false"] {
      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .data-\[contained\=true\]\:inset-x-0 {
    &[data-contained="true"] {
      inset-inline: calc(var(--spacing) * 0);
    }
  }
  .data-\[contained\=true\]\:w-full {
    &[data-contained="true"] {
      width: 100%;
    }
  }
  .data-\[direction\=down\]\:bottom-0 {
    &[data-direction="down"] {
      bottom: calc(var(--spacing) * 0);
    }
  }
  .data-\[direction\=down\]\:before\:bottom-\[-100\%\] {
    &[data-direction="down"] {
      &::before {
        content: var(--tw-content);
        bottom: -100%;
      }
    }
  }
  .data-\[disabled\]\:pointer-events-none {
    &[data-disabled] {
      pointer-events: none;
    }
  }
  .data-\[disabled\]\:bg-muted-foreground {
    &[data-disabled] {
      background-color: var(--muted-foreground);
    }
  }
  .data-\[disabled\]\:text-muted {
    &[data-disabled] {
      color: var(--muted);
    }
  }
  .data-\[disabled\]\:opacity-40 {
    &[data-disabled] {
      opacity: 40%;
    }
  }
  .data-\[disabled\]\:opacity-50 {
    &[data-disabled] {
      opacity: 50%;
    }
  }
  .data-\[disabled\]\:hover\:bg-muted-foreground {
    &[data-disabled] {
      &:hover {
        @media (hover: hover) {
          background-color: var(--muted-foreground);
        }
      }
    }
  }
  .data-\[disabled\=true\]\:pointer-events-none {
    &[data-disabled="true"] {
      pointer-events: none;
    }
  }
  .data-\[disabled\=true\]\:opacity-50 {
    &[data-disabled="true"] {
      opacity: 50%;
    }
  }
  .data-\[dragging\]\:cursor-grabbing {
    &[data-dragging] {
      cursor: grabbing;
    }
  }
  .data-\[dragging\=true\]\:z-10 {
    &[data-dragging="true"] {
      z-index: 10;
    }
  }
  .data-\[dragging\=true\]\:border-dashed {
    &[data-dragging="true"] {
      --tw-border-style: dashed;
      border-style: dashed;
    }
  }
  .data-\[dragging\=true\]\:border-ring {
    &[data-dragging="true"] {
      border-color: var(--ring);
    }
  }
  .data-\[dragging\=true\]\:bg-accent\/50 {
    &[data-dragging="true"] {
      background-color: var(--accent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--accent) 50%, transparent);
      }
    }
  }
  .data-\[dragging\=true\]\:opacity-80 {
    &[data-dragging="true"] {
      opacity: 80%;
    }
  }
  .data-\[ending-style\]\:h-0 {
    &[data-ending-style] {
      height: calc(var(--spacing) * 0);
    }
  }
  .data-\[ending-style\]\:scale-90 {
    &[data-ending-style] {
      --tw-scale-x: 90%;
      --tw-scale-y: 90%;
      --tw-scale-z: 90%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .data-\[ending-style\]\:scale-100 {
    &[data-ending-style] {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .data-\[ending-style\]\:opacity-0 {
    &[data-ending-style] {
      opacity: 0%;
    }
  }
  .data-\[ending-style\]\:opacity-100 {
    &[data-ending-style] {
      opacity: 100%;
    }
  }
  .data-\[ending-style\]\:transition-opacity {
    &[data-ending-style] {
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .data-\[ending-style\]\:transition-none {
    &[data-ending-style] {
      transition-property: none;
    }
  }
  .data-\[ending-style\]\:duration-150 {
    &[data-ending-style] {
      --tw-duration: 150ms;
      transition-duration: 150ms;
    }
  }
  .data-\[ending-style\]\:data-\[activation-direction\=left\]\:translate-x-\[50\%\] {
    &[data-ending-style] {
      &[data-activation-direction="left"] {
        --tw-translate-x: 50%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .data-\[ending-style\]\:data-\[activation-direction\=right\]\:translate-x-\[-50\%\] {
    &[data-ending-style] {
      &[data-activation-direction="right"] {
        --tw-translate-x: -50%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .data-\[expanded\]\:\[transform\:translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(calc\(var\(--toast-offset-y\)\*-1\+calc\(var\(--toast-index\)\*var\(--gap\)\*-1\)\+var\(--toast-swipe-movement-y\)\)\)\] {
    &[data-expanded] {
      transform: translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-offset-y) * -1 + calc(var(--toast-index) * var(--gap) * -1) + var(--toast-swipe-movement-y)));
    }
  }
  .data-\[fixed\]\:bg-muted-foreground {
    &[data-fixed] {
      background-color: var(--muted-foreground);
    }
  }
  .data-\[fixed\]\:text-muted {
    &[data-fixed] {
      color: var(--muted);
    }
  }
  .data-\[fixed\]\:hover\:bg-muted-foreground {
    &[data-fixed] {
      &:hover {
        @media (hover: hover) {
          background-color: var(--muted-foreground);
        }
      }
    }
  }
  .data-\[highlighted\]\:relative {
    &[data-highlighted] {
      position: relative;
    }
  }
  .data-\[highlighted\]\:z-0 {
    &[data-highlighted] {
      z-index: 0;
    }
  }
  .data-\[highlighted\]\:bg-accent {
    &[data-highlighted] {
      background-color: var(--accent);
    }
  }
  .data-\[highlighted\]\:bg-blue-600 {
    &[data-highlighted] {
      background-color: var(--color-blue-600);
    }
  }
  .data-\[highlighted\]\:bg-indigo-50 {
    &[data-highlighted] {
      background-color: var(--color-indigo-50);
    }
  }
  .data-\[highlighted\]\:bg-zinc-100 {
    &[data-highlighted] {
      background-color: var(--color-zinc-100);
    }
  }
  .data-\[highlighted\]\:text-gray-50 {
    &[data-highlighted] {
      color: var(--color-gray-50);
    }
  }
  .data-\[highlighted\]\:text-indigo-600 {
    &[data-highlighted] {
      color: var(--color-indigo-600);
    }
  }
  .data-\[highlighted\]\:text-white {
    &[data-highlighted] {
      color: var(--color-white);
    }
  }
  .data-\[highlighted\]\:before\:absolute {
    &[data-highlighted] {
      &::before {
        content: var(--tw-content);
        position: absolute;
      }
    }
  }
  .data-\[highlighted\]\:before\:inset-x-1 {
    &[data-highlighted] {
      &::before {
        content: var(--tw-content);
        inset-inline: calc(var(--spacing) * 1);
      }
    }
  }
  .data-\[highlighted\]\:before\:inset-y-0 {
    &[data-highlighted] {
      &::before {
        content: var(--tw-content);
        inset-block: calc(var(--spacing) * 0);
      }
    }
  }
  .data-\[highlighted\]\:before\:z-\[-1\] {
    &[data-highlighted] {
      &::before {
        content: var(--tw-content);
        z-index: -1;
      }
    }
  }
  .data-\[highlighted\]\:before\:rounded-sm {
    &[data-highlighted] {
      &::before {
        content: var(--tw-content);
        border-radius: calc(var(--radius) * 0.6);
      }
    }
  }
  .data-\[highlighted\]\:before\:bg-gray-900 {
    &[data-highlighted] {
      &::before {
        content: var(--tw-content);
        background-color: var(--color-gray-900);
      }
    }
  }
  .data-\[highlighted\]\:hover\:bg-indigo-50 {
    &[data-highlighted] {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-indigo-50);
        }
      }
    }
  }
  .data-\[highlighted\]\:hover\:text-indigo-600 {
    &[data-highlighted] {
      &:hover {
        @media (hover: hover) {
          color: var(--color-indigo-600);
        }
      }
    }
  }
  .data-\[highlighted\=true\]\:bg-primary {
    &[data-highlighted="true"] {
      background-color: var(--primary);
    }
  }
  .data-\[hovering\]\:opacity-100 {
    &[data-hovering] {
      opacity: 100%;
    }
  }
  .data-\[hovering\]\:delay-0 {
    &[data-hovering] {
      transition-delay: 0ms;
    }
  }
  .data-\[hovering\]\:duration-75 {
    &[data-hovering] {
      --tw-duration: 75ms;
      transition-duration: 75ms;
    }
  }
  .data-\[hovering\]\:delay-0 {
    &[data-hovering] {
      animation-delay: calc(0*1ms);
      animation-delay: 0s;
      --tw-animation-delay: calc(0*1ms);
      --tw-animation-delay: 0s;
    }
  }
  .data-\[instant\]\:transition-none {
    &[data-instant] {
      transition-property: none;
    }
  }
  .data-\[instant\]\:duration-0 {
    &[data-instant] {
      --tw-duration: 0ms;
      transition-duration: 0ms;
    }
  }
  .data-\[invalid\=true\]\:border-rose-500 {
    &[data-invalid="true"] {
      border-color: var(--color-rose-500);
    }
  }
  .data-\[invalid\=true\]\:text-destructive {
    &[data-invalid="true"] {
      color: var(--destructive);
    }
  }
  .data-\[limited\]\:opacity-0 {
    &[data-limited] {
      opacity: 0%;
    }
  }
  .data-\[motion\=from-end\]\:slide-in-from-right-52 {
    &[data-motion="from-end"] {
      --tw-enter-translate-x: calc(52*var(--spacing));
    }
  }
  .data-\[motion\=from-start\]\:slide-in-from-left-52 {
    &[data-motion="from-start"] {
      --tw-enter-translate-x: calc(52*var(--spacing)*-1);
    }
  }
  .data-\[motion\=to-end\]\:slide-out-to-right-52 {
    &[data-motion="to-end"] {
      --tw-exit-translate-x: calc(52*var(--spacing));
    }
  }
  .data-\[motion\=to-start\]\:slide-out-to-left-52 {
    &[data-motion="to-start"] {
      --tw-exit-translate-x: calc(52*var(--spacing)*-1);
    }
  }
  .data-\[motion\^\=from-\]\:animate-in {
    &[data-motion^="from-"] {
      animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
  }
  .data-\[motion\^\=from-\]\:fade-in {
    &[data-motion^="from-"] {
      --tw-enter-opacity: 0;
    }
  }
  .data-\[motion\^\=to-\]\:animate-out {
    &[data-motion^="to-"] {
      animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
  }
  .data-\[motion\^\=to-\]\:fade-out {
    &[data-motion^="to-"] {
      --tw-exit-opacity: 0;
    }
  }
  .data-\[orientation\=horizontal\]\:my-0\.5 {
    &[data-orientation="horizontal"] {
      margin-block: calc(var(--spacing) * 0.5);
    }
  }
  .data-\[orientation\=horizontal\]\:ms-0\.5 {
    &[data-orientation="horizontal"] {
      margin-inline-start: calc(var(--spacing) * 0.5);
    }
  }
  .data-\[orientation\=horizontal\]\:h-0\.5 {
    &[data-orientation="horizontal"] {
      height: calc(var(--spacing) * 0.5);
    }
  }
  .data-\[orientation\=horizontal\]\:h-1 {
    &[data-orientation="horizontal"] {
      height: calc(var(--spacing) * 1);
    }
  }
  .data-\[orientation\=horizontal\]\:h-1\.5 {
    &[data-orientation="horizontal"] {
      height: calc(var(--spacing) * 1.5);
    }
  }
  .data-\[orientation\=horizontal\]\:h-px {
    &[data-orientation="horizontal"] {
      height: 1px;
    }
  }
  .data-\[orientation\=horizontal\]\:w-full {
    &[data-orientation="horizontal"] {
      width: 100%;
    }
  }
  .data-\[orientation\=horizontal\]\:min-w-44 {
    &[data-orientation="horizontal"] {
      min-width: calc(var(--spacing) * 44);
    }
  }
  .data-\[orientation\=horizontal\]\:translate-y-px {
    &[data-orientation="horizontal"] {
      --tw-translate-y: 1px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .data-\[orientation\=horizontal\]\:flex-col {
    &[data-orientation="horizontal"] {
      flex-direction: column;
    }
  }
  .data-\[orientation\=horizontal\]\:bg-\[linear-gradient\(90deg\,var\(--foreground\)_75\%\,transparent_75\%\)\] {
    &[data-orientation="horizontal"] {
      background-image: linear-gradient(90deg,var(--foreground) 75%,transparent 75%);
    }
  }
  .data-\[orientation\=horizontal\]\:bg-\[length\:16px_8px\] {
    &[data-orientation="horizontal"] {
      background-size: 16px 8px;
    }
  }
  .data-\[orientation\=horizontal\]\:py-1 {
    &[data-orientation="horizontal"] {
      padding-block: calc(var(--spacing) * 1);
    }
  }
  .data-\[orientation\=horizontal\]\:before\:inset-x-0\.5 {
    &[data-orientation="horizontal"] {
      &::before {
        content: var(--tw-content);
        inset-inline: calc(var(--spacing) * 0.5);
      }
    }
  }
  .data-\[orientation\=horizontal\]\:before\:inset-y-0 {
    &[data-orientation="horizontal"] {
      &::before {
        content: var(--tw-content);
        inset-block: calc(var(--spacing) * 0);
      }
    }
  }
  .data-\[orientation\=vertical\]\:my-1\.5 {
    &[data-orientation="vertical"] {
      margin-block: calc(var(--spacing) * 1.5);
    }
  }
  .data-\[orientation\=vertical\]\:mb-0\.5 {
    &[data-orientation="vertical"] {
      margin-bottom: calc(var(--spacing) * 0.5);
    }
  }
  .data-\[orientation\=vertical\]\:h-4 {
    &[data-orientation="vertical"] {
      height: calc(var(--spacing) * 4);
    }
  }
  .data-\[orientation\=vertical\]\:h-auto {
    &[data-orientation="vertical"] {
      height: auto;
    }
  }
  .data-\[orientation\=vertical\]\:h-full {
    &[data-orientation="vertical"] {
      height: 100%;
    }
  }
  .data-\[orientation\=vertical\]\:min-h-44 {
    &[data-orientation="vertical"] {
      min-height: calc(var(--spacing) * 44);
    }
  }
  .data-\[orientation\=vertical\]\:w-0\.5 {
    &[data-orientation="vertical"] {
      width: calc(var(--spacing) * 0.5);
    }
  }
  .data-\[orientation\=vertical\]\:w-1 {
    &[data-orientation="vertical"] {
      width: calc(var(--spacing) * 1);
    }
  }
  .data-\[orientation\=vertical\]\:w-1\.5 {
    &[data-orientation="vertical"] {
      width: calc(var(--spacing) * 1.5);
    }
  }
  .data-\[orientation\=vertical\]\:w-auto {
    &[data-orientation="vertical"] {
      width: auto;
    }
  }
  .data-\[orientation\=vertical\]\:w-full {
    &[data-orientation="vertical"] {
      width: 100%;
    }
  }
  .data-\[orientation\=vertical\]\:w-px {
    &[data-orientation="vertical"] {
      width: 1px;
    }
  }
  .data-\[orientation\=vertical\]\:-translate-x-px {
    &[data-orientation="vertical"] {
      --tw-translate-x: -1px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .data-\[orientation\=vertical\]\:flex-col {
    &[data-orientation="vertical"] {
      flex-direction: column;
    }
  }
  .data-\[orientation\=vertical\]\:flex-row {
    &[data-orientation="vertical"] {
      flex-direction: row;
    }
  }
  .data-\[orientation\=vertical\]\:justify-start {
    &[data-orientation="vertical"] {
      justify-content: flex-start;
    }
  }
  .data-\[orientation\=vertical\]\:self-center {
    &[data-orientation="vertical"] {
      align-self: center;
    }
  }
  .data-\[orientation\=vertical\]\:bg-\[linear-gradient\(0deg\,var\(--foreground\)_75\%\,transparent_75\%\)\] {
    &[data-orientation="vertical"] {
      background-image: linear-gradient(0deg,var(--foreground) 75%,transparent 75%);
    }
  }
  .data-\[orientation\=vertical\]\:bg-\[length\:2px_16px\] {
    &[data-orientation="vertical"] {
      background-size: 2px 16px;
    }
  }
  .data-\[orientation\=vertical\]\:px-1 {
    &[data-orientation="vertical"] {
      padding-inline: calc(var(--spacing) * 1);
    }
  }
  .data-\[orientation\=vertical\]\:not-\[\[class\^\=\'h-\'\]\]\:not-\[\[class\*\=\'_h-\'\]\]\:self-stretch {
    &[data-orientation="vertical"] {
      &:not(*:is([class^='h-'])) {
        &:not(*:is([class*=' h-'])) {
          align-self: stretch;
        }
      }
    }
  }
  .data-\[orientation\=vertical\]\:before\:inset-x-0 {
    &[data-orientation="vertical"] {
      &::before {
        content: var(--tw-content);
        inset-inline: calc(var(--spacing) * 0);
      }
    }
  }
  .data-\[orientation\=vertical\]\:before\:inset-y-0\.5 {
    &[data-orientation="vertical"] {
      &::before {
        content: var(--tw-content);
        inset-block: calc(var(--spacing) * 0.5);
      }
    }
  }
  .data-\[panel-group-direction\=vertical\]\:h-\[6px\] {
    &[data-panel-group-direction="vertical"] {
      height: 6px;
    }
  }
  .data-\[panel-group-direction\=vertical\]\:w-full {
    &[data-panel-group-direction="vertical"] {
      width: 100%;
    }
  }
  .data-\[panel-group-direction\=vertical\]\:flex-col {
    &[data-panel-group-direction="vertical"] {
      flex-direction: column;
    }
  }
  .data-\[panel-group-direction\=vertical\]\:after\:left-0 {
    &[data-panel-group-direction="vertical"] {
      &::after {
        content: var(--tw-content);
        left: calc(var(--spacing) * 0);
      }
    }
  }
  .data-\[panel-group-direction\=vertical\]\:after\:h-1 {
    &[data-panel-group-direction="vertical"] {
      &::after {
        content: var(--tw-content);
        height: calc(var(--spacing) * 1);
      }
    }
  }
  .data-\[panel-group-direction\=vertical\]\:after\:w-full {
    &[data-panel-group-direction="vertical"] {
      &::after {
        content: var(--tw-content);
        width: 100%;
      }
    }
  }
  .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0 {
    &[data-panel-group-direction="vertical"] {
      &::after {
        content: var(--tw-content);
        --tw-translate-x: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2 {
    &[data-panel-group-direction="vertical"] {
      &::after {
        content: var(--tw-content);
        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .data-\[placeholder\]\:text-muted-foreground {
    &[data-placeholder] {
      color: var(--muted-foreground);
    }
  }
  .data-\[popup-open\]\:relative {
    &[data-popup-open] {
      position: relative;
    }
  }
  .data-\[popup-open\]\:z-0 {
    &[data-popup-open] {
      z-index: 0;
    }
  }
  .data-\[popup-open\]\:rotate-180 {
    &[data-popup-open] {
      rotate: 180deg;
    }
  }
  .data-\[popup-open\]\:bg-accent {
    &[data-popup-open] {
      background-color: var(--accent);
    }
  }
  .data-\[popup-open\]\:bg-gray-100 {
    &[data-popup-open] {
      background-color: var(--color-gray-100);
    }
  }
  .data-\[popup-open\]\:text-accent-foreground {
    &[data-popup-open] {
      color: var(--accent-foreground);
    }
  }
  .data-\[popup-open\]\:underline {
    &[data-popup-open] {
      text-decoration-line: underline;
    }
  }
  .data-\[popup-open\]\:before\:absolute {
    &[data-popup-open] {
      &::before {
        content: var(--tw-content);
        position: absolute;
      }
    }
  }
  .data-\[popup-open\]\:before\:inset-x-1 {
    &[data-popup-open] {
      &::before {
        content: var(--tw-content);
        inset-inline: calc(var(--spacing) * 1);
      }
    }
  }
  .data-\[popup-open\]\:before\:inset-y-0 {
    &[data-popup-open] {
      &::before {
        content: var(--tw-content);
        inset-block: calc(var(--spacing) * 0);
      }
    }
  }
  .data-\[popup-open\]\:before\:z-\[-1\] {
    &[data-popup-open] {
      &::before {
        content: var(--tw-content);
        z-index: -1;
      }
    }
  }
  .data-\[popup-open\]\:before\:rounded-sm {
    &[data-popup-open] {
      &::before {
        content: var(--tw-content);
        border-radius: calc(var(--radius) * 0.6);
      }
    }
  }
  .data-\[popup-open\]\:before\:bg-gray-100 {
    &[data-popup-open] {
      &::before {
        content: var(--tw-content);
        background-color: var(--color-gray-100);
      }
    }
  }
  .data-\[popup-open\]\:focus-visible\:no-underline {
    &[data-popup-open] {
      &:focus-visible {
        text-decoration-line: none;
      }
    }
  }
  .data-\[highlighted\]\:data-\[popup-open\]\:before\:bg-gray-900 {
    &[data-highlighted] {
      &[data-popup-open] {
        &::before {
          content: var(--tw-content);
          background-color: var(--color-gray-900);
        }
      }
    }
  }
  .data-\[position\=bottom\]\:-bottom-px {
    &[data-position="bottom"] {
      bottom: -1px;
    }
  }
  .data-\[position\=popper\]\:h-\(--radix-select-trigger-height\) {
    &[data-position="popper"] {
      height: var(--radix-select-trigger-height);
    }
  }
  .data-\[position\=popper\]\:w-full {
    &[data-position="popper"] {
      width: 100%;
    }
  }
  .data-\[position\=popper\]\:min-w-\(--radix-select-trigger-width\) {
    &[data-position="popper"] {
      min-width: var(--radix-select-trigger-width);
    }
  }
  .data-\[position\=top\]\:-top-px {
    &[data-position="top"] {
      top: -1px;
    }
  }
  .data-\[pressed\]\:bg-accent {
    &[data-pressed] {
      background-color: var(--accent);
    }
  }
  .data-\[pressed\]\:bg-gray-100 {
    &[data-pressed] {
      background-color: var(--color-gray-100);
    }
  }
  .data-\[pressed\]\:text-accent-foreground {
    &[data-pressed] {
      color: var(--accent-foreground);
    }
  }
  .data-\[pressed\]\:text-gray-900 {
    &[data-pressed] {
      color: var(--color-gray-900);
    }
  }
  .data-\[pressed\=true\]\:rounded-\[8px\] {
    &[data-pressed="true"] {
      border-radius: 8px;
    }
  }
  .data-\[pressed\=true\]\:rounded-\[12px\] {
    &[data-pressed="true"] {
      border-radius: 12px;
    }
  }
  .data-\[pressed\=true\]\:rounded-\[16px\] {
    &[data-pressed="true"] {
      border-radius: 16px;
    }
  }
  .data-\[pressed\=true\]\:rounded-\[20px\] {
    &[data-pressed="true"] {
      border-radius: 20px;
    }
  }
  .data-\[pressed\=true\]\:rounded-\[28px\] {
    &[data-pressed="true"] {
      border-radius: 28px;
    }
  }
  .data-\[pressed\=true\]\:rounded-\[48px\] {
    &[data-pressed="true"] {
      border-radius: 48px;
    }
  }
  .data-\[pressed\=true\]\:rounded-\[68px\] {
    &[data-pressed="true"] {
      border-radius: 68px;
    }
  }
  .data-\[pressed\=true\]\:rounded-l-\[16px\] {
    &[data-pressed="true"] {
      border-top-left-radius: 16px;
      border-bottom-left-radius: 16px;
    }
  }
  .data-\[pressed\=true\]\:rounded-l-\[24px\] {
    &[data-pressed="true"] {
      border-top-left-radius: 24px;
      border-bottom-left-radius: 24px;
    }
  }
  .data-\[pressed\=true\]\:rounded-l-\[28px\] {
    &[data-pressed="true"] {
      border-top-left-radius: 28px;
      border-bottom-left-radius: 28px;
    }
  }
  .data-\[pressed\=true\]\:rounded-l-\[46px\] {
    &[data-pressed="true"] {
      border-top-left-radius: 46px;
      border-bottom-left-radius: 46px;
    }
  }
  .data-\[pressed\=true\]\:rounded-l-\[62px\] {
    &[data-pressed="true"] {
      border-top-left-radius: 62px;
      border-bottom-left-radius: 62px;
    }
  }
  .data-\[pressed\=true\]\:rounded-r-\[16px\] {
    &[data-pressed="true"] {
      border-top-right-radius: 16px;
      border-bottom-right-radius: 16px;
    }
  }
  .data-\[pressed\=true\]\:rounded-r-\[24px\] {
    &[data-pressed="true"] {
      border-top-right-radius: 24px;
      border-bottom-right-radius: 24px;
    }
  }
  .data-\[pressed\=true\]\:rounded-r-\[28px\] {
    &[data-pressed="true"] {
      border-top-right-radius: 28px;
      border-bottom-right-radius: 28px;
    }
  }
  .data-\[pressed\=true\]\:rounded-r-\[46px\] {
    &[data-pressed="true"] {
      border-top-right-radius: 46px;
      border-bottom-right-radius: 46px;
    }
  }
  .data-\[pressed\=true\]\:rounded-r-\[62px\] {
    &[data-pressed="true"] {
      border-top-right-radius: 62px;
      border-bottom-right-radius: 62px;
    }
  }
  .data-\[pressed\=true\]\:shadow-sm {
    &[data-pressed="true"] {
      --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);
    }
  }
  .data-\[pressed\=true\]\:brightness-95 {
    &[data-pressed="true"] {
      --tw-brightness: brightness(95%);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
  }
  .data-\[range-end\=true\]\:rounded-\(--cell-radius\) {
    &[data-range-end="true"] {
      border-radius: var(--cell-radius);
    }
  }
  .data-\[range-end\=true\]\:rounded-r-\(--cell-radius\) {
    &[data-range-end="true"] {
      border-top-right-radius: var(--cell-radius);
      border-bottom-right-radius: var(--cell-radius);
    }
  }
  .data-\[range-end\=true\]\:bg-primary {
    &[data-range-end="true"] {
      background-color: var(--primary);
    }
  }
  .data-\[range-end\=true\]\:text-primary-foreground {
    &[data-range-end="true"] {
      color: var(--primary-foreground);
    }
  }
  .data-\[range-middle\=true\]\:rounded-none {
    &[data-range-middle="true"] {
      border-radius: 0;
    }
  }
  .data-\[range-middle\=true\]\:bg-muted {
    &[data-range-middle="true"] {
      background-color: var(--muted);
    }
  }
  .data-\[range-middle\=true\]\:text-foreground {
    &[data-range-middle="true"] {
      color: var(--foreground);
    }
  }
  .data-\[range-start\=true\]\:rounded-\(--cell-radius\) {
    &[data-range-start="true"] {
      border-radius: var(--cell-radius);
    }
  }
  .data-\[range-start\=true\]\:rounded-l-\(--cell-radius\) {
    &[data-range-start="true"] {
      border-top-left-radius: var(--cell-radius);
      border-bottom-left-radius: var(--cell-radius);
    }
  }
  .data-\[range-start\=true\]\:bg-primary {
    &[data-range-start="true"] {
      background-color: var(--primary);
    }
  }
  .data-\[range-start\=true\]\:text-primary-foreground {
    &[data-range-start="true"] {
      color: var(--primary-foreground);
    }
  }
  .data-\[scrolling\]\:opacity-100 {
    &[data-scrolling] {
      opacity: 100%;
    }
  }
  .data-\[scrolling\]\:delay-0 {
    &[data-scrolling] {
      transition-delay: 0ms;
    }
  }
  .data-\[scrolling\]\:duration-75 {
    &[data-scrolling] {
      --tw-duration: 75ms;
      transition-duration: 75ms;
    }
  }
  .data-\[scrolling\]\:delay-0 {
    &[data-scrolling] {
      animation-delay: calc(0*1ms);
      animation-delay: 0s;
      --tw-animation-delay: calc(0*1ms);
      --tw-animation-delay: 0s;
    }
  }
  .data-\[selected\]\:bg-blue-50 {
    &[data-selected] {
      background-color: var(--color-blue-50);
    }
  }
  .data-\[selected\]\:text-blue-700 {
    &[data-selected] {
      color: var(--color-blue-700);
    }
  }
  .data-\[selected\]\:text-gray-900 {
    &[data-selected] {
      color: var(--color-gray-900);
    }
  }
  .data-\[selected\]\:shadow-sm {
    &[data-selected] {
      --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);
    }
  }
  .data-\[selected\]\:ring-1 {
    &[data-selected] {
      --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-\[selected\]\:ring-blue-200 {
    &[data-selected] {
      --tw-ring-color: var(--color-blue-200);
    }
  }
  .data-\[selected-single\=true\]\:bg-primary {
    &[data-selected-single="true"] {
      background-color: var(--primary);
    }
  }
  .data-\[selected-single\=true\]\:text-primary-foreground {
    &[data-selected-single="true"] {
      color: var(--primary-foreground);
    }
  }
  .data-\[selected\=\'true\'\]\:bg-accent {
    &[data-selected='true'] {
      background-color: var(--accent);
    }
  }
  .data-\[selected\=true\]\:rounded-none {
    &[data-selected="true"] {
      border-radius: 0;
    }
  }
  .data-\[selected\=true\]\:border-amber-500 {
    &[data-selected="true"] {
      border-color: var(--color-amber-500);
    }
  }
  .data-\[selected\=true\]\:border-emerald-500 {
    &[data-selected="true"] {
      border-color: var(--color-emerald-500);
    }
  }
  .data-\[selected\=true\]\:border-rose-500 {
    &[data-selected="true"] {
      border-color: var(--color-rose-500);
    }
  }
  .data-\[selected\=true\]\:border-slate-500 {
    &[data-selected="true"] {
      border-color: var(--color-slate-500);
    }
  }
  .data-\[selected\=true\]\:border-violet-600 {
    &[data-selected="true"] {
      border-color: var(--color-violet-600);
    }
  }
  .data-\[selected\=true\]\:border-zinc-700 {
    &[data-selected="true"] {
      border-color: var(--color-zinc-700);
    }
  }
  .data-\[selected\=true\]\:bg-accent {
    &[data-selected="true"] {
      background-color: var(--accent);
    }
  }
  .data-\[selected\=true\]\:text-accent-foreground {
    &[data-selected="true"] {
      color: var(--accent-foreground);
    }
  }
  .data-\[selected\=true\]\:text-slate-950 {
    &[data-selected="true"] {
      color: var(--color-slate-950);
    }
  }
  .data-\[selected\=true\]\:text-white {
    &[data-selected="true"] {
      color: var(--color-white);
    }
  }
  .data-\[selected\=true\]\:after\:bg-amber-500 {
    &[data-selected="true"] {
      &::after {
        content: var(--tw-content);
        background-color: var(--color-amber-500);
      }
    }
  }
  .data-\[selected\=true\]\:after\:bg-emerald-500 {
    &[data-selected="true"] {
      &::after {
        content: var(--tw-content);
        background-color: var(--color-emerald-500);
      }
    }
  }
  .data-\[selected\=true\]\:after\:bg-rose-500 {
    &[data-selected="true"] {
      &::after {
        content: var(--tw-content);
        background-color: var(--color-rose-500);
      }
    }
  }
  .data-\[selected\=true\]\:after\:bg-slate-500 {
    &[data-selected="true"] {
      &::after {
        content: var(--tw-content);
        background-color: var(--color-slate-500);
      }
    }
  }
  .data-\[selected\=true\]\:after\:bg-violet-600 {
    &[data-selected="true"] {
      &::after {
        content: var(--tw-content);
        background-color: var(--color-violet-600);
      }
    }
  }
  .data-\[selected\=true\]\:after\:bg-zinc-700 {
    &[data-selected="true"] {
      &::after {
        content: var(--tw-content);
        background-color: var(--color-zinc-700);
      }
    }
  }
  .data-\[side\=bottom\]\:inset-x-0 {
    &[data-side="bottom"] {
      inset-inline: calc(var(--spacing) * 0);
    }
  }
  .data-\[side\=bottom\]\:top-\[-8px\] {
    &[data-side="bottom"] {
      top: -8px;
    }
  }
  .data-\[side\=bottom\]\:bottom-0 {
    &[data-side="bottom"] {
      bottom: calc(var(--spacing) * 0);
    }
  }
  .data-\[side\=bottom\]\:h-auto {
    &[data-side="bottom"] {
      height: auto;
    }
  }
  .data-\[side\=bottom\]\:translate-y-1 {
    &[data-side="bottom"] {
      --tw-translate-y: calc(var(--spacing) * 1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .data-\[side\=bottom\]\:border-t {
    &[data-side="bottom"] {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
  }
  .data-\[side\=bottom\]\:slide-in-from-top-2 {
    &[data-side="bottom"] {
      --tw-enter-translate-y: calc(2*var(--spacing)*-1);
    }
  }
  .data-\[side\=bottom\]\:slide-in-from-top-3 {
    &[data-side="bottom"] {
      --tw-enter-translate-y: calc(3*var(--spacing)*-1);
    }
  }
  .data-\[side\=bottom\]\:before\:top-\[-10px\] {
    &[data-side="bottom"] {
      &::before {
        content: var(--tw-content);
        top: -10px;
      }
    }
  }
  .data-\[side\=bottom\]\:before\:right-0 {
    &[data-side="bottom"] {
      &::before {
        content: var(--tw-content);
        right: calc(var(--spacing) * 0);
      }
    }
  }
  .data-\[side\=bottom\]\:before\:left-0 {
    &[data-side="bottom"] {
      &::before {
        content: var(--tw-content);
        left: calc(var(--spacing) * 0);
      }
    }
  }
  .data-\[side\=bottom\]\:before\:h-2\.5 {
    &[data-side="bottom"] {
      &::before {
        content: var(--tw-content);
        height: calc(var(--spacing) * 2.5);
      }
    }
  }
  .data-\[side\=left\]\:inset-y-0 {
    &[data-side="left"] {
      inset-block: calc(var(--spacing) * 0);
    }
  }
  .data-\[side\=left\]\:right-\[-13px\] {
    &[data-side="left"] {
      right: -13px;
    }
  }
  .data-\[side\=left\]\:left-0 {
    &[data-side="left"] {
      left: calc(var(--spacing) * 0);
    }
  }
  .data-\[side\=left\]\:h-full {
    &[data-side="left"] {
      height: 100%;
    }
  }
  .data-\[side\=left\]\:w-3\/4 {
    &[data-side="left"] {
      width: calc(3 / 4 * 100%);
    }
  }
  .data-\[side\=left\]\:-translate-x-1 {
    &[data-side="left"] {
      --tw-translate-x: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .data-\[side\=left\]\:rotate-90 {
    &[data-side="left"] {
      rotate: 90deg;
    }
  }
  .data-\[side\=left\]\:border-r {
    &[data-side="left"] {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
  }
  .data-\[side\=left\]\:slide-in-from-right-2 {
    &[data-side="left"] {
      --tw-enter-translate-x: calc(2*var(--spacing));
    }
  }
  .data-\[side\=left\]\:group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] {
    &[data-side="left"] {
      &:is(:where(.group)[data-collapsible="offcanvas"] *) {
        left: calc(var(--sidebar-width) * -1);
      }
    }
  }
  .data-\[side\=left\]\:before\:top-0 {
    &[data-side="left"] {
      &::before {
        content: var(--tw-content);
        top: calc(var(--spacing) * 0);
      }
    }
  }
  .data-\[side\=left\]\:before\:right-\[-10px\] {
    &[data-side="left"] {
      &::before {
        content: var(--tw-content);
        right: -10px;
      }
    }
  }
  .data-\[side\=left\]\:before\:bottom-0 {
    &[data-side="left"] {
      &::before {
        content: var(--tw-content);
        bottom: calc(var(--spacing) * 0);
      }
    }
  }
  .data-\[side\=left\]\:before\:w-2\.5 {
    &[data-side="left"] {
      &::before {
        content: var(--tw-content);
        width: calc(var(--spacing) * 2.5);
      }
    }
  }
  .data-\[side\=right\]\:inset-y-0 {
    &[data-side="right"] {
      inset-block: calc(var(--spacing) * 0);
    }
  }
  .data-\[side\=right\]\:right-0 {
    &[data-side="right"] {
      right: calc(var(--spacing) * 0);
    }
  }
  .data-\[side\=right\]\:left-\[-13px\] {
    &[data-side="right"] {
      left: -13px;
    }
  }
  .data-\[side\=right\]\:h-full {
    &[data-side="right"] {
      height: 100%;
    }
  }
  .data-\[side\=right\]\:w-3\/4 {
    &[data-side="right"] {
      width: calc(3 / 4 * 100%);
    }
  }
  .data-\[side\=right\]\:w-full {
    &[data-side="right"] {
      width: 100%;
    }
  }
  .data-\[side\=right\]\:translate-x-1 {
    &[data-side="right"] {
      --tw-translate-x: calc(var(--spacing) * 1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .data-\[side\=right\]\:-rotate-90 {
    &[data-side="right"] {
      rotate: calc(90deg * -1);
    }
  }
  .data-\[side\=right\]\:border-l {
    &[data-side="right"] {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }
  .data-\[side\=right\]\:slide-in-from-left-2 {
    &[data-side="right"] {
      --tw-enter-translate-x: calc(2*var(--spacing)*-1);
    }
  }
  .data-\[side\=right\]\:group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] {
    &[data-side="right"] {
      &:is(:where(.group)[data-collapsible="offcanvas"] *) {
        right: calc(var(--sidebar-width) * -1);
      }
    }
  }
  .data-\[side\=right\]\:before\:top-0 {
    &[data-side="right"] {
      &::before {
        content: var(--tw-content);
        top: calc(var(--spacing) * 0);
      }
    }
  }
  .data-\[side\=right\]\:before\:bottom-0 {
    &[data-side="right"] {
      &::before {
        content: var(--tw-content);
        bottom: calc(var(--spacing) * 0);
      }
    }
  }
  .data-\[side\=right\]\:before\:left-\[-10px\] {
    &[data-side="right"] {
      &::before {
        content: var(--tw-content);
        left: -10px;
      }
    }
  }
  .data-\[side\=right\]\:before\:w-2\.5 {
    &[data-side="right"] {
      &::before {
        content: var(--tw-content);
        width: calc(var(--spacing) * 2.5);
      }
    }
  }
  .data-\[side\=top\]\:inset-x-0 {
    &[data-side="top"] {
      inset-inline: calc(var(--spacing) * 0);
    }
  }
  .data-\[side\=top\]\:top-0 {
    &[data-side="top"] {
      top: calc(var(--spacing) * 0);
    }
  }
  .data-\[side\=top\]\:bottom-\[-8px\] {
    &[data-side="top"] {
      bottom: -8px;
    }
  }
  .data-\[side\=top\]\:h-auto {
    &[data-side="top"] {
      height: auto;
    }
  }
  .data-\[side\=top\]\:-translate-y-1 {
    &[data-side="top"] {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .data-\[side\=top\]\:rotate-180 {
    &[data-side="top"] {
      rotate: 180deg;
    }
  }
  .data-\[side\=top\]\:border-b {
    &[data-side="top"] {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .data-\[side\=top\]\:slide-in-from-bottom-2 {
    &[data-side="top"] {
      --tw-enter-translate-y: calc(2*var(--spacing));
    }
  }
  .data-\[side\=top\]\:before\:right-0 {
    &[data-side="top"] {
      &::before {
        content: var(--tw-content);
        right: calc(var(--spacing) * 0);
      }
    }
  }
  .data-\[side\=top\]\:before\:bottom-\[-10px\] {
    &[data-side="top"] {
      &::before {
        content: var(--tw-content);
        bottom: -10px;
      }
    }
  }
  .data-\[side\=top\]\:before\:left-0 {
    &[data-side="top"] {
      &::before {
        content: var(--tw-content);
        left: calc(var(--spacing) * 0);
      }
    }
  }
  .data-\[side\=top\]\:before\:h-2\.5 {
    &[data-side="top"] {
      &::before {
        content: var(--tw-content);
        height: calc(var(--spacing) * 2.5);
      }
    }
  }
  .data-\[size\=default\]\:h-8 {
    &[data-size="default"] {
      height: calc(var(--spacing) * 8);
    }
  }
  .data-\[size\=default\]\:h-9 {
    &[data-size="default"] {
      height: calc(var(--spacing) * 9);
    }
  }
  .data-\[size\=default\]\:h-\[18\.4px\] {
    &[data-size="default"] {
      height: 18.4px;
    }
  }
  .data-\[size\=default\]\:w-\[32px\] {
    &[data-size="default"] {
      width: 32px;
    }
  }
  .data-\[size\=lg\]\:size-10 {
    &[data-size="lg"] {
      width: calc(var(--spacing) * 10);
      height: calc(var(--spacing) * 10);
    }
  }
  .data-\[size\=md\]\:text-sm {
    &[data-size="md"] {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .data-\[size\=sm\]\:size-6 {
    &[data-size="sm"] {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
    }
  }
  .data-\[size\=sm\]\:h-7 {
    &[data-size="sm"] {
      height: calc(var(--spacing) * 7);
    }
  }
  .data-\[size\=sm\]\:h-8 {
    &[data-size="sm"] {
      height: calc(var(--spacing) * 8);
    }
  }
  .data-\[size\=sm\]\:h-\[14px\] {
    &[data-size="sm"] {
      height: 14px;
    }
  }
  .data-\[size\=sm\]\:w-\[24px\] {
    &[data-size="sm"] {
      width: 24px;
    }
  }
  .data-\[size\=sm\]\:gap-3 {
    &[data-size="sm"] {
      gap: calc(var(--spacing) * 3);
    }
  }
  .data-\[size\=sm\]\:rounded-\[min\(var\(--radius-md\)\,10px\)\] {
    &[data-size="sm"] {
      border-radius: min(var(--radius-md), 10px);
    }
  }
  .data-\[size\=sm\]\:py-3 {
    &[data-size="sm"] {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .data-\[size\=sm\]\:text-xs {
    &[data-size="sm"] {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .data-\[size\=sm\]\:has-data-\[slot\=card-footer\]\:pb-0 {
    &[data-size="sm"] {
      &:has(*[data-slot="card-footer"]) {
        padding-bottom: calc(var(--spacing) * 0);
      }
    }
  }
  .\*\:data-\[slot\=\'progress-indicator\'\]\:bg-chart-2 {
    :is(& > *) {
      &[data-slot='progress-indicator'] {
        background-color: var(--chart-2);
      }
    }
  }
  .\*\*\:data-\[slot\=\'table-cell\'\]\:px-4 {
    :is(& *) {
      &[data-slot='table-cell'] {
        padding-inline: calc(var(--spacing) * 4);
      }
    }
  }
  .\*\*\:data-\[slot\=\'table-cell\'\]\:px-4\.5 {
    :is(& *) {
      &[data-slot='table-cell'] {
        padding-inline: calc(var(--spacing) * 4.5);
      }
    }
  }
  .\*\*\:data-\[slot\=\'table-cell\'\]\:py-3 {
    :is(& *) {
      &[data-slot='table-cell'] {
        padding-block: calc(var(--spacing) * 3);
      }
    }
  }
  .\*\*\:data-\[slot\=\'table-cell\'\]\:py-4 {
    :is(& *) {
      &[data-slot='table-cell'] {
        padding-block: calc(var(--spacing) * 4);
      }
    }
  }
  .\*\*\:data-\[slot\=\'table-head\'\]\:h-11 {
    :is(& *) {
      &[data-slot='table-head'] {
        height: calc(var(--spacing) * 11);
      }
    }
  }
  .\*\*\:data-\[slot\=\'table-head\'\]\:px-4 {
    :is(& *) {
      &[data-slot='table-head'] {
        padding-inline: calc(var(--spacing) * 4);
      }
    }
  }
  .\*\*\:data-\[slot\=\'table-head\'\]\:px-4\.5 {
    :is(& *) {
      &[data-slot='table-head'] {
        padding-inline: calc(var(--spacing) * 4.5);
      }
    }
  }
  .\*\*\:data-\[slot\=\'table-head\'\]\:text-sm {
    :is(& *) {
      &[data-slot='table-head'] {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
      }
    }
  }
  .\*\*\:data-\[slot\=\'table-head\'\]\:font-medium {
    :is(& *) {
      &[data-slot='table-head'] {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
      }
    }
  }
  .\*\*\:data-\[slot\=\'table-head\'\]\:font-normal {
    :is(& *) {
      &[data-slot='table-head'] {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
      }
    }
  }
  .\*\*\:data-\[slot\=\'table-head\'\]\:text-foreground {
    :is(& *) {
      &[data-slot='table-head'] {
        color: var(--foreground);
      }
    }
  }
  .\*\*\:data-\[slot\=\'table-row\'\]\:border-border\/50 {
    :is(& *) {
      &[data-slot='table-row'] {
        border-color: var(--border);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--border) 50%, transparent);
        }
      }
    }
  }
  .\*\*\:data-\[slot\=\'table-row\'\]\:hover\:bg-transparent {
    :is(& *) {
      &[data-slot='table-row'] {
        &:hover {
          @media (hover: hover) {
            background-color: transparent;
          }
        }
      }
    }
  }
  .\*\*\:data-\[slot\=accordion-trigger-icon\]\:ml-auto {
    :is(& *) {
      &[data-slot="accordion-trigger-icon"] {
        margin-left: auto;
      }
    }
  }
  .\*\*\:data-\[slot\=accordion-trigger-icon\]\:size-4 {
    :is(& *) {
      &[data-slot="accordion-trigger-icon"] {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
      }
    }
  }
  .\*\*\:data-\[slot\=accordion-trigger-icon\]\:text-muted-foreground {
    :is(& *) {
      &[data-slot="accordion-trigger-icon"] {
        color: var(--muted-foreground);
      }
    }
  }
  .\*\:data-\[slot\=alert-description\]\:text-destructive\/90 {
    :is(& > *) {
      &[data-slot="alert-description"] {
        color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--destructive) 90%, transparent);
        }
      }
    }
  }
  .\*\:data-\[slot\=avatar\]\:ring-2 {
    :is(& > *) {
      &[data-slot="avatar"] {
        --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-\[slot\=avatar\]\:ring-background {
    :is(& > *) {
      &[data-slot="avatar"] {
        --tw-ring-color: var(--background);
      }
    }
  }
  .\*\*\:data-\[slot\=badge\]\:size-5 {
    :is(& *) {
      &[data-slot="badge"] {
        width: calc(var(--spacing) * 5);
        height: calc(var(--spacing) * 5);
      }
    }
  }
  .\*\*\:data-\[slot\=badge\]\:rounded-full {
    :is(& *) {
      &[data-slot="badge"] {
        border-radius: calc(infinity * 1px);
      }
    }
  }
  .\*\*\:data-\[slot\=badge\]\:bg-muted-foreground\/30 {
    :is(& *) {
      &[data-slot="badge"] {
        background-color: var(--muted-foreground);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--muted-foreground) 30%, transparent);
        }
      }
    }
  }
  .\*\:data-\[slot\=card\]\:rounded-none {
    :is(& > *) {
      &[data-slot="card"] {
        border-radius: 0;
      }
    }
  }
  .\*\:data-\[slot\=card\]\:bg-linear-to-t {
    :is(& > *) {
      &[data-slot="card"] {
        --tw-gradient-position: to top;
        @supports (background-image: linear-gradient(in lab, red, red)) {
          --tw-gradient-position: to top in oklab;
        }
        background-image: linear-gradient(var(--tw-gradient-stops));
      }
    }
  }
  .\*\:data-\[slot\=card\]\:bg-gradient-to-t {
    :is(& > *) {
      &[data-slot="card"] {
        --tw-gradient-position: to top in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops));
      }
    }
  }
  .\*\:data-\[slot\=card\]\:from-primary\/5 {
    :is(& > *) {
      &[data-slot="card"] {
        --tw-gradient-from: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-from: color-mix(in oklab, var(--primary) 5%, 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));
      }
    }
  }
  .\*\:data-\[slot\=card\]\:to-card {
    :is(& > *) {
      &[data-slot="card"] {
        --tw-gradient-to: var(--card);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .\*\:data-\[slot\=card\]\:shadow-xs {
    :is(& > *) {
      &[data-slot="card"] {
        --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);
      }
    }
  }
  .\*\:data-\[slot\=card\]\:ring-0 {
    :is(& > *) {
      &[data-slot="card"] {
        --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-\[slot\=checkbox-group\]\:gap-3 {
    &[data-slot="checkbox-group"] {
      gap: calc(var(--spacing) * 3);
    }
  }
  .\*\:data-\[slot\=combobox-input\]\:ps-\[calc\(--spacing\(8\.5\)-1px\)\] {
    :is(& > *) {
      &[data-slot="combobox-input"] {
        padding-inline-start: calc(calc(var(--spacing) * 8.5) - 1px);
      }
    }
  }
  .has-\[\+\[data-slot\=combobox-trigger\]\,\+\[data-slot\=combobox-clear\]\]\:\*\:data-\[slot\=combobox-input\]\:pe-6\.5 {
    &:has(+[data-slot=combobox-trigger],+[data-slot=combobox-clear]) {
      :is(& > *) {
        &[data-slot="combobox-input"] {
          padding-inline-end: calc(var(--spacing) * 6.5);
        }
      }
    }
  }
  .has-\[\+\[data-slot\=combobox-trigger\]\,\+\[data-slot\=combobox-clear\]\]\:\*\:data-\[slot\=combobox-input\]\:pe-7 {
    &:has(+[data-slot=combobox-trigger],+[data-slot=combobox-clear]) {
      :is(& > *) {
        &[data-slot="combobox-input"] {
          padding-inline-end: calc(var(--spacing) * 7);
        }
      }
    }
  }
  .data-\[size\=sm\]\:\*\:data-\[slot\=combobox-input\]\:ps-\[calc\(--spacing\(7\.5\)-1px\)\] {
    &[data-size="sm"] {
      :is(& > *) {
        &[data-slot="combobox-input"] {
          padding-inline-start: calc(calc(var(--spacing) * 7.5) - 1px);
        }
      }
    }
  }
  .\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 {
    :is(& *) {
      &[data-slot="command-input-wrapper"] {
        height: calc(var(--spacing) * 12);
      }
    }
  }
  .\*\*\:data-\[slot\=command-input-wrapper\]\:h-auto {
    :is(& *) {
      &[data-slot="command-input-wrapper"] {
        height: auto;
      }
    }
  }
  .\*\*\:data-\[slot\=drawer-footer\]\:rounded-ee-\[calc\(var\(--radius-2xl\)-1px\)\] {
    :is(& *) {
      &[data-slot="drawer-footer"] {
        border-end-end-radius: calc(var(--radius-2xl) - 1px);
      }
    }
  }
  .\*\*\:data-\[slot\=drawer-footer\]\:rounded-es-\[calc\(var\(--radius-2xl\)-1px\)\] {
    :is(& *) {
      &[data-slot="drawer-footer"] {
        border-end-start-radius: calc(var(--radius-2xl) - 1px);
      }
    }
  }
  .\*\*\:data-\[slot\=drawer-footer\]\:rounded-b-\[calc\(var\(--radius-2xl\)-1px\)\] {
    :is(& *) {
      &[data-slot="drawer-footer"] {
        border-bottom-right-radius: calc(var(--radius-2xl) - 1px);
        border-bottom-left-radius: calc(var(--radius-2xl) - 1px);
      }
    }
  }
  .\*\:data-\[slot\=field\]\:p-2\.5 {
    :is(& > *) {
      &[data-slot="field"] {
        padding: calc(var(--spacing) * 2.5);
      }
    }
  }
  .\*\:data-\[slot\=field-group\]\:gap-4 {
    :is(& > *) {
      &[data-slot="field-group"] {
        gap: calc(var(--spacing) * 4);
      }
    }
  }
  .\*\:data-\[slot\=field-label\]\:flex-auto {
    :is(& > *) {
      &[data-slot="field-label"] {
        flex: auto;
      }
    }
  }
  .\*\:data-\[slot\=icon\]\:size-2\.5 {
    :is(& > *) {
      &[data-slot="icon"] {
        width: calc(var(--spacing) * 2.5);
        height: calc(var(--spacing) * 2.5);
      }
    }
  }
  .\*\:data-\[slot\=icon\]\:size-3 {
    :is(& > *) {
      &[data-slot="icon"] {
        width: calc(var(--spacing) * 3);
        height: calc(var(--spacing) * 3);
      }
    }
  }
  .\*\:data-\[slot\=input-group-addon\]\:pl-2\! {
    :is(& > *) {
      &[data-slot="input-group-addon"] {
        padding-left: calc(var(--spacing) * 2) !important;
      }
    }
  }
  .\*\*\:data-\[slot\=kbd\]\:relative {
    :is(& *) {
      &[data-slot="kbd"] {
        position: relative;
      }
    }
  }
  .\*\*\:data-\[slot\=kbd\]\:isolate {
    :is(& *) {
      &[data-slot="kbd"] {
        isolation: isolate;
      }
    }
  }
  .\*\*\:data-\[slot\=kbd\]\:z-50 {
    :is(& *) {
      &[data-slot="kbd"] {
        z-index: 50;
      }
    }
  }
  .\*\*\:data-\[slot\=kbd\]\:rounded-sm {
    :is(& *) {
      &[data-slot="kbd"] {
        border-radius: calc(var(--radius) * 0.6);
      }
    }
  }
  .\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 {
    :is(& *) {
      &[data-slot="navigation-menu-link"] {
        &:focus {
          --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
      }
    }
  }
  .\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none {
    :is(& *) {
      &[data-slot="navigation-menu-link"] {
        &:focus {
          --tw-outline-style: none;
          outline-style: none;
        }
      }
    }
  }
  .\*\:data-\[slot\=select-value\]\:line-clamp-1 {
    :is(& > *) {
      &[data-slot="select-value"] {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
      }
    }
  }
  .\*\:data-\[slot\=select-value\]\:flex {
    :is(& > *) {
      &[data-slot="select-value"] {
        display: flex;
      }
    }
  }
  .\*\:data-\[slot\=select-value\]\:items-center {
    :is(& > *) {
      &[data-slot="select-value"] {
        align-items: center;
      }
    }
  }
  .\*\:data-\[slot\=select-value\]\:gap-1\.5 {
    :is(& > *) {
      &[data-slot="select-value"] {
        gap: calc(var(--spacing) * 1.5);
      }
    }
  }
  .\*\:data-\[slot\=select-value\]\:gap-2 {
    :is(& > *) {
      &[data-slot="select-value"] {
        gap: calc(var(--spacing) * 2);
      }
    }
  }
  .\*\:data-\[slot\=sidebar-inner\]\:bg-background {
    :is(& > *) {
      &[data-slot="sidebar-inner"] {
        background-color: var(--background);
      }
    }
  }
  .data-\[slot\=sidebar-menu-button\]\:\!p-1\.5 {
    &[data-slot="sidebar-menu-button"] {
      padding: calc(var(--spacing) * 1.5) !important;
    }
  }
  .\*\*\:data-\[slot\=table-cell\]\:first\:w-8 {
    :is(& *) {
      &[data-slot="table-cell"] {
        &:first-child {
          width: calc(var(--spacing) * 8);
        }
      }
    }
  }
  .\*\:data-\[slot\=tabs-tab\]\:hover\:bg-accent {
    :is(& > *) {
      &[data-slot="tabs-tab"] {
        &:hover {
          @media (hover: hover) {
            background-color: var(--accent);
          }
        }
      }
    }
  }
  .\*\*\:data-\[slot\=tabs-trigger\]\:text-xs {
    :is(& *) {
      &[data-slot="tabs-trigger"] {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
      }
    }
  }
  .\*\*\:data-\[slot\=toggle-group-item\]\:rounded-md {
    :is(& *) {
      &[data-slot="toggle-group-item"] {
        border-radius: calc(var(--radius) * 0.8);
      }
    }
  }
  .\*\*\:data-\[slot\=toggle-group-item\]\:border {
    :is(& *) {
      &[data-slot="toggle-group-item"] {
        border-style: var(--tw-border-style);
        border-width: 1px;
      }
    }
  }
  .\*\*\:data-\[slot\=toggle-group-item\]\:border-transparent {
    :is(& *) {
      &[data-slot="toggle-group-item"] {
        border-color: transparent;
      }
    }
  }
  .\*\*\:data-\[slot\=toggle-group-item\]\:text-foreground\/60 {
    :is(& *) {
      &[data-slot="toggle-group-item"] {
        color: var(--foreground);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--foreground) 60%, transparent);
        }
      }
    }
  }
  .\*\*\:data-\[slot\=toggle-group-item\]\:hover\:text-foreground {
    :is(& *) {
      &[data-slot="toggle-group-item"] {
        &:hover {
          @media (hover: hover) {
            color: var(--foreground);
          }
        }
      }
    }
  }
  .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-l-lg {
    &:is(:where(.group\/toggle-group):where([data-orientation="horizontal"]) *) {
      &[data-spacing="0"] {
        &:first-child {
          border-top-left-radius: var(--radius);
          border-bottom-left-radius: var(--radius);
        }
      }
    }
  }
  .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-t-lg {
    &:is(:where(.group\/toggle-group):where([data-orientation="vertical"]) *) {
      &[data-spacing="0"] {
        &:first-child {
          border-top-left-radius: var(--radius);
          border-top-right-radius: var(--radius);
        }
      }
    }
  }
  .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-r-lg {
    &:is(:where(.group\/toggle-group):where([data-orientation="horizontal"]) *) {
      &[data-spacing="0"] {
        &:last-child {
          border-top-right-radius: var(--radius);
          border-bottom-right-radius: var(--radius);
        }
      }
    }
  }
  .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-b-lg {
    &:is(:where(.group\/toggle-group):where([data-orientation="vertical"]) *) {
      &[data-spacing="0"] {
        &:last-child {
          border-bottom-right-radius: var(--radius);
          border-bottom-left-radius: var(--radius);
        }
      }
    }
  }
  .data-\[starting-style\]\:h-0 {
    &[data-starting-style] {
      height: calc(var(--spacing) * 0);
    }
  }
  .data-\[starting-style\]\:scale-90 {
    &[data-starting-style] {
      --tw-scale-x: 90%;
      --tw-scale-y: 90%;
      --tw-scale-z: 90%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .data-\[starting-style\]\:\[transform\:translateY\(150\%\)\] {
    &[data-starting-style] {
      transform: translateY(150%);
    }
  }
  .data-\[starting-style\]\:opacity-0 {
    &[data-starting-style] {
      opacity: 0%;
    }
  }
  .data-\[starting-style\]\:data-\[activation-direction\=left\]\:translate-x-\[-50\%\] {
    &[data-starting-style] {
      &[data-activation-direction="left"] {
        --tw-translate-x: -50%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .data-\[starting-style\]\:data-\[activation-direction\=right\]\:translate-x-\[50\%\] {
    &[data-starting-style] {
      &[data-activation-direction="right"] {
        --tw-translate-x: 50%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .data-\[side\=none\]\:data-\[starting-style\]\:scale-100 {
    &[data-side="none"] {
      &[data-starting-style] {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .data-\[side\=none\]\:data-\[starting-style\]\:opacity-100 {
    &[data-side="none"] {
      &[data-starting-style] {
        opacity: 100%;
      }
    }
  }
  .data-\[side\=none\]\:data-\[starting-style\]\:transition-none {
    &[data-side="none"] {
      &[data-starting-style] {
        transition-property: none;
      }
    }
  }
  .data-\[state\=active\]\:size-2\.5 {
    &[data-state="active"] {
      width: calc(var(--spacing) * 2.5);
      height: calc(var(--spacing) * 2.5);
    }
  }
  .data-\[state\=active\]\:bg-background {
    &[data-state="active"] {
      background-color: var(--background);
    }
  }
  .data-\[state\=active\]\:bg-foreground {
    &[data-state="active"] {
      background-color: var(--foreground);
    }
  }
  .data-\[state\=active\]\:bg-gray-100 {
    &[data-state="active"] {
      background-color: var(--color-gray-100);
    }
  }
  .data-\[state\=active\]\:bg-neutral-200 {
    &[data-state="active"] {
      background-color: var(--color-neutral-200);
    }
  }
  .data-\[state\=active\]\:bg-primary {
    &[data-state="active"] {
      background-color: var(--primary);
    }
  }
  .data-\[state\=active\]\:font-medium {
    &[data-state="active"] {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .data-\[state\=active\]\:text-foreground {
    &[data-state="active"] {
      color: var(--foreground);
    }
  }
  .data-\[state\=active\]\:text-gray-700 {
    &[data-state="active"] {
      color: var(--color-gray-700);
    }
  }
  .data-\[state\=active\]\:text-neutral-900 {
    &[data-state="active"] {
      color: var(--color-neutral-900);
    }
  }
  .data-\[state\=active\]\:text-primary-foreground {
    &[data-state="active"] {
      color: var(--primary-foreground);
    }
  }
  .data-\[state\=active\]\:shadow-sm {
    &[data-state="active"] {
      --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);
    }
  }
  .group-data-\[variant\=pills\]\/tabs-list\:data-\[state\=active\]\:text-primary-foreground {
    &:is(:where(.group\/tabs-list)[data-variant="pills"] *) {
      &[data-state="active"] {
        color: var(--primary-foreground);
      }
    }
  }
  .data-\[state\=checked\]\:translate-x-5 {
    &[data-state="checked"] {
      --tw-translate-x: calc(var(--spacing) * 5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\] {
    &[data-state="checked"] {
      --tw-translate-x: calc(100% - 2px);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .data-\[state\=checked\]\:translate-x-full {
    &[data-state="checked"] {
      --tw-translate-x: 100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .data-\[state\=checked\]\:border-blue-500 {
    &[data-state="checked"] {
      border-color: var(--color-blue-500);
    }
  }
  .data-\[state\=checked\]\:border-indigo-500 {
    &[data-state="checked"] {
      border-color: var(--color-indigo-500);
    }
  }
  .data-\[state\=checked\]\:bg-black {
    &[data-state="checked"] {
      background-color: var(--color-black);
    }
  }
  .data-\[state\=checked\]\:bg-blue-500 {
    &[data-state="checked"] {
      background-color: var(--color-blue-500);
    }
  }
  .data-\[state\=checked\]\:bg-gray-50 {
    &[data-state="checked"] {
      background-color: var(--color-gray-50);
    }
  }
  .data-\[state\=checked\]\:bg-indigo-50 {
    &[data-state="checked"] {
      background-color: var(--color-indigo-50);
    }
  }
  .data-\[state\=checked\]\:bg-indigo-500 {
    &[data-state="checked"] {
      background-color: var(--color-indigo-500);
    }
  }
  .data-\[state\=checked\]\:bg-primary {
    &[data-state="checked"] {
      background-color: var(--primary);
    }
  }
  .data-\[state\=checked\]\:text-gray-900 {
    &[data-state="checked"] {
      color: var(--color-gray-900);
    }
  }
  .data-\[state\=checked\]\:text-indigo-600 {
    &[data-state="checked"] {
      color: var(--color-indigo-600);
    }
  }
  .data-\[state\=checked\]\:text-primary-foreground {
    &[data-state="checked"] {
      color: var(--primary-foreground);
    }
  }
  .data-\[state\=checked\]\:text-red-200 {
    &[data-state="checked"] {
      color: var(--color-red-200);
    }
  }
  .data-\[state\=checked\]\:data-focus-visible\:ring-gray-300\/50 {
    &[data-state="checked"] {
      &[data-focus-visible] {
        --tw-ring-color: color-mix(in srgb, oklch(87.2% 0.01 258.338) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--color-gray-300) 50%, transparent);
        }
      }
    }
  }
  .data-\[state\=closed\]\:pointer-events-none {
    &[data-state="closed"] {
      pointer-events: none;
    }
  }
  .data-\[state\=closed\]\:scale-0 {
    &[data-state="closed"] {
      --tw-scale-x: 0%;
      --tw-scale-y: 0%;
      --tw-scale-z: 0%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .data-\[state\=closed\]\:scale-100 {
    &[data-state="closed"] {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .data-\[state\=closed\]\:-rotate-90 {
    &[data-state="closed"] {
      rotate: calc(90deg * -1);
    }
  }
  .data-\[state\=closed\]\:rotate-0 {
    &[data-state="closed"] {
      rotate: 0deg;
    }
  }
  .data-\[state\=closed\]\:animate-accordion-up {
    &[data-state="closed"] {
      animation: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
  }
  .data-\[state\=closed\]\:animate-collapsible-up {
    &[data-state="closed"] {
      animation: collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
  }
  .data-\[state\=closed\]\:animate-out {
    &[data-state="closed"] {
      animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
  }
  .data-\[state\=closed\]\:overflow-hidden {
    &[data-state="closed"] {
      overflow: hidden;
    }
  }
  .data-\[state\=closed\]\:opacity-100 {
    &[data-state="closed"] {
      opacity: 100%;
    }
  }
  .data-\[state\=closed\]\:duration-\(--animation-duration\) {
    &[data-state="closed"] {
      --tw-duration: var(--animation-duration);
      transition-duration: var(--animation-duration);
    }
  }
  .data-\[state\=closed\]\:duration-300 {
    &[data-state="closed"] {
      --tw-duration: 300ms;
      transition-duration: 300ms;
    }
  }
  .data-\[state\=closed\]\:fade-out-0 {
    &[data-state="closed"] {
      --tw-exit-opacity: calc(0/100);
      --tw-exit-opacity: 0;
    }
  }
  .data-\[state\=closed\]\:fill-mode-forwards {
    &[data-state="closed"] {
      animation-fill-mode: forwards;
      --tw-animation-fill-mode: forwards;
    }
  }
  .data-\[state\=closed\]\:zoom-out-95 {
    &[data-state="closed"] {
      --tw-exit-scale: calc(95*1%);
      --tw-exit-scale: .95;
    }
  }
  .data-\[state\=closed\]\:slide-out-to-bottom {
    &[data-state="closed"] {
      --tw-exit-translate-y: 100%;
    }
  }
  .data-\[state\=closed\]\:slide-out-to-bottom-1\/2 {
    &[data-state="closed"] {
      --tw-exit-translate-y: calc(1 / 2*100%);
    }
  }
  .data-\[state\=closed\]\:slide-out-to-left {
    &[data-state="closed"] {
      --tw-exit-translate-x: -100%;
    }
  }
  .data-\[state\=closed\]\:slide-out-to-left-1\/2 {
    &[data-state="closed"] {
      --tw-exit-translate-x: calc(1 / 2*-100%);
    }
  }
  .data-\[state\=closed\]\:slide-out-to-right {
    &[data-state="closed"] {
      --tw-exit-translate-x: 100%;
    }
  }
  .data-\[state\=closed\]\:slide-out-to-right-1\/2 {
    &[data-state="closed"] {
      --tw-exit-translate-x: calc(1 / 2*100%);
    }
  }
  .data-\[state\=closed\]\:slide-out-to-top {
    &[data-state="closed"] {
      --tw-exit-translate-y: -100%;
    }
  }
  .data-\[state\=closed\]\:slide-out-to-top-1 {
    &[data-state="closed"] {
      --tw-exit-translate-y: calc(1*var(--spacing)*-1);
    }
  }
  .data-\[state\=closed\]\:slide-out-to-top-2 {
    &[data-state="closed"] {
      --tw-exit-translate-y: calc(2*var(--spacing)*-1);
    }
  }
  .data-\[state\=closed\]\:slide-out-to-top-\[48\%\] {
    &[data-state="closed"] {
      --tw-exit-translate-y: calc(48%*-1);
    }
  }
  .data-\[state\=closed\]\:zoom-out {
    &[data-state="closed"] {
      --tw-exit-scale: 0;
    }
  }
  .data-\[state\=completed\]\:bg-foreground\/60 {
    &[data-state="completed"] {
      background-color: var(--foreground);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--foreground) 60%, transparent);
      }
    }
  }
  .data-\[state\=delayed-open\]\:animate-in {
    &[data-state="delayed-open"] {
      animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
  }
  .data-\[state\=delayed-open\]\:fade-in-0 {
    &[data-state="delayed-open"] {
      --tw-enter-opacity: calc(0/100);
      --tw-enter-opacity: 0;
    }
  }
  .data-\[state\=delayed-open\]\:zoom-in-95 {
    &[data-state="delayed-open"] {
      --tw-enter-scale: calc(95*1%);
      --tw-enter-scale: .95;
    }
  }
  .data-\[state\=hidden\]\:animate-out {
    &[data-state="hidden"] {
      animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
  }
  .data-\[state\=hidden\]\:fade-out-0 {
    &[data-state="hidden"] {
      --tw-exit-opacity: calc(0/100);
      --tw-exit-opacity: 0;
    }
  }
  .data-\[state\=hidden\]\:fade-out {
    &[data-state="hidden"] {
      --tw-exit-opacity: 0;
    }
  }
  .data-\[state\=inactive\]\:bg-muted-foreground\/30 {
    &[data-state="inactive"] {
      background-color: var(--muted-foreground);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--muted-foreground) 30%, transparent);
      }
    }
  }
  .data-\[state\=inactive\]\:text-muted-foreground {
    &[data-state="inactive"] {
      color: var(--muted-foreground);
    }
  }
  .data-\[state\=inactive\]\:hover\:text-foreground {
    &[data-state="inactive"] {
      &:hover {
        @media (hover: hover) {
          color: var(--foreground);
        }
      }
    }
  }
  .data-\[state\=on\]\:border {
    &[data-state="on"] {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .data-\[state\=on\]\:border-blue-300 {
    &[data-state="on"] {
      border-color: var(--color-blue-300);
    }
  }
  .data-\[state\=on\]\:bg-background {
    &[data-state="on"] {
      background-color: var(--background);
    }
  }
  .data-\[state\=on\]\:bg-blue-100 {
    &[data-state="on"] {
      background-color: var(--color-blue-100);
    }
  }
  .data-\[state\=on\]\:bg-muted {
    &[data-state="on"] {
      background-color: var(--muted);
    }
  }
  .data-\[state\=on\]\:bg-transparent {
    &[data-state="on"] {
      background-color: transparent;
    }
  }
  .data-\[state\=on\]\:bg-white {
    &[data-state="on"] {
      background-color: var(--color-white);
    }
  }
  .data-\[state\=on\]\:text-blue-700 {
    &[data-state="on"] {
      color: var(--color-blue-700);
    }
  }
  .data-\[state\=on\]\:text-gray-900 {
    &[data-state="on"] {
      color: var(--color-gray-900);
    }
  }
  .data-\[state\=on\]\:shadow-sm {
    &[data-state="on"] {
      --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);
    }
  }
  .data-\[state\=on\]\:ring-1 {
    &[data-state="on"] {
      --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-\[state\=on\]\:ring-ring\/20 {
    &[data-state="on"] {
      --tw-ring-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ring) 20%, transparent);
      }
    }
  }
  .data-\[state\=on\]\:hover\:bg-muted {
    &[data-state="on"] {
      &:hover {
        @media (hover: hover) {
          background-color: var(--muted);
        }
      }
    }
  }
  .data-\[state\=open\]\:scale-0 {
    &[data-state="open"] {
      --tw-scale-x: 0%;
      --tw-scale-y: 0%;
      --tw-scale-z: 0%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .data-\[state\=open\]\:scale-100 {
    &[data-state="open"] {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .data-\[state\=open\]\:rotate-0 {
    &[data-state="open"] {
      rotate: 0deg;
    }
  }
  .data-\[state\=open\]\:rotate-90 {
    &[data-state="open"] {
      rotate: 90deg;
    }
  }
  .data-\[state\=open\]\:rotate-180 {
    &[data-state="open"] {
      rotate: 180deg;
    }
  }
  .data-\[state\=open\]\:animate-accordion-down {
    &[data-state="open"] {
      animation: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
  }
  .data-\[state\=open\]\:animate-collapsible-down {
    &[data-state="open"] {
      animation: collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
  }
  .data-\[state\=open\]\:animate-in {
    &[data-state="open"] {
      animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
  }
  .data-\[state\=open\]\:space-y-0 {
    &[data-state="open"] {
      :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)));
      }
    }
  }
  .data-\[state\=open\]\:rounded-b-none {
    &[data-state="open"] {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
    }
  }
  .data-\[state\=open\]\:border-y-4 {
    &[data-state="open"] {
      border-block-style: var(--tw-border-style);
      border-block-width: 4px;
    }
  }
  .data-\[state\=open\]\:border-b-4 {
    &[data-state="open"] {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 4px;
    }
  }
  .data-\[state\=open\]\:border-dashed {
    &[data-state="open"] {
      --tw-border-style: dashed;
      border-style: dashed;
    }
  }
  .data-\[state\=open\]\:border-foreground {
    &[data-state="open"] {
      border-color: var(--foreground);
    }
  }
  .data-\[state\=open\]\:bg-accent {
    &[data-state="open"] {
      background-color: var(--accent);
    }
  }
  .data-\[state\=open\]\:bg-blue-50 {
    &[data-state="open"] {
      background-color: var(--color-blue-50);
    }
  }
  .data-\[state\=open\]\:bg-secondary {
    &[data-state="open"] {
      background-color: var(--secondary);
    }
  }
  .data-\[state\=open\]\:bg-transparent {
    &[data-state="open"] {
      background-color: transparent;
    }
  }
  .data-\[state\=open\]\:text-accent-foreground {
    &[data-state="open"] {
      color: var(--accent-foreground);
    }
  }
  .data-\[state\=open\]\:text-muted-foreground {
    &[data-state="open"] {
      color: var(--muted-foreground);
    }
  }
  .data-\[state\=open\]\:text-primary {
    &[data-state="open"] {
      color: var(--primary);
    }
  }
  .data-\[state\=open\]\:text-slate-900 {
    &[data-state="open"] {
      color: var(--color-slate-900);
    }
  }
  .data-\[state\=open\]\:opacity-0 {
    &[data-state="open"] {
      opacity: 0%;
    }
  }
  .data-\[state\=open\]\:opacity-100 {
    &[data-state="open"] {
      opacity: 100%;
    }
  }
  .data-\[state\=open\]\:duration-\(--animation-duration\) {
    &[data-state="open"] {
      --tw-duration: var(--animation-duration);
      transition-duration: var(--animation-duration);
    }
  }
  .data-\[state\=open\]\:duration-500 {
    &[data-state="open"] {
      --tw-duration: 500ms;
      transition-duration: 500ms;
    }
  }
  .data-\[state\=open\]\:fade-in-0 {
    &[data-state="open"] {
      --tw-enter-opacity: calc(0/100);
      --tw-enter-opacity: 0;
    }
  }
  .data-\[state\=open\]\:zoom-in-95 {
    &[data-state="open"] {
      --tw-enter-scale: calc(95*1%);
      --tw-enter-scale: .95;
    }
  }
  .data-\[state\=open\]\:slide-in-from-bottom {
    &[data-state="open"] {
      --tw-enter-translate-y: 100%;
    }
  }
  .data-\[state\=open\]\:slide-in-from-bottom-1\/2 {
    &[data-state="open"] {
      --tw-enter-translate-y: calc(1 / 2*100%);
    }
  }
  .data-\[state\=open\]\:slide-in-from-left {
    &[data-state="open"] {
      --tw-enter-translate-x: -100%;
    }
  }
  .data-\[state\=open\]\:slide-in-from-left-1\/2 {
    &[data-state="open"] {
      --tw-enter-translate-x: calc(1 / 2*-100%);
    }
  }
  .data-\[state\=open\]\:slide-in-from-right {
    &[data-state="open"] {
      --tw-enter-translate-x: 100%;
    }
  }
  .data-\[state\=open\]\:slide-in-from-right-1\/2 {
    &[data-state="open"] {
      --tw-enter-translate-x: calc(1 / 2*100%);
    }
  }
  .data-\[state\=open\]\:slide-in-from-top {
    &[data-state="open"] {
      --tw-enter-translate-y: -100%;
    }
  }
  .data-\[state\=open\]\:slide-in-from-top-1 {
    &[data-state="open"] {
      --tw-enter-translate-y: calc(1*var(--spacing)*-1);
    }
  }
  .data-\[state\=open\]\:slide-in-from-top-2 {
    &[data-state="open"] {
      --tw-enter-translate-y: calc(2*var(--spacing)*-1);
    }
  }
  .data-\[state\=open\]\:slide-in-from-top-\[48\%\] {
    &[data-state="open"] {
      --tw-enter-translate-y: calc(48%*-1);
    }
  }
  .data-\[state\=open\]\:zoom-in {
    &[data-state="open"] {
      --tw-enter-scale: 0;
    }
  }
  .group-data-\[variant\=ghost\]\/accordion\:data-\[state\=open\]\:bg-muted\/50 {
    &:is(:where(.group\/accordion)[data-variant="ghost"] *) {
      &[data-state="open"] {
        background-color: var(--muted);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--muted) 50%, transparent);
        }
      }
    }
  }
  .data-\[highlighted\]\:data-\[state\=open\]\:bg-blue-600 {
    &[data-highlighted] {
      &[data-state="open"] {
        background-color: var(--color-blue-600);
      }
    }
  }
  .data-\[highlighted\]\:data-\[state\=open\]\:text-white {
    &[data-highlighted] {
      &[data-state="open"] {
        color: var(--color-white);
      }
    }
  }
  .data-\[state\=selected\]\:bg-muted {
    &[data-state="selected"] {
      background-color: var(--muted);
    }
  }
  .data-\[state\=selected\]\:bg-muted\/72 {
    &[data-state="selected"] {
      background-color: var(--muted);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--muted) 72%, transparent);
      }
    }
  }
  .in-data-\[slot\=frame\]\:data-\[state\=selected\]\:bg-transparent {
    :where(*[data-slot="frame"]) & {
      &[data-state="selected"] {
        background-color: transparent;
      }
    }
  }
  .data-\[state\=unchecked\]\:translate-x-0 {
    &[data-state="unchecked"] {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .data-\[state\=unchecked\]\:bg-input {
    &[data-state="unchecked"] {
      background-color: var(--input);
    }
  }
  .data-\[state\=visible\]\:animate-in {
    &[data-state="visible"] {
      animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
  }
  .data-\[state\=visible\]\:fade-in-0 {
    &[data-state="visible"] {
      --tw-enter-opacity: calc(0/100);
      --tw-enter-opacity: 0;
    }
  }
  .data-\[state\=visible\]\:fade-in {
    &[data-state="visible"] {
      --tw-enter-opacity: 0;
    }
  }
  .data-\[state\=voted\]\:bg-muted {
    &[data-state="voted"] {
      background-color: var(--muted);
    }
  }
  .data-\[state\=voted\]\:font-medium {
    &[data-state="voted"] {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .data-\[state\=voted\]\:text-foreground {
    &[data-state="voted"] {
      color: var(--foreground);
    }
  }
  .data-\[success\]\:text-transparent {
    &[data-success] {
      color: transparent;
    }
  }
  .data-\[ending-style\]\:data-\[swipe-direction\=down\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)\+150\%\)\)\] {
    &[data-ending-style] {
      &[data-swipe-direction="down"] {
        transform: translateY(calc(var(--toast-swipe-movement-y) + 150%));
      }
    }
  }
  .data-\[expanded\]\:data-\[ending-style\]\:data-\[swipe-direction\=down\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)\+150\%\)\)\] {
    &[data-expanded] {
      &[data-ending-style] {
        &[data-swipe-direction="down"] {
          transform: translateY(calc(var(--toast-swipe-movement-y) + 150%));
        }
      }
    }
  }
  .data-\[ending-style\]\:data-\[swipe-direction\=left\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)-150\%\)\)_translateY\(var\(--offset-y\)\)\] {
    &[data-ending-style] {
      &[data-swipe-direction="left"] {
        transform: translateX(calc(var(--toast-swipe-movement-x) - 150%)) translateY(var(--offset-y));
      }
    }
  }
  .data-\[expanded\]\:data-\[ending-style\]\:data-\[swipe-direction\=left\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)-150\%\)\)_translateY\(var\(--offset-y\)\)\] {
    &[data-expanded] {
      &[data-ending-style] {
        &[data-swipe-direction="left"] {
          transform: translateX(calc(var(--toast-swipe-movement-x) - 150%)) translateY(var(--offset-y));
        }
      }
    }
  }
  .data-\[ending-style\]\:data-\[swipe-direction\=right\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)\+150\%\)\)_translateY\(var\(--offset-y\)\)\] {
    &[data-ending-style] {
      &[data-swipe-direction="right"] {
        transform: translateX(calc(var(--toast-swipe-movement-x) + 150%)) translateY(var(--offset-y));
      }
    }
  }
  .data-\[expanded\]\:data-\[ending-style\]\:data-\[swipe-direction\=right\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)\+150\%\)\)_translateY\(var\(--offset-y\)\)\] {
    &[data-expanded] {
      &[data-ending-style] {
        &[data-swipe-direction="right"] {
          transform: translateX(calc(var(--toast-swipe-movement-x) + 150%)) translateY(var(--offset-y));
        }
      }
    }
  }
  .data-\[ending-style\]\:data-\[swipe-direction\=up\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)-150\%\)\)\] {
    &[data-ending-style] {
      &[data-swipe-direction="up"] {
        transform: translateY(calc(var(--toast-swipe-movement-y) - 150%));
      }
    }
  }
  .data-\[expanded\]\:data-\[ending-style\]\:data-\[swipe-direction\=up\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)-150\%\)\)\] {
    &[data-expanded] {
      &[data-ending-style] {
        &[data-swipe-direction="up"] {
          transform: translateY(calc(var(--toast-swipe-movement-y) - 150%));
        }
      }
    }
  }
  .data-\[unchecked\]\:hidden {
    &[data-unchecked] {
      display: none;
    }
  }
  .data-\[unchecked\]\:border {
    &[data-unchecked] {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .data-\[unchecked\]\:border-gray-300 {
    &[data-unchecked] {
      border-color: var(--color-gray-300);
    }
  }
  .data-\[variant\=destructive\]\:text-destructive {
    &[data-variant="destructive"] {
      color: var(--destructive);
    }
  }
  .data-\[variant\=destructive\]\:focus\:bg-destructive\/10 {
    &[data-variant="destructive"] {
      &:focus {
        background-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
        }
      }
    }
  }
  .data-\[variant\=destructive\]\:focus\:text-destructive {
    &[data-variant="destructive"] {
      &:focus {
        color: var(--destructive);
      }
    }
  }
  .data-\[variant\=label\]\:text-sm {
    &[data-variant="label"] {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .data-\[variant\=legend\]\:text-base {
    &[data-variant="legend"] {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .data-\[variant\=line\]\:rounded-none {
    &[data-variant="line"] {
      border-radius: 0;
    }
  }
  .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-l-0 {
    &:is(:where(.group\/toggle-group):where([data-orientation="horizontal"]) *) {
      &[data-spacing="0"] {
        &[data-variant="outline"] {
          border-left-style: var(--tw-border-style);
          border-left-width: 0px;
        }
      }
    }
  }
  .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-t-0 {
    &:is(:where(.group\/toggle-group):where([data-orientation="vertical"]) *) {
      &[data-spacing="0"] {
        &[data-variant="outline"] {
          border-top-style: var(--tw-border-style);
          border-top-width: 0px;
        }
      }
    }
  }
  .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-l {
    &:is(:where(.group\/toggle-group):where([data-orientation="horizontal"]) *) {
      &[data-spacing="0"] {
        &[data-variant="outline"] {
          &:first-child {
            border-left-style: var(--tw-border-style);
            border-left-width: 1px;
          }
        }
      }
    }
  }
  .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-t {
    &:is(:where(.group\/toggle-group):where([data-orientation="vertical"]) *) {
      &[data-spacing="0"] {
        &[data-variant="outline"] {
          &:first-child {
            border-top-style: var(--tw-border-style);
            border-top-width: 1px;
          }
        }
      }
    }
  }
  .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0 {
    &[data-vaul-drawer-direction="bottom"] {
      inset-inline: calc(var(--spacing) * 0);
    }
  }
  .data-\[vaul-drawer-direction\=bottom\]\:bottom-0 {
    &[data-vaul-drawer-direction="bottom"] {
      bottom: calc(var(--spacing) * 0);
    }
  }
  .data-\[vaul-drawer-direction\=bottom\]\:mt-24 {
    &[data-vaul-drawer-direction="bottom"] {
      margin-top: calc(var(--spacing) * 24);
    }
  }
  .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\] {
    &[data-vaul-drawer-direction="bottom"] {
      max-height: 80vh;
    }
  }
  .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg {
    &[data-vaul-drawer-direction="bottom"] {
      border-top-left-radius: var(--radius);
      border-top-right-radius: var(--radius);
    }
  }
  .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-xl {
    &[data-vaul-drawer-direction="bottom"] {
      border-top-left-radius: calc(var(--radius) * 1.4);
      border-top-right-radius: calc(var(--radius) * 1.4);
    }
  }
  .data-\[vaul-drawer-direction\=bottom\]\:border-t {
    &[data-vaul-drawer-direction="bottom"] {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
  }
  .data-\[vaul-drawer-direction\=left\]\:inset-y-0 {
    &[data-vaul-drawer-direction="left"] {
      inset-block: calc(var(--spacing) * 0);
    }
  }
  .data-\[vaul-drawer-direction\=left\]\:left-0 {
    &[data-vaul-drawer-direction="left"] {
      left: calc(var(--spacing) * 0);
    }
  }
  .data-\[vaul-drawer-direction\=left\]\:w-3\/4 {
    &[data-vaul-drawer-direction="left"] {
      width: calc(3 / 4 * 100%);
    }
  }
  .data-\[vaul-drawer-direction\=left\]\:rounded-r-xl {
    &[data-vaul-drawer-direction="left"] {
      border-top-right-radius: calc(var(--radius) * 1.4);
      border-bottom-right-radius: calc(var(--radius) * 1.4);
    }
  }
  .data-\[vaul-drawer-direction\=left\]\:border-r {
    &[data-vaul-drawer-direction="left"] {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
  }
  .data-\[vaul-drawer-direction\=right\]\:inset-y-0 {
    &[data-vaul-drawer-direction="right"] {
      inset-block: calc(var(--spacing) * 0);
    }
  }
  .data-\[vaul-drawer-direction\=right\]\:right-0 {
    &[data-vaul-drawer-direction="right"] {
      right: calc(var(--spacing) * 0);
    }
  }
  .data-\[vaul-drawer-direction\=right\]\:w-3\/4 {
    &[data-vaul-drawer-direction="right"] {
      width: calc(3 / 4 * 100%);
    }
  }
  .data-\[vaul-drawer-direction\=right\]\:rounded-l-xl {
    &[data-vaul-drawer-direction="right"] {
      border-top-left-radius: calc(var(--radius) * 1.4);
      border-bottom-left-radius: calc(var(--radius) * 1.4);
    }
  }
  .data-\[vaul-drawer-direction\=right\]\:border-l {
    &[data-vaul-drawer-direction="right"] {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }
  .data-\[vaul-drawer-direction\=top\]\:inset-x-0 {
    &[data-vaul-drawer-direction="top"] {
      inset-inline: calc(var(--spacing) * 0);
    }
  }
  .data-\[vaul-drawer-direction\=top\]\:top-0 {
    &[data-vaul-drawer-direction="top"] {
      top: calc(var(--spacing) * 0);
    }
  }
  .data-\[vaul-drawer-direction\=top\]\:mb-24 {
    &[data-vaul-drawer-direction="top"] {
      margin-bottom: calc(var(--spacing) * 24);
    }
  }
  .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\] {
    &[data-vaul-drawer-direction="top"] {
      max-height: 80vh;
    }
  }
  .data-\[vaul-drawer-direction\=top\]\:rounded-b-lg {
    &[data-vaul-drawer-direction="top"] {
      border-bottom-right-radius: var(--radius);
      border-bottom-left-radius: var(--radius);
    }
  }
  .data-\[vaul-drawer-direction\=top\]\:rounded-b-xl {
    &[data-vaul-drawer-direction="top"] {
      border-bottom-right-radius: calc(var(--radius) * 1.4);
      border-bottom-left-radius: calc(var(--radius) * 1.4);
    }
  }
  .data-\[vaul-drawer-direction\=top\]\:border-b {
    &[data-vaul-drawer-direction="top"] {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .nth-\[n\+3\]\:hidden {
    &:nth-child(n+3) {
      display: none;
    }
  }
  .nth-last-2\:-mt-1 {
    &:nth-last-child(2) {
      margin-top: calc(var(--spacing) * -1);
    }
  }
  .supports-backdrop-filter\:bg-background\/50 {
    @supports (backdrop-filter: var(--tw)) {
      background-color: var(--background);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--background) 50%, transparent);
      }
    }
  }
  .supports-backdrop-filter\:backdrop-blur-xs {
    @supports (backdrop-filter: var(--tw)) {
      --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,);
    }
  }
  .supports-\[-webkit-touch-callout\:none\]\:absolute {
    @supports (-webkit-touch-callout:none) {
      position: absolute;
    }
  }
  .supports-\[backdrop-filter\]\:bg-background\/60 {
    @supports (backdrop-filter: var(--tw)) {
      background-color: var(--background);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--background) 60%, transparent);
      }
    }
  }
  .supports-\[backdrop-filter\]\:bg-background\/92 {
    @supports (backdrop-filter: var(--tw)) {
      background-color: var(--background);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--background) 92%, transparent);
      }
    }
  }
  .motion-safe\:before\:animate-\[shine-pulse_var\(--shine-pulse-duration\)_infinite_linear\] {
    @media (prefers-reduced-motion: no-preference) {
      &::before {
        content: var(--tw-content);
        animation: shine-pulse var(--shine-pulse-duration) infinite linear;
      }
    }
  }
  .motion-reduce\:animate-none {
    @media (prefers-reduced-motion: reduce) {
      animation: none;
    }
  }
  .motion-reduce\:transition-none {
    @media (prefers-reduced-motion: reduce) {
      transition-property: none;
    }
  }
  .max-xl\:-top-30 {
    @media (width < 80rem) {
      top: calc(var(--spacing) * -30);
    }
  }
  .max-xl\:right-\[-45\%\] {
    @media (width < 80rem) {
      right: -45%;
    }
  }
  .max-xl\:size-full {
    @media (width < 80rem) {
      width: 100%;
      height: 100%;
    }
  }
  .max-xl\:h-120 {
    @media (width < 80rem) {
      height: calc(var(--spacing) * 120);
    }
  }
  .max-xl\:scale-110 {
    @media (width < 80rem) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .max-lg\:justify-center {
    @media (width < 64rem) {
      justify-content: center;
    }
  }
  .max-lg\:px-\[10\%\] {
    @media (width < 64rem) {
      padding-inline: 10%;
    }
  }
  .max-md\:hidden {
    @media (width < 48rem) {
      display: none;
    }
  }
  .max-md\:h-\[300px\] {
    @media (width < 48rem) {
      height: 300px;
    }
  }
  .max-md\:w-72 {
    @media (width < 48rem) {
      width: calc(var(--spacing) * 72);
    }
  }
  .max-md\:w-full {
    @media (width < 48rem) {
      width: 100%;
    }
  }
  .max-md\:max-w-64 {
    @media (width < 48rem) {
      max-width: calc(var(--spacing) * 64);
    }
  }
  .max-md\:translate-x-3 {
    @media (width < 48rem) {
      --tw-translate-x: calc(var(--spacing) * 3);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .max-md\:scale-x-250 {
    @media (width < 48rem) {
      --tw-scale-x: 250%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .max-md\:scale-y-125 {
    @media (width < 48rem) {
      --tw-scale-y: 125%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .max-md\:scale-\[140\%\] {
    @media (width < 48rem) {
      scale: 140%;
    }
  }
  .max-md\:scale-\[160\%\] {
    @media (width < 48rem) {
      scale: 160%;
    }
  }
  .max-md\:gap-2 {
    @media (width < 48rem) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .max-md\:rounded-\[24px\] {
    @media (width < 48rem) {
      border-radius: 24px;
    }
  }
  .max-md\:p-5 {
    @media (width < 48rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .max-md\:text-3xl {
    @media (width < 48rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .max-sm\:top-0 {
    @media (width < 40rem) {
      top: calc(var(--spacing) * 0);
    }
  }
  .max-sm\:bottom-5 {
    @media (width < 40rem) {
      bottom: calc(var(--spacing) * 5);
    }
  }
  .max-sm\:hidden {
    @media (width < 40rem) {
      display: none;
    }
  }
  .max-sm\:h-10 {
    @media (width < 40rem) {
      height: calc(var(--spacing) * 10);
    }
  }
  .max-sm\:h-100 {
    @media (width < 40rem) {
      height: calc(var(--spacing) * 100);
    }
  }
  .max-sm\:min-h-19\.5 {
    @media (width < 40rem) {
      min-height: calc(var(--spacing) * 19.5);
    }
  }
  .max-sm\:min-h-20\.5 {
    @media (width < 40rem) {
      min-height: calc(var(--spacing) * 20.5);
    }
  }
  .max-sm\:min-h-21\.5 {
    @media (width < 40rem) {
      min-height: calc(var(--spacing) * 21.5);
    }
  }
  .max-sm\:scale-130 {
    @media (width < 40rem) {
      --tw-scale-x: 130%;
      --tw-scale-y: 130%;
      --tw-scale-z: 130%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .max-sm\:gap-2 {
    @media (width < 40rem) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .max-sm\:gap-3 {
    @media (width < 40rem) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .max-sm\:space-y-3 {
    @media (width < 40rem) {
      :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)));
      }
    }
  }
  .max-sm\:px-2 {
    @media (width < 40rem) {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .max-sm\:pb-4 {
    @media (width < 40rem) {
      padding-bottom: calc(var(--spacing) * 4);
    }
  }
  .min-\[500px\]\:w-\[var\(--popup-width\)\] {
    @media (width >= 500px) {
      width: var(--popup-width);
    }
  }
  .min-\[900px\]\:grid-cols-3 {
    @media (width >= 900px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .min-\[1400px\]\:max-w-\[1100px\] {
    @media (width >= 1400px) {
      max-width: 1100px;
    }
  }
  .min-\[1400px\]\:min-w-0 {
    @media (width >= 1400px) {
      min-width: calc(var(--spacing) * 0);
    }
  }
  .sm\:inset-6 {
    @media (width >= 40rem) {
      inset: calc(var(--spacing) * 6);
    }
  }
  .sm\:inset-auto {
    @media (width >= 40rem) {
      inset: auto;
    }
  }
  .sm\:-top-0\.5 {
    @media (width >= 40rem) {
      top: calc(var(--spacing) * -0.5);
    }
  }
  .sm\:-top-80 {
    @media (width >= 40rem) {
      top: calc(var(--spacing) * -80);
    }
  }
  .sm\:top-2\.5 {
    @media (width >= 40rem) {
      top: calc(var(--spacing) * 2.5);
    }
  }
  .sm\:top-6 {
    @media (width >= 40rem) {
      top: calc(var(--spacing) * 6);
    }
  }
  .sm\:top-24 {
    @media (width >= 40rem) {
      top: calc(var(--spacing) * 24);
    }
  }
  .sm\:top-\[68px\] {
    @media (width >= 40rem) {
      top: 68px;
    }
  }
  .sm\:top-\[calc\(100\%-30rem\)\] {
    @media (width >= 40rem) {
      top: calc(100% - 30rem);
    }
  }
  .sm\:right-2\.5 {
    @media (width >= 40rem) {
      right: calc(var(--spacing) * 2.5);
    }
  }
  .sm\:right-4 {
    @media (width >= 40rem) {
      right: calc(var(--spacing) * 4);
    }
  }
  .sm\:right-6 {
    @media (width >= 40rem) {
      right: calc(var(--spacing) * 6);
    }
  }
  .sm\:right-10 {
    @media (width >= 40rem) {
      right: calc(var(--spacing) * 10);
    }
  }
  .sm\:right-\[2rem\] {
    @media (width >= 40rem) {
      right: 2rem;
    }
  }
  .sm\:right-auto {
    @media (width >= 40rem) {
      right: auto;
    }
  }
  .sm\:-bottom-1 {
    @media (width >= 40rem) {
      bottom: calc(var(--spacing) * -1);
    }
  }
  .sm\:bottom-4 {
    @media (width >= 40rem) {
      bottom: calc(var(--spacing) * 4);
    }
  }
  .sm\:bottom-6 {
    @media (width >= 40rem) {
      bottom: calc(var(--spacing) * 6);
    }
  }
  .sm\:bottom-12 {
    @media (width >= 40rem) {
      bottom: calc(var(--spacing) * 12);
    }
  }
  .sm\:bottom-24 {
    @media (width >= 40rem) {
      bottom: calc(var(--spacing) * 24);
    }
  }
  .sm\:bottom-34 {
    @media (width >= 40rem) {
      bottom: calc(var(--spacing) * 34);
    }
  }
  .sm\:bottom-\[2rem\] {
    @media (width >= 40rem) {
      bottom: 2rem;
    }
  }
  .sm\:bottom-auto {
    @media (width >= 40rem) {
      bottom: auto;
    }
  }
  .sm\:-left-0\.5 {
    @media (width >= 40rem) {
      left: calc(var(--spacing) * -0.5);
    }
  }
  .sm\:-left-5 {
    @media (width >= 40rem) {
      left: calc(var(--spacing) * -5);
    }
  }
  .sm\:-left-24 {
    @media (width >= 40rem) {
      left: calc(var(--spacing) * -24);
    }
  }
  .sm\:left-0 {
    @media (width >= 40rem) {
      left: calc(var(--spacing) * 0);
    }
  }
  .sm\:left-3 {
    @media (width >= 40rem) {
      left: calc(var(--spacing) * 3);
    }
  }
  .sm\:left-4 {
    @media (width >= 40rem) {
      left: calc(var(--spacing) * 4);
    }
  }
  .sm\:left-6 {
    @media (width >= 40rem) {
      left: calc(var(--spacing) * 6);
    }
  }
  .sm\:left-10 {
    @media (width >= 40rem) {
      left: calc(var(--spacing) * 10);
    }
  }
  .sm\:left-\[15px\] {
    @media (width >= 40rem) {
      left: 15px;
    }
  }
  .sm\:left-\[calc\(50\%\+36rem\)\] {
    @media (width >= 40rem) {
      left: calc(50% + 36rem);
    }
  }
  .sm\:left-\[calc\(50\%-30rem\)\] {
    @media (width >= 40rem) {
      left: calc(50% - 30rem);
    }
  }
  .sm\:order-last {
    @media (width >= 40rem) {
      order: 9999;
    }
  }
  .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\:row-span-2 {
    @media (width >= 40rem) {
      grid-row: span 2 / span 2;
    }
  }
  .sm\:mx-0 {
    @media (width >= 40rem) {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  .sm\:mx-auto {
    @media (width >= 40rem) {
      margin-inline: auto;
    }
  }
  .sm\:-my-1 {
    @media (width >= 40rem) {
      margin-block: calc(var(--spacing) * -1);
    }
  }
  .sm\:my-4 {
    @media (width >= 40rem) {
      margin-block: calc(var(--spacing) * 4);
    }
  }
  .sm\:mt-0 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .sm\:mt-0\.5 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 0.5);
    }
  }
  .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-\[100px\] {
    @media (width >= 40rem) {
      margin-top: 100px;
    }
  }
  .sm\:mr-0 {
    @media (width >= 40rem) {
      margin-right: calc(var(--spacing) * 0);
    }
  }
  .sm\:mb-1\.5 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 1.5);
    }
  }
  .sm\:mb-2 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 2);
    }
  }
  .sm\:mb-3 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 3);
    }
  }
  .sm\:mb-4 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .sm\:mb-6 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  .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\:mb-12 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 12);
    }
  }
  .sm\:mb-20 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 20);
    }
  }
  .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-\[15\.5px\] {
    @media (width >= 40rem) {
      margin-left: 15.5px;
    }
  }
  .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\:table-cell {
    @media (width >= 40rem) {
      display: table-cell;
    }
  }
  .sm\:size-3 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 3);
      height: calc(var(--spacing) * 3);
    }
  }
  .sm\:size-4 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .sm\:size-6 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
    }
  }
  .sm\:size-7 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 7);
      height: calc(var(--spacing) * 7);
    }
  }
  .sm\:size-8 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 8);
      height: calc(var(--spacing) * 8);
    }
  }
  .sm\:size-9 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 9);
      height: calc(var(--spacing) * 9);
    }
  }
  .sm\:size-10 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 10);
      height: calc(var(--spacing) * 10);
    }
  }
  .sm\:h-1\.5 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 1.5);
    }
  }
  .sm\:h-2\/3 {
    @media (width >= 40rem) {
      height: calc(2 / 3 * 100%);
    }
  }
  .sm\:h-3 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 3);
    }
  }
  .sm\:h-4 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 4);
    }
  }
  .sm\:h-4\.5 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 4.5);
    }
  }
  .sm\:h-5 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 5);
    }
  }
  .sm\:h-5\.5 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 5.5);
    }
  }
  .sm\:h-6 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 6);
    }
  }
  .sm\:h-6\.5 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 6.5);
    }
  }
  .sm\:h-7 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 7);
    }
  }
  .sm\:h-7\.5 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 7.5);
    }
  }
  .sm\:h-8 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 8);
    }
  }
  .sm\:h-8\.5 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 8.5);
    }
  }
  .sm\:h-9 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 9);
    }
  }
  .sm\:h-10 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 10);
    }
  }
  .sm\:h-12 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 12);
    }
  }
  .sm\:h-16 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 16);
    }
  }
  .sm\:h-20 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 20);
    }
  }
  .sm\:h-40 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 40);
    }
  }
  .sm\:h-64 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 64);
    }
  }
  .sm\:h-70 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 70);
    }
  }
  .sm\:h-72 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 72);
    }
  }
  .sm\:h-80 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 80);
    }
  }
  .sm\:h-\[88vh\] {
    @media (width >= 40rem) {
      height: 88vh;
    }
  }
  .sm\:h-\[90vh\] {
    @media (width >= 40rem) {
      height: 90vh;
    }
  }
  .sm\:h-\[96vh\] {
    @media (width >= 40rem) {
      height: 96vh;
    }
  }
  .sm\:h-\[240px\] {
    @media (width >= 40rem) {
      height: 240px;
    }
  }
  .sm\:h-\[300px\] {
    @media (width >= 40rem) {
      height: 300px;
    }
  }
  .sm\:h-\[400px\] {
    @media (width >= 40rem) {
      height: 400px;
    }
  }
  .sm\:h-\[540px\] {
    @media (width >= 40rem) {
      height: 540px;
    }
  }
  .sm\:h-\[800px\] {
    @media (width >= 40rem) {
      height: 800px;
    }
  }
  .sm\:h-auto {
    @media (width >= 40rem) {
      height: auto;
    }
  }
  .sm\:max-h-\[720px\] {
    @media (width >= 40rem) {
      max-height: 720px;
    }
  }
  .sm\:max-h-\[860px\] {
    @media (width >= 40rem) {
      max-height: 860px;
    }
  }
  .sm\:max-h-\[calc\(88vh-84px\)\] {
    @media (width >= 40rem) {
      max-height: calc(88vh - 84px);
    }
  }
  .sm\:min-h-0 {
    @media (width >= 40rem) {
      min-height: calc(var(--spacing) * 0);
    }
  }
  .sm\:min-h-7 {
    @media (width >= 40rem) {
      min-height: calc(var(--spacing) * 7);
    }
  }
  .sm\:min-h-8 {
    @media (width >= 40rem) {
      min-height: calc(var(--spacing) * 8);
    }
  }
  .sm\:min-h-\[35rem\] {
    @media (width >= 40rem) {
      min-height: 35rem;
    }
  }
  .sm\:min-h-\[40px\] {
    @media (width >= 40rem) {
      min-height: 40px;
    }
  }
  .sm\:min-h-\[300px\] {
    @media (width >= 40rem) {
      min-height: 300px;
    }
  }
  .sm\:min-h-\[320px\] {
    @media (width >= 40rem) {
      min-height: 320px;
    }
  }
  .sm\:min-h-\[800px\] {
    @media (width >= 40rem) {
      min-height: 800px;
    }
  }
  .sm\:w-3 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 3);
    }
  }
  .sm\:w-4 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 4);
    }
  }
  .sm\:w-5 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 5);
    }
  }
  .sm\:w-6 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 6);
    }
  }
  .sm\:w-7 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 7);
    }
  }
  .sm\:w-8 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 8);
    }
  }
  .sm\:w-9 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 9);
    }
  }
  .sm\:w-10 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 10);
    }
  }
  .sm\:w-12 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 12);
    }
  }
  .sm\:w-16 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 16);
    }
  }
  .sm\:w-20 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 20);
    }
  }
  .sm\:w-24 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 24);
    }
  }
  .sm\:w-32 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 32);
    }
  }
  .sm\:w-48 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 48);
    }
  }
  .sm\:w-56 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 56);
    }
  }
  .sm\:w-64 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 64);
    }
  }
  .sm\:w-70 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 70);
    }
  }
  .sm\:w-72 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 72);
    }
  }
  .sm\:w-96 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 96);
    }
  }
  .sm\:w-\[35\%\] {
    @media (width >= 40rem) {
      width: 35%;
    }
  }
  .sm\:w-\[72\.1875rem\] {
    @media (width >= 40rem) {
      width: 72.1875rem;
    }
  }
  .sm\:w-\[80px\] {
    @media (width >= 40rem) {
      width: 80px;
    }
  }
  .sm\:w-\[120px\] {
    @media (width >= 40rem) {
      width: 120px;
    }
  }
  .sm\:w-\[180px\] {
    @media (width >= 40rem) {
      width: 180px;
    }
  }
  .sm\:w-\[240px\] {
    @media (width >= 40rem) {
      width: 240px;
    }
  }
  .sm\:w-\[280px\] {
    @media (width >= 40rem) {
      width: 280px;
    }
  }
  .sm\:w-\[300px\] {
    @media (width >= 40rem) {
      width: 300px;
    }
  }
  .sm\:w-\[320px\] {
    @media (width >= 40rem) {
      width: 320px;
    }
  }
  .sm\:w-\[340px\] {
    @media (width >= 40rem) {
      width: 340px;
    }
  }
  .sm\:w-\[400px\] {
    @media (width >= 40rem) {
      width: 400px;
    }
  }
  .sm\:w-\[550px\] {
    @media (width >= 40rem) {
      width: 550px;
    }
  }
  .sm\:w-\[calc\(50\%-0\.5rem\)\] {
    @media (width >= 40rem) {
      width: calc(50% - 0.5rem);
    }
  }
  .sm\:w-\[min\(96vw\,1440px\)\] {
    @media (width >= 40rem) {
      width: min(96vw, 1440px);
    }
  }
  .sm\:w-auto {
    @media (width >= 40rem) {
      width: auto;
    }
  }
  .sm\:w-fit {
    @media (width >= 40rem) {
      width: fit-content;
    }
  }
  .sm\:w-full {
    @media (width >= 40rem) {
      width: 100%;
    }
  }
  .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-48 {
    @media (width >= 40rem) {
      max-width: calc(var(--spacing) * 48);
    }
  }
  .sm\:max-w-\[60\%\] {
    @media (width >= 40rem) {
      max-width: 60%;
    }
  }
  .sm\:max-w-\[85\%\] {
    @media (width >= 40rem) {
      max-width: 85%;
    }
  }
  .sm\:max-w-\[90\%\] {
    @media (width >= 40rem) {
      max-width: 90%;
    }
  }
  .sm\:max-w-\[500px\] {
    @media (width >= 40rem) {
      max-width: 500px;
    }
  }
  .sm\:max-w-\[calc\(100\%-2rem\)\] {
    @media (width >= 40rem) {
      max-width: calc(100% - 2rem);
    }
  }
  .sm\:max-w-\[min\(30vw\,180px\)\] {
    @media (width >= 40rem) {
      max-width: min(30vw, 180px);
    }
  }
  .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\:min-w-0 {
    @media (width >= 40rem) {
      min-width: calc(var(--spacing) * 0);
    }
  }
  .sm\:min-w-4 {
    @media (width >= 40rem) {
      min-width: calc(var(--spacing) * 4);
    }
  }
  .sm\:min-w-4\.5 {
    @media (width >= 40rem) {
      min-width: calc(var(--spacing) * 4.5);
    }
  }
  .sm\:min-w-5\.5 {
    @media (width >= 40rem) {
      min-width: calc(var(--spacing) * 5.5);
    }
  }
  .sm\:min-w-7 {
    @media (width >= 40rem) {
      min-width: calc(var(--spacing) * 7);
    }
  }
  .sm\:min-w-8 {
    @media (width >= 40rem) {
      min-width: calc(var(--spacing) * 8);
    }
  }
  .sm\:min-w-9 {
    @media (width >= 40rem) {
      min-width: calc(var(--spacing) * 9);
    }
  }
  .sm\:min-w-\[240px\] {
    @media (width >= 40rem) {
      min-width: 240px;
    }
  }
  .sm\:min-w-\[400px\] {
    @media (width >= 40rem) {
      min-width: 400px;
    }
  }
  .sm\:flex-1 {
    @media (width >= 40rem) {
      flex: 1;
    }
  }
  .sm\:flex-none {
    @media (width >= 40rem) {
      flex: none;
    }
  }
  .sm\:shrink {
    @media (width >= 40rem) {
      flex-shrink: 1;
    }
  }
  .sm\:translate-x-24 {
    @media (width >= 40rem) {
      --tw-translate-x: calc(var(--spacing) * 24);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .sm\:scale-75 {
    @media (width >= 40rem) {
      --tw-scale-x: 75%;
      --tw-scale-y: 75%;
      --tw-scale-z: 75%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .sm\:scale-90 {
    @media (width >= 40rem) {
      --tw-scale-x: 90%;
      --tw-scale-y: 90%;
      --tw-scale-z: 90%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .sm\:scale-\[0\.54\] {
    @media (width >= 40rem) {
      scale: 0.54;
    }
  }
  .sm\:scale-\[0\.82\] {
    @media (width >= 40rem) {
      scale: 0.82;
    }
  }
  .sm\:columns-2 {
    @media (width >= 40rem) {
      columns: 2;
    }
  }
  .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-9 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-\[1\.2fr_1fr\] {
    @media (width >= 40rem) {
      grid-template-columns: 1.2fr 1fr;
    }
  }
  .sm\:grid-cols-\[1\.5fr_2fr_1fr_1fr_1fr_1fr\] {
    @media (width >= 40rem) {
      grid-template-columns: 1.5fr 2fr 1fr 1fr 1fr 1fr;
    }
  }
  .sm\:grid-cols-\[1fr_1fr_auto\] {
    @media (width >= 40rem) {
      grid-template-columns: 1fr 1fr auto;
    }
  }
  .sm\:grid-cols-\[1fr_10rem\] {
    @media (width >= 40rem) {
      grid-template-columns: 1fr 10rem;
    }
  }
  .sm\:grid-cols-\[1fr_auto\] {
    @media (width >= 40rem) {
      grid-template-columns: 1fr auto;
    }
  }
  .sm\:grid-cols-\[1fr_auto_1fr\] {
    @media (width >= 40rem) {
      grid-template-columns: 1fr auto 1fr;
    }
  }
  .sm\:grid-cols-\[4rem_1fr_auto\] {
    @media (width >= 40rem) {
      grid-template-columns: 4rem 1fr auto;
    }
  }
  .sm\:grid-cols-\[10rem_1fr_auto\] {
    @media (width >= 40rem) {
      grid-template-columns: 10rem 1fr auto;
    }
  }
  .sm\:grid-cols-\[15rem_1fr\] {
    @media (width >= 40rem) {
      grid-template-columns: 15rem 1fr;
    }
  }
  .sm\:grid-cols-\[auto_1fr\] {
    @media (width >= 40rem) {
      grid-template-columns: auto 1fr;
    }
  }
  .sm\:grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1fr\)\] {
    @media (width >= 40rem) {
      grid-template-columns: minmax(0,0.9fr) minmax(0,1fr);
    }
  }
  .sm\:flex-col {
    @media (width >= 40rem) {
      flex-direction: column;
    }
  }
  .sm\:flex-row {
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .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\: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-1 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 1);
    }
  }
  .sm\:gap-2 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .sm\:gap-2\.5 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 2.5);
    }
  }
  .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-10 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .sm\:gap-14 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 14);
    }
  }
  .sm\:gap-16 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 16);
    }
  }
  .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-2 {
    @media (width >= 40rem) {
      :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)));
      }
    }
  }
  .sm\:space-y-5 {
    @media (width >= 40rem) {
      :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)));
      }
    }
  }
  .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\:gap-x-3 {
    @media (width >= 40rem) {
      column-gap: calc(var(--spacing) * 3);
    }
  }
  .sm\:gap-x-5 {
    @media (width >= 40rem) {
      column-gap: calc(var(--spacing) * 5);
    }
  }
  .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-12 {
    @media (width >= 40rem) {
      column-gap: calc(var(--spacing) * 12);
    }
  }
  .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-2 {
    @media (width >= 40rem) {
      :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)));
      }
    }
  }
  .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-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\:self-auto {
    @media (width >= 40rem) {
      align-self: auto;
    }
  }
  .sm\:self-start {
    @media (width >= 40rem) {
      align-self: flex-start;
    }
  }
  .sm\:overflow-visible {
    @media (width >= 40rem) {
      overflow: visible;
    }
  }
  .sm\:rounded-2xl {
    @media (width >= 40rem) {
      border-radius: calc(var(--radius) * 1.8);
    }
  }
  .sm\:rounded-3xl {
    @media (width >= 40rem) {
      border-radius: calc(var(--radius) * 2.2);
    }
  }
  .sm\:rounded-4xl {
    @media (width >= 40rem) {
      border-radius: calc(var(--radius) * 2.6);
    }
  }
  .sm\:rounded-\[2\.5rem\] {
    @media (width >= 40rem) {
      border-radius: 2.5rem;
    }
  }
  .sm\:rounded-\[2rem\] {
    @media (width >= 40rem) {
      border-radius: 2rem;
    }
  }
  .sm\:rounded-\[3px\] {
    @media (width >= 40rem) {
      border-radius: 3px;
    }
  }
  .sm\:rounded-\[15px\] {
    @media (width >= 40rem) {
      border-radius: 15px;
    }
  }
  .sm\:rounded-\[20px\] {
    @media (width >= 40rem) {
      border-radius: 20px;
    }
  }
  .sm\:rounded-\[32px\] {
    @media (width >= 40rem) {
      border-radius: 32px;
    }
  }
  .sm\:rounded-full {
    @media (width >= 40rem) {
      border-radius: calc(infinity * 1px);
    }
  }
  .sm\:rounded-lg {
    @media (width >= 40rem) {
      border-radius: var(--radius);
    }
  }
  .sm\:rounded-xl {
    @media (width >= 40rem) {
      border-radius: calc(var(--radius) * 1.4);
    }
  }
  .sm\:rounded-t-3xl {
    @media (width >= 40rem) {
      border-top-left-radius: calc(var(--radius) * 2.2);
      border-top-right-radius: calc(var(--radius) * 2.2);
    }
  }
  .sm\:border {
    @media (width >= 40rem) {
      border-style: var(--tw-border-style);
      border-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-0 {
    @media (width >= 40rem) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .sm\:border-l {
    @media (width >= 40rem) {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }
  .sm\:border-border {
    @media (width >= 40rem) {
      border-color: var(--border);
    }
  }
  .sm\:border-white\/\[0\.08\] {
    @media (width >= 40rem) {
      border-color: color-mix(in srgb, #fff 8%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 8%, transparent);
      }
    }
  }
  .sm\:border-white\/\[0\.15\] {
    @media (width >= 40rem) {
      border-color: color-mix(in srgb, #fff 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }
  }
  .sm\:bg-black\/90 {
    @media (width >= 40rem) {
      background-color: color-mix(in srgb, #000 90%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 90%, transparent);
      }
    }
  }
  .sm\:bg-muted\/50 {
    @media (width >= 40rem) {
      background-color: var(--muted);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }
  }
  .sm\:bg-white\/\[0\.02\] {
    @media (width >= 40rem) {
      background-color: color-mix(in srgb, #fff 2%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 2%, transparent);
      }
    }
  }
  .sm\:p-0 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 0);
    }
  }
  .sm\:p-1\.5 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 1.5);
    }
  }
  .sm\:p-2 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 2);
    }
  }
  .sm\:p-3 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 3);
    }
  }
  .sm\:p-4 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 4);
    }
  }
  .sm\:p-5 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .sm\:p-6 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .sm\:p-7 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 7);
    }
  }
  .sm\:p-8 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .sm\:p-9 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 9);
    }
  }
  .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-5 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
  .sm\:px-6 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .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-\[1\.4vw\] {
    @media (width >= 40rem) {
      padding-inline: 1.4vw;
    }
  }
  .sm\:py-0 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 0);
    }
  }
  .sm\:py-1 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 1);
    }
  }
  .sm\:py-2 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .sm\:py-2\.5 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 2.5);
    }
  }
  .sm\:py-3 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .sm\:py-3\.5 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 3.5);
    }
  }
  .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-12 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 12);
    }
  }
  .sm\:py-14 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 14);
    }
  }
  .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-28 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 28);
    }
  }
  .sm\:py-32 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 32);
    }
  }
  .sm\:py-\[4\.5rem\] {
    @media (width >= 40rem) {
      padding-block: 4.5rem;
    }
  }
  .sm\:py-\[6px\] {
    @media (width >= 40rem) {
      padding-block: 6px;
    }
  }
  .sm\:pt-0 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .sm\:pt-0\.5 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 0.5);
    }
  }
  .sm\:pt-2 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 2);
    }
  }
  .sm\:pt-2\.5 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 2.5);
    }
  }
  .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-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-25 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 25);
    }
  }
  .sm\:pt-28 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 28);
    }
  }
  .sm\:pt-44 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 44);
    }
  }
  .sm\:pt-\[4\%\] {
    @media (width >= 40rem) {
      padding-top: 4%;
    }
  }
  .sm\:pr-1 {
    @media (width >= 40rem) {
      padding-right: calc(var(--spacing) * 1);
    }
  }
  .sm\:pr-2 {
    @media (width >= 40rem) {
      padding-right: calc(var(--spacing) * 2);
    }
  }
  .sm\:pr-4 {
    @media (width >= 40rem) {
      padding-right: calc(var(--spacing) * 4);
    }
  }
  .sm\:pr-5 {
    @media (width >= 40rem) {
      padding-right: calc(var(--spacing) * 5);
    }
  }
  .sm\:pr-8 {
    @media (width >= 40rem) {
      padding-right: calc(var(--spacing) * 8);
    }
  }
  .sm\:pb-0 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .sm\:pb-2 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 2);
    }
  }
  .sm\:pb-2\.5 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 2.5);
    }
  }
  .sm\:pb-4 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 4);
    }
  }
  .sm\:pb-8 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 8);
    }
  }
  .sm\:pb-12 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 12);
    }
  }
  .sm\:pb-20 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 20);
    }
  }
  .sm\:pb-28 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 28);
    }
  }
  .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-10 {
    @media (width >= 40rem) {
      padding-left: calc(var(--spacing) * 10);
    }
  }
  .sm\:pl-\[32px\] {
    @media (width >= 40rem) {
      padding-left: 32px;
    }
  }
  .sm\:pl-\[calc\(3rem\+2\.5rem\)\] {
    @media (width >= 40rem) {
      padding-left: calc(3rem + 2.5rem);
    }
  }
  .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-8xl {
    @media (width >= 40rem) {
      font-size: var(--text-8xl);
      line-height: var(--tw-leading, var(--text-8xl--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-sm\/4 {
    @media (width >= 40rem) {
      font-size: var(--text-sm);
      line-height: calc(var(--spacing) * 4);
    }
  }
  .sm\:text-sm\/6 {
    @media (width >= 40rem) {
      font-size: var(--text-sm);
      line-height: calc(var(--spacing) * 6);
    }
  }
  .sm\:text-xl {
    @media (width >= 40rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .sm\:text-xl\/8 {
    @media (width >= 40rem) {
      font-size: var(--text-xl);
      line-height: calc(var(--spacing) * 8);
    }
  }
  .sm\:text-xs {
    @media (width >= 40rem) {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .sm\:text-xs\/\(--text-xs--line-height\) {
    @media (width >= 40rem) {
      font-size: var(--text-xs);
      line-height: var(--text-xs--line-height);
    }
  }
  .sm\:text-\[\.625rem\] {
    @media (width >= 40rem) {
      font-size: .625rem;
    }
  }
  .sm\:text-\[3\.5rem\] {
    @media (width >= 40rem) {
      font-size: 3.5rem;
    }
  }
  .sm\:text-\[3rem\] {
    @media (width >= 40rem) {
      font-size: 3rem;
    }
  }
  .sm\:text-\[8rem\] {
    @media (width >= 40rem) {
      font-size: 8rem;
    }
  }
  .sm\:text-\[9px\] {
    @media (width >= 40rem) {
      font-size: 9px;
    }
  }
  .sm\:text-\[10px\] {
    @media (width >= 40rem) {
      font-size: 10px;
    }
  }
  .sm\:text-\[12px\] {
    @media (width >= 40rem) {
      font-size: 12px;
    }
  }
  .sm\:text-\[13px\] {
    @media (width >= 40rem) {
      font-size: 13px;
    }
  }
  .sm\:text-\[14px\] {
    @media (width >= 40rem) {
      font-size: 14px;
    }
  }
  .sm\:text-\[15px\] {
    @media (width >= 40rem) {
      font-size: 15px;
    }
  }
  .sm\:text-\[16px\] {
    @media (width >= 40rem) {
      font-size: 16px;
    }
  }
  .sm\:text-\[20px\] {
    @media (width >= 40rem) {
      font-size: 20px;
    }
  }
  .sm\:text-\[22px\] {
    @media (width >= 40rem) {
      font-size: 22px;
    }
  }
  .sm\:text-\[26px\] {
    @media (width >= 40rem) {
      font-size: 26px;
    }
  }
  .sm\:text-\[28px\] {
    @media (width >= 40rem) {
      font-size: 28px;
    }
  }
  .sm\:text-\[30px\] {
    @media (width >= 40rem) {
      font-size: 30px;
    }
  }
  .sm\:text-\[38px\] {
    @media (width >= 40rem) {
      font-size: 38px;
    }
  }
  .sm\:text-\[42px\] {
    @media (width >= 40rem) {
      font-size: 42px;
    }
  }
  .sm\:leading-5 {
    @media (width >= 40rem) {
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
    }
  }
  .sm\:leading-6\.5 {
    @media (width >= 40rem) {
      --tw-leading: calc(var(--spacing) * 6.5);
      line-height: calc(var(--spacing) * 6.5);
    }
  }
  .sm\:leading-7\.5 {
    @media (width >= 40rem) {
      --tw-leading: calc(var(--spacing) * 7.5);
      line-height: calc(var(--spacing) * 7.5);
    }
  }
  .sm\:leading-8 {
    @media (width >= 40rem) {
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
    }
  }
  .sm\:leading-8\.5 {
    @media (width >= 40rem) {
      --tw-leading: calc(var(--spacing) * 8.5);
      line-height: calc(var(--spacing) * 8.5);
    }
  }
  .sm\:leading-\[1\.1\] {
    @media (width >= 40rem) {
      --tw-leading: 1.1;
      line-height: 1.1;
    }
  }
  .sm\:leading-\[1\.2\] {
    @media (width >= 40rem) {
      --tw-leading: 1.2;
      line-height: 1.2;
    }
  }
  .sm\:leading-\[1\.15\] {
    @media (width >= 40rem) {
      --tw-leading: 1.15;
      line-height: 1.15;
    }
  }
  .sm\:leading-relaxed {
    @media (width >= 40rem) {
      --tw-leading: var(--leading-relaxed);
      line-height: var(--leading-relaxed);
    }
  }
  .sm\:font-medium {
    @media (width >= 40rem) {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .sm\:tracking-tight {
    @media (width >= 40rem) {
      --tw-tracking: var(--tracking-tight);
      letter-spacing: var(--tracking-tight);
    }
  }
  .sm\:opacity-\[0\.55\] {
    @media (width >= 40rem) {
      opacity: 0.55;
    }
  }
  .sm\:shadow-2xl {
    @media (width >= 40rem) {
      --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);
    }
  }
  .sm\:shadow-\[inset_0_0_2px_1px_\#ffffff4d\] {
    @media (width >= 40rem) {
      --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);
    }
  }
  .sm\:shadow-\[inset_0_0_2px_1px_hsl\(var\(--border\)\/0\.3\)\] {
    @media (width >= 40rem) {
      --tw-shadow: inset 0 0 2px 1px var(--tw-shadow-color, hsl(var(--border)/0.3));
      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\:ring-border {
    @media (width >= 40rem) {
      --tw-ring-color: var(--border);
    }
  }
  .sm\:backdrop-blur-md {
    @media (width >= 40rem) {
      --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,);
    }
  }
  .sm\:\[--cell-size\:--spacing\(9\)\] {
    @media (width >= 40rem) {
      --cell-size: calc(var(--spacing) * 9);
    }
  }
  .sm\:\[--inset\:--spacing\(4\)\] {
    @media (width >= 40rem) {
      --inset: calc(var(--spacing) * 4);
    }
  }
  .sm\:\[--thumb-size\:--spacing\(3\)\] {
    @media (width >= 40rem) {
      --thumb-size: calc(var(--spacing) * 3);
    }
  }
  .sm\:\[--thumb-size\:--spacing\(4\)\] {
    @media (width >= 40rem) {
      --thumb-size: calc(var(--spacing) * 4);
    }
  }
  .sm\:slide-in-from-top-2 {
    @media (width >= 40rem) {
      --tw-enter-translate-y: calc(2*var(--spacing)*-1);
    }
  }
  .sm\:\*\:min-h-6 {
    @media (width >= 40rem) {
      :is(& > *) {
        min-height: calc(var(--spacing) * 6);
      }
    }
  }
  .sm\:\*\:w-fit {
    @media (width >= 40rem) {
      :is(& > *) {
        width: fit-content;
      }
    }
  }
  .sm\:group-hover\:left-3 {
    @media (width >= 40rem) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          left: calc(var(--spacing) * 3);
        }
      }
    }
  }
  .sm\:before\:top-0 {
    @media (width >= 40rem) {
      &::before {
        content: var(--tw-content);
        top: calc(var(--spacing) * 0);
      }
    }
  }
  .sm\:before\:rounded-\[calc\(var\(--radius-2xl\)-1px\)\] {
    @media (width >= 40rem) {
      &::before {
        content: var(--tw-content);
        border-radius: calc(var(--radius-2xl) - 1px);
      }
    }
  }
  .sm\:after\:bg-transparent {
    @media (width >= 40rem) {
      &::after {
        content: var(--tw-content);
        background-color: transparent;
      }
    }
  }
  .sm\:has-data-\[size\=lg\]\:min-h-9 {
    @media (width >= 40rem) {
      &:has(*[data-size="lg"]) {
        min-height: calc(var(--spacing) * 9);
      }
    }
  }
  .sm\:has-data-\[size\=lg\]\:\*\:min-h-7 {
    @media (width >= 40rem) {
      &:has(*[data-size="lg"]) {
        :is(& > *) {
          min-height: calc(var(--spacing) * 7);
        }
      }
    }
  }
  .sm\:has-data-\[size\=sm\]\:min-h-7 {
    @media (width >= 40rem) {
      &:has(*[data-size="sm"]) {
        min-height: calc(var(--spacing) * 7);
      }
    }
  }
  .sm\:has-data-\[size\=sm\]\:\*\:min-h-5 {
    @media (width >= 40rem) {
      &:has(*[data-size="sm"]) {
        :is(& > *) {
          min-height: calc(var(--spacing) * 5);
        }
      }
    }
  }
  .sm\:data-inset\:ps-8 {
    @media (width >= 40rem) {
      &[data-inset] {
        padding-inline-start: calc(var(--spacing) * 8);
      }
    }
  }
  .data-\[side\=left\]\:sm\:max-w-sm {
    &[data-side="left"] {
      @media (width >= 40rem) {
        max-width: var(--container-sm);
      }
    }
  }
  .data-\[side\=right\]\:sm\:max-w-none {
    &[data-side="right"] {
      @media (width >= 40rem) {
        max-width: none;
      }
    }
  }
  .data-\[side\=right\]\:sm\:max-w-sm {
    &[data-side="right"] {
      @media (width >= 40rem) {
        max-width: var(--container-sm);
      }
    }
  }
  .sm\:\*\:data-\[slot\=combobox-input\]\:ps-\[calc\(--spacing\(8\)-1px\)\] {
    @media (width >= 40rem) {
      :is(& > *) {
        &[data-slot="combobox-input"] {
          padding-inline-start: calc(calc(var(--spacing) * 8) - 1px);
        }
      }
    }
  }
  .sm\:data-\[size\=sm\]\:\*\:data-\[slot\=combobox-input\]\:ps-\[calc\(--spacing\(7\)-1px\)\] {
    @media (width >= 40rem) {
      &[data-size="sm"] {
        :is(& > *) {
          &[data-slot="combobox-input"] {
            padding-inline-start: calc(calc(var(--spacing) * 7) - 1px);
          }
        }
      }
    }
  }
  .sm\:\*\*\:data-\[slot\=drawer-footer\]\:rounded-b-\[calc\(var\(--radius-2xl\)-1px\)\] {
    @media (width >= 40rem) {
      :is(& *) {
        &[data-slot="drawer-footer"] {
          border-bottom-right-radius: calc(var(--radius-2xl) - 1px);
          border-bottom-left-radius: calc(var(--radius-2xl) - 1px);
        }
      }
    }
  }
  .sm\:\*\*\:data-\[slot\=tabs-trigger\]\:text-sm {
    @media (width >= 40rem) {
      :is(& *) {
        &[data-slot="tabs-trigger"] {
          font-size: var(--text-sm);
          line-height: var(--tw-leading, var(--text-sm--line-height));
        }
      }
    }
  }
  .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm {
    &[data-vaul-drawer-direction="left"] {
      @media (width >= 40rem) {
        max-width: var(--container-sm);
      }
    }
  }
  .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm {
    &[data-vaul-drawer-direction="right"] {
      @media (width >= 40rem) {
        max-width: var(--container-sm);
      }
    }
  }
  .md\:invisible {
    @media (width >= 48rem) {
      visibility: hidden;
    }
  }
  .md\:absolute {
    @media (width >= 48rem) {
      position: absolute;
    }
  }
  .md\:sticky {
    @media (width >= 48rem) {
      position: sticky;
    }
  }
  .md\:-top-20 {
    @media (width >= 48rem) {
      top: calc(var(--spacing) * -20);
    }
  }
  .md\:-top-40 {
    @media (width >= 48rem) {
      top: calc(var(--spacing) * -40);
    }
  }
  .md\:top-0 {
    @media (width >= 48rem) {
      top: calc(var(--spacing) * 0);
    }
  }
  .md\:top-3 {
    @media (width >= 48rem) {
      top: calc(var(--spacing) * 3);
    }
  }
  .md\:top-22 {
    @media (width >= 48rem) {
      top: calc(var(--spacing) * 22);
    }
  }
  .md\:top-\[10\%\] {
    @media (width >= 48rem) {
      top: 10%;
    }
  }
  .md\:top-\[15\%\] {
    @media (width >= 48rem) {
      top: 15%;
    }
  }
  .md\:top-\[20\%\] {
    @media (width >= 48rem) {
      top: 20%;
    }
  }
  .md\:top-\[21\%\] {
    @media (width >= 48rem) {
      top: 21%;
    }
  }
  .md\:top-\[25\%\] {
    @media (width >= 48rem) {
      top: 25%;
    }
  }
  .md\:top-\[29\%\] {
    @media (width >= 48rem) {
      top: 29%;
    }
  }
  .md\:top-\[30\%\] {
    @media (width >= 48rem) {
      top: 30%;
    }
  }
  .md\:top-\[75\%\] {
    @media (width >= 48rem) {
      top: 75%;
    }
  }
  .md\:right-3 {
    @media (width >= 48rem) {
      right: calc(var(--spacing) * 3);
    }
  }
  .md\:right-6 {
    @media (width >= 48rem) {
      right: calc(var(--spacing) * 6);
    }
  }
  .md\:right-8 {
    @media (width >= 48rem) {
      right: calc(var(--spacing) * 8);
    }
  }
  .md\:right-10 {
    @media (width >= 48rem) {
      right: calc(var(--spacing) * 10);
    }
  }
  .md\:right-12 {
    @media (width >= 48rem) {
      right: calc(var(--spacing) * 12);
    }
  }
  .md\:right-\[0\%\] {
    @media (width >= 48rem) {
      right: 0%;
    }
  }
  .md\:right-\[20\%\] {
    @media (width >= 48rem) {
      right: 20%;
    }
  }
  .md\:bottom-3 {
    @media (width >= 48rem) {
      bottom: calc(var(--spacing) * 3);
    }
  }
  .md\:bottom-6 {
    @media (width >= 48rem) {
      bottom: calc(var(--spacing) * 6);
    }
  }
  .md\:bottom-8 {
    @media (width >= 48rem) {
      bottom: calc(var(--spacing) * 8);
    }
  }
  .md\:bottom-20 {
    @media (width >= 48rem) {
      bottom: calc(var(--spacing) * 20);
    }
  }
  .md\:bottom-32 {
    @media (width >= 48rem) {
      bottom: calc(var(--spacing) * 32);
    }
  }
  .md\:bottom-\[10\%\] {
    @media (width >= 48rem) {
      bottom: 10%;
    }
  }
  .md\:left-0 {
    @media (width >= 48rem) {
      left: calc(var(--spacing) * 0);
    }
  }
  .md\:left-1\/2 {
    @media (width >= 48rem) {
      left: calc(1 / 2 * 100%);
    }
  }
  .md\:left-10 {
    @media (width >= 48rem) {
      left: calc(var(--spacing) * 10);
    }
  }
  .md\:left-60 {
    @media (width >= 48rem) {
      left: calc(var(--spacing) * 60);
    }
  }
  .md\:left-\[-5\%\] {
    @media (width >= 48rem) {
      left: -5%;
    }
  }
  .md\:left-\[-24px\] {
    @media (width >= 48rem) {
      left: -24px;
    }
  }
  .md\:left-\[10\%\] {
    @media (width >= 48rem) {
      left: 10%;
    }
  }
  .md\:left-\[25\%\] {
    @media (width >= 48rem) {
      left: 25%;
    }
  }
  .md\:left-\[35px\] {
    @media (width >= 48rem) {
      left: 35px;
    }
  }
  .md\:left-\[68px\] {
    @media (width >= 48rem) {
      left: 68px;
    }
  }
  .md\:left-\[calc\(50\%\+27px\+1rem\)\] {
    @media (width >= 48rem) {
      left: calc(50% + 27px + 1rem);
    }
  }
  .md\:left-\[calc\(50\%\+35px\+1rem\)\] {
    @media (width >= 48rem) {
      left: calc(50% + 35px + 1rem);
    }
  }
  .md\:left-auto {
    @media (width >= 48rem) {
      left: auto;
    }
  }
  .md\:order-1 {
    @media (width >= 48rem) {
      order: 1;
    }
  }
  .md\:order-2 {
    @media (width >= 48rem) {
      order: 2;
    }
  }
  .md\:col-span-1 {
    @media (width >= 48rem) {
      grid-column: span 1 / span 1;
    }
  }
  .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-4 {
    @media (width >= 48rem) {
      grid-column: span 4 / span 4;
    }
  }
  .md\:col-span-5 {
    @media (width >= 48rem) {
      grid-column: span 5 / span 5;
    }
  }
  .md\:col-span-6 {
    @media (width >= 48rem) {
      grid-column: span 6 / span 6;
    }
  }
  .md\:col-span-8 {
    @media (width >= 48rem) {
      grid-column: span 8 / span 8;
    }
  }
  .md\:col-start-1 {
    @media (width >= 48rem) {
      grid-column-start: 1;
    }
  }
  .md\:col-start-2 {
    @media (width >= 48rem) {
      grid-column-start: 2;
    }
  }
  .md\:row-span-1 {
    @media (width >= 48rem) {
      grid-row: span 1 / span 1;
    }
  }
  .md\:row-span-2 {
    @media (width >= 48rem) {
      grid-row: span 2 / span 2;
    }
  }
  .md\:row-span-3 {
    @media (width >= 48rem) {
      grid-row: span 3 / span 3;
    }
  }
  .md\:m-36 {
    @media (width >= 48rem) {
      margin: calc(var(--spacing) * 36);
    }
  }
  .md\:mx-0 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  .md\:mx-4 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 4);
    }
  }
  .md\:mx-8 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 8);
    }
  }
  .md\:mx-auto {
    @media (width >= 48rem) {
      margin-inline: auto;
    }
  }
  .md\:-mt-24 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * -24);
    }
  }
  .md\:mt-0 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .md\:mt-4 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 4);
    }
  }
  .md\:mt-6 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  .md\:mt-8 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  .md\:mt-12 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 12);
    }
  }
  .md\:mt-24 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 24);
    }
  }
  .md\:mt-40 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 40);
    }
  }
  .md\:-mb-0 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * -0);
    }
  }
  .md\:mb-0 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .md\:mb-1 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 1);
    }
  }
  .md\:mb-3 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 3);
    }
  }
  .md\:mb-4 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .md\:mb-8 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  .md\:ml-0 {
    @media (width >= 48rem) {
      margin-left: calc(var(--spacing) * 0);
    }
  }
  .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-4\/3 {
    @media (width >= 48rem) {
      aspect-ratio: 4/3;
    }
  }
  .md\:aspect-\[16\/10\] {
    @media (width >= 48rem) {
      aspect-ratio: 16/10;
    }
  }
  .md\:size-8 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 8);
      height: calc(var(--spacing) * 8);
    }
  }
  .md\:size-12 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 12);
      height: calc(var(--spacing) * 12);
    }
  }
  .md\:size-16 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 16);
      height: calc(var(--spacing) * 16);
    }
  }
  .md\:size-18 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 18);
      height: calc(var(--spacing) * 18);
    }
  }
  .md\:size-24 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 24);
      height: calc(var(--spacing) * 24);
    }
  }
  .md\:size-50 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 50);
      height: calc(var(--spacing) * 50);
    }
  }
  .md\:h-1\.5 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 1.5);
    }
  }
  .md\:h-5 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 5);
    }
  }
  .md\:h-6 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 6);
    }
  }
  .md\:h-8 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 8);
    }
  }
  .md\:h-9 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 9);
    }
  }
  .md\:h-10 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 10);
    }
  }
  .md\:h-12 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 12);
    }
  }
  .md\:h-14 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 14);
    }
  }
  .md\:h-16 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 16);
    }
  }
  .md\:h-20 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 20);
    }
  }
  .md\:h-24 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 24);
    }
  }
  .md\:h-32 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 32);
    }
  }
  .md\:h-40 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 40);
    }
  }
  .md\:h-48 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 48);
    }
  }
  .md\:h-64 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 64);
    }
  }
  .md\:h-80 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 80);
    }
  }
  .md\:h-89 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 89);
    }
  }
  .md\:h-96 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 96);
    }
  }
  .md\:h-\[3rem\] {
    @media (width >= 48rem) {
      height: 3rem;
    }
  }
  .md\:h-\[28rem\] {
    @media (width >= 48rem) {
      height: 28rem;
    }
  }
  .md\:h-\[40rem\] {
    @media (width >= 48rem) {
      height: 40rem;
    }
  }
  .md\:h-\[80rem\] {
    @media (width >= 48rem) {
      height: 80rem;
    }
  }
  .md\:h-\[85vh\] {
    @media (width >= 48rem) {
      height: 85vh;
    }
  }
  .md\:h-\[404px\] {
    @media (width >= 48rem) {
      height: 404px;
    }
  }
  .md\:h-\[450px\] {
    @media (width >= 48rem) {
      height: 450px;
    }
  }
  .md\:h-\[500px\] {
    @media (width >= 48rem) {
      height: 500px;
    }
  }
  .md\:h-\[600px\] {
    @media (width >= 48rem) {
      height: 600px;
    }
  }
  .md\:h-\[637px\] {
    @media (width >= 48rem) {
      height: 637px;
    }
  }
  .md\:h-\[650px\] {
    @media (width >= 48rem) {
      height: 650px;
    }
  }
  .md\:h-auto {
    @media (width >= 48rem) {
      height: auto;
    }
  }
  .md\:h-full {
    @media (width >= 48rem) {
      height: 100%;
    }
  }
  .md\:max-h-\[460px\] {
    @media (width >= 48rem) {
      max-height: 460px;
    }
  }
  .md\:min-h-\[40rem\] {
    @media (width >= 48rem) {
      min-height: 40rem;
    }
  }
  .md\:min-h-\[300px\] {
    @media (width >= 48rem) {
      min-height: 300px;
    }
  }
  .md\:min-h-\[450px\] {
    @media (width >= 48rem) {
      min-height: 450px;
    }
  }
  .md\:min-h-\[600px\] {
    @media (width >= 48rem) {
      min-height: 600px;
    }
  }
  .md\:w-\(--radix-navigation-menu-viewport-width\) {
    @media (width >= 48rem) {
      width: var(--radix-navigation-menu-viewport-width);
    }
  }
  .md\:w-1\.5 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 1.5);
    }
  }
  .md\:w-1\/2 {
    @media (width >= 48rem) {
      width: calc(1 / 2 * 100%);
    }
  }
  .md\:w-1\/4 {
    @media (width >= 48rem) {
      width: calc(1 / 4 * 100%);
    }
  }
  .md\:w-2\/3 {
    @media (width >= 48rem) {
      width: calc(2 / 3 * 100%);
    }
  }
  .md\:w-3\/4 {
    @media (width >= 48rem) {
      width: calc(3 / 4 * 100%);
    }
  }
  .md\:w-5 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 5);
    }
  }
  .md\:w-8 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 8);
    }
  }
  .md\:w-9 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 9);
    }
  }
  .md\:w-10 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 10);
    }
  }
  .md\:w-10\/12 {
    @media (width >= 48rem) {
      width: calc(10 / 12 * 100%);
    }
  }
  .md\:w-12 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 12);
    }
  }
  .md\:w-14 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 14);
    }
  }
  .md\:w-20 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 20);
    }
  }
  .md\:w-24 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 24);
    }
  }
  .md\:w-32 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 32);
    }
  }
  .md\:w-36 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 36);
    }
  }
  .md\:w-40 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 40);
    }
  }
  .md\:w-48 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 48);
    }
  }
  .md\:w-52 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 52);
    }
  }
  .md\:w-64 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 64);
    }
  }
  .md\:w-72 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 72);
    }
  }
  .md\:w-80 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 80);
    }
  }
  .md\:w-96 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 96);
    }
  }
  .md\:w-\[3rem\] {
    @media (width >= 48rem) {
      width: 3rem;
    }
  }
  .md\:w-\[55\%\] {
    @media (width >= 48rem) {
      width: 55%;
    }
  }
  .md\:w-\[60\%\] {
    @media (width >= 48rem) {
      width: 60%;
    }
  }
  .md\:w-\[80\%\] {
    @media (width >= 48rem) {
      width: 80%;
    }
  }
  .md\:w-\[85vw\] {
    @media (width >= 48rem) {
      width: 85vw;
    }
  }
  .md\:w-\[130px\] {
    @media (width >= 48rem) {
      width: 130px;
    }
  }
  .md\:w-\[150px\] {
    @media (width >= 48rem) {
      width: 150px;
    }
  }
  .md\:w-\[180px\] {
    @media (width >= 48rem) {
      width: 180px;
    }
  }
  .md\:w-\[260px\] {
    @media (width >= 48rem) {
      width: 260px;
    }
  }
  .md\:w-\[280px\] {
    @media (width >= 48rem) {
      width: 280px;
    }
  }
  .md\:w-\[300px\] {
    @media (width >= 48rem) {
      width: 300px;
    }
  }
  .md\:w-\[420px\] {
    @media (width >= 48rem) {
      width: 420px;
    }
  }
  .md\:w-\[450px\] {
    @media (width >= 48rem) {
      width: 450px;
    }
  }
  .md\:w-\[472px\] {
    @media (width >= 48rem) {
      width: 472px;
    }
  }
  .md\:w-\[550px\] {
    @media (width >= 48rem) {
      width: 550px;
    }
  }
  .md\:w-\[800px\] {
    @media (width >= 48rem) {
      width: 800px;
    }
  }
  .md\:w-\[1100px\] {
    @media (width >= 48rem) {
      width: 1100px;
    }
  }
  .md\:w-auto {
    @media (width >= 48rem) {
      width: auto;
    }
  }
  .md\:w-fit {
    @media (width >= 48rem) {
      width: fit-content;
    }
  }
  .md\:w-full {
    @media (width >= 48rem) {
      width: 100%;
    }
  }
  .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-6xl {
    @media (width >= 48rem) {
      max-width: var(--container-6xl);
    }
  }
  .md\:max-w-\[180px\] {
    @media (width >= 48rem) {
      max-width: 180px;
    }
  }
  .md\:max-w-\[471px\] {
    @media (width >= 48rem) {
      max-width: 471px;
    }
  }
  .md\:max-w-\[800px\] {
    @media (width >= 48rem) {
      max-width: 800px;
    }
  }
  .md\:max-w-\[calc\(100\%-4rem\)\] {
    @media (width >= 48rem) {
      max-width: calc(100% - 4rem);
    }
  }
  .md\:max-w-\[min\(25vw\,160px\)\] {
    @media (width >= 48rem) {
      max-width: min(25vw, 160px);
    }
  }
  .md\:max-w-md {
    @media (width >= 48rem) {
      max-width: var(--container-md);
    }
  }
  .md\:max-w-sm {
    @media (width >= 48rem) {
      max-width: var(--container-sm);
    }
  }
  .md\:max-w-xl {
    @media (width >= 48rem) {
      max-width: var(--container-xl);
    }
  }
  .md\:min-w-80 {
    @media (width >= 48rem) {
      min-width: calc(var(--spacing) * 80);
    }
  }
  .md\:min-w-\[20rem\] {
    @media (width >= 48rem) {
      min-width: 20rem;
    }
  }
  .md\:min-w-\[450px\] {
    @media (width >= 48rem) {
      min-width: 450px;
    }
  }
  .md\:shrink-0 {
    @media (width >= 48rem) {
      flex-shrink: 0;
    }
  }
  .md\:-translate-x-1\/2 {
    @media (width >= 48rem) {
      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .md\:translate-x-28 {
    @media (width >= 48rem) {
      --tw-translate-x: calc(var(--spacing) * 28);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .md\:scale-85 {
    @media (width >= 48rem) {
      --tw-scale-x: 85%;
      --tw-scale-y: 85%;
      --tw-scale-z: 85%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .md\:scale-150 {
    @media (width >= 48rem) {
      --tw-scale-x: 150%;
      --tw-scale-y: 150%;
      --tw-scale-z: 150%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .md\:scale-\[0\.9\] {
    @media (width >= 48rem) {
      scale: 0.9;
    }
  }
  .md\:scale-\[1\.02\] {
    @media (width >= 48rem) {
      scale: 1.02;
    }
  }
  .md\:columns-3 {
    @media (width >= 48rem) {
      columns: 3;
    }
  }
  .md\:grid-flow-col-dense {
    @media (width >= 48rem) {
      grid-auto-flow: column dense;
    }
  }
  .md\:auto-rows-\[220px\] {
    @media (width >= 48rem) {
      grid-auto-rows: 220px;
    }
  }
  .md\:grid-cols-1 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .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-5 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(5, 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-cols-\[1\.35fr_1fr_1\.1fr_1\.15fr_1fr\] {
    @media (width >= 48rem) {
      grid-template-columns: 1.35fr 1fr 1.1fr 1.15fr 1fr;
    }
  }
  .md\:grid-cols-\[260px_1fr_320px\] {
    @media (width >= 48rem) {
      grid-template-columns: 260px 1fr 320px;
    }
  }
  .md\:grid-cols-\[auto_1fr\] {
    @media (width >= 48rem) {
      grid-template-columns: auto 1fr;
    }
  }
  .md\:grid-rows-2 {
    @media (width >= 48rem) {
      grid-template-rows: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:grid-rows-3 {
    @media (width >= 48rem) {
      grid-template-rows: repeat(3, minmax(0, 1fr));
    }
  }
  .md\:flex-col {
    @media (width >= 48rem) {
      flex-direction: column;
    }
  }
  .md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .md\:flex-row-reverse {
    @media (width >= 48rem) {
      flex-direction: row-reverse;
    }
  }
  .md\:flex-nowrap {
    @media (width >= 48rem) {
      flex-wrap: nowrap;
    }
  }
  .md\:items-center {
    @media (width >= 48rem) {
      align-items: center;
    }
  }
  .md\:items-end {
    @media (width >= 48rem) {
      align-items: flex-end;
    }
  }
  .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\:gap-0 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 0);
    }
  }
  .md\:gap-0\.5 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 0.5);
    }
  }
  .md\:gap-1 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 1);
    }
  }
  .md\:gap-2 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .md\:gap-2\.5 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 2.5);
    }
  }
  .md\:gap-3 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .md\:gap-4 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .md\:gap-6 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .md\:gap-8 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .md\:gap-10 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .md\:gap-12 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 12);
    }
  }
  .md\:gap-16 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 16);
    }
  }
  .md\:gap-20 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 20);
    }
  }
  .md\:gap-32 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 32);
    }
  }
  .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\:space-y-1 {
    @media (width >= 48rem) {
      :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)));
      }
    }
  }
  .md\:space-y-6 {
    @media (width >= 48rem) {
      :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)));
      }
    }
  }
  .md\:gap-x-8 {
    @media (width >= 48rem) {
      column-gap: calc(var(--spacing) * 8);
    }
  }
  .md\:gap-x-16 {
    @media (width >= 48rem) {
      column-gap: calc(var(--spacing) * 16);
    }
  }
  .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-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\:gap-y-0 {
    @media (width >= 48rem) {
      row-gap: calc(var(--spacing) * 0);
    }
  }
  .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\:overflow-visible {
    @media (width >= 48rem) {
      overflow: visible;
    }
  }
  .md\:overflow-y-auto {
    @media (width >= 48rem) {
      overflow-y: auto;
    }
  }
  .md\:rounded-2xl {
    @media (width >= 48rem) {
      border-radius: calc(var(--radius) * 1.8);
    }
  }
  .md\:rounded-3xl {
    @media (width >= 48rem) {
      border-radius: calc(var(--radius) * 2.2);
    }
  }
  .md\:rounded-\[2\.5rem\] {
    @media (width >= 48rem) {
      border-radius: 2.5rem;
    }
  }
  .md\:rounded-\[2\.8rem\] {
    @media (width >= 48rem) {
      border-radius: 2.8rem;
    }
  }
  .md\:rounded-\[2rem\] {
    @media (width >= 48rem) {
      border-radius: 2rem;
    }
  }
  .md\:rounded-\[40px\] {
    @media (width >= 48rem) {
      border-radius: 40px;
    }
  }
  .md\:rounded-xl {
    @media (width >= 48rem) {
      border-radius: calc(var(--radius) * 1.4);
    }
  }
  .md\:border {
    @media (width >= 48rem) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .md\:border-8 {
    @media (width >= 48rem) {
      border-style: var(--tw-border-style);
      border-width: 8px;
    }
  }
  .md\:border-t {
    @media (width >= 48rem) {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
  }
  .md\:border-t-0 {
    @media (width >= 48rem) {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
  }
  .md\:border-r {
    @media (width >= 48rem) {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
  }
  .md\:border-b-0 {
    @media (width >= 48rem) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .md\:border-l {
    @media (width >= 48rem) {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }
  .md\:border-none {
    @media (width >= 48rem) {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .md\:bg-transparent {
    @media (width >= 48rem) {
      background-color: transparent;
    }
  }
  .md\:\[mask-image\:linear-gradient\(to_right\,black_60\%\,transparent\)\] {
    @media (width >= 48rem) {
      mask-image: linear-gradient(to right,black 60%,transparent);
    }
  }
  .md\:p-0 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 0);
    }
  }
  .md\:p-2 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 2);
    }
  }
  .md\:p-3 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 3);
    }
  }
  .md\:p-4 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 4);
    }
  }
  .md\:p-6 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .md\:p-8 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .md\:p-10 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .md\:p-12 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 12);
    }
  }
  .md\:p-14 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 14);
    }
  }
  .md\:p-16 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 16);
    }
  }
  .md\:p-20 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 20);
    }
  }
  .md\:p-24 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 24);
    }
  }
  .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-5 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
  .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\:px-16 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 16);
    }
  }
  .md\:px-20 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 20);
    }
  }
  .md\:px-24 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 24);
    }
  }
  .md\:py-0 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 0);
    }
  }
  .md\:py-2 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .md\:py-2\.5 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 2.5);
    }
  }
  .md\:py-3 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .md\:py-5 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 5);
    }
  }
  .md\:py-8 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 8);
    }
  }
  .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-20 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 20);
    }
  }
  .md\:py-24 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 24);
    }
  }
  .md\:py-36 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 36);
    }
  }
  .md\:py-40 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 40);
    }
  }
  .md\:py-48 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 48);
    }
  }
  .md\:pt-0\.5 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 0.5);
    }
  }
  .md\:pt-1 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 1);
    }
  }
  .md\:pt-6 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 6);
    }
  }
  .md\:pt-20 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 20);
    }
  }
  .md\:pt-28 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 28);
    }
  }
  .md\:pt-32 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 32);
    }
  }
  .md\:pr-0 {
    @media (width >= 48rem) {
      padding-right: calc(var(--spacing) * 0);
    }
  }
  .md\:pr-4 {
    @media (width >= 48rem) {
      padding-right: calc(var(--spacing) * 4);
    }
  }
  .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\:pb-6 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 6);
    }
  }
  .md\:pb-8 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 8);
    }
  }
  .md\:pb-12 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 12);
    }
  }
  .md\:pb-20 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 20);
    }
  }
  .md\:pb-32 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 32);
    }
  }
  .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-5 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 5);
    }
  }
  .md\:pl-8 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 8);
    }
  }
  .md\:pl-14 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 14);
    }
  }
  .md\:pl-\[calc\(8\.333\%\+2rem\)\] {
    @media (width >= 48rem) {
      padding-left: calc(8.333% + 2rem);
    }
  }
  .md\:text-left {
    @media (width >= 48rem) {
      text-align: left;
    }
  }
  .md\:text-right {
    @media (width >= 48rem) {
      text-align: right;
    }
  }
  .md\:text-2xl {
    @media (width >= 48rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .md\:text-3xl {
    @media (width >= 48rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .md\:text-4xl {
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .md\:text-4xl\/tight {
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--leading-tight);
    }
  }
  .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-7xl {
    @media (width >= 48rem) {
      font-size: var(--text-7xl);
      line-height: var(--tw-leading, var(--text-7xl--line-height));
    }
  }
  .md\:text-8xl {
    @media (width >= 48rem) {
      font-size: var(--text-8xl);
      line-height: var(--tw-leading, var(--text-8xl--line-height));
    }
  }
  .md\:text-9xl {
    @media (width >= 48rem) {
      font-size: var(--text-9xl);
      line-height: var(--tw-leading, var(--text-9xl--line-height));
    }
  }
  .md\:text-base {
    @media (width >= 48rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--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-sm {
    @media (width >= 48rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--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-xl\/relaxed {
    @media (width >= 48rem) {
      font-size: var(--text-xl);
      line-height: var(--leading-relaxed);
    }
  }
  .md\:text-xs {
    @media (width >= 48rem) {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .md\:text-\[4rem\] {
    @media (width >= 48rem) {
      font-size: 4rem;
    }
  }
  .md\:text-\[6rem\] {
    @media (width >= 48rem) {
      font-size: 6rem;
    }
  }
  .md\:text-\[10px\] {
    @media (width >= 48rem) {
      font-size: 10px;
    }
  }
  .md\:text-\[10rem\] {
    @media (width >= 48rem) {
      font-size: 10rem;
    }
  }
  .md\:text-\[10vw\] {
    @media (width >= 48rem) {
      font-size: 10vw;
    }
  }
  .md\:text-\[13px\] {
    @media (width >= 48rem) {
      font-size: 13px;
    }
  }
  .md\:text-\[14px\] {
    @media (width >= 48rem) {
      font-size: 14px;
    }
  }
  .md\:text-\[15px\] {
    @media (width >= 48rem) {
      font-size: 15px;
    }
  }
  .md\:text-\[32px\] {
    @media (width >= 48rem) {
      font-size: 32px;
    }
  }
  .md\:text-\[36px\] {
    @media (width >= 48rem) {
      font-size: 36px;
    }
  }
  .md\:text-\[40px\] {
    @media (width >= 48rem) {
      font-size: 40px;
    }
  }
  .md\:text-\[48px\] {
    @media (width >= 48rem) {
      font-size: 48px;
    }
  }
  .md\:text-\[56px\] {
    @media (width >= 48rem) {
      font-size: 56px;
    }
  }
  .md\:text-\[70px\] {
    @media (width >= 48rem) {
      font-size: 70px;
    }
  }
  .md\:text-\[250px\] {
    @media (width >= 48rem) {
      font-size: 250px;
    }
  }
  .md\:leading-\[1\.06\] {
    @media (width >= 48rem) {
      --tw-leading: 1.06;
      line-height: 1.06;
    }
  }
  .md\:leading-\[1\.08\] {
    @media (width >= 48rem) {
      --tw-leading: 1.08;
      line-height: 1.08;
    }
  }
  .md\:leading-\[53px\] {
    @media (width >= 48rem) {
      --tw-leading: 53px;
      line-height: 53px;
    }
  }
  .md\:leading-relaxed {
    @media (width >= 48rem) {
      --tw-leading: var(--leading-relaxed);
      line-height: var(--leading-relaxed);
    }
  }
  .md\:leading-snug {
    @media (width >= 48rem) {
      --tw-leading: var(--leading-snug);
      line-height: var(--leading-snug);
    }
  }
  .md\:font-medium {
    @media (width >= 48rem) {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .md\:font-normal {
    @media (width >= 48rem) {
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
  }
  .md\:tracking-\[-14px\] {
    @media (width >= 48rem) {
      --tw-tracking: -14px;
      letter-spacing: -14px;
    }
  }
  .md\:text-pretty {
    @media (width >= 48rem) {
      text-wrap: pretty;
    }
  }
  .md\:text-foreground\/80 {
    @media (width >= 48rem) {
      color: var(--foreground);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--foreground) 80%, transparent);
      }
    }
  }
  .md\:text-neutral-500 {
    @media (width >= 48rem) {
      color: var(--color-neutral-500);
    }
  }
  .md\:opacity-0 {
    @media (width >= 48rem) {
      opacity: 0%;
    }
  }
  .md\:backdrop-blur-none {
    @media (width >= 48rem) {
      --tw-backdrop-blur:  ;
      -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,);
    }
  }
  .md\:group-hover\:top-5 {
    @media (width >= 48rem) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          top: calc(var(--spacing) * 5);
        }
      }
    }
  }
  .md\:group-hover\:-right-12 {
    @media (width >= 48rem) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          right: calc(var(--spacing) * -12);
        }
      }
    }
  }
  .md\:group-hover\:-translate-y-6 {
    @media (width >= 48rem) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          --tw-translate-y: calc(var(--spacing) * -6);
          translate: var(--tw-translate-x) var(--tw-translate-y);
        }
      }
    }
  }
  .md\:group-hover\:translate-y-2 {
    @media (width >= 48rem) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          --tw-translate-y: calc(var(--spacing) * 2);
          translate: var(--tw-translate-x) var(--tw-translate-y);
        }
      }
    }
  }
  .md\:peer-data-\[variant\=inset\]\:m-2 {
    @media (width >= 48rem) {
      &:is(:where(.peer)[data-variant="inset"] ~ *) {
        margin: calc(var(--spacing) * 2);
      }
    }
  }
  .md\:peer-data-\[variant\=inset\]\:ml-0 {
    @media (width >= 48rem) {
      &:is(:where(.peer)[data-variant="inset"] ~ *) {
        margin-left: calc(var(--spacing) * 0);
      }
    }
  }
  .md\:peer-data-\[variant\=inset\]\:rounded-xl {
    @media (width >= 48rem) {
      &:is(:where(.peer)[data-variant="inset"] ~ *) {
        border-radius: calc(var(--radius) * 1.4);
      }
    }
  }
  .md\:peer-data-\[variant\=inset\]\:shadow {
    @media (width >= 48rem) {
      &:is(:where(.peer)[data-variant="inset"] ~ *) {
        --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);
      }
    }
  }
  .md\:peer-data-\[variant\=inset\]\:shadow-sm {
    @media (width >= 48rem) {
      &:is(:where(.peer)[data-variant="inset"] ~ *) {
        --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);
      }
    }
  }
  .md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2 {
    @media (width >= 48rem) {
      &:is(:where(.peer)[data-state="collapsed"] ~ *) {
        &:is(:where(.peer)[data-variant="inset"] ~ *) {
          margin-left: calc(var(--spacing) * 2);
        }
      }
    }
  }
  .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2 {
    @media (width >= 48rem) {
      &:is(:where(.peer)[data-variant="inset"] ~ *) {
        &:is(:where(.peer)[data-state="collapsed"] ~ *) {
          margin-left: calc(var(--spacing) * 2);
        }
      }
    }
  }
  .after\:md\:hidden {
    &::after {
      content: var(--tw-content);
      @media (width >= 48rem) {
        display: none;
      }
    }
  }
  .md\:after\:hidden {
    @media (width >= 48rem) {
      &::after {
        content: var(--tw-content);
        display: none;
      }
    }
  }
  .md\:hover\:border-transparent {
    @media (width >= 48rem) {
      &:hover {
        @media (hover: hover) {
          border-color: transparent;
        }
      }
    }
  }
  .data-\[side\=right\]\:md\:w-3\/4 {
    &[data-side="right"] {
      @media (width >= 48rem) {
        width: calc(3 / 4 * 100%);
      }
    }
  }
  .lg\:absolute {
    @media (width >= 64rem) {
      position: absolute;
    }
  }
  .lg\:relative {
    @media (width >= 64rem) {
      position: relative;
    }
  }
  .lg\:sticky {
    @media (width >= 64rem) {
      position: sticky;
    }
  }
  .lg\:inset-0 {
    @media (width >= 64rem) {
      inset: calc(var(--spacing) * 0);
    }
  }
  .lg\:top-6 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 6);
    }
  }
  .lg\:top-8 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 8);
    }
  }
  .lg\:top-12 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 12);
    }
  }
  .lg\:top-24 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 24);
    }
  }
  .lg\:top-29 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 29);
    }
  }
  .lg\:top-\[50\%\] {
    @media (width >= 64rem) {
      top: 50%;
    }
  }
  .lg\:top-\[calc\(100\%-150px\)\] {
    @media (width >= 64rem) {
      top: calc(100% - 150px);
    }
  }
  .lg\:right-0 {
    @media (width >= 64rem) {
      right: calc(var(--spacing) * 0);
    }
  }
  .lg\:right-\[-80px\] {
    @media (width >= 64rem) {
      right: -80px;
    }
  }
  .lg\:bottom-20 {
    @media (width >= 64rem) {
      bottom: calc(var(--spacing) * 20);
    }
  }
  .lg\:bottom-\[50\%\] {
    @media (width >= 64rem) {
      bottom: 50%;
    }
  }
  .lg\:left-5 {
    @media (width >= 64rem) {
      left: calc(var(--spacing) * 5);
    }
  }
  .lg\:left-\[-80px\] {
    @media (width >= 64rem) {
      left: -80px;
    }
  }
  .lg\:left-\[50\%\] {
    @media (width >= 64rem) {
      left: 50%;
    }
  }
  .lg\:order-1 {
    @media (width >= 64rem) {
      order: 1;
    }
  }
  .lg\:order-2 {
    @media (width >= 64rem) {
      order: 2;
    }
  }
  .lg\:order-3 {
    @media (width >= 64rem) {
      order: 3;
    }
  }
  .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-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\:m-0 {
    @media (width >= 64rem) {
      margin: calc(var(--spacing) * 0);
    }
  }
  .lg\:mx-0 {
    @media (width >= 64rem) {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  .lg\:mx-2\.5 {
    @media (width >= 64rem) {
      margin-inline: calc(var(--spacing) * 2.5);
    }
  }
  .lg\:mx-\[19rem\] {
    @media (width >= 64rem) {
      margin-inline: 19rem;
    }
  }
  .lg\:my-6 {
    @media (width >= 64rem) {
      margin-block: calc(var(--spacing) * 6);
    }
  }
  .lg\:mt-0 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .lg\:mt-12 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 12);
    }
  }
  .lg\:mt-14 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 14);
    }
  }
  .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\:mb-0 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .lg\:mb-5 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 5);
    }
  }
  .lg\:ml-0 {
    @media (width >= 64rem) {
      margin-left: calc(var(--spacing) * 0);
    }
  }
  .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\:inline-flex {
    @media (width >= 64rem) {
      display: inline-flex;
    }
  }
  .lg\:table-cell {
    @media (width >= 64rem) {
      display: table-cell;
    }
  }
  .lg\:aspect-16\/11 {
    @media (width >= 64rem) {
      aspect-ratio: 16/11;
    }
  }
  .lg\:aspect-video {
    @media (width >= 64rem) {
      aspect-ratio: var(--aspect-video);
    }
  }
  .lg\:size-40 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 40);
      height: calc(var(--spacing) * 40);
    }
  }
  .lg\:size-66 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 66);
      height: calc(var(--spacing) * 66);
    }
  }
  .lg\:h-10 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 10);
    }
  }
  .lg\:h-14 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 14);
    }
  }
  .lg\:h-16 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 16);
    }
  }
  .lg\:h-20 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 20);
    }
  }
  .lg\:h-48 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 48);
    }
  }
  .lg\:h-96 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 96);
    }
  }
  .lg\:h-116 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 116);
    }
  }
  .lg\:h-\[400px\] {
    @media (width >= 64rem) {
      height: 400px;
    }
  }
  .lg\:h-\[450px\] {
    @media (width >= 64rem) {
      height: 450px;
    }
  }
  .lg\:h-\[500px\] {
    @media (width >= 64rem) {
      height: 500px;
    }
  }
  .lg\:h-\[600px\] {
    @media (width >= 64rem) {
      height: 600px;
    }
  }
  .lg\:h-\[750px\] {
    @media (width >= 64rem) {
      height: 750px;
    }
  }
  .lg\:h-\[calc\(100vh-300px\)\] {
    @media (width >= 64rem) {
      height: calc(100vh - 300px);
    }
  }
  .lg\:h-auto {
    @media (width >= 64rem) {
      height: auto;
    }
  }
  .lg\:h-fit {
    @media (width >= 64rem) {
      height: fit-content;
    }
  }
  .lg\:h-full {
    @media (width >= 64rem) {
      height: 100%;
    }
  }
  .lg\:min-h-0 {
    @media (width >= 64rem) {
      min-height: calc(var(--spacing) * 0);
    }
  }
  .lg\:min-h-\[360px\] {
    @media (width >= 64rem) {
      min-height: 360px;
    }
  }
  .lg\:min-h-\[500px\] {
    @media (width >= 64rem) {
      min-height: 500px;
    }
  }
  .lg\:min-h-\[600px\] {
    @media (width >= 64rem) {
      min-height: 600px;
    }
  }
  .lg\:w-1\/2 {
    @media (width >= 64rem) {
      width: calc(1 / 2 * 100%);
    }
  }
  .lg\:w-2\/5 {
    @media (width >= 64rem) {
      width: calc(2 / 5 * 100%);
    }
  }
  .lg\:w-3\/5 {
    @media (width >= 64rem) {
      width: calc(3 / 5 * 100%);
    }
  }
  .lg\:w-3xl {
    @media (width >= 64rem) {
      width: var(--container-3xl);
    }
  }
  .lg\:w-10 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 10);
    }
  }
  .lg\:w-60 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 60);
    }
  }
  .lg\:w-64 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 64);
    }
  }
  .lg\:w-80 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 80);
    }
  }
  .lg\:w-96 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 96);
    }
  }
  .lg\:w-\[28rem\] {
    @media (width >= 64rem) {
      width: 28rem;
    }
  }
  .lg\:w-\[40\%\] {
    @media (width >= 64rem) {
      width: 40%;
    }
  }
  .lg\:w-\[54\%\] {
    @media (width >= 64rem) {
      width: 54%;
    }
  }
  .lg\:w-\[70\%\] {
    @media (width >= 64rem) {
      width: 70%;
    }
  }
  .lg\:w-\[84\%\] {
    @media (width >= 64rem) {
      width: 84%;
    }
  }
  .lg\:w-\[140\%\] {
    @media (width >= 64rem) {
      width: 140%;
    }
  }
  .lg\:w-\[280px\] {
    @media (width >= 64rem) {
      width: 280px;
    }
  }
  .lg\:w-\[440px\] {
    @media (width >= 64rem) {
      width: 440px;
    }
  }
  .lg\:w-\[600px\] {
    @media (width >= 64rem) {
      width: 600px;
    }
  }
  .lg\:w-\[860px\] {
    @media (width >= 64rem) {
      width: 860px;
    }
  }
  .lg\:w-\[calc\(100\%-0rem\)\] {
    @media (width >= 64rem) {
      width: calc(100% - 0rem);
    }
  }
  .lg\:w-auto {
    @media (width >= 64rem) {
      width: auto;
    }
  }
  .lg\:w-fit {
    @media (width >= 64rem) {
      width: fit-content;
    }
  }
  .lg\:w-full {
    @media (width >= 64rem) {
      width: 100%;
    }
  }
  .lg\:w-screen {
    @media (width >= 64rem) {
      width: 100vw;
    }
  }
  .lg\:max-w-2xl {
    @media (width >= 64rem) {
      max-width: var(--container-2xl);
    }
  }
  .lg\:max-w-\[440px\] {
    @media (width >= 64rem) {
      max-width: 440px;
    }
  }
  .lg\:max-w-\[min\(20vw\,140px\)\] {
    @media (width >= 64rem) {
      max-width: min(20vw, 140px);
    }
  }
  .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-xl {
    @media (width >= 64rem) {
      max-width: var(--container-xl);
    }
  }
  .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\:flex-shrink-0 {
    @media (width >= 64rem) {
      flex-shrink: 0;
    }
  }
  .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-\[-50\%\] {
    @media (width >= 64rem) {
      --tw-translate-x: -50%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .lg\:-translate-y-8 {
    @media (width >= 64rem) {
      --tw-translate-y: calc(var(--spacing) * -8);
      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\:translate-y-\[-50\%\] {
    @media (width >= 64rem) {
      --tw-translate-y: -50%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .lg\:scale-100 {
    @media (width >= 64rem) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .lg\:transform-none {
    @media (width >= 64rem) {
      transform: none;
    }
  }
  .lg\:columns-4 {
    @media (width >= 64rem) {
      columns: 4;
    }
  }
  .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-12 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-\[1\.4fr_1fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 1.4fr 1fr;
    }
  }
  .lg\:grid-cols-\[1\.05fr_1fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 1.05fr 1fr;
    }
  }
  .lg\:grid-cols-\[1\.5fr_1fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 1.5fr 1fr;
    }
  }
  .lg\:grid-cols-\[1\.5fr_repeat\(4\,1fr\)\] {
    @media (width >= 64rem) {
      grid-template-columns: 1.5fr repeat(4,1fr);
    }
  }
  .lg\:grid-cols-\[1fr_0\.5fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 1fr 0.5fr;
    }
  }
  .lg\:grid-cols-\[1fr_1\.4fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 1fr 1.4fr;
    }
  }
  .lg\:grid-cols-\[1fr_1\.5fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 1fr 1.5fr;
    }
  }
  .lg\:grid-cols-\[1fr_18rem\] {
    @media (width >= 64rem) {
      grid-template-columns: 1fr 18rem;
    }
  }
  .lg\:grid-cols-\[1fr_280px\] {
    @media (width >= 64rem) {
      grid-template-columns: 1fr 280px;
    }
  }
  .lg\:grid-cols-\[1fr_320px\] {
    @media (width >= 64rem) {
      grid-template-columns: 1fr 320px;
    }
  }
  .lg\:grid-cols-\[1fr_400px\] {
    @media (width >= 64rem) {
      grid-template-columns: 1fr 400px;
    }
  }
  .lg\:grid-cols-\[1fr_480px\] {
    @media (width >= 64rem) {
      grid-template-columns: 1fr 480px;
    }
  }
  .lg\:grid-cols-\[1fr_minmax\(0\,420px\)\] {
    @media (width >= 64rem) {
      grid-template-columns: 1fr minmax(0,420px);
    }
  }
  .lg\:grid-cols-\[1fr_minmax\(300px\,500px\)\] {
    @media (width >= 64rem) {
      grid-template-columns: 1fr minmax(300px,500px);
    }
  }
  .lg\:grid-cols-\[280px_1fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 280px 1fr;
    }
  }
  .lg\:grid-cols-\[320px_1fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 320px 1fr;
    }
  }
  .lg\:grid-cols-\[360px_minmax\(0\,1fr\)_340px\] {
    @media (width >= 64rem) {
      grid-template-columns: 360px minmax(0,1fr) 340px;
    }
  }
  .lg\:grid-cols-\[400px_minmax\(0\,1fr\)\] {
    @media (width >= 64rem) {
      grid-template-columns: 400px minmax(0,1fr);
    }
  }
  .lg\:grid-cols-\[minmax\(280px\,360px\)_1fr\] {
    @media (width >= 64rem) {
      grid-template-columns: minmax(280px,360px) 1fr;
    }
  }
  .lg\:grid-rows-5 {
    @media (width >= 64rem) {
      grid-template-rows: repeat(5, minmax(0, 1fr));
    }
  }
  .lg\:grid-rows-\[420px_1fr\] {
    @media (width >= 64rem) {
      grid-template-rows: 420px 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-end {
    @media (width >= 64rem) {
      justify-content: flex-end;
    }
  }
  .lg\:justify-start {
    @media (width >= 64rem) {
      justify-content: flex-start;
    }
  }
  .lg\:gap-0 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 0);
    }
  }
  .lg\:gap-2 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .lg\:gap-3 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .lg\:gap-4 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .lg\:gap-6 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .lg\:gap-8 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .lg\:gap-12 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 12);
    }
  }
  .lg\:gap-14 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 14);
    }
  }
  .lg\:gap-16 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 16);
    }
  }
  .lg\:gap-20 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 20);
    }
  }
  .lg\:gap-24 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 24);
    }
  }
  .lg\:gap-30 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 30);
    }
  }
  .lg\:gap-48 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 48);
    }
  }
  .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-4 {
    @media (width >= 64rem) {
      :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)));
      }
    }
  }
  .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\:gap-x-8 {
    @media (width >= 64rem) {
      column-gap: calc(var(--spacing) * 8);
    }
  }
  .lg\:gap-x-12 {
    @media (width >= 64rem) {
      column-gap: calc(var(--spacing) * 12);
    }
  }
  .lg\:gap-x-16 {
    @media (width >= 64rem) {
      column-gap: calc(var(--spacing) * 16);
    }
  }
  .lg\:space-x-2 {
    @media (width >= 64rem) {
      :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)));
      }
    }
  }
  .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\: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\:overflow-hidden {
    @media (width >= 64rem) {
      overflow: hidden;
    }
  }
  .lg\:overflow-y-auto {
    @media (width >= 64rem) {
      overflow-y: auto;
    }
  }
  .lg\:rounded-2xl {
    @media (width >= 64rem) {
      border-radius: calc(var(--radius) * 1.8);
    }
  }
  .lg\:rounded-\[4rem\] {
    @media (width >= 64rem) {
      border-radius: 4rem;
    }
  }
  .lg\:rounded-xl {
    @media (width >= 64rem) {
      border-radius: calc(var(--radius) * 1.4);
    }
  }
  .lg\:border {
    @media (width >= 64rem) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .lg\:border-x {
    @media (width >= 64rem) {
      border-inline-style: var(--tw-border-style);
      border-inline-width: 1px;
    }
  }
  .lg\:border-t-0 {
    @media (width >= 64rem) {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
  }
  .lg\:border-t-\[1px\] {
    @media (width >= 64rem) {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
  }
  .lg\:border-r {
    @media (width >= 64rem) {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
  }
  .lg\:border-b-0 {
    @media (width >= 64rem) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .lg\:border-l {
    @media (width >= 64rem) {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }
  .lg\:border-transparent {
    @media (width >= 64rem) {
      border-color: transparent;
    }
  }
  .lg\:bg-transparent {
    @media (width >= 64rem) {
      background-color: transparent;
    }
  }
  .lg\:p-0 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 0);
    }
  }
  .lg\:p-4 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 4);
    }
  }
  .lg\:p-7 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 7);
    }
  }
  .lg\:p-8 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .lg\:p-10 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .lg\:p-12 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 12);
    }
  }
  .lg\:p-16 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 16);
    }
  }
  .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-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-10 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
  .lg\:px-12 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 12);
    }
  }
  .lg\:px-14 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 14);
    }
  }
  .lg\:px-15 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 15);
    }
  }
  .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-3 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .lg\:py-4 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 4);
    }
  }
  .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-10 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 10);
    }
  }
  .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\:pt-0 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .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-16 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 16);
    }
  }
  .lg\:pt-32 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 32);
    }
  }
  .lg\:pr-0 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 0);
    }
  }
  .lg\:pr-1 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 1);
    }
  }
  .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\: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-16 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 16);
    }
  }
  .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\: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-10 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 10);
    }
  }
  .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-64 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 64);
    }
  }
  .lg\:text-left {
    @media (width >= 64rem) {
      text-align: left;
    }
  }
  .lg\:text-2xl {
    @media (width >= 64rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .lg\:text-3xl {
    @media (width >= 64rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .lg\:text-4xl {
    @media (width >= 64rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .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-7xl {
    @media (width >= 64rem) {
      font-size: var(--text-7xl);
      line-height: var(--tw-leading, var(--text-7xl--line-height));
    }
  }
  .lg\:text-7xl\/none {
    @media (width >= 64rem) {
      font-size: var(--text-7xl);
      line-height: 1;
    }
  }
  .lg\:text-8xl {
    @media (width >= 64rem) {
      font-size: var(--text-8xl);
      line-height: var(--tw-leading, var(--text-8xl--line-height));
    }
  }
  .lg\:text-9xl {
    @media (width >= 64rem) {
      font-size: var(--text-9xl);
      line-height: var(--tw-leading, var(--text-9xl--line-height));
    }
  }
  .lg\:text-base\/relaxed {
    @media (width >= 64rem) {
      font-size: var(--text-base);
      line-height: var(--leading-relaxed);
    }
  }
  .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-xl {
    @media (width >= 64rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .lg\:text-xs {
    @media (width >= 64rem) {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .lg\:text-\[2rem\] {
    @media (width >= 64rem) {
      font-size: 2rem;
    }
  }
  .lg\:text-\[3\.25rem\] {
    @media (width >= 64rem) {
      font-size: 3.25rem;
    }
  }
  .lg\:text-\[5\.4rem\] {
    @media (width >= 64rem) {
      font-size: 5.4rem;
    }
  }
  .lg\:text-\[5rem\] {
    @media (width >= 64rem) {
      font-size: 5rem;
    }
  }
  .lg\:text-\[6rem\] {
    @media (width >= 64rem) {
      font-size: 6rem;
    }
  }
  .lg\:text-\[7rem\] {
    @media (width >= 64rem) {
      font-size: 7rem;
    }
  }
  .lg\:text-\[8rem\] {
    @media (width >= 64rem) {
      font-size: 8rem;
    }
  }
  .lg\:text-\[8vw\] {
    @media (width >= 64rem) {
      font-size: 8vw;
    }
  }
  .lg\:text-\[13px\] {
    @media (width >= 64rem) {
      font-size: 13px;
    }
  }
  .lg\:text-\[14px\] {
    @media (width >= 64rem) {
      font-size: 14px;
    }
  }
  .lg\:text-\[15px\] {
    @media (width >= 64rem) {
      font-size: 15px;
    }
  }
  .lg\:text-\[16\.5px\] {
    @media (width >= 64rem) {
      font-size: 16.5px;
    }
  }
  .lg\:text-\[19px\] {
    @media (width >= 64rem) {
      font-size: 19px;
    }
  }
  .lg\:text-\[24px\] {
    @media (width >= 64rem) {
      font-size: 24px;
    }
  }
  .lg\:text-\[30px\] {
    @media (width >= 64rem) {
      font-size: 30px;
    }
  }
  .lg\:text-\[34px\] {
    @media (width >= 64rem) {
      font-size: 34px;
    }
  }
  .lg\:text-\[36px\] {
    @media (width >= 64rem) {
      font-size: 36px;
    }
  }
  .lg\:text-\[44px\] {
    @media (width >= 64rem) {
      font-size: 44px;
    }
  }
  .lg\:text-\[48px\] {
    @media (width >= 64rem) {
      font-size: 48px;
    }
  }
  .lg\:text-\[52px\] {
    @media (width >= 64rem) {
      font-size: 52px;
    }
  }
  .lg\:text-\[60px\] {
    @media (width >= 64rem) {
      font-size: 60px;
    }
  }
  .lg\:text-\[400px\] {
    @media (width >= 64rem) {
      font-size: 400px;
    }
  }
  .lg\:text-\[clamp\(1\.5rem\,4vw\,2\.5rem\)\] {
    @media (width >= 64rem) {
      font-size: clamp(1.5rem, 4vw, 2.5rem);
    }
  }
  .lg\:leading-8 {
    @media (width >= 64rem) {
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
    }
  }
  .lg\:leading-\[0\.5rem\] {
    @media (width >= 64rem) {
      --tw-leading: 0.5rem;
      line-height: 0.5rem;
    }
  }
  .lg\:leading-tight {
    @media (width >= 64rem) {
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
    }
  }
  .lg\:font-bold {
    @media (width >= 64rem) {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .lg\:tracking-\[-0\.06em\] {
    @media (width >= 64rem) {
      --tw-tracking: -0.06em;
      letter-spacing: -0.06em;
    }
  }
  .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\:duration-200 {
    @media (width >= 64rem) {
      --tw-duration: 200ms;
      transition-duration: 200ms;
    }
  }
  .lg\:in-data-\[state\=active\]\:flex {
    @media (width >= 64rem) {
      :where(*[data-state="active"]) & {
        display: flex;
      }
    }
  }
  .lg\:data-\[state\=closed\]\:animate-out {
    @media (width >= 64rem) {
      &[data-state="closed"] {
        animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
      }
    }
  }
  .lg\:data-\[state\=closed\]\:fade-out-0 {
    @media (width >= 64rem) {
      &[data-state="closed"] {
        --tw-exit-opacity: calc(0/100);
        --tw-exit-opacity: 0;
      }
    }
  }
  .lg\:data-\[state\=closed\]\:zoom-out-95 {
    @media (width >= 64rem) {
      &[data-state="closed"] {
        --tw-exit-scale: calc(95*1%);
        --tw-exit-scale: .95;
      }
    }
  }
  .lg\:data-\[state\=closed\]\:slide-out-to-left-1\/2 {
    @media (width >= 64rem) {
      &[data-state="closed"] {
        --tw-exit-translate-x: calc(1 / 2*-100%);
      }
    }
  }
  .lg\:data-\[state\=closed\]\:slide-out-to-top-\[48\%\] {
    @media (width >= 64rem) {
      &[data-state="closed"] {
        --tw-exit-translate-y: calc(48%*-1);
      }
    }
  }
  .lg\:data-\[state\=open\]\:animate-in {
    @media (width >= 64rem) {
      &[data-state="open"] {
        animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
      }
    }
  }
  .lg\:data-\[state\=open\]\:fade-in-0 {
    @media (width >= 64rem) {
      &[data-state="open"] {
        --tw-enter-opacity: calc(0/100);
        --tw-enter-opacity: 0;
      }
    }
  }
  .lg\:data-\[state\=open\]\:zoom-in-95 {
    @media (width >= 64rem) {
      &[data-state="open"] {
        --tw-enter-scale: calc(95*1%);
        --tw-enter-scale: .95;
      }
    }
  }
  .lg\:data-\[state\=open\]\:slide-in-from-left-1\/2 {
    @media (width >= 64rem) {
      &[data-state="open"] {
        --tw-enter-translate-x: calc(1 / 2*-100%);
      }
    }
  }
  .lg\:data-\[state\=open\]\:slide-in-from-top-\[48\%\] {
    @media (width >= 64rem) {
      &[data-state="open"] {
        --tw-enter-translate-y: calc(48%*-1);
      }
    }
  }
  .xl\:col-span-4 {
    @media (width >= 80rem) {
      grid-column: span 4 / span 4;
    }
  }
  .xl\:col-span-5 {
    @media (width >= 80rem) {
      grid-column: span 5 / span 5;
    }
  }
  .xl\:col-span-6 {
    @media (width >= 80rem) {
      grid-column: span 6 / span 6;
    }
  }
  .xl\:col-span-7 {
    @media (width >= 80rem) {
      grid-column: span 7 / span 7;
    }
  }
  .xl\:col-span-8 {
    @media (width >= 80rem) {
      grid-column: span 8 / span 8;
    }
  }
  .xl\:col-span-12 {
    @media (width >= 80rem) {
      grid-column: span 12 / span 12;
    }
  }
  .xl\:col-start-8 {
    @media (width >= 80rem) {
      grid-column-start: 8;
    }
  }
  .xl\:block {
    @media (width >= 80rem) {
      display: block;
    }
  }
  .xl\:flex {
    @media (width >= 80rem) {
      display: flex;
    }
  }
  .xl\:hidden {
    @media (width >= 80rem) {
      display: none;
    }
  }
  .xl\:h-12 {
    @media (width >= 80rem) {
      height: calc(var(--spacing) * 12);
    }
  }
  .xl\:h-\[500px\] {
    @media (width >= 80rem) {
      height: 500px;
    }
  }
  .xl\:h-\[550px\] {
    @media (width >= 80rem) {
      height: 550px;
    }
  }
  .xl\:w-68 {
    @media (width >= 80rem) {
      width: calc(var(--spacing) * 68);
    }
  }
  .xl\:w-\[58\%\] {
    @media (width >= 80rem) {
      width: 58%;
    }
  }
  .xl\:w-\[calc\(50\%-0\.5rem\)\] {
    @media (width >= 80rem) {
      width: calc(50% - 0.5rem);
    }
  }
  .xl\:w-auto {
    @media (width >= 80rem) {
      width: auto;
    }
  }
  .xl\:w-full {
    @media (width >= 80rem) {
      width: 100%;
    }
  }
  .xl\:max-w-\[520px\] {
    @media (width >= 80rem) {
      max-width: 520px;
    }
  }
  .xl\:max-w-md {
    @media (width >= 80rem) {
      max-width: var(--container-md);
    }
  }
  .xl\:max-w-sm {
    @media (width >= 80rem) {
      max-width: var(--container-sm);
    }
  }
  .xl\:columns-5 {
    @media (width >= 80rem) {
      columns: 5;
    }
  }
  .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-8 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-12 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-\[1fr_1fr\] {
    @media (width >= 80rem) {
      grid-template-columns: 1fr 1fr;
    }
  }
  .xl\:grid-cols-\[1fr_320px\] {
    @media (width >= 80rem) {
      grid-template-columns: 1fr 320px;
    }
  }
  .xl\:grid-cols-\[1fr_360px\] {
    @media (width >= 80rem) {
      grid-template-columns: 1fr 360px;
    }
  }
  .xl\:grid-cols-\[1fr_600px\] {
    @media (width >= 80rem) {
      grid-template-columns: 1fr 600px;
    }
  }
  .xl\:grid-cols-\[18rem_1fr\] {
    @media (width >= 80rem) {
      grid-template-columns: 18rem 1fr;
    }
  }
  .xl\:grid-cols-\[minmax\(0\,1fr\)_26rem\] {
    @media (width >= 80rem) {
      grid-template-columns: minmax(0,1fr) 26rem;
    }
  }
  .xl\:flex-row {
    @media (width >= 80rem) {
      flex-direction: row;
    }
  }
  .xl\:items-center {
    @media (width >= 80rem) {
      align-items: center;
    }
  }
  .xl\:justify-between {
    @media (width >= 80rem) {
      justify-content: space-between;
    }
  }
  .xl\:gap-x-12 {
    @media (width >= 80rem) {
      column-gap: calc(var(--spacing) * 12);
    }
  }
  .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-l {
    @media (width >= 80rem) {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }
  .xl\:p-0 {
    @media (width >= 80rem) {
      padding: calc(var(--spacing) * 0);
    }
  }
  .xl\:p-7 {
    @media (width >= 80rem) {
      padding: calc(var(--spacing) * 7);
    }
  }
  .xl\:p-14 {
    @media (width >= 80rem) {
      padding: calc(var(--spacing) * 14);
    }
  }
  .xl\:px-20 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 20);
    }
  }
  .xl\:py-36 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 36);
    }
  }
  .xl\:py-48 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 48);
    }
  }
  .xl\:pl-8 {
    @media (width >= 80rem) {
      padding-left: calc(var(--spacing) * 8);
    }
  }
  .xl\:text-4xl {
    @media (width >= 80rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .xl\:text-5xl {
    @media (width >= 80rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .xl\:text-6xl {
    @media (width >= 80rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
  .xl\:text-6xl\/none {
    @media (width >= 80rem) {
      font-size: var(--text-6xl);
      line-height: 1;
    }
  }
  .xl\:text-8xl {
    @media (width >= 80rem) {
      font-size: var(--text-8xl);
      line-height: var(--tw-leading, var(--text-8xl--line-height));
    }
  }
  .xl\:text-9xl {
    @media (width >= 80rem) {
      font-size: var(--text-9xl);
      line-height: var(--tw-leading, var(--text-9xl--line-height));
    }
  }
  .xl\:text-xl {
    @media (width >= 80rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .xl\:text-xl\/relaxed {
    @media (width >= 80rem) {
      font-size: var(--text-xl);
      line-height: var(--leading-relaxed);
    }
  }
  .xl\:text-\[6rem\] {
    @media (width >= 80rem) {
      font-size: 6rem;
    }
  }
  .xl\:text-\[6vw\] {
    @media (width >= 80rem) {
      font-size: 6vw;
    }
  }
  .xl\:text-\[10rem\] {
    @media (width >= 80rem) {
      font-size: 10rem;
    }
  }
  .xl\:text-\[40px\] {
    @media (width >= 80rem) {
      font-size: 40px;
    }
  }
  .xl\:font-semibold {
    @media (width >= 80rem) {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .xl\:tracking-\[-1rem\] {
    @media (width >= 80rem) {
      --tw-tracking: -1rem;
      letter-spacing: -1rem;
    }
  }
  .\32 xl\:flex {
    @media (width >= 96rem) {
      display: flex;
    }
  }
  .\32 xl\:pl-0 {
    @media (width >= 96rem) {
      padding-left: calc(var(--spacing) * 0);
    }
  }
  .\32 xl\:text-7xl {
    @media (width >= 96rem) {
      font-size: var(--text-7xl);
      line-height: var(--tw-leading, var(--text-7xl--line-height));
    }
  }
  .\@\[250px\]\/card\:text-3xl {
    @container card (width >= 250px) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .\@\[540px\]\/card\:block {
    @container card (width >= 540px) {
      display: block;
    }
  }
  .\@\[540px\]\/card\:hidden {
    @container card (width >= 540px) {
      display: none;
    }
  }
  .\@\[767px\]\/card\:flex {
    @container card (width >= 767px) {
      display: flex;
    }
  }
  .\@\[767px\]\/card\:hidden {
    @container card (width >= 767px) {
      display: none;
    }
  }
  .\@md\:grid-cols-2 {
    @container (width >= 28rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .\@md\/field-group\:flex-row {
    @container field-group (width >= 28rem) {
      flex-direction: row;
    }
  }
  .\@md\:flex-col {
    @container (width >= 28rem) {
      flex-direction: column;
    }
  }
  .\@md\/field-group\:items-center {
    @container field-group (width >= 28rem) {
      align-items: center;
    }
  }
  .\@md\/field-group\:\*\:w-auto {
    @container field-group (width >= 28rem) {
      :is(& > *) {
        width: auto;
      }
    }
  }
  .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start {
    @container field-group (width >= 28rem) {
      &:has(>[data-slot=field-content]) {
        align-items: flex-start;
      }
    }
  }
  .\@md\/field-group\:\*\:data-\[slot\=field-label\]\:flex-auto {
    @container field-group (width >= 28rem) {
      :is(& > *) {
        &[data-slot="field-label"] {
          flex: auto;
        }
      }
    }
  }
  .\@md\:nth-\[n\+3\]\:block {
    @container (width >= 28rem) {
      &:nth-child(n+3) {
        display: block;
      }
    }
  }
  .\@xl\/main\:grid-cols-2 {
    @container main (width >= 36rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .\@4xl\/main\:flex {
    @container main (width >= 56rem) {
      display: flex;
    }
  }
  .\@4xl\/main\:hidden {
    @container main (width >= 56rem) {
      display: none;
    }
  }
  .\@5xl\/main\:grid-cols-4 {
    @container main (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .ltr\:-translate-x-1\/2 {
    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .rtl\:right-1\.5 {
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      right: calc(var(--spacing) * 1.5);
    }
  }
  .rtl\:-translate-x-1\/2 {
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .rtl\:translate-x-full {
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      --tw-translate-x: 100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .rtl\:rotate-180 {
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      rotate: 180deg;
    }
  }
  .rtl\:space-x-reverse {
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      :where(& > :not(:last-child)) {
        --tw-space-x-reverse: 1;
      }
    }
  }
  .rtl\:peer-focus\:left-auto {
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      &:is(:where(.peer):focus ~ *) {
        left: auto;
      }
    }
  }
  .rtl\:peer-focus\:translate-x-1\/4 {
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      &:is(:where(.peer):focus ~ *) {
        --tw-translate-x: calc(1 / 4 * 100%);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .rtl\:peer-checked\:after\:-translate-x-\[unset\] {
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      &:is(:where(.peer):checked ~ *) {
        &::after {
          content: var(--tw-content);
          --tw-translate-x: calc(unset * -1);
          translate: var(--tw-translate-x) var(--tw-translate-y);
        }
      }
    }
  }
  .rtl\:data-\[side\=left\]\:translate-x-1 {
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      &[data-side="left"] {
        --tw-translate-x: calc(var(--spacing) * 1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .rtl\:data-\[side\=right\]\:-translate-x-1 {
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      &[data-side="right"] {
        --tw-translate-x: calc(var(--spacing) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .dark\:block {
    &:is(.dark *) {
      display: block;
    }
  }
  .dark\:flex {
    &:is(.dark *) {
      display: flex;
    }
  }
  .dark\:hidden {
    &:is(.dark *) {
      display: none;
    }
  }
  .dark\:scale-0 {
    &:is(.dark *) {
      --tw-scale-x: 0%;
      --tw-scale-y: 0%;
      --tw-scale-z: 0%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .dark\:scale-100 {
    &:is(.dark *) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .dark\:-rotate-90 {
    &:is(.dark *) {
      rotate: calc(90deg * -1);
    }
  }
  .dark\:rotate-0 {
    &:is(.dark *) {
      rotate: 0deg;
    }
  }
  .dark\:scrollbar-thumb-white\/20 {
    &:is(.dark *) {
      --tw-scrollbar-thumb: color-mix(in srgb, #fff 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-scrollbar-thumb: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
      scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
    }
  }
  .dark\:divide-border\/50 {
    &:is(.dark *) {
      :where(& > :not(:last-child)) {
        border-color: var(--border);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--border) 50%, transparent);
        }
      }
    }
  }
  .dark\:divide-neutral-800 {
    &:is(.dark *) {
      :where(& > :not(:last-child)) {
        border-color: var(--color-neutral-800);
      }
    }
  }
  .dark\:divide-neutral-900 {
    &:is(.dark *) {
      :where(& > :not(:last-child)) {
        border-color: var(--color-neutral-900);
      }
    }
  }
  .dark\:divide-white\/10 {
    &:is(.dark *) {
      :where(& > :not(:last-child)) {
        border-color: color-mix(in srgb, #fff 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
      }
    }
  }
  .dark\:divide-zinc-800 {
    &:is(.dark *) {
      :where(& > :not(:last-child)) {
        border-color: var(--color-zinc-800);
      }
    }
  }
  .dark\:divide-zinc-900 {
    &:is(.dark *) {
      :where(& > :not(:last-child)) {
        border-color: var(--color-zinc-900);
      }
    }
  }
  .dark\:border {
    &:is(.dark *) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .dark\:border-\[2px\] {
    &:is(.dark *) {
      border-style: var(--tw-border-style);
      border-width: 2px;
    }
  }
  .dark\:border-x-0 {
    &:is(.dark *) {
      border-inline-style: var(--tw-border-style);
      border-inline-width: 0px;
    }
  }
  .dark\:border-t-0 {
    &:is(.dark *) {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
  }
  .dark\:border-amber-50 {
    &:is(.dark *) {
      border-color: var(--color-amber-50);
    }
  }
  .dark\:border-amber-700 {
    &:is(.dark *) {
      border-color: var(--color-amber-700);
    }
  }
  .dark\:border-amber-800 {
    &:is(.dark *) {
      border-color: var(--color-amber-800);
    }
  }
  .dark\:border-amber-900 {
    &:is(.dark *) {
      border-color: var(--color-amber-900);
    }
  }
  .dark\:border-background {
    &:is(.dark *) {
      border-color: var(--background);
    }
  }
  .dark\:border-black {
    &:is(.dark *) {
      border-color: var(--color-black);
    }
  }
  .dark\:border-black\/20 {
    &:is(.dark *) {
      border-color: color-mix(in srgb, #000 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
      }
    }
  }
  .dark\:border-blue-400 {
    &:is(.dark *) {
      border-color: var(--color-blue-400);
    }
  }
  .dark\:border-blue-500 {
    &:is(.dark *) {
      border-color: var(--color-blue-500);
    }
  }
  .dark\:border-blue-800 {
    &:is(.dark *) {
      border-color: var(--color-blue-800);
    }
  }
  .dark\:border-border {
    &:is(.dark *) {
      border-color: var(--border);
    }
  }
  .dark\:border-border\/30 {
    &:is(.dark *) {
      border-color: var(--border);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--border) 30%, transparent);
      }
    }
  }
  .dark\:border-border\/50 {
    &:is(.dark *) {
      border-color: var(--border);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--border) 50%, transparent);
      }
    }
  }
  .dark\:border-border\/60 {
    &:is(.dark *) {
      border-color: var(--border);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--border) 60%, transparent);
      }
    }
  }
  .dark\:border-cyan-800 {
    &:is(.dark *) {
      border-color: var(--color-cyan-800);
    }
  }
  .dark\:border-destructive\/50 {
    &:is(.dark *) {
      border-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
      }
    }
  }
  .dark\:border-emerald-800 {
    &:is(.dark *) {
      border-color: var(--color-emerald-800);
    }
  }
  .dark\:border-emerald-900 {
    &:is(.dark *) {
      border-color: var(--color-emerald-900);
    }
  }
  .dark\:border-gray-50\/\[\.1\] {
    &:is(.dark *) {
      border-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-gray-50) 10%, transparent);
      }
    }
  }
  .dark\:border-gray-500 {
    &:is(.dark *) {
      border-color: var(--color-gray-500);
    }
  }
  .dark\:border-gray-600 {
    &:is(.dark *) {
      border-color: var(--color-gray-600);
    }
  }
  .dark\:border-gray-700 {
    &:is(.dark *) {
      border-color: var(--color-gray-700);
    }
  }
  .dark\:border-gray-700\/20 {
    &:is(.dark *) {
      border-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-gray-700) 20%, transparent);
      }
    }
  }
  .dark\:border-gray-700\/50 {
    &:is(.dark *) {
      border-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent);
      }
    }
  }
  .dark\:border-gray-800 {
    &:is(.dark *) {
      border-color: var(--color-gray-800);
    }
  }
  .dark\:border-gray-800\/50 {
    &:is(.dark *) {
      border-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent);
      }
    }
  }
  .dark\:border-gray-900 {
    &:is(.dark *) {
      border-color: var(--color-gray-900);
    }
  }
  .dark\:border-green-300\/25 {
    &:is(.dark *) {
      border-color: color-mix(in srgb, oklch(87.1% 0.15 154.449) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-green-300) 25%, transparent);
      }
    }
  }
  .dark\:border-green-500\/50 {
    &:is(.dark *) {
      border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-green-500) 50%, transparent);
      }
    }
  }
  .dark\:border-green-800 {
    &:is(.dark *) {
      border-color: var(--color-green-800);
    }
  }
  .dark\:border-green-800\/50 {
    &:is(.dark *) {
      border-color: color-mix(in srgb, oklch(44.8% 0.119 151.328) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-green-800) 50%, transparent);
      }
    }
  }
  .dark\:border-green-900\/40 {
    &:is(.dark *) {
      border-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-green-900) 40%, transparent);
      }
    }
  }
  .dark\:border-indigo-400\/20 {
    &:is(.dark *) {
      border-color: color-mix(in srgb, oklch(67.3% 0.182 276.935) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-indigo-400) 20%, transparent);
      }
    }
  }
  .dark\:border-indigo-500 {
    &:is(.dark *) {
      border-color: var(--color-indigo-500);
    }
  }
  .dark\:border-input {
    &:is(.dark *) {
      border-color: var(--input);
    }
  }
  .dark\:border-input\/50 {
    &:is(.dark *) {
      border-color: var(--input);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--input) 50%, transparent);
      }
    }
  }
  .dark\:border-muted-foreground\/15 {
    &:is(.dark *) {
      border-color: var(--muted-foreground);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--muted-foreground) 15%, transparent);
      }
    }
  }
  .dark\:border-neutral-200 {
    &:is(.dark *) {
      border-color: var(--color-neutral-200);
    }
  }
  .dark\:border-neutral-600 {
    &:is(.dark *) {
      border-color: var(--color-neutral-600);
    }
  }
  .dark\:border-neutral-600\/50 {
    &:is(.dark *) {
      border-color: color-mix(in srgb, oklch(43.9% 0 0) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-neutral-600) 50%, transparent);
      }
    }
  }
  .dark\:border-neutral-700 {
    &:is(.dark *) {
      border-color: var(--color-neutral-700);
    }
  }
  .dark\:border-neutral-700\/30 {
    &:is(.dark *) {
      border-color: color-mix(in srgb, oklch(37.1% 0 0) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-neutral-700) 30%, transparent);
      }
    }
  }
  .dark\:border-neutral-700\/50 {
    &:is(.dark *) {
      border-color: color-mix(in srgb, oklch(37.1% 0 0) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-neutral-700) 50%, transparent);
      }
    }
  }
  .dark\:border-neutral-800 {
    &:is(.dark *) {
      border-color: var(--color-neutral-800);
    }
  }
  .dark\:border-neutral-900 {
    &:is(.dark *) {
      border-color: var(--color-neutral-900);
    }
  }
  .dark\:border-neutral-900\/60 {
    &:is(.dark *) {
      border-color: color-mix(in srgb, oklch(20.5% 0 0) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-neutral-900) 60%, transparent);
      }
    }
  }
  .dark\:border-neutral-900\/70 {
    &:is(.dark *) {
      border-color: color-mix(in srgb, oklch(20.5% 0 0) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-neutral-900) 70%, transparent);
      }
    }
  }
  .dark\:border-neutral-900\/80 {
    &:is(.dark *) {
      border-color: color-mix(in srgb, oklch(20.5% 0 0) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-neutral-900) 80%, transparent);
      }
    }
  }
  .dark\:border-neutral-950 {
    &:is(.dark *) {
      border-color: var(--color-neutral-950);
    }
  }
  .dark\:border-orange-700 {
    &:is(.dark *) {
      border-color: var(--color-orange-700);
    }
  }
  .dark\:border-primary\/50 {
    &:is(.dark *) {
      border-color: var(--primary);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--primary) 50%, transparent);
      }
    }
  }
  .dark\:border-red-500\/50 {
    &:is(.dark *) {
      border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-red-500) 50%, transparent);
      }
    }
  }
  .dark\:border-red-700 {
    &:is(.dark *) {
      border-color: var(--color-red-700);
    }
  }
  .dark\:border-red-800 {
    &:is(.dark *) {
      border-color: var(--color-red-800);
    }
  }
  .dark\:border-ring {
    &:is(.dark *) {
      border-color: var(--ring);
    }
  }
  .dark\:border-rose-800 {
    &:is(.dark *) {
      border-color: var(--color-rose-800);
    }
  }
  .dark\:border-sidebar-border {
    &:is(.dark *) {
      border-color: var(--sidebar-border);
    }
  }
  .dark\:border-sky-800 {
    &:is(.dark *) {
      border-color: var(--color-sky-800);
    }
  }
  .dark\:border-slate-700 {
    &:is(.dark *) {
      border-color: var(--color-slate-700);
    }
  }
  .dark\:border-slate-700\/60 {
    &:is(.dark *) {
      border-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-slate-700) 60%, transparent);
      }
    }
  }
  .dark\:border-slate-800 {
    &:is(.dark *) {
      border-color: var(--color-slate-800);
    }
  }
  .dark\:border-stone-700 {
    &:is(.dark *) {
      border-color: var(--color-stone-700);
    }
  }
  .dark\:border-stone-700\/50 {
    &:is(.dark *) {
      border-color: color-mix(in srgb, oklch(37.4% 0.01 67.558) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-stone-700) 50%, transparent);
      }
    }
  }
  .dark\:border-stone-800 {
    &:is(.dark *) {
      border-color: var(--color-stone-800);
    }
  }
  .dark\:border-stone-950\/60 {
    &:is(.dark *) {
      border-color: color-mix(in srgb, oklch(14.7% 0.004 49.25) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-stone-950) 60%, transparent);
      }
    }
  }
  .dark\:border-transparent {
    &:is(.dark *) {
      border-color: transparent;
    }
  }
  .dark\:border-violet-900 {
    &:is(.dark *) {
      border-color: var(--color-violet-900);
    }
  }
  .dark\:border-white {
    &:is(.dark *) {
      border-color: var(--color-white);
    }
  }
  .dark\:border-white\/5 {
    &:is(.dark *) {
      border-color: color-mix(in srgb, #fff 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }
  }
  .dark\:border-white\/10 {
    &:is(.dark *) {
      border-color: color-mix(in srgb, #fff 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
  }
  .dark\:border-white\/15 {
    &:is(.dark *) {
      border-color: color-mix(in srgb, #fff 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }
  }
  .dark\:border-white\/20 {
    &:is(.dark *) {
      border-color: color-mix(in srgb, #fff 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }
  }
  .dark\:border-white\/\[0\.2\] {
    &:is(.dark *) {
      border-color: color-mix(in srgb, #fff 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }
  }
  .dark\:border-yellow-300\/25 {
    &:is(.dark *) {
      border-color: color-mix(in srgb, oklch(90.5% 0.182 98.111) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-yellow-300) 25%, transparent);
      }
    }
  }
  .dark\:border-yellow-400\/20 {
    &:is(.dark *) {
      border-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-yellow-400) 20%, transparent);
      }
    }
  }
  .dark\:border-yellow-800\/50 {
    &:is(.dark *) {
      border-color: color-mix(in srgb, oklch(47.6% 0.114 61.907) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-yellow-800) 50%, transparent);
      }
    }
  }
  .dark\:border-zinc-50 {
    &:is(.dark *) {
      border-color: var(--color-zinc-50);
    }
  }
  .dark\:border-zinc-50\/10 {
    &:is(.dark *) {
      border-color: color-mix(in srgb, oklch(98.5% 0 0) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-zinc-50) 10%, transparent);
      }
    }
  }
  .dark\:border-zinc-600 {
    &:is(.dark *) {
      border-color: var(--color-zinc-600);
    }
  }
  .dark\:border-zinc-700 {
    &:is(.dark *) {
      border-color: var(--color-zinc-700);
    }
  }
  .dark\:border-zinc-800 {
    &:is(.dark *) {
      border-color: var(--color-zinc-800);
    }
  }
  .dark\:border-zinc-800\/50 {
    &:is(.dark *) {
      border-color: color-mix(in srgb, oklch(27.4% 0.006 286.033) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-zinc-800) 50%, transparent);
      }
    }
  }
  .dark\:border-zinc-900 {
    &:is(.dark *) {
      border-color: var(--color-zinc-900);
    }
  }
  .dark\:border-t-black {
    &:is(.dark *) {
      border-top-color: var(--color-black);
    }
  }
  .dark\:border-t-neutral-950 {
    &:is(.dark *) {
      border-top-color: var(--color-neutral-950);
    }
  }
  .dark\:border-t-zinc-100 {
    &:is(.dark *) {
      border-top-color: var(--color-zinc-100);
    }
  }
  .dark\:border-b-neutral-700\/50 {
    &:is(.dark *) {
      border-bottom-color: color-mix(in srgb, oklch(37.1% 0 0) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-bottom-color: color-mix(in oklab, var(--color-neutral-700) 50%, transparent);
      }
    }
  }
  .dark\:\!bg-\[\#21222550\] {
    &:is(.dark *) {
      background-color: #21222550 !important;
    }
  }
  .dark\:\!bg-\[var\(--shiki-dark-bg\)\] {
    &:is(.dark *) {
      background-color: var(--shiki-dark-bg) !important;
    }
  }
  .dark\:bg-\[\#1A1A1A\] {
    &:is(.dark *) {
      background-color: #1A1A1A;
    }
  }
  .dark\:bg-\[\#1B1B1B\] {
    &:is(.dark *) {
      background-color: #1B1B1B;
    }
  }
  .dark\:bg-\[\#1a0033\] {
    &:is(.dark *) {
      background-color: #1a0033;
    }
  }
  .dark\:bg-\[\#2C353C\] {
    &:is(.dark *) {
      background-color: #2C353C;
    }
  }
  .dark\:bg-\[\#3F3F3F\] {
    &:is(.dark *) {
      background-color: #3F3F3F;
    }
  }
  .dark\:bg-\[\#050505\] {
    &:is(.dark *) {
      background-color: #050505;
    }
  }
  .dark\:bg-\[\#121212\] {
    &:is(.dark *) {
      background-color: #121212;
    }
  }
  .dark\:bg-\[\#161716\]\/50 {
    &:is(.dark *) {
      background-color: color-mix(in oklab, #161716 50%, transparent);
    }
  }
  .dark\:bg-\[\#303030\] {
    &:is(.dark *) {
      background-color: #303030;
    }
  }
  .dark\:bg-\[\#ffffff1a\] {
    &:is(.dark *) {
      background-color: #ffffff1a;
    }
  }
  .dark\:bg-accent {
    &:is(.dark *) {
      background-color: var(--accent);
    }
  }
  .dark\:bg-amber-50 {
    &:is(.dark *) {
      background-color: var(--color-amber-50);
    }
  }
  .dark\:bg-amber-400\/10 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-400) 10%, transparent);
      }
    }
  }
  .dark\:bg-amber-500\/10 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
      }
    }
  }
  .dark\:bg-amber-500\/15 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent);
      }
    }
  }
  .dark\:bg-amber-900\/50 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-900) 50%, transparent);
      }
    }
  }
  .dark\:bg-amber-950 {
    &:is(.dark *) {
      background-color: var(--color-amber-950);
    }
  }
  .dark\:bg-amber-950\/30 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-950) 30%, transparent);
      }
    }
  }
  .dark\:bg-amber-950\/60 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-950) 60%, transparent);
      }
    }
  }
  .dark\:bg-background {
    &:is(.dark *) {
      background-color: var(--background);
    }
  }
  .dark\:bg-black {
    &:is(.dark *) {
      background-color: var(--color-black);
    }
  }
  .dark\:bg-black\/25 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, #000 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
      }
    }
  }
  .dark\:bg-black\/30 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, #000 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
      }
    }
  }
  .dark\:bg-black\/40 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, #000 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
      }
    }
  }
  .dark\:bg-black\/50 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, #000 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
      }
    }
  }
  .dark\:bg-black\/60 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
  }
  .dark\:bg-black\/70 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, #000 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
      }
    }
  }
  .dark\:bg-black\/90 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, #000 90%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 90%, transparent);
      }
    }
  }
  .dark\:bg-blue-500 {
    &:is(.dark *) {
      background-color: var(--color-blue-500);
    }
  }
  .dark\:bg-blue-500\/10 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
      }
    }
  }
  .dark\:bg-blue-500\/20 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
      }
    }
  }
  .dark\:bg-blue-600\/20 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(54.6% 0.245 262.881) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-blue-600) 20%, transparent);
      }
    }
  }
  .dark\:bg-blue-700 {
    &:is(.dark *) {
      background-color: var(--color-blue-700);
    }
  }
  .dark\:bg-blue-900\/50 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-blue-900) 50%, transparent);
      }
    }
  }
  .dark\:bg-blue-950 {
    &:is(.dark *) {
      background-color: var(--color-blue-950);
    }
  }
  .dark\:bg-blue-950\/30 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(28.2% 0.091 267.935) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-blue-950) 30%, transparent);
      }
    }
  }
  .dark\:bg-border {
    &:is(.dark *) {
      background-color: var(--border);
    }
  }
  .dark\:bg-card {
    &:is(.dark *) {
      background-color: var(--card);
    }
  }
  .dark\:bg-cyan-500\/90 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 90%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-cyan-500) 90%, transparent);
      }
    }
  }
  .dark\:bg-cyan-950\/30 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(30.2% 0.056 229.695) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-cyan-950) 30%, transparent);
      }
    }
  }
  .dark\:bg-destructive\/5 {
    &:is(.dark *) {
      background-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--destructive) 5%, transparent);
      }
    }
  }
  .dark\:bg-destructive\/16 {
    &:is(.dark *) {
      background-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--destructive) 16%, transparent);
      }
    }
  }
  .dark\:bg-destructive\/20 {
    &:is(.dark *) {
      background-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
  }
  .dark\:bg-destructive\/20\! {
    &:is(.dark *) {
      background-color: var(--destructive) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--destructive) 20%, transparent) !important;
      }
    }
  }
  .dark\:bg-destructive\/60 {
    &:is(.dark *) {
      background-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--destructive) 60%, transparent);
      }
    }
  }
  .dark\:bg-emerald-400\/10 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-400) 10%, transparent);
      }
    }
  }
  .dark\:bg-emerald-500 {
    &:is(.dark *) {
      background-color: var(--color-emerald-500);
    }
  }
  .dark\:bg-emerald-500\/10 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
      }
    }
  }
  .dark\:bg-emerald-500\/15 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent);
      }
    }
  }
  .dark\:bg-emerald-900\/50 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-900) 50%, transparent);
      }
    }
  }
  .dark\:bg-emerald-950 {
    &:is(.dark *) {
      background-color: var(--color-emerald-950);
    }
  }
  .dark\:bg-emerald-950\/30 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(26.2% 0.051 172.552) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-950) 30%, transparent);
      }
    }
  }
  .dark\:bg-emerald-950\/60 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(26.2% 0.051 172.552) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-950) 60%, transparent);
      }
    }
  }
  .dark\:bg-gray-100 {
    &:is(.dark *) {
      background-color: var(--color-gray-100);
    }
  }
  .dark\:bg-gray-100\/10 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(96.7% 0.003 264.542) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-gray-100) 10%, transparent);
      }
    }
  }
  .dark\:bg-gray-600 {
    &:is(.dark *) {
      background-color: var(--color-gray-600);
    }
  }
  .dark\:bg-gray-700 {
    &:is(.dark *) {
      background-color: var(--color-gray-700);
    }
  }
  .dark\:bg-gray-800 {
    &:is(.dark *) {
      background-color: var(--color-gray-800);
    }
  }
  .dark\:bg-gray-800\/60 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-gray-800) 60%, transparent);
      }
    }
  }
  .dark\:bg-gray-900 {
    &:is(.dark *) {
      background-color: var(--color-gray-900);
    }
  }
  .dark\:bg-gray-900\/40 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-gray-900) 40%, transparent);
      }
    }
  }
  .dark\:bg-gray-950 {
    &:is(.dark *) {
      background-color: var(--color-gray-950);
    }
  }
  .dark\:bg-gray-950\/50 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(13% 0.028 261.692) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-gray-950) 50%, transparent);
      }
    }
  }
  .dark\:bg-gray-950\/90 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(13% 0.028 261.692) 90%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-gray-950) 90%, transparent);
      }
    }
  }
  .dark\:bg-green-400 {
    &:is(.dark *) {
      background-color: var(--color-green-400);
    }
  }
  .dark\:bg-green-500\/10 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent);
      }
    }
  }
  .dark\:bg-green-500\/15 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-green-500) 15%, transparent);
      }
    }
  }
  .dark\:bg-green-900 {
    &:is(.dark *) {
      background-color: var(--color-green-900);
    }
  }
  .dark\:bg-green-900\/30 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-green-900) 30%, transparent);
      }
    }
  }
  .dark\:bg-green-950 {
    &:is(.dark *) {
      background-color: var(--color-green-950);
    }
  }
  .dark\:bg-green-950\/30 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(26.6% 0.065 152.934) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-green-950) 30%, transparent);
      }
    }
  }
  .dark\:bg-indigo-500\/10 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent);
      }
    }
  }
  .dark\:bg-indigo-950\/40 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(25.7% 0.09 281.288) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-indigo-950) 40%, transparent);
      }
    }
  }
  .dark\:bg-input {
    &:is(.dark *) {
      background-color: var(--input);
    }
  }
  .dark\:bg-input\/30 {
    &:is(.dark *) {
      background-color: var(--input);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--input) 30%, transparent);
      }
    }
  }
  .dark\:bg-input\/30\! {
    &:is(.dark *) {
      background-color: var(--input) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--input) 30%, transparent) !important;
      }
    }
  }
  .dark\:bg-input\/32 {
    &:is(.dark *) {
      background-color: var(--input);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--input) 32%, transparent);
      }
    }
  }
  .dark\:bg-muted {
    &:is(.dark *) {
      background-color: var(--muted);
    }
  }
  .dark\:bg-muted\/5 {
    &:is(.dark *) {
      background-color: var(--muted);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--muted) 5%, transparent);
      }
    }
  }
  .dark\:bg-muted\/20 {
    &:is(.dark *) {
      background-color: var(--muted);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--muted) 20%, transparent);
      }
    }
  }
  .dark\:bg-muted\/30 {
    &:is(.dark *) {
      background-color: var(--muted);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--muted) 30%, transparent);
      }
    }
  }
  .dark\:bg-muted\/80 {
    &:is(.dark *) {
      background-color: var(--muted);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--muted) 80%, transparent);
      }
    }
  }
  .dark\:bg-neutral-50\/10 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(98.5% 0 0) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-50) 10%, transparent);
      }
    }
  }
  .dark\:bg-neutral-100 {
    &:is(.dark *) {
      background-color: var(--color-neutral-100);
    }
  }
  .dark\:bg-neutral-100\/10 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(97% 0 0) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-100) 10%, transparent);
      }
    }
  }
  .dark\:bg-neutral-100\/50 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(97% 0 0) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-100) 50%, transparent);
      }
    }
  }
  .dark\:bg-neutral-200 {
    &:is(.dark *) {
      background-color: var(--color-neutral-200);
    }
  }
  .dark\:bg-neutral-300 {
    &:is(.dark *) {
      background-color: var(--color-neutral-300);
    }
  }
  .dark\:bg-neutral-600 {
    &:is(.dark *) {
      background-color: var(--color-neutral-600);
    }
  }
  .dark\:bg-neutral-600\/50 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(43.9% 0 0) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-600) 50%, transparent);
      }
    }
  }
  .dark\:bg-neutral-600\/80 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(43.9% 0 0) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-600) 80%, transparent);
      }
    }
  }
  .dark\:bg-neutral-700 {
    &:is(.dark *) {
      background-color: var(--color-neutral-700);
    }
  }
  .dark\:bg-neutral-700\/60 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(37.1% 0 0) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-700) 60%, transparent);
      }
    }
  }
  .dark\:bg-neutral-800 {
    &:is(.dark *) {
      background-color: var(--color-neutral-800);
    }
  }
  .dark\:bg-neutral-800\/30 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(26.9% 0 0) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-800) 30%, transparent);
      }
    }
  }
  .dark\:bg-neutral-800\/40 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(26.9% 0 0) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-800) 40%, transparent);
      }
    }
  }
  .dark\:bg-neutral-800\/50 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(26.9% 0 0) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-800) 50%, transparent);
      }
    }
  }
  .dark\:bg-neutral-800\/60 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(26.9% 0 0) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-800) 60%, transparent);
      }
    }
  }
  .dark\:bg-neutral-800\/80 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(26.9% 0 0) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-800) 80%, transparent);
      }
    }
  }
  .dark\:bg-neutral-900 {
    &:is(.dark *) {
      background-color: var(--color-neutral-900);
    }
  }
  .dark\:bg-neutral-900\/20 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(20.5% 0 0) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-900) 20%, transparent);
      }
    }
  }
  .dark\:bg-neutral-900\/40 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(20.5% 0 0) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-900) 40%, transparent);
      }
    }
  }
  .dark\:bg-neutral-900\/50 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(20.5% 0 0) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-900) 50%, transparent);
      }
    }
  }
  .dark\:bg-neutral-900\/85 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(20.5% 0 0) 85%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-900) 85%, transparent);
      }
    }
  }
  .dark\:bg-neutral-900\/90 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(20.5% 0 0) 90%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-900) 90%, transparent);
      }
    }
  }
  .dark\:bg-neutral-950 {
    &:is(.dark *) {
      background-color: var(--color-neutral-950);
    }
  }
  .dark\:bg-neutral-950\/50 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(14.5% 0 0) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-950) 50%, transparent);
      }
    }
  }
  .dark\:bg-neutral-950\/94 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(14.5% 0 0) 94%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-950) 94%, transparent);
      }
    }
  }
  .dark\:bg-orange-600\/5 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(64.6% 0.222 41.116) 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-orange-600) 5%, transparent);
      }
    }
  }
  .dark\:bg-orange-600\/20 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(64.6% 0.222 41.116) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-orange-600) 20%, transparent);
      }
    }
  }
  .dark\:bg-orange-950\/30 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(26.6% 0.079 36.259) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-orange-950) 30%, transparent);
      }
    }
  }
  .dark\:bg-popover {
    &:is(.dark *) {
      background-color: var(--popover);
    }
  }
  .dark\:bg-primary {
    &:is(.dark *) {
      background-color: var(--primary);
    }
  }
  .dark\:bg-primary-foreground {
    &:is(.dark *) {
      background-color: var(--primary-foreground);
    }
  }
  .dark\:bg-primary\/10 {
    &:is(.dark *) {
      background-color: var(--primary);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--primary) 10%, transparent);
      }
    }
  }
  .dark\:bg-primary\/15 {
    &:is(.dark *) {
      background-color: var(--primary);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--primary) 15%, transparent);
      }
    }
  }
  .dark\:bg-primary\/20 {
    &:is(.dark *) {
      background-color: var(--primary);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--primary) 20%, transparent);
      }
    }
  }
  .dark\:bg-primary\/30 {
    &:is(.dark *) {
      background-color: var(--primary);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--primary) 30%, transparent);
      }
    }
  }
  .dark\:bg-red-500\/25 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-red-500) 25%, transparent);
      }
    }
  }
  .dark\:bg-red-900 {
    &:is(.dark *) {
      background-color: var(--color-red-900);
    }
  }
  .dark\:bg-red-900\/10 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-red-900) 10%, transparent);
      }
    }
  }
  .dark\:bg-red-900\/30 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent);
      }
    }
  }
  .dark\:bg-red-900\/50 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-red-900) 50%, transparent);
      }
    }
  }
  .dark\:bg-red-950\/30 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-red-950) 30%, transparent);
      }
    }
  }
  .dark\:bg-ring {
    &:is(.dark *) {
      background-color: var(--ring);
    }
  }
  .dark\:bg-rose-400\/10 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-rose-400) 10%, transparent);
      }
    }
  }
  .dark\:bg-rose-500\/10 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent);
      }
    }
  }
  .dark\:bg-rose-950 {
    &:is(.dark *) {
      background-color: var(--color-rose-950);
    }
  }
  .dark\:bg-rose-950\/60 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(27.1% 0.105 12.094) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-rose-950) 60%, transparent);
      }
    }
  }
  .dark\:bg-secondary {
    &:is(.dark *) {
      background-color: var(--secondary);
    }
  }
  .dark\:bg-sky-500 {
    &:is(.dark *) {
      background-color: var(--color-sky-500);
    }
  }
  .dark\:bg-sky-950 {
    &:is(.dark *) {
      background-color: var(--color-sky-950);
    }
  }
  .dark\:bg-sky-950\/60 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(29.3% 0.066 243.157) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-sky-950) 60%, transparent);
      }
    }
  }
  .dark\:bg-slate-600 {
    &:is(.dark *) {
      background-color: var(--color-slate-600);
    }
  }
  .dark\:bg-slate-700 {
    &:is(.dark *) {
      background-color: var(--color-slate-700);
    }
  }
  .dark\:bg-slate-800 {
    &:is(.dark *) {
      background-color: var(--color-slate-800);
    }
  }
  .dark\:bg-slate-900 {
    &:is(.dark *) {
      background-color: var(--color-slate-900);
    }
  }
  .dark\:bg-slate-950 {
    &:is(.dark *) {
      background-color: var(--color-slate-950);
    }
  }
  .dark\:bg-stone-950 {
    &:is(.dark *) {
      background-color: var(--color-stone-950);
    }
  }
  .dark\:bg-transparent {
    &:is(.dark *) {
      background-color: transparent;
    }
  }
  .dark\:bg-violet-500\/15 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-violet-500) 15%, transparent);
      }
    }
  }
  .dark\:bg-violet-950 {
    &:is(.dark *) {
      background-color: var(--color-violet-950);
    }
  }
  .dark\:bg-white {
    &:is(.dark *) {
      background-color: var(--color-white);
    }
  }
  .dark\:bg-white\/3 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, #fff 3%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
      }
    }
  }
  .dark\:bg-white\/5 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, #fff 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }
  }
  .dark\:bg-white\/10 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, #fff 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
  }
  .dark\:bg-white\/20 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, #fff 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }
  }
  .dark\:bg-white\/\[0\.03\] {
    &:is(.dark *) {
      background-color: color-mix(in srgb, #fff 3%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
      }
    }
  }
  .dark\:bg-yellow-400 {
    &:is(.dark *) {
      background-color: var(--color-yellow-400);
    }
  }
  .dark\:bg-yellow-500\/10 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent);
      }
    }
  }
  .dark\:bg-zinc-50 {
    &:is(.dark *) {
      background-color: var(--color-zinc-50);
    }
  }
  .dark\:bg-zinc-100 {
    &:is(.dark *) {
      background-color: var(--color-zinc-100);
    }
  }
  .dark\:bg-zinc-100\/50 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(96.7% 0.001 286.375) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-zinc-100) 50%, transparent);
      }
    }
  }
  .dark\:bg-zinc-700 {
    &:is(.dark *) {
      background-color: var(--color-zinc-700);
    }
  }
  .dark\:bg-zinc-800 {
    &:is(.dark *) {
      background-color: var(--color-zinc-800);
    }
  }
  .dark\:bg-zinc-800\/30 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(27.4% 0.006 286.033) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-zinc-800) 30%, transparent);
      }
    }
  }
  .dark\:bg-zinc-800\/40 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(27.4% 0.006 286.033) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-zinc-800) 40%, transparent);
      }
    }
  }
  .dark\:bg-zinc-800\/50 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(27.4% 0.006 286.033) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-zinc-800) 50%, transparent);
      }
    }
  }
  .dark\:bg-zinc-900 {
    &:is(.dark *) {
      background-color: var(--color-zinc-900);
    }
  }
  .dark\:bg-zinc-900\/40 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(21% 0.006 285.885) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-zinc-900) 40%, transparent);
      }
    }
  }
  .dark\:bg-zinc-900\/50 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(21% 0.006 285.885) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-zinc-900) 50%, transparent);
      }
    }
  }
  .dark\:bg-zinc-950 {
    &:is(.dark *) {
      background-color: var(--color-zinc-950);
    }
  }
  .dark\:bg-zinc-950\/50 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(14.1% 0.005 285.823) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-zinc-950) 50%, transparent);
      }
    }
  }
  .dark\:bg-zinc-950\/80 {
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(14.1% 0.005 285.823) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-zinc-950) 80%, transparent);
      }
    }
  }
  .dark\:bg-gradient-to-r {
    &:is(.dark *) {
      --tw-gradient-position: to right in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
    }
  }
  .dark\:\[background-image\:var\(--dark-gradient\)\,var\(--aurora\)\] {
    &:is(.dark *) {
      background-image: var(--dark-gradient),var(--aurora);
    }
  }
  .dark\:bg-\[conic-gradient\(from_90deg_at_50\%_50\%\,var\(--primary\)_0\%\,\#000_50\%\,var\(--primary\)_100\%\)\] {
    &:is(.dark *) {
      background-image: conic-gradient(from 90deg at 50% 50%,var(--primary) 0%,#000 50%,var(--primary) 100%);
    }
  }
  .dark\:bg-\[linear-gradient\(110deg\,\#000103\,45\%\,\#1e2631\,55\%\,\#000103\)\] {
    &:is(.dark *) {
      background-image: linear-gradient(110deg,#000103,45%,#1e2631,55%,#000103);
    }
  }
  .dark\:bg-\[linear-gradient\(to_bottom\,\#000\,\#0000_30\%\,\#898e8e_78\%\,\#ffffff_99\%_50\%\)\] {
    &:is(.dark *) {
      background-image: linear-gradient(to bottom,#000,#0000 30%,#898e8e 78%,#ffffff 99% 50%);
    }
  }
  .dark\:bg-\[linear-gradient\(to_bottom\,var\(--color-dark\)\,var\(--color-dark\)_50\%\,transparent_0\,transparent\)\] {
    &:is(.dark *) {
      background-image: linear-gradient(to bottom,var(--color-dark),var(--color-dark) 50%,transparent 0,transparent);
    }
  }
  .dark\:bg-\[linear-gradient\(to_right\,\#a8a29e_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,\#a8a29e_1px\,transparent_1px\)\] {
    &:is(.dark *) {
      background-image: linear-gradient(to right,#a8a29e 1px,transparent 1px),linear-gradient(to bottom,#a8a29e 1px,transparent 1px);
    }
  }
  .dark\:bg-\[linear-gradient\(to_right\,\#ffffff0a_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,\#ffffff0a_1px\,transparent_1px\)\] {
    &:is(.dark *) {
      background-image: linear-gradient(to right,#ffffff0a 1px,transparent 1px),linear-gradient(to bottom,#ffffff0a 1px,transparent 1px);
    }
  }
  .dark\:bg-\[linear-gradient\(to_right\,_\#B2D0F9\,_\#F08878\,_\#FDC3B6\,_\#FFDB9A\)\] {
    &:is(.dark *) {
      background-image: linear-gradient(to right, #B2D0F9, #F08878, #FDC3B6, #FFDB9A);
    }
  }
  .dark\:bg-\[linear-gradient\(to_right\,var\(--color-dark\)\,var\(--color-dark\)_50\%\,transparent_0\,transparent\)\] {
    &:is(.dark *) {
      background-image: linear-gradient(to right,var(--color-dark),var(--color-dark) 50%,transparent 0,transparent);
    }
  }
  .dark\:bg-\[radial-gradient\(75\%_100\%_at_50\%_0\%\,rgba\(189\,56\,222\,0\.8\)_0\%\,rgba\(56\,189\,248\,0\.4\)_75\%\)\] {
    &:is(.dark *) {
      background-image: radial-gradient(75% 100% at 50% 0%,rgba(189,56,222,0.8) 0%,rgba(56,189,248,0.4) 75%);
    }
  }
  .dark\:bg-\[radial-gradient\(circle\,_rgba\(255\,255\,255\,0\.06\)_1px\,_transparent_1px\)\] {
    &:is(.dark *) {
      background-image: radial-gradient(circle, rgba(255,255,255,0.06) 1px, transparent 1px);
    }
  }
  .dark\:bg-\[radial-gradient\(circle_at_30\%_25\%\,rgba\(255\,255\,255\,0\.6\)\,transparent_58\%\)\] {
    &:is(.dark *) {
      background-image: radial-gradient(circle at 30% 25%,rgba(255,255,255,0.6),transparent 58%);
    }
  }
  .dark\:bg-\[radial-gradient\(circle_at_50\%_0\%\,hsl\(var\(--primary\)\/10\%\)_0\%\,transparent_60\%\)\] {
    &:is(.dark *) {
      background-image: radial-gradient(circle at 50% 0%,hsl(var(--primary)/10%) 0%,transparent 60%);
    }
  }
  .dark\:bg-\[radial-gradient\(closest-side\,\#000_82\%\,\#ffffff\)\] {
    &:is(.dark *) {
      background-image: radial-gradient(closest-side,#000 82%,#ffffff);
    }
  }
  .dark\:from-background\/50 {
    &:is(.dark *) {
      --tw-gradient-from: var(--background);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--background) 50%, 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));
    }
  }
  .dark\:from-blue-400 {
    &:is(.dark *) {
      --tw-gradient-from: var(--color-blue-400);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-blue-950\/20 {
    &:is(.dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(28.2% 0.091 267.935) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-blue-950) 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));
    }
  }
  .dark\:from-cyan-700 {
    &:is(.dark *) {
      --tw-gradient-from: 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));
    }
  }
  .dark\:from-foreground\/5 {
    &:is(.dark *) {
      --tw-gradient-from: var(--foreground);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--foreground) 5%, 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));
    }
  }
  .dark\:from-foreground\/15 {
    &:is(.dark *) {
      --tw-gradient-from: var(--foreground);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--foreground) 15%, 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));
    }
  }
  .dark\:from-gray-100 {
    &:is(.dark *) {
      --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));
    }
  }
  .dark\:from-gray-500 {
    &:is(.dark *) {
      --tw-gradient-from: var(--color-gray-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));
    }
  }
  .dark\:from-gray-900\/80 {
    &:is(.dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(21% 0.034 264.665) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-gray-900) 80%, 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));
    }
  }
  .dark\:from-indigo-200\/70 {
    &:is(.dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(87% 0.065 274.039) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-indigo-200) 70%, 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));
    }
  }
  .dark\:from-neutral-100 {
    &:is(.dark *) {
      --tw-gradient-from: var(--color-neutral-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));
    }
  }
  .dark\:from-neutral-200 {
    &:is(.dark *) {
      --tw-gradient-from: var(--color-neutral-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));
    }
  }
  .dark\:from-neutral-400 {
    &:is(.dark *) {
      --tw-gradient-from: var(--color-neutral-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));
    }
  }
  .dark\:from-neutral-700 {
    &:is(.dark *) {
      --tw-gradient-from: var(--color-neutral-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));
    }
  }
  .dark\:from-neutral-800 {
    &:is(.dark *) {
      --tw-gradient-from: var(--color-neutral-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));
    }
  }
  .dark\:from-neutral-900 {
    &:is(.dark *) {
      --tw-gradient-from: var(--color-neutral-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));
    }
  }
  .dark\:from-neutral-950 {
    &:is(.dark *) {
      --tw-gradient-from: var(--color-neutral-950);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-red-300\/90 {
    &:is(.dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(80.8% 0.114 19.571) 90%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-red-300) 90%, 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));
    }
  }
  .dark\:from-secondary {
    &:is(.dark *) {
      --tw-gradient-from: var(--secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:from-slate-100 {
    &:is(.dark *) {
      --tw-gradient-from: var(--color-slate-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));
    }
  }
  .dark\:from-stone-200 {
    &:is(.dark *) {
      --tw-gradient-from: var(--color-stone-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));
    }
  }
  .dark\:from-stone-700 {
    &:is(.dark *) {
      --tw-gradient-from: var(--color-stone-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));
    }
  }
  .dark\:from-stone-900 {
    &:is(.dark *) {
      --tw-gradient-from: var(--color-stone-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));
    }
  }
  .dark\:from-white {
    &:is(.dark *) {
      --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));
    }
  }
  .dark\:from-zinc-50 {
    &:is(.dark *) {
      --tw-gradient-from: var(--color-zinc-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));
    }
  }
  .dark\:from-zinc-900 {
    &:is(.dark *) {
      --tw-gradient-from: var(--color-zinc-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));
    }
  }
  .dark\:from-zinc-950 {
    &:is(.dark *) {
      --tw-gradient-from: var(--color-zinc-950);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:via-blue-500 {
    &:is(.dark *) {
      --tw-gradient-via: var(--color-blue-500);
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
  }
  .dark\:via-blue-700 {
    &:is(.dark *) {
      --tw-gradient-via: var(--color-blue-700);
      --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);
    }
  }
  .dark\:via-gray-200 {
    &:is(.dark *) {
      --tw-gradient-via: var(--color-gray-200);
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
  }
  .dark\:via-gray-700 {
    &:is(.dark *) {
      --tw-gradient-via: var(--color-gray-700);
      --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);
    }
  }
  .dark\:via-neutral-200 {
    &:is(.dark *) {
      --tw-gradient-via: var(--color-neutral-200);
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
  }
  .dark\:via-slate-200 {
    &:is(.dark *) {
      --tw-gradient-via: var(--color-slate-200);
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
  }
  .dark\:via-white\/20 {
    &:is(.dark *) {
      --tw-gradient-via: color-mix(in srgb, #fff 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, var(--color-white) 20%, 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);
    }
  }
  .dark\:via-white\/80 {
    &:is(.dark *) {
      --tw-gradient-via: color-mix(in srgb, #fff 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, var(--color-white) 80%, 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);
    }
  }
  .dark\:via-zinc-100 {
    &:is(.dark *) {
      --tw-gradient-via: var(--color-zinc-100);
      --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);
    }
  }
  .dark\:to-background\/50 {
    &:is(.dark *) {
      --tw-gradient-to: var(--background);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--background) 50%, 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));
    }
  }
  .dark\:to-black {
    &:is(.dark *) {
      --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));
    }
  }
  .dark\:to-gray-300 {
    &:is(.dark *) {
      --tw-gradient-to: var(--color-gray-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));
    }
  }
  .dark\:to-gray-800\/80 {
    &:is(.dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(27.8% 0.033 256.848) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-gray-800) 80%, 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));
    }
  }
  .dark\:to-gray-900 {
    &:is(.dark *) {
      --tw-gradient-to: var(--color-gray-900);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-indigo-500 {
    &:is(.dark *) {
      --tw-gradient-to: var(--color-indigo-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));
    }
  }
  .dark\:to-neutral-50 {
    &:is(.dark *) {
      --tw-gradient-to: var(--color-neutral-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));
    }
  }
  .dark\:to-neutral-200 {
    &:is(.dark *) {
      --tw-gradient-to: var(--color-neutral-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));
    }
  }
  .dark\:to-neutral-300 {
    &:is(.dark *) {
      --tw-gradient-to: var(--color-neutral-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));
    }
  }
  .dark\:to-neutral-500 {
    &:is(.dark *) {
      --tw-gradient-to: var(--color-neutral-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));
    }
  }
  .dark\:to-neutral-700 {
    &:is(.dark *) {
      --tw-gradient-to: var(--color-neutral-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));
    }
  }
  .dark\:to-neutral-700\/50 {
    &:is(.dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(37.1% 0 0) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-neutral-700) 50%, 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));
    }
  }
  .dark\:to-neutral-800 {
    &:is(.dark *) {
      --tw-gradient-to: var(--color-neutral-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));
    }
  }
  .dark\:to-neutral-800\/80 {
    &:is(.dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(26.9% 0 0) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-neutral-800) 80%, 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));
    }
  }
  .dark\:to-neutral-900 {
    &:is(.dark *) {
      --tw-gradient-to: var(--color-neutral-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));
    }
  }
  .dark\:to-neutral-900\/80 {
    &:is(.dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(20.5% 0 0) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-neutral-900) 80%, 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));
    }
  }
  .dark\:to-neutral-950 {
    &:is(.dark *) {
      --tw-gradient-to: var(--color-neutral-950);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-purple-500 {
    &:is(.dark *) {
      --tw-gradient-to: var(--color-purple-500);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-purple-700 {
    &:is(.dark *) {
      --tw-gradient-to: 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));
    }
  }
  .dark\:to-red-500 {
    &:is(.dark *) {
      --tw-gradient-to: var(--color-red-500);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-slate-100 {
    &:is(.dark *) {
      --tw-gradient-to: var(--color-slate-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));
    }
  }
  .dark\:to-slate-900\/10 {
    &:is(.dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(20.8% 0.042 265.755) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-slate-900) 10%, 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));
    }
  }
  .dark\:to-stone-950 {
    &:is(.dark *) {
      --tw-gradient-to: var(--color-stone-950);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-white\/80 {
    &:is(.dark *) {
      --tw-gradient-to: color-mix(in srgb, #fff 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-white) 80%, 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));
    }
  }
  .dark\:to-zinc-200 {
    &:is(.dark *) {
      --tw-gradient-to: var(--color-zinc-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));
    }
  }
  .dark\:to-zinc-800 {
    &:is(.dark *) {
      --tw-gradient-to: var(--color-zinc-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));
    }
  }
  .dark\:to-zinc-900 {
    &:is(.dark *) {
      --tw-gradient-to: var(--color-zinc-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));
    }
  }
  .dark\:\[mask-image\:linear-gradient\(to_bottom\,white\,transparent\)\] {
    &:is(.dark *) {
      mask-image: linear-gradient(to bottom,white,transparent);
    }
  }
  .dark\:bg-clip-text {
    &:is(.dark *) {
      background-clip: text;
    }
  }
  .dark\:fill-\[\#0e0e0e\] {
    &:is(.dark *) {
      fill: #0e0e0e;
    }
  }
  .dark\:fill-\[\#2C353C\] {
    &:is(.dark *) {
      fill: #2C353C;
    }
  }
  .dark\:fill-\[rgba\(255\,255\,255\,0\.1\)\] {
    &:is(.dark *) {
      fill: rgba(255,255,255,0.1);
    }
  }
  .dark\:fill-black {
    &:is(.dark *) {
      fill: var(--color-black);
    }
  }
  .dark\:fill-border {
    &:is(.dark *) {
      fill: var(--border);
    }
  }
  .dark\:fill-card\/70 {
    &:is(.dark *) {
      fill: var(--card);
      @supports (color: color-mix(in lab, red, red)) {
        fill: color-mix(in oklab, var(--card) 70%, transparent);
      }
    }
  }
  .dark\:fill-gray-100 {
    &:is(.dark *) {
      fill: var(--color-gray-100);
    }
  }
  .dark\:fill-gray-300 {
    &:is(.dark *) {
      fill: var(--color-gray-300);
    }
  }
  .dark\:fill-green-300 {
    &:is(.dark *) {
      fill: var(--color-green-300);
    }
  }
  .dark\:fill-green-600 {
    &:is(.dark *) {
      fill: var(--color-green-600);
    }
  }
  .dark\:fill-muted-foreground {
    &:is(.dark *) {
      fill: var(--muted-foreground);
    }
  }
  .dark\:fill-neutral-50 {
    &:is(.dark *) {
      fill: var(--color-neutral-50);
    }
  }
  .dark\:fill-neutral-700 {
    &:is(.dark *) {
      fill: var(--color-neutral-700);
    }
  }
  .dark\:fill-neutral-800 {
    &:is(.dark *) {
      fill: var(--color-neutral-800);
    }
  }
  .dark\:fill-neutral-950 {
    &:is(.dark *) {
      fill: var(--color-neutral-950);
    }
  }
  .dark\:fill-none {
    &:is(.dark *) {
      fill: none;
    }
  }
  .dark\:fill-popover {
    &:is(.dark *) {
      fill: var(--popover);
    }
  }
  .dark\:fill-white {
    &:is(.dark *) {
      fill: var(--color-white);
    }
  }
  .dark\:stroke-\[\#2C353C\] {
    &:is(.dark *) {
      stroke: #2C353C;
    }
  }
  .dark\:stroke-cyan-500 {
    &:is(.dark *) {
      stroke: var(--color-cyan-500);
    }
  }
  .dark\:stroke-gray-100 {
    &:is(.dark *) {
      stroke: var(--color-gray-100);
    }
  }
  .dark\:stroke-gray-600 {
    &:is(.dark *) {
      stroke: var(--color-gray-600);
    }
  }
  .dark\:stroke-gray-700 {
    &:is(.dark *) {
      stroke: var(--color-gray-700);
    }
  }
  .dark\:stroke-neutral-50 {
    &:is(.dark *) {
      stroke: var(--color-neutral-50);
    }
  }
  .dark\:stroke-neutral-100 {
    &:is(.dark *) {
      stroke: var(--color-neutral-100);
    }
  }
  .dark\:stroke-neutral-300 {
    &:is(.dark *) {
      stroke: var(--color-neutral-300);
    }
  }
  .dark\:stroke-neutral-600 {
    &:is(.dark *) {
      stroke: var(--color-neutral-600);
    }
  }
  .dark\:stroke-neutral-700 {
    &:is(.dark *) {
      stroke: var(--color-neutral-700);
    }
  }
  .dark\:stroke-white {
    &:is(.dark *) {
      stroke: var(--color-white);
    }
  }
  .dark\:stroke-white\/10 {
    &:is(.dark *) {
      stroke: color-mix(in srgb, #fff 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        stroke: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
  }
  .dark\:stroke-zinc-50 {
    &:is(.dark *) {
      stroke: var(--color-zinc-50);
    }
  }
  .dark\:stroke-\[2\.5px\] {
    &:is(.dark *) {
      stroke-width: 2.5px;
    }
  }
  .dark\:font-light {
    &:is(.dark *) {
      --tw-font-weight: var(--font-weight-light);
      font-weight: var(--font-weight-light);
    }
  }
  .dark\:font-semibold {
    &:is(.dark *) {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .dark\:\!text-\[var\(--shiki-dark\)\] {
    &:is(.dark *) {
      color: var(--shiki-dark) !important;
    }
  }
  .dark\:text-\[\#99ceff\] {
    &:is(.dark *) {
      color: #99ceff;
    }
  }
  .dark\:text-\[\#D8D8D8\] {
    &:is(.dark *) {
      color: #D8D8D8;
    }
  }
  .dark\:text-\[rgb\(255\,255\,255\,90\%\)\] {
    &:is(.dark *) {
      color: rgb(255,255,255,90%);
    }
  }
  .dark\:text-\[var\(--diff-add-text-dark\,_\#3fb950\)\] {
    &:is(.dark *) {
      color: var(--diff-add-text-dark, #3fb950);
    }
  }
  .dark\:text-\[var\(--diff-del-text-dark\,_\#f85149\)\] {
    &:is(.dark *) {
      color: var(--diff-del-text-dark, #f85149);
    }
  }
  .dark\:text-amber-50 {
    &:is(.dark *) {
      color: var(--color-amber-50);
    }
  }
  .dark\:text-amber-200 {
    &:is(.dark *) {
      color: var(--color-amber-200);
    }
  }
  .dark\:text-amber-300 {
    &:is(.dark *) {
      color: var(--color-amber-300);
    }
  }
  .dark\:text-amber-400 {
    &:is(.dark *) {
      color: var(--color-amber-400);
    }
  }
  .dark\:text-amber-400\/80 {
    &:is(.dark *) {
      color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-amber-400) 80%, transparent);
      }
    }
  }
  .dark\:text-amber-500 {
    &:is(.dark *) {
      color: var(--color-amber-500);
    }
  }
  .dark\:text-black {
    &:is(.dark *) {
      color: var(--color-black);
    }
  }
  .dark\:text-black\/80 {
    &:is(.dark *) {
      color: color-mix(in srgb, #000 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 80%, transparent);
      }
    }
  }
  .dark\:text-blue-200 {
    &:is(.dark *) {
      color: var(--color-blue-200);
    }
  }
  .dark\:text-blue-300 {
    &:is(.dark *) {
      color: var(--color-blue-300);
    }
  }
  .dark\:text-blue-400 {
    &:is(.dark *) {
      color: var(--color-blue-400);
    }
  }
  .dark\:text-blue-400\/80 {
    &:is(.dark *) {
      color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-blue-400) 80%, transparent);
      }
    }
  }
  .dark\:text-blue-500 {
    &:is(.dark *) {
      color: var(--color-blue-500);
    }
  }
  .dark\:text-cyan-300 {
    &:is(.dark *) {
      color: var(--color-cyan-300);
    }
  }
  .dark\:text-cyan-400 {
    &:is(.dark *) {
      color: var(--color-cyan-400);
    }
  }
  .dark\:text-emerald-200 {
    &:is(.dark *) {
      color: var(--color-emerald-200);
    }
  }
  .dark\:text-emerald-300 {
    &:is(.dark *) {
      color: var(--color-emerald-300);
    }
  }
  .dark\:text-emerald-400 {
    &:is(.dark *) {
      color: var(--color-emerald-400);
    }
  }
  .dark\:text-emerald-400\/70 {
    &:is(.dark *) {
      color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-emerald-400) 70%, transparent);
      }
    }
  }
  .dark\:text-emerald-400\/80 {
    &:is(.dark *) {
      color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-emerald-400) 80%, transparent);
      }
    }
  }
  .dark\:text-emerald-500 {
    &:is(.dark *) {
      color: var(--color-emerald-500);
    }
  }
  .dark\:text-foreground {
    &:is(.dark *) {
      color: var(--foreground);
    }
  }
  .dark\:text-foreground\/80 {
    &:is(.dark *) {
      color: var(--foreground);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--foreground) 80%, transparent);
      }
    }
  }
  .dark\:text-fuchsia-400 {
    &:is(.dark *) {
      color: var(--color-fuchsia-400);
    }
  }
  .dark\:text-gray-50 {
    &:is(.dark *) {
      color: var(--color-gray-50);
    }
  }
  .dark\:text-gray-100 {
    &:is(.dark *) {
      color: var(--color-gray-100);
    }
  }
  .dark\:text-gray-200 {
    &:is(.dark *) {
      color: var(--color-gray-200);
    }
  }
  .dark\:text-gray-300 {
    &:is(.dark *) {
      color: var(--color-gray-300);
    }
  }
  .dark\:text-gray-400 {
    &:is(.dark *) {
      color: var(--color-gray-400);
    }
  }
  .dark\:text-gray-500 {
    &:is(.dark *) {
      color: var(--color-gray-500);
    }
  }
  .dark\:text-gray-600 {
    &:is(.dark *) {
      color: var(--color-gray-600);
    }
  }
  .dark\:text-gray-800 {
    &:is(.dark *) {
      color: var(--color-gray-800);
    }
  }
  .dark\:text-gray-900 {
    &:is(.dark *) {
      color: var(--color-gray-900);
    }
  }
  .dark\:text-green-300 {
    &:is(.dark *) {
      color: var(--color-green-300);
    }
  }
  .dark\:text-green-400 {
    &:is(.dark *) {
      color: var(--color-green-400);
    }
  }
  .dark\:text-green-500 {
    &:is(.dark *) {
      color: var(--color-green-500);
    }
  }
  .dark\:text-green-600 {
    &:is(.dark *) {
      color: var(--color-green-600);
    }
  }
  .dark\:text-indigo-200 {
    &:is(.dark *) {
      color: var(--color-indigo-200);
    }
  }
  .dark\:text-indigo-300 {
    &:is(.dark *) {
      color: var(--color-indigo-300);
    }
  }
  .dark\:text-indigo-400 {
    &:is(.dark *) {
      color: var(--color-indigo-400);
    }
  }
  .dark\:text-muted-foreground {
    &:is(.dark *) {
      color: var(--muted-foreground);
    }
  }
  .dark\:text-neutral-50 {
    &:is(.dark *) {
      color: var(--color-neutral-50);
    }
  }
  .dark\:text-neutral-100 {
    &:is(.dark *) {
      color: var(--color-neutral-100);
    }
  }
  .dark\:text-neutral-200 {
    &:is(.dark *) {
      color: var(--color-neutral-200);
    }
  }
  .dark\:text-neutral-300 {
    &:is(.dark *) {
      color: var(--color-neutral-300);
    }
  }
  .dark\:text-neutral-400 {
    &:is(.dark *) {
      color: var(--color-neutral-400);
    }
  }
  .dark\:text-neutral-400\/70 {
    &:is(.dark *) {
      color: color-mix(in srgb, oklch(70.8% 0 0) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-neutral-400) 70%, transparent);
      }
    }
  }
  .dark\:text-neutral-400\/80 {
    &:is(.dark *) {
      color: color-mix(in srgb, oklch(70.8% 0 0) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-neutral-400) 80%, transparent);
      }
    }
  }
  .dark\:text-neutral-500 {
    &:is(.dark *) {
      color: var(--color-neutral-500);
    }
  }
  .dark\:text-neutral-600 {
    &:is(.dark *) {
      color: var(--color-neutral-600);
    }
  }
  .dark\:text-neutral-700 {
    &:is(.dark *) {
      color: var(--color-neutral-700);
    }
  }
  .dark\:text-neutral-800 {
    &:is(.dark *) {
      color: var(--color-neutral-800);
    }
  }
  .dark\:text-neutral-900 {
    &:is(.dark *) {
      color: var(--color-neutral-900);
    }
  }
  .dark\:text-neutral-950 {
    &:is(.dark *) {
      color: var(--color-neutral-950);
    }
  }
  .dark\:text-orange-300 {
    &:is(.dark *) {
      color: var(--color-orange-300);
    }
  }
  .dark\:text-orange-400 {
    &:is(.dark *) {
      color: var(--color-orange-400);
    }
  }
  .dark\:text-pink-400 {
    &:is(.dark *) {
      color: var(--color-pink-400);
    }
  }
  .dark\:text-popover-foreground {
    &:is(.dark *) {
      color: var(--popover-foreground);
    }
  }
  .dark\:text-primary {
    &:is(.dark *) {
      color: var(--primary);
    }
  }
  .dark\:text-primary-foreground {
    &:is(.dark *) {
      color: var(--primary-foreground);
    }
  }
  .dark\:text-primary\/70 {
    &:is(.dark *) {
      color: var(--primary);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--primary) 70%, transparent);
      }
    }
  }
  .dark\:text-red-100 {
    &:is(.dark *) {
      color: var(--color-red-100);
    }
  }
  .dark\:text-red-200 {
    &:is(.dark *) {
      color: var(--color-red-200);
    }
  }
  .dark\:text-red-300 {
    &:is(.dark *) {
      color: var(--color-red-300);
    }
  }
  .dark\:text-red-400 {
    &:is(.dark *) {
      color: var(--color-red-400);
    }
  }
  .dark\:text-red-500 {
    &:is(.dark *) {
      color: var(--color-red-500);
    }
  }
  .dark\:text-rose-200 {
    &:is(.dark *) {
      color: var(--color-rose-200);
    }
  }
  .dark\:text-rose-300 {
    &:is(.dark *) {
      color: var(--color-rose-300);
    }
  }
  .dark\:text-rose-400 {
    &:is(.dark *) {
      color: var(--color-rose-400);
    }
  }
  .dark\:text-rose-400\/70 {
    &:is(.dark *) {
      color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-rose-400) 70%, transparent);
      }
    }
  }
  .dark\:text-rose-400\/80 {
    &:is(.dark *) {
      color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-rose-400) 80%, transparent);
      }
    }
  }
  .dark\:text-sky-200 {
    &:is(.dark *) {
      color: var(--color-sky-200);
    }
  }
  .dark\:text-sky-300 {
    &:is(.dark *) {
      color: var(--color-sky-300);
    }
  }
  .dark\:text-sky-400 {
    &:is(.dark *) {
      color: var(--color-sky-400);
    }
  }
  .dark\:text-slate-100 {
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .dark\:text-slate-200 {
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .dark\:text-slate-300 {
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .dark\:text-slate-400 {
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .dark\:text-transparent {
    &:is(.dark *) {
      color: transparent;
    }
  }
  .dark\:text-violet-200 {
    &:is(.dark *) {
      color: var(--color-violet-200);
    }
  }
  .dark\:text-violet-300 {
    &:is(.dark *) {
      color: var(--color-violet-300);
    }
  }
  .dark\:text-violet-400 {
    &:is(.dark *) {
      color: var(--color-violet-400);
    }
  }
  .dark\:text-violet-400\/80 {
    &:is(.dark *) {
      color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-violet-400) 80%, transparent);
      }
    }
  }
  .dark\:text-white {
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .dark\:text-white\/15 {
    &:is(.dark *) {
      color: color-mix(in srgb, #fff 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }
  }
  .dark\:text-white\/20 {
    &:is(.dark *) {
      color: color-mix(in srgb, #fff 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }
  }
  .dark\:text-white\/50 {
    &:is(.dark *) {
      color: color-mix(in srgb, #fff 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 50%, transparent);
      }
    }
  }
  .dark\:text-white\/70 {
    &:is(.dark *) {
      color: color-mix(in srgb, #fff 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 70%, transparent);
      }
    }
  }
  .dark\:text-white\/80 {
    &:is(.dark *) {
      color: color-mix(in srgb, #fff 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 80%, transparent);
      }
    }
  }
  .dark\:text-white\/90 {
    &:is(.dark *) {
      color: color-mix(in srgb, #fff 90%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 90%, transparent);
      }
    }
  }
  .dark\:text-yellow-300 {
    &:is(.dark *) {
      color: var(--color-yellow-300);
    }
  }
  .dark\:text-zinc-50 {
    &:is(.dark *) {
      color: var(--color-zinc-50);
    }
  }
  .dark\:text-zinc-100 {
    &:is(.dark *) {
      color: var(--color-zinc-100);
    }
  }
  .dark\:text-zinc-200 {
    &:is(.dark *) {
      color: var(--color-zinc-200);
    }
  }
  .dark\:text-zinc-300 {
    &:is(.dark *) {
      color: var(--color-zinc-300);
    }
  }
  .dark\:text-zinc-400 {
    &:is(.dark *) {
      color: var(--color-zinc-400);
    }
  }
  .dark\:text-zinc-500 {
    &:is(.dark *) {
      color: var(--color-zinc-500);
    }
  }
  .dark\:text-zinc-600 {
    &:is(.dark *) {
      color: var(--color-zinc-600);
    }
  }
  .dark\:text-zinc-900 {
    &:is(.dark *) {
      color: var(--color-zinc-900);
    }
  }
  .dark\:text-zinc-950 {
    &:is(.dark *) {
      color: var(--color-zinc-950);
    }
  }
  .dark\:placeholder-gray-400 {
    &:is(.dark *) {
      &::placeholder {
        color: var(--color-gray-400);
      }
    }
  }
  .dark\:opacity-0 {
    &:is(.dark *) {
      opacity: 0%;
    }
  }
  .dark\:opacity-50 {
    &:is(.dark *) {
      opacity: 50%;
    }
  }
  .dark\:opacity-60 {
    &:is(.dark *) {
      opacity: 60%;
    }
  }
  .dark\:opacity-70 {
    &:is(.dark *) {
      opacity: 70%;
    }
  }
  .dark\:opacity-\[0\.15\] {
    &:is(.dark *) {
      opacity: 0.15;
    }
  }
  .dark\:opacity-\[0\.35\] {
    &:is(.dark *) {
      opacity: 0.35;
    }
  }
  .dark\:mix-blend-overlay {
    &:is(.dark *) {
      mix-blend-mode: overlay;
    }
  }
  .dark\:mix-blend-screen {
    &:is(.dark *) {
      mix-blend-mode: screen;
    }
  }
  .dark\:shadow-\[0_0_0_1px_rgba\(255\,252\,240\,0\.08\)\,0px_2px_2px_rgba\(0\,0\,0\,0\.2\)\,0px_8px_16px_-4px_rgba\(0\,0\,0\,0\.3\)\] {
    &:is(.dark *) {
      --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(255,252,240,0.08)), 0px 2px 2px var(--tw-shadow-color, rgba(0,0,0,0.2)), 0px 8px 16px -4px var(--tw-shadow-color, rgba(0,0,0,0.3));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .dark\:shadow-\[0_0_8px_rgba\(0\,0\,0\,0\.03\)\,0_2px_6px_rgba\(0\,0\,0\,0\.08\)\,inset_3px_3px_0\.5px_-3\.5px_rgba\(255\,255\,255\,0\.09\)\,inset_-3px_-3px_0\.5px_-3\.5px_rgba\(255\,255\,255\,0\.85\)\,inset_1px_1px_1px_-0\.5px_rgba\(255\,255\,255\,0\.6\)\,inset_-1px_-1px_1px_-0\.5px_rgba\(255\,255\,255\,0\.6\)\,inset_0_0_6px_6px_rgba\(255\,255\,255\,0\.12\)\,inset_0_0_2px_2px_rgba\(255\,255\,255\,0\.06\)\,0_0_12px_rgba\(0\,0\,0\,0\.15\)\] {
    &:is(.dark *) {
      --tw-shadow: 0 0 8px var(--tw-shadow-color, rgba(0,0,0,0.03)), 0 2px 6px var(--tw-shadow-color, rgba(0,0,0,0.08)), inset 3px 3px 0.5px -3.5px var(--tw-shadow-color, rgba(255,255,255,0.09)), inset -3px -3px 0.5px -3.5px var(--tw-shadow-color, rgba(255,255,255,0.85)), inset 1px 1px 1px -0.5px var(--tw-shadow-color, rgba(255,255,255,0.6)), inset -1px -1px 1px -0.5px var(--tw-shadow-color, rgba(255,255,255,0.6)), inset 0 0 6px 6px var(--tw-shadow-color, rgba(255,255,255,0.12)), inset 0 0 2px 2px var(--tw-shadow-color, rgba(255,255,255,0.06)), 0 0 12px var(--tw-shadow-color, rgba(0,0,0,0.15));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .dark\:shadow-\[0_1\.5px_0\.5px_2\.5px_rgba\(0\,0\,0\,0\.5\)\,0_0_0\.5px_1px_\#000\,inset_0_2px_1px_1px_rgba\(0\,0\,0\,0\.25\)\,inset_0_1px_1px_1px_rgba\(255\,255\,255\,0\.2\)\] {
    &:is(.dark *) {
      --tw-shadow: 0 1.5px 0.5px 2.5px var(--tw-shadow-color, rgba(0,0,0,0.5)), 0 0 0.5px 1px var(--tw-shadow-color, #000), inset 0 2px 1px 1px var(--tw-shadow-color, rgba(0,0,0,0.25)), inset 0 1px 1px 1px var(--tw-shadow-color, rgba(255,255,255,0.2));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .dark\:shadow-\[0_1px_0_0_rgba\(255\,255\,255\,0\.03\)_inset\,0_0_0_1px_rgba\(255\,255\,255\,0\.03\)_inset\,0_0_0_1px_rgba\(0\,0\,0\,0\.1\)\,0_2px_2px_0_rgba\(0\,0\,0\,0\.1\)\,0_4px_4px_0_rgba\(0\,0\,0\,0\.1\)\,0_8px_8px_0_rgba\(0\,0\,0\,0\.1\)\] {
    &:is(.dark *) {
      --tw-shadow: 0 1px 0 0 var(--tw-shadow-color, rgba(255,255,255,0.03)) inset, 0 0 0 1px var(--tw-shadow-color, rgba(255,255,255,0.03)) inset, 0 0 0 1px var(--tw-shadow-color, rgba(0,0,0,0.1)), 0 2px 2px 0 var(--tw-shadow-color, rgba(0,0,0,0.1)), 0 4px 4px 0 var(--tw-shadow-color, rgba(0,0,0,0.1)), 0 8px 8px 0 var(--tw-shadow-color, rgba(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);
    }
  }
  .dark\:shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.3\)\] {
    &:is(.dark *) {
      --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(0,0,0,0.3));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .dark\:shadow-\[0_2px_4px_rgba\(0\,0\,0\,0\.25\)\,inset_0_1px_1px_rgba\(0\,0\,0\,0\.2\)\,inset_0_-1px_2px_rgba\(0\,0\,0\,0\.5\)\] {
    &:is(.dark *) {
      --tw-shadow: 0 2px 4px var(--tw-shadow-color, rgba(0,0,0,0.25)), inset 0 1px 1px var(--tw-shadow-color, rgba(0,0,0,0.2)), inset 0 -1px 2px var(--tw-shadow-color, rgba(0,0,0,0.5));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .dark\:shadow-\[0_2px_10px_rgba\(0\,0\,0\,0\.3\)\] {
    &:is(.dark *) {
      --tw-shadow: 0 2px 10px var(--tw-shadow-color, rgba(0,0,0,0.3));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .dark\:shadow-\[0_3px_5px_rgba\(0\,0\,0\,0\.3\)\,inset_0_0\.5px_1px_rgba\(0\,0\,0\,0\.2\)\,inset_0_-2px_3px_rgba\(0\,0\,0\,0\.6\)\] {
    &:is(.dark *) {
      --tw-shadow: 0 3px 5px var(--tw-shadow-color, rgba(0,0,0,0.3)), inset 0 0.5px 1px var(--tw-shadow-color, rgba(0,0,0,0.2)), inset 0 -2px 3px var(--tw-shadow-color, rgba(0,0,0,0.6));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .dark\:shadow-\[0_4px_6px_rgba\(0\,0\,0\,0\.35\)\,inset_0_1px_2px_rgba\(0\,0\,0\,0\.3\)\,inset_0_-2px_4px_rgba\(0\,0\,0\,0\.7\)\] {
    &:is(.dark *) {
      --tw-shadow: 0 4px 6px var(--tw-shadow-color, rgba(0,0,0,0.35)), inset 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.3)), inset 0 -2px 4px var(--tw-shadow-color, rgba(0,0,0,0.7));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .dark\:shadow-\[0_6px_8px_rgba\(0\,0\,0\,0\.4\)\,inset_0_2px_3px_rgba\(0\,0\,0\,0\.35\)\,inset_0_-3px_6px_rgba\(0\,0\,0\,0\.8\)\] {
    &:is(.dark *) {
      --tw-shadow: 0 6px 8px var(--tw-shadow-color, rgba(0,0,0,0.4)), inset 0 2px 3px var(--tw-shadow-color, rgba(0,0,0,0.35)), inset 0 -3px 6px var(--tw-shadow-color, rgba(0,0,0,0.8));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .dark\:shadow-\[0_20px_60px_rgba\(0\,0\,0\,0\.28\)\] {
    &:is(.dark *) {
      --tw-shadow: 0 20px 60px var(--tw-shadow-color, rgba(0,0,0,0.28));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .dark\:shadow-\[0_32px_64px_-16px_rgba\(0\,0\,0\,0\.8\)\] {
    &:is(.dark *) {
      --tw-shadow: 0 32px 64px -16px var(--tw-shadow-color, rgba(0,0,0,0.8));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .dark\:shadow-\[0px_0px_0px_1px_rgba\(0\,0\,0\,\.07\)\,0px_0px_0px_3px_rgba\(100\,100\,100\,0\.3\)\,0px_0px_0px_4px_rgba\(0\,0\,0\,\.08\)\] {
    &:is(.dark *) {
      --tw-shadow: 0px 0px 0px 1px var(--tw-shadow-color, rgba(0,0,0,.07)), 0px 0px 0px 3px var(--tw-shadow-color, rgba(100,100,100,0.3)), 0px 0px 0px 4px var(--tw-shadow-color, rgba(0,0,0,.08));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .dark\:shadow-\[0px_0px_1px_1px_\#404040\] {
    &:is(.dark *) {
      --tw-shadow: 0px 0px 1px 1px var(--tw-shadow-color, #404040);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .dark\:shadow-\[0px_1px_0px_0px_hsla\(0\,_0\%\,_0\%\,_0\.02\)_inset\,_0px_0px_0px_1px_hsla\(0\,_0\%\,_0\%\,_0\.02\)_inset\,_0px_0px_0px_1px_rgba\(255\,_255\,_255\,_0\.25\)\] {
    &:is(.dark *) {
      --tw-shadow: 0px 1px 0px 0px var(--tw-shadow-color, hsla(0, 0%, 0%, 0.02)) inset, 0px 0px 0px 1px var(--tw-shadow-color, hsla(0, 0%, 0%, 0.02)) inset, 0px 0px 0px 1px var(--tw-shadow-color, rgba(255, 255, 255, 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);
    }
  }
  .dark\:shadow-\[0px_1px_0px_0px_var\(--zinc-800\)_inset\,0px_-1px_0px_0px_var\(--zinc-800\)_inset\] {
    &:is(.dark *) {
      --tw-shadow: 0px 1px 0px 0px var(--tw-shadow-color, var(--zinc-800)) inset, 0px -1px 0px 0px var(--tw-shadow-color, var(--zinc-800)) inset;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .dark\:shadow-\[0px_1px_1px_0px_hsla\(0\,0\%\,100\%\,0\.02\)_inset\,0px_1px_1px_0px_rgba\(255\,255\,255\,0\.05\)_inset\,0px_0px_0px_1px_hsla\(0\,0\%\,100\%\,0\.05\)_inset\,0px_0px_1px_0px_rgba\(0\,0\,0\,0\.25\)\] {
    &:is(.dark *) {
      --tw-shadow: 0px 1px 1px 0px var(--tw-shadow-color, hsla(0,0%,100%,0.02)) inset, 0px 1px 1px 0px var(--tw-shadow-color, rgba(255,255,255,0.05)) inset, 0px 0px 0px 1px var(--tw-shadow-color, hsla(0,0%,100%,0.05)) inset, 0px 0px 1px 0px var(--tw-shadow-color, rgba(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);
    }
  }
  .dark\:shadow-\[0px_1px_1px_0px_rgba\(0\,0\,0\,0\.2\)\,0px_1px_1px_0px_rgba\(255\,255\,255\,0\.05\)_inset\,0px_0px_0px_1px_hsla\(0\,0\%\,100\%\,0\.05\)_inset\,0px_0px_1px_0px_rgba\(0\,0\,0\,0\.8\)\] {
    &:is(.dark *) {
      --tw-shadow: 0px 1px 1px 0px var(--tw-shadow-color, rgba(0,0,0,0.2)), 0px 1px 1px 0px var(--tw-shadow-color, rgba(255,255,255,0.05)) inset, 0px 0px 0px 1px var(--tw-shadow-color, hsla(0,0%,100%,0.05)) inset, 0px 0px 1px 0px var(--tw-shadow-color, rgba(0,0,0,0.8));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .dark\:shadow-\[0px_1px_1px_0px_rgba\(0\,0\,0\,0\.15\)\,0px_1px_1px_0px_rgba\(0\,0\,0\,0\.15\)_inset\,0px_0px_0px_1px_rgba\(0\,0\,0\,0\.15\)_inset\,0px_0px_1px_0px_rgba\(0\,0\,0\,0\.15\)\] {
    &:is(.dark *) {
      --tw-shadow: 0px 1px 1px 0px var(--tw-shadow-color, rgba(0,0,0,0.15)), 0px 1px 1px 0px var(--tw-shadow-color, rgba(0,0,0,0.15)) inset, 0px 0px 0px 1px var(--tw-shadow-color, rgba(0,0,0,0.15)) inset, 0px 0px 1px 0px var(--tw-shadow-color, rgba(0,0,0,0.15));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .dark\:shadow-\[0px_1px_1px_0px_rgba\(0\,_0\,_0\,_0\.2\)\,_0px_1px_1px_0px_rgba\(0\,_0\,_0\,_0\.3\)_inset\,_0px_0px_0px_1px_hsla\(0\,_0\%\,_0\%\,_0\.2\)_inset\,_0px_0px_1px_0px_rgba\(255\,_255\,_255\,_0\.1\)\] {
    &:is(.dark *) {
      --tw-shadow: 0px 1px 1px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.3)) inset, 0px 0px 0px 1px var(--tw-shadow-color, hsla(0, 0%, 0%, 0.2)) inset, 0px 0px 1px 0px var(--tw-shadow-color, rgba(255, 255, 255, 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);
    }
  }
  .dark\:shadow-\[inset_0_-1px_\#10171e\,inset_0_0_0_1px_hsla\(205\,89\%\,46\%\,\.24\)\,_0_4px_8px_\#00000052\] {
    &:is(.dark *) {
      --tw-shadow: inset 0 -1px var(--tw-shadow-color, #10171e), inset 0 0 0 1px var(--tw-shadow-color, hsla(205,89%,46%,.24)), 0 4px 8px var(--tw-shadow-color, #00000052);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .dark\:shadow-\[inset_0_0_1px_1px_hsl\(var\(--border\)\/0\.5\)\] {
    &:is(.dark *) {
      --tw-shadow: inset 0 0 1px 1px var(--tw-shadow-color, hsl(var(--border)/0.5));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .dark\:shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.12\)\,inset_0_-1px_0_rgba\(0\,0\,0\,0\.5\)\,0_1px_1px_rgba\(0\,0\,0\,0\.45\)\,0_10px_28px_rgba\(0\,0\,0\,0\.35\)\] {
    &:is(.dark *) {
      --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.12)), inset 0 -1px 0 var(--tw-shadow-color, rgba(0,0,0,0.5)), 0 1px 1px var(--tw-shadow-color, rgba(0,0,0,0.45)), 0 10px 28px var(--tw-shadow-color, rgba(0,0,0,0.35));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .dark\:shadow-none {
    &:is(.dark *) {
      --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);
    }
  }
  .dark\:ring-0 {
    &:is(.dark *) {
      --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);
    }
  }
  .dark\:inset-shadow-2xs {
    &:is(.dark *) {
      --tw-inset-shadow: inset 0 1px var(--tw-inset-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);
    }
  }
  .dark\:shadow-\[rgba\(255\,_255\,_255\,_0\.3\)_0px_1px_0px_inset\] {
    &:is(.dark *) {
      --tw-shadow-color: rgba(255, 255, 255, 0.3);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, rgba(255, 255, 255, 0.3) 0px 1px 0px inset var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .dark\:shadow-black\/25 {
    &:is(.dark *) {
      --tw-shadow-color: color-mix(in srgb, #000 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 25%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .dark\:shadow-black\/50 {
    &:is(.dark *) {
      --tw-shadow-color: color-mix(in srgb, #000 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 50%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .dark\:shadow-black\/75 {
    &:is(.dark *) {
      --tw-shadow-color: color-mix(in srgb, #000 75%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 75%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .dark\:shadow-blue-400\/25 {
    &:is(.dark *) {
      --tw-shadow-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-400) 25%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .dark\:shadow-primary\/20 {
    &:is(.dark *) {
      --tw-shadow-color: var(--primary);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--primary) 20%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .dark\:shadow-primary\/40 {
    &:is(.dark *) {
      --tw-shadow-color: var(--primary);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--primary) 40%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .dark\:ring-amber-400\/25 {
    &:is(.dark *) {
      --tw-ring-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-amber-400) 25%, transparent);
      }
    }
  }
  .dark\:ring-black\/10 {
    &:is(.dark *) {
      --tw-ring-color: color-mix(in srgb, #000 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
    }
  }
  .dark\:ring-emerald-400\/25 {
    &:is(.dark *) {
      --tw-ring-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-emerald-400) 25%, transparent);
      }
    }
  }
  .dark\:ring-emerald-900 {
    &:is(.dark *) {
      --tw-ring-color: var(--color-emerald-900);
    }
  }
  .dark\:ring-foreground\/10 {
    &:is(.dark *) {
      --tw-ring-color: var(--foreground);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
      }
    }
  }
  .dark\:ring-gray-600 {
    &:is(.dark *) {
      --tw-ring-color: var(--color-gray-600);
    }
  }
  .dark\:ring-gray-700 {
    &:is(.dark *) {
      --tw-ring-color: var(--color-gray-700);
    }
  }
  .dark\:ring-indigo-900 {
    &:is(.dark *) {
      --tw-ring-color: var(--color-indigo-900);
    }
  }
  .dark\:ring-neutral-700\/50 {
    &:is(.dark *) {
      --tw-ring-color: color-mix(in srgb, oklch(37.1% 0 0) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-neutral-700) 50%, transparent);
      }
    }
  }
  .dark\:ring-neutral-800 {
    &:is(.dark *) {
      --tw-ring-color: var(--color-neutral-800);
    }
  }
  .dark\:ring-primary\/80 {
    &:is(.dark *) {
      --tw-ring-color: var(--primary);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--primary) 80%, transparent);
      }
    }
  }
  .dark\:ring-red-700\/30 {
    &:is(.dark *) {
      --tw-ring-color: color-mix(in srgb, oklch(50.5% 0.213 27.518) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-red-700) 30%, transparent);
      }
    }
  }
  .dark\:ring-white {
    &:is(.dark *) {
      --tw-ring-color: var(--color-white);
    }
  }
  .dark\:ring-white\/5 {
    &:is(.dark *) {
      --tw-ring-color: color-mix(in srgb, #fff 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }
  }
  .dark\:ring-white\/10 {
    &:is(.dark *) {
      --tw-ring-color: color-mix(in srgb, #fff 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
  }
  .dark\:ring-zinc-800 {
    &:is(.dark *) {
      --tw-ring-color: var(--color-zinc-800);
    }
  }
  .dark\:ring-zinc-950 {
    &:is(.dark *) {
      --tw-ring-color: var(--color-zinc-950);
    }
  }
  .dark\:inset-shadow-white\/7 {
    &:is(.dark *) {
      --tw-inset-shadow-color: color-mix(in srgb, #fff 7%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-inset-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-white) 7%, transparent) var(--tw-inset-shadow-alpha), transparent);
      }
    }
  }
  .dark\:inset-shadow-white\/10 {
    &:is(.dark *) {
      --tw-inset-shadow-color: color-mix(in srgb, #fff 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-inset-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-white) 10%, transparent) var(--tw-inset-shadow-alpha), transparent);
      }
    }
  }
  .dark\:ring-offset-black {
    &:is(.dark *) {
      --tw-ring-offset-color: var(--color-black);
    }
  }
  .dark\:outline {
    &:is(.dark *) {
      outline-style: var(--tw-outline-style);
      outline-width: 1px;
    }
  }
  .dark\:outline-1 {
    &:is(.dark *) {
      outline-style: var(--tw-outline-style);
      outline-width: 1px;
    }
  }
  .dark\:-outline-offset-1 {
    &:is(.dark *) {
      outline-offset: calc(1px * -1);
    }
  }
  .dark\:outline-gray-300 {
    &:is(.dark *) {
      outline-color: var(--color-gray-300);
    }
  }
  .dark\:outline-white\/15 {
    &:is(.dark *) {
      outline-color: color-mix(in srgb, #fff 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        outline-color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }
  }
  .dark\:brightness-\[0\.2\] {
    &:is(.dark *) {
      --tw-brightness: brightness(0.2);
      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,);
    }
  }
  .dark\:drop-shadow-\[0_0_60px_rgba\(0\,0\,0\,0\.8\)\] {
    &:is(.dark *) {
      --tw-drop-shadow-size: drop-shadow(0 0 60px var(--tw-drop-shadow-color, rgba(0,0,0,0.8)));
      --tw-drop-shadow: var(--tw-drop-shadow-size);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
  }
  .dark\:drop-shadow-\[0_0px_20px_rgba\(255\,255\,255\,0\.3\)\] {
    &:is(.dark *) {
      --tw-drop-shadow-size: drop-shadow(0 0px 20px var(--tw-drop-shadow-color, rgba(255,255,255,0.3)));
      --tw-drop-shadow: var(--tw-drop-shadow-size);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
  }
  .dark\:grayscale {
    &:is(.dark *) {
      --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,);
    }
  }
  .dark\:invert {
    &:is(.dark *) {
      --tw-invert: invert(100%);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
  }
  .dark\:invert-0 {
    &:is(.dark *) {
      --tw-invert: invert(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,);
    }
  }
  .dark\:invert-75 {
    &:is(.dark *) {
      --tw-invert: invert(75%);
      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,);
    }
  }
  .dark\:invert-100 {
    &:is(.dark *) {
      --tw-invert: invert(100%);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
  }
  .dark\:\[--accent-foreground\:\#f6f3ec\] {
    &:is(.dark *) {
      --accent-foreground: #f6f3ec;
    }
  }
  .dark\:\[--accent\:\#1a1a18\] {
    &:is(.dark *) {
      --accent: #1a1a18;
    }
  }
  .dark\:\[--background\:\#111111\] {
    &:is(.dark *) {
      --background: #111111;
    }
  }
  .dark\:\[--base-color\:\#71717a\] {
    &:is(.dark *) {
      --base-color: #71717a;
    }
  }
  .dark\:\[--base-color\:var\(--muted-foreground\)\] {
    &:is(.dark *) {
      --base-color: var(--muted-foreground);
    }
  }
  .dark\:\[--base-gradient-color\:\#ffffff\] {
    &:is(.dark *) {
      --base-gradient-color: #ffffff;
    }
  }
  .dark\:\[--bg\:linear-gradient\(90deg\,\#0000_calc\(50\%-var\(--spread\)\)\,var\(--base-gradient-color\)\,\#0000_calc\(50\%\+var\(--spread\)\)\)\] {
    &:is(.dark *) {
      --bg: linear-gradient(90deg,#0000 calc(50% - var(--spread)),var(--base-gradient-color),#0000 calc(50% + var(--spread)));
    }
  }
  .dark\:\[--border\:\#2b2a25\] {
    &:is(.dark *) {
      --border: #2b2a25;
    }
  }
  .dark\:\[--brand-soft\:\#0c4a6e\] {
    &:is(.dark *) {
      --brand-soft: #0c4a6e;
    }
  }
  .dark\:\[--brand\:\#38bdf8\] {
    &:is(.dark *) {
      --brand: #38bdf8;
    }
  }
  .dark\:\[--card-foreground\:\#f6f3ec\] {
    &:is(.dark *) {
      --card-foreground: #f6f3ec;
    }
  }
  .dark\:\[--card\:\#111111\] {
    &:is(.dark *) {
      --card: #111111;
    }
  }
  .dark\:\[--chart-1\:oklch\(0\.68_0\.17_250\)\] {
    &:is(.dark *) {
      --chart-1: oklch(0.68 0.17 250);
    }
  }
  .dark\:\[--chart-2\:oklch\(0\.82_0\.09_225\)\] {
    &:is(.dark *) {
      --chart-2: oklch(0.82 0.09 225);
    }
  }
  .dark\:\[--chart-3\:oklch\(0\.58_0\.15_260\)\] {
    &:is(.dark *) {
      --chart-3: oklch(0.58 0.15 260);
    }
  }
  .dark\:\[--chart-4\:oklch\(0\.75_0\.12_235\)\] {
    &:is(.dark *) {
      --chart-4: oklch(0.75 0.12 235);
    }
  }
  .dark\:\[--chart-5\:oklch\(0\.88_0\.06_220\)\] {
    &:is(.dark *) {
      --chart-5: oklch(0.88 0.06 220);
    }
  }
  .dark\:\[--destructive\:\#f87171\] {
    &:is(.dark *) {
      --destructive: #f87171;
    }
  }
  .dark\:\[--diffs-bg-buffer-override\:\#000\] {
    &:is(.dark *) {
      --diffs-bg-buffer-override: #000;
    }
  }
  .dark\:\[--diffs-bg-context-override\:\#000\] {
    &:is(.dark *) {
      --diffs-bg-context-override: #000;
    }
  }
  .dark\:\[--diffs-bg-hover-override\:\#0a0a0a\] {
    &:is(.dark *) {
      --diffs-bg-hover-override: #0a0a0a;
    }
  }
  .dark\:\[--diffs-bg-separator-override\:\#0f0f0f\] {
    &:is(.dark *) {
      --diffs-bg-separator-override: #0f0f0f;
    }
  }
  .dark\:\[--diffs-bg\:\#000\] {
    &:is(.dark *) {
      --diffs-bg: #000;
    }
  }
  .dark\:\[--foreground\:\#f6f3ec\] {
    &:is(.dark *) {
      --foreground: #f6f3ec;
    }
  }
  .dark\:\[--gradient-end\:\#a855f7\] {
    &:is(.dark *) {
      --gradient-end: #a855f7;
    }
  }
  .dark\:\[--gradient-start\:\#60a5fa\] {
    &:is(.dark *) {
      --gradient-start: #60a5fa;
    }
  }
  .dark\:\[--input\:\#2b2a25\] {
    &:is(.dark *) {
      --input: #2b2a25;
    }
  }
  .dark\:\[--listbox-bg\:\#111827\] {
    &:is(.dark *) {
      --listbox-bg: #111827;
    }
  }
  .dark\:\[--listbox-border\:\#374151\] {
    &:is(.dark *) {
      --listbox-border: #374151;
    }
  }
  .dark\:\[--muted-foreground\:\#9a958a\] {
    &:is(.dark *) {
      --muted-foreground: #9a958a;
    }
  }
  .dark\:\[--muted\:\#171716\] {
    &:is(.dark *) {
      --muted: #171716;
    }
  }
  .dark\:\[--paper\:\#171716\] {
    &:is(.dark *) {
      --paper: #171716;
    }
  }
  .dark\:\[--pattern-fg\:var\(--color-white\)\]\/10 {
    &:is(.dark *) {
      --pattern-fg: color-mix(in srgb, #fff 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --pattern-fg: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
  }
  .dark\:\[--popover-foreground\:\#f6f3ec\] {
    &:is(.dark *) {
      --popover-foreground: #f6f3ec;
    }
  }
  .dark\:\[--primary\:\#f6f3ec\] {
    &:is(.dark *) {
      --primary: #f6f3ec;
    }
  }
  .dark\:\[--ring\:rgba\(246\,243\,236\,0\.18\)\] {
    &:is(.dark *) {
      --ring: rgba(246,243,236,0.18);
    }
  }
  .dark\:\[--secondary\:\#cbc6bb\] {
    &:is(.dark *) {
      --secondary: #cbc6bb;
    }
  }
  .dark\:\[--shadow-soft\:0_20px_44px_-28px_rgba\(0\,0\,0\,0\.6\)\] {
    &:is(.dark *) {
      --shadow-soft: 0 20px 44px -28px rgba(0,0,0,0.6);
    }
  }
  .dark\:\[--shimmer-color\:var\(--foreground\)\] {
    &:is(.dark *) {
      --shimmer-color: var(--foreground);
    }
  }
  .dark\:\[--surface-border\:\#2a2a25\] {
    &:is(.dark *) {
      --surface-border: #2a2a25;
    }
  }
  .dark\:\[-webkit-text-stroke-color\:\#fff\] {
    &:is(.dark *) {
      -webkit-text-stroke-color: #fff;
    }
  }
  .dark\:\[-webkit-text-stroke\:1\.5px_\#52525b\] {
    &:is(.dark *) {
      -webkit-text-stroke: 1.5px #52525b;
    }
  }
  .dark\:\[background\:linear-gradient\(to_bottom\,\#374151\,\#1f2937\)\] {
    &:is(.dark *) {
      background: linear-gradient(to bottom,#374151,#1f2937);
    }
  }
  .dark\:\[background\:radial-gradient\(125\%_125\%_at_50\%_-50\%\,\#6366f136_40\%\,transparent_100\%\)\] {
    &:is(.dark *) {
      background: radial-gradient(125% 125% at 50% -50%,#6366f136 40%,transparent 100%);
    }
  }
  .dark\:\[text-stroke\:1\.5px_\#52525b\] {
    &:is(.dark *) {
      text-stroke: 1.5px #52525b;
    }
  }
  .\*\:dark\:bg-muted\/50 {
    :is(& > *) {
      &:is(.dark *) {
        background-color: var(--muted);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--muted) 50%, transparent);
        }
      }
    }
  }
  .dark\:not-has-disabled\:bg-input\/32 {
    &:is(.dark *) {
      &:not(*:has(*:disabled)) {
        background-color: var(--input);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--input) 32%, transparent);
        }
      }
    }
  }
  .dark\:not-data-checked\:bg-input\/32 {
    &:is(.dark *) {
      &:not(*:where([data-state="checked"]),  *:where([data-checked]:not([data-checked="false"]))) {
        background-color: var(--input);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--input) 32%, transparent);
        }
      }
    }
  }
  .dark\:group-hover\:border-neutral-400 {
    &:is(.dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          border-color: var(--color-neutral-400);
        }
      }
    }
  }
  .dark\:group-hover\:bg-fuchsia-700 {
    &:is(.dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: var(--color-fuchsia-700);
        }
      }
    }
  }
  .dark\:group-hover\:bg-gray-900 {
    &:is(.dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: var(--color-gray-900);
        }
      }
    }
  }
  .dark\:group-hover\:bg-white {
    &:is(.dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: var(--color-white);
        }
      }
    }
  }
  .dark\:group-hover\:text-black {
    &:is(.dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-black);
        }
      }
    }
  }
  .dark\:group-hover\:text-neutral-100 {
    &:is(.dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-neutral-100);
        }
      }
    }
  }
  .dark\:group-hover\:text-white {
    &:is(.dark *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
  }
  .dark\:group-hover\/cosmic\:shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.16\)\,inset_0_-1px_0_rgba\(0\,0\,0\,0\.6\)\,0_2px_6px_rgba\(0\,0\,0\,0\.55\)\,0_14px_34px_rgba\(0\,0\,0\,0\.42\)\] {
    &:is(.dark *) {
      &:is(:where(.group\/cosmic):hover *) {
        @media (hover: hover) {
          --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.16)), inset 0 -1px 0 var(--tw-shadow-color, rgba(0,0,0,0.6)), 0 2px 6px var(--tw-shadow-color, rgba(0,0,0,0.55)), 0 14px 34px var(--tw-shadow-color, rgba(0,0,0,0.42));
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
      }
    }
  }
  .dark\:group-hover\/texture-button\:from-neutral-700 {
    &:is(.dark *) {
      &:is(:where(.group\/texture-button):hover *) {
        @media (hover: hover) {
          --tw-gradient-from: var(--color-neutral-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));
        }
      }
    }
  }
  .dark\:group-hover\/texture-button\:to-neutral-700\/60 {
    &:is(.dark *) {
      &:is(:where(.group\/texture-button):hover *) {
        @media (hover: hover) {
          --tw-gradient-to: color-mix(in srgb, oklch(37.1% 0 0) 60%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-neutral-700) 60%, 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));
        }
      }
    }
  }
  .dark\:group-active\/texture-button\:bg-neutral-800 {
    &:is(.dark *) {
      &:is(:where(.group\/texture-button):active *) {
        background-color: var(--color-neutral-800);
      }
    }
  }
  .dark\:group-active\/texture-button\:from-neutral-800 {
    &:is(.dark *) {
      &:is(:where(.group\/texture-button):active *) {
        --tw-gradient-from: var(--color-neutral-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));
      }
    }
  }
  .dark\:group-active\/texture-button\:to-neutral-700 {
    &:is(.dark *) {
      &:is(:where(.group\/texture-button):active *) {
        --tw-gradient-to: var(--color-neutral-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));
      }
    }
  }
  .dark\:group-disabled\:bg-zinc-800 {
    &:is(.dark *) {
      &:is(:where(.group):disabled *) {
        background-color: var(--color-zinc-800);
      }
    }
  }
  .dark\:group-data-\[selected\]\:text-blue-300 {
    &:is(.dark *) {
      &:is(:where(.group)[data-selected] *) {
        color: var(--color-blue-300);
      }
    }
  }
  .dark\:group-data-\[state\=open\]\:text-slate-100 {
    &:is(.dark *) {
      &:is(:where(.group)[data-state="open"] *) {
        color: var(--color-slate-100);
      }
    }
  }
  .dark\:placeholder\:text-gray-300 {
    &:is(.dark *) {
      &::placeholder {
        color: var(--color-gray-300);
      }
    }
  }
  .dark\:placeholder\:text-zinc-600 {
    &:is(.dark *) {
      &::placeholder {
        color: var(--color-zinc-600);
      }
    }
  }
  .dark\:before\:border-white\/10 {
    &:is(.dark *) {
      &::before {
        content: var(--tw-content);
        border-color: color-mix(in srgb, #fff 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
      }
    }
  }
  .dark\:before\:bg-white\/10 {
    &:is(.dark *) {
      &::before {
        content: var(--tw-content);
        background-color: color-mix(in srgb, #fff 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
      }
    }
  }
  .dark\:before\:from-zinc-950 {
    &:is(.dark *) {
      &::before {
        content: var(--tw-content);
        --tw-gradient-from: var(--color-zinc-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .dark\:before\:shadow-\[0_-1px_--theme\(--color-white\/6\%\)\] {
    &:is(.dark *) {
      &::before {
        content: var(--tw-content);
        --tw-shadow: 0 -1px var(--tw-shadow-color, color-mix(in srgb, #fff 6%, transparent));
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow: 0 -1px var(--tw-shadow-color, color-mix(in oklab, var(--color-white) 6%, transparent));
        }
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .dark\:before\:shadow-\[0_-1px_--theme\(--color-white\/8\%\)\] {
    &:is(.dark *) {
      &::before {
        content: var(--tw-content);
        --tw-shadow: 0 -1px var(--tw-shadow-color, color-mix(in srgb, #fff 8%, transparent));
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow: 0 -1px var(--tw-shadow-color, color-mix(in oklab, var(--color-white) 8%, transparent));
        }
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .dark\:before\:shadow-\[0px_2px_5px_0px_\#00ff00\] {
    &:is(.dark *) {
      &::before {
        content: var(--tw-content);
        --tw-shadow: 0px 2px 5px 0px var(--tw-shadow-color, #00ff00);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .dark\:before\:shadow-\[0px_2px_5px_0px_\#0000ff\] {
    &:is(.dark *) {
      &::before {
        content: var(--tw-content);
        --tw-shadow: 0px 2px 5px 0px var(--tw-shadow-color, #0000ff);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .dark\:before\:shadow-\[0px_2px_5px_0px_\#800080\] {
    &:is(.dark *) {
      &::before {
        content: var(--tw-content);
        --tw-shadow: 0px 2px 5px 0px var(--tw-shadow-color, #800080);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .dark\:before\:shadow-\[0px_2px_5px_0px_\#ff0000\] {
    &:is(.dark *) {
      &::before {
        content: var(--tw-content);
        --tw-shadow: 0px 2px 5px 0px var(--tw-shadow-color, #ff0000);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .dark\:before\:shadow-\[0px_2px_5px_0px_\#ffffff20\] {
    &:is(.dark *) {
      &::before {
        content: var(--tw-content);
        --tw-shadow: 0px 2px 5px 0px var(--tw-shadow-color, #ffffff20);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .dark\:before\:shadow-\[0px_2px_5px_0px_var\(--rgb-color\)\] {
    &:is(.dark *) {
      &::before {
        content: var(--tw-content);
        --tw-shadow: 0px 2px 5px 0px var(--tw-shadow-color, var(--rgb-color));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .dark\:before\:ring-border\/80 {
    &:is(.dark *) {
      &::before {
        content: var(--tw-content);
        --tw-ring-color: var(--border);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--border) 80%, transparent);
        }
      }
    }
  }
  .dark\:not-disabled\:before\:shadow-\[0_-1px_--theme\(--color-white\/2\%\)\] {
    &:is(.dark *) {
      &:not(*:disabled) {
        &::before {
          content: var(--tw-content);
          --tw-shadow: 0 -1px var(--tw-shadow-color, color-mix(in srgb, #fff 2%, transparent));
          @supports (color: color-mix(in lab, red, red)) {
            --tw-shadow: 0 -1px var(--tw-shadow-color, color-mix(in oklab, var(--color-white) 2%, transparent));
          }
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
      }
    }
  }
  .dark\:not-has-disabled\:not-has-focus-visible\:not-has-aria-invalid\:before\:shadow-\[0_-1px_--theme\(--color-white\/6\%\)\] {
    &:is(.dark *) {
      &:not(*:has(*:disabled)) {
        &:not(*:has(*:focus-visible)) {
          &:not(*:has(*[aria-invalid="true"])) {
            &::before {
              content: var(--tw-content);
              --tw-shadow: 0 -1px var(--tw-shadow-color, color-mix(in srgb, #fff 6%, transparent));
              @supports (color: color-mix(in lab, red, red)) {
                --tw-shadow: 0 -1px var(--tw-shadow-color, color-mix(in oklab, var(--color-white) 6%, transparent));
              }
              box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            }
          }
        }
      }
    }
  }
  .dark\:not-has-disabled\:not-focus-within\:not-aria-invalid\:before\:shadow-\[0_-1px_--theme\(--color-white\/6\%\)\] {
    &:is(.dark *) {
      &:not(*:has(*:disabled)) {
        &:not(*:focus-within) {
          &:not(*[aria-invalid="true"]) {
            &::before {
              content: var(--tw-content);
              --tw-shadow: 0 -1px var(--tw-shadow-color, color-mix(in srgb, #fff 6%, transparent));
              @supports (color: color-mix(in lab, red, red)) {
                --tw-shadow: 0 -1px var(--tw-shadow-color, color-mix(in oklab, var(--color-white) 6%, transparent));
              }
              box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            }
          }
        }
      }
    }
  }
  .dark\:not-disabled\:not-data-pressed\:before\:shadow-\[0_-1px_--theme\(--color-white\/2\%\)\] {
    &:is(.dark *) {
      &:not(*:disabled) {
        &:not(*[data-pressed]) {
          &::before {
            content: var(--tw-content);
            --tw-shadow: 0 -1px var(--tw-shadow-color, color-mix(in srgb, #fff 2%, transparent));
            @supports (color: color-mix(in lab, red, red)) {
              --tw-shadow: 0 -1px var(--tw-shadow-color, color-mix(in oklab, var(--color-white) 2%, transparent));
            }
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
          }
        }
      }
    }
  }
  .dark\:not-disabled\:not-active\:not-data-pressed\:before\:shadow-\[0_-1px_--theme\(--color-white\/6\%\)\] {
    &:is(.dark *) {
      &:not(*:disabled) {
        &:not(*:active) {
          &:not(*[data-pressed]) {
            &::before {
              content: var(--tw-content);
              --tw-shadow: 0 -1px var(--tw-shadow-color, color-mix(in srgb, #fff 6%, transparent));
              @supports (color: color-mix(in lab, red, red)) {
                --tw-shadow: 0 -1px var(--tw-shadow-color, color-mix(in oklab, var(--color-white) 6%, transparent));
              }
              box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            }
          }
        }
      }
    }
  }
  .dark\:not-data-disabled\:not-data-checked\:not-aria-invalid\:before\:shadow-\[0_-1px_--theme\(--color-white\/6\%\)\] {
    &:is(.dark *) {
      &:not(*:where([data-disabled="true"]),  *:where([data-disabled]:not([data-disabled="false"]))) {
        &:not(*:where([data-state="checked"]),  *:where([data-checked]:not([data-checked="false"]))) {
          &:not(*[aria-invalid="true"]) {
            &::before {
              content: var(--tw-content);
              --tw-shadow: 0 -1px var(--tw-shadow-color, color-mix(in srgb, #fff 6%, transparent));
              @supports (color: color-mix(in lab, red, red)) {
                --tw-shadow: 0 -1px var(--tw-shadow-color, color-mix(in oklab, var(--color-white) 6%, transparent));
              }
              box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            }
          }
        }
      }
    }
  }
  .dark\:after\:block {
    &:is(.dark *) {
      &::after {
        content: var(--tw-content);
        display: block;
      }
    }
  }
  .after\:dark\:\[background-image\:var\(--dark-gradient\)\,var\(--aurora\)\] {
    &::after {
      content: var(--tw-content);
      &:is(.dark *) {
        background-image: var(--dark-gradient),var(--aurora);
      }
    }
  }
  .dark\:after\:from-black\/\[0\.15\] {
    &:is(.dark *) {
      &::after {
        content: var(--tw-content);
        --tw-gradient-from: color-mix(in srgb, #000 15%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-from: color-mix(in oklab, var(--color-black) 15%, 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));
      }
    }
  }
  .dark\:after\:mix-blend-lighten {
    &:is(.dark *) {
      &::after {
        content: var(--tw-content);
        mix-blend-mode: lighten;
      }
    }
  }
  .dark\:after\:shadow-\[inset_0_0_0_1px_hsla\(0\,0\%\,100\%\,0\.2\)\] {
    &:is(.dark *) {
      &::after {
        content: var(--tw-content);
        --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, hsla(0,0%,100%,0.2));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .dark\:focus-within\:border-blue-400 {
    &:is(.dark *) {
      &:focus-within {
        border-color: var(--color-blue-400);
      }
    }
  }
  .dark\:focus-within\:border-blue-400\/50 {
    &:is(.dark *) {
      &:focus-within {
        border-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-blue-400) 50%, transparent);
        }
      }
    }
  }
  .dark\:focus-within\:bg-black {
    &:is(.dark *) {
      &:focus-within {
        background-color: var(--color-black);
      }
    }
  }
  .dark\:focus-within\:ring-blue-400\/50 {
    &:is(.dark *) {
      &:focus-within {
        --tw-ring-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--color-blue-400) 50%, transparent);
        }
      }
    }
  }
  .dark\:hover\:scrollbar-thumb-white\/25 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          --tw-scrollbar-thumb: color-mix(in srgb, #fff 25%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-scrollbar-thumb: color-mix(in oklab, var(--color-white) 25%, transparent);
          }
          scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
        }
      }
    }
  }
  .dark\:hover\:border-gray-500 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-gray-500);
        }
      }
    }
  }
  .dark\:hover\:border-gray-600 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-gray-600);
        }
      }
    }
  }
  .dark\:hover\:border-neutral-800 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-neutral-800);
        }
      }
    }
  }
  .dark\:hover\:border-ring {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--ring);
        }
      }
    }
  }
  .dark\:hover\:border-white\/60 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: color-mix(in srgb, #fff 60%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-white) 60%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:border-zinc-800 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-zinc-800);
        }
      }
    }
  }
  .dark\:hover\:bg-\[\#3b4045\] {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #3b4045;
        }
      }
    }
  }
  .dark\:hover\:bg-\[\#515151\] {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #515151;
        }
      }
    }
  }
  .dark\:hover\:bg-accent {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--accent);
        }
      }
    }
  }
  .dark\:hover\:bg-accent\/10 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--accent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--accent) 10%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-accent\/20 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--accent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--accent) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-accent\/50 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--accent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--accent) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-amber-400\/20 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-amber-400) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-black\/30 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, #000 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-black\/50 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, #000 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-black\/60 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, #000 60%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-blue-600 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-blue-600);
        }
      }
    }
  }
  .dark\:hover\:bg-destructive\/20 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--destructive);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-destructive\/30 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--destructive);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--destructive) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-destructive\/30\! {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--destructive) !important;
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--destructive) 30%, transparent) !important;
          }
        }
      }
    }
  }
  .dark\:hover\:bg-emerald-500 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-emerald-500);
        }
      }
    }
  }
  .dark\:hover\:bg-gray-200 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-gray-200);
        }
      }
    }
  }
  .dark\:hover\:bg-gray-500 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-gray-500);
        }
      }
    }
  }
  .dark\:hover\:bg-gray-600 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-gray-600);
        }
      }
    }
  }
  .dark\:hover\:bg-gray-700 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-gray-700);
        }
      }
    }
  }
  .dark\:hover\:bg-gray-800 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-gray-800);
        }
      }
    }
  }
  .dark\:hover\:bg-gray-900 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-gray-900);
        }
      }
    }
  }
  .dark\:hover\:bg-gray-900\/40 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-gray-900) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-green-400\/20 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(79.2% 0.209 151.711) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-green-400) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-indigo-900\/10 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 10%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-indigo-900) 10%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-input\/50 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--input);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--input) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-input\/64 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--input);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--input) 64%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-muted {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--muted);
        }
      }
    }
  }
  .dark\:hover\:bg-muted-foreground\/30 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--muted-foreground);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--muted-foreground) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-muted\/20 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--muted);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--muted) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-muted\/30 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--muted);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--muted) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-muted\/50 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--muted);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--muted) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-muted\/50\! {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--muted) !important;
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--muted) 50%, transparent) !important;
          }
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-50\/10 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(98.5% 0 0) 10%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-neutral-50) 10%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-100 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-neutral-100);
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-200 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-neutral-200);
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-500 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-neutral-500);
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-700 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-neutral-700);
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-700\/50 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(37.1% 0 0) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-neutral-700) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-700\/70 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(37.1% 0 0) 70%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-neutral-700) 70%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-800 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-neutral-800);
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-800\/50 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(26.9% 0 0) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-neutral-800) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-800\/80 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(26.9% 0 0) 80%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-neutral-800) 80%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-900 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-neutral-900);
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-900\/90 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(20.5% 0 0) 90%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-neutral-900) 90%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-950 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-neutral-950);
        }
      }
    }
  }
  .dark\:hover\:bg-primary\/25 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--primary);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--primary) 25%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-red-500\/20 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-red-900\/20 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-rose-500\/10 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 10%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-slate-700 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-slate-700);
        }
      }
    }
  }
  .dark\:hover\:bg-slate-800 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-slate-800);
        }
      }
    }
  }
  .dark\:hover\:bg-slate-800\/50 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-slate-800) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-white {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-white);
        }
      }
    }
  }
  .dark\:hover\:bg-white\/5 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, #fff 5%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-white\/10 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, #fff 10%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-white\/20 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, #fff 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-white\/80 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, #fff 80%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-white\/90 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, #fff 90%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-white\/\[0\.07\] {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, #fff 7.000000000000001%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 7.000000000000001%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-zinc-100 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-zinc-100);
        }
      }
    }
  }
  .dark\:hover\:bg-zinc-200 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-zinc-200);
        }
      }
    }
  }
  .dark\:hover\:bg-zinc-300 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-zinc-300);
        }
      }
    }
  }
  .dark\:hover\:bg-zinc-700 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-zinc-700);
        }
      }
    }
  }
  .dark\:hover\:bg-zinc-700\/70 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(37% 0.013 285.805) 70%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-zinc-700) 70%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-zinc-800 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-zinc-800);
        }
      }
    }
  }
  .dark\:hover\:bg-zinc-900 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-zinc-900);
        }
      }
    }
  }
  .dark\:hover\:from-\[rgba\(255\,255\,255\,0\.04\)\] {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          --tw-gradient-from: rgba(255,255,255,0.04);
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
    }
  }
  .dark\:hover\:from-indigo-400\/70 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          --tw-gradient-from: color-mix(in srgb, oklch(67.3% 0.182 276.935) 70%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-indigo-400) 70%, 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));
        }
      }
    }
  }
  .dark\:hover\:from-neutral-600\/50 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          --tw-gradient-from: color-mix(in srgb, oklch(43.9% 0 0) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-neutral-600) 50%, 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));
        }
      }
    }
  }
  .dark\:hover\:from-neutral-700 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          --tw-gradient-from: var(--color-neutral-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));
        }
      }
    }
  }
  .dark\:hover\:from-red-400\/70 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          --tw-gradient-from: color-mix(in srgb, oklch(70.4% 0.191 22.216) 70%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-red-400) 70%, 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));
        }
      }
    }
  }
  .dark\:hover\:from-stone-200 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          --tw-gradient-from: var(--color-stone-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));
        }
      }
    }
  }
  .dark\:hover\:to-\[rgba\(255\,255\,255\,0\.016\)\] {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          --tw-gradient-to: rgba(255,255,255,0.016);
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        }
      }
    }
  }
  .dark\:hover\:to-indigo-600\/70 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          --tw-gradient-to: color-mix(in srgb, oklch(51.1% 0.262 276.966) 70%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-indigo-600) 70%, 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));
        }
      }
    }
  }
  .dark\:hover\:to-neutral-200 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          --tw-gradient-to: var(--color-neutral-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));
        }
      }
    }
  }
  .dark\:hover\:to-neutral-600 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          --tw-gradient-to: var(--color-neutral-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));
        }
      }
    }
  }
  .dark\:hover\:to-neutral-600\/70 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          --tw-gradient-to: color-mix(in srgb, oklch(43.9% 0 0) 70%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-neutral-600) 70%, 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));
        }
      }
    }
  }
  .dark\:hover\:to-neutral-700\/60 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          --tw-gradient-to: color-mix(in srgb, oklch(37.1% 0 0) 60%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-neutral-700) 60%, 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));
        }
      }
    }
  }
  .dark\:hover\:to-red-500\/80 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          --tw-gradient-to: color-mix(in srgb, oklch(63.7% 0.237 25.331) 80%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-red-500) 80%, 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));
        }
      }
    }
  }
  .dark\:hover\:text-black {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-black);
        }
      }
    }
  }
  .dark\:hover\:text-blue-300 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-blue-300);
        }
      }
    }
  }
  .dark\:hover\:text-foreground {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--foreground);
        }
      }
    }
  }
  .dark\:hover\:text-gray-100 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-gray-100);
        }
      }
    }
  }
  .dark\:hover\:text-gray-200 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-gray-200);
        }
      }
    }
  }
  .dark\:hover\:text-gray-300 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-gray-300);
        }
      }
    }
  }
  .dark\:hover\:text-neutral-100 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-neutral-100);
        }
      }
    }
  }
  .dark\:hover\:text-neutral-200 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-neutral-200);
        }
      }
    }
  }
  .dark\:hover\:text-red-300 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-red-300);
        }
      }
    }
  }
  .dark\:hover\:text-red-400 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-red-400);
        }
      }
    }
  }
  .dark\:hover\:text-white {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
  }
  .dark\:hover\:text-zinc-50 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-zinc-50);
        }
      }
    }
  }
  .dark\:hover\:text-zinc-300 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-zinc-300);
        }
      }
    }
  }
  .dark\:hover\:shadow-\[0_0_20px_hsl\(var\(--primary\)\/10\%\)\] {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          --tw-shadow: 0 0 20px var(--tw-shadow-color, hsl(var(--primary)/10%));
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
      }
    }
  }
  .dark\:hover\:shadow-\[0_1\.5px_1px_0px_rgba\(0\,0\,0\,0\.2\)\,0_0_0\.5px_1px_\#000\,inset_0_0\.5px_1px_0\.5px_rgba\(255\,255\,255\,0\.2\)\] {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          --tw-shadow: 0 1.5px 1px 0px var(--tw-shadow-color, rgba(0,0,0,0.2)), 0 0 0.5px 1px var(--tw-shadow-color, #000), inset 0 0.5px 1px 0.5px var(--tw-shadow-color, rgba(255,255,255,0.2));
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
      }
    }
  }
  .dark\:hover\:shadow-\[0_2px_8px_rgba\(0\,0\,0\,0\.4\)\] {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          --tw-shadow: 0 2px 8px var(--tw-shadow-color, rgba(0,0,0,0.4));
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
      }
    }
  }
  .dark\:hover\:shadow-\[0_8px_30px_rgb\(0\,0\,0\,0\.2\)\] {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          --tw-shadow: 0 8px 30px var(--tw-shadow-color, rgb(0,0,0,0.2));
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
      }
    }
  }
  .dark\:hover\:shadow-white\/10 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          --tw-shadow-color: color-mix(in srgb, #fff 10%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-white) 10%, transparent) var(--tw-shadow-alpha), transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:brightness-110 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          --tw-brightness: brightness(110%);
          filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
        }
      }
    }
  }
  .dark\:focus\:border-blue-400 {
    &:is(.dark *) {
      &:focus {
        border-color: var(--color-blue-400);
      }
    }
  }
  .dark\:focus\:border-gray-100 {
    &:is(.dark *) {
      &:focus {
        border-color: var(--color-gray-100);
      }
    }
  }
  .dark\:focus\:border-ring {
    &:is(.dark *) {
      &:focus {
        border-color: var(--ring);
      }
    }
  }
  .dark\:focus\:border-white\/20 {
    &:is(.dark *) {
      &:focus {
        border-color: color-mix(in srgb, #fff 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
        }
      }
    }
  }
  .dark\:focus\:border-white\/40 {
    &:is(.dark *) {
      &:focus {
        border-color: color-mix(in srgb, #fff 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 40%, transparent);
        }
      }
    }
  }
  .focus\:dark\:border-ring {
    &:focus {
      &:is(.dark *) {
        border-color: var(--ring);
      }
    }
  }
  .focus\:dark\:border-white {
    &:focus {
      &:is(.dark *) {
        border-color: var(--color-white);
      }
    }
  }
  .dark\:focus\:bg-gray-800 {
    &:is(.dark *) {
      &:focus {
        background-color: var(--color-gray-800);
      }
    }
  }
  .dark\:focus\:ring-blue-400 {
    &:is(.dark *) {
      &:focus {
        --tw-ring-color: var(--color-blue-400);
      }
    }
  }
  .dark\:focus\:ring-blue-400\/50 {
    &:is(.dark *) {
      &:focus {
        --tw-ring-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--color-blue-400) 50%, transparent);
        }
      }
    }
  }
  .dark\:focus\:ring-blue-500 {
    &:is(.dark *) {
      &:focus {
        --tw-ring-color: var(--color-blue-500);
      }
    }
  }
  .dark\:focus\:ring-gray-100 {
    &:is(.dark *) {
      &:focus {
        --tw-ring-color: var(--color-gray-100);
      }
    }
  }
  .dark\:focus\:ring-slate-300 {
    &:is(.dark *) {
      &:focus {
        --tw-ring-color: var(--color-slate-300);
      }
    }
  }
  .dark\:focus\:ring-slate-400 {
    &:is(.dark *) {
      &:focus {
        --tw-ring-color: var(--color-slate-400);
      }
    }
  }
  .dark\:focus\:ring-offset-black {
    &:is(.dark *) {
      &:focus {
        --tw-ring-offset-color: var(--color-black);
      }
    }
  }
  .dark\:focus\:ring-offset-gray-800 {
    &:is(.dark *) {
      &:focus {
        --tw-ring-offset-color: var(--color-gray-800);
      }
    }
  }
  .dark\:focus\:ring-offset-slate-950 {
    &:is(.dark *) {
      &:focus {
        --tw-ring-offset-color: var(--color-slate-950);
      }
    }
  }
  .focus\:dark\:outline-ring {
    &:focus {
      &:is(.dark *) {
        outline-color: var(--ring);
      }
    }
  }
  .dark\:focus-visible\:border-zinc-100 {
    &:is(.dark *) {
      &:focus-visible {
        border-color: var(--color-zinc-100);
      }
    }
  }
  .dark\:focus-visible\:ring-blue-600 {
    &:is(.dark *) {
      &:focus-visible {
        --tw-ring-color: var(--color-blue-600);
      }
    }
  }
  .dark\:focus-visible\:ring-destructive\/40 {
    &:is(.dark *) {
      &:focus-visible {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
        }
      }
    }
  }
  .dark\:focus-visible\:ring-gray-500 {
    &:is(.dark *) {
      &:focus-visible {
        --tw-ring-color: var(--color-gray-500);
      }
    }
  }
  .dark\:focus-visible\:ring-neutral-600 {
    &:is(.dark *) {
      &:focus-visible {
        --tw-ring-color: var(--color-neutral-600);
      }
    }
  }
  .dark\:focus-visible\:ring-offset-\[\#0c0912\] {
    &:is(.dark *) {
      &:focus-visible {
        --tw-ring-offset-color: #0c0912;
      }
    }
  }
  .dark\:focus-visible\:ring-offset-gray-900 {
    &:is(.dark *) {
      &:focus-visible {
        --tw-ring-offset-color: var(--color-gray-900);
      }
    }
  }
  .dark\:focus-visible\:ring-offset-neutral-900 {
    &:is(.dark *) {
      &:focus-visible {
        --tw-ring-offset-color: var(--color-neutral-900);
      }
    }
  }
  .dark\:focus-visible\:ring-offset-zinc-900 {
    &:is(.dark *) {
      &:focus-visible {
        --tw-ring-offset-color: var(--color-zinc-900);
      }
    }
  }
  .dark\:active\:bg-gray-500 {
    &:is(.dark *) {
      &:active {
        background-color: var(--color-gray-500);
      }
    }
  }
  .dark\:active\:bg-neutral-800 {
    &:is(.dark *) {
      &:active {
        background-color: var(--color-neutral-800);
      }
    }
  }
  .dark\:active\:bg-zinc-900 {
    &:is(.dark *) {
      &:active {
        background-color: var(--color-zinc-900);
      }
    }
  }
  .dark\:active\:from-indigo-400 {
    &:is(.dark *) {
      &:active {
        --tw-gradient-from: var(--color-indigo-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));
      }
    }
  }
  .dark\:active\:from-neutral-800 {
    &:is(.dark *) {
      &:active {
        --tw-gradient-from: var(--color-neutral-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));
      }
    }
  }
  .dark\:active\:from-red-400 {
    &:is(.dark *) {
      &:active {
        --tw-gradient-from: var(--color-red-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));
      }
    }
  }
  .dark\:active\:from-stone-300 {
    &:is(.dark *) {
      &:active {
        --tw-gradient-from: var(--color-stone-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));
      }
    }
  }
  .dark\:active\:to-indigo-600 {
    &:is(.dark *) {
      &:active {
        --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));
      }
    }
  }
  .dark\:active\:to-neutral-300 {
    &:is(.dark *) {
      &:active {
        --tw-gradient-to: var(--color-neutral-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));
      }
    }
  }
  .dark\:active\:to-neutral-700 {
    &:is(.dark *) {
      &:active {
        --tw-gradient-to: var(--color-neutral-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));
      }
    }
  }
  .dark\:active\:to-red-500 {
    &:is(.dark *) {
      &:active {
        --tw-gradient-to: var(--color-red-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .dark\:enabled\:text-zinc-100 {
    &:is(.dark *) {
      &:enabled {
        color: var(--color-zinc-100);
      }
    }
  }
  .dark\:disabled\:bg-\[\#515151\] {
    &:is(.dark *) {
      &:disabled {
        background-color: #515151;
      }
    }
  }
  .dark\:disabled\:bg-input\/80 {
    &:is(.dark *) {
      &:disabled {
        background-color: var(--input);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--input) 80%, transparent);
        }
      }
    }
  }
  .dark\:disabled\:bg-transparent {
    &:is(.dark *) {
      &:disabled {
        background-color: transparent;
      }
    }
  }
  .dark\:in-data-\[slot\=tooltip-content\]\:bg-background\/10 {
    &:is(.dark *) {
      :where(*[data-slot="tooltip-content"]) & {
        background-color: var(--background);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--background) 10%, transparent);
        }
      }
    }
  }
  .dark\:not-has-disabled\:has-not-focus-visible\:not-has-aria-invalid\:before\:shadow-\[0_-1px_--theme\(--color-white\/6\%\)\] {
    &:is(.dark *) {
      &:not(*:has(*:disabled)) {
        &:has(*:not(*:focus-visible)) {
          &:not(*:has(*[aria-invalid="true"])) {
            &::before {
              content: var(--tw-content);
              --tw-shadow: 0 -1px var(--tw-shadow-color, color-mix(in srgb, #fff 6%, transparent));
              @supports (color: color-mix(in lab, red, red)) {
                --tw-shadow: 0 -1px var(--tw-shadow-color, color-mix(in oklab, var(--color-white) 6%, transparent));
              }
              box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            }
          }
        }
      }
    }
  }
  .dark\:has-autofill\:bg-foreground\/8 {
    &:is(.dark *) {
      &:has(*:autofill) {
        background-color: var(--foreground);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--foreground) 8%, transparent);
        }
      }
    }
  }
  .dark\:has-focus-visible\:ring-ring\/48 {
    &:is(.dark *) {
      &:has(*:focus-visible) {
        --tw-ring-color: var(--ring);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--ring) 48%, transparent);
        }
      }
    }
  }
  .dark\:has-disabled\:bg-input\/80 {
    &:is(.dark *) {
      &:has(*:disabled) {
        background-color: var(--input);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--input) 80%, transparent);
        }
      }
    }
  }
  .dark\:has-aria-invalid\:ring-destructive\/24 {
    &:is(.dark *) {
      &:has(*[aria-invalid="true"]) {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 24%, transparent);
        }
      }
    }
  }
  .dark\:has-aria-invalid\:ring-destructive\/40 {
    &:is(.dark *) {
      &:has(*[aria-invalid="true"]) {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
        }
      }
    }
  }
  .dark\:has-data-checked\:border-primary\/20 {
    &:is(.dark *) {
      &:has(*:where([data-state="checked"]), *:where([data-checked]:not([data-checked="false"]))) {
        border-color: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--primary) 20%, transparent);
        }
      }
    }
  }
  .dark\:has-data-checked\:bg-primary\/10 {
    &:is(.dark *) {
      &:has(*:where([data-state="checked"]), *:where([data-checked]:not([data-checked="false"]))) {
        background-color: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--primary) 10%, transparent);
        }
      }
    }
  }
  .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40 {
    &:is(.dark *) {
      &:has(*:is([data-slot][aria-invalid=true])) {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
        }
      }
    }
  }
  .dark\:aria-invalid\:border-destructive\/50 {
    &:is(.dark *) {
      &[aria-invalid="true"] {
        border-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
        }
      }
    }
  }
  .dark\:aria-invalid\:ring-destructive\/24 {
    &:is(.dark *) {
      &[aria-invalid="true"] {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 24%, transparent);
        }
      }
    }
  }
  .dark\:aria-invalid\:ring-destructive\/40 {
    &:is(.dark *) {
      &[aria-invalid="true"] {
        --tw-ring-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
        }
      }
    }
  }
  .dark\:aria-\[checked\=true\]\:border-indigo-600\/50 {
    &:is(.dark *) {
      &[aria-checked="true"] {
        border-color: color-mix(in srgb, oklch(51.1% 0.262 276.966) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-indigo-600) 50%, transparent);
        }
      }
    }
  }
  .dark\:aria-\[checked\=true\]\:bg-indigo-900\/30 {
    &:is(.dark *) {
      &[aria-checked="true"] {
        background-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-indigo-900) 30%, transparent);
        }
      }
    }
  }
  .dark\:data-highlighted\:bg-gray-700 {
    &:is(.dark *) {
      &[data-highlighted] {
        background-color: var(--color-gray-700);
      }
    }
  }
  .dark\:data-highlighted\:bg-gray-800 {
    &:is(.dark *) {
      &[data-highlighted] {
        background-color: var(--color-gray-800);
      }
    }
  }
  .dark\:data-hover\:border-gray-400 {
    &:is(.dark *) {
      &[data-hover] {
        border-color: var(--color-gray-400);
      }
    }
  }
  .dark\:data-incomplete\:border-gray-600 {
    &:is(.dark *) {
      &[data-incomplete] {
        border-color: var(--color-gray-600);
      }
    }
  }
  .dark\:data-incomplete\:bg-gray-700 {
    &:is(.dark *) {
      &[data-incomplete] {
        background-color: var(--color-gray-700);
      }
    }
  }
  .dark\:data-incomplete\:text-gray-300 {
    &:is(.dark *) {
      &[data-incomplete] {
        color: var(--color-gray-300);
      }
    }
  }
  .dark\:data-nested-drawer-open\:bg-\[color-mix\(in_srgb\,var\(--popover\)\,var\(--color-black\)_calc\(6\%\*\(var\(--nested-drawers\)-var\(--stack-progress\)\)\)\)\] {
    &:is(.dark *) {
      &[data-nested-drawer-open] {
        background-color: var(--popover);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in srgb,var(--popover),var(--color-black) calc(6% * (var(--nested-drawers) - var(--stack-progress))));
        }
      }
    }
  }
  .dark\:data-outside-range\:text-gray-500 {
    &:is(.dark *) {
      &[data-outside-range] {
        color: var(--color-gray-500);
      }
    }
  }
  .dark\:data-pressed\:bg-input {
    &:is(.dark *) {
      &[data-pressed] {
        background-color: var(--input);
      }
    }
  }
  .dark\:data-today\:after\:bg-gray-300 {
    &:is(.dark *) {
      &[data-today] {
        &::after {
          content: var(--tw-content);
          background-color: var(--color-gray-300);
        }
      }
    }
  }
  .dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40 {
    &:is(.dark *) {
      &[data-active="true"] {
        &[aria-invalid="true"] {
          --tw-ring-color: var(--destructive);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:data-\[checked\]\:shadow-none {
    &:is(.dark *) {
      &[data-checked] {
        --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);
      }
    }
  }
  .dark\:data-\[highlighted\]\:bg-zinc-800 {
    &:is(.dark *) {
      &[data-highlighted] {
        background-color: var(--color-zinc-800);
      }
    }
  }
  .dark\:data-\[orientation\=horizontal\]\:bg-\[linear-gradient\(90deg\,var\(--ring\)_75\%\,transparent_75\%\)\] {
    &:is(.dark *) {
      &[data-orientation="horizontal"] {
        background-image: linear-gradient(90deg,var(--ring) 75%,transparent 75%);
      }
    }
  }
  .dark\:data-\[orientation\=vertical\]\:bg-\[linear-gradient\(0deg\,var\(--ring\)_75\%\,transparent_75\%\)\] {
    &:is(.dark *) {
      &[data-orientation="vertical"] {
        background-image: linear-gradient(0deg,var(--ring) 75%,transparent 75%);
      }
    }
  }
  .dark\:data-\[selected\]\:bg-blue-900\/30 {
    &:is(.dark *) {
      &[data-selected] {
        background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent);
        }
      }
    }
  }
  .dark\:data-\[selected\]\:text-blue-300 {
    &:is(.dark *) {
      &[data-selected] {
        color: var(--color-blue-300);
      }
    }
  }
  .dark\:data-\[selected\]\:ring-blue-800\/30 {
    &:is(.dark *) {
      &[data-selected] {
        --tw-ring-color: color-mix(in srgb, oklch(42.4% 0.199 265.638) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--color-blue-800) 30%, transparent);
        }
      }
    }
  }
  .dark\:data-\[selected\=true\]\:border-zinc-200 {
    &:is(.dark *) {
      &[data-selected="true"] {
        border-color: var(--color-zinc-200);
      }
    }
  }
  .dark\:data-\[selected\=true\]\:text-zinc-950 {
    &:is(.dark *) {
      &[data-selected="true"] {
        color: var(--color-zinc-950);
      }
    }
  }
  .dark\:data-\[selected\=true\]\:after\:bg-zinc-200 {
    &:is(.dark *) {
      &[data-selected="true"] {
        &::after {
          content: var(--tw-content);
          background-color: var(--color-zinc-200);
        }
      }
    }
  }
  .dark\:\*\:data-\[slot\=card\]\:bg-card {
    &:is(.dark *) {
      :is(& > *) {
        &[data-slot="card"] {
          background-color: var(--card);
        }
      }
    }
  }
  .\*\:data-\[slot\=sidebar-inner\]\:dark\:bg-\[radial-gradient\(60\%_18\%_at_10\%_0\%\,--theme\(--color-foreground\/\.08\)\,transparent\)\] {
    :is(& > *) {
      &[data-slot="sidebar-inner"] {
        &:is(.dark *) {
          background-image: radial-gradient(60% 18% at 10% 0%,var(--foreground),transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-image: radial-gradient(60% 18% at 10% 0%,color-mix(in oklab, var(--foreground) 8%, transparent),transparent);
          }
        }
      }
    }
  }
  .dark\:data-\[state\=active\]\:bg-neutral-800 {
    &:is(.dark *) {
      &[data-state="active"] {
        background-color: var(--color-neutral-800);
      }
    }
  }
  .dark\:data-\[state\=active\]\:text-neutral-100 {
    &:is(.dark *) {
      &[data-state="active"] {
        color: var(--color-neutral-100);
      }
    }
  }
  .dark\:group-data-\[variant\=pills\]\/tabs-list\:data-\[state\=active\]\:text-primary-foreground {
    &:is(.dark *) {
      &:is(:where(.group\/tabs-list)[data-variant="pills"] *) {
        &[data-state="active"] {
          color: var(--primary-foreground);
        }
      }
    }
  }
  .dark\:data-\[state\=checked\]\:border-blue-500 {
    &:is(.dark *) {
      &[data-state="checked"] {
        border-color: var(--color-blue-500);
      }
    }
  }
  .dark\:data-\[state\=checked\]\:bg-blue-500 {
    &:is(.dark *) {
      &[data-state="checked"] {
        background-color: var(--color-blue-500);
      }
    }
  }
  .dark\:data-\[state\=checked\]\:bg-gray-700 {
    &:is(.dark *) {
      &[data-state="checked"] {
        background-color: var(--color-gray-700);
      }
    }
  }
  .dark\:data-\[state\=checked\]\:bg-primary-foreground {
    &:is(.dark *) {
      &[data-state="checked"] {
        background-color: var(--primary-foreground);
      }
    }
  }
  .dark\:data-\[state\=checked\]\:text-white {
    &:is(.dark *) {
      &[data-state="checked"] {
        color: var(--color-white);
      }
    }
  }
  .dark\:data-\[state\=on\]\:border-blue-600 {
    &:is(.dark *) {
      &[data-state="on"] {
        border-color: var(--color-blue-600);
      }
    }
  }
  .dark\:data-\[state\=on\]\:bg-blue-900\/30 {
    &:is(.dark *) {
      &[data-state="on"] {
        background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent);
        }
      }
    }
  }
  .dark\:data-\[state\=on\]\:bg-gray-600 {
    &:is(.dark *) {
      &[data-state="on"] {
        background-color: var(--color-gray-600);
      }
    }
  }
  .dark\:data-\[state\=on\]\:text-blue-300 {
    &:is(.dark *) {
      &[data-state="on"] {
        color: var(--color-blue-300);
      }
    }
  }
  .dark\:data-\[state\=on\]\:text-white {
    &:is(.dark *) {
      &[data-state="on"] {
        color: var(--color-white);
      }
    }
  }
  .dark\:data-\[state\=open\]\:border-ring {
    &:is(.dark *) {
      &[data-state="open"] {
        border-color: var(--ring);
      }
    }
  }
  .data-\[state\=open\]\:dark\:border-ring {
    &[data-state="open"] {
      &:is(.dark *) {
        border-color: var(--ring);
      }
    }
  }
  .dark\:data-\[state\=open\]\:text-slate-100 {
    &:is(.dark *) {
      &[data-state="open"] {
        color: var(--color-slate-100);
      }
    }
  }
  .dark\:data-\[state\=unchecked\]\:bg-foreground {
    &:is(.dark *) {
      &[data-state="unchecked"] {
        background-color: var(--foreground);
      }
    }
  }
  .dark\:data-\[state\=unchecked\]\:bg-input\/80 {
    &:is(.dark *) {
      &[data-state="unchecked"] {
        background-color: var(--input);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--input) 80%, transparent);
        }
      }
    }
  }
  .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20 {
    &:is(.dark *) {
      &[data-variant="destructive"] {
        &:focus {
          background-color: var(--destructive);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:sm\:shadow-\[inset_0_0_2px_1px_hsl\(var\(--border\)\/0\.5\)\] {
    &:is(.dark *) {
      @media (width >= 40rem) {
        --tw-shadow: inset 0 0 2px 1px var(--tw-shadow-color, hsl(var(--border)/0.5));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .dark\:lg\:bg-transparent {
    &:is(.dark *) {
      @media (width >= 64rem) {
        background-color: transparent;
      }
    }
  }
  .pointer-coarse\:after\:absolute {
    @media (pointer: coarse) {
      &::after {
        content: var(--tw-content);
        position: absolute;
      }
    }
  }
  .pointer-coarse\:after\:size-full {
    @media (pointer: coarse) {
      &::after {
        content: var(--tw-content);
        width: 100%;
        height: 100%;
      }
    }
  }
  .pointer-coarse\:after\:min-h-11 {
    @media (pointer: coarse) {
      &::after {
        content: var(--tw-content);
        min-height: calc(var(--spacing) * 11);
      }
    }
  }
  .pointer-coarse\:after\:min-w-11 {
    @media (pointer: coarse) {
      &::after {
        content: var(--tw-content);
        min-width: calc(var(--spacing) * 11);
      }
    }
  }
  .data-open\:animate-accordion-down {
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      animation: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
  }
  .data-open\:animate-in {
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
  }
  .data-open\:bg-accent {
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      background-color: var(--accent);
    }
  }
  .data-open\:bg-muted\/50 {
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      background-color: var(--muted);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }
  }
  .data-open\:text-accent-foreground {
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      color: var(--accent-foreground);
    }
  }
  .data-open\:fade-in-0 {
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      --tw-enter-opacity: calc(0/100);
      --tw-enter-opacity: 0;
    }
  }
  .data-open\:zoom-in-90 {
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      --tw-enter-scale: calc(90*1%);
      --tw-enter-scale: .9;
    }
  }
  .data-open\:zoom-in-95 {
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      --tw-enter-scale: calc(95*1%);
      --tw-enter-scale: .95;
    }
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:data-open\:animate-in {
    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
      &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
        animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
      }
    }
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:data-open\:fade-in-0 {
    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
      &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
        --tw-enter-opacity: calc(0/100);
        --tw-enter-opacity: 0;
      }
    }
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:data-open\:zoom-in-95 {
    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
      &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
        --tw-enter-scale: calc(95*1%);
        --tw-enter-scale: .95;
      }
    }
  }
  .data-open\:hover\:bg-muted {
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--muted);
        }
      }
    }
  }
  .data-open\:hover\:bg-sidebar-accent {
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--sidebar-accent);
        }
      }
    }
  }
  .data-open\:hover\:text-sidebar-accent-foreground {
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      &:hover {
        @media (hover: hover) {
          color: var(--sidebar-accent-foreground);
        }
      }
    }
  }
  .data-open\:focus\:bg-muted {
    &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
      &:focus {
        background-color: var(--muted);
      }
    }
  }
  .data-\[side\=bottom\]\:data-open\:slide-in-from-bottom-10 {
    &[data-side="bottom"] {
      &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
        --tw-enter-translate-y: calc(10*var(--spacing));
        --tw-enter-translate-y: calc(.1*100%);
      }
    }
  }
  .data-\[side\=left\]\:data-open\:slide-in-from-left-10 {
    &[data-side="left"] {
      &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
        --tw-enter-translate-x: calc(10*var(--spacing)*-1);
        --tw-enter-translate-x: calc(.1*-100%);
      }
    }
  }
  .data-\[side\=right\]\:data-open\:slide-in-from-right-10 {
    &[data-side="right"] {
      &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
        --tw-enter-translate-x: calc(10*var(--spacing));
        --tw-enter-translate-x: calc(.1*100%);
      }
    }
  }
  .data-\[side\=top\]\:data-open\:slide-in-from-top-10 {
    &[data-side="top"] {
      &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
        --tw-enter-translate-y: calc(10*var(--spacing)*-1);
        --tw-enter-translate-y: calc(.1*-100%);
      }
    }
  }
  .data-closed\:animate-accordion-up {
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      animation: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
  }
  .data-closed\:animate-out {
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
  }
  .data-closed\:fade-out-0 {
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      --tw-exit-opacity: calc(0/100);
      --tw-exit-opacity: 0;
    }
  }
  .data-closed\:zoom-out-90 {
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      --tw-exit-scale: calc(90*1%);
      --tw-exit-scale: .9;
    }
  }
  .data-closed\:zoom-out-95 {
    &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
      --tw-exit-scale: calc(95*1%);
      --tw-exit-scale: .95;
    }
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:data-closed\:animate-out {
    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
      &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
        animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
      }
    }
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:data-closed\:fade-out-0 {
    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
      &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
        --tw-exit-opacity: calc(0/100);
        --tw-exit-opacity: 0;
      }
    }
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:data-closed\:zoom-out-95 {
    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
      &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
        --tw-exit-scale: calc(95*1%);
        --tw-exit-scale: .95;
      }
    }
  }
  .data-\[side\=bottom\]\:data-closed\:slide-out-to-bottom-10 {
    &[data-side="bottom"] {
      &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
        --tw-exit-translate-y: calc(10*var(--spacing));
        --tw-exit-translate-y: calc(.1*100%);
      }
    }
  }
  .data-\[side\=left\]\:data-closed\:slide-out-to-left-10 {
    &[data-side="left"] {
      &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
        --tw-exit-translate-x: calc(10*var(--spacing)*-1);
        --tw-exit-translate-x: calc(.1*-100%);
      }
    }
  }
  .data-\[side\=right\]\:data-closed\:slide-out-to-right-10 {
    &[data-side="right"] {
      &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
        --tw-exit-translate-x: calc(10*var(--spacing));
        --tw-exit-translate-x: calc(.1*100%);
      }
    }
  }
  .data-\[side\=top\]\:data-closed\:slide-out-to-top-10 {
    &[data-side="top"] {
      &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
        --tw-exit-translate-y: calc(10*var(--spacing)*-1);
        --tw-exit-translate-y: calc(.1*-100%);
      }
    }
  }
  .data-checked\:origin-\[var\(--thumb-size\)_50\%\] {
    &:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) {
      transform-origin: var(--thumb-size) 50%;
    }
  }
  .data-checked\:translate-x-\[calc\(var\(--thumb-size\)-4px\)\] {
    &:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) {
      --tw-translate-x: calc(var(--thumb-size) - 4px);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .data-checked\:border-primary {
    &:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) {
      border-color: var(--primary);
    }
  }
  .data-checked\:bg-primary {
    &:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) {
      background-color: var(--primary);
    }
  }
  .data-checked\:text-primary-foreground {
    &:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) {
      color: var(--primary-foreground);
    }
  }
  .group-data-\[size\=default\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\] {
    &:is(:where(.group\/switch)[data-size="default"] *) {
      &:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) {
        --tw-translate-x: calc(100% - 2px);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-data-\[size\=sm\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\] {
    &:is(:where(.group\/switch)[data-size="sm"] *) {
      &:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) {
        --tw-translate-x: calc(100% - 2px);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .dark\:data-checked\:bg-primary {
    &:is(.dark *) {
      &:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) {
        background-color: var(--primary);
      }
    }
  }
  .dark\:data-checked\:bg-primary-foreground {
    &:is(.dark *) {
      &:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) {
        background-color: var(--primary-foreground);
      }
    }
  }
  .data-unchecked\:hidden {
    &:where([data-state="unchecked"]), &:where([data-unchecked]:not([data-unchecked="false"])) {
      display: none;
    }
  }
  .data-unchecked\:bg-input {
    &:where([data-state="unchecked"]), &:where([data-unchecked]:not([data-unchecked="false"])) {
      background-color: var(--input);
    }
  }
  .group-data-\[size\=default\]\/switch\:data-unchecked\:translate-x-0 {
    &:is(:where(.group\/switch)[data-size="default"] *) {
      &:where([data-state="unchecked"]), &:where([data-unchecked]:not([data-unchecked="false"])) {
        --tw-translate-x: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-data-\[size\=sm\]\/switch\:data-unchecked\:translate-x-0 {
    &:is(:where(.group\/switch)[data-size="sm"] *) {
      &:where([data-state="unchecked"]), &:where([data-unchecked]:not([data-unchecked="false"])) {
        --tw-translate-x: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .dark\:data-unchecked\:bg-foreground {
    &:is(.dark *) {
      &:where([data-state="unchecked"]), &:where([data-unchecked]:not([data-unchecked="false"])) {
        background-color: var(--foreground);
      }
    }
  }
  .dark\:data-unchecked\:bg-input\/80 {
    &:is(.dark *) {
      &:where([data-state="unchecked"]), &:where([data-unchecked]:not([data-unchecked="false"])) {
        background-color: var(--input);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--input) 80%, transparent);
        }
      }
    }
  }
  .data-selected\:rounded-lg {
    &:where([data-selected="true"]) {
      border-radius: var(--radius);
    }
  }
  .data-selected\:bg-accent\/50 {
    &:where([data-selected="true"]) {
      background-color: var(--accent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--accent) 50%, transparent);
      }
    }
  }
  .data-selected\:bg-gray-900 {
    &:where([data-selected="true"]) {
      background-color: var(--color-gray-900);
    }
  }
  .data-selected\:bg-muted {
    &:where([data-selected="true"]) {
      background-color: var(--muted);
    }
  }
  .data-selected\:bg-white {
    &:where([data-selected="true"]) {
      background-color: var(--color-white);
    }
  }
  .data-selected\:text-foreground {
    &:where([data-selected="true"]) {
      color: var(--foreground);
    }
  }
  .data-selected\:text-gray-900 {
    &:where([data-selected="true"]) {
      color: var(--color-gray-900);
    }
  }
  .data-selected\:text-muted-foreground {
    &:where([data-selected="true"]) {
      color: var(--muted-foreground);
    }
  }
  .data-selected\:text-white {
    &:where([data-selected="true"]) {
      color: var(--color-white);
    }
  }
  .data-selected\:shadow-sm {
    &:where([data-selected="true"]) {
      --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);
    }
  }
  .data-selected\:data-today\:after\:bg-white {
    &:where([data-selected="true"]) {
      &[data-today] {
        &::after {
          content: var(--tw-content);
          background-color: var(--color-white);
        }
      }
    }
  }
  .dark\:data-selected\:bg-gray-200 {
    &:is(.dark *) {
      &:where([data-selected="true"]) {
        background-color: var(--color-gray-200);
      }
    }
  }
  .dark\:data-selected\:bg-gray-800 {
    &:is(.dark *) {
      &:where([data-selected="true"]) {
        background-color: var(--color-gray-800);
      }
    }
  }
  .dark\:data-selected\:text-gray-100 {
    &:is(.dark *) {
      &:where([data-selected="true"]) {
        color: var(--color-gray-100);
      }
    }
  }
  .dark\:data-selected\:text-gray-900 {
    &:is(.dark *) {
      &:where([data-selected="true"]) {
        color: var(--color-gray-900);
      }
    }
  }
  .dark\:data-selected\:data-today\:after\:bg-gray-900 {
    &:is(.dark *) {
      &:where([data-selected="true"]) {
        &[data-today] {
          &::after {
            content: var(--tw-content);
            background-color: var(--color-gray-900);
          }
        }
      }
    }
  }
  .data-disabled\:pointer-events-none {
    &:where([data-disabled="true"]), &:where([data-disabled]:not([data-disabled="false"])) {
      pointer-events: none;
    }
  }
  .data-disabled\:cursor-not-allowed {
    &:where([data-disabled="true"]), &:where([data-disabled]:not([data-disabled="false"])) {
      cursor: not-allowed;
    }
  }
  .data-disabled\:opacity-40 {
    &:where([data-disabled="true"]), &:where([data-disabled]:not([data-disabled="false"])) {
      opacity: 40%;
    }
  }
  .data-disabled\:opacity-50 {
    &:where([data-disabled="true"]), &:where([data-disabled]:not([data-disabled="false"])) {
      opacity: 50%;
    }
  }
  .data-disabled\:opacity-64 {
    &:where([data-disabled="true"]), &:where([data-disabled]:not([data-disabled="false"])) {
      opacity: 64%;
    }
  }
  .data-active\:bg-background {
    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
      background-color: var(--background);
    }
  }
  .data-active\:bg-muted {
    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
      background-color: var(--muted);
    }
  }
  .data-active\:bg-muted\/50 {
    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
      background-color: var(--muted);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }
  }
  .data-active\:bg-sidebar-accent {
    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
      background-color: var(--sidebar-accent);
    }
  }
  .data-active\:font-medium {
    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .data-active\:text-foreground {
    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
      color: var(--foreground);
    }
  }
  .data-active\:text-sidebar-accent-foreground {
    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
      color: var(--sidebar-accent-foreground);
    }
  }
  .group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm {
    &:is(:where(.group\/tabs-list)[data-variant="default"] *) {
      &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
        --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);
      }
    }
  }
  .group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent {
    &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
      &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
        background-color: transparent;
      }
    }
  }
  .group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none {
    &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
      &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
        --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);
      }
    }
  }
  .group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100 {
    &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
      &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
        &::after {
          content: var(--tw-content);
          opacity: 100%;
        }
      }
    }
  }
  .data-active\:hover\:bg-muted {
    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--muted);
        }
      }
    }
  }
  .data-active\:focus\:bg-muted {
    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
      &:focus {
        background-color: var(--muted);
      }
    }
  }
  .dark\:data-active\:border-input {
    &:is(.dark *) {
      &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
        border-color: var(--input);
      }
    }
  }
  .dark\:data-active\:bg-input\/30 {
    &:is(.dark *) {
      &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
        background-color: var(--input);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--input) 30%, transparent);
        }
      }
    }
  }
  .dark\:data-active\:text-foreground {
    &:is(.dark *) {
      &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
        color: var(--foreground);
      }
    }
  }
  .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent {
    &:is(.dark *) {
      &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
        &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
          border-color: transparent;
        }
      }
    }
  }
  .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent {
    &:is(.dark *) {
      &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
        &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
          background-color: transparent;
        }
      }
    }
  }
  .data-horizontal\:h-1 {
    &:where([data-orientation="horizontal"]) {
      height: calc(var(--spacing) * 1);
    }
  }
  .data-horizontal\:h-2\.5 {
    &:where([data-orientation="horizontal"]) {
      height: calc(var(--spacing) * 2.5);
    }
  }
  .data-horizontal\:h-full {
    &:where([data-orientation="horizontal"]) {
      height: 100%;
    }
  }
  .data-horizontal\:h-px {
    &:where([data-orientation="horizontal"]) {
      height: 1px;
    }
  }
  .data-horizontal\:w-full {
    &:where([data-orientation="horizontal"]) {
      width: 100%;
    }
  }
  .data-horizontal\:flex-col {
    &:where([data-orientation="horizontal"]) {
      flex-direction: column;
    }
  }
  .data-horizontal\:border-t {
    &:where([data-orientation="horizontal"]) {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
  }
  .data-horizontal\:border-t-transparent {
    &:where([data-orientation="horizontal"]) {
      border-top-color: transparent;
    }
  }
  .data-vertical\:h-full {
    &:where([data-orientation="vertical"]) {
      height: 100%;
    }
  }
  .data-vertical\:min-h-40 {
    &:where([data-orientation="vertical"]) {
      min-height: calc(var(--spacing) * 40);
    }
  }
  .data-vertical\:w-1 {
    &:where([data-orientation="vertical"]) {
      width: calc(var(--spacing) * 1);
    }
  }
  .data-vertical\:w-2\.5 {
    &:where([data-orientation="vertical"]) {
      width: calc(var(--spacing) * 2.5);
    }
  }
  .data-vertical\:w-auto {
    &:where([data-orientation="vertical"]) {
      width: auto;
    }
  }
  .data-vertical\:w-full {
    &:where([data-orientation="vertical"]) {
      width: 100%;
    }
  }
  .data-vertical\:w-px {
    &:where([data-orientation="vertical"]) {
      width: 1px;
    }
  }
  .data-vertical\:flex-col {
    &:where([data-orientation="vertical"]) {
      flex-direction: column;
    }
  }
  .data-vertical\:items-stretch {
    &:where([data-orientation="vertical"]) {
      align-items: stretch;
    }
  }
  .data-vertical\:self-stretch {
    &:where([data-orientation="vertical"]) {
      align-self: stretch;
    }
  }
  .data-vertical\:border-l {
    &:where([data-orientation="vertical"]) {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }
  .data-vertical\:border-l-transparent {
    &:where([data-orientation="vertical"]) {
      border-left-color: transparent;
    }
  }
  .\[\&_\#subtitle\]\:mt-4 {
    & #subtitle {
      margin-top: calc(var(--spacing) * 4);
    }
  }
  .\[\&_\#subtitle\]\:text-sm {
    & #subtitle {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .\[\&_\#subtitle\]\:tracking-\[0\.35em\] {
    & #subtitle {
      --tw-tracking: 0.35em;
      letter-spacing: 0.35em;
    }
  }
  .\[\&_\#subtitle\]\:text-indigo-200\/70 {
    & #subtitle {
      color: color-mix(in srgb, oklch(87% 0.065 274.039) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-indigo-200) 70%, transparent);
      }
    }
  }
  .\[\&_\#title\]\:text-4xl {
    & #title {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .\[\&_\#title\]\:font-semibold {
    & #title {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .\[\&_\#title\]\:tracking-tight {
    & #title {
      --tw-tracking: var(--tracking-tight);
      letter-spacing: var(--tracking-tight);
    }
  }
  .md\:\[\&_\#title\]\:text-6xl {
    @media (width >= 48rem) {
      & #title {
        font-size: var(--text-6xl);
        line-height: var(--tw-leading, var(--text-6xl--line-height));
      }
    }
  }
  .\[\&_\*\]\:\!min-h-0 {
    & * {
      min-height: calc(var(--spacing) * 0) !important;
    }
  }
  .\[\&_\*\]\:text-white {
    & * {
      color: var(--color-white);
    }
  }
  .\[\&_\*\[role\=option\]\]\:ps-2 {
    & *[role=option] {
      padding-inline-start: calc(var(--spacing) * 2);
    }
  }
  .\[\&_\*\[role\=option\]\]\:pe-8 {
    & *[role=option] {
      padding-inline-end: calc(var(--spacing) * 8);
    }
  }
  .\[\&_\*\[role\=option\]\>span\]\:start-auto {
    & *[role=option]>span {
      inset-inline-start: auto;
    }
  }
  .\[\&_\*\[role\=option\]\>span\]\:end-2 {
    & *[role=option]>span {
      inset-inline-end: calc(var(--spacing) * 2);
    }
  }
  .\[\&_\*\[role\=option\]\>span\]\:flex {
    & *[role=option]>span {
      display: flex;
    }
  }
  .\[\&_\*\[role\=option\]\>span\]\:items-center {
    & *[role=option]>span {
      align-items: center;
    }
  }
  .\[\&_\*\[role\=option\]\>span\]\:gap-2 {
    & *[role=option]>span {
      gap: calc(var(--spacing) * 2);
    }
  }
  .\[\&_\*\[role\=option\]\>span\>svg\]\:shrink-0 {
    & *[role=option]>span>svg {
      flex-shrink: 0;
    }
  }
  .\[\&_\.ProseMirror-selectednode\]\:rounded {
    & .ProseMirror-selectednode {
      border-radius: 0.25rem;
    }
  }
  .\[\&_\.ProseMirror-selectednode\]\:outline {
    & .ProseMirror-selectednode {
      outline-style: var(--tw-outline-style);
      outline-width: 1px;
    }
  }
  .\[\&_\.ProseMirror-selectednode\]\:outline-2 {
    & .ProseMirror-selectednode {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
    }
  }
  .\[\&_\.ProseMirror-selectednode\]\:outline-blue-500\/50 {
    & .ProseMirror-selectednode {
      outline-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        outline-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent);
      }
    }
  }
  .\[\&_\.content\]\:relative {
    & .content {
      position: relative;
    }
  }
  .\[\&_\.content\]\:z-20 {
    & .content {
      z-index: 20;
    }
  }
  .\[\&_\.cosmic-parallax-container\]\:contents {
    & .cosmic-parallax-container {
      display: contents;
    }
  }
  .\[\&_\.description\]\:mt-5 {
    & .description {
      margin-top: calc(var(--spacing) * 5);
    }
  }
  .\[\&_\.description\]\:text-base {
    & .description {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .\[\&_\.description\]\:leading-relaxed {
    & .description {
      --tw-leading: var(--leading-relaxed);
      line-height: var(--leading-relaxed);
    }
  }
  .\[\&_\.description\]\:text-white\/70 {
    & .description {
      color: color-mix(in srgb, #fff 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 70%, transparent);
      }
    }
  }
  .sm\:\[\&_\.description\]\:text-lg {
    @media (width >= 40rem) {
      & .description {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
      }
    }
  }
  .\[\&_\.footer\]\:hidden {
    & .footer {
      display: none;
    }
  }
  .\[\&_\.grid\]\:\!h-\[400px\] {
    & .grid {
      height: 400px !important;
    }
  }
  .\[\&_\.grid\]\:\!grid-cols-\[1fr_1fr\] {
    & .grid {
      grid-template-columns: 1fr 1fr !important;
    }
  }
  .\[\&_\.grid\]\:\!items-center {
    & .grid {
      align-items: center !important;
    }
  }
  .\[\&_\.grid\]\:\!gap-4 {
    & .grid {
      gap: calc(var(--spacing) * 4) !important;
    }
  }
  .\[\&_\.h-112\]\:\!h-72 {
    & .h-112 {
      height: calc(var(--spacing) * 72) !important;
    }
  }
  .\[\&_\.h-96\]\:\!h-\[360px\] {
    & .h-96 {
      height: 360px !important;
    }
  }
  .\[\&_\.haos-logo\]\:text-2xl {
    & .haos-logo {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .\[\&_\.haos-logo\]\:font-black {
    & .haos-logo {
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
    }
  }
  .\[\&_\.hero-section\]\:\!h-full {
    & .hero-section {
      height: 100% !important;
    }
  }
  .\[\&_\.hero-section\]\:\!w-full {
    & .hero-section {
      width: 100% !important;
    }
  }
  .\[\&_\.label\]\:text-xs {
    & .label {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .\[\&_\.label\]\:font-semibold {
    & .label {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .\[\&_\.label\]\:tracking-widest {
    & .label {
      --tw-tracking: var(--tracking-widest);
      letter-spacing: var(--tracking-widest);
    }
  }
  .\[\&_\.label\]\:text-neutral-400 {
    & .label {
      color: var(--color-neutral-400);
    }
  }
  .\[\&_\.label\]\:uppercase {
    & .label {
      text-transform: uppercase;
    }
  }
  .\[\&_\.max-w-md\]\:\!w-full {
    & .max-w-md {
      width: 100% !important;
    }
  }
  .\[\&_\.max-w-md\]\:\!max-w-none {
    & .max-w-md {
      max-width: none !important;
    }
  }
  .\[\&_\.min-h-screen\]\:min-h-0 {
    & .min-h-screen {
      min-height: calc(var(--spacing) * 0);
    }
  }
  .\[\&_\.min-h-screen\]\:p-0 {
    & .min-h-screen {
      padding: calc(var(--spacing) * 0);
    }
  }
  .\[\&_\.mt-20\]\:\!mt-6 {
    & .mt-20 {
      margin-top: calc(var(--spacing) * 6) !important;
    }
  }
  .\[\&_\.order-1\]\:\!order-2 {
    & .order-1 {
      order: 2 !important;
    }
  }
  .\[\&_\.order-2\]\:\!order-1 {
    & .order-2 {
      order: 1 !important;
    }
  }
  .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground {
    & .recharts-cartesian-axis-tick text {
      fill: var(--muted-foreground);
    }
  }
  .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 {
    & .recharts-cartesian-grid line[stroke='#ccc'] {
      stroke: var(--border);
      @supports (color: color-mix(in lab, red, red)) {
        stroke: color-mix(in oklab, var(--border) 50%, transparent);
      }
    }
  }
  .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/80 {
    & .recharts-cartesian-grid line[stroke='#ccc'] {
      stroke: var(--border);
      @supports (color: color-mix(in lab, red, red)) {
        stroke: color-mix(in oklab, var(--border) 80%, transparent);
      }
    }
  }
  .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border {
    & .recharts-curve.recharts-tooltip-cursor {
      stroke: var(--border);
    }
  }
  .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent {
    & .recharts-dot[stroke='#fff'] {
      stroke: transparent;
    }
  }
  .\[\&_\.recharts-layer\]\:outline-hidden {
    & .recharts-layer {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
  }
  .\[\&_\.recharts-layer\]\:outline-none {
    & .recharts-layer {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border {
    & .recharts-polar-grid [stroke='#ccc'] {
      stroke: var(--border);
    }
  }
  .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted {
    & .recharts-radial-bar-background-sector {
      fill: var(--muted);
    }
  }
  .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted {
    & .recharts-rectangle.recharts-tooltip-cursor {
      fill: var(--muted);
    }
  }
  .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border {
    & .recharts-reference-line [stroke='#ccc'] {
      stroke: var(--border);
    }
  }
  .\[\&_\.recharts-sector\]\:outline-hidden {
    & .recharts-sector {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
  }
  .\[\&_\.recharts-sector\]\:outline-none {
    & .recharts-sector {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent {
    & .recharts-sector[stroke='#fff'] {
      stroke: transparent;
    }
  }
  .\[\&_\.recharts-surface\]\:outline-hidden {
    & .recharts-surface {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
  }
  .\[\&_\.recharts-surface\]\:outline-none {
    & .recharts-surface {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .\[\&_\.rounded-full\]\:\!\[transform\:none\] {
    & .rounded-full {
      transform: none !important;
    }
  }
  .\[\&_\.rounded-full\]\:\!\[opacity\:1\] {
    & .rounded-full {
      opacity: 1 !important;
    }
  }
  .\[\&_\.section\]\:flex {
    & .section {
      display: flex;
    }
  }
  .\[\&_\.section\]\:min-h-\[640px\] {
    & .section {
      min-height: 640px;
    }
  }
  .\[\&_\.section\]\:flex-col {
    & .section {
      flex-direction: column;
    }
  }
  .\[\&_\.section\]\:items-start {
    & .section {
      align-items: flex-start;
    }
  }
  .\[\&_\.section\]\:justify-center {
    & .section {
      justify-content: center;
    }
  }
  .\[\&_\.section\]\:px-10 {
    & .section {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
  .sm\:\[\&_\.section\]\:px-16 {
    @media (width >= 40rem) {
      & .section {
        padding-inline: calc(var(--spacing) * 16);
      }
    }
  }
  .\[\&_\.section-inner\]\:max-w-xl {
    & .section-inner {
      max-width: var(--container-xl);
    }
  }
  .\[\&_\.stats-value\]\:text-4xl {
    & .stats-value {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .\[\&_\.stats-value\]\:font-bold {
    & .stats-value {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .\[\&_\.title\]\:text-5xl {
    & .title {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .\[\&_\.title\]\:leading-\[0\.95\] {
    & .title {
      --tw-leading: 0.95;
      line-height: 0.95;
    }
  }
  .\[\&_\.title\]\:font-semibold {
    & .title {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .sm\:\[\&_\.title\]\:text-7xl {
    @media (width >= 40rem) {
      & .title {
        font-size: var(--text-7xl);
        line-height: var(--tw-leading, var(--text-7xl--line-height));
      }
    }
  }
  .\[\&_\.value\]\:text-base {
    & .value {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .\[\&_\.value\]\:font-medium {
    & .value {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .\[\&_\.waves-container\]\:absolute {
    & .waves-container {
      position: absolute;
    }
  }
  .\[\&_\.waves-container\]\:inset-0 {
    & .waves-container {
      inset: calc(var(--spacing) * 0);
    }
  }
  .\[\&_\[cmdk-group-heading\]\]\:px-2 {
    & [cmdk-group-heading] {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 {
    & [cmdk-group-heading] {
      padding-block: calc(var(--spacing) * 1.5);
    }
  }
  .\[\&_\[cmdk-group-heading\]\]\:text-xs {
    & [cmdk-group-heading] {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .\[\&_\[cmdk-group-heading\]\]\:font-medium {
    & [cmdk-group-heading] {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground {
    & [cmdk-group-heading] {
      color: var(--muted-foreground);
    }
  }
  .\[\&_\[cmdk-group\]\]\:px-2 {
    & [cmdk-group] {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 {
    & [cmdk-group]:not([hidden]) ~[cmdk-group] {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 {
    & [cmdk-input-wrapper] svg {
      height: calc(var(--spacing) * 5);
    }
  }
  .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 {
    & [cmdk-input-wrapper] svg {
      width: calc(var(--spacing) * 5);
    }
  }
  .\[\&_\[cmdk-input\]\]\:h-12 {
    & [cmdk-input] {
      height: calc(var(--spacing) * 12);
    }
  }
  .\[\&_\[cmdk-item\]\]\:px-2 {
    & [cmdk-item] {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .\[\&_\[cmdk-item\]\]\:py-3 {
    & [cmdk-item] {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .\[\&_\[cmdk-item\]_svg\]\:h-5 {
    & [cmdk-item] svg {
      height: calc(var(--spacing) * 5);
    }
  }
  .\[\&_\[cmdk-item\]_svg\]\:w-5 {
    & [cmdk-item] svg {
      width: calc(var(--spacing) * 5);
    }
  }
  .\[\&_\[data-slot\=indicator-dot\]\]\:size-\[75\%\] {
    & [data-slot=indicator-dot] {
      width: 75%;
      height: 75%;
    }
  }
  .\[\&_\[data-slot\=indicator-ping\]\]\:absolute {
    & [data-slot=indicator-ping] {
      position: absolute;
    }
  }
  .\[\&_\[data-slot\=indicator-ping\]\]\:hidden {
    & [data-slot=indicator-ping] {
      display: none;
    }
  }
  .\[\&_\[data-slot\=indicator-ping\]\]\:size-full {
    & [data-slot=indicator-ping] {
      width: 100%;
      height: 100%;
    }
  }
  .\[\&_\[data-slot\=indicator-ping\]\]\:animate-ping {
    & [data-slot=indicator-ping] {
      animation: var(--animate-ping);
    }
  }
  .\[\&_\[data-slot\=onboarding-description\]\]\:text-base {
    & [data-slot=onboarding-description] {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .\[\&_\[data-slot\=onboarding-description\]\]\:text-muted-foreground {
    & [data-slot=onboarding-description] {
      color: var(--muted-foreground);
    }
  }
  .\[\&_\[data-slot\=onboarding-title\]\]\:font-serif {
    & [data-slot=onboarding-title] {
      font-family: var(--font-serif);
    }
  }
  .\[\&_\[data-slot\=onboarding-title\]\]\:\!text-2xl {
    & [data-slot=onboarding-title] {
      font-size: var(--text-2xl) !important;
      line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
    }
  }
  .\[\&_\[data-slot\=onboarding-title\]\]\:text-3xl {
    & [data-slot=onboarding-title] {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .\[\&_\[data-slot\=onboarding-title\]\]\:font-normal {
    & [data-slot=onboarding-title] {
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
  }
  .\[\&_\[data-slot\=onboarding-title\]\]\:text-foreground {
    & [data-slot=onboarding-title] {
      color: var(--foreground);
    }
  }
  .\[\&_\[data-slot\=toggle-group-item\]\[data-state\=on\]\]\:bg-background {
    & [data-slot=toggle-group-item][data-state=on] {
      background-color: var(--background);
    }
  }
  .\[\&_\[data-slot\=toggle-group-item\]\[data-state\=on\]\]\:text-foreground {
    & [data-slot=toggle-group-item][data-state=on] {
      color: var(--foreground);
    }
  }
  .\[\&_\[data-slot\=toggle-group-item\]\[data-state\=on\]\]\:shadow-sm {
    & [data-slot=toggle-group-item][data-state=on] {
      --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);
    }
  }
  .dark\:\[\&_\[data-slot\=toggle-group-item\]\[data-state\=on\]\]\:border-input {
    &:is(.dark *) {
      & [data-slot=toggle-group-item][data-state=on] {
        border-color: var(--input);
      }
    }
  }
  .dark\:\[\&_\[data-slot\=toggle-group-item\]\[data-state\=on\]\]\:bg-input\/30 {
    &:is(.dark *) {
      & [data-slot=toggle-group-item][data-state=on] {
        background-color: var(--input);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--input) 30%, transparent);
        }
      }
    }
  }
  .\[\&_\[role\=slider\]\]\:h-8 {
    & [role=slider] {
      height: calc(var(--spacing) * 8);
    }
  }
  .\[\&_\[role\=slider\]\]\:w-5 {
    & [role=slider] {
      width: calc(var(--spacing) * 5);
    }
  }
  .\[\&_\[role\=slider\]\]\:rounded-md {
    & [role=slider] {
      border-radius: calc(var(--radius) * 0.8);
    }
  }
  .\[\&_\[role\=slider\]\]\:border-neutral-100\/10 {
    & [role=slider] {
      border-color: color-mix(in srgb, oklch(97% 0 0) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-neutral-100) 10%, transparent);
      }
    }
  }
  .\[\&_\[role\=slider\]\]\:bg-neutral-900 {
    & [role=slider] {
      background-color: var(--color-neutral-900);
    }
  }
  .\[\&_\[role\=slider\]\]\:hover\:border-\[\#13EEE3\]\/70 {
    & [role=slider] {
      &:hover {
        @media (hover: hover) {
          border-color: color-mix(in oklab, #13EEE3 70%, transparent);
        }
      }
    }
  }
  .\[\&_\[role\=tabpanel\]\]\:hidden {
    & [role=tabpanel] {
      display: none;
    }
  }
  .\[\&_a\]\:text-blue-400 {
    & a {
      color: var(--color-blue-400);
    }
  }
  .\[\&_a\]\:text-white\/75 {
    & a {
      color: color-mix(in srgb, #fff 75%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 75%, transparent);
      }
    }
  }
  .\[\&_a\]\:no-underline {
    & a {
      text-decoration-line: none;
    }
  }
  .\[\&_a\]\:underline {
    & a {
      text-decoration-line: underline;
    }
  }
  .\[\&_a\]\:underline-offset-3 {
    & a {
      text-underline-offset: 3px;
    }
  }
  .\[\&_a\]\:underline-offset-4 {
    & a {
      text-underline-offset: 4px;
    }
  }
  .\[\&_a\]\:hover\:text-foreground {
    & a {
      &:hover {
        @media (hover: hover) {
          color: var(--foreground);
        }
      }
    }
  }
  .\[\&_a\]\:hover\:text-primary {
    & a {
      &:hover {
        @media (hover: hover) {
          color: var(--primary);
        }
      }
    }
  }
  .\[\&_a\]\:hover\:underline {
    & a {
      &:hover {
        @media (hover: hover) {
          text-decoration-line: underline;
        }
      }
    }
  }
  .\[\&_a\:hover\]\:text-white {
    & a:hover {
      color: var(--color-white);
    }
  }
  .\[\&_blockquote\]\:my-3 {
    & blockquote {
      margin-block: calc(var(--spacing) * 3);
    }
  }
  .\[\&_blockquote\]\:border-l-\[3px\] {
    & blockquote {
      border-left-style: var(--tw-border-style);
      border-left-width: 3px;
    }
  }
  .\[\&_blockquote\]\:border-\[rgba\(255\,255\,255\,0\.2\)\] {
    & blockquote {
      border-color: rgba(255,255,255,0.2);
    }
  }
  .\[\&_blockquote\]\:pl-4 {
    & blockquote {
      padding-left: calc(var(--spacing) * 4);
    }
  }
  .\[\&_blockquote\]\:text-\[rgba\(255\,255\,255\,0\.6\)\] {
    & blockquote {
      color: rgba(255,255,255,0.6);
    }
  }
  .\[\&_blockquote\]\:italic {
    & blockquote {
      font-style: italic;
    }
  }
  .\[\&_button\]\:gap-1\.5 {
    & button {
      gap: calc(var(--spacing) * 1.5);
    }
  }
  .\[\&_canvas\]\:\!absolute {
    & canvas {
      position: absolute !important;
    }
  }
  .\[\&_canvas\]\:\!inset-0 {
    & canvas {
      inset: calc(var(--spacing) * 0) !important;
    }
  }
  .\[\&_canvas\]\:\!block {
    & canvas {
      display: block !important;
    }
  }
  .\[\&_canvas\]\:\!h-full {
    & canvas {
      height: 100% !important;
    }
  }
  .\[\&_canvas\]\:h-full {
    & canvas {
      height: 100%;
    }
  }
  .\[\&_canvas\]\:\!w-full {
    & canvas {
      width: 100% !important;
    }
  }
  .\[\&_canvas\]\:w-full {
    & canvas {
      width: 100%;
    }
  }
  .\[\&_code\]\:rounded {
    & code {
      border-radius: 0.25rem;
    }
  }
  .\[\&_code\]\:bg-\[rgba\(255\,255\,255\,0\.08\)\] {
    & code {
      background-color: rgba(255,255,255,0.08);
    }
  }
  .\[\&_code\]\:bg-slate-100 {
    & code {
      background-color: var(--color-slate-100);
    }
  }
  .\[\&_code\]\:px-1 {
    & code {
      padding-inline: calc(var(--spacing) * 1);
    }
  }
  .\[\&_code\]\:px-1\.5 {
    & code {
      padding-inline: calc(var(--spacing) * 1.5);
    }
  }
  .\[\&_code\]\:py-0\.5 {
    & code {
      padding-block: calc(var(--spacing) * 0.5);
    }
  }
  .\[\&_code\]\:font-mono {
    & code {
      font-family: var(--font-geist-mono);
    }
  }
  .\[\&_code\]\:text-\[12px\] {
    & code {
      font-size: 12px;
    }
  }
  .\[\&_code\]\:text-\[13px\] {
    & code {
      font-size: 13px;
    }
  }
  .\[\&_code\]\:text-\[\#e06c75\] {
    & code {
      color: #e06c75;
    }
  }
  .\[\&_code\]\:text-white\/80 {
    & code {
      color: color-mix(in srgb, #fff 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 80%, transparent);
      }
    }
  }
  .hover\:\[\&_div\.bg-primary\]\:bg-secondary {
    &:hover {
      @media (hover: hover) {
        & div.bg-primary {
          background-color: var(--secondary);
        }
      }
    }
  }
  .\[\&_h1\]\:\!mt-0 {
    & h1 {
      margin-top: calc(var(--spacing) * 0) !important;
    }
  }
  .\[\&_h1\]\:mt-8 {
    & h1 {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  .\[\&_h1\]\:mb-2 {
    & h1 {
      margin-bottom: calc(var(--spacing) * 2);
    }
  }
  .\[\&_h1\]\:hidden {
    & h1 {
      display: none;
    }
  }
  .\[\&_h1\]\:\!text-3xl {
    & h1 {
      font-size: var(--text-3xl) !important;
      line-height: var(--tw-leading, var(--text-3xl--line-height)) !important;
    }
  }
  .\[\&_h1\]\:text-3xl {
    & h1 {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .\[\&_h1\]\:text-\[28px\] {
    & h1 {
      font-size: 28px;
    }
  }
  .\[\&_h1\]\:leading-tight {
    & h1 {
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
    }
  }
  .\[\&_h1\]\:font-bold {
    & h1 {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .\[\&_h1\]\:tracking-tight {
    & h1 {
      --tw-tracking: var(--tracking-tight);
      letter-spacing: var(--tracking-tight);
    }
  }
  .\[\&_h1\]\:text-white {
    & h1 {
      color: var(--color-white);
    }
  }
  .\[\&_h2\]\:mt-6 {
    & h2 {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  .\[\&_h2\]\:mb-2 {
    & h2 {
      margin-bottom: calc(var(--spacing) * 2);
    }
  }
  .\[\&_h2\]\:\!\[transform\:none\] {
    & h2 {
      transform: none !important;
    }
  }
  .\[\&_h2\]\:text-lg {
    & h2 {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .\[\&_h2\]\:text-\[22px\] {
    & h2 {
      font-size: 22px;
    }
  }
  .\[\&_h2\]\:leading-tight {
    & h2 {
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
    }
  }
  .\[\&_h2\]\:font-semibold {
    & h2 {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .\[\&_h2\]\:text-neutral-500 {
    & h2 {
      color: var(--color-neutral-500);
    }
  }
  .\[\&_h2\]\:text-white {
    & h2 {
      color: var(--color-white);
    }
  }
  .\[\&_h2\]\:\!\[opacity\:1\] {
    & h2 {
      opacity: 1 !important;
    }
  }
  .\[\&_h2\]\:\!\[filter\:none\] {
    & h2 {
      filter: none !important;
    }
  }
  .\[\&_h3\]\:mt-5 {
    & h3 {
      margin-top: calc(var(--spacing) * 5);
    }
  }
  .\[\&_h3\]\:mb-1 {
    & h3 {
      margin-bottom: calc(var(--spacing) * 1);
    }
  }
  .\[\&_h3\]\:text-\[18px\] {
    & h3 {
      font-size: 18px;
    }
  }
  .\[\&_h3\]\:font-semibold {
    & h3 {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .\[\&_h3\]\:text-\[rgba\(255\,255\,255\,0\.9\)\] {
    & h3 {
      color: rgba(255,255,255,0.9);
    }
  }
  .\[\&_h3\]\:text-white {
    & h3 {
      color: var(--color-white);
    }
  }
  .\[\&_h5\:first-of-type\]\:\!text-\[\#F5F0E8\] {
    & h5:first-of-type {
      color: #F5F0E8 !important;
    }
  }
  .\[\&_h5\:last-of-type\]\:\!text-amber-500 {
    & h5:last-of-type {
      color: var(--color-amber-500) !important;
    }
  }
  .\[\&_hr\]\:my-6 {
    & hr {
      margin-block: calc(var(--spacing) * 6);
    }
  }
  .\[\&_hr\]\:border-\[rgba\(255\,255\,255\,0\.08\)\] {
    & hr {
      border-color: rgba(255,255,255,0.08);
    }
  }
  .\[\&_img\]\:my-3 {
    & img {
      margin-block: calc(var(--spacing) * 3);
    }
  }
  .\[\&_img\]\:hidden {
    & img {
      display: none;
    }
  }
  .\[\&_img\]\:size-full {
    & img {
      width: 100%;
      height: 100%;
    }
  }
  .\[\&_img\]\:max-w-full {
    & img {
      max-width: 100%;
    }
  }
  .\[\&_img\]\:rounded-lg {
    & img {
      border-radius: var(--radius);
    }
  }
  .\[\&_img\]\:object-contain {
    & img {
      object-fit: contain;
    }
  }
  .\[\&_img\]\:object-cover {
    & img {
      object-fit: cover;
    }
  }
  .\[\&_input\]\:flex {
    & input {
      display: flex;
    }
  }
  .\[\&_input\]\:h-9 {
    & input {
      height: calc(var(--spacing) * 9);
    }
  }
  .\[\&_input\]\:w-full {
    & input {
      width: 100%;
    }
  }
  .\[\&_input\]\:\!max-w-none {
    & input {
      max-width: none !important;
    }
  }
  .\[\&_input\]\:cursor-not-allowed {
    & input {
      cursor: not-allowed;
    }
  }
  .\[\&_input\]\:rounded-md {
    & input {
      border-radius: calc(var(--radius) * 0.8);
    }
  }
  .\[\&_input\]\:border {
    & input {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .\[\&_input\]\:\!border-emerald-400 {
    & input {
      border-color: var(--color-emerald-400) !important;
    }
  }
  .\[\&_input\]\:\!border-rose-400 {
    & input {
      border-color: var(--color-rose-400) !important;
    }
  }
  .\[\&_input\]\:border-input {
    & input {
      border-color: var(--input);
    }
  }
  .\[\&_input\]\:bg-slate-100 {
    & input {
      background-color: var(--color-slate-100);
    }
  }
  .\[\&_input\]\:bg-transparent {
    & input {
      background-color: transparent;
    }
  }
  .\[\&_input\]\:px-3 {
    & input {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .\[\&_input\]\:py-1 {
    & input {
      padding-block: calc(var(--spacing) * 1);
    }
  }
  .\[\&_input\]\:pr-3 {
    & input {
      padding-right: calc(var(--spacing) * 3);
    }
  }
  .\[\&_input\]\:pl-9 {
    & input {
      padding-left: calc(var(--spacing) * 9);
    }
  }
  .\[\&_input\]\:text-sm {
    & input {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .\[\&_input\]\:text-slate-400 {
    & input {
      color: var(--color-slate-400);
    }
  }
  .\[\&_input\]\:shadow-xs {
    & input {
      --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);
    }
  }
  .\[\&_input\]\:\!ring-2 {
    & input {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
  }
  .\[\&_input\]\:\!ring-emerald-100 {
    & input {
      --tw-ring-color: var(--color-emerald-100) !important;
    }
  }
  .\[\&_input\]\:\!ring-rose-100 {
    & input {
      --tw-ring-color: var(--color-rose-100) !important;
    }
  }
  .\[\&_input\]\:transition-\[color\,box-shadow\] {
    & input {
      transition-property: color,box-shadow;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .\[\&_input\]\:outline-none {
    & input {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .\[\&_input\:\:placeholder\]\:text-muted-foreground {
    & input::placeholder {
      color: var(--muted-foreground);
    }
  }
  .\[\&_input\:focus-visible\]\:border-ring {
    & input:focus-visible {
      border-color: var(--ring);
    }
  }
  .\[\&_input\:focus-visible\]\:ring-\[3px\] {
    & input:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .\[\&_input\:focus-visible\]\:ring-ring\/50 {
    & input:focus-visible {
      --tw-ring-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
      }
    }
  }
  .\[\&_li\]\:my-0 {
    & li {
      margin-block: calc(var(--spacing) * 0);
    }
  }
  .\[\&_li\]\:text-\[15px\] {
    & li {
      font-size: 15px;
    }
  }
  .\[\&_li\]\:leading-\[1\.7\] {
    & li {
      --tw-leading: 1.7;
      line-height: 1.7;
    }
  }
  .\[\&_li\]\:text-\[rgba\(255\,255\,255\,0\.8\)\] {
    & li {
      color: rgba(255,255,255,0.8);
    }
  }
  .\[\&_li\]\:text-white {
    & li {
      color: var(--color-white);
    }
  }
  .\[\&_li\>p\]\:mb-0 {
    & li>p {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .\[\&_li\>p\]\:inline {
    & li>p {
      display: inline;
    }
  }
  .\[\&_mark\]\:bg-yellow-500\/30 {
    & mark {
      background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent);
      }
    }
  }
  .\[\&_mark\]\:text-white {
    & mark {
      color: var(--color-white);
    }
  }
  .\[\&_ol\]\:my-1 {
    & ol {
      margin-block: calc(var(--spacing) * 1);
    }
  }
  .\[\&_p\]\:my-0\.5 {
    & p {
      margin-block: calc(var(--spacing) * 0.5);
    }
  }
  .\[\&_p\]\:my-1 {
    & p {
      margin-block: calc(var(--spacing) * 1);
    }
  }
  .\[\&_p\]\:mb-2\.5 {
    & p {
      margin-bottom: calc(var(--spacing) * 2.5);
    }
  }
  .\[\&_p\]\:\!\[transform\:none\] {
    & p {
      transform: none !important;
    }
  }
  .\[\&_p\]\:\!text-2xl {
    & p {
      font-size: var(--text-2xl) !important;
      line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
    }
  }
  .\[\&_p\]\:\!text-sm {
    & p {
      font-size: var(--text-sm) !important;
      line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
    }
  }
  .\[\&_p\]\:text-\[15px\] {
    & p {
      font-size: 15px;
    }
  }
  .\[\&_p\]\:leading-\[1\.7\] {
    & p {
      --tw-leading: 1.7;
      line-height: 1.7;
    }
  }
  .\[\&_p\]\:leading-relaxed {
    & p {
      --tw-leading: var(--leading-relaxed);
      line-height: var(--leading-relaxed);
    }
  }
  .\[\&_p\]\:\!text-\[\#F5F0E8\]\/80 {
    & p {
      color: color-mix(in oklab, #F5F0E8 80%, transparent) !important;
    }
  }
  .\[\&_p\]\:text-\[rgba\(255\,255\,255\,0\.8\)\] {
    & p {
      color: rgba(255,255,255,0.8);
    }
  }
  .\[\&_p\]\:text-white {
    & p {
      color: var(--color-white);
    }
  }
  .\[\&_p\]\:\!\[opacity\:1\] {
    & p {
      opacity: 1 !important;
    }
  }
  .\[\&_p\]\:\!\[filter\:none\] {
    & p {
      filter: none !important;
    }
  }
  .\[\&_p\]\:sm\:\!text-3xl {
    & p {
      @media (width >= 40rem) {
        font-size: var(--text-3xl) !important;
        line-height: var(--tw-leading, var(--text-3xl--line-height)) !important;
      }
    }
  }
  .\[\&_p\.is-editor-empty\:first-child\:\:before\]\:pointer-events-none {
    & p.is-editor-empty:first-child::before {
      pointer-events: none;
    }
  }
  .\[\&_p\.is-editor-empty\:first-child\:\:before\]\:float-left {
    & p.is-editor-empty:first-child::before {
      float: left;
    }
  }
  .\[\&_p\.is-editor-empty\:first-child\:\:before\]\:h-0 {
    & p.is-editor-empty:first-child::before {
      height: calc(var(--spacing) * 0);
    }
  }
  .\[\&_p\.is-editor-empty\:first-child\:\:before\]\:text-\[rgba\(255\,255\,255\,0\.25\)\] {
    & p.is-editor-empty:first-child::before {
      color: rgba(255,255,255,0.25);
    }
  }
  .\[\&_p\.is-editor-empty\:first-child\:\:before\]\:content-\[attr\(data-placeholder\)\] {
    & p.is-editor-empty:first-child::before {
      --tw-content: attr(data-placeholder);
      content: var(--tw-content);
    }
  }
  .\[\&_p\:not\(\:last-child\)\]\:mb-4 {
    & p:not(:last-child) {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .\[\&_pre\]\:my-3 {
    & pre {
      margin-block: calc(var(--spacing) * 3);
    }
  }
  .\[\&_pre\]\:overflow-x-auto {
    & pre {
      overflow-x: auto;
    }
  }
  .\[\&_pre\]\:rounded-lg {
    & pre {
      border-radius: var(--radius);
    }
  }
  .\[\&_pre\]\:rounded-b-lg {
    & pre {
      border-bottom-right-radius: var(--radius);
      border-bottom-left-radius: var(--radius);
    }
  }
  .\[\&_pre\]\:bg-\[\#1e1e2e\] {
    & pre {
      background-color: #1e1e2e;
    }
  }
  .\[\&_pre\]\:bg-muted\/75\! {
    & pre {
      background-color: var(--muted) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--muted) 75%, transparent) !important;
      }
    }
  }
  .\[\&_pre\]\:p-4 {
    & pre {
      padding: calc(var(--spacing) * 4);
    }
  }
  .\[\&_pre_code\]\:bg-transparent {
    & pre code {
      background-color: transparent;
    }
  }
  .\[\&_pre_code\]\:p-0 {
    & pre code {
      padding: calc(var(--spacing) * 0);
    }
  }
  .\[\&_pre_code\]\:text-\[rgba\(255\,255\,255\,0\.85\)\] {
    & pre code {
      color: rgba(255,255,255,0.85);
    }
  }
  .\[\&_section\]\:\!h-\[400px\] {
    & section {
      height: 400px !important;
    }
  }
  .\[\&_section\]\:\!items-center {
    & section {
      align-items: center !important;
    }
  }
  .\[\&_section\]\:\!py-0 {
    & section {
      padding-block: calc(var(--spacing) * 0) !important;
    }
  }
  .\[\&_section_h1\]\:hidden {
    & section h1 {
      display: none;
    }
  }
  .\[\&_section_p\]\:hidden {
    & section p {
      display: none;
    }
  }
  .\[\&_span\]\:line-clamp-1 {
    & span {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
    }
  }
  .\[\&_span\]\:text-\[calc\(var\(--keycap-height\)\/3\.5\)\] {
    & span {
      font-size: calc(var(--keycap-height) / 3.5);
    }
  }
  .\[\&_span\>svg\]\:hidden\! {
    & span>svg {
      display: none !important;
    }
  }
  .\[\&_strong\]\:\!font-black {
    & strong {
      --tw-font-weight: var(--font-weight-black) !important;
      font-weight: var(--font-weight-black) !important;
    }
  }
  .\[\&_strong\]\:font-semibold {
    & strong {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .\[\&_strong\]\:\!text-\[\#F5F0E8\] {
    & strong {
      color: #F5F0E8 !important;
    }
  }
  .\[\&_strong\]\:text-foreground {
    & strong {
      color: var(--foreground);
    }
  }
  .\[\&_svg\]\:pointer-events-none {
    & svg {
      pointer-events: none;
    }
  }
  .\[\&_svg\]\:absolute {
    & svg {
      position: absolute;
    }
  }
  .\[\&_svg\]\:inset-0 {
    & svg {
      inset: calc(var(--spacing) * 0);
    }
  }
  .\[\&_svg\]\:-mx-0\.5 {
    & svg {
      margin-inline: calc(var(--spacing) * -0.5);
    }
  }
  .\[\&_svg\]\:mx-auto {
    & svg {
      margin-inline: auto;
    }
  }
  .\[\&_svg\]\:-ms-0\.5 {
    & svg {
      margin-inline-start: calc(var(--spacing) * -0.5);
    }
  }
  .\[\&_svg\]\:-ms-px {
    & svg {
      margin-inline-start: -1px;
    }
  }
  .\[\&_svg\]\:-me-1 {
    & svg {
      margin-inline-end: calc(var(--spacing) * -1);
    }
  }
  .\[\&_svg\]\:-me-1\.5 {
    & svg {
      margin-inline-end: calc(var(--spacing) * -1.5);
    }
  }
  .\[\&_svg\]\:block {
    & svg {
      display: block;
    }
  }
  .\[\&_svg\]\:size-2\! {
    & svg {
      width: calc(var(--spacing) * 2) !important;
      height: calc(var(--spacing) * 2) !important;
    }
  }
  .\[\&_svg\]\:size-3 {
    & svg {
      width: calc(var(--spacing) * 3);
      height: calc(var(--spacing) * 3);
    }
  }
  .\[\&_svg\]\:size-3\.5 {
    & svg {
      width: calc(var(--spacing) * 3.5);
      height: calc(var(--spacing) * 3.5);
    }
  }
  .\[\&_svg\]\:size-4 {
    & svg {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .\[\&_svg\]\:size-5 {
    & svg {
      width: calc(var(--spacing) * 5);
      height: calc(var(--spacing) * 5);
    }
  }
  .\[\&_svg\]\:h-3\.5 {
    & svg {
      height: calc(var(--spacing) * 3.5);
    }
  }
  .\[\&_svg\]\:h-4 {
    & svg {
      height: calc(var(--spacing) * 4);
    }
  }
  .\[\&_svg\]\:h-full {
    & svg {
      height: 100%;
    }
  }
  .\[\&_svg\]\:max-h-20 {
    & svg {
      max-height: calc(var(--spacing) * 20);
    }
  }
  .\[\&_svg\]\:max-h-24 {
    & svg {
      max-height: calc(var(--spacing) * 24);
    }
  }
  .\[\&_svg\]\:max-h-28 {
    & svg {
      max-height: calc(var(--spacing) * 28);
    }
  }
  .\[\&_svg\]\:max-h-56 {
    & svg {
      max-height: calc(var(--spacing) * 56);
    }
  }
  .\[\&_svg\]\:w-3\.5 {
    & svg {
      width: calc(var(--spacing) * 3.5);
    }
  }
  .\[\&_svg\]\:w-4 {
    & svg {
      width: calc(var(--spacing) * 4);
    }
  }
  .\[\&_svg\]\:w-full {
    & svg {
      width: 100%;
    }
  }
  .\[\&_svg\]\:max-w-full {
    & svg {
      max-width: 100%;
    }
  }
  .\[\&_svg\]\:shrink-0 {
    & svg {
      flex-shrink: 0;
    }
  }
  .\[\&_svg\]\:self-center {
    & svg {
      align-self: center;
    }
  }
  .\[\&_svg\]\:stroke-3\! {
    & svg {
      stroke-width: 3 !important;
    }
  }
  .\[\&_svg\]\:text-background {
    & svg {
      color: var(--background);
    }
  }
  .\[\&_svg\]\:text-black {
    & svg {
      color: var(--color-black);
    }
  }
  .\[\&_svg\]\:transition-transform {
    & svg {
      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));
    }
  }
  .\[\&_svg\]\:duration-300 {
    & svg {
      --tw-duration: 300ms;
      transition-duration: 300ms;
    }
  }
  .\[\&_svg\]\:ease-\[cubic-bezier\(0\.2\,0\.8\,0\.2\,1\.2\)\] {
    & svg {
      --tw-ease: cubic-bezier(0.2,0.8,0.2,1.2);
      transition-timing-function: cubic-bezier(0.2,0.8,0.2,1.2);
    }
  }
  .group-hover\:\[\&_svg\]\:stroke-\[2\.5\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        & svg {
          stroke-width: 2.5;
        }
      }
    }
  }
  .hover\:\[\&_svg\]\:rotate-90 {
    &:hover {
      @media (hover: hover) {
        & svg {
          rotate: 90deg;
        }
      }
    }
  }
  .hover\:\[\&_svg\]\:text-destructive {
    &:hover {
      @media (hover: hover) {
        & svg {
          color: var(--destructive);
        }
      }
    }
  }
  .hover\:\[\&_svg\]\:text-primary {
    &:hover {
      @media (hover: hover) {
        & svg {
          color: var(--primary);
        }
      }
    }
  }
  .data-\[pressed\=true\]\:\[\&_svg\]\:scale-\[0\.90\] {
    &[data-pressed="true"] {
      & svg {
        scale: 0.90;
      }
    }
  }
  .data-\[state\=open\]\:\[\&_svg\]\:rotate-180 {
    &[data-state="open"] {
      & svg {
        rotate: 180deg;
      }
    }
  }
  .\[\&_svg\:not\(\[class\*\=\'opacity-\'\]\)\]\:opacity-80 {
    & svg:not([class*='opacity-']) {
      opacity: 80%;
    }
  }
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 {
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 3);
      height: calc(var(--spacing) * 3);
    }
  }
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 {
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 3.5);
      height: calc(var(--spacing) * 3.5);
    }
  }
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4\.5 {
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4.5);
      height: calc(var(--spacing) * 4.5);
    }
  }
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-5 {
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 5);
      height: calc(var(--spacing) * 5);
    }
  }
  .not-in-data-\[slot\=input-group\]\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
    &:not(:where(*[data-slot="input-group"]) *) {
      & svg:not([class*='size-']) {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
      }
    }
  }
  .sm\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 {
    @media (width >= 40rem) {
      & svg:not([class*='size-']) {
        width: calc(var(--spacing) * 3);
        height: calc(var(--spacing) * 3);
      }
    }
  }
  .sm\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 {
    @media (width >= 40rem) {
      & svg:not([class*='size-']) {
        width: calc(var(--spacing) * 3.5);
        height: calc(var(--spacing) * 3.5);
      }
    }
  }
  .sm\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
    @media (width >= 40rem) {
      & svg:not([class*='size-']) {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
      }
    }
  }
  .sm\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4\.5 {
    @media (width >= 40rem) {
      & svg:not([class*='size-']) {
        width: calc(var(--spacing) * 4.5);
        height: calc(var(--spacing) * 4.5);
      }
    }
  }
  .sm\:not-in-data-\[slot\=input-group\]\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 {
    @media (width >= 40rem) {
      &:not(:where(*[data-slot="input-group"]) *) {
        & svg:not([class*='size-']) {
          width: calc(var(--spacing) * 3.5);
          height: calc(var(--spacing) * 3.5);
        }
      }
    }
  }
  .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground {
    & svg:not([class*='text-']) {
      color: var(--muted-foreground);
    }
  }
  .\[\&_table\]\:w-full {
    & table {
      width: 100%;
    }
  }
  .\[\&_td\:first-child\]\:pl-4 {
    & td:first-child {
      padding-left: calc(var(--spacing) * 4);
    }
  }
  .\[\&_td\:last-child\]\:pr-4 {
    & td:last-child {
      padding-right: calc(var(--spacing) * 4);
    }
  }
  .\[\&_th\:first-child\]\:pl-4 {
    & th:first-child {
      padding-left: calc(var(--spacing) * 4);
    }
  }
  .\[\&_th\:last-child\]\:pr-4 {
    & th:last-child {
      padding-right: calc(var(--spacing) * 4);
    }
  }
  .\[\&_tr\]\:border-b {
    & tr {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .\[\&_tr\]\:border-border\/50 {
    & tr {
      border-color: var(--border);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--border) 50%, transparent);
      }
    }
  }
  .\[\&_tr\:last-child\]\:border-0 {
    & tr:last-child {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .\[\&_ul\]\:my-1 {
    & ul {
      margin-block: calc(var(--spacing) * 1);
    }
  }
  .\[\&_ul\[data-type\=taskList\]\]\:list-none {
    & ul[data-type=taskList] {
      list-style-type: none;
    }
  }
  .\[\&_ul\[data-type\=taskList\]\]\:pl-0 {
    & ul[data-type=taskList] {
      padding-left: calc(var(--spacing) * 0);
    }
  }
  .\[\&_ul\[data-type\=taskList\]_li\]\:flex {
    & ul[data-type=taskList] li {
      display: flex;
    }
  }
  .\[\&_ul\[data-type\=taskList\]_li\]\:items-baseline {
    & ul[data-type=taskList] li {
      align-items: baseline;
    }
  }
  .\[\&_ul\[data-type\=taskList\]_li\]\:gap-2 {
    & ul[data-type=taskList] li {
      gap: calc(var(--spacing) * 2);
    }
  }
  .\[\&_ul\[data-type\=taskList\]_li_label\]\:mr-1 {
    & ul[data-type=taskList] li label {
      margin-right: calc(var(--spacing) * 1);
    }
  }
  .\[\&_ul\[data-type\=taskList\]_li_label\]\:flex {
    & ul[data-type=taskList] li label {
      display: flex;
    }
  }
  .\[\&_ul\[data-type\=taskList\]_li_label\]\:items-center {
    & ul[data-type=taskList] li label {
      align-items: center;
    }
  }
  .\[\&_ul\[data-type\=taskList\]_li_label_input\]\:h-4 {
    & ul[data-type=taskList] li label input {
      height: calc(var(--spacing) * 4);
    }
  }
  .\[\&_ul\[data-type\=taskList\]_li_label_input\]\:w-4 {
    & ul[data-type=taskList] li label input {
      width: calc(var(--spacing) * 4);
    }
  }
  .\[\&_ul\[data-type\=taskList\]_li_label_input\]\:cursor-pointer {
    & ul[data-type=taskList] li label input {
      cursor: pointer;
    }
  }
  .\[\&_ul\[data-type\=taskList\]_li_label_input\]\:appearance-none {
    & ul[data-type=taskList] li label input {
      appearance: none;
    }
  }
  .\[\&_ul\[data-type\=taskList\]_li_label_input\]\:rounded {
    & ul[data-type=taskList] li label input {
      border-radius: 0.25rem;
    }
  }
  .\[\&_ul\[data-type\=taskList\]_li_label_input\]\:border {
    & ul[data-type=taskList] li label input {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .\[\&_ul\[data-type\=taskList\]_li_label_input\]\:border-\[rgba\(255\,255\,255\,0\.3\)\] {
    & ul[data-type=taskList] li label input {
      border-color: rgba(255,255,255,0.3);
    }
  }
  .\[\&_ul\[data-type\=taskList\]_li_label_input\]\:bg-transparent {
    & ul[data-type=taskList] li label input {
      background-color: transparent;
    }
  }
  .\[\&_ul\[data-type\=taskList\]_li_label_input\]\:checked\:border-blue-500 {
    & ul[data-type=taskList] li label input {
      &:checked {
        border-color: var(--color-blue-500);
      }
    }
  }
  .\[\&_ul\[data-type\=taskList\]_li_label_input\]\:checked\:bg-blue-500 {
    & ul[data-type=taskList] li label input {
      &:checked {
        background-color: var(--color-blue-500);
      }
    }
  }
  .\[\&_ul\[data-type\=taskList\]_li\[data-checked\=true\]_div_p\]\:text-\[rgba\(255\,255\,255\,0\.35\)\] {
    & ul[data-type=taskList] li[data-checked=true] div p {
      color: rgba(255,255,255,0.35);
    }
  }
  .\[\&_ul\[data-type\=taskList\]_li\[data-checked\=true\]_div_p\]\:line-through {
    & ul[data-type=taskList] li[data-checked=true] div p {
      text-decoration-line: line-through;
    }
  }
  .\[\&\+\[data-slot\=item-content\]\]\:flex-none {
    &+[data-slot=item-content] {
      flex: none;
    }
  }
  .\[\&\:\:-webkit-scrollbar\]\:hidden {
    &::-webkit-scrollbar {
      display: none;
    }
  }
  .\[\&\:\:-webkit-scrollbar\]\:h-2 {
    &::-webkit-scrollbar {
      height: calc(var(--spacing) * 2);
    }
  }
  .\[\&\:\:-webkit-scrollbar\]\:w-1 {
    &::-webkit-scrollbar {
      width: calc(var(--spacing) * 1);
    }
  }
  .\[\&\:\:-webkit-scrollbar\]\:w-1\.5 {
    &::-webkit-scrollbar {
      width: calc(var(--spacing) * 1.5);
    }
  }
  .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full {
    &::-webkit-scrollbar-thumb {
      border-radius: calc(infinity * 1px);
    }
  }
  .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-\[rgba\(255\,255\,255\,0\.1\)\] {
    &::-webkit-scrollbar-thumb {
      background-color: rgba(255,255,255,0.1);
    }
  }
  .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-\[rgba\(255\,255\,255\,0\.15\)\] {
    &::-webkit-scrollbar-thumb {
      background-color: rgba(255,255,255,0.15);
    }
  }
  .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-black\/15 {
    &::-webkit-scrollbar-thumb {
      background-color: color-mix(in srgb, #000 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 15%, transparent);
      }
    }
  }
  .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-border {
    &::-webkit-scrollbar-thumb {
      background-color: var(--border);
    }
  }
  .\[\&\:\:-webkit-scrollbar-thumb\]\:dark\:bg-white\/20 {
    &::-webkit-scrollbar-thumb {
      &:is(.dark *) {
        background-color: color-mix(in srgb, #fff 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
        }
      }
    }
  }
  .\[\&\:\:-webkit-scrollbar-thumb\:hover\]\:bg-black\/20 {
    &::-webkit-scrollbar-thumb:hover {
      background-color: color-mix(in srgb, #000 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
      }
    }
  }
  .\[\&\:\:-webkit-scrollbar-thumb\:hover\]\:dark\:bg-white\/25 {
    &::-webkit-scrollbar-thumb:hover {
      &:is(.dark *) {
        background-color: color-mix(in srgb, #fff 25%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
        }
      }
    }
  }
  .\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent {
    &::-webkit-scrollbar-track {
      background-color: transparent;
    }
  }
  .\[\&\:\:-webkit-search-cancel-button\]\:appearance-none {
    &::-webkit-search-cancel-button {
      appearance: none;
    }
  }
  .\[\&\:\:-webkit-search-decoration\]\:appearance-none {
    &::-webkit-search-decoration {
      appearance: none;
    }
  }
  .\[\&\:\:-webkit-search-results-button\]\:appearance-none {
    &::-webkit-search-results-button {
      appearance: none;
    }
  }
  .\[\&\:\:-webkit-search-results-decoration\]\:appearance-none {
    &::-webkit-search-results-decoration {
      appearance: none;
    }
  }
  .\[\&\:\:-webkit-slider-thumb\]\:size-4 {
    &::-webkit-slider-thumb {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .\[\&\:\:-webkit-slider-thumb\]\:appearance-none {
    &::-webkit-slider-thumb {
      appearance: none;
    }
  }
  .\[\&\:\:-webkit-slider-thumb\]\:rounded-full {
    &::-webkit-slider-thumb {
      border-radius: calc(infinity * 1px);
    }
  }
  .\[\&\:\:-webkit-slider-thumb\]\:border-2 {
    &::-webkit-slider-thumb {
      border-style: var(--tw-border-style);
      border-width: 2px;
    }
  }
  .\[\&\:\:-webkit-slider-thumb\]\:border-foreground {
    &::-webkit-slider-thumb {
      border-color: var(--foreground);
    }
  }
  .\[\&\:\:-webkit-slider-thumb\]\:bg-background {
    &::-webkit-slider-thumb {
      background-color: var(--background);
    }
  }
  .\[\&\:\:-webkit-slider-thumb\]\:shadow {
    &::-webkit-slider-thumb {
      --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);
    }
  }
  .\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-\(--cell-radius\) {
    &:first-child[data-selected=true] button {
      border-top-left-radius: var(--cell-radius);
      border-bottom-left-radius: var(--cell-radius);
    }
  }
  .\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md {
    &:has(>.day-range-end) {
      border-top-right-radius: calc(var(--radius) * 0.8);
      border-bottom-right-radius: calc(var(--radius) * 0.8);
    }
  }
  .\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md {
    &:has(>.day-range-start) {
      border-top-left-radius: calc(var(--radius) * 0.8);
      border-bottom-left-radius: calc(var(--radius) * 0.8);
    }
  }
  .\[\&\:has\(\[aria-selected\]\)\]\:rounded-md {
    &:has([aria-selected]) {
      border-radius: calc(var(--radius) * 0.8);
    }
  }
  .\[\&\:has\(\[aria-selected\]\)\]\:bg-accent {
    &:has([aria-selected]) {
      background-color: var(--accent);
    }
  }
  .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md {
    &:first-child {
      &:has([aria-selected]) {
        border-top-left-radius: calc(var(--radius) * 0.8);
        border-bottom-left-radius: calc(var(--radius) * 0.8);
      }
    }
  }
  .last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md {
    &:last-child {
      &:has([aria-selected]) {
        border-top-right-radius: calc(var(--radius) * 0.8);
        border-bottom-right-radius: calc(var(--radius) * 0.8);
      }
    }
  }
  .\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md {
    &:has([aria-selected].day-range-end) {
      border-top-right-radius: calc(var(--radius) * 0.8);
      border-bottom-right-radius: calc(var(--radius) * 0.8);
    }
  }
  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {
    &:has([role=checkbox]) {
      padding-right: calc(var(--spacing) * 0);
    }
  }
  .data-\[state\=open\]\:\[\&_svg\]\:\[\#plus\]\:opacity-0 {
    &[data-state="open"] {
      & svg {
        &:is(#plus) {
          opacity: 0%;
        }
      }
    }
  }
  .\[\.border-b\]\:pb-2 {
    &:is(.border-b) {
      padding-bottom: calc(var(--spacing) * 2);
    }
  }
  .\[\.border-b\]\:pb-3 {
    &:is(.border-b) {
      padding-bottom: calc(var(--spacing) * 3);
    }
  }
  .\[\.border-b\]\:pb-4 {
    &:is(.border-b) {
      padding-bottom: calc(var(--spacing) * 4);
    }
  }
  .\[\.border-b\]\:pb-6 {
    &:is(.border-b) {
      padding-bottom: calc(var(--spacing) * 6);
    }
  }
  .group-data-\[size\=sm\]\/card\:\[\.border-b\]\:pb-3 {
    &:is(:where(.group\/card)[data-size="sm"] *) {
      &:is(.border-b) {
        padding-bottom: calc(var(--spacing) * 3);
      }
    }
  }
  .\[\.border-t\]\:pt-2 {
    &:is(.border-t) {
      padding-top: calc(var(--spacing) * 2);
    }
  }
  .\[\.border-t\]\:pt-3 {
    &:is(.border-t) {
      padding-top: calc(var(--spacing) * 3);
    }
  }
  .\[\.border-t\]\:pt-6 {
    &:is(.border-t) {
      padding-top: calc(var(--spacing) * 6);
    }
  }
  .rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180 {
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      :is(& *) {
        &:is(.rdp-button_next>svg) {
          rotate: 180deg;
        }
      }
    }
  }
  .rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180 {
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      :is(& *) {
        &:is(.rdp-button_previous>svg) {
          rotate: 180deg;
        }
      }
    }
  }
  .\[\:active\,\[data-pressed\]\]\:bg-secondary\/80 {
    &:is(:active,[data-pressed]) {
      background-color: var(--secondary);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
      }
    }
  }
  .\[\:active\,\[data-pressed\]\]\:inset-shadow-\[0_1px_--theme\(--color-black\/8\%\)\] {
    &:is(:active,[data-pressed]) {
      --tw-inset-shadow: inset 0 1px var(--tw-inset-shadow-color, color-mix(in srgb, #000 8%, transparent));
      @supports (color: color-mix(in lab, red, red)) {
        --tw-inset-shadow: inset 0 1px var(--tw-inset-shadow-color, color-mix(in oklab, var(--color-black) 8%, transparent));
      }
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .\[\:disabled\,\:active\,\[data-pressed\]\]\:shadow-none {
    &:is(:disabled,:active,[data-pressed]) {
      --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);
    }
  }
  .\[\:has\(\*\:focus-visible\)\,\[data-dragging\]\]\:shadow-none {
    &:is(:has(*:focus-visible),[data-dragging]) {
      --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);
    }
  }
  .\[\:hover\,\[data-pressed\]\]\:border-destructive\/32 {
    &:is(:hover,[data-pressed]) {
      border-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--destructive) 32%, transparent);
      }
    }
  }
  .\[\:hover\,\[data-pressed\]\]\:bg-accent {
    &:is(:hover,[data-pressed]) {
      background-color: var(--accent);
    }
  }
  .\[\:hover\,\[data-pressed\]\]\:bg-accent\/50 {
    &:is(:hover,[data-pressed]) {
      background-color: var(--accent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--accent) 50%, transparent);
      }
    }
  }
  .\[\:hover\,\[data-pressed\]\]\:bg-destructive\/4 {
    &:is(:hover,[data-pressed]) {
      background-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--destructive) 4%, transparent);
      }
    }
  }
  .\[\:hover\,\[data-pressed\]\]\:bg-destructive\/90 {
    &:is(:hover,[data-pressed]) {
      background-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
      }
    }
  }
  .\[\:hover\,\[data-pressed\]\]\:bg-primary\/90 {
    &:is(:hover,[data-pressed]) {
      background-color: var(--primary);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--primary) 90%, transparent);
      }
    }
  }
  .\[\:hover\,\[data-pressed\]\]\:bg-secondary\/90 {
    &:is(:hover,[data-pressed]) {
      background-color: var(--secondary);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--secondary) 90%, transparent);
      }
    }
  }
  .\[\:hover\,\[data-pressed\]\]\:underline {
    &:is(:hover,[data-pressed]) {
      text-decoration-line: underline;
    }
  }
  .dark\:\[\:hover\,\[data-pressed\]\]\:bg-input\/64 {
    &:is(.dark *) {
      &:is(:hover,[data-pressed]) {
        background-color: var(--input);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--input) 64%, transparent);
        }
      }
    }
  }
  .\[\[align\=center\]\]\:text-center {
    &:is([align=center]) {
      text-align: center;
    }
  }
  .\[\[align\=right\]\]\:text-right {
    &:is([align=right]) {
      text-align: right;
    }
  }
  .\*\*\:\[\[cmdk-group-heading\]\]\:px-2 {
    :is(& *) {
      &:is([cmdk-group-heading]) {
        padding-inline: calc(var(--spacing) * 2);
      }
    }
  }
  .\*\*\:\[\[cmdk-group-heading\]\]\:py-1\.5 {
    :is(& *) {
      &:is([cmdk-group-heading]) {
        padding-block: calc(var(--spacing) * 1.5);
      }
    }
  }
  .\*\*\:\[\[cmdk-group-heading\]\]\:text-xs {
    :is(& *) {
      &:is([cmdk-group-heading]) {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
      }
    }
  }
  .\*\*\:\[\[cmdk-group-heading\]\]\:font-medium {
    :is(& *) {
      &:is([cmdk-group-heading]) {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
      }
    }
  }
  .\*\*\:\[\[cmdk-group-heading\]\]\:text-muted-foreground {
    :is(& *) {
      &:is([cmdk-group-heading]) {
        color: var(--muted-foreground);
      }
    }
  }
  .\[\[data-disabled\]\,\[data-checked\]\,\[aria-invalid\]\]\:shadow-none {
    &:is([data-disabled],[data-checked],[aria-invalid]) {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .\*\:\[\[data-slot\=frame-panel\]\+\[data-slot\=frame-panel\]\]\:mt-1 {
    :is(& > *) {
      &:is([data-slot=frame-panel]+[data-slot=frame-panel]) {
        margin-top: calc(var(--spacing) * 1);
      }
    }
  }
  .\[a\]\:transition-colors {
    &:is(a) {
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .\*\:\[a\]\:underline {
    :is(& > *) {
      &:is(a) {
        text-decoration-line: underline;
      }
    }
  }
  .\*\:\[a\]\:underline-offset-3 {
    :is(& > *) {
      &:is(a) {
        text-underline-offset: 3px;
      }
    }
  }
  .\[a\]\:hover\:bg-destructive\/20 {
    &:is(a) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--destructive);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
          }
        }
      }
    }
  }
  .\[a\]\:hover\:bg-muted {
    &:is(a) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--muted);
        }
      }
    }
  }
  .\[a\]\:hover\:bg-primary\/80 {
    &:is(a) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--primary);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--primary) 80%, transparent);
          }
        }
      }
    }
  }
  .\[a\]\:hover\:bg-secondary\/80 {
    &:is(a) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--secondary);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
          }
        }
      }
    }
  }
  .\[a\]\:hover\:text-muted-foreground {
    &:is(a) {
      &:hover {
        @media (hover: hover) {
          color: var(--muted-foreground);
        }
      }
    }
  }
  .\*\:\[a\]\:hover\:text-foreground {
    :is(& > *) {
      &:is(a) {
        &:hover {
          @media (hover: hover) {
            color: var(--foreground);
          }
        }
      }
    }
  }
  .\[data-state\=close\]\:opacity-100 {
    &:is(data-state=close) {
      opacity: 100%;
    }
  }
  .\[data-state\=open\]\:rotate-90 {
    &:is(data-state=open) {
      rotate: 90deg;
    }
  }
  .\[\&_svg\]\:\[\#plus\]\:\[data-state\=open\]\:opacity-0 {
    & svg {
      &:is(#plus) {
        &:is(data-state=open) {
          opacity: 0%;
        }
      }
    }
  }
  .\*\:\[img\:first-child\]\:rounded-t-xl {
    :is(& > *) {
      &:is(img:first-child) {
        border-top-left-radius: calc(var(--radius) * 1.4);
        border-top-right-radius: calc(var(--radius) * 1.4);
      }
    }
  }
  .\*\:\[img\:last-child\]\:rounded-b-xl {
    :is(& > *) {
      &:is(img:last-child) {
        border-bottom-right-radius: calc(var(--radius) * 1.4);
        border-bottom-left-radius: calc(var(--radius) * 1.4);
      }
    }
  }
  .\*\:\[span\]\:font-medium {
    :is(& > *) {
      &:is(span) {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
      }
    }
  }
  .\*\:\[span\]\:last\:flex {
    :is(& > *) {
      &:is(span) {
        &:last-child {
          display: flex;
        }
      }
    }
  }
  .\*\:\[span\]\:last\:items-center {
    :is(& > *) {
      &:is(span) {
        &:last-child {
          align-items: center;
        }
      }
    }
  }
  .\*\:\[span\]\:last\:gap-2 {
    :is(& > *) {
      &:is(span) {
        &:last-child {
          gap: calc(var(--spacing) * 2);
        }
      }
    }
  }
  .\*\:\[svg\]\:row-span-2 {
    :is(& > *) {
      &:is(svg) {
        grid-row: span 2 / span 2;
      }
    }
  }
  .\*\:\[svg\]\:translate-y-0\.5 {
    :is(& > *) {
      &:is(svg) {
        --tw-translate-y: calc(var(--spacing) * 0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .\*\:\[svg\]\:text-current {
    :is(& > *) {
      &:is(svg) {
        color: currentcolor;
      }
    }
  }
  .data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive {
    &[data-variant="destructive"] {
      :is(& > *) {
        &:is(svg) {
          color: var(--destructive);
        }
      }
    }
  }
  .data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive\! {
    &[data-variant="destructive"] {
      :is(& > *) {
        &:is(svg) {
          color: var(--destructive) !important;
        }
      }
    }
  }
  .data-selected\:\*\:\[svg\]\:text-foreground {
    &:where([data-selected="true"]) {
      :is(& > *) {
        &:is(svg) {
          color: var(--foreground);
        }
      }
    }
  }
  .\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
    :is(& > *) {
      &:is(svg:not([class*='size-'])) {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
      }
    }
  }
  .in-data-\[slot\=frame\]\:\*\*\:\[th\]\:h-9 {
    :where(*[data-slot="frame"]) & {
      :is(& *) {
        &:is(th) {
          height: calc(var(--spacing) * 9);
        }
      }
    }
  }
  .in-data-\[slot\=frame\]\:\*\:\[tr\]\:border-0 {
    :where(*[data-slot="frame"]) & {
      :is(& > *) {
        &:is(tr) {
          border-style: var(--tw-border-style);
          border-width: 0px;
        }
      }
    }
  }
  .in-data-\[slot\=frame\]\:\*\:\[tr\]\:border-none {
    :where(*[data-slot="frame"]) & {
      :is(& > *) {
        &:is(tr) {
          --tw-border-style: none;
          border-style: none;
        }
      }
    }
  }
  .in-data-\[slot\=frame\]\:\*\:\[tr\]\:hover\:bg-transparent {
    :where(*[data-slot="frame"]) & {
      :is(& > *) {
        &:is(tr) {
          &:hover {
            @media (hover: hover) {
              background-color: transparent;
            }
          }
        }
      }
    }
  }
  .in-data-\[slot\=frame\]\:\*\:\[tr\]\:\*\:\[td\]\:border-b {
    :where(*[data-slot="frame"]) & {
      :is(& > *) {
        &:is(tr) {
          :is(& > *) {
            &:is(td) {
              border-bottom-style: var(--tw-border-style);
              border-bottom-width: 1px;
            }
          }
        }
      }
    }
  }
  .in-data-\[slot\=frame\]\:\*\:\[tr\]\:\*\:\[td\]\:bg-background {
    :where(*[data-slot="frame"]) & {
      :is(& > *) {
        &:is(tr) {
          :is(& > *) {
            &:is(td) {
              background-color: var(--background);
            }
          }
        }
      }
    }
  }
  .in-data-\[slot\=frame\]\:\*\:\[tr\]\:\*\:\[td\]\:bg-clip-padding {
    :where(*[data-slot="frame"]) & {
      :is(& > *) {
        &:is(tr) {
          :is(& > *) {
            &:is(td) {
              background-clip: padding-box;
            }
          }
        }
      }
    }
  }
  .in-data-\[slot\=frame\]\:\*\:\[tr\]\:first\:\*\:\[td\]\:first\:rounded-ss-xl {
    :where(*[data-slot="frame"]) & {
      :is(& > *) {
        &:is(tr) {
          &:first-child {
            :is(& > *) {
              &:is(td) {
                &:first-child {
                  border-start-start-radius: calc(var(--radius) * 1.4);
                }
              }
            }
          }
        }
      }
    }
  }
  .in-data-\[slot\=frame\]\:\*\:\[tr\]\:\*\:\[td\]\:first\:border-s {
    :where(*[data-slot="frame"]) & {
      :is(& > *) {
        &:is(tr) {
          :is(& > *) {
            &:is(td) {
              &:first-child {
                border-inline-start-style: var(--tw-border-style);
                border-inline-start-width: 1px;
              }
            }
          }
        }
      }
    }
  }
  .in-data-\[slot\=frame\]\:\*\:\[tr\]\:first\:\*\:\[td\]\:border-t {
    :where(*[data-slot="frame"]) & {
      :is(& > *) {
        &:is(tr) {
          &:first-child {
            :is(& > *) {
              &:is(td) {
                border-top-style: var(--tw-border-style);
                border-top-width: 1px;
              }
            }
          }
        }
      }
    }
  }
  .in-data-\[slot\=frame\]\:\*\:\[tr\]\:last\:\*\:\[td\]\:last\:rounded-ee-xl {
    :where(*[data-slot="frame"]) & {
      :is(& > *) {
        &:is(tr) {
          &:last-child {
            :is(& > *) {
              &:is(td) {
                &:last-child {
                  border-end-end-radius: calc(var(--radius) * 1.4);
                }
              }
            }
          }
        }
      }
    }
  }
  .in-data-\[slot\=frame\]\:\*\:\[tr\]\:\*\:\[td\]\:last\:border-e {
    :where(*[data-slot="frame"]) & {
      :is(& > *) {
        &:is(tr) {
          :is(& > *) {
            &:is(td) {
              &:last-child {
                border-inline-end-style: var(--tw-border-style);
                border-inline-end-width: 1px;
              }
            }
          }
        }
      }
    }
  }
  .in-data-\[slot\=frame\]\:\*\:\[tr\]\:first\:\*\:\[td\]\:last\:rounded-se-xl {
    :where(*[data-slot="frame"]) & {
      :is(& > *) {
        &:is(tr) {
          &:first-child {
            :is(& > *) {
              &:is(td) {
                &:last-child {
                  border-start-end-radius: calc(var(--radius) * 1.4);
                }
              }
            }
          }
        }
      }
    }
  }
  .in-data-\[slot\=frame\]\:\*\:\[tr\]\:last\:\*\:\[td\]\:first\:rounded-es-xl {
    :where(*[data-slot="frame"]) & {
      :is(& > *) {
        &:is(tr) {
          &:last-child {
            :is(& > *) {
              &:is(td) {
                &:first-child {
                  border-end-start-radius: calc(var(--radius) * 1.4);
                }
              }
            }
          }
        }
      }
    }
  }
  .in-data-\[slot\=frame\]\:\*\:\[tr\]\:hover\:\*\:\[td\]\:bg-transparent {
    :where(*[data-slot="frame"]) & {
      :is(& > *) {
        &:is(tr) {
          &:hover {
            @media (hover: hover) {
              :is(& > *) {
                &:is(td) {
                  background-color: transparent;
                }
              }
            }
          }
        }
      }
    }
  }
  .in-data-\[slot\=frame\]\:\*\:\[tr\]\:data-\[state\=selected\]\:\*\:\[td\]\:bg-muted\/72 {
    :where(*[data-slot="frame"]) & {
      :is(& > *) {
        &:is(tr) {
          &[data-state="selected"] {
            :is(& > *) {
              &:is(td) {
                background-color: var(--muted);
                @supports (color: color-mix(in lab, red, red)) {
                  background-color: color-mix(in oklab, var(--muted) 72%, transparent);
                }
              }
            }
          }
        }
      }
    }
  }
  .\[\&\:last-child\>td\:first-child\]\:rounded-es-lg {
    &:last-child>td:first-child {
      border-end-start-radius: var(--radius);
    }
  }
  .\[\&\:last-child\>td\:last-child\]\:rounded-ee-lg {
    &:last-child>td:last-child {
      border-end-end-radius: var(--radius);
    }
  }
  .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-\(--cell-radius\) {
    &:last-child[data-selected=true] button {
      border-top-right-radius: var(--cell-radius);
      border-bottom-right-radius: var(--cell-radius);
    }
  }
  .focus-visible\:\[\&\:not\(\:hover\)\]\:bg-transparent {
    &:focus-visible {
      &:not(:hover) {
        background-color: transparent;
      }
    }
  }
  .data-\[ending-style\]\:\[\&\:not\(\[data-limited\]\)\]\:\[transform\:translateY\(150\%\)\] {
    &[data-ending-style] {
      &:not([data-limited]) {
        transform: translateY(150%);
      }
    }
  }
  .\[\&\:nth-child\(2\)\[data-selected\=true\]_button\]\:rounded-l-\(--cell-radius\) {
    &:nth-child(2)[data-selected=true] button {
      border-top-left-radius: var(--cell-radius);
      border-bottom-left-radius: var(--cell-radius);
    }
  }
  .\[\&\:where\(\>\*\)\]\:col-start-2 {
    &:where(>*) {
      grid-column-start: 2;
    }
  }
  .\[\&\>\*\]\:h-\[12rem\] {
    &>* {
      height: 12rem;
    }
  }
  .\[\&\>\*\]\:w-full {
    &>* {
      width: 100%;
    }
  }
  .\[\&\>\*\]\:max-w-none {
    &>* {
      max-width: none;
    }
  }
  .\[\&\>\*\]\:cursor-context-menu {
    &>* {
      cursor: context-menu;
    }
  }
  .\[\&\>\*\]\:items-end {
    &>* {
      align-items: flex-end;
    }
  }
  .\[\&\>\*\]\:justify-start {
    &>* {
      justify-content: flex-start;
    }
  }
  .\[\&\>\*\]\:rounded-xl {
    &>* {
      border-radius: calc(var(--radius) * 1.4);
    }
  }
  .\[\&\>\*\]\:border-0 {
    &>* {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .\[\&\>\*\]\:p-4 {
    &>* {
      padding: calc(var(--spacing) * 4);
    }
  }
  .\[\&\>\*\]\:text-left {
    &>* {
      text-align: left;
    }
  }
  .\[\&\>\*\]\:text-xs {
    &>* {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .\[\&\>\*\]\:font-medium {
    &>* {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .\[\&\>\*\]\:tracking-wide {
    &>* {
      --tw-tracking: var(--tracking-wide);
      letter-spacing: var(--tracking-wide);
    }
  }
  .\[\&\>\*\]\:text-white\/80 {
    &>* {
      color: color-mix(in srgb, #fff 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 80%, transparent);
      }
    }
  }
  .\[\&\>\*\]\:uppercase {
    &>* {
      text-transform: uppercase;
    }
  }
  .\[\&\>\*\]\:\[transform-style\:preserve-3d\] {
    &>* {
      transform-style: preserve-3d;
    }
  }
  .\[\&\>\*\]\:focus-visible\:relative {
    &>* {
      &:focus-visible {
        position: relative;
      }
    }
  }
  .\[\&\>\*\]\:focus-visible\:z-10 {
    &>* {
      &:focus-visible {
        z-index: 10;
      }
    }
  }
  .\@md\/field-group\:\[\&\>\*\]\:w-auto {
    @container field-group (width >= 28rem) {
      &>* {
        width: auto;
      }
    }
  }
  .\[\&\>\*\:first-child\]\:mt-0 {
    &>*:first-child {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .\[\&\>\*\:last-child\]\:mb-0 {
    &>*:last-child {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none {
    &>*:not(:first-child) {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
  }
  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-md {
    &>*:not(:first-child) {
      border-top-left-radius: calc(var(--radius) * 0.8);
      border-bottom-left-radius: calc(var(--radius) * 0.8);
    }
  }
  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none {
    &>*:not(:first-child) {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
  }
  .\[\&\>\*\:not\(\:first-child\)\]\:border-t-0 {
    &>*:not(:first-child) {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
  }
  .\[\&\>\*\:not\(\:first-child\)\]\:border-l-0 {
    &>*:not(:first-child) {
      border-left-style: var(--tw-border-style);
      border-left-width: 0px;
    }
  }
  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-md {
    &>*:not(:last-child) {
      border-top-right-radius: calc(var(--radius) * 0.8);
      border-bottom-right-radius: calc(var(--radius) * 0.8);
    }
  }
  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none {
    &>*:not(:last-child) {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
  }
  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none {
    &>*:not(:last-child) {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
    }
  }
  .\[\&\>\.aui-thread-root\]\:bg-inherit {
    &>.aui-thread-root {
      background-color: inherit;
    }
  }
  .\[\&\>\.aui-thread-root_\.aui-thread-viewport-footer\]\:bg-inherit {
    &>.aui-thread-root .aui-thread-viewport-footer {
      background-color: inherit;
    }
  }
  .\[\&\>\.sr-only\]\:w-auto {
    &>.sr-only {
      width: auto;
    }
  }
  .\[\&\>\[data-slot\=field-group\]\]\:gap-4 {
    &>[data-slot=field-group] {
      gap: calc(var(--spacing) * 4);
    }
  }
  .\[\&\>\[data-slot\=field-label\]\]\:flex-auto {
    &>[data-slot=field-label] {
      flex: auto;
    }
  }
  .\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto {
    @container field-group (width >= 28rem) {
      &>[data-slot=field-label] {
        flex: auto;
      }
    }
  }
  .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md {
    &:has(*:is(select[aria-hidden=true]:last-child)) {
      &>[data-slot=select-trigger]:last-of-type {
        border-top-right-radius: calc(var(--radius) * 0.8);
        border-bottom-right-radius: calc(var(--radius) * 0.8);
      }
    }
  }
  .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit {
    &>[data-slot=select-trigger]:not([class*='w-']) {
      width: fit-content;
    }
  }
  .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px {
    &:has(>[data-slot=field-content]) {
      &>[role=checkbox],[role=radio] {
        margin-top: 1px;
      }
    }
  }
  .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px {
    @container field-group (width >= 28rem) {
      &:has(>[data-slot=field-content]) {
        &>[role=checkbox],[role=radio] {
          margin-top: 1px;
        }
      }
    }
  }
  .\[\&\>a\]\:text-xs {
    &>a {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .\[\&\>a\]\:no-underline {
    &>a {
      text-decoration-line: none;
    }
  }
  .\[\&\>a\]\:underline {
    &>a {
      text-decoration-line: underline;
    }
  }
  .\[\&\>a\]\:underline-offset-4 {
    &>a {
      text-underline-offset: 4px;
    }
  }
  .\[\&\>a\:hover\]\:text-primary {
    &>a:hover {
      color: var(--primary);
    }
  }
  .\[\&\>button\]\:hidden {
    &>button {
      display: none;
    }
  }
  .\[\&\>button\]\:rounded-full {
    &>button {
      border-radius: calc(infinity * 1px);
    }
  }
  .\[\&\>button\]\:bg-foreground\/60 {
    &>button {
      background-color: var(--foreground);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--foreground) 60%, transparent);
      }
    }
  }
  .\[\&\>button\]\:p-1 {
    &>button {
      padding: calc(var(--spacing) * 1);
    }
  }
  .\[\&\>button\]\:opacity-100 {
    &>button {
      opacity: 100%;
    }
  }
  .\[\&\>button\]\:ring-0\! {
    &>button {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
  }
  .\[\&\>button\]\:hover\:\[\&_svg\]\:text-destructive {
    &>button {
      &:hover {
        @media (hover: hover) {
          & svg {
            color: var(--destructive);
          }
        }
      }
    }
  }
  .\[\&\>div\]\:\!absolute {
    &>div {
      position: absolute !important;
    }
  }
  .\[\&\>div\]\:absolute {
    &>div {
      position: absolute;
    }
  }
  .\[\&\>div\]\:\!inset-0 {
    &>div {
      inset: calc(var(--spacing) * 0) !important;
    }
  }
  .\[\&\>div\]\:inset-0 {
    &>div {
      inset: calc(var(--spacing) * 0);
    }
  }
  .\[\&\>div\]\:\!h-16 {
    &>div {
      height: calc(var(--spacing) * 16) !important;
    }
  }
  .\[\&\>div\]\:\!h-auto {
    &>div {
      height: auto !important;
    }
  }
  .\[\&\>div\]\:\!h-full {
    &>div {
      height: 100% !important;
    }
  }
  .\[\&\>div\]\:h-full {
    &>div {
      height: 100%;
    }
  }
  .\[\&\>div\]\:\!min-h-0 {
    &>div {
      min-height: calc(var(--spacing) * 0) !important;
    }
  }
  .\[\&\>div\]\:\!min-h-full {
    &>div {
      min-height: 100% !important;
    }
  }
  .\[\&\>div\]\:min-h-full {
    &>div {
      min-height: 100%;
    }
  }
  .\[\&\>div\]\:\!w-auto {
    &>div {
      width: auto !important;
    }
  }
  .\[\&\>div\]\:\!w-full {
    &>div {
      width: 100% !important;
    }
  }
  .\[\&\>div\]\:w-full {
    &>div {
      width: 100%;
    }
  }
  .\[\&\>div\]\:\!justify-start {
    &>div {
      justify-content: flex-start !important;
    }
  }
  .\[\&\>div\]\:\!gap-0 {
    &>div {
      gap: calc(var(--spacing) * 0) !important;
    }
  }
  .\[\&\>div\]\:\!rounded-none {
    &>div {
      border-radius: 0 !important;
    }
  }
  .\[\&\>div\]\:\!bg-transparent {
    &>div {
      background-color: transparent !important;
    }
  }
  .\[\&\>div\]\:bg-\[linear-gradient\(45deg\,rgba\(255\,255\,255\,\.15\)_25\%\,transparent_25\%\,transparent_50\%\,rgba\(255\,255\,255\,\.15\)_50\%\,rgba\(255\,255\,255\,\.15\)_75\%\,transparent_75\%\,transparent\)\] {
    &>div {
      background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    }
  }
  .\[\&\>div\]\:\!p-0 {
    &>div {
      padding: calc(var(--spacing) * 0) !important;
    }
  }
  .\[\&\>div\]\:pb-0 {
    &>div {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .\[\&\>div\>button\]\:\!h-9 {
    &>div>button {
      height: calc(var(--spacing) * 9) !important;
    }
  }
  .\[\&\>div\>button\]\:\!w-9 {
    &>div>button {
      width: calc(var(--spacing) * 9) !important;
    }
  }
  .\[\&\>div\>button\]\:\!border-gray-200 {
    &>div>button {
      border-color: var(--color-gray-200) !important;
    }
  }
  .\[\&\>div\>div\]\:\!h-full {
    &>div>div {
      height: 100% !important;
    }
  }
  .\[\&\>div\>div\]\:\!w-full {
    &>div>div {
      width: 100% !important;
    }
  }
  .\[\&\>div\>div\]\:\!border-0 {
    &>div>div {
      border-style: var(--tw-border-style) !important;
      border-width: 0px !important;
    }
  }
  .\[\&\>div\>div\]\:\!p-0 {
    &>div>div {
      padding: calc(var(--spacing) * 0) !important;
    }
  }
  .\[\&\>img\]\:rounded-full {
    &>img {
      border-radius: calc(infinity * 1px);
    }
  }
  .\[\&\>img\]\:p-px {
    &>img {
      padding: 1px;
    }
  }
  .\[\&\>img\]\:ring-1 {
    &>img {
      --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);
    }
  }
  .\[\&\>input\]\:flex-1 {
    &>input {
      flex: 1;
    }
  }
  .has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3 {
    &:has(>[data-align=block-end]) {
      &>input {
        padding-top: calc(var(--spacing) * 3);
      }
    }
  }
  .has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3 {
    &:has(>[data-align=block-start]) {
      &>input {
        padding-bottom: calc(var(--spacing) * 3);
      }
    }
  }
  .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-1\.5 {
    &:has(>[data-align=inline-end]) {
      &>input {
        padding-right: calc(var(--spacing) * 1.5);
      }
    }
  }
  .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2 {
    &:has(>[data-align=inline-end]) {
      &>input {
        padding-right: calc(var(--spacing) * 2);
      }
    }
  }
  .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-1\.5 {
    &:has(>[data-align=inline-start]) {
      &>input {
        padding-left: calc(var(--spacing) * 1.5);
      }
    }
  }
  .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2 {
    &:has(>[data-align=inline-start]) {
      &>input {
        padding-left: calc(var(--spacing) * 2);
      }
    }
  }
  .\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\] {
    &>kbd {
      border-radius: calc(var(--radius) - 5px);
    }
  }
  .\[\&\>li\]\:mt-1 {
    &>li {
      margin-top: calc(var(--spacing) * 1);
    }
  }
  .\[\&\>li\]\:transition {
    &>li {
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .\[\&\>li\:hover\]\:text-foreground {
    &>li:hover {
      color: var(--foreground);
    }
  }
  .\[\&\>pre\]\:px-4 {
    &>pre {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .\[\&\>pre\]\:py-4 {
    &>pre {
      padding-block: calc(var(--spacing) * 4);
    }
  }
  .\[\&\>section\]\:grid {
    &>section {
      display: grid;
    }
  }
  .\[\&\>section\]\:place-items-center {
    &>section {
      place-items: center;
    }
  }
  .\[\&\>span\]\:line-clamp-1 {
    &>span {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
    }
  }
  .\[\&\>span\]\:flex {
    &>span {
      display: flex;
    }
  }
  .\[\&\>span\]\:items-center {
    &>span {
      align-items: center;
    }
  }
  .\[\&\>span\]\:gap-2 {
    &>span {
      gap: calc(var(--spacing) * 2);
    }
  }
  .\[\&\>span\]\:text-xs {
    &>span {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .\[\&\>span\]\:opacity-70 {
    &>span {
      opacity: 70%;
    }
  }
  .\*\*\:data-\[slot\=sidebar-menu-button\]\:\[\&\>span\]\:text-foreground\/75 {
    :is(& *) {
      &[data-slot="sidebar-menu-button"] {
        &>span {
          color: var(--foreground);
          @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--foreground) 75%, transparent);
          }
        }
      }
    }
  }
  .\[\&\>span_svg\]\:shrink-0 {
    &>span svg {
      flex-shrink: 0;
    }
  }
  .\[\&\>span\:last-child\]\:truncate {
    &>span:last-child {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
  .\[\&\>svg\]\:pointer-events-none {
    &>svg {
      pointer-events: none;
    }
  }
  .\[\&\>svg\]\:absolute {
    &>svg {
      position: absolute;
    }
  }
  .\[\&\>svg\]\:top-4 {
    &>svg {
      top: calc(var(--spacing) * 4);
    }
  }
  .\[\&\>svg\]\:left-4 {
    &>svg {
      left: calc(var(--spacing) * 4);
    }
  }
  .\[\&\>svg\]\:-mx-0\.5 {
    &>svg {
      margin-inline: calc(var(--spacing) * -0.5);
    }
  }
  .\[\&\>svg\]\:hidden {
    &>svg {
      display: none;
    }
  }
  .\[\&\>svg\]\:size-2\.5 {
    &>svg {
      width: calc(var(--spacing) * 2.5);
      height: calc(var(--spacing) * 2.5);
    }
  }
  .\[\&\>svg\]\:size-3 {
    &>svg {
      width: calc(var(--spacing) * 3);
      height: calc(var(--spacing) * 3);
    }
  }
  .\[\&\>svg\]\:size-3\! {
    &>svg {
      width: calc(var(--spacing) * 3) !important;
      height: calc(var(--spacing) * 3) !important;
    }
  }
  .\[\&\>svg\]\:size-3\.5 {
    &>svg {
      width: calc(var(--spacing) * 3.5);
      height: calc(var(--spacing) * 3.5);
    }
  }
  .\[\&\>svg\]\:size-4 {
    &>svg {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .\[\&\>svg\]\:h-2\.5 {
    &>svg {
      height: calc(var(--spacing) * 2.5);
    }
  }
  .\[\&\>svg\]\:h-3 {
    &>svg {
      height: calc(var(--spacing) * 3);
    }
  }
  .\[\&\>svg\]\:h-3\.5 {
    &>svg {
      height: calc(var(--spacing) * 3.5);
    }
  }
  .\[\&\>svg\]\:w-2\.5 {
    &>svg {
      width: calc(var(--spacing) * 2.5);
    }
  }
  .\[\&\>svg\]\:w-3 {
    &>svg {
      width: calc(var(--spacing) * 3);
    }
  }
  .\[\&\>svg\]\:w-3\.5 {
    &>svg {
      width: calc(var(--spacing) * 3.5);
    }
  }
  .\[\&\>svg\]\:shrink-0 {
    &>svg {
      flex-shrink: 0;
    }
  }
  .\[\&\>svg\]\:text-muted-foreground {
    &>svg {
      color: var(--muted-foreground);
    }
  }
  .\[\&\>svg\]\:text-sidebar-accent-foreground {
    &>svg {
      color: var(--sidebar-accent-foreground);
    }
  }
  .group-has-data-\[size\=lg\]\/avatar-group\:\[\&\>svg\]\:size-5 {
    &:is(:where(.group\/avatar-group):has(*[data-size="lg"]) *) {
      &>svg {
        width: calc(var(--spacing) * 5);
        height: calc(var(--spacing) * 5);
      }
    }
  }
  .group-has-data-\[size\=sm\]\/avatar-group\:\[\&\>svg\]\:size-3 {
    &:is(:where(.group\/avatar-group):has(*[data-size="sm"]) *) {
      &>svg {
        width: calc(var(--spacing) * 3);
        height: calc(var(--spacing) * 3);
      }
    }
  }
  .group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2 {
    &:is(:where(.group\/avatar)[data-size="default"] *) {
      &>svg {
        width: calc(var(--spacing) * 2);
        height: calc(var(--spacing) * 2);
      }
    }
  }
  .group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2 {
    &:is(:where(.group\/avatar)[data-size="lg"] *) {
      &>svg {
        width: calc(var(--spacing) * 2);
        height: calc(var(--spacing) * 2);
      }
    }
  }
  .group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden {
    &:is(:where(.group\/avatar)[data-size="sm"] *) {
      &>svg {
        display: none;
      }
    }
  }
  .\[\&\>svg\+div\]\:translate-y-\[-3px\] {
    &>svg+div {
      --tw-translate-y: -3px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .\[\&\>svg\:not\(\:last-child\)\]\:-mx-0\.5 {
    &>svg:not(:last-child) {
      margin-inline: calc(var(--spacing) * -0.5);
    }
  }
  .\[\&\>svg\:not\(\[class\*\=\'opacity-\'\]\)\]\:opacity-80 {
    &>svg:not([class*='opacity-']) {
      opacity: 80%;
    }
  }
  .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 {
    &>svg:not([class*='size-']) {
      width: calc(var(--spacing) * 3.5);
      height: calc(var(--spacing) * 3.5);
    }
  }
  .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
    &>svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4\.5 {
    &>svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4.5);
      height: calc(var(--spacing) * 4.5);
    }
  }
  .sm\:\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
    @media (width >= 40rem) {
      &>svg:not([class*='size-']) {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
      }
    }
  }
  .\[\&\>svg\~\*\]\:pl-7 {
    &>svg~* {
      padding-left: calc(var(--spacing) * 7);
    }
  }
  .\[\&\>tr\]\:last\:border-b-0 {
    &>tr {
      &:last-child {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0px;
      }
    }
  }
  .\[\&\[aria-orientation\=horizontal\]\>div\]\:rotate-90 {
    &[aria-orientation=horizontal]>div {
      rotate: 90deg;
    }
  }
  .\[\&\[data-disabled\]\>\*\]\:after\:bg-foreground\/30 {
    &[data-disabled]>* {
      &::after {
        content: var(--tw-content);
        background-color: var(--foreground);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--foreground) 30%, transparent);
        }
      }
    }
  }
  .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90 {
    &[data-panel-group-direction=vertical]>div {
      rotate: 90deg;
    }
  }
  .\[\&\[data-selected\]\:not\(\.range-middle\)\>\*\]\:after\:bg-background {
    &[data-selected]:not(.range-middle)>* {
      &::after {
        content: var(--tw-content);
        background-color: var(--background);
      }
    }
  }
  .\[\&\[data-state\=open\]\]\:rounded-b-none {
    &[data-state=open] {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
    }
  }
  .\[\&\[data-state\=open\]\]\:border-b-2 {
    &[data-state=open] {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 2px;
    }
  }
  .\[\&\[data-state\=open\]\>svg\]\:rotate-180 {
    &[data-state=open]>svg {
      rotate: 180deg;
    }
  }
  .\[\&\[hidden\]\:not\(\[hidden\=\'until-found\'\]\)\]\:hidden {
    &[hidden]:not([hidden='until-found']) {
      display: none;
    }
  }
  .\[\@media\(min-width\:320px\)\]\:h-20 {
    @media (min-width:320px) {
      height: calc(var(--spacing) * 20);
    }
  }
  .\[\@media\(min-width\:500px\)\]\:size-9 {
    @media (min-width:500px) {
      width: calc(var(--spacing) * 9);
      height: calc(var(--spacing) * 9);
    }
  }
  .\[\@media\(min-width\:500px\)\]\:h-36 {
    @media (min-width:500px) {
      height: calc(var(--spacing) * 36);
    }
  }
  .\[\[data-side\=left\]_\&\]\:cursor-w-resize {
    [data-side=left] & {
      cursor: w-resize;
    }
  }
  .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
    [data-side=left][data-collapsible=offcanvas] & {
      right: calc(var(--spacing) * -2);
    }
  }
  .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
    [data-side=left][data-state=collapsed] & {
      cursor: e-resize;
    }
  }
  .\[\[data-side\=right\]_\&\]\:cursor-e-resize {
    [data-side=right] & {
      cursor: e-resize;
    }
  }
  .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
    [data-side=right][data-collapsible=offcanvas] & {
      left: calc(var(--spacing) * -2);
    }
  }
  .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
    [data-side=right][data-state=collapsed] & {
      cursor: w-resize;
    }
  }
  .\[\[data-slot\=combobox-chip\]\+\&\]\:ps-0\.5 {
    [data-slot=combobox-chip]+& {
      padding-inline-start: calc(var(--spacing) * 0.5);
    }
  }
  .\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5 {
    [data-variant=legend]+& {
      margin-top: calc(var(--spacing) * -1.5);
    }
  }
  .\[\[role\=group\]\+\&\]\:mt-1\.5 {
    [role=group]+& {
      margin-top: calc(var(--spacing) * 1.5);
    }
  }
  .\[a\&\]\:hover\:bg-accent {
    a& {
      &:hover {
        @media (hover: hover) {
          background-color: var(--accent);
        }
      }
    }
  }
  .\[a\&\]\:hover\:bg-destructive\/90 {
    a& {
      &:hover {
        @media (hover: hover) {
          background-color: var(--destructive);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
          }
        }
      }
    }
  }
  .\[a\&\]\:hover\:bg-primary\/90 {
    a& {
      &:hover {
        @media (hover: hover) {
          background-color: var(--primary);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--primary) 90%, transparent);
          }
        }
      }
    }
  }
  .\[a\&\]\:hover\:bg-secondary\/90 {
    a& {
      &:hover {
        @media (hover: hover) {
          background-color: var(--secondary);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--secondary) 90%, transparent);
          }
        }
      }
    }
  }
  .\[a\&\]\:hover\:text-accent-foreground {
    a& {
      &:hover {
        @media (hover: hover) {
          color: var(--accent-foreground);
        }
      }
    }
  }
  .\[a\&\]\:hover\:underline {
    a& {
      &:hover {
        @media (hover: hover) {
          text-decoration-line: underline;
        }
      }
    }
  }
  .\[button\&\,a\&\]\:cursor-pointer {
    button&,a& {
      cursor: pointer;
    }
  }
  .\[button\&\,a\&\]\:hover\:bg-accent\/50 {
    button&,a& {
      &:hover {
        @media (hover: hover) {
          background-color: var(--accent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--accent) 50%, transparent);
          }
        }
      }
    }
  }
  .\[button\&\,a\&\]\:hover\:bg-destructive\/90 {
    button&,a& {
      &:hover {
        @media (hover: hover) {
          background-color: var(--destructive);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
          }
        }
      }
    }
  }
  .\[button\&\,a\&\]\:hover\:bg-primary\/90 {
    button&,a& {
      &:hover {
        @media (hover: hover) {
          background-color: var(--primary);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--primary) 90%, transparent);
          }
        }
      }
    }
  }
  .\[button\&\,a\&\]\:hover\:bg-secondary\/90 {
    button&,a& {
      &:hover {
        @media (hover: hover) {
          background-color: var(--secondary);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--secondary) 90%, transparent);
          }
        }
      }
    }
  }
  .dark\:\[button\&\,a\&\]\:hover\:bg-input\/48 {
    &:is(.dark *) {
      button&,a& {
        &:hover {
          @media (hover: hover) {
            background-color: var(--input);
            @supports (color: color-mix(in lab, red, red)) {
              background-color: color-mix(in oklab, var(--input) 48%, transparent);
            }
          }
        }
      }
    }
  }
  .\[button\&\,a\&\]\:pointer-coarse\:after\:absolute {
    button&,a& {
      @media (pointer: coarse) {
        &::after {
          content: var(--tw-content);
          position: absolute;
        }
      }
    }
  }
  .\[button\&\,a\&\]\:pointer-coarse\:after\:size-full {
    button&,a& {
      @media (pointer: coarse) {
        &::after {
          content: var(--tw-content);
          width: 100%;
          height: 100%;
        }
      }
    }
  }
  .\[button\&\,a\&\]\:pointer-coarse\:after\:min-h-11 {
    button&,a& {
      @media (pointer: coarse) {
        &::after {
          content: var(--tw-content);
          min-height: calc(var(--spacing) * 11);
        }
      }
    }
  }
  .\[button\&\,a\&\]\:pointer-coarse\:after\:min-w-11 {
    button&,a& {
      @media (pointer: coarse) {
        &::after {
          content: var(--tw-content);
          min-width: calc(var(--spacing) * 11);
        }
      }
    }
  }
}
@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}
@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}
@property --tw-animation-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}
@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
:root {
  --mono-app: #181614;
  --mono-panel: #201e1b;
  --mono-elev: #26231f;
  --mono-field: #181614;
  --mono-ink: #f1ebdc;
  --mono-ink-2: #c7c0ae;
  --mono-ink-3: #8b8676;
  --mono-line: rgba(255, 255, 255, 0.07);
  --mono-hover: rgba(255, 255, 255, 0.045);
  --mono-active: rgba(255, 255, 255, 0.09);
  --mono-strong: rgba(255, 255, 255, 0.22);
}
html.in-iframe, html.in-iframe body {
  min-height: 0 !important;
  height: auto !important;
}
html.in-iframe main {
  min-height: 0 !important;
}
html.in-iframe [data-fdy-surface] {
  min-height: 460px !important;
}
:root {
  --background: oklch(1 0 0);
  --foreground: oklch(0.145 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.145 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.145 0 0);
  --primary: oklch(0.205 0 0);
  --primary-foreground: oklch(0.985 0 0);
  --secondary: oklch(0.97 0 0);
  --secondary-foreground: oklch(0.205 0 0);
  --muted: oklch(0.97 0 0);
  --muted-foreground: oklch(0.556 0 0);
  --accent: oklch(0.97 0 0);
  --accent-foreground: oklch(0.205 0 0);
  --destructive: oklch(0.577 0.245 27.325);
  --border: oklch(0.922 0 0);
  --input: oklch(0.922 0 0);
  --ring: oklch(0.708 0 0);
  --chart-1: oklch(0.87 0 0);
  --chart-2: oklch(0.556 0 0);
  --chart-3: oklch(0.439 0 0);
  --chart-4: oklch(0.371 0 0);
  --chart-5: oklch(0.269 0 0);
  --radius: 0.625rem;
  --sidebar: oklch(0.985 0 0);
  --sidebar-foreground: oklch(0.145 0 0);
  --sidebar-primary: oklch(0.205 0 0);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.97 0 0);
  --sidebar-accent-foreground: oklch(0.205 0 0);
  --sidebar-border: oklch(0.922 0 0);
  --sidebar-ring: oklch(0.708 0 0);
}
.dark {
  --background: oklch(0.145 0 0);
  --foreground: oklch(0.985 0 0);
  --card: oklch(0.205 0 0);
  --card-foreground: oklch(0.985 0 0);
  --popover: oklch(0.205 0 0);
  --popover-foreground: oklch(0.985 0 0);
  --primary: oklch(0.922 0 0);
  --primary-foreground: oklch(0.205 0 0);
  --secondary: oklch(0.269 0 0);
  --secondary-foreground: oklch(0.985 0 0);
  --muted: oklch(0.269 0 0);
  --muted-foreground: oklch(0.708 0 0);
  --accent: oklch(0.269 0 0);
  --accent-foreground: oklch(0.985 0 0);
  --destructive: oklch(0.704 0.191 22.216);
  --border: oklch(1 0 0 / 10%);
  --input: oklch(1 0 0 / 15%);
  --ring: oklch(0.556 0 0);
  --chart-1: oklch(0.87 0 0);
  --chart-2: oklch(0.556 0 0);
  --chart-3: oklch(0.439 0 0);
  --chart-4: oklch(0.371 0 0);
  --chart-5: oklch(0.269 0 0);
  --sidebar: oklch(0.205 0 0);
  --sidebar-foreground: oklch(0.985 0 0);
  --sidebar-primary: oklch(0.488 0.243 264.376);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.269 0 0);
  --sidebar-accent-foreground: oklch(0.985 0 0);
  --sidebar-border: oklch(1 0 0 / 10%);
  --sidebar-ring: oklch(0.556 0 0);
}
@layer base {
  * {
    border-color: var(--border);
    outline-color: var(--ring);
    @supports (color: color-mix(in lab, red, red)) {
      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }
  body {
    background-color: var(--background);
    color: var(--foreground);
  }
  html {
    font-family: var(--font-geist-sans);
  }
}
@property --tw-border-spacing-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-spacing-y {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-pan-x {
  syntax: "*";
  inherits: false;
}
@property --tw-pan-y {
  syntax: "*";
  inherits: false;
}
@property --tw-pinch-zoom {
  syntax: "*";
  inherits: false;
}
@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}
@property --tw-scrollbar-thumb {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-scrollbar-track {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@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-mask-linear {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-radial {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-conic {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-left {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-right {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-bottom {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-top {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-top-from-position {
  syntax: "*";
  inherits: false;
  initial-value: 0%;
}
@property --tw-mask-top-to-position {
  syntax: "*";
  inherits: false;
  initial-value: 100%;
}
@property --tw-mask-top-from-color {
  syntax: "*";
  inherits: false;
  initial-value: black;
}
@property --tw-mask-top-to-color {
  syntax: "*";
  inherits: false;
  initial-value: transparent;
}
@property --tw-mask-bottom-from-position {
  syntax: "*";
  inherits: false;
  initial-value: 0%;
}
@property --tw-mask-bottom-to-position {
  syntax: "*";
  inherits: false;
  initial-value: 100%;
}
@property --tw-mask-bottom-from-color {
  syntax: "*";
  inherits: false;
  initial-value: black;
}
@property --tw-mask-bottom-to-color {
  syntax: "*";
  inherits: false;
  initial-value: transparent;
}
@property --tw-mask-right-from-position {
  syntax: "*";
  inherits: false;
  initial-value: 0%;
}
@property --tw-mask-right-to-position {
  syntax: "*";
  inherits: false;
  initial-value: 100%;
}
@property --tw-mask-right-from-color {
  syntax: "*";
  inherits: false;
  initial-value: black;
}
@property --tw-mask-right-to-color {
  syntax: "*";
  inherits: false;
  initial-value: transparent;
}
@property --tw-mask-left-from-position {
  syntax: "*";
  inherits: false;
  initial-value: 0%;
}
@property --tw-mask-left-to-position {
  syntax: "*";
  inherits: false;
  initial-value: 100%;
}
@property --tw-mask-left-from-color {
  syntax: "*";
  inherits: false;
  initial-value: black;
}
@property --tw-mask-left-to-color {
  syntax: "*";
  inherits: false;
  initial-value: transparent;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 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-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-text-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-text-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@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);
  }
}
@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity,1);
    transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
    filter: blur(var(--tw-enter-blur,0));
  }
}
@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity,1);
    transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));
    filter: blur(var(--tw-exit-blur,0));
  }
}
@keyframes accordion-down {
  from {
    height: 0;
  }
  to {
    height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))));
  }
}
@keyframes accordion-up {
  from {
    height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))));
  }
  to {
    height: 0;
  }
}
@keyframes collapsible-down {
  from {
    height: 0;
  }
  to {
    height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto))));
  }
}
@keyframes collapsible-up {
  from {
    height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto))));
  }
  to {
    height: 0;
  }
}
@keyframes caret-blink {
  0%,70%,100% {
    opacity: 1;
  }
  20%,50% {
    opacity: 0;
  }
}
@keyframes accordion-down {
  from {
    height: 0;
  }
  to {
    height: var( --radix-accordion-content-height, var(--accordion-panel-height, auto) );
  }
}
@keyframes accordion-up {
  from {
    height: var( --radix-accordion-content-height, var(--accordion-panel-height, auto) );
  }
  to {
    height: 0;
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-pan-x: initial;
      --tw-pan-y: initial;
      --tw-pinch-zoom: initial;
      --tw-scroll-snap-strictness: proximity;
      --tw-scrollbar-thumb: #0000;
      --tw-scrollbar-track: #0000;
      --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-mask-linear: linear-gradient(#fff, #fff);
      --tw-mask-radial: linear-gradient(#fff, #fff);
      --tw-mask-conic: linear-gradient(#fff, #fff);
      --tw-mask-left: linear-gradient(#fff, #fff);
      --tw-mask-right: linear-gradient(#fff, #fff);
      --tw-mask-bottom: linear-gradient(#fff, #fff);
      --tw-mask-top: linear-gradient(#fff, #fff);
      --tw-mask-top-from-position: 0%;
      --tw-mask-top-to-position: 100%;
      --tw-mask-top-from-color: black;
      --tw-mask-top-to-color: transparent;
      --tw-mask-bottom-from-position: 0%;
      --tw-mask-bottom-to-position: 100%;
      --tw-mask-bottom-from-color: black;
      --tw-mask-bottom-to-color: transparent;
      --tw-mask-right-from-position: 0%;
      --tw-mask-right-to-position: 100%;
      --tw-mask-right-from-color: black;
      --tw-mask-right-to-color: transparent;
      --tw-mask-left-from-position: 0%;
      --tw-mask-left-to-position: 100%;
      --tw-mask-left-from-color: black;
      --tw-mask-left-to-color: transparent;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-text-shadow-color: initial;
      --tw-text-shadow-alpha: 100%;
      --tw-content: "";
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
    }
  }
}