/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties;
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/assets/fonts/playfair-display-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/assets/fonts/playfair-display-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: Avenir, "Helvetica Neue", Helvetica, sans-serif;
    --font-serif: Georgia, serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --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-yellow-950: oklch(28.6% 0.066 53.813);
    --color-lime-50: oklch(98.6% 0.031 120.757);
    --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-lime-600: oklch(64.8% 0.2 131.684);
    --color-lime-700: oklch(53.2% 0.157 131.589);
    --color-lime-800: oklch(45.3% 0.124 130.933);
    --color-lime-900: oklch(40.5% 0.101 131.063);
    --color-lime-950: oklch(27.4% 0.072 132.109);
    --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-50: oklch(98.4% 0.014 180.72);
    --color-teal-100: oklch(95.3% 0.051 180.801);
    --color-teal-200: oklch(91% 0.096 180.426);
    --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-teal-950: oklch(27.7% 0.046 192.524);
    --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-800: oklch(45.2% 0.211 324.591);
    --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-700: oklch(52.5% 0.223 3.958);
    --color-pink-800: oklch(45.9% 0.187 3.815);
    --color-pink-900: oklch(40.8% 0.153 2.432);
    --color-pink-950: oklch(28.4% 0.109 3.907);
    --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-lg: 64rem;
    --breakpoint-xl: 80rem;
    --breakpoint-2xl: 96rem;
    --container-3xs: 16rem;
    --container-2xs: 18rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --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-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tighter: -0.05em;
    --tracking-tight: -0.025em;
    --tracking-normal: 0em;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --leading-loose: 2;
    --radius-xs: 0.125rem;
    --radius-sm: calc(var(--radius) - 4px);
    --radius-md: var(--radius);
    --radius-lg: calc(var(--radius) + 8px);
    --radius-xl: calc(var(--radius) + 16px);
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --radius-4xl: 2rem;
    --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --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;
    --aspect-video: 16 / 9;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: Avenir, "Helvetica Neue", Helvetica, sans-serif;
    --default-mono-font-family: var(--font-mono);
    --color-background: hsl(var(--background));
    --color-foreground: hsl(var(--foreground));
    --color-primary: hsl(var(--primary));
    --color-primary-foreground: hsl(var(--primary-foreground));
    --color-secondary: hsl(var(--secondary));
    --color-accent: hsl(var(--accent));
    --color-border: hsl(var(--border-hsl));
    --animate-bounce-side: bounce-side 1s ease-in-out infinite;
    --font-heading: Georgia, serif;
  }
}
@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\/field-group {
    container-type: inline-size;
    container-name: field-group;
  }
  .\@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;
  }
  .visible\! {
    visibility: visible !important;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip-path: none;
    white-space: normal;
  }
  .\!absolute {
    position: absolute !important;
  }
  .\!fixed {
    position: fixed !important;
  }
  .\!relative {
    position: relative !important;
  }
  .\!static {
    position: static !important;
  }
  .\!sticky {
    position: sticky !important;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .-inset-0 {
    inset: calc(var(--spacing) * -0);
  }
  .-inset-0\.5 {
    inset: calc(var(--spacing) * -0.5);
  }
  .-inset-1 {
    inset: calc(var(--spacing) * -1);
  }
  .-inset-4 {
    inset: calc(var(--spacing) * -4);
  }
  .-inset-6 {
    inset: calc(var(--spacing) * -6);
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-2 {
    inset: calc(var(--spacing) * 2);
  }
  .inset-4 {
    inset: calc(var(--spacing) * 4);
  }
  .inset-8 {
    inset: calc(var(--spacing) * 8);
  }
  .inset-12 {
    inset: calc(var(--spacing) * 12);
  }
  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }
  .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-5 {
    inset-inline: calc(var(--spacing) * 5);
  }
  .inset-x-10 {
    inset-inline: calc(var(--spacing) * 10);
  }
  .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-2 {
    inset-block: calc(var(--spacing) * 2);
  }
  .inset-y-\[5px\] {
    inset-block: 5px;
  }
  .inset-y-\[7px\] {
    inset-block: 7px;
  }
  .\!start {
    inset-inline-start: var(--spacing) !important;
  }
  .-start {
    inset-inline-start: calc(var(--spacing) * -1);
  }
  .-start-3 {
    inset-inline-start: calc(var(--spacing) * -3);
  }
  .start {
    inset-inline-start: var(--spacing);
  }
  .start\! {
    inset-inline-start: var(--spacing) !important;
  }
  .start-0 {
    inset-inline-start: calc(var(--spacing) * 0);
  }
  .start-1 {
    inset-inline-start: calc(var(--spacing) * 1);
  }
  .start-1\/2 {
    inset-inline-start: calc(1/2 * 100%);
  }
  .start-2 {
    inset-inline-start: calc(var(--spacing) * 2);
  }
  .start-50 {
    inset-inline-start: calc(var(--spacing) * 50);
  }
  .start-100 {
    inset-inline-start: calc(var(--spacing) * 100);
  }
  .\!end {
    inset-inline-end: var(--spacing) !important;
  }
  .-end {
    inset-inline-end: calc(var(--spacing) * -1);
  }
  .-end-0 {
    inset-inline-end: calc(var(--spacing) * -0);
  }
  .-end-0\.5 {
    inset-inline-end: calc(var(--spacing) * -0.5);
  }
  .end {
    inset-inline-end: var(--spacing);
  }
  .end\! {
    inset-inline-end: var(--spacing) !important;
  }
  .end-0 {
    inset-inline-end: calc(var(--spacing) * 0);
  }
  .end-1 {
    inset-inline-end: calc(var(--spacing) * 1);
  }
  .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);
  }
  .end-50 {
    inset-inline-end: calc(var(--spacing) * 50);
  }
  .end-100 {
    inset-inline-end: calc(var(--spacing) * 100);
  }
  .end-\[3px\] {
    inset-inline-end: 3px;
  }
  .end-full {
    inset-inline-end: 100%;
  }
  .\!top-0 {
    top: calc(var(--spacing) * 0) !important;
  }
  .-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-2 {
    top: calc(var(--spacing) * -2);
  }
  .-top-3 {
    top: calc(var(--spacing) * -3);
  }
  .-top-4 {
    top: calc(var(--spacing) * -4);
  }
  .-top-5 {
    top: calc(var(--spacing) * -5);
  }
  .-top-6 {
    top: calc(var(--spacing) * -6);
  }
  .-top-8 {
    top: calc(var(--spacing) * -8);
  }
  .-top-10 {
    top: calc(var(--spacing) * -10);
  }
  .-top-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-40 {
    top: calc(var(--spacing) * -40);
  }
  .-top-\[1\.15rem\] {
    top: calc(1.15rem * -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\/3 {
    top: calc(2 / 3 * 100%);
  }
  .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-11 {
    top: calc(var(--spacing) * 11);
  }
  .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-28 {
    top: calc(var(--spacing) * 28);
  }
  .top-32 {
    top: calc(var(--spacing) * 32);
  }
  .top-36 {
    top: calc(var(--spacing) * 36);
  }
  .top-40 {
    top: calc(var(--spacing) * 40);
  }
  .top-50 {
    top: calc(var(--spacing) * 50);
  }
  .top-56 {
    top: calc(var(--spacing) * 56);
  }
  .top-100 {
    top: calc(var(--spacing) * 100);
  }
  .top-107 {
    top: calc(var(--spacing) * 107);
  }
  .top-\[-1\%\] {
    top: -1%;
  }
  .top-\[-1px\] {
    top: -1px;
  }
  .top-\[-1rem\] {
    top: -1rem;
  }
  .top-\[-2\%\] {
    top: -2%;
  }
  .top-\[-3\%\] {
    top: -3%;
  }
  .top-\[-4\%\] {
    top: -4%;
  }
  .top-\[-5\%\] {
    top: -5%;
  }
  .top-\[-5px\] {
    top: -5px;
  }
  .top-\[-6\%\] {
    top: -6%;
  }
  .top-\[-7\%\] {
    top: -7%;
  }
  .top-\[-8\%\] {
    top: -8%;
  }
  .top-\[-10\%\] {
    top: -10%;
  }
  .top-\[-11\%\] {
    top: -11%;
  }
  .top-\[-12\%\] {
    top: -12%;
  }
  .top-\[-12\.5\%\] {
    top: -12.5%;
  }
  .top-\[-13\%\] {
    top: -13%;
  }
  .top-\[-13px\] {
    top: -13px;
  }
  .top-\[-14\%\] {
    top: -14%;
  }
  .top-\[-15\%\] {
    top: -15%;
  }
  .top-\[-15px\] {
    top: -15px;
  }
  .top-\[-18\%\] {
    top: -18%;
  }
  .top-\[-19\%\] {
    top: -19%;
  }
  .top-\[-20px\] {
    top: -20px;
  }
  .top-\[-21\%\] {
    top: -21%;
  }
  .top-\[-21px\] {
    top: -21px;
  }
  .top-\[-22px\] {
    top: -22px;
  }
  .top-\[-25px\] {
    top: -25px;
  }
  .top-\[-26\%\] {
    top: -26%;
  }
  .top-\[-29px\] {
    top: -29px;
  }
  .top-\[-30px\] {
    top: -30px;
  }
  .top-\[-31\%\] {
    top: -31%;
  }
  .top-\[-32\%\] {
    top: -32%;
  }
  .top-\[-33px\] {
    top: -33px;
  }
  .top-\[-38\%\] {
    top: -38%;
  }
  .top-\[-45px\] {
    top: -45px;
  }
  .top-\[-48\%\] {
    top: -48%;
  }
  .top-\[-57px\] {
    top: -57px;
  }
  .top-\[-58\%\] {
    top: -58%;
  }
  .top-\[-65px\] {
    top: -65px;
  }
  .top-\[-69px\] {
    top: -69px;
  }
  .top-\[-70px\] {
    top: -70px;
  }
  .top-\[-76px\] {
    top: -76px;
  }
  .top-\[-90px\] {
    top: -90px;
  }
  .top-\[-103px\] {
    top: -103px;
  }
  .top-\[-127px\] {
    top: -127px;
  }
  .top-\[0\.2rem\] {
    top: 0.2rem;
  }
  .top-\[1\%\] {
    top: 1%;
  }
  .top-\[1px\] {
    top: 1px;
  }
  .top-\[2\.75rem\] {
    top: 2.75rem;
  }
  .top-\[3\%\] {
    top: 3%;
  }
  .top-\[4\%\] {
    top: 4%;
  }
  .top-\[4\.875rem\] {
    top: 4.875rem;
  }
  .top-\[5\%\] {
    top: 5%;
  }
  .top-\[5px\] {
    top: 5px;
  }
  .top-\[6\%\] {
    top: 6%;
  }
  .top-\[7\%\] {
    top: 7%;
  }
  .top-\[7\.5rem\] {
    top: 7.5rem;
  }
  .top-\[9\%\] {
    top: 9%;
  }
  .top-\[10\%\] {
    top: 10%;
  }
  .top-\[11\%\] {
    top: 11%;
  }
  .top-\[12\%\] {
    top: 12%;
  }
  .top-\[13\%\] {
    top: 13%;
  }
  .top-\[14\%\] {
    top: 14%;
  }
  .top-\[15\%\] {
    top: 15%;
  }
  .top-\[16\%\] {
    top: 16%;
  }
  .top-\[16px\] {
    top: 16px;
  }
  .top-\[17\%\] {
    top: 17%;
  }
  .top-\[18\%\] {
    top: 18%;
  }
  .top-\[19\%\] {
    top: 19%;
  }
  .top-\[20\%\] {
    top: 20%;
  }
  .top-\[21\%\] {
    top: 21%;
  }
  .top-\[21px\] {
    top: 21px;
  }
  .top-\[22\%\] {
    top: 22%;
  }
  .top-\[22px\] {
    top: 22px;
  }
  .top-\[23\%\] {
    top: 23%;
  }
  .top-\[23px\] {
    top: 23px;
  }
  .top-\[24\%\] {
    top: 24%;
  }
  .top-\[25\%\] {
    top: 25%;
  }
  .top-\[26\%\] {
    top: 26%;
  }
  .top-\[27\%\] {
    top: 27%;
  }
  .top-\[27px\] {
    top: 27px;
  }
  .top-\[28\%\] {
    top: 28%;
  }
  .top-\[29\%\] {
    top: 29%;
  }
  .top-\[30\%\] {
    top: 30%;
  }
  .top-\[31\%\] {
    top: 31%;
  }
  .top-\[32\%\] {
    top: 32%;
  }
  .top-\[33\%\] {
    top: 33%;
  }
  .top-\[33\.5\%\] {
    top: 33.5%;
  }
  .top-\[34\%\] {
    top: 34%;
  }
  .top-\[35\%\] {
    top: 35%;
  }
  .top-\[35px\] {
    top: 35px;
  }
  .top-\[36\%\] {
    top: 36%;
  }
  .top-\[38\%\] {
    top: 38%;
  }
  .top-\[40\%\] {
    top: 40%;
  }
  .top-\[41\%\] {
    top: 41%;
  }
  .top-\[42\%\] {
    top: 42%;
  }
  .top-\[43\%\] {
    top: 43%;
  }
  .top-\[44\%\] {
    top: 44%;
  }
  .top-\[45\%\] {
    top: 45%;
  }
  .top-\[46\%\] {
    top: 46%;
  }
  .top-\[47\%\] {
    top: 47%;
  }
  .top-\[48\%\] {
    top: 48%;
  }
  .top-\[49\%\] {
    top: 49%;
  }
  .top-\[50\%\] {
    top: 50%;
  }
  .top-\[50px\] {
    top: 50px;
  }
  .top-\[52\%\] {
    top: 52%;
  }
  .top-\[52\.6\%\] {
    top: 52.6%;
  }
  .top-\[54\%\] {
    top: 54%;
  }
  .top-\[55\%\] {
    top: 55%;
  }
  .top-\[56\%\] {
    top: 56%;
  }
  .top-\[58\%\] {
    top: 58%;
  }
  .top-\[59\%\] {
    top: 59%;
  }
  .top-\[60\%\] {
    top: 60%;
  }
  .top-\[60px\] {
    top: 60px;
  }
  .top-\[61\%\] {
    top: 61%;
  }
  .top-\[62\%\] {
    top: 62%;
  }
  .top-\[63\%\] {
    top: 63%;
  }
  .top-\[68\%\] {
    top: 68%;
  }
  .top-\[70\%\] {
    top: 70%;
  }
  .top-\[74\%\] {
    top: 74%;
  }
  .top-\[75\%\] {
    top: 75%;
  }
  .top-\[77\%\] {
    top: 77%;
  }
  .top-\[78\%\] {
    top: 78%;
  }
  .top-\[79\%\] {
    top: 79%;
  }
  .top-\[84\%\] {
    top: 84%;
  }
  .top-\[85\%\] {
    top: 85%;
  }
  .top-\[87\%\] {
    top: 87%;
  }
  .top-\[88\%\] {
    top: 88%;
  }
  .top-\[89\%\] {
    top: 89%;
  }
  .top-\[90\%\] {
    top: 90%;
  }
  .top-\[90px\] {
    top: 90px;
  }
  .top-\[91\%\] {
    top: 91%;
  }
  .top-\[97\%\] {
    top: 97%;
  }
  .top-\[98\%\]\! {
    top: 98% !important;
  }
  .top-\[100px\] {
    top: 100px;
  }
  .top-\[136px\] {
    top: 136px;
  }
  .top-\[190px\] {
    top: 190px;
  }
  .top-\[200px\] {
    top: 200px;
  }
  .top-\[211px\] {
    top: 211px;
  }
  .top-\[229px\] {
    top: 229px;
  }
  .top-\[calc\(100\%\+6px\)\] {
    top: calc(100% + 6px);
  }
  .top-auto {
    top: auto;
  }
  .top-full {
    top: 100%;
  }
  .\!right-0 {
    right: calc(var(--spacing) * 0) !important;
  }
  .-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-2 {
    right: calc(var(--spacing) * -2);
  }
  .-right-3 {
    right: calc(var(--spacing) * -3);
  }
  .-right-4 {
    right: calc(var(--spacing) * -4);
  }
  .-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-16 {
    right: calc(var(--spacing) * -16);
  }
  .-right-20 {
    right: calc(var(--spacing) * -20);
  }
  .-right-24 {
    right: calc(var(--spacing) * -24);
  }
  .-right-40 {
    right: calc(var(--spacing) * -40);
  }
  .-right-\[8px\] {
    right: calc(8px * -1);
  }
  .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\/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-7 {
    right: calc(var(--spacing) * 7);
  }
  .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-\[-1\.5\%\] {
    right: -1.5%;
  }
  .right-\[-1px\] {
    right: -1px;
  }
  .right-\[-2\%\] {
    right: -2%;
  }
  .right-\[-3\%\] {
    right: -3%;
  }
  .right-\[-4\%\] {
    right: -4%;
  }
  .right-\[-5\%\] {
    right: -5%;
  }
  .right-\[-6\%\] {
    right: -6%;
  }
  .right-\[-7\%\] {
    right: -7%;
  }
  .right-\[-8\%\] {
    right: -8%;
  }
  .right-\[-9\%\] {
    right: -9%;
  }
  .right-\[-10\%\] {
    right: -10%;
  }
  .right-\[-11vw\] {
    right: -11vw;
  }
  .right-\[-13\%\] {
    right: -13%;
  }
  .right-\[-16\%\] {
    right: -16%;
  }
  .right-\[-17\%\] {
    right: -17%;
  }
  .right-\[-20\%\] {
    right: -20%;
  }
  .right-\[-21\%\] {
    right: -21%;
  }
  .right-\[-22\%\] {
    right: -22%;
  }
  .right-\[-23\%\] {
    right: -23%;
  }
  .right-\[-24\%\] {
    right: -24%;
  }
  .right-\[-29\%\] {
    right: -29%;
  }
  .right-\[-31px\] {
    right: -31px;
  }
  .right-\[-33px\] {
    right: -33px;
  }
  .right-\[-43px\] {
    right: -43px;
  }
  .right-\[-47px\] {
    right: -47px;
  }
  .right-\[-55px\] {
    right: -55px;
  }
  .right-\[-58\%\] {
    right: -58%;
  }
  .right-\[-60px\] {
    right: -60px;
  }
  .right-\[-70px\] {
    right: -70px;
  }
  .right-\[-71\%\] {
    right: -71%;
  }
  .right-\[-97\%\] {
    right: -97%;
  }
  .right-\[-104px\] {
    right: -104px;
  }
  .right-\[-107px\] {
    right: -107px;
  }
  .right-\[-130px\] {
    right: -130px;
  }
  .right-\[\.75rem\] {
    right: .75rem;
  }
  .right-\[0\.5rem\] {
    right: 0.5rem;
  }
  .right-\[2\%\] {
    right: 2%;
  }
  .right-\[4\%\] {
    right: 4%;
  }
  .right-\[5\%\] {
    right: 5%;
  }
  .right-\[5px\] {
    right: 5px;
  }
  .right-\[6\%\] {
    right: 6%;
  }
  .right-\[7\%\] {
    right: 7%;
  }
  .right-\[7px\] {
    right: 7px;
  }
  .right-\[8\%\] {
    right: 8%;
  }
  .right-\[9\%\] {
    right: 9%;
  }
  .right-\[10\%\] {
    right: 10%;
  }
  .right-\[11\%\] {
    right: 11%;
  }
  .right-\[12\%\] {
    right: 12%;
  }
  .right-\[13\%\] {
    right: 13%;
  }
  .right-\[14\%\] {
    right: 14%;
  }
  .right-\[15\%\] {
    right: 15%;
  }
  .right-\[15px\] {
    right: 15px;
  }
  .right-\[16\%\] {
    right: 16%;
  }
  .right-\[17\%\] {
    right: 17%;
  }
  .right-\[18\%\] {
    right: 18%;
  }
  .right-\[19\%\] {
    right: 19%;
  }
  .right-\[19\.5\%\] {
    right: 19.5%;
  }
  .right-\[20\%\] {
    right: 20%;
  }
  .right-\[20px\] {
    right: 20px;
  }
  .right-\[21\%\] {
    right: 21%;
  }
  .right-\[22\%\] {
    right: 22%;
  }
  .right-\[24\%\] {
    right: 24%;
  }
  .right-\[26\%\] {
    right: 26%;
  }
  .right-\[27\%\] {
    right: 27%;
  }
  .right-\[27px\] {
    right: 27px;
  }
  .right-\[28\%\] {
    right: 28%;
  }
  .right-\[29\%\] {
    right: 29%;
  }
  .right-\[30\%\] {
    right: 30%;
  }
  .right-\[30px\] {
    right: 30px;
  }
  .right-\[31\%\] {
    right: 31%;
  }
  .right-\[32\%\] {
    right: 32%;
  }
  .right-\[33px\] {
    right: 33px;
  }
  .right-\[34px\] {
    right: 34px;
  }
  .right-\[36\%\] {
    right: 36%;
  }
  .right-\[37\%\] {
    right: 37%;
  }
  .right-\[38\%\] {
    right: 38%;
  }
  .right-\[41\%\] {
    right: 41%;
  }
  .right-\[44\%\] {
    right: 44%;
  }
  .right-\[46\%\] {
    right: 46%;
  }
  .right-\[50\%\] {
    right: 50%;
  }
  .right-\[51\%\] {
    right: 51%;
  }
  .right-\[56\%\] {
    right: 56%;
  }
  .right-\[67\%\] {
    right: 67%;
  }
  .right-\[70px\] {
    right: 70px;
  }
  .right-\[84px\] {
    right: 84px;
  }
  .right-\[120px\] {
    right: 120px;
  }
  .right-\[calc\(50\%-66px\)\] {
    right: calc(50% - 66px);
  }
  .right-full {
    right: 100%;
  }
  .-bottom-0 {
    bottom: calc(var(--spacing) * -0);
  }
  .-bottom-0\.5 {
    bottom: calc(var(--spacing) * -0.5);
  }
  .-bottom-1 {
    bottom: calc(var(--spacing) * -1);
  }
  .-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-32 {
    bottom: calc(var(--spacing) * -32);
  }
  .-bottom-40 {
    bottom: calc(var(--spacing) * -40);
  }
  .-bottom-px {
    bottom: -1px;
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-1 {
    bottom: calc(var(--spacing) * 1);
  }
  .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-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-16 {
    bottom: calc(var(--spacing) * 16);
  }
  .bottom-20 {
    bottom: calc(var(--spacing) * 20);
  }
  .bottom-32 {
    bottom: calc(var(--spacing) * 32);
  }
  .bottom-40 {
    bottom: calc(var(--spacing) * 40);
  }
  .bottom-50 {
    bottom: calc(var(--spacing) * 50);
  }
  .bottom-100 {
    bottom: calc(var(--spacing) * 100);
  }
  .bottom-\[-0\.75rem\] {
    bottom: -0.75rem;
  }
  .bottom-\[-1\%\] {
    bottom: -1%;
  }
  .bottom-\[-1px\] {
    bottom: -1px;
  }
  .bottom-\[-2\%\] {
    bottom: -2%;
  }
  .bottom-\[-3\%\] {
    bottom: -3%;
  }
  .bottom-\[-5\%\] {
    bottom: -5%;
  }
  .bottom-\[-7\%\] {
    bottom: -7%;
  }
  .bottom-\[-9\%\] {
    bottom: -9%;
  }
  .bottom-\[-10\%\] {
    bottom: -10%;
  }
  .bottom-\[-11\%\] {
    bottom: -11%;
  }
  .bottom-\[-12\%\] {
    bottom: -12%;
  }
  .bottom-\[-13\%\] {
    bottom: -13%;
  }
  .bottom-\[-13px\] {
    bottom: -13px;
  }
  .bottom-\[-14\%\] {
    bottom: -14%;
  }
  .bottom-\[-15\%\] {
    bottom: -15%;
  }
  .bottom-\[-15px\] {
    bottom: -15px;
  }
  .bottom-\[-16\%\] {
    bottom: -16%;
  }
  .bottom-\[-18px\] {
    bottom: -18px;
  }
  .bottom-\[-19\%\] {
    bottom: -19%;
  }
  .bottom-\[-20\%\] {
    bottom: -20%;
  }
  .bottom-\[-21\%\] {
    bottom: -21%;
  }
  .bottom-\[-21px\] {
    bottom: -21px;
  }
  .bottom-\[-25px\] {
    bottom: -25px;
  }
  .bottom-\[-26\%\] {
    bottom: -26%;
  }
  .bottom-\[-29px\] {
    bottom: -29px;
  }
  .bottom-\[-30px\] {
    bottom: -30px;
  }
  .bottom-\[-35\%\] {
    bottom: -35%;
  }
  .bottom-\[-37px\] {
    bottom: -37px;
  }
  .bottom-\[-42\%\] {
    bottom: -42%;
  }
  .bottom-\[-42px\] {
    bottom: -42px;
  }
  .bottom-\[-46\%\] {
    bottom: -46%;
  }
  .bottom-\[-50px\] {
    bottom: -50px;
  }
  .bottom-\[-54px\] {
    bottom: -54px;
  }
  .bottom-\[-60px\] {
    bottom: -60px;
  }
  .bottom-\[-70px\] {
    bottom: -70px;
  }
  .bottom-\[-85px\] {
    bottom: -85px;
  }
  .bottom-\[-95px\] {
    bottom: -95px;
  }
  .bottom-\[-116px\] {
    bottom: -116px;
  }
  .bottom-\[-123px\] {
    bottom: -123px;
  }
  .bottom-\[-125px\] {
    bottom: -125px;
  }
  .bottom-\[-127px\] {
    bottom: -127px;
  }
  .bottom-\[-140px\] {
    bottom: -140px;
  }
  .bottom-\[-200px\] {
    bottom: -200px;
  }
  .bottom-\[-250px\] {
    bottom: -250px;
  }
  .bottom-\[1\%\] {
    bottom: 1%;
  }
  .bottom-\[2\%\] {
    bottom: 2%;
  }
  .bottom-\[3\%\] {
    bottom: 3%;
  }
  .bottom-\[4\%\] {
    bottom: 4%;
  }
  .bottom-\[5\%\] {
    bottom: 5%;
  }
  .bottom-\[6\.5\%\] {
    bottom: 6.5%;
  }
  .bottom-\[7\%\] {
    bottom: 7%;
  }
  .bottom-\[8\%\] {
    bottom: 8%;
  }
  .bottom-\[9\%\] {
    bottom: 9%;
  }
  .bottom-\[10\%\] {
    bottom: 10%;
  }
  .bottom-\[11\%\] {
    bottom: 11%;
  }
  .bottom-\[12\%\] {
    bottom: 12%;
  }
  .bottom-\[13\%\] {
    bottom: 13%;
  }
  .bottom-\[15\%\] {
    bottom: 15%;
  }
  .bottom-\[15px\] {
    bottom: 15px;
  }
  .bottom-\[16\%\] {
    bottom: 16%;
  }
  .bottom-\[17\%\] {
    bottom: 17%;
  }
  .bottom-\[18\%\] {
    bottom: 18%;
  }
  .bottom-\[19\%\] {
    bottom: 19%;
  }
  .bottom-\[20\%\] {
    bottom: 20%;
  }
  .bottom-\[20px\] {
    bottom: 20px;
  }
  .bottom-\[21\%\] {
    bottom: 21%;
  }
  .bottom-\[22\%\] {
    bottom: 22%;
  }
  .bottom-\[24\%\] {
    bottom: 24%;
  }
  .bottom-\[26\%\] {
    bottom: 26%;
  }
  .bottom-\[28\%\] {
    bottom: 28%;
  }
  .bottom-\[29\%\] {
    bottom: 29%;
  }
  .bottom-\[31\%\] {
    bottom: 31%;
  }
  .bottom-\[32\%\] {
    bottom: 32%;
  }
  .bottom-\[33\%\] {
    bottom: 33%;
  }
  .bottom-\[37\%\] {
    bottom: 37%;
  }
  .bottom-\[39\%\] {
    bottom: 39%;
  }
  .bottom-\[40\%\] {
    bottom: 40%;
  }
  .bottom-\[47\%\] {
    bottom: 47%;
  }
  .bottom-\[60px\] {
    bottom: 60px;
  }
  .bottom-\[102px\] {
    bottom: 102px;
  }
  .bottom-full {
    bottom: 100%;
  }
  .\!left-0 {
    left: calc(var(--spacing) * 0) !important;
  }
  .-left-1 {
    left: calc(var(--spacing) * -1);
  }
  .-left-1\/4 {
    left: calc(calc(1 / 4 * 100%) * -1);
  }
  .-left-2 {
    left: calc(var(--spacing) * -2);
  }
  .-left-3 {
    left: calc(var(--spacing) * -3);
  }
  .-left-4 {
    left: calc(var(--spacing) * -4);
  }
  .-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-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-\[8px\] {
    left: calc(8px * -1);
  }
  .-left-\[25px\] {
    left: calc(25px * -1);
  }
  .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\/4 {
    left: calc(2 / 4 * 100%);
  }
  .left-3 {
    left: calc(var(--spacing) * 3);
  }
  .left-3\.5 {
    left: calc(var(--spacing) * 3.5);
  }
  .left-4 {
    left: calc(var(--spacing) * 4);
  }
  .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-16 {
    left: calc(var(--spacing) * 16);
  }
  .left-20 {
    left: calc(var(--spacing) * 20);
  }
  .left-44 {
    left: calc(var(--spacing) * 44);
  }
  .left-100 {
    left: calc(var(--spacing) * 100);
  }
  .left-\[-1\%\] {
    left: -1%;
  }
  .left-\[-1px\] {
    left: -1px;
  }
  .left-\[-2\%\] {
    left: -2%;
  }
  .left-\[-3\%\] {
    left: -3%;
  }
  .left-\[-4\%\] {
    left: -4%;
  }
  .left-\[-5\%\] {
    left: -5%;
  }
  .left-\[-6\%\] {
    left: -6%;
  }
  .left-\[-7\%\] {
    left: -7%;
  }
  .left-\[-9\%\] {
    left: -9%;
  }
  .left-\[-10\%\] {
    left: -10%;
  }
  .left-\[-11\%\] {
    left: -11%;
  }
  .left-\[-11vw\] {
    left: -11vw;
  }
  .left-\[-15\%\] {
    left: -15%;
  }
  .left-\[-16\%\] {
    left: -16%;
  }
  .left-\[-17\.5\%\] {
    left: -17.5%;
  }
  .left-\[-20\%\] {
    left: -20%;
  }
  .left-\[-21\%\] {
    left: -21%;
  }
  .left-\[-22\%\] {
    left: -22%;
  }
  .left-\[-23\%\] {
    left: -23%;
  }
  .left-\[-25px\] {
    left: -25px;
  }
  .left-\[-27\%\] {
    left: -27%;
  }
  .left-\[-30\%\] {
    left: -30%;
  }
  .left-\[-33px\] {
    left: -33px;
  }
  .left-\[-34\%\] {
    left: -34%;
  }
  .left-\[-35px\] {
    left: -35px;
  }
  .left-\[-37px\] {
    left: -37px;
  }
  .left-\[-42\%\] {
    left: -42%;
  }
  .left-\[-42px\] {
    left: -42px;
  }
  .left-\[-45px\] {
    left: -45px;
  }
  .left-\[-47px\] {
    left: -47px;
  }
  .left-\[-70px\] {
    left: -70px;
  }
  .left-\[-71\%\] {
    left: -71%;
  }
  .left-\[-77px\] {
    left: -77px;
  }
  .left-\[-90px\] {
    left: -90px;
  }
  .left-\[-97\%\] {
    left: -97%;
  }
  .left-\[-107px\] {
    left: -107px;
  }
  .left-\[-130px\] {
    left: -130px;
  }
  .left-\[-137px\] {
    left: -137px;
  }
  .left-\[0\%\] {
    left: 0%;
  }
  .left-\[1\.65rem\] {
    left: 1.65rem;
  }
  .left-\[2\%\] {
    left: 2%;
  }
  .left-\[4\%\] {
    left: 4%;
  }
  .left-\[5\%\] {
    left: 5%;
  }
  .left-\[5px\] {
    left: 5px;
  }
  .left-\[6\%\] {
    left: 6%;
  }
  .left-\[7\%\] {
    left: 7%;
  }
  .left-\[7px\] {
    left: 7px;
  }
  .left-\[8\%\] {
    left: 8%;
  }
  .left-\[9\%\] {
    left: 9%;
  }
  .left-\[9px\] {
    left: 9px;
  }
  .left-\[10\%\] {
    left: 10%;
  }
  .left-\[11\%\] {
    left: 11%;
  }
  .left-\[12\%\] {
    left: 12%;
  }
  .left-\[13\%\] {
    left: 13%;
  }
  .left-\[14\%\] {
    left: 14%;
  }
  .left-\[15\%\] {
    left: 15%;
  }
  .left-\[15px\] {
    left: 15px;
  }
  .left-\[16\%\] {
    left: 16%;
  }
  .left-\[17\%\] {
    left: 17%;
  }
  .left-\[18\%\] {
    left: 18%;
  }
  .left-\[19\%\] {
    left: 19%;
  }
  .left-\[20\%\] {
    left: 20%;
  }
  .left-\[20\%\]\! {
    left: 20% !important;
  }
  .left-\[21\%\] {
    left: 21%;
  }
  .left-\[21\.5\%\] {
    left: 21.5%;
  }
  .left-\[22\%\] {
    left: 22%;
  }
  .left-\[23\%\] {
    left: 23%;
  }
  .left-\[24\%\] {
    left: 24%;
  }
  .left-\[26\%\] {
    left: 26%;
  }
  .left-\[27px\] {
    left: 27px;
  }
  .left-\[28\%\] {
    left: 28%;
  }
  .left-\[29\%\] {
    left: 29%;
  }
  .left-\[30px\] {
    left: 30px;
  }
  .left-\[35\%\] {
    left: 35%;
  }
  .left-\[36\%\] {
    left: 36%;
  }
  .left-\[37\%\] {
    left: 37%;
  }
  .left-\[39\%\] {
    left: 39%;
  }
  .left-\[40\%\] {
    left: 40%;
  }
  .left-\[41\%\] {
    left: 41%;
  }
  .left-\[42\%\] {
    left: 42%;
  }
  .left-\[43\%\] {
    left: 43%;
  }
  .left-\[44\%\] {
    left: 44%;
  }
  .left-\[45\%\] {
    left: 45%;
  }
  .left-\[50\%\] {
    left: 50%;
  }
  .left-\[51\%\] {
    left: 51%;
  }
  .left-\[52\%\] {
    left: 52%;
  }
  .left-\[57\%\] {
    left: 57%;
  }
  .left-\[59\%\] {
    left: 59%;
  }
  .left-\[60\%\] {
    left: 60%;
  }
  .left-\[62\%\] {
    left: 62%;
  }
  .left-\[63\%\] {
    left: 63%;
  }
  .left-\[78\%\] {
    left: 78%;
  }
  .left-\[85\%\] {
    left: 85%;
  }
  .left-\[90\%\] {
    left: 90%;
  }
  .left-\[110px\] {
    left: 110px;
  }
  .left-\[120px\] {
    left: 120px;
  }
  .left-\[248px\] {
    left: 248px;
  }
  .left-\[calc\(50\%-62px\)\] {
    left: calc(50% - 62px);
  }
  .left-auto {
    left: auto;
  }
  .left-full {
    left: 100%;
  }
  .isolate {
    isolation: isolate;
  }
  .isolation-auto {
    isolation: auto;
  }
  .\!z-10 {
    z-index: 10 !important;
  }
  .\!z-50 {
    z-index: 50 !important;
  }
  .-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-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-7 {
    z-index: 7;
  }
  .z-8 {
    z-index: 8;
  }
  .z-10 {
    z-index: 10;
  }
  .z-11 {
    z-index: 11;
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .z-40 {
    z-index: 40;
  }
  .z-48 {
    z-index: 48;
  }
  .z-50 {
    z-index: 50;
  }
  .z-60 {
    z-index: 60;
  }
  .z-61 {
    z-index: 61;
  }
  .z-999 {
    z-index: 999;
  }
  .z-999999 {
    z-index: 999999;
  }
  .z-\[-1\] {
    z-index: -1;
  }
  .z-\[-2\] {
    z-index: -2;
  }
  .z-\[-3\] {
    z-index: -3;
  }
  .z-\[-5\] {
    z-index: -5;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .z-\[2\] {
    z-index: 2;
  }
  .z-\[3\] {
    z-index: 3;
  }
  .z-\[5\] {
    z-index: 5;
  }
  .z-\[6\] {
    z-index: 6;
  }
  .z-\[9\] {
    z-index: 9;
  }
  .z-\[11\] {
    z-index: 11;
  }
  .z-\[15\] {
    z-index: 15;
  }
  .z-\[60\] {
    z-index: 60;
  }
  .z-\[61\] {
    z-index: 61;
  }
  .z-\[62\] {
    z-index: 62;
  }
  .z-\[70\] {
    z-index: 70;
  }
  .z-\[99\] {
    z-index: 99;
  }
  .z-\[100\] {
    z-index: 100;
  }
  .z-\[110\] {
    z-index: 110;
  }
  .z-\[120\] {
    z-index: 120;
  }
  .z-\[200\] {
    z-index: 200;
  }
  .z-\[999\] {
    z-index: 999;
  }
  .z-\[1000\] {
    z-index: 1000;
  }
  .z-\[1010\] {
    z-index: 1010;
  }
  .z-\[9998\] {
    z-index: 9998;
  }
  .z-\[9999\] {
    z-index: 9999;
  }
  .z-\[10000\] {
    z-index: 10000;
  }
  .z-\[99990\] {
    z-index: 99990;
  }
  .z-\[99999\] {
    z-index: 99999;
  }
  .z-\[999999\] {
    z-index: 999999;
  }
  .order-0 {
    order: 0;
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .order-3 {
    order: 3;
  }
  .order-4 {
    order: 4;
  }
  .order-5 {
    order: 5;
  }
  .order-6 {
    order: 6;
  }
  .order-7 {
    order: 7;
  }
  .order-8 {
    order: 8;
  }
  .order-9 {
    order: 9;
  }
  .order-10 {
    order: 10;
  }
  .order-11 {
    order: 11;
  }
  .order-12 {
    order: 12;
  }
  .order-first {
    order: -9999;
  }
  .order-last {
    order: 9999;
  }
  .col-1 {
    grid-column: 1;
  }
  .col-2 {
    grid-column: 2;
  }
  .col-3 {
    grid-column: 3;
  }
  .col-4 {
    grid-column: 4;
  }
  .col-5 {
    grid-column: 5;
  }
  .col-6 {
    grid-column: 6;
  }
  .col-7 {
    grid-column: 7;
  }
  .col-8 {
    grid-column: 8;
  }
  .col-9 {
    grid-column: 9;
  }
  .col-10 {
    grid-column: 10;
  }
  .col-11 {
    grid-column: 11;
  }
  .col-12 {
    grid-column: 12;
  }
  .col-auto {
    grid-column: auto;
  }
  .col-span-1 {
    grid-column: span 1 / span 1;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-3 {
    grid-column: span 3 / span 3;
  }
  .col-span-4 {
    grid-column: span 4 / span 4;
  }
  .col-span-5 {
    grid-column: span 5 / span 5;
  }
  .col-span-6 {
    grid-column: span 6 / span 6;
  }
  .col-span-7 {
    grid-column: span 7 / span 7;
  }
  .col-span-8 {
    grid-column: span 8 / span 8;
  }
  .col-span-9 {
    grid-column: span 9 / span 9;
  }
  .col-span-12 {
    grid-column: span 12 / span 12;
  }
  .col-span-full {
    grid-column: 1 / -1;
  }
  .col-start-2 {
    grid-column-start: 2;
  }
  .row-1 {
    grid-row: 1;
  }
  .row-2 {
    grid-row: 2;
  }
  .row-span-1 {
    grid-row: span 1 / span 1;
  }
  .row-span-2 {
    grid-row: span 2 / span 2;
  }
  .float-end {
    float: inline-end;
  }
  .float-left {
    float: left;
  }
  .float-none {
    float: none;
  }
  .float-right {
    float: right;
  }
  .float-start {
    float: inline-start;
  }
  .clear-both {
    clear: both;
  }
  .\!container {
    width: 100% !important;
    @media (width >= 40rem) {
      max-width: 40rem !important;
    }
    @media (width >= 48rem) {
      max-width: 48rem !important;
    }
    @media (width >= 64rem) {
      max-width: 64rem !important;
    }
    @media (width >= 80rem) {
      max-width: 80rem !important;
    }
    @media (width >= 96rem) {
      max-width: 96rem !important;
    }
  }
  .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;
    }
  }
  .container\! {
    width: 100% !important;
    @media (width >= 40rem) {
      max-width: 40rem !important;
    }
    @media (width >= 48rem) {
      max-width: 48rem !important;
    }
    @media (width >= 64rem) {
      max-width: 64rem !important;
    }
    @media (width >= 80rem) {
      max-width: 80rem !important;
    }
    @media (width >= 96rem) {
      max-width: 96rem !important;
    }
  }
  .\!m-0 {
    margin: calc(var(--spacing) * 0) !important;
  }
  .-m-0 {
    margin: calc(var(--spacing) * -0);
  }
  .-m-0\.5 {
    margin: calc(var(--spacing) * -0.5);
  }
  .-m-1 {
    margin: calc(var(--spacing) * -1);
  }
  .-m-1\.5 {
    margin: calc(var(--spacing) * -1.5);
  }
  .m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .m-1 {
    margin: calc(var(--spacing) * 1);
  }
  .m-1\.5 {
    margin: calc(var(--spacing) * 1.5);
  }
  .m-2 {
    margin: calc(var(--spacing) * 2);
  }
  .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-7 {
    margin: calc(var(--spacing) * 7);
  }
  .m-8 {
    margin: calc(var(--spacing) * 8);
  }
  .m-9 {
    margin: calc(var(--spacing) * 9);
  }
  .m-10 {
    margin: calc(var(--spacing) * 10);
  }
  .m-11 {
    margin: calc(var(--spacing) * 11);
  }
  .m-12 {
    margin: calc(var(--spacing) * 12);
  }
  .m-13 {
    margin: calc(var(--spacing) * 13);
  }
  .m-14 {
    margin: calc(var(--spacing) * 14);
  }
  .m-15 {
    margin: calc(var(--spacing) * 15);
  }
  .m-16 {
    margin: calc(var(--spacing) * 16);
  }
  .m-17 {
    margin: calc(var(--spacing) * 17);
  }
  .m-18 {
    margin: calc(var(--spacing) * 18);
  }
  .m-19 {
    margin: calc(var(--spacing) * 19);
  }
  .m-20 {
    margin: calc(var(--spacing) * 20);
  }
  .m-21 {
    margin: calc(var(--spacing) * 21);
  }
  .m-22 {
    margin: calc(var(--spacing) * 22);
  }
  .m-23 {
    margin: calc(var(--spacing) * 23);
  }
  .m-24 {
    margin: calc(var(--spacing) * 24);
  }
  .m-25 {
    margin: calc(var(--spacing) * 25);
  }
  .m-26 {
    margin: calc(var(--spacing) * 26);
  }
  .m-27 {
    margin: calc(var(--spacing) * 27);
  }
  .m-28 {
    margin: calc(var(--spacing) * 28);
  }
  .m-29 {
    margin: calc(var(--spacing) * 29);
  }
  .m-30 {
    margin: calc(var(--spacing) * 30);
  }
  .m-31 {
    margin: calc(var(--spacing) * 31);
  }
  .m-32 {
    margin: calc(var(--spacing) * 32);
  }
  .m-33 {
    margin: calc(var(--spacing) * 33);
  }
  .m-34 {
    margin: calc(var(--spacing) * 34);
  }
  .m-35 {
    margin: calc(var(--spacing) * 35);
  }
  .m-36 {
    margin: calc(var(--spacing) * 36);
  }
  .m-37 {
    margin: calc(var(--spacing) * 37);
  }
  .m-38 {
    margin: calc(var(--spacing) * 38);
  }
  .m-39 {
    margin: calc(var(--spacing) * 39);
  }
  .m-40 {
    margin: calc(var(--spacing) * 40);
  }
  .m-41 {
    margin: calc(var(--spacing) * 41);
  }
  .m-42 {
    margin: calc(var(--spacing) * 42);
  }
  .m-43 {
    margin: calc(var(--spacing) * 43);
  }
  .m-44 {
    margin: calc(var(--spacing) * 44);
  }
  .m-45 {
    margin: calc(var(--spacing) * 45);
  }
  .m-46 {
    margin: calc(var(--spacing) * 46);
  }
  .m-47 {
    margin: calc(var(--spacing) * 47);
  }
  .m-48 {
    margin: calc(var(--spacing) * 48);
  }
  .m-49 {
    margin: calc(var(--spacing) * 49);
  }
  .m-50 {
    margin: calc(var(--spacing) * 50);
  }
  .m-51 {
    margin: calc(var(--spacing) * 51);
  }
  .m-52 {
    margin: calc(var(--spacing) * 52);
  }
  .m-53 {
    margin: calc(var(--spacing) * 53);
  }
  .m-54 {
    margin: calc(var(--spacing) * 54);
  }
  .m-55 {
    margin: calc(var(--spacing) * 55);
  }
  .m-56 {
    margin: calc(var(--spacing) * 56);
  }
  .m-57 {
    margin: calc(var(--spacing) * 57);
  }
  .m-58 {
    margin: calc(var(--spacing) * 58);
  }
  .m-59 {
    margin: calc(var(--spacing) * 59);
  }
  .m-60 {
    margin: calc(var(--spacing) * 60);
  }
  .m-61 {
    margin: calc(var(--spacing) * 61);
  }
  .m-62 {
    margin: calc(var(--spacing) * 62);
  }
  .m-63 {
    margin: calc(var(--spacing) * 63);
  }
  .m-64 {
    margin: calc(var(--spacing) * 64);
  }
  .m-65 {
    margin: calc(var(--spacing) * 65);
  }
  .m-66 {
    margin: calc(var(--spacing) * 66);
  }
  .m-67 {
    margin: calc(var(--spacing) * 67);
  }
  .m-68 {
    margin: calc(var(--spacing) * 68);
  }
  .m-69 {
    margin: calc(var(--spacing) * 69);
  }
  .m-70 {
    margin: calc(var(--spacing) * 70);
  }
  .m-71 {
    margin: calc(var(--spacing) * 71);
  }
  .m-72 {
    margin: calc(var(--spacing) * 72);
  }
  .m-73 {
    margin: calc(var(--spacing) * 73);
  }
  .m-74 {
    margin: calc(var(--spacing) * 74);
  }
  .m-75 {
    margin: calc(var(--spacing) * 75);
  }
  .m-76 {
    margin: calc(var(--spacing) * 76);
  }
  .m-77 {
    margin: calc(var(--spacing) * 77);
  }
  .m-78 {
    margin: calc(var(--spacing) * 78);
  }
  .m-79 {
    margin: calc(var(--spacing) * 79);
  }
  .m-80 {
    margin: calc(var(--spacing) * 80);
  }
  .m-81 {
    margin: calc(var(--spacing) * 81);
  }
  .m-82 {
    margin: calc(var(--spacing) * 82);
  }
  .m-83 {
    margin: calc(var(--spacing) * 83);
  }
  .m-84 {
    margin: calc(var(--spacing) * 84);
  }
  .m-85 {
    margin: calc(var(--spacing) * 85);
  }
  .m-86 {
    margin: calc(var(--spacing) * 86);
  }
  .m-87 {
    margin: calc(var(--spacing) * 87);
  }
  .m-88 {
    margin: calc(var(--spacing) * 88);
  }
  .m-89 {
    margin: calc(var(--spacing) * 89);
  }
  .m-90 {
    margin: calc(var(--spacing) * 90);
  }
  .m-91 {
    margin: calc(var(--spacing) * 91);
  }
  .m-92 {
    margin: calc(var(--spacing) * 92);
  }
  .m-93 {
    margin: calc(var(--spacing) * 93);
  }
  .m-94 {
    margin: calc(var(--spacing) * 94);
  }
  .m-95 {
    margin: calc(var(--spacing) * 95);
  }
  .m-96 {
    margin: calc(var(--spacing) * 96);
  }
  .m-97 {
    margin: calc(var(--spacing) * 97);
  }
  .m-98 {
    margin: calc(var(--spacing) * 98);
  }
  .m-99 {
    margin: calc(var(--spacing) * 99);
  }
  .m-100 {
    margin: calc(var(--spacing) * 100);
  }
  .m-101 {
    margin: calc(var(--spacing) * 101);
  }
  .m-102 {
    margin: calc(var(--spacing) * 102);
  }
  .m-103 {
    margin: calc(var(--spacing) * 103);
  }
  .m-104 {
    margin: calc(var(--spacing) * 104);
  }
  .m-105 {
    margin: calc(var(--spacing) * 105);
  }
  .m-106 {
    margin: calc(var(--spacing) * 106);
  }
  .m-107 {
    margin: calc(var(--spacing) * 107);
  }
  .m-108 {
    margin: calc(var(--spacing) * 108);
  }
  .m-109 {
    margin: calc(var(--spacing) * 109);
  }
  .m-110 {
    margin: calc(var(--spacing) * 110);
  }
  .m-111 {
    margin: calc(var(--spacing) * 111);
  }
  .m-112 {
    margin: calc(var(--spacing) * 112);
  }
  .m-113 {
    margin: calc(var(--spacing) * 113);
  }
  .m-114 {
    margin: calc(var(--spacing) * 114);
  }
  .m-115 {
    margin: calc(var(--spacing) * 115);
  }
  .m-116 {
    margin: calc(var(--spacing) * 116);
  }
  .m-117 {
    margin: calc(var(--spacing) * 117);
  }
  .m-118 {
    margin: calc(var(--spacing) * 118);
  }
  .m-119 {
    margin: calc(var(--spacing) * 119);
  }
  .m-120 {
    margin: calc(var(--spacing) * 120);
  }
  .m-121 {
    margin: calc(var(--spacing) * 121);
  }
  .m-122 {
    margin: calc(var(--spacing) * 122);
  }
  .m-123 {
    margin: calc(var(--spacing) * 123);
  }
  .m-124 {
    margin: calc(var(--spacing) * 124);
  }
  .m-125 {
    margin: calc(var(--spacing) * 125);
  }
  .m-126 {
    margin: calc(var(--spacing) * 126);
  }
  .m-127 {
    margin: calc(var(--spacing) * 127);
  }
  .m-128 {
    margin: calc(var(--spacing) * 128);
  }
  .m-129 {
    margin: calc(var(--spacing) * 129);
  }
  .m-130 {
    margin: calc(var(--spacing) * 130);
  }
  .m-131 {
    margin: calc(var(--spacing) * 131);
  }
  .m-132 {
    margin: calc(var(--spacing) * 132);
  }
  .m-133 {
    margin: calc(var(--spacing) * 133);
  }
  .m-134 {
    margin: calc(var(--spacing) * 134);
  }
  .m-135 {
    margin: calc(var(--spacing) * 135);
  }
  .m-136 {
    margin: calc(var(--spacing) * 136);
  }
  .m-137 {
    margin: calc(var(--spacing) * 137);
  }
  .m-138 {
    margin: calc(var(--spacing) * 138);
  }
  .m-139 {
    margin: calc(var(--spacing) * 139);
  }
  .m-140 {
    margin: calc(var(--spacing) * 140);
  }
  .m-141 {
    margin: calc(var(--spacing) * 141);
  }
  .m-142 {
    margin: calc(var(--spacing) * 142);
  }
  .m-143 {
    margin: calc(var(--spacing) * 143);
  }
  .m-144 {
    margin: calc(var(--spacing) * 144);
  }
  .m-145 {
    margin: calc(var(--spacing) * 145);
  }
  .m-146 {
    margin: calc(var(--spacing) * 146);
  }
  .m-147 {
    margin: calc(var(--spacing) * 147);
  }
  .m-148 {
    margin: calc(var(--spacing) * 148);
  }
  .m-149 {
    margin: calc(var(--spacing) * 149);
  }
  .m-150 {
    margin: calc(var(--spacing) * 150);
  }
  .m-151 {
    margin: calc(var(--spacing) * 151);
  }
  .m-152 {
    margin: calc(var(--spacing) * 152);
  }
  .m-153 {
    margin: calc(var(--spacing) * 153);
  }
  .m-154 {
    margin: calc(var(--spacing) * 154);
  }
  .m-155 {
    margin: calc(var(--spacing) * 155);
  }
  .m-156 {
    margin: calc(var(--spacing) * 156);
  }
  .m-157 {
    margin: calc(var(--spacing) * 157);
  }
  .m-158 {
    margin: calc(var(--spacing) * 158);
  }
  .m-159 {
    margin: calc(var(--spacing) * 159);
  }
  .m-160 {
    margin: calc(var(--spacing) * 160);
  }
  .m-161 {
    margin: calc(var(--spacing) * 161);
  }
  .m-162 {
    margin: calc(var(--spacing) * 162);
  }
  .m-163 {
    margin: calc(var(--spacing) * 163);
  }
  .m-164 {
    margin: calc(var(--spacing) * 164);
  }
  .m-165 {
    margin: calc(var(--spacing) * 165);
  }
  .m-166 {
    margin: calc(var(--spacing) * 166);
  }
  .m-167 {
    margin: calc(var(--spacing) * 167);
  }
  .m-168 {
    margin: calc(var(--spacing) * 168);
  }
  .m-169 {
    margin: calc(var(--spacing) * 169);
  }
  .m-170 {
    margin: calc(var(--spacing) * 170);
  }
  .m-171 {
    margin: calc(var(--spacing) * 171);
  }
  .m-172 {
    margin: calc(var(--spacing) * 172);
  }
  .m-173 {
    margin: calc(var(--spacing) * 173);
  }
  .m-174 {
    margin: calc(var(--spacing) * 174);
  }
  .m-175 {
    margin: calc(var(--spacing) * 175);
  }
  .m-176 {
    margin: calc(var(--spacing) * 176);
  }
  .m-177 {
    margin: calc(var(--spacing) * 177);
  }
  .m-178 {
    margin: calc(var(--spacing) * 178);
  }
  .m-179 {
    margin: calc(var(--spacing) * 179);
  }
  .m-180 {
    margin: calc(var(--spacing) * 180);
  }
  .m-181 {
    margin: calc(var(--spacing) * 181);
  }
  .m-182 {
    margin: calc(var(--spacing) * 182);
  }
  .m-183 {
    margin: calc(var(--spacing) * 183);
  }
  .m-184 {
    margin: calc(var(--spacing) * 184);
  }
  .m-185 {
    margin: calc(var(--spacing) * 185);
  }
  .m-186 {
    margin: calc(var(--spacing) * 186);
  }
  .m-187 {
    margin: calc(var(--spacing) * 187);
  }
  .m-188 {
    margin: calc(var(--spacing) * 188);
  }
  .m-189 {
    margin: calc(var(--spacing) * 189);
  }
  .m-190 {
    margin: calc(var(--spacing) * 190);
  }
  .m-191 {
    margin: calc(var(--spacing) * 191);
  }
  .m-192 {
    margin: calc(var(--spacing) * 192);
  }
  .m-193 {
    margin: calc(var(--spacing) * 193);
  }
  .m-194 {
    margin: calc(var(--spacing) * 194);
  }
  .m-195 {
    margin: calc(var(--spacing) * 195);
  }
  .m-196 {
    margin: calc(var(--spacing) * 196);
  }
  .m-197 {
    margin: calc(var(--spacing) * 197);
  }
  .m-199 {
    margin: calc(var(--spacing) * 199);
  }
  .m-200 {
    margin: calc(var(--spacing) * 200);
  }
  .m-201 {
    margin: calc(var(--spacing) * 201);
  }
  .m-202 {
    margin: calc(var(--spacing) * 202);
  }
  .m-203 {
    margin: calc(var(--spacing) * 203);
  }
  .m-204 {
    margin: calc(var(--spacing) * 204);
  }
  .m-205 {
    margin: calc(var(--spacing) * 205);
  }
  .m-206 {
    margin: calc(var(--spacing) * 206);
  }
  .m-207 {
    margin: calc(var(--spacing) * 207);
  }
  .m-208 {
    margin: calc(var(--spacing) * 208);
  }
  .m-209 {
    margin: calc(var(--spacing) * 209);
  }
  .m-210 {
    margin: calc(var(--spacing) * 210);
  }
  .m-211 {
    margin: calc(var(--spacing) * 211);
  }
  .m-212 {
    margin: calc(var(--spacing) * 212);
  }
  .m-213 {
    margin: calc(var(--spacing) * 213);
  }
  .m-214 {
    margin: calc(var(--spacing) * 214);
  }
  .m-215 {
    margin: calc(var(--spacing) * 215);
  }
  .m-216 {
    margin: calc(var(--spacing) * 216);
  }
  .m-217 {
    margin: calc(var(--spacing) * 217);
  }
  .m-218 {
    margin: calc(var(--spacing) * 218);
  }
  .m-219 {
    margin: calc(var(--spacing) * 219);
  }
  .m-220 {
    margin: calc(var(--spacing) * 220);
  }
  .m-221 {
    margin: calc(var(--spacing) * 221);
  }
  .m-222 {
    margin: calc(var(--spacing) * 222);
  }
  .m-223 {
    margin: calc(var(--spacing) * 223);
  }
  .m-224 {
    margin: calc(var(--spacing) * 224);
  }
  .m-225 {
    margin: calc(var(--spacing) * 225);
  }
  .m-226 {
    margin: calc(var(--spacing) * 226);
  }
  .m-227 {
    margin: calc(var(--spacing) * 227);
  }
  .m-228 {
    margin: calc(var(--spacing) * 228);
  }
  .m-229 {
    margin: calc(var(--spacing) * 229);
  }
  .m-230 {
    margin: calc(var(--spacing) * 230);
  }
  .m-231 {
    margin: calc(var(--spacing) * 231);
  }
  .m-232 {
    margin: calc(var(--spacing) * 232);
  }
  .m-233 {
    margin: calc(var(--spacing) * 233);
  }
  .m-234 {
    margin: calc(var(--spacing) * 234);
  }
  .m-235 {
    margin: calc(var(--spacing) * 235);
  }
  .m-236 {
    margin: calc(var(--spacing) * 236);
  }
  .m-237 {
    margin: calc(var(--spacing) * 237);
  }
  .m-238 {
    margin: calc(var(--spacing) * 238);
  }
  .m-239 {
    margin: calc(var(--spacing) * 239);
  }
  .m-240 {
    margin: calc(var(--spacing) * 240);
  }
  .m-241 {
    margin: calc(var(--spacing) * 241);
  }
  .m-242 {
    margin: calc(var(--spacing) * 242);
  }
  .m-243 {
    margin: calc(var(--spacing) * 243);
  }
  .m-244 {
    margin: calc(var(--spacing) * 244);
  }
  .m-245 {
    margin: calc(var(--spacing) * 245);
  }
  .m-246 {
    margin: calc(var(--spacing) * 246);
  }
  .m-247 {
    margin: calc(var(--spacing) * 247);
  }
  .m-248 {
    margin: calc(var(--spacing) * 248);
  }
  .m-250 {
    margin: calc(var(--spacing) * 250);
  }
  .m-251 {
    margin: calc(var(--spacing) * 251);
  }
  .m-252 {
    margin: calc(var(--spacing) * 252);
  }
  .m-253 {
    margin: calc(var(--spacing) * 253);
  }
  .m-254 {
    margin: calc(var(--spacing) * 254);
  }
  .m-255 {
    margin: calc(var(--spacing) * 255);
  }
  .m-256 {
    margin: calc(var(--spacing) * 256);
  }
  .m-257 {
    margin: calc(var(--spacing) * 257);
  }
  .m-258 {
    margin: calc(var(--spacing) * 258);
  }
  .m-259 {
    margin: calc(var(--spacing) * 259);
  }
  .m-260 {
    margin: calc(var(--spacing) * 260);
  }
  .m-261 {
    margin: calc(var(--spacing) * 261);
  }
  .m-262 {
    margin: calc(var(--spacing) * 262);
  }
  .m-263 {
    margin: calc(var(--spacing) * 263);
  }
  .m-265 {
    margin: calc(var(--spacing) * 265);
  }
  .m-266 {
    margin: calc(var(--spacing) * 266);
  }
  .m-267 {
    margin: calc(var(--spacing) * 267);
  }
  .m-268 {
    margin: calc(var(--spacing) * 268);
  }
  .m-269 {
    margin: calc(var(--spacing) * 269);
  }
  .m-270 {
    margin: calc(var(--spacing) * 270);
  }
  .m-271 {
    margin: calc(var(--spacing) * 271);
  }
  .m-272 {
    margin: calc(var(--spacing) * 272);
  }
  .m-273 {
    margin: calc(var(--spacing) * 273);
  }
  .m-274 {
    margin: calc(var(--spacing) * 274);
  }
  .m-275 {
    margin: calc(var(--spacing) * 275);
  }
  .m-276 {
    margin: calc(var(--spacing) * 276);
  }
  .m-278 {
    margin: calc(var(--spacing) * 278);
  }
  .m-279 {
    margin: calc(var(--spacing) * 279);
  }
  .m-281 {
    margin: calc(var(--spacing) * 281);
  }
  .m-282 {
    margin: calc(var(--spacing) * 282);
  }
  .m-283 {
    margin: calc(var(--spacing) * 283);
  }
  .m-284 {
    margin: calc(var(--spacing) * 284);
  }
  .m-285 {
    margin: calc(var(--spacing) * 285);
  }
  .m-286 {
    margin: calc(var(--spacing) * 286);
  }
  .m-287 {
    margin: calc(var(--spacing) * 287);
  }
  .m-288 {
    margin: calc(var(--spacing) * 288);
  }
  .m-289 {
    margin: calc(var(--spacing) * 289);
  }
  .m-290 {
    margin: calc(var(--spacing) * 290);
  }
  .m-291 {
    margin: calc(var(--spacing) * 291);
  }
  .m-292 {
    margin: calc(var(--spacing) * 292);
  }
  .m-293 {
    margin: calc(var(--spacing) * 293);
  }
  .m-294 {
    margin: calc(var(--spacing) * 294);
  }
  .m-295 {
    margin: calc(var(--spacing) * 295);
  }
  .m-296 {
    margin: calc(var(--spacing) * 296);
  }
  .m-297 {
    margin: calc(var(--spacing) * 297);
  }
  .m-298 {
    margin: calc(var(--spacing) * 298);
  }
  .m-299 {
    margin: calc(var(--spacing) * 299);
  }
  .m-300 {
    margin: calc(var(--spacing) * 300);
  }
  .m-301 {
    margin: calc(var(--spacing) * 301);
  }
  .m-302 {
    margin: calc(var(--spacing) * 302);
  }
  .m-303 {
    margin: calc(var(--spacing) * 303);
  }
  .m-304 {
    margin: calc(var(--spacing) * 304);
  }
  .m-305 {
    margin: calc(var(--spacing) * 305);
  }
  .m-306 {
    margin: calc(var(--spacing) * 306);
  }
  .m-307 {
    margin: calc(var(--spacing) * 307);
  }
  .m-308 {
    margin: calc(var(--spacing) * 308);
  }
  .m-309 {
    margin: calc(var(--spacing) * 309);
  }
  .m-310 {
    margin: calc(var(--spacing) * 310);
  }
  .m-311 {
    margin: calc(var(--spacing) * 311);
  }
  .m-312 {
    margin: calc(var(--spacing) * 312);
  }
  .m-313 {
    margin: calc(var(--spacing) * 313);
  }
  .m-314 {
    margin: calc(var(--spacing) * 314);
  }
  .m-315 {
    margin: calc(var(--spacing) * 315);
  }
  .m-316 {
    margin: calc(var(--spacing) * 316);
  }
  .m-317 {
    margin: calc(var(--spacing) * 317);
  }
  .m-318 {
    margin: calc(var(--spacing) * 318);
  }
  .m-319 {
    margin: calc(var(--spacing) * 319);
  }
  .m-320 {
    margin: calc(var(--spacing) * 320);
  }
  .m-321 {
    margin: calc(var(--spacing) * 321);
  }
  .m-322 {
    margin: calc(var(--spacing) * 322);
  }
  .m-323 {
    margin: calc(var(--spacing) * 323);
  }
  .m-324 {
    margin: calc(var(--spacing) * 324);
  }
  .m-325 {
    margin: calc(var(--spacing) * 325);
  }
  .m-327 {
    margin: calc(var(--spacing) * 327);
  }
  .m-328 {
    margin: calc(var(--spacing) * 328);
  }
  .m-329 {
    margin: calc(var(--spacing) * 329);
  }
  .m-330 {
    margin: calc(var(--spacing) * 330);
  }
  .m-331 {
    margin: calc(var(--spacing) * 331);
  }
  .m-332 {
    margin: calc(var(--spacing) * 332);
  }
  .m-333 {
    margin: calc(var(--spacing) * 333);
  }
  .m-334 {
    margin: calc(var(--spacing) * 334);
  }
  .m-335 {
    margin: calc(var(--spacing) * 335);
  }
  .m-336 {
    margin: calc(var(--spacing) * 336);
  }
  .m-337 {
    margin: calc(var(--spacing) * 337);
  }
  .m-338 {
    margin: calc(var(--spacing) * 338);
  }
  .m-339 {
    margin: calc(var(--spacing) * 339);
  }
  .m-340 {
    margin: calc(var(--spacing) * 340);
  }
  .m-341 {
    margin: calc(var(--spacing) * 341);
  }
  .m-342 {
    margin: calc(var(--spacing) * 342);
  }
  .m-343 {
    margin: calc(var(--spacing) * 343);
  }
  .m-344 {
    margin: calc(var(--spacing) * 344);
  }
  .m-345 {
    margin: calc(var(--spacing) * 345);
  }
  .m-346 {
    margin: calc(var(--spacing) * 346);
  }
  .m-347 {
    margin: calc(var(--spacing) * 347);
  }
  .m-348 {
    margin: calc(var(--spacing) * 348);
  }
  .m-349 {
    margin: calc(var(--spacing) * 349);
  }
  .m-350 {
    margin: calc(var(--spacing) * 350);
  }
  .m-351 {
    margin: calc(var(--spacing) * 351);
  }
  .m-352 {
    margin: calc(var(--spacing) * 352);
  }
  .m-353 {
    margin: calc(var(--spacing) * 353);
  }
  .m-354 {
    margin: calc(var(--spacing) * 354);
  }
  .m-355 {
    margin: calc(var(--spacing) * 355);
  }
  .m-356 {
    margin: calc(var(--spacing) * 356);
  }
  .m-358 {
    margin: calc(var(--spacing) * 358);
  }
  .m-359 {
    margin: calc(var(--spacing) * 359);
  }
  .m-360 {
    margin: calc(var(--spacing) * 360);
  }
  .m-361 {
    margin: calc(var(--spacing) * 361);
  }
  .m-362 {
    margin: calc(var(--spacing) * 362);
  }
  .m-363 {
    margin: calc(var(--spacing) * 363);
  }
  .m-364 {
    margin: calc(var(--spacing) * 364);
  }
  .m-365 {
    margin: calc(var(--spacing) * 365);
  }
  .m-366 {
    margin: calc(var(--spacing) * 366);
  }
  .m-368 {
    margin: calc(var(--spacing) * 368);
  }
  .m-369 {
    margin: calc(var(--spacing) * 369);
  }
  .m-370 {
    margin: calc(var(--spacing) * 370);
  }
  .m-371 {
    margin: calc(var(--spacing) * 371);
  }
  .m-372 {
    margin: calc(var(--spacing) * 372);
  }
  .m-373 {
    margin: calc(var(--spacing) * 373);
  }
  .m-374 {
    margin: calc(var(--spacing) * 374);
  }
  .m-375 {
    margin: calc(var(--spacing) * 375);
  }
  .m-376 {
    margin: calc(var(--spacing) * 376);
  }
  .m-377 {
    margin: calc(var(--spacing) * 377);
  }
  .m-378 {
    margin: calc(var(--spacing) * 378);
  }
  .m-379 {
    margin: calc(var(--spacing) * 379);
  }
  .m-380 {
    margin: calc(var(--spacing) * 380);
  }
  .m-381 {
    margin: calc(var(--spacing) * 381);
  }
  .m-382 {
    margin: calc(var(--spacing) * 382);
  }
  .m-383 {
    margin: calc(var(--spacing) * 383);
  }
  .m-384 {
    margin: calc(var(--spacing) * 384);
  }
  .m-385 {
    margin: calc(var(--spacing) * 385);
  }
  .m-386 {
    margin: calc(var(--spacing) * 386);
  }
  .m-388 {
    margin: calc(var(--spacing) * 388);
  }
  .m-389 {
    margin: calc(var(--spacing) * 389);
  }
  .m-390 {
    margin: calc(var(--spacing) * 390);
  }
  .m-391 {
    margin: calc(var(--spacing) * 391);
  }
  .m-392 {
    margin: calc(var(--spacing) * 392);
  }
  .m-394 {
    margin: calc(var(--spacing) * 394);
  }
  .m-395 {
    margin: calc(var(--spacing) * 395);
  }
  .m-396 {
    margin: calc(var(--spacing) * 396);
  }
  .m-397 {
    margin: calc(var(--spacing) * 397);
  }
  .m-399 {
    margin: calc(var(--spacing) * 399);
  }
  .m-400 {
    margin: calc(var(--spacing) * 400);
  }
  .m-401 {
    margin: calc(var(--spacing) * 401);
  }
  .m-402 {
    margin: calc(var(--spacing) * 402);
  }
  .m-403 {
    margin: calc(var(--spacing) * 403);
  }
  .m-404 {
    margin: calc(var(--spacing) * 404);
  }
  .m-405 {
    margin: calc(var(--spacing) * 405);
  }
  .m-406 {
    margin: calc(var(--spacing) * 406);
  }
  .m-408 {
    margin: calc(var(--spacing) * 408);
  }
  .m-409 {
    margin: calc(var(--spacing) * 409);
  }
  .m-410 {
    margin: calc(var(--spacing) * 410);
  }
  .m-411 {
    margin: calc(var(--spacing) * 411);
  }
  .m-412 {
    margin: calc(var(--spacing) * 412);
  }
  .m-413 {
    margin: calc(var(--spacing) * 413);
  }
  .m-414 {
    margin: calc(var(--spacing) * 414);
  }
  .m-415 {
    margin: calc(var(--spacing) * 415);
  }
  .m-416 {
    margin: calc(var(--spacing) * 416);
  }
  .m-417 {
    margin: calc(var(--spacing) * 417);
  }
  .m-418 {
    margin: calc(var(--spacing) * 418);
  }
  .m-419 {
    margin: calc(var(--spacing) * 419);
  }
  .m-420 {
    margin: calc(var(--spacing) * 420);
  }
  .m-421 {
    margin: calc(var(--spacing) * 421);
  }
  .m-423 {
    margin: calc(var(--spacing) * 423);
  }
  .m-424 {
    margin: calc(var(--spacing) * 424);
  }
  .m-425 {
    margin: calc(var(--spacing) * 425);
  }
  .m-426 {
    margin: calc(var(--spacing) * 426);
  }
  .m-427 {
    margin: calc(var(--spacing) * 427);
  }
  .m-428 {
    margin: calc(var(--spacing) * 428);
  }
  .m-429 {
    margin: calc(var(--spacing) * 429);
  }
  .m-430 {
    margin: calc(var(--spacing) * 430);
  }
  .m-431 {
    margin: calc(var(--spacing) * 431);
  }
  .m-432 {
    margin: calc(var(--spacing) * 432);
  }
  .m-433 {
    margin: calc(var(--spacing) * 433);
  }
  .m-434 {
    margin: calc(var(--spacing) * 434);
  }
  .m-435 {
    margin: calc(var(--spacing) * 435);
  }
  .m-436 {
    margin: calc(var(--spacing) * 436);
  }
  .m-437 {
    margin: calc(var(--spacing) * 437);
  }
  .m-438 {
    margin: calc(var(--spacing) * 438);
  }
  .m-439 {
    margin: calc(var(--spacing) * 439);
  }
  .m-440 {
    margin: calc(var(--spacing) * 440);
  }
  .m-441 {
    margin: calc(var(--spacing) * 441);
  }
  .m-442 {
    margin: calc(var(--spacing) * 442);
  }
  .m-443 {
    margin: calc(var(--spacing) * 443);
  }
  .m-444 {
    margin: calc(var(--spacing) * 444);
  }
  .m-445 {
    margin: calc(var(--spacing) * 445);
  }
  .m-447 {
    margin: calc(var(--spacing) * 447);
  }
  .m-449 {
    margin: calc(var(--spacing) * 449);
  }
  .m-450 {
    margin: calc(var(--spacing) * 450);
  }
  .m-451 {
    margin: calc(var(--spacing) * 451);
  }
  .m-452 {
    margin: calc(var(--spacing) * 452);
  }
  .m-453 {
    margin: calc(var(--spacing) * 453);
  }
  .m-455 {
    margin: calc(var(--spacing) * 455);
  }
  .m-456 {
    margin: calc(var(--spacing) * 456);
  }
  .m-457 {
    margin: calc(var(--spacing) * 457);
  }
  .m-458 {
    margin: calc(var(--spacing) * 458);
  }
  .m-459 {
    margin: calc(var(--spacing) * 459);
  }
  .m-460 {
    margin: calc(var(--spacing) * 460);
  }
  .m-461 {
    margin: calc(var(--spacing) * 461);
  }
  .m-462 {
    margin: calc(var(--spacing) * 462);
  }
  .m-463 {
    margin: calc(var(--spacing) * 463);
  }
  .m-465 {
    margin: calc(var(--spacing) * 465);
  }
  .m-466 {
    margin: calc(var(--spacing) * 466);
  }
  .m-467 {
    margin: calc(var(--spacing) * 467);
  }
  .m-468 {
    margin: calc(var(--spacing) * 468);
  }
  .m-469 {
    margin: calc(var(--spacing) * 469);
  }
  .m-470 {
    margin: calc(var(--spacing) * 470);
  }
  .m-471 {
    margin: calc(var(--spacing) * 471);
  }
  .m-472 {
    margin: calc(var(--spacing) * 472);
  }
  .m-474 {
    margin: calc(var(--spacing) * 474);
  }
  .m-475 {
    margin: calc(var(--spacing) * 475);
  }
  .m-477 {
    margin: calc(var(--spacing) * 477);
  }
  .m-478 {
    margin: calc(var(--spacing) * 478);
  }
  .m-479 {
    margin: calc(var(--spacing) * 479);
  }
  .m-480 {
    margin: calc(var(--spacing) * 480);
  }
  .m-481 {
    margin: calc(var(--spacing) * 481);
  }
  .m-483 {
    margin: calc(var(--spacing) * 483);
  }
  .m-484 {
    margin: calc(var(--spacing) * 484);
  }
  .m-485 {
    margin: calc(var(--spacing) * 485);
  }
  .m-486 {
    margin: calc(var(--spacing) * 486);
  }
  .m-487 {
    margin: calc(var(--spacing) * 487);
  }
  .m-488 {
    margin: calc(var(--spacing) * 488);
  }
  .m-489 {
    margin: calc(var(--spacing) * 489);
  }
  .m-491 {
    margin: calc(var(--spacing) * 491);
  }
  .m-492 {
    margin: calc(var(--spacing) * 492);
  }
  .m-493 {
    margin: calc(var(--spacing) * 493);
  }
  .m-494 {
    margin: calc(var(--spacing) * 494);
  }
  .m-497 {
    margin: calc(var(--spacing) * 497);
  }
  .m-498 {
    margin: calc(var(--spacing) * 498);
  }
  .m-500 {
    margin: calc(var(--spacing) * 500);
  }
  .m-501 {
    margin: calc(var(--spacing) * 501);
  }
  .m-503 {
    margin: calc(var(--spacing) * 503);
  }
  .m-504 {
    margin: calc(var(--spacing) * 504);
  }
  .m-506 {
    margin: calc(var(--spacing) * 506);
  }
  .m-507 {
    margin: calc(var(--spacing) * 507);
  }
  .m-508 {
    margin: calc(var(--spacing) * 508);
  }
  .m-509 {
    margin: calc(var(--spacing) * 509);
  }
  .m-510 {
    margin: calc(var(--spacing) * 510);
  }
  .m-511 {
    margin: calc(var(--spacing) * 511);
  }
  .m-512 {
    margin: calc(var(--spacing) * 512);
  }
  .m-513 {
    margin: calc(var(--spacing) * 513);
  }
  .m-515 {
    margin: calc(var(--spacing) * 515);
  }
  .m-516 {
    margin: calc(var(--spacing) * 516);
  }
  .m-518 {
    margin: calc(var(--spacing) * 518);
  }
  .m-519 {
    margin: calc(var(--spacing) * 519);
  }
  .m-520 {
    margin: calc(var(--spacing) * 520);
  }
  .m-522 {
    margin: calc(var(--spacing) * 522);
  }
  .m-523 {
    margin: calc(var(--spacing) * 523);
  }
  .m-525 {
    margin: calc(var(--spacing) * 525);
  }
  .m-528 {
    margin: calc(var(--spacing) * 528);
  }
  .m-529 {
    margin: calc(var(--spacing) * 529);
  }
  .m-530 {
    margin: calc(var(--spacing) * 530);
  }
  .m-531 {
    margin: calc(var(--spacing) * 531);
  }
  .m-533 {
    margin: calc(var(--spacing) * 533);
  }
  .m-535 {
    margin: calc(var(--spacing) * 535);
  }
  .m-537 {
    margin: calc(var(--spacing) * 537);
  }
  .m-538 {
    margin: calc(var(--spacing) * 538);
  }
  .m-540 {
    margin: calc(var(--spacing) * 540);
  }
  .m-542 {
    margin: calc(var(--spacing) * 542);
  }
  .m-543 {
    margin: calc(var(--spacing) * 543);
  }
  .m-544 {
    margin: calc(var(--spacing) * 544);
  }
  .m-545 {
    margin: calc(var(--spacing) * 545);
  }
  .m-546 {
    margin: calc(var(--spacing) * 546);
  }
  .m-547 {
    margin: calc(var(--spacing) * 547);
  }
  .m-548 {
    margin: calc(var(--spacing) * 548);
  }
  .m-552 {
    margin: calc(var(--spacing) * 552);
  }
  .m-554 {
    margin: calc(var(--spacing) * 554);
  }
  .m-555 {
    margin: calc(var(--spacing) * 555);
  }
  .m-556 {
    margin: calc(var(--spacing) * 556);
  }
  .m-557 {
    margin: calc(var(--spacing) * 557);
  }
  .m-558 {
    margin: calc(var(--spacing) * 558);
  }
  .m-559 {
    margin: calc(var(--spacing) * 559);
  }
  .m-560 {
    margin: calc(var(--spacing) * 560);
  }
  .m-561 {
    margin: calc(var(--spacing) * 561);
  }
  .m-562 {
    margin: calc(var(--spacing) * 562);
  }
  .m-564 {
    margin: calc(var(--spacing) * 564);
  }
  .m-565 {
    margin: calc(var(--spacing) * 565);
  }
  .m-566 {
    margin: calc(var(--spacing) * 566);
  }
  .m-567 {
    margin: calc(var(--spacing) * 567);
  }
  .m-568 {
    margin: calc(var(--spacing) * 568);
  }
  .m-569 {
    margin: calc(var(--spacing) * 569);
  }
  .m-570 {
    margin: calc(var(--spacing) * 570);
  }
  .m-571 {
    margin: calc(var(--spacing) * 571);
  }
  .m-572 {
    margin: calc(var(--spacing) * 572);
  }
  .m-573 {
    margin: calc(var(--spacing) * 573);
  }
  .m-574 {
    margin: calc(var(--spacing) * 574);
  }
  .m-575 {
    margin: calc(var(--spacing) * 575);
  }
  .m-577 {
    margin: calc(var(--spacing) * 577);
  }
  .m-580 {
    margin: calc(var(--spacing) * 580);
  }
  .m-581 {
    margin: calc(var(--spacing) * 581);
  }
  .m-582 {
    margin: calc(var(--spacing) * 582);
  }
  .m-584 {
    margin: calc(var(--spacing) * 584);
  }
  .m-586 {
    margin: calc(var(--spacing) * 586);
  }
  .m-587 {
    margin: calc(var(--spacing) * 587);
  }
  .m-588 {
    margin: calc(var(--spacing) * 588);
  }
  .m-591 {
    margin: calc(var(--spacing) * 591);
  }
  .m-593 {
    margin: calc(var(--spacing) * 593);
  }
  .m-595 {
    margin: calc(var(--spacing) * 595);
  }
  .m-599 {
    margin: calc(var(--spacing) * 599);
  }
  .m-600 {
    margin: calc(var(--spacing) * 600);
  }
  .m-601 {
    margin: calc(var(--spacing) * 601);
  }
  .m-603 {
    margin: calc(var(--spacing) * 603);
  }
  .m-604 {
    margin: calc(var(--spacing) * 604);
  }
  .m-605 {
    margin: calc(var(--spacing) * 605);
  }
  .m-607 {
    margin: calc(var(--spacing) * 607);
  }
  .m-608 {
    margin: calc(var(--spacing) * 608);
  }
  .m-609 {
    margin: calc(var(--spacing) * 609);
  }
  .m-610 {
    margin: calc(var(--spacing) * 610);
  }
  .m-613 {
    margin: calc(var(--spacing) * 613);
  }
  .m-614 {
    margin: calc(var(--spacing) * 614);
  }
  .m-615 {
    margin: calc(var(--spacing) * 615);
  }
  .m-617 {
    margin: calc(var(--spacing) * 617);
  }
  .m-619 {
    margin: calc(var(--spacing) * 619);
  }
  .m-620 {
    margin: calc(var(--spacing) * 620);
  }
  .m-622 {
    margin: calc(var(--spacing) * 622);
  }
  .m-623 {
    margin: calc(var(--spacing) * 623);
  }
  .m-625 {
    margin: calc(var(--spacing) * 625);
  }
  .m-628 {
    margin: calc(var(--spacing) * 628);
  }
  .m-629 {
    margin: calc(var(--spacing) * 629);
  }
  .m-633 {
    margin: calc(var(--spacing) * 633);
  }
  .m-634 {
    margin: calc(var(--spacing) * 634);
  }
  .m-635 {
    margin: calc(var(--spacing) * 635);
  }
  .m-637 {
    margin: calc(var(--spacing) * 637);
  }
  .m-638 {
    margin: calc(var(--spacing) * 638);
  }
  .m-639 {
    margin: calc(var(--spacing) * 639);
  }
  .m-640 {
    margin: calc(var(--spacing) * 640);
  }
  .m-643 {
    margin: calc(var(--spacing) * 643);
  }
  .m-644 {
    margin: calc(var(--spacing) * 644);
  }
  .m-647 {
    margin: calc(var(--spacing) * 647);
  }
  .m-649 {
    margin: calc(var(--spacing) * 649);
  }
  .m-650 {
    margin: calc(var(--spacing) * 650);
  }
  .m-651 {
    margin: calc(var(--spacing) * 651);
  }
  .m-652 {
    margin: calc(var(--spacing) * 652);
  }
  .m-655 {
    margin: calc(var(--spacing) * 655);
  }
  .m-657 {
    margin: calc(var(--spacing) * 657);
  }
  .m-658 {
    margin: calc(var(--spacing) * 658);
  }
  .m-661 {
    margin: calc(var(--spacing) * 661);
  }
  .m-662 {
    margin: calc(var(--spacing) * 662);
  }
  .m-663 {
    margin: calc(var(--spacing) * 663);
  }
  .m-667 {
    margin: calc(var(--spacing) * 667);
  }
  .m-668 {
    margin: calc(var(--spacing) * 668);
  }
  .m-670 {
    margin: calc(var(--spacing) * 670);
  }
  .m-673 {
    margin: calc(var(--spacing) * 673);
  }
  .m-674 {
    margin: calc(var(--spacing) * 674);
  }
  .m-676 {
    margin: calc(var(--spacing) * 676);
  }
  .m-677 {
    margin: calc(var(--spacing) * 677);
  }
  .m-678 {
    margin: calc(var(--spacing) * 678);
  }
  .m-679 {
    margin: calc(var(--spacing) * 679);
  }
  .m-683 {
    margin: calc(var(--spacing) * 683);
  }
  .m-686 {
    margin: calc(var(--spacing) * 686);
  }
  .m-687 {
    margin: calc(var(--spacing) * 687);
  }
  .m-688 {
    margin: calc(var(--spacing) * 688);
  }
  .m-689 {
    margin: calc(var(--spacing) * 689);
  }
  .m-692 {
    margin: calc(var(--spacing) * 692);
  }
  .m-693 {
    margin: calc(var(--spacing) * 693);
  }
  .m-694 {
    margin: calc(var(--spacing) * 694);
  }
  .m-696 {
    margin: calc(var(--spacing) * 696);
  }
  .m-698 {
    margin: calc(var(--spacing) * 698);
  }
  .m-704 {
    margin: calc(var(--spacing) * 704);
  }
  .m-705 {
    margin: calc(var(--spacing) * 705);
  }
  .m-707 {
    margin: calc(var(--spacing) * 707);
  }
  .m-708 {
    margin: calc(var(--spacing) * 708);
  }
  .m-709 {
    margin: calc(var(--spacing) * 709);
  }
  .m-713 {
    margin: calc(var(--spacing) * 713);
  }
  .m-714 {
    margin: calc(var(--spacing) * 714);
  }
  .m-717 {
    margin: calc(var(--spacing) * 717);
  }
  .m-720 {
    margin: calc(var(--spacing) * 720);
  }
  .m-722 {
    margin: calc(var(--spacing) * 722);
  }
  .m-732 {
    margin: calc(var(--spacing) * 732);
  }
  .m-735 {
    margin: calc(var(--spacing) * 735);
  }
  .m-738 {
    margin: calc(var(--spacing) * 738);
  }
  .m-739 {
    margin: calc(var(--spacing) * 739);
  }
  .m-740 {
    margin: calc(var(--spacing) * 740);
  }
  .m-742 {
    margin: calc(var(--spacing) * 742);
  }
  .m-744 {
    margin: calc(var(--spacing) * 744);
  }
  .m-745 {
    margin: calc(var(--spacing) * 745);
  }
  .m-746 {
    margin: calc(var(--spacing) * 746);
  }
  .m-748 {
    margin: calc(var(--spacing) * 748);
  }
  .m-749 {
    margin: calc(var(--spacing) * 749);
  }
  .m-750 {
    margin: calc(var(--spacing) * 750);
  }
  .m-752 {
    margin: calc(var(--spacing) * 752);
  }
  .m-754 {
    margin: calc(var(--spacing) * 754);
  }
  .m-757 {
    margin: calc(var(--spacing) * 757);
  }
  .m-758 {
    margin: calc(var(--spacing) * 758);
  }
  .m-759 {
    margin: calc(var(--spacing) * 759);
  }
  .m-763 {
    margin: calc(var(--spacing) * 763);
  }
  .m-765 {
    margin: calc(var(--spacing) * 765);
  }
  .m-769 {
    margin: calc(var(--spacing) * 769);
  }
  .m-770 {
    margin: calc(var(--spacing) * 770);
  }
  .m-775 {
    margin: calc(var(--spacing) * 775);
  }
  .m-776 {
    margin: calc(var(--spacing) * 776);
  }
  .m-782 {
    margin: calc(var(--spacing) * 782);
  }
  .m-785 {
    margin: calc(var(--spacing) * 785);
  }
  .m-787 {
    margin: calc(var(--spacing) * 787);
  }
  .m-791 {
    margin: calc(var(--spacing) * 791);
  }
  .m-796 {
    margin: calc(var(--spacing) * 796);
  }
  .m-797 {
    margin: calc(var(--spacing) * 797);
  }
  .m-801 {
    margin: calc(var(--spacing) * 801);
  }
  .m-802 {
    margin: calc(var(--spacing) * 802);
  }
  .m-804 {
    margin: calc(var(--spacing) * 804);
  }
  .m-808 {
    margin: calc(var(--spacing) * 808);
  }
  .m-809 {
    margin: calc(var(--spacing) * 809);
  }
  .m-812 {
    margin: calc(var(--spacing) * 812);
  }
  .m-821 {
    margin: calc(var(--spacing) * 821);
  }
  .m-826 {
    margin: calc(var(--spacing) * 826);
  }
  .m-830 {
    margin: calc(var(--spacing) * 830);
  }
  .m-831 {
    margin: calc(var(--spacing) * 831);
  }
  .m-836 {
    margin: calc(var(--spacing) * 836);
  }
  .m-837 {
    margin: calc(var(--spacing) * 837);
  }
  .m-838 {
    margin: calc(var(--spacing) * 838);
  }
  .m-844 {
    margin: calc(var(--spacing) * 844);
  }
  .m-847 {
    margin: calc(var(--spacing) * 847);
  }
  .m-855 {
    margin: calc(var(--spacing) * 855);
  }
  .m-865 {
    margin: calc(var(--spacing) * 865);
  }
  .m-867 {
    margin: calc(var(--spacing) * 867);
  }
  .m-871 {
    margin: calc(var(--spacing) * 871);
  }
  .m-874 {
    margin: calc(var(--spacing) * 874);
  }
  .m-883 {
    margin: calc(var(--spacing) * 883);
  }
  .m-885 {
    margin: calc(var(--spacing) * 885);
  }
  .m-891 {
    margin: calc(var(--spacing) * 891);
  }
  .m-897 {
    margin: calc(var(--spacing) * 897);
  }
  .m-905 {
    margin: calc(var(--spacing) * 905);
  }
  .m-908 {
    margin: calc(var(--spacing) * 908);
  }
  .m-916 {
    margin: calc(var(--spacing) * 916);
  }
  .m-918 {
    margin: calc(var(--spacing) * 918);
  }
  .m-926 {
    margin: calc(var(--spacing) * 926);
  }
  .m-929 {
    margin: calc(var(--spacing) * 929);
  }
  .m-941 {
    margin: calc(var(--spacing) * 941);
  }
  .m-943 {
    margin: calc(var(--spacing) * 943);
  }
  .m-947 {
    margin: calc(var(--spacing) * 947);
  }
  .m-953 {
    margin: calc(var(--spacing) * 953);
  }
  .m-958 {
    margin: calc(var(--spacing) * 958);
  }
  .m-972 {
    margin: calc(var(--spacing) * 972);
  }
  .m-998 {
    margin: calc(var(--spacing) * 998);
  }
  .m-1000 {
    margin: calc(var(--spacing) * 1000);
  }
  .m-\[-2px_0_50px\] {
    margin: -2px 0 50px;
  }
  .m-\[0\.143rem\] {
    margin: 0.143rem;
  }
  .m-\[0_-15px\] {
    margin: 0 -15px;
  }
  .m-\[0_-20px\] {
    margin: 0 -20px;
  }
  .m-\[0_\.7rem_0_0\] {
    margin: 0 .7rem 0 0;
  }
  .m-\[0_0_0_82px\] {
    margin: 0 0 0 82px;
  }
  .m-\[0_10px\] {
    margin: 0 10px;
  }
  .m-\[0_10px_0_40px\] {
    margin: 0 10px 0 40px;
  }
  .m-\[0_15px_70px\] {
    margin: 0 15px 70px;
  }
  .m-\[0_20px\] {
    margin: 0 20px;
  }
  .m-\[0_23px\] {
    margin: 0 23px;
  }
  .m-\[0_24px\] {
    margin: 0 24px;
  }
  .m-\[0_25px\] {
    margin: 0 25px;
  }
  .m-\[0_40px_0_0\] {
    margin: 0 40px 0 0;
  }
  .m-\[0_40px_0_10px\] {
    margin: 0 40px 0 10px;
  }
  .m-\[0_82px_0_0\] {
    margin: 0 82px 0 0;
  }
  .m-\[0_auto\] {
    margin: 0 auto;
  }
  .m-\[0_auto_1rem\] {
    margin: 0 auto 1rem;
  }
  .m-\[4\.5rem_0\] {
    margin: 4.5rem 0;
  }
  .m-\[10px_12px\] {
    margin: 10px 12px;
  }
  .m-\[15px_0_5px\] {
    margin: 15px 0 5px;
  }
  .m-\[15px_0_20px\] {
    margin: 15px 0 20px;
  }
  .m-\[19px_0_33px\] {
    margin: 19px 0 33px;
  }
  .m-\[20px_0_120px\] {
    margin: 20px 0 120px;
  }
  .m-\[25px_0\] {
    margin: 25px 0;
  }
  .m-\[25px_auto_38px\] {
    margin: 25px auto 38px;
  }
  .m-\[30px_0_20px\] {
    margin: 30px 0 20px;
  }
  .m-\[33px_0_20px\] {
    margin: 33px 0 20px;
  }
  .m-\[35px_0_0\] {
    margin: 35px 0 0;
  }
  .m-\[40px_0\] {
    margin: 40px 0;
  }
  .m-\[40px_0_20px\] {
    margin: 40px 0 20px;
  }
  .m-\[40px_auto_0\] {
    margin: 40px auto 0;
  }
  .m-\[50px_15px\] {
    margin: 50px 15px;
  }
  .m-\[75px_0_0\] {
    margin: 75px 0 0;
  }
  .m-\[80px_auto_0\] {
    margin: 80px auto 0;
  }
  .m-\[85px_0_25px\] {
    margin: 85px 0 25px;
  }
  .m-\[95px_auto_0\] {
    margin: 95px auto 0;
  }
  .m-\[100px_0_0\] {
    margin: 100px 0 0;
  }
  .m-auto {
    margin: auto;
  }
  .\!mx-\[10px\] {
    margin-inline: 10px !important;
  }
  .\!mx-auto {
    margin-inline: auto !important;
  }
  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }
  .-mx-2 {
    margin-inline: calc(var(--spacing) * -2);
  }
  .-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
  }
  .-mx-6 {
    margin-inline: calc(var(--spacing) * -6);
  }
  .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-2\.5 {
    margin-inline: calc(var(--spacing) * 2.5);
  }
  .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-7 {
    margin-inline: calc(var(--spacing) * 7);
  }
  .mx-8 {
    margin-inline: calc(var(--spacing) * 8);
  }
  .mx-9 {
    margin-inline: calc(var(--spacing) * 9);
  }
  .mx-10 {
    margin-inline: calc(var(--spacing) * 10);
  }
  .mx-11 {
    margin-inline: calc(var(--spacing) * 11);
  }
  .mx-12 {
    margin-inline: calc(var(--spacing) * 12);
  }
  .mx-13 {
    margin-inline: calc(var(--spacing) * 13);
  }
  .mx-14 {
    margin-inline: calc(var(--spacing) * 14);
  }
  .mx-15 {
    margin-inline: calc(var(--spacing) * 15);
  }
  .mx-16 {
    margin-inline: calc(var(--spacing) * 16);
  }
  .mx-17 {
    margin-inline: calc(var(--spacing) * 17);
  }
  .mx-18 {
    margin-inline: calc(var(--spacing) * 18);
  }
  .mx-19 {
    margin-inline: calc(var(--spacing) * 19);
  }
  .mx-20 {
    margin-inline: calc(var(--spacing) * 20);
  }
  .mx-21 {
    margin-inline: calc(var(--spacing) * 21);
  }
  .mx-22 {
    margin-inline: calc(var(--spacing) * 22);
  }
  .mx-23 {
    margin-inline: calc(var(--spacing) * 23);
  }
  .mx-24 {
    margin-inline: calc(var(--spacing) * 24);
  }
  .mx-25 {
    margin-inline: calc(var(--spacing) * 25);
  }
  .mx-\[-0\.5rem\] {
    margin-inline: -0.5rem;
  }
  .mx-\[-15px\] {
    margin-inline: -15px;
  }
  .mx-\[-25px\] {
    margin-inline: -25px;
  }
  .mx-\[-30px\] {
    margin-inline: -30px;
  }
  .mx-\[-40px\] {
    margin-inline: -40px;
  }
  .mx-\[0\.9\%\] {
    margin-inline: 0.9%;
  }
  .mx-\[1\.6vw\] {
    margin-inline: 1.6vw;
  }
  .mx-\[4\%\] {
    margin-inline: 4%;
  }
  .mx-\[5px\] {
    margin-inline: 5px;
  }
  .mx-\[7px\] {
    margin-inline: 7px;
  }
  .mx-\[11px\] {
    margin-inline: 11px;
  }
  .mx-\[15px\] {
    margin-inline: 15px;
  }
  .mx-\[22px\] {
    margin-inline: 22px;
  }
  .mx-\[25px\] {
    margin-inline: 25px;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .\!my-8 {
    margin-block: calc(var(--spacing) * 8) !important;
  }
  .-my-2 {
    margin-block: calc(var(--spacing) * -2);
  }
  .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-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-7 {
    margin-block: calc(var(--spacing) * 7);
  }
  .my-8 {
    margin-block: calc(var(--spacing) * 8);
  }
  .my-9 {
    margin-block: calc(var(--spacing) * 9);
  }
  .my-10 {
    margin-block: calc(var(--spacing) * 10);
  }
  .my-11 {
    margin-block: calc(var(--spacing) * 11);
  }
  .my-12 {
    margin-block: calc(var(--spacing) * 12);
  }
  .my-13 {
    margin-block: calc(var(--spacing) * 13);
  }
  .my-14 {
    margin-block: calc(var(--spacing) * 14);
  }
  .my-15 {
    margin-block: calc(var(--spacing) * 15);
  }
  .my-16 {
    margin-block: calc(var(--spacing) * 16);
  }
  .my-17 {
    margin-block: calc(var(--spacing) * 17);
  }
  .my-18 {
    margin-block: calc(var(--spacing) * 18);
  }
  .my-19 {
    margin-block: calc(var(--spacing) * 19);
  }
  .my-20 {
    margin-block: calc(var(--spacing) * 20);
  }
  .my-21 {
    margin-block: calc(var(--spacing) * 21);
  }
  .my-22 {
    margin-block: calc(var(--spacing) * 22);
  }
  .my-23 {
    margin-block: calc(var(--spacing) * 23);
  }
  .my-24 {
    margin-block: calc(var(--spacing) * 24);
  }
  .my-25 {
    margin-block: calc(var(--spacing) * 25);
  }
  .my-\[0\.9375rem\] {
    margin-block: 0.9375rem;
  }
  .my-\[3px\] {
    margin-block: 3px;
  }
  .my-\[5px\] {
    margin-block: 5px;
  }
  .my-\[6px\] {
    margin-block: 6px;
  }
  .my-\[35px\] {
    margin-block: 35px;
  }
  .my-auto {
    margin-block: auto;
  }
  .\!ms-auto {
    margin-inline-start: auto !important;
  }
  .-ms-2 {
    margin-inline-start: calc(var(--spacing) * -2);
  }
  .-ms-2\.5 {
    margin-inline-start: calc(var(--spacing) * -2.5);
  }
  .-ms-4 {
    margin-inline-start: calc(var(--spacing) * -4);
  }
  .-ms-\[5px\] {
    margin-inline-start: calc(5px * -1);
  }
  .ms-0 {
    margin-inline-start: calc(var(--spacing) * 0);
  }
  .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-2\.5 {
    margin-inline-start: calc(var(--spacing) * 2.5);
  }
  .ms-3 {
    margin-inline-start: calc(var(--spacing) * 3);
  }
  .ms-4 {
    margin-inline-start: calc(var(--spacing) * 4);
  }
  .ms-5 {
    margin-inline-start: calc(var(--spacing) * 5);
  }
  .ms-6 {
    margin-inline-start: calc(var(--spacing) * 6);
  }
  .ms-7 {
    margin-inline-start: calc(var(--spacing) * 7);
  }
  .ms-8 {
    margin-inline-start: calc(var(--spacing) * 8);
  }
  .ms-9 {
    margin-inline-start: calc(var(--spacing) * 9);
  }
  .ms-10 {
    margin-inline-start: calc(var(--spacing) * 10);
  }
  .ms-11 {
    margin-inline-start: calc(var(--spacing) * 11);
  }
  .ms-12 {
    margin-inline-start: calc(var(--spacing) * 12);
  }
  .ms-13 {
    margin-inline-start: calc(var(--spacing) * 13);
  }
  .ms-14 {
    margin-inline-start: calc(var(--spacing) * 14);
  }
  .ms-15 {
    margin-inline-start: calc(var(--spacing) * 15);
  }
  .ms-16 {
    margin-inline-start: calc(var(--spacing) * 16);
  }
  .ms-17 {
    margin-inline-start: calc(var(--spacing) * 17);
  }
  .ms-18 {
    margin-inline-start: calc(var(--spacing) * 18);
  }
  .ms-19 {
    margin-inline-start: calc(var(--spacing) * 19);
  }
  .ms-20 {
    margin-inline-start: calc(var(--spacing) * 20);
  }
  .ms-21 {
    margin-inline-start: calc(var(--spacing) * 21);
  }
  .ms-22 {
    margin-inline-start: calc(var(--spacing) * 22);
  }
  .ms-23 {
    margin-inline-start: calc(var(--spacing) * 23);
  }
  .ms-24 {
    margin-inline-start: calc(var(--spacing) * 24);
  }
  .ms-25 {
    margin-inline-start: calc(var(--spacing) * 25);
  }
  .ms-32 {
    margin-inline-start: calc(var(--spacing) * 32);
  }
  .ms-auto {
    margin-inline-start: auto;
  }
  .\!me-1\.5 {
    margin-inline-end: calc(var(--spacing) * 1.5) !important;
  }
  .me-0 {
    margin-inline-end: calc(var(--spacing) * 0);
  }
  .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-4 {
    margin-inline-end: calc(var(--spacing) * 4);
  }
  .me-5 {
    margin-inline-end: calc(var(--spacing) * 5);
  }
  .me-6 {
    margin-inline-end: calc(var(--spacing) * 6);
  }
  .me-7 {
    margin-inline-end: calc(var(--spacing) * 7);
  }
  .me-8 {
    margin-inline-end: calc(var(--spacing) * 8);
  }
  .me-9 {
    margin-inline-end: calc(var(--spacing) * 9);
  }
  .me-10 {
    margin-inline-end: calc(var(--spacing) * 10);
  }
  .me-11 {
    margin-inline-end: calc(var(--spacing) * 11);
  }
  .me-12 {
    margin-inline-end: calc(var(--spacing) * 12);
  }
  .me-13 {
    margin-inline-end: calc(var(--spacing) * 13);
  }
  .me-14 {
    margin-inline-end: calc(var(--spacing) * 14);
  }
  .me-15 {
    margin-inline-end: calc(var(--spacing) * 15);
  }
  .me-16 {
    margin-inline-end: calc(var(--spacing) * 16);
  }
  .me-17 {
    margin-inline-end: calc(var(--spacing) * 17);
  }
  .me-18 {
    margin-inline-end: calc(var(--spacing) * 18);
  }
  .me-19 {
    margin-inline-end: calc(var(--spacing) * 19);
  }
  .me-20 {
    margin-inline-end: calc(var(--spacing) * 20);
  }
  .me-21 {
    margin-inline-end: calc(var(--spacing) * 21);
  }
  .me-22 {
    margin-inline-end: calc(var(--spacing) * 22);
  }
  .me-23 {
    margin-inline-end: calc(var(--spacing) * 23);
  }
  .me-24 {
    margin-inline-end: calc(var(--spacing) * 24);
  }
  .me-25 {
    margin-inline-end: calc(var(--spacing) * 25);
  }
  .me-auto {
    margin-inline-end: auto;
  }
  .prose {
    color: var(--tw-prose-body);
    max-width: 65ch;
    :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.25em;
      margin-bottom: 1.25em;
    }
    :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-lead);
      font-size: 1.25em;
      line-height: 1.6;
      margin-top: 1.2em;
      margin-bottom: 1.2em;
    }
    :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-links);
      text-decoration: underline;
      font-weight: 500;
    }
    :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-bold);
      font-weight: 600;
    }
    :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: decimal;
      margin-top: 1.25em;
      margin-bottom: 1.25em;
      padding-inline-start: 1.625em;
    }
    :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: upper-alpha;
    }
    :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: lower-alpha;
    }
    :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: upper-alpha;
    }
    :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: lower-alpha;
    }
    :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: upper-roman;
    }
    :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: lower-roman;
    }
    :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: upper-roman;
    }
    :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: lower-roman;
    }
    :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: decimal;
    }
    :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: disc;
      margin-top: 1.25em;
      margin-bottom: 1.25em;
      padding-inline-start: 1.625em;
    }
    :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
      font-weight: 400;
      color: var(--tw-prose-counters);
    }
    :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
      color: var(--tw-prose-bullets);
    }
    :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 600;
      margin-top: 1.25em;
    }
    :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      border-color: var(--tw-prose-hr);
      border-top-width: 1px;
      margin-top: 3em;
      margin-bottom: 3em;
    }
    :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-weight: 500;
      font-style: italic;
      color: var(--tw-prose-quotes);
      border-inline-start-width: 0.25rem;
      border-inline-start-color: var(--tw-prose-quote-borders);
      quotes: "\201C""\201D""\2018""\2019";
      margin-top: 1.6em;
      margin-bottom: 1.6em;
      padding-inline-start: 1em;
    }
    :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
      content: open-quote;
    }
    :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
      content: close-quote;
    }
    :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 800;
      font-size: 2.25em;
      margin-top: 0;
      margin-bottom: 0.8888889em;
      line-height: 1.1111111;
    }
    :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-weight: 900;
      color: inherit;
    }
    :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 700;
      font-size: 1.5em;
      margin-top: 2em;
      margin-bottom: 1em;
      line-height: 1.3333333;
    }
    :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-weight: 800;
      color: inherit;
    }
    :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 600;
      font-size: 1.25em;
      margin-top: 1.6em;
      margin-bottom: 0.6em;
      line-height: 1.6;
    }
    :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-weight: 700;
      color: inherit;
    }
    :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 600;
      margin-top: 1.5em;
      margin-bottom: 0.5em;
      line-height: 1.5;
    }
    :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-weight: 700;
      color: inherit;
    }
    :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 2em;
      margin-bottom: 2em;
    }
    :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      display: block;
      margin-top: 2em;
      margin-bottom: 2em;
    }
    :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 2em;
      margin-bottom: 2em;
    }
    :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-weight: 500;
      font-family: inherit;
      color: var(--tw-prose-kbd);
      box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
      font-size: 0.875em;
      border-radius: 0.3125rem;
      padding-top: 0.1875em;
      padding-inline-end: 0.375em;
      padding-bottom: 0.1875em;
      padding-inline-start: 0.375em;
    }
    :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-code);
      font-weight: 600;
      font-size: 0.875em;
    }
    :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
      content: "`";
    }
    :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
      content: "`";
    }
    :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
      font-size: 0.875em;
    }
    :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
      font-size: 0.9em;
    }
    :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-pre-code);
      background-color: var(--tw-prose-pre-bg);
      overflow-x: auto;
      font-weight: 400;
      font-size: 0.875em;
      line-height: 1.7142857;
      margin-top: 1.7142857em;
      margin-bottom: 1.7142857em;
      border-radius: 0.375rem;
      padding-top: 0.8571429em;
      padding-inline-end: 1.1428571em;
      padding-bottom: 0.8571429em;
      padding-inline-start: 1.1428571em;
    }
    :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      background-color: transparent;
      border-width: 0;
      border-radius: 0;
      padding: 0;
      font-weight: inherit;
      color: inherit;
      font-size: inherit;
      font-family: inherit;
      line-height: inherit;
    }
    :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
      content: none;
    }
    :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
      content: none;
    }
    :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      width: 100%;
      table-layout: auto;
      margin-top: 2em;
      margin-bottom: 2em;
      font-size: 0.875em;
      line-height: 1.7142857;
    }
    :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      border-bottom-width: 1px;
      border-bottom-color: var(--tw-prose-th-borders);
    }
    :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 600;
      vertical-align: bottom;
      padding-inline-end: 0.5714286em;
      padding-bottom: 0.5714286em;
      padding-inline-start: 0.5714286em;
    }
    :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      border-bottom-width: 1px;
      border-bottom-color: var(--tw-prose-td-borders);
    }
    :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      border-bottom-width: 0;
    }
    :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      vertical-align: baseline;
    }
    :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      border-top-width: 1px;
      border-top-color: var(--tw-prose-th-borders);
    }
    :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      vertical-align: top;
    }
    :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      text-align: start;
    }
    :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
      margin-bottom: 0;
    }
    :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-captions);
      font-size: 0.875em;
      line-height: 1.4285714;
      margin-top: 0.8571429em;
    }
    --tw-prose-body: oklch(37.3% 0.034 259.733);
    --tw-prose-headings: oklch(21% 0.034 264.665);
    --tw-prose-lead: oklch(44.6% 0.03 256.802);
    --tw-prose-links: oklch(21% 0.034 264.665);
    --tw-prose-bold: oklch(21% 0.034 264.665);
    --tw-prose-counters: oklch(55.1% 0.027 264.364);
    --tw-prose-bullets: oklch(87.2% 0.01 258.338);
    --tw-prose-hr: oklch(92.8% 0.006 264.531);
    --tw-prose-quotes: oklch(21% 0.034 264.665);
    --tw-prose-quote-borders: oklch(92.8% 0.006 264.531);
    --tw-prose-captions: oklch(55.1% 0.027 264.364);
    --tw-prose-kbd: oklch(21% 0.034 264.665);
    --tw-prose-kbd-shadows: color-mix(in oklab, oklch(21% 0.034 264.665) 10%, transparent);
    --tw-prose-code: oklch(21% 0.034 264.665);
    --tw-prose-pre-code: oklch(92.8% 0.006 264.531);
    --tw-prose-pre-bg: oklch(27.8% 0.033 256.848);
    --tw-prose-th-borders: oklch(87.2% 0.01 258.338);
    --tw-prose-td-borders: oklch(92.8% 0.006 264.531);
    --tw-prose-invert-body: oklch(87.2% 0.01 258.338);
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: oklch(70.7% 0.022 261.325);
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: oklch(70.7% 0.022 261.325);
    --tw-prose-invert-bullets: oklch(44.6% 0.03 256.802);
    --tw-prose-invert-hr: oklch(37.3% 0.034 259.733);
    --tw-prose-invert-quotes: oklch(96.7% 0.003 264.542);
    --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733);
    --tw-prose-invert-captions: oklch(70.7% 0.022 261.325);
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338);
    --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
    --tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802);
    --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733);
    font-size: 1rem;
    line-height: 1.75;
    :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
      margin-bottom: 0;
    }
    :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0.5em;
      margin-bottom: 0.5em;
    }
    :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-start: 0.375em;
    }
    :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-start: 0.375em;
    }
    :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0.75em;
      margin-bottom: 0.75em;
    }
    :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.25em;
    }
    :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-bottom: 1.25em;
    }
    :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.25em;
    }
    :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-bottom: 1.25em;
    }
    :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0.75em;
      margin-bottom: 0.75em;
    }
    :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.25em;
      margin-bottom: 1.25em;
    }
    :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0.5em;
      padding-inline-start: 1.625em;
    }
    :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-start: 0;
    }
    :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-end: 0;
    }
    :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-top: 0.5714286em;
      padding-inline-end: 0.5714286em;
      padding-bottom: 0.5714286em;
      padding-inline-start: 0.5714286em;
    }
    :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-start: 0;
    }
    :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-end: 0;
    }
    :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 2em;
      margin-bottom: 2em;
    }
    :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-bottom: 0;
    }
  }
  .prose-lg {
    font-size: 1.125rem;
    line-height: 1.7777778;
    :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.3333333em;
      margin-bottom: 1.3333333em;
    }
    :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-size: 1.2222222em;
      line-height: 1.4545455;
      margin-top: 1.0909091em;
      margin-bottom: 1.0909091em;
    }
    :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.6666667em;
      margin-bottom: 1.6666667em;
      padding-inline-start: 1em;
    }
    :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-size: 2.6666667em;
      margin-top: 0;
      margin-bottom: 0.8333333em;
      line-height: 1;
    }
    :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-size: 1.6666667em;
      margin-top: 1.8666667em;
      margin-bottom: 1.0666667em;
      line-height: 1.3333333;
    }
    :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-size: 1.3333333em;
      margin-top: 1.6666667em;
      margin-bottom: 0.6666667em;
      line-height: 1.5;
    }
    :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.7777778em;
      margin-bottom: 0.4444444em;
      line-height: 1.5555556;
    }
    :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.7777778em;
      margin-bottom: 1.7777778em;
    }
    :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.7777778em;
      margin-bottom: 1.7777778em;
    }
    :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
      margin-bottom: 0;
    }
    :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.7777778em;
      margin-bottom: 1.7777778em;
    }
    :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-size: 0.8888889em;
      border-radius: 0.3125rem;
      padding-top: 0.2222222em;
      padding-inline-end: 0.4444444em;
      padding-bottom: 0.2222222em;
      padding-inline-start: 0.4444444em;
    }
    :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-size: 0.8888889em;
    }
    :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-size: 0.8666667em;
    }
    :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-size: 0.875em;
    }
    :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-size: 0.8888889em;
      line-height: 1.75;
      margin-top: 2em;
      margin-bottom: 2em;
      border-radius: 0.375rem;
      padding-top: 1em;
      padding-inline-end: 1.5em;
      padding-bottom: 1em;
      padding-inline-start: 1.5em;
    }
    :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.3333333em;
      margin-bottom: 1.3333333em;
      padding-inline-start: 1.5555556em;
    }
    :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.3333333em;
      margin-bottom: 1.3333333em;
      padding-inline-start: 1.5555556em;
    }
    :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0.6666667em;
      margin-bottom: 0.6666667em;
    }
    :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-start: 0.4444444em;
    }
    :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-start: 0.4444444em;
    }
    :where(.prose-lg > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0.8888889em;
      margin-bottom: 0.8888889em;
    }
    :where(.prose-lg > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.3333333em;
    }
    :where(.prose-lg > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-bottom: 1.3333333em;
    }
    :where(.prose-lg > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.3333333em;
    }
    :where(.prose-lg > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-bottom: 1.3333333em;
    }
    :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0.8888889em;
      margin-bottom: 0.8888889em;
    }
    :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.3333333em;
      margin-bottom: 1.3333333em;
    }
    :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.3333333em;
    }
    :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0.6666667em;
      padding-inline-start: 1.5555556em;
    }
    :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 3.1111111em;
      margin-bottom: 3.1111111em;
    }
    :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-size: 0.8888889em;
      line-height: 1.5;
    }
    :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-end: 0.75em;
      padding-bottom: 0.75em;
      padding-inline-start: 0.75em;
    }
    :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-start: 0;
    }
    :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-end: 0;
    }
    :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-top: 0.75em;
      padding-inline-end: 0.75em;
      padding-bottom: 0.75em;
      padding-inline-start: 0.75em;
    }
    :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-start: 0;
    }
    :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-end: 0;
    }
    :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.7777778em;
      margin-bottom: 1.7777778em;
    }
    :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
      margin-bottom: 0;
    }
    :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-size: 0.8888889em;
      line-height: 1.5;
      margin-top: 1em;
    }
    :where(.prose-lg > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(.prose-lg > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-bottom: 0;
    }
  }
  .prose-sm {
    font-size: 0.875rem;
    line-height: 1.7142857;
    :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.1428571em;
      margin-bottom: 1.1428571em;
    }
    :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-size: 1.2857143em;
      line-height: 1.5555556;
      margin-top: 0.8888889em;
      margin-bottom: 0.8888889em;
    }
    :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.3333333em;
      margin-bottom: 1.3333333em;
      padding-inline-start: 1.1111111em;
    }
    :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-size: 2.1428571em;
      margin-top: 0;
      margin-bottom: 0.8em;
      line-height: 1.2;
    }
    :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-size: 1.4285714em;
      margin-top: 1.6em;
      margin-bottom: 0.8em;
      line-height: 1.4;
    }
    :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-size: 1.2857143em;
      margin-top: 1.5555556em;
      margin-bottom: 0.4444444em;
      line-height: 1.5555556;
    }
    :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.4285714em;
      margin-bottom: 0.5714286em;
      line-height: 1.4285714;
    }
    :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.7142857em;
      margin-bottom: 1.7142857em;
    }
    :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.7142857em;
      margin-bottom: 1.7142857em;
    }
    :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
      margin-bottom: 0;
    }
    :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.7142857em;
      margin-bottom: 1.7142857em;
    }
    :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-size: 0.8571429em;
      border-radius: 0.3125rem;
      padding-top: 0.1428571em;
      padding-inline-end: 0.3571429em;
      padding-bottom: 0.1428571em;
      padding-inline-start: 0.3571429em;
    }
    :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-size: 0.8571429em;
    }
    :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-size: 0.9em;
    }
    :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-size: 0.8888889em;
    }
    :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-size: 0.8571429em;
      line-height: 1.6666667;
      margin-top: 1.6666667em;
      margin-bottom: 1.6666667em;
      border-radius: 0.25rem;
      padding-top: 0.6666667em;
      padding-inline-end: 1em;
      padding-bottom: 0.6666667em;
      padding-inline-start: 1em;
    }
    :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.1428571em;
      margin-bottom: 1.1428571em;
      padding-inline-start: 1.5714286em;
    }
    :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.1428571em;
      margin-bottom: 1.1428571em;
      padding-inline-start: 1.5714286em;
    }
    :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0.2857143em;
      margin-bottom: 0.2857143em;
    }
    :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-start: 0.4285714em;
    }
    :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-start: 0.4285714em;
    }
    :where(.prose-sm > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0.5714286em;
      margin-bottom: 0.5714286em;
    }
    :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.1428571em;
    }
    :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-bottom: 1.1428571em;
    }
    :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.1428571em;
    }
    :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-bottom: 1.1428571em;
    }
    :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0.5714286em;
      margin-bottom: 0.5714286em;
    }
    :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.1428571em;
      margin-bottom: 1.1428571em;
    }
    :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.1428571em;
    }
    :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0.2857143em;
      padding-inline-start: 1.5714286em;
    }
    :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 2.8571429em;
      margin-bottom: 2.8571429em;
    }
    :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-size: 0.8571429em;
      line-height: 1.5;
    }
    :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-end: 1em;
      padding-bottom: 0.6666667em;
      padding-inline-start: 1em;
    }
    :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-start: 0;
    }
    :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-end: 0;
    }
    :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-top: 0.6666667em;
      padding-inline-end: 1em;
      padding-bottom: 0.6666667em;
      padding-inline-start: 1em;
    }
    :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-start: 0;
    }
    :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-end: 0;
    }
    :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.7142857em;
      margin-bottom: 1.7142857em;
    }
    :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
      margin-bottom: 0;
    }
    :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-size: 0.8571429em;
      line-height: 1.3333333;
      margin-top: 0.6666667em;
    }
    :where(.prose-sm > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(.prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-bottom: 0;
    }
  }
  .prose {
    blockquote {
      p {
        &:first-of-type::before, &:last-of-type::after {
          content: none;
        }
      }
    }
    h1 {
      font-size: 2rem;
      line-height: 1.15;
      margin-top: 2rem;
      margin-bottom: 1rem;
    }
    h2 {
      margin-top: 2rem;
      margin-bottom: 0.75rem;
    }
    h3 {
      margin-top: 1.5rem;
      margin-bottom: 0.5rem;
    }
    h4 {
      margin-top: 1.3rem;
      margin-bottom: 0.5rem;
    }
    p {
      font-size: 1.05rem;
      line-height: 1.75;
      margin-top: 0;
      margin-bottom: 1rem;
    }
  }
  .\!mt-0 {
    margin-top: calc(var(--spacing) * 0) !important;
  }
  .\!mt-1 {
    margin-top: calc(var(--spacing) * 1) !important;
  }
  .\!mt-2 {
    margin-top: calc(var(--spacing) * 2) !important;
  }
  .\!mt-4 {
    margin-top: calc(var(--spacing) * 4) !important;
  }
  .\!mt-8 {
    margin-top: calc(var(--spacing) * 8) !important;
  }
  .\!mt-\[-7rem\] {
    margin-top: -7rem !important;
  }
  .\!mt-\[-10px\] {
    margin-top: -10px !important;
  }
  .\!mt-\[-16px\] {
    margin-top: -16px !important;
  }
  .-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-2 {
    margin-top: calc(var(--spacing) * -2);
  }
  .-mt-3 {
    margin-top: calc(var(--spacing) * -3);
  }
  .-mt-4 {
    margin-top: calc(var(--spacing) * -4);
  }
  .-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-10 {
    margin-top: calc(var(--spacing) * -10);
  }
  .-mt-12 {
    margin-top: calc(var(--spacing) * -12);
  }
  .-mt-16 {
    margin-top: calc(var(--spacing) * -16);
  }
  .-mt-32 {
    margin-top: calc(var(--spacing) * -32);
  }
  .-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-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-13 {
    margin-top: calc(var(--spacing) * 13);
  }
  .mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }
  .mt-15 {
    margin-top: calc(var(--spacing) * 15);
  }
  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .mt-17 {
    margin-top: calc(var(--spacing) * 17);
  }
  .mt-18 {
    margin-top: calc(var(--spacing) * 18);
  }
  .mt-19 {
    margin-top: calc(var(--spacing) * 19);
  }
  .mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }
  .mt-21 {
    margin-top: calc(var(--spacing) * 21);
  }
  .mt-22 {
    margin-top: calc(var(--spacing) * 22);
  }
  .mt-23 {
    margin-top: calc(var(--spacing) * 23);
  }
  .mt-24 {
    margin-top: calc(var(--spacing) * 24);
  }
  .mt-25 {
    margin-top: calc(var(--spacing) * 25);
  }
  .mt-28 {
    margin-top: calc(var(--spacing) * 28);
  }
  .mt-30 {
    margin-top: calc(var(--spacing) * 30);
  }
  .mt-32 {
    margin-top: calc(var(--spacing) * 32);
  }
  .mt-40 {
    margin-top: calc(var(--spacing) * 40);
  }
  .mt-50 {
    margin-top: calc(var(--spacing) * 50);
  }
  .mt-55 {
    margin-top: calc(var(--spacing) * 55);
  }
  .mt-70 {
    margin-top: calc(var(--spacing) * 70);
  }
  .mt-100 {
    margin-top: calc(var(--spacing) * 100);
  }
  .mt-\[-0\.5rem\] {
    margin-top: -0.5rem;
  }
  .mt-\[-0\.25rem\] {
    margin-top: -0.25rem;
  }
  .mt-\[-0\.5715rem\] {
    margin-top: -0.5715rem;
  }
  .mt-\[-1px\] {
    margin-top: -1px;
  }
  .mt-\[-3px\] {
    margin-top: -3px;
  }
  .mt-\[-5px\] {
    margin-top: -5px;
  }
  .mt-\[-7px\] {
    margin-top: -7px;
  }
  .mt-\[-9rem\] {
    margin-top: -9rem;
  }
  .mt-\[-12\.5rem\] {
    margin-top: -12.5rem;
  }
  .mt-\[-27px\] {
    margin-top: -27px;
  }
  .mt-\[-30px\] {
    margin-top: -30px;
  }
  .mt-\[-40px\] {
    margin-top: -40px;
  }
  .mt-\[-50px\] {
    margin-top: -50px;
  }
  .mt-\[-70px\] {
    margin-top: -70px;
  }
  .mt-\[-135px\] {
    margin-top: -135px;
  }
  .mt-\[-195px\] {
    margin-top: -195px;
  }
  .mt-\[-280px\] {
    margin-top: -280px;
  }
  .mt-\[-295px\] {
    margin-top: -295px;
  }
  .mt-\[\.35rem\] {
    margin-top: .35rem;
  }
  .mt-\[0\.35rem\] {
    margin-top: 0.35rem;
  }
  .mt-\[0px\] {
    margin-top: 0px;
  }
  .mt-\[1\.2vh\] {
    margin-top: 1.2vh;
  }
  .mt-\[1px\] {
    margin-top: 1px;
  }
  .mt-\[2\.5vh\] {
    margin-top: 2.5vh;
  }
  .mt-\[2px\] {
    margin-top: 2px;
  }
  .mt-\[2vh\] {
    margin-top: 2vh;
  }
  .mt-\[3rem\] {
    margin-top: 3rem;
  }
  .mt-\[5px\] {
    margin-top: 5px;
  }
  .mt-\[6px\] {
    margin-top: 6px;
  }
  .mt-\[6vh\] {
    margin-top: 6vh;
  }
  .mt-\[10px\] {
    margin-top: 10px;
  }
  .mt-\[15px\] {
    margin-top: 15px;
  }
  .mt-\[18px\] {
    margin-top: 18px;
  }
  .mt-\[20px\] {
    margin-top: 20px;
  }
  .mt-\[22px\] {
    margin-top: 22px;
  }
  .mt-\[25px\] {
    margin-top: 25px;
  }
  .mt-\[26px\] {
    margin-top: 26px;
  }
  .mt-\[29px\] {
    margin-top: 29px;
  }
  .mt-\[30px\] {
    margin-top: 30px;
  }
  .mt-\[35px\] {
    margin-top: 35px;
  }
  .mt-\[37px\] {
    margin-top: 37px;
  }
  .mt-\[40px\] {
    margin-top: 40px;
  }
  .mt-\[42px\] {
    margin-top: 42px;
  }
  .mt-\[45px\] {
    margin-top: 45px;
  }
  .mt-\[46px\] {
    margin-top: 46px;
  }
  .mt-\[50px\] {
    margin-top: 50px;
  }
  .mt-\[55px\] {
    margin-top: 55px;
  }
  .mt-\[60px\] {
    margin-top: 60px;
  }
  .mt-\[62px\] {
    margin-top: 62px;
  }
  .mt-\[65px\] {
    margin-top: 65px;
  }
  .mt-\[68px\] {
    margin-top: 68px;
  }
  .mt-\[70px\] {
    margin-top: 70px;
  }
  .mt-\[75px\] {
    margin-top: 75px;
  }
  .mt-\[80px\] {
    margin-top: 80px;
  }
  .mt-\[85px\] {
    margin-top: 85px;
  }
  .mt-\[90px\] {
    margin-top: 90px;
  }
  .mt-\[95px\] {
    margin-top: 95px;
  }
  .mt-\[100px\] {
    margin-top: 100px;
  }
  .mt-\[110px\] {
    margin-top: 110px;
  }
  .mt-\[120px\] {
    margin-top: 120px;
  }
  .mt-\[130px\] {
    margin-top: 130px;
  }
  .mt-\[140px\] {
    margin-top: 140px;
  }
  .mt-\[150px\] {
    margin-top: 150px;
  }
  .mt-\[170px\] {
    margin-top: 170px;
  }
  .mt-\[180px\] {
    margin-top: 180px;
  }
  .mt-\[200px\] {
    margin-top: 200px;
  }
  .mt-\[225px\] {
    margin-top: 225px;
  }
  .mt-\[250px\] {
    margin-top: 250px;
  }
  .mt-auto {
    margin-top: auto;
  }
  .mt-px {
    margin-top: 1px;
  }
  .\!mr-2 {
    margin-right: calc(var(--spacing) * 2) !important;
  }
  .\!mr-4 {
    margin-right: calc(var(--spacing) * 4) !important;
  }
  .\!mr-\[\.25rem\] {
    margin-right: .25rem !important;
  }
  .-mr-1 {
    margin-right: calc(var(--spacing) * -1);
  }
  .-mr-2 {
    margin-right: calc(var(--spacing) * -2);
  }
  .-mr-2\.5 {
    margin-right: calc(var(--spacing) * -2.5);
  }
  .-mr-6 {
    margin-right: calc(var(--spacing) * -6);
  }
  .-mr-7 {
    margin-right: calc(var(--spacing) * -7);
  }
  .-mr-8 {
    margin-right: calc(var(--spacing) * -8);
  }
  .-mr-12 {
    margin-right: calc(var(--spacing) * -12);
  }
  .-mr-16 {
    margin-right: calc(var(--spacing) * -16);
  }
  .-mr-32 {
    margin-right: calc(var(--spacing) * -32);
  }
  .mr-0 {
    margin-right: calc(var(--spacing) * 0);
  }
  .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-4 {
    margin-right: calc(var(--spacing) * 4);
  }
  .mr-5 {
    margin-right: calc(var(--spacing) * 5);
  }
  .mr-6 {
    margin-right: calc(var(--spacing) * 6);
  }
  .mr-7 {
    margin-right: calc(var(--spacing) * 7);
  }
  .mr-8 {
    margin-right: calc(var(--spacing) * 8);
  }
  .mr-10 {
    margin-right: calc(var(--spacing) * 10);
  }
  .mr-12 {
    margin-right: calc(var(--spacing) * 12);
  }
  .mr-15 {
    margin-right: calc(var(--spacing) * 15);
  }
  .mr-20 {
    margin-right: calc(var(--spacing) * 20);
  }
  .mr-30 {
    margin-right: calc(var(--spacing) * 30);
  }
  .mr-40 {
    margin-right: calc(var(--spacing) * 40);
  }
  .mr-50 {
    margin-right: calc(var(--spacing) * 50);
  }
  .mr-\[-0\.5rem\] {
    margin-right: -0.5rem;
  }
  .mr-\[-0\.75rem\] {
    margin-right: -0.75rem;
  }
  .mr-\[-5px\] {
    margin-right: -5px;
  }
  .mr-\[-20vw\] {
    margin-right: -20vw;
  }
  .mr-\[-25px\] {
    margin-right: -25px;
  }
  .mr-\[-30px\] {
    margin-right: -30px;
  }
  .mr-\[-55px\] {
    margin-right: -55px;
  }
  .mr-\[-60px\] {
    margin-right: -60px;
  }
  .mr-\[-100\%\] {
    margin-right: -100%;
  }
  .mr-\[-127px\] {
    margin-right: -127px;
  }
  .mr-\[0\.2rem\] {
    margin-right: 0.2rem;
  }
  .mr-\[0\.3rem\] {
    margin-right: 0.3rem;
  }
  .mr-\[0\.5rem\] {
    margin-right: 0.5rem;
  }
  .mr-\[1\.5rem\] {
    margin-right: 1.5rem;
  }
  .mr-\[1rem\] {
    margin-right: 1rem;
  }
  .mr-\[3rem\] {
    margin-right: 3rem;
  }
  .mr-\[5px\] {
    margin-right: 5px;
  }
  .mr-\[9px\] {
    margin-right: 9px;
  }
  .mr-\[13px\] {
    margin-right: 13px;
  }
  .mr-\[15px\] {
    margin-right: 15px;
  }
  .mr-\[22px\] {
    margin-right: 22px;
  }
  .mr-\[25px\] {
    margin-right: 25px;
  }
  .mr-\[30px\] {
    margin-right: 30px;
  }
  .mr-\[35px\] {
    margin-right: 35px;
  }
  .mr-\[38px\] {
    margin-right: 38px;
  }
  .mr-\[45px\] {
    margin-right: 45px;
  }
  .mr-\[100px\] {
    margin-right: 100px;
  }
  .mr-auto {
    margin-right: auto;
  }
  .\!mb-0 {
    margin-bottom: calc(var(--spacing) * 0) !important;
  }
  .\!mb-1 {
    margin-bottom: calc(var(--spacing) * 1) !important;
  }
  .\!mb-2 {
    margin-bottom: calc(var(--spacing) * 2) !important;
  }
  .\!mb-3 {
    margin-bottom: calc(var(--spacing) * 3) !important;
  }
  .\!mb-4 {
    margin-bottom: calc(var(--spacing) * 4) !important;
  }
  .\!mb-5 {
    margin-bottom: calc(var(--spacing) * 5) !important;
  }
  .\!mb-6 {
    margin-bottom: calc(var(--spacing) * 6) !important;
  }
  .\!mb-7 {
    margin-bottom: calc(var(--spacing) * 7) !important;
  }
  .\!mb-8 {
    margin-bottom: calc(var(--spacing) * 8) !important;
  }
  .\!mb-\[\.5rem\] {
    margin-bottom: .5rem !important;
  }
  .\!mb-\[\.9rem\] {
    margin-bottom: .9rem !important;
  }
  .\!mb-\[4\.5rem\] {
    margin-bottom: 4.5rem !important;
  }
  .-mb-0 {
    margin-bottom: calc(var(--spacing) * -0);
  }
  .-mb-0\.5 {
    margin-bottom: calc(var(--spacing) * -0.5);
  }
  .-mb-4 {
    margin-bottom: calc(var(--spacing) * -4);
  }
  .-mb-8 {
    margin-bottom: calc(var(--spacing) * -8);
  }
  .-mb-20 {
    margin-bottom: calc(var(--spacing) * -20);
  }
  .-mb-24 {
    margin-bottom: calc(var(--spacing) * -24);
  }
  .-mb-64 {
    margin-bottom: calc(var(--spacing) * -64);
  }
  .-mb-\[1px\] {
    margin-bottom: calc(1px * -1);
  }
  .-mb-\[2px\] {
    margin-bottom: calc(2px * -1);
  }
  .-mb-\[21px\] {
    margin-bottom: calc(21px * -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-4\.5 {
    margin-bottom: calc(var(--spacing) * 4.5);
  }
  .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-11 {
    margin-bottom: calc(var(--spacing) * 11);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .mb-13 {
    margin-bottom: calc(var(--spacing) * 13);
  }
  .mb-14 {
    margin-bottom: calc(var(--spacing) * 14);
  }
  .mb-15 {
    margin-bottom: calc(var(--spacing) * 15);
  }
  .mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
  }
  .mb-17 {
    margin-bottom: calc(var(--spacing) * 17);
  }
  .mb-18 {
    margin-bottom: calc(var(--spacing) * 18);
  }
  .mb-19 {
    margin-bottom: calc(var(--spacing) * 19);
  }
  .mb-20 {
    margin-bottom: calc(var(--spacing) * 20);
  }
  .mb-21 {
    margin-bottom: calc(var(--spacing) * 21);
  }
  .mb-22 {
    margin-bottom: calc(var(--spacing) * 22);
  }
  .mb-23 {
    margin-bottom: calc(var(--spacing) * 23);
  }
  .mb-24 {
    margin-bottom: calc(var(--spacing) * 24);
  }
  .mb-25 {
    margin-bottom: calc(var(--spacing) * 25);
  }
  .mb-28 {
    margin-bottom: calc(var(--spacing) * 28);
  }
  .mb-30 {
    margin-bottom: calc(var(--spacing) * 30);
  }
  .mb-35 {
    margin-bottom: calc(var(--spacing) * 35);
  }
  .mb-36 {
    margin-bottom: calc(var(--spacing) * 36);
  }
  .mb-40 {
    margin-bottom: calc(var(--spacing) * 40);
  }
  .mb-50 {
    margin-bottom: calc(var(--spacing) * 50);
  }
  .mb-55 {
    margin-bottom: calc(var(--spacing) * 55);
  }
  .mb-70 {
    margin-bottom: calc(var(--spacing) * 70);
  }
  .mb-90 {
    margin-bottom: calc(var(--spacing) * 90);
  }
  .mb-100 {
    margin-bottom: calc(var(--spacing) * 100);
  }
  .mb-105 {
    margin-bottom: calc(var(--spacing) * 105);
  }
  .mb-\[-0\.5rem\] {
    margin-bottom: -0.5rem;
  }
  .mb-\[-0\.5715rem\] {
    margin-bottom: -0.5715rem;
  }
  .mb-\[-1px\] {
    margin-bottom: -1px;
  }
  .mb-\[-2\.5rem\] {
    margin-bottom: -2.5rem;
  }
  .mb-\[-5px\] {
    margin-bottom: -5px;
  }
  .mb-\[-11px\] {
    margin-bottom: -11px;
  }
  .mb-\[-100px\] {
    margin-bottom: -100px;
  }
  .mb-\[\.4rem\] {
    margin-bottom: .4rem;
  }
  .mb-\[0\.2rem\] {
    margin-bottom: 0.2rem;
  }
  .mb-\[0\.4rem\] {
    margin-bottom: 0.4rem;
  }
  .mb-\[0\.45rem\] {
    margin-bottom: 0.45rem;
  }
  .mb-\[0\.75rem\] {
    margin-bottom: 0.75rem;
  }
  .mb-\[0\.85rem\] {
    margin-bottom: 0.85rem;
  }
  .mb-\[1rem\] {
    margin-bottom: 1rem;
  }
  .mb-\[3\.5rem\] {
    margin-bottom: 3.5rem;
  }
  .mb-\[3px\] {
    margin-bottom: 3px;
  }
  .mb-\[5px\] {
    margin-bottom: 5px;
  }
  .mb-\[6px\] {
    margin-bottom: 6px;
  }
  .mb-\[13px\] {
    margin-bottom: 13px;
  }
  .mb-\[14px\] {
    margin-bottom: 14px;
  }
  .mb-\[15px\] {
    margin-bottom: 15px;
  }
  .mb-\[17px\] {
    margin-bottom: 17px;
  }
  .mb-\[18px\] {
    margin-bottom: 18px;
  }
  .mb-\[20px\] {
    margin-bottom: 20px;
  }
  .mb-\[21px\] {
    margin-bottom: 21px;
  }
  .mb-\[22px\] {
    margin-bottom: 22px;
  }
  .mb-\[25px\] {
    margin-bottom: 25px;
  }
  .mb-\[26px\] {
    margin-bottom: 26px;
  }
  .mb-\[29px\] {
    margin-bottom: 29px;
  }
  .mb-\[30px\] {
    margin-bottom: 30px;
  }
  .mb-\[35px\] {
    margin-bottom: 35px;
  }
  .mb-\[38px\] {
    margin-bottom: 38px;
  }
  .mb-\[43px\] {
    margin-bottom: 43px;
  }
  .mb-\[45px\] {
    margin-bottom: 45px;
  }
  .mb-\[50px\] {
    margin-bottom: 50px;
  }
  .mb-\[55px\] {
    margin-bottom: 55px;
  }
  .mb-\[60px\] {
    margin-bottom: 60px;
  }
  .mb-\[65px\] {
    margin-bottom: 65px;
  }
  .mb-\[70px\] {
    margin-bottom: 70px;
  }
  .mb-\[80px\] {
    margin-bottom: 80px;
  }
  .mb-\[85px\] {
    margin-bottom: 85px;
  }
  .mb-\[90px\] {
    margin-bottom: 90px;
  }
  .mb-\[95px\] {
    margin-bottom: 95px;
  }
  .mb-\[100px\] {
    margin-bottom: 100px;
  }
  .mb-\[108px\] {
    margin-bottom: 108px;
  }
  .mb-\[120px\] {
    margin-bottom: 120px;
  }
  .mb-\[130px\] {
    margin-bottom: 130px;
  }
  .mb-\[150px\] {
    margin-bottom: 150px;
  }
  .mb-\[190px\] {
    margin-bottom: 190px;
  }
  .mb-\[200px\] {
    margin-bottom: 200px;
  }
  .mb-\[250px\] {
    margin-bottom: 250px;
  }
  .mb-auto {
    margin-bottom: auto;
  }
  .\!ml-\[0\.05rem\] {
    margin-left: 0.05rem !important;
  }
  .\!ml-auto {
    margin-left: auto !important;
  }
  .-ml-1 {
    margin-left: calc(var(--spacing) * -1);
  }
  .-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-3\.5 {
    margin-left: calc(var(--spacing) * -3.5);
  }
  .-ml-4 {
    margin-left: calc(var(--spacing) * -4);
  }
  .-ml-5 {
    margin-left: calc(var(--spacing) * -5);
  }
  .-ml-5\.5 {
    margin-left: calc(var(--spacing) * -5.5);
  }
  .-ml-8 {
    margin-left: calc(var(--spacing) * -8);
  }
  .-ml-20 {
    margin-left: calc(var(--spacing) * -20);
  }
  .-ml-24 {
    margin-left: calc(var(--spacing) * -24);
  }
  .-ml-\[1px\] {
    margin-left: calc(1px * -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-3\.5 {
    margin-left: calc(var(--spacing) * 3.5);
  }
  .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-10 {
    margin-left: calc(var(--spacing) * 10);
  }
  .ml-12 {
    margin-left: calc(var(--spacing) * 12);
  }
  .ml-14 {
    margin-left: calc(var(--spacing) * 14);
  }
  .ml-15 {
    margin-left: calc(var(--spacing) * 15);
  }
  .ml-16 {
    margin-left: calc(var(--spacing) * 16);
  }
  .ml-24 {
    margin-left: calc(var(--spacing) * 24);
  }
  .ml-30 {
    margin-left: calc(var(--spacing) * 30);
  }
  .ml-50 {
    margin-left: calc(var(--spacing) * 50);
  }
  .ml-\[-0\.5rem\] {
    margin-left: -0.5rem;
  }
  .ml-\[-0\.4715rem\] {
    margin-left: -0.4715rem;
  }
  .ml-\[-0\.5715rem\] {
    margin-left: -0.5715rem;
  }
  .ml-\[-1px\] {
    margin-left: -1px;
  }
  .ml-\[-5px\] {
    margin-left: -5px;
  }
  .ml-\[-9px\] {
    margin-left: -9px;
  }
  .ml-\[-13px\] {
    margin-left: -13px;
  }
  .ml-\[-20vw\] {
    margin-left: -20vw;
  }
  .ml-\[-25px\] {
    margin-left: -25px;
  }
  .ml-\[-26px\] {
    margin-left: -26px;
  }
  .ml-\[-30px\] {
    margin-left: -30px;
  }
  .ml-\[-55px\] {
    margin-left: -55px;
  }
  .ml-\[-60px\] {
    margin-left: -60px;
  }
  .ml-\[-127px\] {
    margin-left: -127px;
  }
  .ml-\[0\.5rem\] {
    margin-left: 0.5rem;
  }
  .ml-\[1\.5rem\] {
    margin-left: 1.5rem;
  }
  .ml-\[1px\] {
    margin-left: 1px;
  }
  .ml-\[1rem\] {
    margin-left: 1rem;
  }
  .ml-\[2px\] {
    margin-left: 2px;
  }
  .ml-\[3rem\] {
    margin-left: 3rem;
  }
  .ml-\[4\.25rem\] {
    margin-left: 4.25rem;
  }
  .ml-\[5px\] {
    margin-left: 5px;
  }
  .ml-\[7px\] {
    margin-left: 7px;
  }
  .ml-\[15px\] {
    margin-left: 15px;
  }
  .ml-\[22px\] {
    margin-left: 22px;
  }
  .ml-\[25px\] {
    margin-left: 25px;
  }
  .ml-\[30px\] {
    margin-left: 30px;
  }
  .ml-\[35px\] {
    margin-left: 35px;
  }
  .ml-\[38px\] {
    margin-left: 38px;
  }
  .ml-\[45px\] {
    margin-left: 45px;
  }
  .ml-\[80px\] {
    margin-left: 80px;
  }
  .ml-\[100px\] {
    margin-left: 100px;
  }
  .ml-auto {
    margin-left: auto;
  }
  .box-border {
    box-sizing: border-box;
  }
  .box-content {
    box-sizing: content-box;
  }
  .icon-\[heroicons--document-text\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9'/%3E%3C/svg%3E");
  }
  .icon-\[icomoon-free--book\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='black' d='M14 2v13H3.5a1.5 1.5 0 1 1 0-3H13V0H3C1.9 0 1 .9 1 2v12c0 1.1.9 2 2 2h12V2z'/%3E%3Cpath fill='black' d='M3.501 13a.5.5 0 0 0 0 1H13v-1z'/%3E%3C/svg%3E");
  }
  .icon-\[iconoir--double-check\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-width='1.5'%3E%3Cpath d='m1.5 12.5l4.076 4.076a.6.6 0 0 0 .848 0L9 14m7-7l-4 4'/%3E%3Cpath d='m7 12l4.576 4.576a.6.6 0 0 0 .848 0L22 7'/%3E%3C/g%3E%3C/svg%3E");
  }
  .icon-\[stash--graduation-cap-solid\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M10.514 6.49a4.5 4.5 0 0 1 2.973 0l7.6 2.66c.803.282.803 1.418 0 1.7l-7.6 2.66a4.5 4.5 0 0 1-2.973 0l-5.509-1.93a1.24 1.24 0 0 0-.436.597a1 1 0 0 1 .013 1.635l.004.018l.875 3.939a.6.6 0 0 1-.585.73H3.125a.6.6 0 0 1-.586-.73l.875-3.94l.005-.017a1 1 0 0 1 .132-1.707a2.35 2.35 0 0 1 .413-.889l-1.05-.367c-.804-.282-.804-1.418 0-1.7z'/%3E%3Cpath fill='black' d='m6.393 12.83l-.332 2.654c-.057.452.127.92.52 1.196c1.157.815 3.043 1.82 5.42 1.82a9 9 0 0 0 5.473-1.834c.365-.28.522-.727.47-1.152l-.336-2.685l-4.121 1.442a4.5 4.5 0 0 1-2.973 0z'/%3E%3C/svg%3E");
  }
  .icon-\[tabler--alert-circle\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m9-4v4m0 4h.01'/%3E%3C/svg%3E");
  }
  .icon-\[tabler--alert-triangle\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 9v4m-1.637-9.409L2.257 17.125a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636-2.87L13.637 3.59a1.914 1.914 0 0 0-3.274 0M12 16h.01'/%3E%3C/svg%3E");
  }
  .icon-\[tabler--arrow-left\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14M5 12l6 6m-6-6l6-6'/%3E%3C/svg%3E");
  }
  .icon-\[tabler--calendar-event\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm12-4v4M8 3v4m-4 4h16'/%3E%3Cpath d='M8 15h2v2H8z'/%3E%3C/g%3E%3C/svg%3E");
  }
  .icon-\[tabler--calendar-off\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 5h9a2 2 0 0 1 2 2v9m-.184 3.839A2 2 0 0 1 18 21H6a2 2 0 0 1-2-2V7a2 2 0 0 1 1.158-1.815M16 3v4M8 3v1m-4 7h7m4 0h5M3 3l18 18'/%3E%3C/svg%3E");
  }
  .icon-\[tabler--calendar\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm12-4v4M8 3v4m-4 4h16m-9 4h1m0 0v3'/%3E%3C/svg%3E");
  }
  .icon-\[tabler--caret-up-filled\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M11.293 7.293a1 1 0 0 1 1.32-.083l.094.083l6 6l.083.094l.054.077l.054.096l.017.036l.027.067l.032.108l.01.053l.01.06l.004.057L19 14l-.002.059l-.005.058l-.009.06l-.01.052l-.032.108l-.027.067l-.07.132l-.065.09l-.073.081l-.094.083l-.077.054l-.096.054l-.036.017l-.067.027l-.108.032l-.053.01l-.06.01l-.057.004L18 15H6c-.852 0-1.297-.986-.783-1.623l.076-.084z'/%3E%3C/svg%3E");
  }
  .icon-\[tabler--chart-pie\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 3.2A9 9 0 1 0 20.8 14a1 1 0 0 0-1-1H13a2 2 0 0 1-2-2V4a.9.9 0 0 0-1-.8'/%3E%3Cpath d='M15 3.5A9 9 0 0 1 20.5 9H16a1 1 0 0 1-1-1z'/%3E%3C/g%3E%3C/svg%3E");
  }
  .icon-\[tabler--check\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m5 12l5 5L20 7'/%3E%3C/svg%3E");
  }
  .icon-\[tabler--checks\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m7 12l5 5L22 7M2 12l5 5m5-5l5-5'/%3E%3C/svg%3E");
  }
  .icon-\[tabler--chevron-down\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E");
  }
  .icon-\[tabler--chevron-left\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 6l-6 6l6 6'/%3E%3C/svg%3E");
  }
  .icon-\[tabler--chevron-right\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 6l6 6l-6 6'/%3E%3C/svg%3E");
  }
  .icon-\[tabler--circle-check\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0'/%3E%3Cpath d='m9 12l2 2l4-4'/%3E%3C/g%3E%3C/svg%3E");
  }
  .icon-\[tabler--circle-x\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0m7-2l4 4m0-4l-4 4'/%3E%3C/svg%3E");
  }
  .icon-\[tabler--circle\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0'/%3E%3C/svg%3E");
  }
  .icon-\[tabler--clipboard-text\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2'/%3E%3Cpath d='M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2m0 7h6m-6 4h6'/%3E%3C/g%3E%3C/svg%3E");
  }
  .icon-\[tabler--clock\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0'/%3E%3Cpath d='M12 7v5l3 3'/%3E%3C/g%3E%3C/svg%3E");
  }
  .icon-\[tabler--download\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2M7 11l5 5l5-5m-5-7v12'/%3E%3C/svg%3E");
  }
  .icon-\[tabler--eye-off\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10.585 10.587a2 2 0 0 0 2.829 2.828'/%3E%3Cpath d='M16.681 16.673A8.7 8.7 0 0 1 12 18q-5.4 0-9-6q1.908-3.18 4.32-4.674m2.86-1.146A9 9 0 0 1 12 6q5.4 0 9 6q-1 1.665-2.138 2.87M3 3l18 18'/%3E%3C/g%3E%3C/svg%3E");
  }
  .icon-\[tabler--eye\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 12a2 2 0 1 0 4 0a2 2 0 0 0-4 0'/%3E%3Cpath d='M21 12q-3.6 6-9 6t-9-6q3.6-6 9-6t9 6'/%3E%3C/g%3E%3C/svg%3E");
  }
  .icon-\[tabler--file-download\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2m-5-4v-6'/%3E%3Cpath d='M9.5 14.5L12 17l2.5-2.5'/%3E%3C/g%3E%3C/svg%3E");
  }
  .icon-\[tabler--file-text-filled\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='black'%3E%3Cpath d='m12 2l.117.007a1 1 0 0 1 .876.876L13 3v4l.005.15a2 2 0 0 0 1.838 1.844L15 9h4l.117.007a1 1 0 0 1 .876.876L20 10v9a3 3 0 0 1-2.824 2.995L17 22H7a3 3 0 0 1-2.995-2.824L4 19V5a3 3 0 0 1 2.824-2.995L7 2zm3 14H9a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2m0-4H9a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2m-5-4H9a1 1 0 1 0 0 2h1a1 1 0 0 0 0-2'/%3E%3Cpath d='M19 7h-4l-.001-4.001z'/%3E%3C/g%3E%3C/svg%3E");
  }
  .icon-\[tabler--file-type-pdf\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M5 12V5a2 2 0 0 1 2-2h7l5 5v4M5 18h1.5a1.5 1.5 0 0 0 0-3H5v6m12-3h2m1-3h-3v6m-6-6v6h1a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2z'/%3E%3C/g%3E%3C/svg%3E");
  }
  .icon-\[tabler--file-type-xls\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M5 12V5a2 2 0 0 1 2-2h7l5 5v4M4 15l4 6m-4 0l4-6m9 5.25c0 .414.336.75.75.75H19a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1.25a.75.75 0 0 1 .75.75M11 15v6h3'/%3E%3C/g%3E%3C/svg%3E");
  }
  .icon-\[tabler--file\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2'/%3E%3C/g%3E%3C/svg%3E");
  }
  .icon-\[tabler--files\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M18 17h-7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4l5 5v7a2 2 0 0 1-2 2'/%3E%3Cpath d='M16 17v2a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h2'/%3E%3C/g%3E%3C/svg%3E");
  }
  .icon-\[tabler--folder\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2'/%3E%3C/svg%3E");
  }
  .icon-\[tabler--help-triangle\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 16v.01M10.363 3.591L2.257 17.125a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636-2.87L13.637 3.59a1.914 1.914 0 0 0-3.274 0'/%3E%3Cpath d='M12 13a2 2 0 0 0 .914-3.782a1.98 1.98 0 0 0-2.414.483'/%3E%3C/g%3E%3C/svg%3E");
  }
  .icon-\[tabler--home-filled\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m12.707 2.293l9 9c.63.63.184 1.707-.707 1.707h-1v6a3 3 0 0 1-3 3h-1v-7a3 3 0 0 0-2.824-2.995L13 12h-2a3 3 0 0 0-3 3v7H7a3 3 0 0 1-3-3v-6H3c-.89 0-1.337-1.077-.707-1.707l9-9a1 1 0 0 1 1.414 0M13 14a1 1 0 0 1 1 1v7h-4v-7a1 1 0 0 1 .883-.993L11 14z'/%3E%3C/svg%3E");
  }
  .icon-\[tabler--home\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 12H3l9-9l9 9h-2M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M9 21v-6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v6'/%3E%3C/g%3E%3C/svg%3E");
  }
  .icon-\[tabler--hourglass\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6.5 7h11m-11 10h11M6 20v-2a6 6 0 1 1 12 0v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1'/%3E%3Cpath d='M6 4v2a6 6 0 1 0 12 0V4a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1'/%3E%3C/g%3E%3C/svg%3E");
  }
  .icon-\[tabler--info-square-rounded-filled\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m12 2l.642.005l.616.017l.299.013l.579.034l.553.046c4.687.455 6.65 2.333 7.166 6.906l.03.29l.046.553l.041.727l.006.15l.017.617L22 12l-.005.642l-.017.616l-.013.299l-.034.579l-.046.553c-.455 4.687-2.333 6.65-6.906 7.166l-.29.03l-.553.046l-.727.041l-.15.006l-.617.017L12 22l-.642-.005l-.616-.017l-.299-.013l-.579-.034l-.553-.046c-4.687-.455-6.65-2.333-7.166-6.906l-.03-.29l-.046-.553l-.041-.727l-.006-.15l-.017-.617l-.004-.318v-.648l.004-.318l.017-.616l.013-.299l.034-.579l.046-.553c.455-4.687 2.333-6.65 6.906-7.166l.29-.03l.553-.046l.727-.041l.15-.006l.617-.017Q11.673 2 12 2m0 9h-1l-.117.007a1 1 0 0 0 0 1.986L11 13v3l.007.117a1 1 0 0 0 .876.876L12 17h1l.117-.007a1 1 0 0 0 .876-.876L14 16l-.007-.117a1 1 0 0 0-.764-.857l-.112-.02L13 15v-3l-.007-.117a1 1 0 0 0-.876-.876zm.01-3l-.127.007a1 1 0 0 0 0 1.986L12 10l.127-.007a1 1 0 0 0 0-1.986z'/%3E%3C/svg%3E");
  }
  .icon-\[tabler--list\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 6h11M9 12h11M9 18h11M5 6v.01M5 12v.01M5 18v.01'/%3E%3C/svg%3E");
  }
  .icon-\[tabler--lock\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 13a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z'/%3E%3Cpath d='M11 16a1 1 0 1 0 2 0a1 1 0 0 0-2 0m-3-5V7a4 4 0 1 1 8 0v4'/%3E%3C/g%3E%3C/svg%3E");
  }
  .icon-\[tabler--login\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2v-2'/%3E%3Cpath d='M21 12H8l3-3m0 6l-3-3'/%3E%3C/g%3E%3C/svg%3E");
  }
  .icon-\[tabler--logout-2\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 8V6a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-2'/%3E%3Cpath d='M15 12H3l3-3m0 6l-3-3'/%3E%3C/g%3E%3C/svg%3E");
  }
  .icon-\[tabler--logout\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 8V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2v-2'/%3E%3Cpath d='M9 12h12l-3-3m0 6l3-3'/%3E%3C/g%3E%3C/svg%3E");
  }
  .icon-\[tabler--mail\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='m3 7l9 6l9-6'/%3E%3C/g%3E%3C/svg%3E");
  }
  .icon-\[tabler--menu-2\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6h16M4 12h16M4 18h16'/%3E%3C/svg%3E");
  }
  .icon-\[tabler--message\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 9h8m-8 4h6m4-9a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3h-5l-5 3v-3H6a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3z'/%3E%3C/svg%3E");
  }
  .icon-\[tabler--messages\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21 14l-3-3h-7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1zm-7 1v2a1 1 0 0 1-1 1H6l-3 3V11a1 1 0 0 1 1-1h2'/%3E%3C/svg%3E");
  }
  .icon-\[tabler--music\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 17a3 3 0 1 0 6 0a3 3 0 0 0-6 0m10 0a3 3 0 1 0 6 0a3 3 0 0 0-6 0'/%3E%3Cpath d='M9 17V4h10v13M9 8h10'/%3E%3C/g%3E%3C/svg%3E");
  }
  .icon-\[tabler--photo-filled\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M8.813 11.612c.457-.38.918-.38 1.386.011l.108.098l4.986 4.986l.094.083a1 1 0 0 0 1.403-1.403l-.083-.094L15.415 14l.292-.293l.106-.095c.457-.38.918-.38 1.386.011l.108.098l4.674 4.675a4 4 0 0 1-3.775 3.599L18 22H6a4 4 0 0 1-3.98-3.603l6.687-6.69zM18 2a4 4 0 0 1 3.995 3.8L22 6v9.585l-3.293-3.292l-.15-.137c-1.256-1.095-2.85-1.097-4.096-.017l-.154.14l-.307.306l-2.293-2.292l-.15-.137c-1.256-1.095-2.85-1.097-4.096-.017l-.154.14L2 15.585V6a4 4 0 0 1 3.8-3.995L6 2zm-2.99 5l-.127.007a1 1 0 0 0 0 1.986L15 9l.127-.007a1 1 0 0 0 0-1.986z'/%3E%3C/svg%3E");
  }
  .icon-\[tabler--photo\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 8h.01M3 6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3z'/%3E%3Cpath d='m3 16l5-5c.928-.893 2.072-.893 3 0l5 5'/%3E%3Cpath d='m14 14l1-1c.928-.893 2.072-.893 3 0l3 3'/%3E%3C/g%3E%3C/svg%3E");
  }
  .icon-\[tabler--plus\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m-7-7h14'/%3E%3C/svg%3E");
  }
  .icon-\[tabler--quote\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 11H6a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v6q0 4-4 5m13-7h-4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v6q0 4-4 5'/%3E%3C/svg%3E");
  }
  .icon-\[tabler--receipt-rupee\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 21V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16l-3-2l-2 2l-2-2l-2 2l-2-2z'/%3E%3Cpath d='M15 7H9h1a3 3 0 0 1 0 6H9l3 3m-3-6h6'/%3E%3C/g%3E%3C/svg%3E");
  }
  .icon-\[tabler--send\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 14L21 3m0 0l-6.5 18a.55.55 0 0 1-1 0L10 14l-7-3.5a.55.55 0 0 1 0-1z'/%3E%3C/svg%3E");
  }
  .icon-\[tabler--settings\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 0 0-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 0 0-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 0 0-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 0 0-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 0 0 1.066-2.573c-.94-1.543.826-3.31 2.37-2.37c1 .608 2.296.07 2.572-1.065'/%3E%3Cpath d='M9 12a3 3 0 1 0 6 0a3 3 0 0 0-6 0'/%3E%3C/g%3E%3C/svg%3E");
  }
  .icon-\[tabler--shopping-bag\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6.331 8H17.67a2 2 0 0 1 1.977 2.304l-1.255 8.152A3 3 0 0 1 15.426 21H8.574a3 3 0 0 1-2.965-2.544l-1.255-8.152A2 2 0 0 1 6.331 8'/%3E%3Cpath d='M9 11V6a3 3 0 0 1 6 0v5'/%3E%3C/g%3E%3C/svg%3E");
  }
  .icon-\[tabler--star-filled\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m8.243 7.34l-6.38.925l-.113.023a1 1 0 0 0-.44 1.684l4.622 4.499l-1.09 6.355l-.013.11a1 1 0 0 0 1.464.944l5.706-3l5.693 3l.1.046a1 1 0 0 0 1.352-1.1l-1.091-6.355l4.624-4.5l.078-.085a1 1 0 0 0-.633-1.62l-6.38-.926l-2.852-5.78a1 1 0 0 0-1.794 0z'/%3E%3C/svg%3E");
  }
  .icon-\[tabler--star\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m12 17.75l-6.172 3.245l1.179-6.873l-5-4.867l6.9-1l3.086-6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z'/%3E%3C/svg%3E");
  }
  .icon-\[tabler--trash\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 7h16m-10 4v6m4-6v6M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2l1-12M9 7V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3'/%3E%3C/svg%3E");
  }
  .icon-\[tabler--user-circle\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0'/%3E%3Cpath d='M9 10a3 3 0 1 0 6 0a3 3 0 1 0-6 0m-2.832 8.849A4 4 0 0 1 10 16h4a4 4 0 0 1 3.834 2.855'/%3E%3C/g%3E%3C/svg%3E");
  }
  .icon-\[tabler--user\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7a4 4 0 1 0 8 0a4 4 0 0 0-8 0M6 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2'/%3E%3C/svg%3E");
  }
  .icon-\[tabler--video-filled\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='black'%3E%3Cpath d='M20.117 7.625a1 1 0 0 0-.564.1L15 10v4l4.553 2.275A1 1 0 0 0 21 15.383V8.617a1 1 0 0 0-.883-.992'/%3E%3Cpath d='M5 5C3.355 5 2 6.355 2 8v8c0 1.645 1.355 3 3 3h8c1.645 0 3-1.355 3-3V8c0-1.645-1.355-3-3-3z'/%3E%3C/g%3E%3C/svg%3E");
  }
  .icon-\[tabler--x\] {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E");
  }
  .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;
  }
  .\!block {
    display: block !important;
  }
  .\!flex {
    display: flex !important;
  }
  .\!grid {
    display: grid !important;
  }
  .\!hidden {
    display: none !important;
  }
  .\!inline {
    display: inline !important;
  }
  .\!table {
    display: table !important;
  }
  .block {
    display: block;
  }
  .block\! {
    display: block !important;
  }
  .contents {
    display: contents;
  }
  .contents\! {
    display: contents !important;
  }
  .flex {
    display: flex;
  }
  .flow-root {
    display: flow-root;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline\! {
    display: inline !important;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .inline-grid {
    display: inline-grid;
  }
  .inline-table {
    display: inline-table;
  }
  .list-item {
    display: list-item;
  }
  .table {
    display: table;
  }
  .table\! {
    display: table !important;
  }
  .table-caption {
    display: table-caption;
  }
  .table-cell {
    display: table-cell;
  }
  .table-column {
    display: table-column;
  }
  .table-column-group {
    display: table-column-group;
  }
  .table-footer-group {
    display: table-footer-group;
  }
  .table-header-group {
    display: table-header-group;
  }
  .table-row {
    display: table-row;
  }
  .table-row-group {
    display: table-row-group;
  }
  .field-sizing-content {
    field-sizing: content;
  }
  .aspect-2\/1 {
    aspect-ratio: 2/1;
  }
  .aspect-3\/2 {
    aspect-ratio: 3/2;
  }
  .aspect-3\/4 {
    aspect-ratio: 3/4;
  }
  .aspect-4\/2 {
    aspect-ratio: 4/2;
  }
  .aspect-4\/3 {
    aspect-ratio: 4/3;
  }
  .aspect-4\/5 {
    aspect-ratio: 4/5;
  }
  .aspect-5\/4 {
    aspect-ratio: 5/4;
  }
  .aspect-9\/19 {
    aspect-ratio: 9/19;
  }
  .aspect-16\/10 {
    aspect-ratio: 16/10;
  }
  .aspect-129\/138 {
    aspect-ratio: 129/138;
  }
  .aspect-\[1\.9\] {
    aspect-ratio: 1.9;
  }
  .aspect-\[1\.91\/1\] {
    aspect-ratio: 1.91/1;
  }
  .aspect-\[2\/1\] {
    aspect-ratio: 2/1;
  }
  .aspect-\[3\/2\] {
    aspect-ratio: 3/2;
  }
  .aspect-\[3\/4\] {
    aspect-ratio: 3/4;
  }
  .aspect-\[4\/3\.1\] {
    aspect-ratio: 4/3.1;
  }
  .aspect-\[4\/3\] {
    aspect-ratio: 4/3;
  }
  .aspect-\[16\/9\] {
    aspect-ratio: 16/9;
  }
  .aspect-\[16\/10\] {
    aspect-ratio: 16/10;
  }
  .aspect-\[21\/9\] {
    aspect-ratio: 21/9;
  }
  .aspect-\[129\/138\] {
    aspect-ratio: 129/138;
  }
  .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-1 {
    width: calc(var(--spacing) * 1);
    height: calc(var(--spacing) * 1);
  }
  .size-1\.5 {
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
  }
  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }
  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .size-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-7\.5 {
    width: calc(var(--spacing) * 7.5);
    height: calc(var(--spacing) * 7.5);
  }
  .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-9\.5 {
    width: calc(var(--spacing) * 9.5);
    height: calc(var(--spacing) * 9.5);
  }
  .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-18 {
    width: calc(var(--spacing) * 18);
    height: calc(var(--spacing) * 18);
  }
  .size-21 {
    width: calc(var(--spacing) * 21);
    height: calc(var(--spacing) * 21);
  }
  .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-40 {
    width: calc(var(--spacing) * 40);
    height: calc(var(--spacing) * 40);
  }
  .size-48 {
    width: calc(var(--spacing) * 48);
    height: calc(var(--spacing) * 48);
  }
  .size-64 {
    width: calc(var(--spacing) * 64);
    height: calc(var(--spacing) * 64);
  }
  .size-96 {
    width: calc(var(--spacing) * 96);
    height: calc(var(--spacing) * 96);
  }
  .size-\[--cell-size\] {
    width: --cell-size;
    height: --cell-size;
  }
  .size-\[18px\] {
    width: 18px;
    height: 18px;
  }
  .size-\[46px\] {
    width: 46px;
    height: 46px;
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .\!h-2\.5 {
    height: calc(var(--spacing) * 2.5) !important;
  }
  .\!h-\[2\.2rem\] {
    height: 2.2rem !important;
  }
  .\!h-\[3rem\] {
    height: 3rem !important;
  }
  .\!h-\[4\.5rem\] {
    height: 4.5rem !important;
  }
  .\!h-\[4rem\] {
    height: 4rem !important;
  }
  .\!h-\[5rem\] {
    height: 5rem !important;
  }
  .\!h-\[7rem\] {
    height: 7rem !important;
  }
  .\!h-auto {
    height: auto !important;
  }
  .\!h-full {
    height: 100% !important;
  }
  .\!h-screen {
    height: 100vh !important;
  }
  .h-\(--cell-size\) {
    height: var(--cell-size);
  }
  .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-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }
  .h-2\/3 {
    height: calc(2 / 3 * 100%);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .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-5\/6 {
    height: calc(5 / 6 * 100%);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-13 {
    height: calc(var(--spacing) * 13);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-15 {
    height: calc(var(--spacing) * 15);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-17 {
    height: calc(var(--spacing) * 17);
  }
  .h-18 {
    height: calc(var(--spacing) * 18);
  }
  .h-19 {
    height: calc(var(--spacing) * 19);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-21 {
    height: calc(var(--spacing) * 21);
  }
  .h-22 {
    height: calc(var(--spacing) * 22);
  }
  .h-23 {
    height: calc(var(--spacing) * 23);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-25 {
    height: calc(var(--spacing) * 25);
  }
  .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-56 {
    height: calc(var(--spacing) * 56);
  }
  .h-60 {
    height: calc(var(--spacing) * 60);
  }
  .h-64 {
    height: calc(var(--spacing) * 64);
  }
  .h-72 {
    height: calc(var(--spacing) * 72);
  }
  .h-75 {
    height: calc(var(--spacing) * 75);
  }
  .h-80 {
    height: calc(var(--spacing) * 80);
  }
  .h-84 {
    height: calc(var(--spacing) * 84);
  }
  .h-96 {
    height: calc(var(--spacing) * 96);
  }
  .h-100 {
    height: calc(var(--spacing) * 100);
  }
  .h-112 {
    height: calc(var(--spacing) * 112);
  }
  .h-120 {
    height: calc(var(--spacing) * 120);
  }
  .h-\[--cell-size\] {
    height: --cell-size;
  }
  .h-\[0\.8rem\] {
    height: 0.8rem;
  }
  .h-\[0\.85\%\] {
    height: 0.85%;
  }
  .h-\[0\.95\%\] {
    height: 0.95%;
  }
  .h-\[0\.857rem\] {
    height: 0.857rem;
  }
  .h-\[1\.5rem\] {
    height: 1.5rem;
  }
  .h-\[1\.25rem\] {
    height: 1.25rem;
  }
  .h-\[1\.143rem\] {
    height: 1.143rem;
  }
  .h-\[1\.571rem\] {
    height: 1.571rem;
  }
  .h-\[1px\] {
    height: 1px;
  }
  .h-\[2\.3rem\] {
    height: 2.3rem;
  }
  .h-\[2\.25rem\] {
    height: 2.25rem;
  }
  .h-\[2px\] {
    height: 2px;
  }
  .h-\[2rem\] {
    height: 2rem;
  }
  .h-\[3\.4vw\] {
    height: 3.4vw;
  }
  .h-\[3px\] {
    height: 3px;
  }
  .h-\[3rem\] {
    height: 3rem;
  }
  .h-\[4\.25rem\] {
    height: 4.25rem;
  }
  .h-\[5px\] {
    height: 5px;
  }
  .h-\[6px\] {
    height: 6px;
  }
  .h-\[7px\] {
    height: 7px;
  }
  .h-\[8rem\] {
    height: 8rem;
  }
  .h-\[9px\] {
    height: 9px;
  }
  .h-\[11px\] {
    height: 11px;
  }
  .h-\[13px\] {
    height: 13px;
  }
  .h-\[14px\] {
    height: 14px;
  }
  .h-\[15px\] {
    height: 15px;
  }
  .h-\[17px\] {
    height: 17px;
  }
  .h-\[18px\] {
    height: 18px;
  }
  .h-\[19px\] {
    height: 19px;
  }
  .h-\[20px\] {
    height: 20px;
  }
  .h-\[22px\] {
    height: 22px;
  }
  .h-\[22rem\] {
    height: 22rem;
  }
  .h-\[24px\] {
    height: 24px;
  }
  .h-\[25px\] {
    height: 25px;
  }
  .h-\[26px\] {
    height: 26px;
  }
  .h-\[28px\] {
    height: 28px;
  }
  .h-\[28rem\] {
    height: 28rem;
  }
  .h-\[29px\] {
    height: 29px;
  }
  .h-\[30px\] {
    height: 30px;
  }
  .h-\[34px\] {
    height: 34px;
  }
  .h-\[34rem\] {
    height: 34rem;
  }
  .h-\[35px\] {
    height: 35px;
  }
  .h-\[36vh\] {
    height: 36vh;
  }
  .h-\[37px\] {
    height: 37px;
  }
  .h-\[38px\] {
    height: 38px;
  }
  .h-\[40px\] {
    height: 40px;
  }
  .h-\[42px\] {
    height: 42px;
  }
  .h-\[45px\] {
    height: 45px;
  }
  .h-\[46px\] {
    height: 46px;
  }
  .h-\[48px\] {
    height: 48px;
  }
  .h-\[50px\] {
    height: 50px;
  }
  .h-\[52px\] {
    height: 52px;
  }
  .h-\[55px\] {
    height: 55px;
  }
  .h-\[55vh\] {
    height: 55vh;
  }
  .h-\[57px\] {
    height: 57px;
  }
  .h-\[58px\] {
    height: 58px;
  }
  .h-\[58vh\] {
    height: 58vh;
  }
  .h-\[60px\] {
    height: 60px;
  }
  .h-\[62px\] {
    height: 62px;
  }
  .h-\[65px\] {
    height: 65px;
  }
  .h-\[68px\] {
    height: 68px;
  }
  .h-\[70\%\] {
    height: 70%;
  }
  .h-\[70px\] {
    height: 70px;
  }
  .h-\[70vh\] {
    height: 70vh;
  }
  .h-\[72\%\] {
    height: 72%;
  }
  .h-\[72px\] {
    height: 72px;
  }
  .h-\[75px\] {
    height: 75px;
  }
  .h-\[78\%\] {
    height: 78%;
  }
  .h-\[78px\] {
    height: 78px;
  }
  .h-\[80px\] {
    height: 80px;
  }
  .h-\[82px\] {
    height: 82px;
  }
  .h-\[85px\] {
    height: 85px;
  }
  .h-\[90\%\] {
    height: 90%;
  }
  .h-\[90px\] {
    height: 90px;
  }
  .h-\[95px\] {
    height: 95px;
  }
  .h-\[100px\] {
    height: 100px;
  }
  .h-\[102px\] {
    height: 102px;
  }
  .h-\[110px\] {
    height: 110px;
  }
  .h-\[112px\] {
    height: 112px;
  }
  .h-\[115px\] {
    height: 115px;
  }
  .h-\[120px\] {
    height: 120px;
  }
  .h-\[121px\] {
    height: 121px;
  }
  .h-\[125px\] {
    height: 125px;
  }
  .h-\[130px\] {
    height: 130px;
  }
  .h-\[135px\] {
    height: 135px;
  }
  .h-\[138px\] {
    height: 138px;
  }
  .h-\[140px\] {
    height: 140px;
  }
  .h-\[145px\] {
    height: 145px;
  }
  .h-\[150px\] {
    height: 150px;
  }
  .h-\[151px\] {
    height: 151px;
  }
  .h-\[154px\] {
    height: 154px;
  }
  .h-\[160px\] {
    height: 160px;
  }
  .h-\[165px\] {
    height: 165px;
  }
  .h-\[170px\] {
    height: 170px;
  }
  .h-\[175px\] {
    height: 175px;
  }
  .h-\[180px\] {
    height: 180px;
  }
  .h-\[185px\] {
    height: 185px;
  }
  .h-\[195px\] {
    height: 195px;
  }
  .h-\[197px\] {
    height: 197px;
  }
  .h-\[200px\] {
    height: 200px;
  }
  .h-\[212px\] {
    height: 212px;
  }
  .h-\[220px\] {
    height: 220px;
  }
  .h-\[230px\] {
    height: 230px;
  }
  .h-\[235px\] {
    height: 235px;
  }
  .h-\[245px\] {
    height: 245px;
  }
  .h-\[248px\] {
    height: 248px;
  }
  .h-\[260px\] {
    height: 260px;
  }
  .h-\[280px\] {
    height: 280px;
  }
  .h-\[300px\] {
    height: 300px;
  }
  .h-\[320px\] {
    height: 320px;
  }
  .h-\[340px\] {
    height: 340px;
  }
  .h-\[348px\] {
    height: 348px;
  }
  .h-\[350px\] {
    height: 350px;
  }
  .h-\[370px\] {
    height: 370px;
  }
  .h-\[380px\] {
    height: 380px;
  }
  .h-\[400px\] {
    height: 400px;
  }
  .h-\[415px\] {
    height: 415px;
  }
  .h-\[420px\] {
    height: 420px;
  }
  .h-\[440px\] {
    height: 440px;
  }
  .h-\[442px\] {
    height: 442px;
  }
  .h-\[450px\] {
    height: 450px;
  }
  .h-\[470px\] {
    height: 470px;
  }
  .h-\[480px\] {
    height: 480px;
  }
  .h-\[500px\] {
    height: 500px;
  }
  .h-\[513px\] {
    height: 513px;
  }
  .h-\[520px\] {
    height: 520px;
  }
  .h-\[550px\] {
    height: 550px;
  }
  .h-\[600px\] {
    height: 600px;
  }
  .h-\[660px\] {
    height: 660px;
  }
  .h-\[680px\] {
    height: 680px;
  }
  .h-\[700px\] {
    height: 700px;
  }
  .h-\[780px\] {
    height: 780px;
  }
  .h-\[800px\] {
    height: 800px;
  }
  .h-\[868px\] {
    height: 868px;
  }
  .h-\[875px\] {
    height: 875px;
  }
  .h-\[calc\(2\.5rem_\+_2px\)\] {
    height: calc(2.5rem + 2px);
  }
  .h-\[calc\(100\%\+12px\)\] {
    height: calc(100% + 12px);
  }
  .h-\[calc\(100\%\+18px\)\] {
    height: calc(100% + 18px);
  }
  .h-\[calc\(100\%-1rem\)\] {
    height: calc(100% - 1rem);
  }
  .h-\[calc\(100\%-2\.75rem\)\] {
    height: calc(100% - 2.75rem);
  }
  .h-\[calc\(100dvh-62px\)\] {
    height: calc(100dvh - 62px);
  }
  .h-\[calc\(100vh-100px\)\] {
    height: calc(100vh - 100px);
  }
  .h-\[calc\(100vh-200px\)\] {
    height: calc(100vh - 200px);
  }
  .h-\[min\(85vh\,36rem\)\] {
    height: min(85vh, 36rem);
  }
  .h-\[min\(85vh\,40rem\)\] {
    height: min(85vh, 40rem);
  }
  .h-\[min\(90vh\,44rem\)\] {
    height: min(90vh, 44rem);
  }
  .h-\[min\(92vh\,56rem\)\] {
    height: min(92vh, 56rem);
  }
  .h-\[var\(--radix-navigation-menu-viewport-height\)\] {
    height: var(--radix-navigation-menu-viewport-height);
  }
  .h-\[var\(--radix-select-trigger-height\)\] {
    height: var(--radix-select-trigger-height);
  }
  .h-\[�g\~k��\19 �\] {
    height: �g~k���;
  }
  .h-auto {
    height: auto;
  }
  .h-dvh {
    height: 100dvh;
  }
  .h-fit {
    height: fit-content;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .h-screen {
    height: 100vh;
  }
  .h-svh {
    height: 100svh;
  }
  .\!max-h-full {
    max-height: 100% !important;
  }
  .max-h-\(--radix-context-menu-content-available-height\) {
    max-height: var(--radix-context-menu-content-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-10 {
    max-height: calc(var(--spacing) * 10);
  }
  .max-h-24 {
    max-height: calc(var(--spacing) * 24);
  }
  .max-h-36 {
    max-height: calc(var(--spacing) * 36);
  }
  .max-h-40 {
    max-height: calc(var(--spacing) * 40);
  }
  .max-h-44 {
    max-height: calc(var(--spacing) * 44);
  }
  .max-h-48 {
    max-height: calc(var(--spacing) * 48);
  }
  .max-h-52 {
    max-height: calc(var(--spacing) * 52);
  }
  .max-h-56 {
    max-height: calc(var(--spacing) * 56);
  }
  .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-\[--radix-context-menu-content-available-height\] {
    max-height: --radix-context-menu-content-available-height;
  }
  .max-h-\[--radix-select-content-available-height\] {
    max-height: --radix-select-content-available-height;
  }
  .max-h-\[14rem\] {
    max-height: 14rem;
  }
  .max-h-\[15rem\] {
    max-height: 15rem;
  }
  .max-h-\[24rem\] {
    max-height: 24rem;
  }
  .max-h-\[28rem\] {
    max-height: 28rem;
  }
  .max-h-\[40px\] {
    max-height: 40px;
  }
  .max-h-\[40vh\] {
    max-height: 40vh;
  }
  .max-h-\[50vh\] {
    max-height: 50vh;
  }
  .max-h-\[70vh\] {
    max-height: 70vh;
  }
  .max-h-\[75vh\] {
    max-height: 75vh;
  }
  .max-h-\[80vh\] {
    max-height: 80vh;
  }
  .max-h-\[85px\] {
    max-height: 85px;
  }
  .max-h-\[85vh\] {
    max-height: 85vh;
  }
  .max-h-\[90vh\] {
    max-height: 90vh;
  }
  .max-h-\[92vh\] {
    max-height: 92vh;
  }
  .max-h-\[200px\] {
    max-height: 200px;
  }
  .max-h-\[260px\] {
    max-height: 260px;
  }
  .max-h-\[280px\] {
    max-height: 280px;
  }
  .max-h-\[300px\] {
    max-height: 300px;
  }
  .max-h-\[320px\] {
    max-height: 320px;
  }
  .max-h-\[328px\] {
    max-height: 328px;
  }
  .max-h-\[380px\] {
    max-height: 380px;
  }
  .max-h-\[400px\] {
    max-height: 400px;
  }
  .max-h-\[480px\] {
    max-height: 480px;
  }
  .max-h-\[500px\] {
    max-height: 500px;
  }
  .max-h-\[600px\] {
    max-height: 600px;
  }
  .max-h-\[740px\] {
    max-height: 740px;
  }
  .max-h-\[1000px\] {
    max-height: 1000px;
  }
  .max-h-\[calc\(100vh-8rem\)\] {
    max-height: calc(100vh - 8rem);
  }
  .max-h-\[min\(24rem\,70vh\)\] {
    max-height: min(24rem, 70vh);
  }
  .max-h-\[min\(70vh\,calc\(100dvh-6\.5rem\)\)\] {
    max-height: min(70vh, calc(100dvh - 6.5rem));
  }
  .max-h-\[min\(85vh\,640px\)\] {
    max-height: min(85vh, 640px);
  }
  .max-h-\[min\(560px\,85vh\)\] {
    max-height: min(560px, 85vh);
  }
  .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
    max-height: var(--radix-dropdown-menu-content-available-height);
  }
  .max-h-full {
    max-height: 100%;
  }
  .max-h-screen {
    max-height: 100vh;
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .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-16 {
    min-height: calc(var(--spacing) * 16);
  }
  .min-h-22 {
    min-height: calc(var(--spacing) * 22);
  }
  .min-h-22\.5 {
    min-height: calc(var(--spacing) * 22.5);
  }
  .min-h-24 {
    min-height: calc(var(--spacing) * 24);
  }
  .min-h-50 {
    min-height: calc(var(--spacing) * 50);
  }
  .min-h-64 {
    min-height: calc(var(--spacing) * 64);
  }
  .min-h-80 {
    min-height: calc(var(--spacing) * 80);
  }
  .min-h-96 {
    min-height: calc(var(--spacing) * 96);
  }
  .min-h-\[1\.2em\] {
    min-height: 1.2em;
  }
  .min-h-\[1\.25rem\] {
    min-height: 1.25rem;
  }
  .min-h-\[2\.75rem\] {
    min-height: 2.75rem;
  }
  .min-h-\[2\.877rem\] {
    min-height: 2.877rem;
  }
  .min-h-\[3rem\] {
    min-height: 3rem;
  }
  .min-h-\[4rem\] {
    min-height: 4rem;
  }
  .min-h-\[5\.5rem\] {
    min-height: 5.5rem;
  }
  .min-h-\[5rem\] {
    min-height: 5rem;
  }
  .min-h-\[12rem\] {
    min-height: 12rem;
  }
  .min-h-\[15rem\] {
    min-height: 15rem;
  }
  .min-h-\[16rem\] {
    min-height: 16rem;
  }
  .min-h-\[24px\] {
    min-height: 24px;
  }
  .min-h-\[28rem\] {
    min-height: 28rem;
  }
  .min-h-\[34rem\] {
    min-height: 34rem;
  }
  .min-h-\[40px\] {
    min-height: 40px;
  }
  .min-h-\[50px\] {
    min-height: 50px;
  }
  .min-h-\[60px\] {
    min-height: 60px;
  }
  .min-h-\[60vh\] {
    min-height: 60vh;
  }
  .min-h-\[70vh\] {
    min-height: 70vh;
  }
  .min-h-\[72vh\] {
    min-height: 72vh;
  }
  .min-h-\[80px\] {
    min-height: 80px;
  }
  .min-h-\[85vh\] {
    min-height: 85vh;
  }
  .min-h-\[88px\] {
    min-height: 88px;
  }
  .min-h-\[90px\] {
    min-height: 90px;
  }
  .min-h-\[100px\] {
    min-height: 100px;
  }
  .min-h-\[100vh\] {
    min-height: 100vh;
  }
  .min-h-\[120px\] {
    min-height: 120px;
  }
  .min-h-\[140px\] {
    min-height: 140px;
  }
  .min-h-\[150px\] {
    min-height: 150px;
  }
  .min-h-\[160px\] {
    min-height: 160px;
  }
  .min-h-\[200px\] {
    min-height: 200px;
  }
  .min-h-\[220px\] {
    min-height: 220px;
  }
  .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-\[300px\] {
    min-height: 300px;
  }
  .min-h-\[320px\] {
    min-height: 320px;
  }
  .min-h-\[323px\] {
    min-height: 323px;
  }
  .min-h-\[340px\] {
    min-height: 340px;
  }
  .min-h-\[400px\] {
    min-height: 400px;
  }
  .min-h-\[420px\] {
    min-height: 420px;
  }
  .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-\[560px\] {
    min-height: 560px;
  }
  .min-h-\[600px\] {
    min-height: 600px;
  }
  .min-h-\[640px\] {
    min-height: 640px;
  }
  .min-h-\[calc\(2\.5rem_\+_2px\)\] {
    min-height: calc(2.5rem + 2px);
  }
  .min-h-\[calc\(100-4rem\)\] {
    min-height: calc(100 - 4rem);
  }
  .min-h-\[calc\(100vh-4rem\)\] {
    min-height: calc(100vh - 4rem);
  }
  .min-h-auto {
    min-height: auto;
  }
  .min-h-full {
    min-height: 100%;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .min-h-svh {
    min-height: 100svh;
  }
  .\!w-2\.5 {
    width: calc(var(--spacing) * 2.5) !important;
  }
  .\!w-16 {
    width: calc(var(--spacing) * 16) !important;
  }
  .\!w-\[2\.2rem\] {
    width: 2.2rem !important;
  }
  .\!w-\[2\.5rem\] {
    width: 2.5rem !important;
  }
  .\!w-\[3rem\] {
    width: 3rem !important;
  }
  .\!w-\[5rem\] {
    width: 5rem !important;
  }
  .\!w-full {
    width: 100% !important;
  }
  .\!w-screen {
    width: 100vw !important;
  }
  .w-\(--cell-size\) {
    width: var(--cell-size);
  }
  .w-\(--sidebar-width\) {
    width: var(--sidebar-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-1\/6 {
    width: calc(1 / 6 * 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\/12 {
    width: calc(3 / 12 * 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\/12 {
    width: calc(4 / 12 * 100%);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-5\.5 {
    width: calc(var(--spacing) * 5.5);
  }
  .w-5\/6 {
    width: calc(5 / 6 * 100%);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-6\/12 {
    width: calc(6 / 12 * 100%);
  }
  .w-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-8\/12 {
    width: calc(8 / 12 * 100%);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-10\/12 {
    width: calc(10 / 12 * 100%);
  }
  .w-11 {
    width: calc(var(--spacing) * 11);
  }
  .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-15 {
    width: calc(var(--spacing) * 15);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-17 {
    width: calc(var(--spacing) * 17);
  }
  .w-18 {
    width: calc(var(--spacing) * 18);
  }
  .w-19 {
    width: calc(var(--spacing) * 19);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-21 {
    width: calc(var(--spacing) * 21);
  }
  .w-22 {
    width: calc(var(--spacing) * 22);
  }
  .w-23 {
    width: calc(var(--spacing) * 23);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-25 {
    width: calc(var(--spacing) * 25);
  }
  .w-28 {
    width: calc(var(--spacing) * 28);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-36 {
    width: calc(var(--spacing) * 36);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-44 {
    width: calc(var(--spacing) * 44);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-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-65 {
    width: calc(var(--spacing) * 65);
  }
  .w-72 {
    width: calc(var(--spacing) * 72);
  }
  .w-75 {
    width: calc(var(--spacing) * 75);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-96 {
    width: calc(var(--spacing) * 96);
  }
  .w-100 {
    width: calc(var(--spacing) * 100);
  }
  .w-\[--cell-size\] {
    width: --cell-size;
  }
  .w-\[--sidebar-width\] {
    width: --sidebar-width;
  }
  .w-\[0\.857rem\] {
    width: 0.857rem;
  }
  .w-\[1\%\] {
    width: 1%;
  }
  .w-\[1\.25rem\] {
    width: 1.25rem;
  }
  .w-\[1\.143rem\] {
    width: 1.143rem;
  }
  .w-\[1\.571rem\] {
    width: 1.571rem;
  }
  .w-\[1px\] {
    width: 1px;
  }
  .w-\[2\.3rem\] {
    width: 2.3rem;
  }
  .w-\[2px\] {
    width: 2px;
  }
  .w-\[2rem\] {
    width: 2rem;
  }
  .w-\[3\.4vw\] {
    width: 3.4vw;
  }
  .w-\[3px\] {
    width: 3px;
  }
  .w-\[3rem\] {
    width: 3rem;
  }
  .w-\[5px\] {
    width: 5px;
  }
  .w-\[6px\] {
    width: 6px;
  }
  .w-\[7px\] {
    width: 7px;
  }
  .w-\[8\.5rem\] {
    width: 8.5rem;
  }
  .w-\[9px\] {
    width: 9px;
  }
  .w-\[10\%\] {
    width: 10%;
  }
  .w-\[11\.11111\%\] {
    width: 11.11111%;
  }
  .w-\[11px\] {
    width: 11px;
  }
  .w-\[13\%\] {
    width: 13%;
  }
  .w-\[13\.35\%\] {
    width: 13.35%;
  }
  .w-\[13px\] {
    width: 13px;
  }
  .w-\[14\%\] {
    width: 14%;
  }
  .w-\[14px\] {
    width: 14px;
  }
  .w-\[15\%\] {
    width: 15%;
  }
  .w-\[15px\] {
    width: 15px;
  }
  .w-\[16\%\] {
    width: 16%;
  }
  .w-\[16\.8\%\] {
    width: 16.8%;
  }
  .w-\[16\.25\%\] {
    width: 16.25%;
  }
  .w-\[17\.4\%\] {
    width: 17.4%;
  }
  .w-\[17px\] {
    width: 17px;
  }
  .w-\[18\%\] {
    width: 18%;
  }
  .w-\[18\.76\%\] {
    width: 18.76%;
  }
  .w-\[18px\] {
    width: 18px;
  }
  .w-\[19\%\] {
    width: 19%;
  }
  .w-\[19px\] {
    width: 19px;
  }
  .w-\[20\.76\%\] {
    width: 20.76%;
  }
  .w-\[21\.96\%\] {
    width: 21.96%;
  }
  .w-\[22px\] {
    width: 22px;
  }
  .w-\[22rem\] {
    width: 22rem;
  }
  .w-\[23\.55\%\] {
    width: 23.55%;
  }
  .w-\[24px\] {
    width: 24px;
  }
  .w-\[25\.5\%\] {
    width: 25.5%;
  }
  .w-\[25px\] {
    width: 25px;
  }
  .w-\[26px\] {
    width: 26px;
  }
  .w-\[28\%\] {
    width: 28%;
  }
  .w-\[28px\] {
    width: 28px;
  }
  .w-\[28rem\] {
    width: 28rem;
  }
  .w-\[29\.4\%\] {
    width: 29.4%;
  }
  .w-\[29px\] {
    width: 29px;
  }
  .w-\[30\%\] {
    width: 30%;
  }
  .w-\[30\.4\%\] {
    width: 30.4%;
  }
  .w-\[30px\] {
    width: 30px;
  }
  .w-\[31\%\] {
    width: 31%;
  }
  .w-\[31\.93\%\] {
    width: 31.93%;
  }
  .w-\[32\%\] {
    width: 32%;
  }
  .w-\[33\.33\%\] {
    width: 33.33%;
  }
  .w-\[34\%\] {
    width: 34%;
  }
  .w-\[34px\] {
    width: 34px;
  }
  .w-\[34rem\] {
    width: 34rem;
  }
  .w-\[35\%\] {
    width: 35%;
  }
  .w-\[35px\] {
    width: 35px;
  }
  .w-\[38\%\] {
    width: 38%;
  }
  .w-\[38px\] {
    width: 38px;
  }
  .w-\[41\%\] {
    width: 41%;
  }
  .w-\[41\.02\%\] {
    width: 41.02%;
  }
  .w-\[42\.2\%\] {
    width: 42.2%;
  }
  .w-\[42px\] {
    width: 42px;
  }
  .w-\[43\.1\%\] {
    width: 43.1%;
  }
  .w-\[44\%\] {
    width: 44%;
  }
  .w-\[44\.8\%\] {
    width: 44.8%;
  }
  .w-\[44vw\] {
    width: 44vw;
  }
  .w-\[45\%\] {
    width: 45%;
  }
  .w-\[45px\] {
    width: 45px;
  }
  .w-\[47\%\] {
    width: 47%;
  }
  .w-\[48\%\] {
    width: 48%;
  }
  .w-\[49\%\] {
    width: 49%;
  }
  .w-\[50\%\] {
    width: 50%;
  }
  .w-\[50px\] {
    width: 50px;
  }
  .w-\[50vw\] {
    width: 50vw;
  }
  .w-\[51\%\] {
    width: 51%;
  }
  .w-\[51\.8\%\] {
    width: 51.8%;
  }
  .w-\[52\%\] {
    width: 52%;
  }
  .w-\[52px\] {
    width: 52px;
  }
  .w-\[53\.2\%\] {
    width: 53.2%;
  }
  .w-\[54\.6\%\] {
    width: 54.6%;
  }
  .w-\[54px\] {
    width: 54px;
  }
  .w-\[55px\] {
    width: 55px;
  }
  .w-\[57px\] {
    width: 57px;
  }
  .w-\[58\%\] {
    width: 58%;
  }
  .w-\[58px\] {
    width: 58px;
  }
  .w-\[60\%\] {
    width: 60%;
  }
  .w-\[60px\] {
    width: 60px;
  }
  .w-\[65px\] {
    width: 65px;
  }
  .w-\[66\.66\%\] {
    width: 66.66%;
  }
  .w-\[68\%\] {
    width: 68%;
  }
  .w-\[68px\] {
    width: 68px;
  }
  .w-\[69\%\] {
    width: 69%;
  }
  .w-\[70px\] {
    width: 70px;
  }
  .w-\[72\%\] {
    width: 72%;
  }
  .w-\[72\.2\%\] {
    width: 72.2%;
  }
  .w-\[72vw\] {
    width: 72vw;
  }
  .w-\[73\.4\%\] {
    width: 73.4%;
  }
  .w-\[74\.4\%\] {
    width: 74.4%;
  }
  .w-\[75px\] {
    width: 75px;
  }
  .w-\[77\.8\%\] {
    width: 77.8%;
  }
  .w-\[78\%\] {
    width: 78%;
  }
  .w-\[79\%\] {
    width: 79%;
  }
  .w-\[83\%\] {
    width: 83%;
  }
  .w-\[84\%\] {
    width: 84%;
  }
  .w-\[85\%\] {
    width: 85%;
  }
  .w-\[85px\] {
    width: 85px;
  }
  .w-\[85vw\] {
    width: 85vw;
  }
  .w-\[86\.2\%\] {
    width: 86.2%;
  }
  .w-\[88\%\] {
    width: 88%;
  }
  .w-\[90\%\] {
    width: 90%;
  }
  .w-\[90px\] {
    width: 90px;
  }
  .w-\[94\%\] {
    width: 94%;
  }
  .w-\[95\%\] {
    width: 95%;
  }
  .w-\[95px\] {
    width: 95px;
  }
  .w-\[97\%\] {
    width: 97%;
  }
  .w-\[98\%\] {
    width: 98%;
  }
  .w-\[99\%\] {
    width: 99%;
  }
  .w-\[99\.99\%\] {
    width: 99.99%;
  }
  .w-\[100px\] {
    width: 100px;
  }
  .w-\[110px\] {
    width: 110px;
  }
  .w-\[115px\] {
    width: 115px;
  }
  .w-\[120px\] {
    width: 120px;
  }
  .w-\[121px\] {
    width: 121px;
  }
  .w-\[125px\] {
    width: 125px;
  }
  .w-\[130px\] {
    width: 130px;
  }
  .w-\[135px\] {
    width: 135px;
  }
  .w-\[138px\] {
    width: 138px;
  }
  .w-\[140px\] {
    width: 140px;
  }
  .w-\[142px\] {
    width: 142px;
  }
  .w-\[145px\] {
    width: 145px;
  }
  .w-\[147px\] {
    width: 147px;
  }
  .w-\[150px\] {
    width: 150px;
  }
  .w-\[151px\] {
    width: 151px;
  }
  .w-\[154px\] {
    width: 154px;
  }
  .w-\[155px\] {
    width: 155px;
  }
  .w-\[165px\] {
    width: 165px;
  }
  .w-\[170px\] {
    width: 170px;
  }
  .w-\[172px\] {
    width: 172px;
  }
  .w-\[175px\] {
    width: 175px;
  }
  .w-\[178px\] {
    width: 178px;
  }
  .w-\[180px\] {
    width: 180px;
  }
  .w-\[184px\] {
    width: 184px;
  }
  .w-\[185px\] {
    width: 185px;
  }
  .w-\[190px\] {
    width: 190px;
  }
  .w-\[195px\] {
    width: 195px;
  }
  .w-\[197px\] {
    width: 197px;
  }
  .w-\[200px\] {
    width: 200px;
  }
  .w-\[210px\] {
    width: 210px;
  }
  .w-\[212px\] {
    width: 212px;
  }
  .w-\[220px\] {
    width: 220px;
  }
  .w-\[235px\] {
    width: 235px;
  }
  .w-\[240px\] {
    width: 240px;
  }
  .w-\[245px\] {
    width: 245px;
  }
  .w-\[250px\] {
    width: 250px;
  }
  .w-\[260px\] {
    width: 260px;
  }
  .w-\[280px\] {
    width: 280px;
  }
  .w-\[300px\] {
    width: 300px;
  }
  .w-\[310px\] {
    width: 310px;
  }
  .w-\[320px\] {
    width: 320px;
  }
  .w-\[340px\] {
    width: 340px;
  }
  .w-\[360px\] {
    width: 360px;
  }
  .w-\[370px\] {
    width: 370px;
  }
  .w-\[380px\] {
    width: 380px;
  }
  .w-\[385px\] {
    width: 385px;
  }
  .w-\[390px\] {
    width: 390px;
  }
  .w-\[400px\] {
    width: 400px;
  }
  .w-\[415px\] {
    width: 415px;
  }
  .w-\[420px\] {
    width: 420px;
  }
  .w-\[440px\] {
    width: 440px;
  }
  .w-\[460px\] {
    width: 460px;
  }
  .w-\[500px\] {
    width: 500px;
  }
  .w-\[530px\] {
    width: 530px;
  }
  .w-\[550px\] {
    width: 550px;
  }
  .w-\[600px\] {
    width: 600px;
  }
  .w-\[680px\] {
    width: 680px;
  }
  .w-\[800px\] {
    width: 800px;
  }
  .w-\[868px\] {
    width: 868px;
  }
  .w-\[875px\] {
    width: 875px;
  }
  .w-\[920px\] {
    width: 920px;
  }
  .w-\[1900px\] {
    width: 1900px;
  }
  .w-\[calc\(100\%\+12px\)\] {
    width: calc(100% + 12px);
  }
  .w-\[calc\(100\%\+18px\)\] {
    width: calc(100% + 18px);
  }
  .w-\[calc\(100\%\+180px\)\] {
    width: calc(100% + 180px);
  }
  .w-\[calc\(100\%-2rem\)\] {
    width: calc(100% - 2rem);
  }
  .w-\[calc\(100\%-24px\)\] {
    width: calc(100% - 24px);
  }
  .w-\[calc\(100\%-32px\)\] {
    width: calc(100% - 32px);
  }
  .w-\[calc\(100\%-55px\)\] {
    width: calc(100% - 55px);
  }
  .w-\[calc\(100\%-70px\)\] {
    width: calc(100% - 70px);
  }
  .w-\[calc\(100\%-100px\)\] {
    width: calc(100% - 100px);
  }
  .w-\[calc\(100\%\/4_-_\(\(\(4_-_1\)_\*_1rem\)_\/_4\)\)\] {
    width: calc(100% / 4 - (((4 - 1) * 1rem) / 4));
  }
  .w-\[calc\(100\%_-_180px\)\] {
    width: calc(100% - 180px);
  }
  .w-\[min\(22rem\,calc\(100vw-2rem\)\)\] {
    width: min(22rem, calc(100vw - 2rem));
  }
  .w-\[min\(92vw\,340px\)\] {
    width: min(92vw, 340px);
  }
  .w-\[min\(92vw\,360px\)\] {
    width: min(92vw, 360px);
  }
  .w-\[min\(92vw\,380px\)\] {
    width: min(92vw, 380px);
  }
  .w-\[min\(260px\,calc\(100\%-1rem\)\)\] {
    width: min(260px, calc(100% - 1rem));
  }
  .w-\[var\(--sidebar-width\)\] {
    width: var(--sidebar-width);
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: max-content;
  }
  .w-px {
    width: 1px;
  }
  .w-screen {
    width: 100vw;
  }
  .\!max-w-\[1490px\] {
    max-width: 1490px !important;
  }
  .max-w-\(--breakpoint-2xl\) {
    max-width: var(--breakpoint-2xl);
  }
  .max-w-\(--breakpoint-lg\) {
    max-width: var(--breakpoint-lg);
  }
  .max-w-\(--breakpoint-md\) {
    max-width: var(--breakpoint-md);
  }
  .max-w-\(--breakpoint-sm\) {
    max-width: var(--breakpoint-sm);
  }
  .max-w-\(--breakpoint-xl\) {
    max-width: var(--breakpoint-xl);
  }
  .max-w-\(--skeleton-width\) {
    max-width: var(--skeleton-width);
  }
  .max-w-0 {
    max-width: calc(var(--spacing) * 0);
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-5xl {
    max-width: var(--container-5xl);
  }
  .max-w-6xl {
    max-width: var(--container-6xl);
  }
  .max-w-7xl {
    max-width: var(--container-7xl);
  }
  .max-w-10 {
    max-width: calc(var(--spacing) * 10);
  }
  .max-w-12 {
    max-width: calc(var(--spacing) * 12);
  }
  .max-w-48 {
    max-width: calc(var(--spacing) * 48);
  }
  .max-w-64 {
    max-width: calc(var(--spacing) * 64);
  }
  .max-w-75 {
    max-width: calc(var(--spacing) * 75);
  }
  .max-w-100 {
    max-width: calc(var(--spacing) * 100);
  }
  .max-w-340 {
    max-width: calc(var(--spacing) * 340);
  }
  .max-w-\[--skeleton-width\] {
    max-width: --skeleton-width;
  }
  .max-w-\[3rem\] {
    max-width: 3rem;
  }
  .max-w-\[4\.5rem\] {
    max-width: 4.5rem;
  }
  .max-w-\[10rem\] {
    max-width: 10rem;
  }
  .max-w-\[14rem\] {
    max-width: 14rem;
  }
  .max-w-\[15rem\] {
    max-width: 15rem;
  }
  .max-w-\[16\.666\%\] {
    max-width: 16.666%;
  }
  .max-w-\[16rem\] {
    max-width: 16rem;
  }
  .max-w-\[17rem\] {
    max-width: 17rem;
  }
  .max-w-\[18rem\] {
    max-width: 18rem;
  }
  .max-w-\[25rem\] {
    max-width: 25rem;
  }
  .max-w-\[28px\] {
    max-width: 28px;
  }
  .max-w-\[28rem\] {
    max-width: 28rem;
  }
  .max-w-\[32ch\] {
    max-width: 32ch;
  }
  .max-w-\[36ch\] {
    max-width: 36ch;
  }
  .max-w-\[36px\] {
    max-width: 36px;
  }
  .max-w-\[40px\] {
    max-width: 40px;
  }
  .max-w-\[42\%\] {
    max-width: 42%;
  }
  .max-w-\[45\%\] {
    max-width: 45%;
  }
  .max-w-\[46\%\] {
    max-width: 46%;
  }
  .max-w-\[46ch\] {
    max-width: 46ch;
  }
  .max-w-\[48ch\] {
    max-width: 48ch;
  }
  .max-w-\[48px\] {
    max-width: 48px;
  }
  .max-w-\[50\%\] {
    max-width: 50%;
  }
  .max-w-\[52vw\] {
    max-width: 52vw;
  }
  .max-w-\[55px\] {
    max-width: 55px;
  }
  .max-w-\[56vw\] {
    max-width: 56vw;
  }
  .max-w-\[62\%\] {
    max-width: 62%;
  }
  .max-w-\[63\%\] {
    max-width: 63%;
  }
  .max-w-\[70\%\] {
    max-width: 70%;
  }
  .max-w-\[70vw\] {
    max-width: 70vw;
  }
  .max-w-\[75\%\] {
    max-width: 75%;
  }
  .max-w-\[80\%\] {
    max-width: 80%;
  }
  .max-w-\[80px\] {
    max-width: 80px;
  }
  .max-w-\[85\%\] {
    max-width: 85%;
  }
  .max-w-\[85px\] {
    max-width: 85px;
  }
  .max-w-\[85rem\] {
    max-width: 85rem;
  }
  .max-w-\[95\%\] {
    max-width: 95%;
  }
  .max-w-\[96px\] {
    max-width: 96px;
  }
  .max-w-\[100px\] {
    max-width: 100px;
  }
  .max-w-\[120px\] {
    max-width: 120px;
  }
  .max-w-\[128px\] {
    max-width: 128px;
  }
  .max-w-\[150px\] {
    max-width: 150px;
  }
  .max-w-\[160px\] {
    max-width: 160px;
  }
  .max-w-\[180px\] {
    max-width: 180px;
  }
  .max-w-\[200px\] {
    max-width: 200px;
  }
  .max-w-\[220px\] {
    max-width: 220px;
  }
  .max-w-\[230px\] {
    max-width: 230px;
  }
  .max-w-\[240px\] {
    max-width: 240px;
  }
  .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-\[330px\] {
    max-width: 330px;
  }
  .max-w-\[357px\] {
    max-width: 357px;
  }
  .max-w-\[360px\] {
    max-width: 360px;
  }
  .max-w-\[384px\] {
    max-width: 384px;
  }
  .max-w-\[390px\] {
    max-width: 390px;
  }
  .max-w-\[412px\] {
    max-width: 412px;
  }
  .max-w-\[420px\] {
    max-width: 420px;
  }
  .max-w-\[445px\] {
    max-width: 445px;
  }
  .max-w-\[488px\] {
    max-width: 488px;
  }
  .max-w-\[500px\] {
    max-width: 500px;
  }
  .max-w-\[508px\] {
    max-width: 508px;
  }
  .max-w-\[520px\] {
    max-width: 520px;
  }
  .max-w-\[525px\] {
    max-width: 525px;
  }
  .max-w-\[540px\] {
    max-width: 540px;
  }
  .max-w-\[550px\] {
    max-width: 550px;
  }
  .max-w-\[560px\] {
    max-width: 560px;
  }
  .max-w-\[580px\] {
    max-width: 580px;
  }
  .max-w-\[583px\] {
    max-width: 583px;
  }
  .max-w-\[600px\] {
    max-width: 600px;
  }
  .max-w-\[610px\] {
    max-width: 610px;
  }
  .max-w-\[630px\] {
    max-width: 630px;
  }
  .max-w-\[660px\] {
    max-width: 660px;
  }
  .max-w-\[670px\] {
    max-width: 670px;
  }
  .max-w-\[700px\] {
    max-width: 700px;
  }
  .max-w-\[720px\] {
    max-width: 720px;
  }
  .max-w-\[750px\] {
    max-width: 750px;
  }
  .max-w-\[800px\] {
    max-width: 800px;
  }
  .max-w-\[860px\] {
    max-width: 860px;
  }
  .max-w-\[861px\] {
    max-width: 861px;
  }
  .max-w-\[900px\] {
    max-width: 900px;
  }
  .max-w-\[930px\] {
    max-width: 930px;
  }
  .max-w-\[1000px\] {
    max-width: 1000px;
  }
  .max-w-\[1050px\] {
    max-width: 1050px;
  }
  .max-w-\[1100px\] {
    max-width: 1100px;
  }
  .max-w-\[1200px\] {
    max-width: 1200px;
  }
  .max-w-\[1240px\] {
    max-width: 1240px;
  }
  .max-w-\[1300px\] {
    max-width: 1300px;
  }
  .max-w-\[1330px\] {
    max-width: 1330px;
  }
  .max-w-\[1335px\] {
    max-width: 1335px;
  }
  .max-w-\[1350px\] {
    max-width: 1350px;
  }
  .max-w-\[1400px\] {
    max-width: 1400px;
  }
  .max-w-\[1435px\] {
    max-width: 1435px;
  }
  .max-w-\[1440px\] {
    max-width: 1440px;
  }
  .max-w-\[1450px\] {
    max-width: 1450px;
  }
  .max-w-\[1460px\] {
    max-width: 1460px;
  }
  .max-w-\[1600px\] {
    max-width: 1600px;
  }
  .max-w-\[1630px\] {
    max-width: 1630px;
  }
  .max-w-\[1680px\] {
    max-width: 1680px;
  }
  .max-w-\[1700px\] {
    max-width: 1700px;
  }
  .max-w-\[1710px\] {
    max-width: 1710px;
  }
  .max-w-\[1720px\] {
    max-width: 1720px;
  }
  .max-w-\[1740px\] {
    max-width: 1740px;
  }
  .max-w-\[1800px\] {
    max-width: 1800px;
  }
  .max-w-\[1830px\] {
    max-width: 1830px;
  }
  .max-w-\[1920px\] {
    max-width: 1920px;
  }
  .max-w-\[inherit\] {
    max-width: inherit;
  }
  .max-w-\[initial\] {
    max-width: initial;
  }
  .max-w-\[var\(--skeleton-width\)\] {
    max-width: var(--skeleton-width);
  }
  .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-lg {
    max-width: var(--breakpoint-lg);
  }
  .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-\(--cell-size\) {
    min-width: var(--cell-size);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-5 {
    min-width: calc(var(--spacing) * 5);
  }
  .min-w-6 {
    min-width: calc(var(--spacing) * 6);
  }
  .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-24 {
    min-width: calc(var(--spacing) * 24);
  }
  .min-w-32 {
    min-width: calc(var(--spacing) * 32);
  }
  .min-w-36 {
    min-width: calc(var(--spacing) * 36);
  }
  .min-w-40 {
    min-width: calc(var(--spacing) * 40);
  }
  .min-w-60 {
    min-width: calc(var(--spacing) * 60);
  }
  .min-w-80 {
    min-width: calc(var(--spacing) * 80);
  }
  .min-w-90 {
    min-width: calc(var(--spacing) * 90);
  }
  .min-w-\[--cell-size\] {
    min-width: --cell-size;
  }
  .min-w-\[0\.5rem\] {
    min-width: 0.5rem;
  }
  .min-w-\[1\.5rem\] {
    min-width: 1.5rem;
  }
  .min-w-\[1rem\] {
    min-width: 1rem;
  }
  .min-w-\[2\.25rem\] {
    min-width: 2.25rem;
  }
  .min-w-\[2px\] {
    min-width: 2px;
  }
  .min-w-\[2rem\] {
    min-width: 2rem;
  }
  .min-w-\[3rem\] {
    min-width: 3rem;
  }
  .min-w-\[4rem\] {
    min-width: 4rem;
  }
  .min-w-\[5rem\] {
    min-width: 5rem;
  }
  .min-w-\[7rem\] {
    min-width: 7rem;
  }
  .min-w-\[8rem\] {
    min-width: 8rem;
  }
  .min-w-\[9rem\] {
    min-width: 9rem;
  }
  .min-w-\[10rem\] {
    min-width: 10rem;
  }
  .min-w-\[12\.5rem\] {
    min-width: 12.5rem;
  }
  .min-w-\[12px\] {
    min-width: 12px;
  }
  .min-w-\[12rem\] {
    min-width: 12rem;
  }
  .min-w-\[15rem\] {
    min-width: 15rem;
  }
  .min-w-\[18px\] {
    min-width: 18px;
  }
  .min-w-\[24px\] {
    min-width: 24px;
  }
  .min-w-\[60px\] {
    min-width: 60px;
  }
  .min-w-\[80px\] {
    min-width: 80px;
  }
  .min-w-\[80vw\] {
    min-width: 80vw;
  }
  .min-w-\[82px\] {
    min-width: 82px;
  }
  .min-w-\[88px\] {
    min-width: 88px;
  }
  .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-\[200px\] {
    min-width: 200px;
  }
  .min-w-\[220px\] {
    min-width: 220px;
  }
  .min-w-\[240px\] {
    min-width: 240px;
  }
  .min-w-\[250px\] {
    min-width: 250px;
  }
  .min-w-\[300px\] {
    min-width: 300px;
  }
  .min-w-\[520px\] {
    min-width: 520px;
  }
  .min-w-\[560px\] {
    min-width: 560px;
  }
  .min-w-\[640px\] {
    min-width: 640px;
  }
  .min-w-\[720px\] {
    min-width: 720px;
  }
  .min-w-\[760px\] {
    min-width: 760px;
  }
  .min-w-\[800px\] {
    min-width: 800px;
  }
  .min-w-\[820px\] {
    min-width: 820px;
  }
  .min-w-\[860px\] {
    min-width: 860px;
  }
  .min-w-\[var\(--radix-select-trigger-width\)\] {
    min-width: var(--radix-select-trigger-width);
  }
  .min-w-full {
    min-width: 100%;
  }
  .min-w-max {
    min-width: max-content;
  }
  .flex-0 {
    flex: 0;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-\[0_0_16\.666\%\] {
    flex: 0 0 16.666%;
  }
  .flex-\[0_0_50\%\] {
    flex: 0 0 50%;
  }
  .flex-\[0_0_100\%\] {
    flex: 0 0 100%;
  }
  .flex-\[0_0_auto\] {
    flex: 0 0 auto;
  }
  .flex-\[0_1_auto\] {
    flex: 0 1 auto;
  }
  .flex-\[1\.35\] {
    flex: 1.35;
  }
  .flex-\[1_1_auto\] {
    flex: 1 1 auto;
  }
  .flex-\[auto\] {
    flex: auto;
  }
  .flex-auto {
    flex: auto;
  }
  .flex-initial {
    flex: 0 auto;
  }
  .flex-none {
    flex: none;
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .flex-shrink-1 {
    flex-shrink: 1;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .shrink-1 {
    flex-shrink: 1;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .flex-grow-0 {
    flex-grow: 0;
  }
  .flex-grow-1 {
    flex-grow: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .grow-0 {
    flex-grow: 0;
  }
  .basis-0 {
    flex-basis: calc(var(--spacing) * 0);
  }
  .basis-1 {
    flex-basis: calc(var(--spacing) * 1);
  }
  .basis-1\/2 {
    flex-basis: calc(1 / 2 * 100%);
  }
  .basis-1\/3 {
    flex-basis: calc(1 / 3 * 100%);
  }
  .basis-2 {
    flex-basis: calc(var(--spacing) * 2);
  }
  .basis-2\/3 {
    flex-basis: calc(2 / 3 * 100%);
  }
  .basis-2\/4 {
    flex-basis: calc(2 / 4 * 100%);
  }
  .basis-4 {
    flex-basis: calc(var(--spacing) * 4);
  }
  .basis-4\/12 {
    flex-basis: calc(4 / 12 * 100%);
  }
  .basis-6 {
    flex-basis: calc(var(--spacing) * 6);
  }
  .basis-6\/12 {
    flex-basis: calc(6 / 12 * 100%);
  }
  .basis-8 {
    flex-basis: calc(var(--spacing) * 8);
  }
  .basis-8\/12 {
    flex-basis: calc(8 / 12 * 100%);
  }
  .basis-\[33\.33\%\] {
    flex-basis: 33.33%;
  }
  .basis-full {
    flex-basis: 100%;
  }
  .table-fixed {
    table-layout: fixed;
  }
  .caption-bottom {
    caption-side: bottom;
  }
  .caption-top {
    caption-side: top;
  }
  .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);
  }
  .origin-\(--radix-context-menu-content-transform-origin\) {
    transform-origin: var(--radix-context-menu-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-\[--radix-context-menu-content-transform-origin\] {
    transform-origin: --radix-context-menu-content-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-popover-content-transform-origin\] {
    transform-origin: --radix-popover-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_0\] {
    transform-origin: 0 0;
  }
  .origin-bottom {
    transform-origin: bottom;
  }
  .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-2 {
    --tw-translate-x: calc(var(--spacing) * 2);
    --tw-translate-y: calc(var(--spacing) * 2);
    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\/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-4 {
    --tw-translate-x: calc(var(--spacing) * -4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-5 {
    --tw-translate-x: calc(var(--spacing) * -5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-6 {
    --tw-translate-x: calc(var(--spacing) * -6);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-8 {
    --tw-translate-x: calc(var(--spacing) * -8);
    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-\[30px\] {
    --tw-translate-x: calc(30px * -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-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\/2 {
    --tw-translate-x: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-1\/3 {
    --tw-translate-x: calc(1 / 3 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-1\/4 {
    --tw-translate-x: calc(1 / 4 * 100%);
    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\.5 {
    --tw-translate-x: calc(var(--spacing) * 2.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-2\/4 {
    --tw-translate-x: calc(2 / 4 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-3 {
    --tw-translate-x: calc(var(--spacing) * 3);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-4 {
    --tw-translate-x: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-5 {
    --tw-translate-x: calc(var(--spacing) * 5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-6 {
    --tw-translate-x: calc(var(--spacing) * 6);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-8 {
    --tw-translate-x: calc(var(--spacing) * 8);
    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-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-1 {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-2 {
    --tw-translate-y: calc(var(--spacing) * -2);
    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-8 {
    --tw-translate-y: calc(var(--spacing) * -8);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-full {
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-1 {
    --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-2 {
    --tw-translate-y: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-2\/4 {
    --tw-translate-y: calc(2 / 4 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-3 {
    --tw-translate-y: calc(var(--spacing) * 3);
    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-10 {
    --tw-translate-y: calc(var(--spacing) * 10);
    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-\[-50\%\] {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[-80\%\] {
    --tw-translate-y: -80%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[30px\] {
    --tw-translate-y: 30px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[43px\] {
    --tw-translate-y: 43px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[45px\] {
    --tw-translate-y: 45px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[50px\] {
    --tw-translate-y: 50px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[58px\] {
    --tw-translate-y: 58px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[60px\] {
    --tw-translate-y: 60px;
    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-full {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-z-0 {
    --tw-translate-z: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z);
  }
  .scale-0 {
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-1 {
    --tw-scale-x: 1%;
    --tw-scale-y: 1%;
    --tw-scale-z: 1%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-10 {
    --tw-scale-x: 10%;
    --tw-scale-y: 10%;
    --tw-scale-z: 10%;
    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-115 {
    --tw-scale-x: 115%;
    --tw-scale-y: 115%;
    --tw-scale-z: 115%;
    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-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-y-100 {
    --tw-scale-y: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-y-100 {
    --tw-scale-y: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-y-\[0\.8\] {
    --tw-scale-y: 0.8;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-3d {
    scale: var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z);
  }
  .scale-\[\.6\] {
    scale: .6;
  }
  .scale-\[0\.4\] {
    scale: 0.4;
  }
  .scale-\[0\.6\] {
    scale: 0.6;
  }
  .scale-\[0\.8\] {
    scale: 0.8;
  }
  .scale-\[0\.32\] {
    scale: 0.32;
  }
  .scale-\[0\.98\] {
    scale: 0.98;
  }
  .scale-\[0\.99\] {
    scale: 0.99;
  }
  .scale-\[1\.1\] {
    scale: 1.1;
  }
  .scale-\[1\.02\] {
    scale: 1.02;
  }
  .-rotate-1 {
    rotate: calc(1deg * -1);
  }
  .-rotate-2 {
    rotate: calc(2deg * -1);
  }
  .-rotate-3 {
    rotate: calc(3deg * -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-1 {
    rotate: 1deg;
  }
  .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-270 {
    rotate: 270deg;
  }
  .rotate-360 {
    rotate: 360deg;
  }
  .rotate-\[-90deg\] {
    rotate: -90deg;
  }
  .rotate-\[30deg\] {
    rotate: 30deg;
  }
  .rotate-\[150deg\] {
    rotate: 150deg;
  }
  .-skew-x-3 {
    --tw-skew-x: skewX(calc(3deg * -1));
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .-skew-x-6 {
    --tw-skew-x: skewX(calc(6deg * -1));
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .skew-x-3 {
    --tw-skew-x: skewX(3deg);
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .skew-x-6 {
    --tw-skew-x: skewX(6deg);
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .skew-x-12 {
    --tw-skew-x: skewX(12deg);
    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 {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .transform\! {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,) !important;
  }
  .transform-none {
    transform: none;
  }
  .transform-none\! {
    transform: none !important;
  }
  .animate-\[fade-in-rev_1\.5s_infinite_linear\] {
    animation: fade-in-rev 1.5s infinite linear;
  }
  .animate-\[fade-in_1\.5s_infinite_linear\] {
    animation: fade-in 1.5s infinite linear;
  }
  .animate-\[fade-in_1s_infinite_linear\] {
    animation: fade-in 1s infinite linear;
  }
  .animate-\[fadeIn_0\.15s_ease-out\] {
    animation: fadeIn 0.15s ease-out;
  }
  .animate-\[jello_3s_infinite_linear\] {
    animation: jello 3s infinite linear;
  }
  .animate-\[jump10pRsv_3s_infinite_linear\] {
    animation: jump10pRsv 3s infinite linear;
  }
  .animate-\[jump10pRsv_5s_infinite_linear\] {
    animation: jump10pRsv 5s infinite linear;
  }
  .animate-\[jump10p_3s_infinite_linear\] {
    animation: jump10p 3s infinite linear;
  }
  .animate-\[jump10p_5s_infinite_linear\] {
    animation: jump10p 5s infinite linear;
  }
  .animate-\[jumpThree_3\.5s_infinite_linear\] {
    animation: jumpThree 3.5s infinite linear;
  }
  .animate-\[jumpThree_3s_infinite_linear\] {
    animation: jumpThree 3s infinite linear;
  }
  .animate-\[jumpThree_4\.5s_infinite_linear\] {
    animation: jumpThree 4.5s infinite linear;
  }
  .animate-\[jumpThree_4s_infinite_linear\] {
    animation: jumpThree 4s infinite linear;
  }
  .animate-\[jumpThree_5s_infinite_linear\] {
    animation: jumpThree 5s infinite linear;
  }
  .animate-\[jumpThree_6s_infinite_linear\] {
    animation: jumpThree 6s infinite linear;
  }
  .animate-\[jumpThree_8s_infinite_linear\] {
    animation: jumpThree 8s infinite linear;
  }
  .animate-\[jumpThree_10s_infinite_linear\] {
    animation: jumpThree 10s infinite linear;
  }
  .animate-\[jumpTwo_3\.5s_infinite_linear\] {
    animation: jumpTwo 3.5s infinite linear;
  }
  .animate-\[jumpTwo_3s_infinite_linear\] {
    animation: jumpTwo 3s infinite linear;
  }
  .animate-\[jumpTwo_4\.5s_infinite_linear\] {
    animation: jumpTwo 4.5s infinite linear;
  }
  .animate-\[jumpTwo_4s_infinite_linear\] {
    animation: jumpTwo 4s infinite linear;
  }
  .animate-\[jumpTwo_5s_infinite_linear\] {
    animation: jumpTwo 5s infinite linear;
  }
  .animate-\[jumpTwo_6s_infinite_linear\] {
    animation: jumpTwo 6s infinite linear;
  }
  .animate-\[jumpTwo_8s_infinite_linear\] {
    animation: jumpTwo 8s infinite linear;
  }
  .animate-\[jumpTwo_10s_infinite_linear\] {
    animation: jumpTwo 10s infinite linear;
  }
  .animate-\[ripple_3s_linear_infinite\] {
    animation: ripple 3s linear infinite;
  }
  .animate-\[rotatedTwo_12s_infinite_linear\] {
    animation: rotatedTwo 12s infinite linear;
  }
  .animate-\[rotatedTwo_14s_infinite_linear\] {
    animation: rotatedTwo 14s infinite linear;
  }
  .animate-\[rotatedTwo_15s_infinite_linear\] {
    animation: rotatedTwo 15s infinite linear;
  }
  .animate-\[rotatedTwo_17s_infinite_linear\] {
    animation: rotatedTwo 17s infinite linear;
  }
  .animate-\[rotatedTwo_25s_infinite_linear\] {
    animation: rotatedTwo 25s infinite linear;
  }
  .animate-\[rotatedTwo_35s_infinite_linear\] {
    animation: rotatedTwo 35s infinite linear;
  }
  .animate-\[rotatedTwo_50s_infinite_linear\] {
    animation: rotatedTwo 50s infinite linear;
  }
  .animate-\[rotated_3s_infinite_linear\] {
    animation: rotated 3s infinite linear;
  }
  .animate-\[rotated_10s_infinite_linear\] {
    animation: rotated 10s infinite linear;
  }
  .animate-\[rotated_12s_infinite_linear\] {
    animation: rotated 12s infinite linear;
  }
  .animate-\[rotated_14s_infinite_linear\] {
    animation: rotated 14s infinite linear;
  }
  .animate-\[rotated_15s_infinite_linear\] {
    animation: rotated 15s infinite linear;
  }
  .animate-\[rotated_17s_infinite_linear\] {
    animation: rotated 17s infinite linear;
  }
  .animate-\[rotated_18s_infinite_linear\] {
    animation: rotated 18s infinite linear;
  }
  .animate-\[rotated_20s_infinite_linear\] {
    animation: rotated 20s infinite linear;
  }
  .animate-\[rotated_35s_infinite_linear\] {
    animation: rotated 35s infinite linear;
  }
  .animate-\[rotated_50s_infinite_linear\] {
    animation: rotated 50s infinite linear;
  }
  .animate-\[rotated_60s_infinite_linear\] {
    animation: rotated 60s infinite linear;
  }
  .animate-\[scale-up-one_4s_infinite_linear\] {
    animation: scale-up-one 4s infinite linear;
  }
  .animate-\[scale-up-three_4s_infinite_linear\] {
    animation: scale-up-three 4s infinite linear;
  }
  .animate-\[shimmer_2s_infinite\] {
    animation: shimmer 2s infinite;
  }
  .animate-\[slideUp_0\.2s_ease-out\] {
    animation: slideUp 0.2s ease-out;
  }
  .animate-\[slideUp_0\.25s_ease-out\] {
    animation: slideUp 0.25s ease-out;
  }
  .animate-\[spinner_1\.5s_infinite_linear\] {
    animation: spinner 1.5s infinite linear;
  }
  .animate-\[typing_1s_ease-in-out_infinite\] {
    animation: typing 1s ease-in-out infinite;
  }
  .animate-\[typing_1s_ease-in-out_infinite_0\.2s\] {
    animation: typing 1s ease-in-out infinite 0.2s;
  }
  .animate-\[typing_1s_ease-in-out_infinite_0\.4s\] {
    animation: typing 1s ease-in-out infinite 0.4s;
  }
  .animate-bounce {
    animation: var(--animate-bounce);
  }
  .animate-bounce-side {
    animation: var(--animate-bounce-side);
  }
  .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-auto {
    cursor: auto;
  }
  .cursor-col-resize {
    cursor: col-resize;
  }
  .cursor-crosshair {
    cursor: crosshair;
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-grab {
    cursor: grab;
  }
  .cursor-grabbing {
    cursor: grabbing;
  }
  .cursor-move {
    cursor: move;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .cursor-text {
    cursor: text;
  }
  .cursor-wait {
    cursor: wait;
  }
  .touch-pinch-zoom {
    --tw-pinch-zoom: pinch-zoom;
    touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
  }
  .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-20 {
    scroll-margin: calc(var(--spacing) * 20);
  }
  .scroll-m-28 {
    scroll-margin: calc(var(--spacing) * 28);
  }
  .scroll-my-1 {
    scroll-margin-block: calc(var(--spacing) * 1);
  }
  .scroll-mt-20 {
    scroll-margin-top: calc(var(--spacing) * 20);
  }
  .scroll-mt-28 {
    scroll-margin-top: calc(var(--spacing) * 28);
  }
  .scroll-pt-16 {
    scroll-padding-top: calc(var(--spacing) * 16);
  }
  .list-inside {
    list-style-position: inside;
  }
  .list-outside {
    list-style-position: outside;
  }
  .list-decimal {
    list-style-type: decimal;
  }
  .list-disc {
    list-style-type: disc;
  }
  .list-none {
    list-style-type: none;
  }
  .appearance-none {
    appearance: none;
  }
  .columns-1 {
    columns: 1;
  }
  .columns-2 {
    columns: 2;
  }
  .columns-3 {
    columns: 3;
  }
  .columns-4 {
    columns: 4;
  }
  .break-inside-avoid {
    break-inside: avoid;
  }
  .auto-rows-\[200px\] {
    grid-auto-rows: 200px;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-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-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid-cols-\[36px_minmax\(220px\,2\.2fr\)_1\.6fr_0\.9fr_0\.7fr_0\.9fr_1fr_0\.9fr_72px\] {
    grid-template-columns: 36px minmax(220px,2.2fr) 1.6fr 0.9fr 0.7fr 0.9fr 1fr 0.9fr 72px;
  }
  .grid-cols-\[38px_1fr_42px\] {
    grid-template-columns: 38px 1fr 42px;
  }
  .grid-cols-\[140px_1fr\] {
    grid-template-columns: 140px 1fr;
  }
  .grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .grid-rows-\[0fr\] {
    grid-template-rows: 0fr;
  }
  .grid-rows-\[1fr\] {
    grid-template-rows: 1fr;
  }
  .grid-rows-\[1fr_auto\] {
    grid-template-rows: 1fr auto;
  }
  .\!flex-col {
    flex-direction: column !important;
  }
  .\!flex-row {
    flex-direction: row !important;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .\!flex-nowrap {
    flex-wrap: nowrap !important;
  }
  .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;
  }
  .\!items-center {
    align-items: center !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-between {
    justify-content: space-between !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-0 {
    gap: calc(var(--spacing) * 0);
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-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-11 {
    gap: calc(var(--spacing) * 11);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .gap-13 {
    gap: calc(var(--spacing) * 13);
  }
  .gap-14 {
    gap: calc(var(--spacing) * 14);
  }
  .gap-15 {
    gap: calc(var(--spacing) * 15);
  }
  .gap-16 {
    gap: calc(var(--spacing) * 16);
  }
  .gap-17 {
    gap: calc(var(--spacing) * 17);
  }
  .gap-18 {
    gap: calc(var(--spacing) * 18);
  }
  .gap-19 {
    gap: calc(var(--spacing) * 19);
  }
  .gap-20 {
    gap: calc(var(--spacing) * 20);
  }
  .gap-21 {
    gap: calc(var(--spacing) * 21);
  }
  .gap-22 {
    gap: calc(var(--spacing) * 22);
  }
  .gap-23 {
    gap: calc(var(--spacing) * 23);
  }
  .gap-24 {
    gap: calc(var(--spacing) * 24);
  }
  .gap-25 {
    gap: calc(var(--spacing) * 25);
  }
  .gap-\[1\.4vw\] {
    gap: 1.4vw;
  }
  .gap-\[1vh\] {
    gap: 1vh;
  }
  .gap-\[2\.3vh\] {
    gap: 2.3vh;
  }
  .gap-\[2px\] {
    gap: 2px;
  }
  .gap-\[10px\] {
    gap: 10px;
  }
  .gap-\[14px\] {
    gap: 14px;
  }
  .gap-px {
    gap: 1px;
  }
  .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-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-6 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-8 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-10 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-12 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-16 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-20 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-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)));
    }
  }
  .space-y-reverse {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 1;
    }
  }
  .gap-x-0 {
    column-gap: calc(var(--spacing) * 0);
  }
  .gap-x-0\.5 {
    column-gap: calc(var(--spacing) * 0.5);
  }
  .gap-x-1 {
    column-gap: calc(var(--spacing) * 1);
  }
  .gap-x-1\.5 {
    column-gap: calc(var(--spacing) * 1.5);
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
  .gap-x-2\.5 {
    column-gap: calc(var(--spacing) * 2.5);
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-x-3\.5 {
    column-gap: calc(var(--spacing) * 3.5);
  }
  .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-2 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .-space-x-2\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * -2.5) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * -2.5) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .-space-x-3 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * -3) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * -3) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .-space-x-4 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * -4) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * -4) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .-space-x-5 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * -5) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * -5) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-0 {
    :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)));
    }
  }
  .space-x-0\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-1 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-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-4 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-5 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-6 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-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-reverse {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 1;
    }
  }
  .gap-y-0 {
    row-gap: calc(var(--spacing) * 0);
  }
  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * 0.5);
  }
  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }
  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }
  .gap-y-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-10 {
    row-gap: calc(var(--spacing) * 10);
  }
  .gap-y-12 {
    row-gap: calc(var(--spacing) * 12);
  }
  .gap-y-16 {
    row-gap: calc(var(--spacing) * 16);
  }
  .gap-y-20 {
    row-gap: calc(var(--spacing) * 20);
  }
  .gap-y-24 {
    row-gap: calc(var(--spacing) * 24);
  }
  .gap-y-px {
    row-gap: 1px;
  }
  .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-x-2 {
    :where(& > :not(:last-child)) {
      --tw-divide-x-reverse: 0;
      border-inline-style: var(--tw-border-style);
      border-inline-start-width: calc(2px * var(--tw-divide-x-reverse));
      border-inline-end-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
    }
  }
  .divide-y {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
  }
  .divide-y-2 {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(2px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
    }
  }
  .divide-y-reverse {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 1;
    }
  }
  .divide-dashed {
    :where(& > :not(:last-child)) {
      --tw-border-style: dashed;
      border-style: dashed;
    }
  }
  .divide-amber-500 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-amber-500);
    }
  }
  .divide-amber-500\/30 {
    :where(& > :not(:last-child)) {
      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);
      }
    }
  }
  .divide-black {
    :where(& > :not(:last-child)) {
      border-color: var(--color-black);
    }
  }
  .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-blue-500 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-blue-500);
    }
  }
  .divide-blue-500\/30 {
    :where(& > :not(:last-child)) {
      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);
      }
    }
  }
  .divide-border {
    :where(& > :not(:last-child)) {
      border-color: hsl(var(--border-hsl));
    }
  }
  .divide-border\/60 {
    :where(& > :not(:last-child)) {
      border-color: hsl(var(--border-hsl));
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, hsl(var(--border-hsl)) 60%, transparent);
      }
    }
  }
  .divide-emerald-500 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-emerald-500);
    }
  }
  .divide-emerald-500\/30 {
    :where(& > :not(:last-child)) {
      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);
      }
    }
  }
  .divide-foreground {
    :where(& > :not(:last-child)) {
      border-color: hsl(var(--foreground));
    }
  }
  .divide-foreground\/10 {
    :where(& > :not(:last-child)) {
      border-color: hsl(var(--foreground));
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, hsl(var(--foreground)) 10%, transparent);
      }
    }
  }
  .divide-gray-50 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-gray-50);
    }
  }
  .divide-gray-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-gray-100);
    }
  }
  .divide-gray-200 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-gray-200);
    }
  }
  .divide-gray-200\/70 {
    :where(& > :not(:last-child)) {
      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);
      }
    }
  }
  .divide-gray-300 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-gray-300);
    }
  }
  .divide-neutral-200 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-neutral-200);
    }
  }
  .divide-neutral-300 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-neutral-300);
    }
  }
  .divide-pink-500 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-pink-500);
    }
  }
  .divide-pink-500\/30 {
    :where(& > :not(:last-child)) {
      border-color: color-mix(in srgb, oklch(65.6% 0.241 354.308) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-pink-500) 30%, transparent);
      }
    }
  }
  .divide-purple-500 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-purple-500);
    }
  }
  .divide-purple-500\/30 {
    :where(& > :not(:last-child)) {
      border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent);
      }
    }
  }
  .divide-purple-500\/50 {
    :where(& > :not(:last-child)) {
      border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-purple-500) 50%, transparent);
      }
    }
  }
  .divide-rose-500 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-rose-500);
    }
  }
  .divide-rose-500\/30 {
    :where(& > :not(:last-child)) {
      border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-rose-500) 30%, transparent);
      }
    }
  }
  .divide-sky-500 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-sky-500);
    }
  }
  .divide-sky-500\/30 {
    :where(& > :not(:last-child)) {
      border-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-sky-500) 30%, transparent);
      }
    }
  }
  .divide-slate-50 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-slate-50);
    }
  }
  .divide-slate-50\/50 {
    :where(& > :not(:last-child)) {
      border-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-slate-50) 50%, transparent);
      }
    }
  }
  .divide-slate-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-slate-100);
    }
  }
  .divide-slate-200 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-slate-200);
    }
  }
  .divide-stone-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-stone-100);
    }
  }
  .divide-violet-500 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-violet-500);
    }
  }
  .divide-violet-500\/50 {
    :where(& > :not(:last-child)) {
      border-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-violet-500) 50%, transparent);
      }
    }
  }
  .divide-white {
    :where(& > :not(:last-child)) {
      border-color: var(--color-white);
    }
  }
  .divide-white\/20 {
    :where(& > :not(:last-child)) {
      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);
      }
    }
  }
  .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-hidden {
    overflow: hidden;
  }
  .overflow-scroll {
    overflow: scroll;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-clip {
    overflow-x: clip;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-x-scroll {
    overflow-x: scroll;
  }
  .overflow-x-visible {
    overflow-x: visible;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-y-hidden {
    overflow-y: hidden;
  }
  .overflow-y-scroll {
    overflow-y: scroll;
  }
  .overflow-y-visible {
    overflow-y: visible;
  }
  .overscroll-auto {
    overscroll-behavior: auto;
  }
  .overscroll-contain {
    overscroll-behavior: contain;
  }
  .\!scroll-smooth {
    scroll-behavior: smooth !important;
  }
  .scroll-smooth {
    scroll-behavior: smooth;
  }
  .\!rounded-\[\.4rem\] {
    border-radius: .4rem !important;
  }
  .\!rounded-\[0\.4rem\] {
    border-radius: 0.4rem !important;
  }
  .\!rounded-\[0\.8rem\] {
    border-radius: 0.8rem !important;
  }
  .\!rounded-\[50rem\] {
    border-radius: 50rem !important;
  }
  .\!rounded-none {
    border-radius: 0 !important;
  }
  .\!rounded-xs {
    border-radius: var(--radius-xs) !important;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  .rounded-4xl {
    border-radius: var(--radius-4xl);
  }
  .rounded-\[\.25rem\] {
    border-radius: .25rem;
  }
  .rounded-\[0\.4rem\] {
    border-radius: 0.4rem;
  }
  .rounded-\[0\.71rem\] {
    border-radius: 0.71rem;
  }
  .rounded-\[0\.625rem\] {
    border-radius: 0.625rem;
  }
  .rounded-\[0_0_10px_10px\] {
    border-radius: 0 0 10px 10px;
  }
  .rounded-\[0_0px_10px_10px\] {
    border-radius: 0 0px 10px 10px;
  }
  .rounded-\[0_3px_3px_0\] {
    border-radius: 0 3px 3px 0;
  }
  .rounded-\[0_5px_5px_0\] {
    border-radius: 0 5px 5px 0;
  }
  .rounded-\[0_8px_8px_0\] {
    border-radius: 0 8px 8px 0;
  }
  .rounded-\[0_10px_10px_0\] {
    border-radius: 0 10px 10px 0;
  }
  .rounded-\[0_15px_15px_0\] {
    border-radius: 0 15px 15px 0;
  }
  .rounded-\[0_30px_30px_0\] {
    border-radius: 0 30px 30px 0;
  }
  .rounded-\[0px_0px_10px_10px\] {
    border-radius: 0px 0px 10px 10px;
  }
  .rounded-\[1\.4rem\] {
    border-radius: 1.4rem;
  }
  .rounded-\[1\.5rem\] {
    border-radius: 1.5rem;
  }
  .rounded-\[1\.8rem\] {
    border-radius: 1.8rem;
  }
  .rounded-\[1\.14rem\] {
    border-radius: 1.14rem;
  }
  .rounded-\[1\.25rem\] {
    border-radius: 1.25rem;
  }
  .rounded-\[1\.35rem\] {
    border-radius: 1.35rem;
  }
  .rounded-\[1\.75rem\] {
    border-radius: 1.75rem;
  }
  .rounded-\[2\.2rem\] {
    border-radius: 2.2rem;
  }
  .rounded-\[2\.5rem\] {
    border-radius: 2.5rem;
  }
  .rounded-\[2\.7rem\] {
    border-radius: 2.7rem;
  }
  .rounded-\[2px\] {
    border-radius: 2px;
  }
  .rounded-\[2rem\] {
    border-radius: 2rem;
  }
  .rounded-\[3px\] {
    border-radius: 3px;
  }
  .rounded-\[3rem\] {
    border-radius: 3rem;
  }
  .rounded-\[5px\] {
    border-radius: 5px;
  }
  .rounded-\[5px_0_0_5px\] {
    border-radius: 5px 0 0 5px;
  }
  .rounded-\[5px_5px_0_0\] {
    border-radius: 5px 5px 0 0;
  }
  .rounded-\[6px\] {
    border-radius: 6px;
  }
  .rounded-\[7px\] {
    border-radius: 7px;
  }
  .rounded-\[9px\] {
    border-radius: 9px;
  }
  .rounded-\[10px\] {
    border-radius: 10px;
  }
  .rounded-\[10px_0_0_10px\] {
    border-radius: 10px 0 0 10px;
  }
  .rounded-\[10px_10px_0_0\] {
    border-radius: 10px 10px 0 0;
  }
  .rounded-\[14px\] {
    border-radius: 14px;
  }
  .rounded-\[15px\] {
    border-radius: 15px;
  }
  .rounded-\[15px_0_0_15px\] {
    border-radius: 15px 0 0 15px;
  }
  .rounded-\[16px\] {
    border-radius: 16px;
  }
  .rounded-\[17px\] {
    border-radius: 17px;
  }
  .rounded-\[18px\] {
    border-radius: 18px;
  }
  .rounded-\[20px\] {
    border-radius: 20px;
  }
  .rounded-\[22px\] {
    border-radius: 22px;
  }
  .rounded-\[23px\] {
    border-radius: 23px;
  }
  .rounded-\[24px\] {
    border-radius: 24px;
  }
  .rounded-\[25px\] {
    border-radius: 25px;
  }
  .rounded-\[26px\] {
    border-radius: 26px;
  }
  .rounded-\[28px\] {
    border-radius: 28px;
  }
  .rounded-\[30px\] {
    border-radius: 30px;
  }
  .rounded-\[31px\] {
    border-radius: 31px;
  }
  .rounded-\[32px\] {
    border-radius: 32px;
  }
  .rounded-\[36px\] {
    border-radius: 36px;
  }
  .rounded-\[39px\] {
    border-radius: 39px;
  }
  .rounded-\[40px\] {
    border-radius: 40px;
  }
  .rounded-\[40px_40px_0_0\] {
    border-radius: 40px 40px 0 0;
  }
  .rounded-\[45px_45px_0_0\] {
    border-radius: 45px 45px 0 0;
  }
  .rounded-\[50\%\] {
    border-radius: 50%;
  }
  .rounded-\[50px\] {
    border-radius: 50px;
  }
  .rounded-\[54px\] {
    border-radius: 54px;
  }
  .rounded-\[100\%\] {
    border-radius: 100%;
  }
  .rounded-\[calc\(var\(--radius\)-5px\)\] {
    border-radius: calc(var(--radius) - 5px);
  }
  .rounded-\[inherit\] {
    border-radius: inherit;
  }
  .rounded-\[var\(--card-panel-radius\,1rem\)\] {
    border-radius: var(--card-panel-radius,1rem);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: calc(var(--radius) + 8px);
  }
  .rounded-md {
    border-radius: var(--radius);
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-sm {
    border-radius: calc(var(--radius) - 4px);
  }
  .rounded-xl {
    border-radius: calc(var(--radius) + 16px);
  }
  .rounded-xs {
    border-radius: var(--radius-xs);
  }
  .rounded-s {
    border-start-start-radius: 0.25rem;
    border-end-start-radius: 0.25rem;
  }
  .rounded-s-full {
    border-start-start-radius: calc(infinity * 1px);
    border-end-start-radius: calc(infinity * 1px);
  }
  .rounded-s-lg {
    border-start-start-radius: calc(var(--radius) + 8px);
    border-end-start-radius: calc(var(--radius) + 8px);
  }
  .rounded-ss {
    border-start-start-radius: 0.25rem;
  }
  .rounded-e {
    border-start-end-radius: 0.25rem;
    border-end-end-radius: 0.25rem;
  }
  .rounded-e-full {
    border-start-end-radius: calc(infinity * 1px);
    border-end-end-radius: calc(infinity * 1px);
  }
  .rounded-e-lg {
    border-start-end-radius: calc(var(--radius) + 8px);
    border-end-end-radius: calc(var(--radius) + 8px);
  }
  .rounded-se {
    border-start-end-radius: 0.25rem;
  }
  .rounded-ee {
    border-end-end-radius: 0.25rem;
  }
  .rounded-ee-xl {
    border-end-end-radius: calc(var(--radius) + 16px);
  }
  .rounded-es {
    border-end-start-radius: 0.25rem;
  }
  .rounded-es-xl {
    border-end-start-radius: calc(var(--radius) + 16px);
  }
  .rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .rounded-t-2xl {
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl);
  }
  .rounded-t-3xl {
    border-top-left-radius: var(--radius-3xl);
    border-top-right-radius: var(--radius-3xl);
  }
  .rounded-t-4xl {
    border-top-left-radius: var(--radius-4xl);
    border-top-right-radius: var(--radius-4xl);
  }
  .rounded-t-\[0\.4rem\] {
    border-top-left-radius: 0.4rem;
    border-top-right-radius: 0.4rem;
  }
  .rounded-t-\[10px\] {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .rounded-t-full {
    border-top-left-radius: calc(infinity * 1px);
    border-top-right-radius: calc(infinity * 1px);
  }
  .rounded-t-lg {
    border-top-left-radius: calc(var(--radius) + 8px);
    border-top-right-radius: calc(var(--radius) + 8px);
  }
  .rounded-t-md {
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
  }
  .rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .rounded-t-sm {
    border-top-left-radius: calc(var(--radius) - 4px);
    border-top-right-radius: calc(var(--radius) - 4px);
  }
  .rounded-t-xl {
    border-top-left-radius: calc(var(--radius) + 16px);
    border-top-right-radius: calc(var(--radius) + 16px);
  }
  .rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .rounded-l-2xl {
    border-top-left-radius: var(--radius-2xl);
    border-bottom-left-radius: var(--radius-2xl);
  }
  .rounded-l-3xl {
    border-top-left-radius: var(--radius-3xl);
    border-bottom-left-radius: var(--radius-3xl);
  }
  .rounded-l-\[2rem\] {
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
  }
  .rounded-l-full {
    border-top-left-radius: calc(infinity * 1px);
    border-bottom-left-radius: calc(infinity * 1px);
  }
  .rounded-l-lg {
    border-top-left-radius: calc(var(--radius) + 8px);
    border-bottom-left-radius: calc(var(--radius) + 8px);
  }
  .rounded-l-md {
    border-top-left-radius: var(--radius);
    border-bottom-left-radius: var(--radius);
  }
  .rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .rounded-l-sm {
    border-top-left-radius: calc(var(--radius) - 4px);
    border-bottom-left-radius: calc(var(--radius) - 4px);
  }
  .rounded-l-xl {
    border-top-left-radius: calc(var(--radius) + 16px);
    border-bottom-left-radius: calc(var(--radius) + 16px);
  }
  .rounded-tl {
    border-top-left-radius: 0.25rem;
  }
  .rounded-tl-lg {
    border-top-left-radius: calc(var(--radius) + 8px);
  }
  .rounded-tl-md {
    border-top-left-radius: var(--radius);
  }
  .rounded-tl-none {
    border-top-left-radius: 0;
  }
  .rounded-tl-sm {
    border-top-left-radius: calc(var(--radius) - 4px);
  }
  .rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
  .rounded-r-2xl {
    border-top-right-radius: var(--radius-2xl);
    border-bottom-right-radius: var(--radius-2xl);
  }
  .rounded-r-3xl {
    border-top-right-radius: var(--radius-3xl);
    border-bottom-right-radius: var(--radius-3xl);
  }
  .rounded-r-lg {
    border-top-right-radius: calc(var(--radius) + 8px);
    border-bottom-right-radius: calc(var(--radius) + 8px);
  }
  .rounded-r-md {
    border-top-right-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
  }
  .rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .rounded-r-sm {
    border-top-right-radius: calc(var(--radius) - 4px);
    border-bottom-right-radius: calc(var(--radius) - 4px);
  }
  .rounded-r-xl {
    border-top-right-radius: calc(var(--radius) + 16px);
    border-bottom-right-radius: calc(var(--radius) + 16px);
  }
  .rounded-tr {
    border-top-right-radius: 0.25rem;
  }
  .rounded-tr-lg {
    border-top-right-radius: calc(var(--radius) + 8px);
  }
  .rounded-tr-md {
    border-top-right-radius: var(--radius);
  }
  .rounded-tr-none {
    border-top-right-radius: 0;
  }
  .rounded-tr-sm {
    border-top-right-radius: calc(var(--radius) - 4px);
  }
  .rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .rounded-b-2xl {
    border-bottom-right-radius: var(--radius-2xl);
    border-bottom-left-radius: var(--radius-2xl);
  }
  .rounded-b-3xl {
    border-bottom-right-radius: var(--radius-3xl);
    border-bottom-left-radius: var(--radius-3xl);
  }
  .rounded-b-lg {
    border-bottom-right-radius: calc(var(--radius) + 8px);
    border-bottom-left-radius: calc(var(--radius) + 8px);
  }
  .rounded-b-md {
    border-bottom-right-radius: var(--radius);
    border-bottom-left-radius: var(--radius);
  }
  .rounded-b-xl {
    border-bottom-right-radius: calc(var(--radius) + 16px);
    border-bottom-left-radius: calc(var(--radius) + 16px);
  }
  .rounded-br {
    border-bottom-right-radius: 0.25rem;
  }
  .rounded-br-lg {
    border-bottom-right-radius: calc(var(--radius) + 8px);
  }
  .rounded-br-md {
    border-bottom-right-radius: var(--radius);
  }
  .rounded-br-none {
    border-bottom-right-radius: 0;
  }
  .rounded-bl {
    border-bottom-left-radius: 0.25rem;
  }
  .rounded-bl-\[12vw\] {
    border-bottom-left-radius: 12vw;
  }
  .rounded-bl-\[100px\] {
    border-bottom-left-radius: 100px;
  }
  .rounded-bl-full {
    border-bottom-left-radius: calc(infinity * 1px);
  }
  .rounded-bl-lg {
    border-bottom-left-radius: calc(var(--radius) + 8px);
  }
  .rounded-bl-md {
    border-bottom-left-radius: var(--radius);
  }
  .rounded-bl-none {
    border-bottom-left-radius: 0;
  }
  .rounded-bl-xl {
    border-bottom-left-radius: calc(var(--radius) + 16px);
  }
  .\!border-0 {
    border-style: var(--tw-border-style) !important;
    border-width: 0px !important;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border\! {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .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-5 {
    border-style: var(--tw-border-style);
    border-width: 5px;
  }
  .border-100 {
    border-style: var(--tw-border-style);
    border-width: 100px;
  }
  .border-200 {
    border-style: var(--tw-border-style);
    border-width: 200px;
  }
  .border-300 {
    border-style: var(--tw-border-style);
    border-width: 300px;
  }
  .border-400 {
    border-style: var(--tw-border-style);
    border-width: 400px;
  }
  .border-500 {
    border-style: var(--tw-border-style);
    border-width: 500px;
  }
  .border-600 {
    border-style: var(--tw-border-style);
    border-width: 600px;
  }
  .border-700 {
    border-style: var(--tw-border-style);
    border-width: 700px;
  }
  .border-800 {
    border-style: var(--tw-border-style);
    border-width: 800px;
  }
  .border-900 {
    border-style: var(--tw-border-style);
    border-width: 900px;
  }
  .border-1000 {
    border-style: var(--tw-border-style);
    border-width: 1000px;
  }
  .border-1100 {
    border-style: var(--tw-border-style);
    border-width: 1100px;
  }
  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }
  .border-\[1px\] {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-\[2px\] {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-\[3px\] {
    border-style: var(--tw-border-style);
    border-width: 3px;
  }
  .border-\[5px\] {
    border-style: var(--tw-border-style);
    border-width: 5px;
  }
  .border-\[6px\] {
    border-style: var(--tw-border-style);
    border-width: 6px;
  }
  .border-x {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }
  .border-x-0 {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 0px;
  }
  .border-x-\[0\.25rem\] {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 0.25rem;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .border-y-0 {
    border-block-style: var(--tw-border-style);
    border-block-width: 0px;
  }
  .border-y-2 {
    border-block-style: var(--tw-border-style);
    border-block-width: 2px;
  }
  .border-y-\[0\.25rem\] {
    border-block-style: var(--tw-border-style);
    border-block-width: 0.25rem;
  }
  .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-5 {
    border-top-style: var(--tw-border-style);
    border-top-width: 5px;
  }
  .border-t-\[0\.25rem\] {
    border-top-style: var(--tw-border-style);
    border-top-width: 0.25rem;
  }
  .border-t-\[1px\] {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-\[2px\] {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }
  .border-t-\[5px\] {
    border-top-style: var(--tw-border-style);
    border-top-width: 5px;
  }
  .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-4 {
    border-right-style: var(--tw-border-style);
    border-right-width: 4px;
  }
  .border-r-\[0\.25rem\] {
    border-right-style: var(--tw-border-style);
    border-right-width: 0.25rem;
  }
  .border-r-\[1px\] {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .\!border-b-\[0\] {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 0 !important;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-b-4 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 4px;
  }
  .border-b-5 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 5px;
  }
  .border-b-\[0\.25rem\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0.25rem;
  }
  .border-b-\[1px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-\[3px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 3px;
  }
  .border-b-\[5px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 5px;
  }
  .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-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-8 {
    border-left-style: var(--tw-border-style);
    border-left-width: 8px;
  }
  .border-l-\[0\.15rem\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 0.15rem;
  }
  .border-l-\[0\.25rem\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 0.25rem;
  }
  .border-l-\[1px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-l-\[5px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 5px;
  }
  .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-double {
    --tw-border-style: double;
    border-style: double;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .\!border-\[\#c5d7f6\] {
    border-color: #c5d7f6 !important;
  }
  .\!border-\[rgba\(255\,255\,255\,0\.1\)\] {
    border-color: rgba(255,255,255,0.1) !important;
  }
  .\!border-gray-200 {
    border-color: var(--color-gray-200) !important;
  }
  .\[border-color\:var\(--badge-outline\)\] {
    border-color: var(--badge-outline);
  }
  .\[border-color\:var\(--button-outline\)\] {
    border-color: var(--button-outline);
  }
  .border-\(--color-border\) {
    border-color: var(--color-border);
  }
  .border-\[\#\#2f80ed\] {
    border-color: ##2f80ed;
  }
  .border-\[\#\#45c4a0\] {
    border-color: ##45c4a0;
  }
  .border-\[\#\#a07cc5\] {
    border-color: ##a07cc5;
  }
  .border-\[\#\#e668b3\] {
    border-color: ##e668b3;
  }
  .border-\[\#1A1A1A\] {
    border-color: #1A1A1A;
  }
  .border-\[\#1B84FF\] {
    border-color: #1B84FF;
  }
  .border-\[\#1BC5BD\] {
    border-color: #1BC5BD;
  }
  .border-\[\#1BC5BD\]\/20 {
    border-color: color-mix(in oklab, #1BC5BD 20%, transparent);
  }
  .border-\[\#1BC5BD\]\/40 {
    border-color: color-mix(in oklab, #1BC5BD 40%, transparent);
  }
  .border-\[\#02E7E8\] {
    border-color: #02E7E8;
  }
  .border-\[\#2FA39A\] {
    border-color: #2FA39A;
  }
  .border-\[\#2FA39A\]\/10 {
    border-color: color-mix(in oklab, #2FA39A 10%, transparent);
  }
  .border-\[\#2FA39A\]\/20 {
    border-color: color-mix(in oklab, #2FA39A 20%, transparent);
  }
  .border-\[\#2b2620\]\/15 {
    border-color: color-mix(in oklab, #2b2620 15%, transparent);
  }
  .border-\[\#2f80ed\] {
    border-color: #2f80ed;
  }
  .border-\[\#3a3a3a\] {
    border-color: #3a3a3a;
  }
  .border-\[\#3b82f6\] {
    border-color: #3b82f6;
  }
  .border-\[\#3f78e0\] {
    border-color: #3f78e0;
  }
  .border-\[\#4E342E\] {
    border-color: #4E342E;
  }
  .border-\[\#4E342E\]\/10 {
    border-color: color-mix(in oklab, #4E342E 10%, transparent);
  }
  .border-\[\#5c6b4a\] {
    border-color: #5c6b4a;
  }
  .border-\[\#6D4C41\] {
    border-color: #6D4C41;
  }
  .border-\[\#7E33E1\] {
    border-color: #7E33E1;
  }
  .border-\[\#7E33E1\]\/20 {
    border-color: color-mix(in oklab, #7E33E1 20%, transparent);
  }
  .border-\[\#8a7d6e\] {
    border-color: #8a7d6e;
  }
  .border-\[\#22C55E\] {
    border-color: #22C55E;
  }
  .border-\[\#211a15\]\/10 {
    border-color: color-mix(in oklab, #211a15 10%, transparent);
  }
  .border-\[\#211a15\]\/15 {
    border-color: color-mix(in oklab, #211a15 15%, transparent);
  }
  .border-\[\#343f52\] {
    border-color: #343f52;
  }
  .border-\[\#605dba\] {
    border-color: #605dba;
  }
  .border-\[\#936DFF\] {
    border-color: #936DFF;
  }
  .border-\[\#5850EC\] {
    border-color: #5850EC;
  }
  .border-\[\#6366F1\] {
    border-color: #6366F1;
  }
  .border-\[\#6366f1\] {
    border-color: #6366f1;
  }
  .border-\[\#26221d\] {
    border-color: #26221d;
  }
  .border-\[\#040404\] {
    border-color: #040404;
  }
  .border-\[\#111111\] {
    border-color: #111111;
  }
  .border-\[\#151515\] {
    border-color: #151515;
  }
  .border-\[\#161616\] {
    border-color: #161616;
  }
  .border-\[\#979797\] {
    border-color: #979797;
  }
  .border-\[\#C7D2FE\] {
    border-color: #C7D2FE;
  }
  .border-\[\#CFCFCF\] {
    border-color: #CFCFCF;
  }
  .border-\[\#D4AF37\] {
    border-color: #D4AF37;
  }
  .border-\[\#D4AF37\]\/20 {
    border-color: color-mix(in oklab, #D4AF37 20%, transparent);
  }
  .border-\[\#D6D6D6\] {
    border-color: #D6D6D6;
  }
  .border-\[\#DBDBDB\] {
    border-color: #DBDBDB;
  }
  .border-\[\#DCE4E8\] {
    border-color: #DCE4E8;
  }
  .border-\[\#DEDEDE\] {
    border-color: #DEDEDE;
  }
  .border-\[\#E0E0E0\] {
    border-color: #E0E0E0;
  }
  .border-\[\#E0E7FF\] {
    border-color: #E0E7FF;
  }
  .border-\[\#E2E2E2\] {
    border-color: #E2E2E2;
  }
  .border-\[\#E4E4E4\] {
    border-color: #E4E4E4;
  }
  .border-\[\#E5E5E5\] {
    border-color: #E5E5E5;
  }
  .border-\[\#E6E6E6\] {
    border-color: #E6E6E6;
  }
  .border-\[\#E7E7E7\] {
    border-color: #E7E7E7;
  }
  .border-\[\#E8E6E1\] {
    border-color: #E8E6E1;
  }
  .border-\[\#E8EDF0\] {
    border-color: #E8EDF0;
  }
  .border-\[\#E9E9E9\] {
    border-color: #E9E9E9;
  }
  .border-\[\#E8501F\] {
    border-color: #E8501F;
  }
  .border-\[\#ECECEC\] {
    border-color: #ECECEC;
  }
  .border-\[\#EEEEEE\] {
    border-color: #EEEEEE;
  }
  .border-\[\#EEF3F7\] {
    border-color: #EEF3F7;
  }
  .border-\[\#F0E6D9\] {
    border-color: #F0E6D9;
  }
  .border-\[\#F0EDE8\] {
    border-color: #F0EDE8;
  }
  .border-\[\#F1F1F1\] {
    border-color: #F1F1F1;
  }
  .border-\[\#FBF6EF\]\/50 {
    border-color: color-mix(in oklab, #FBF6EF 50%, transparent);
  }
  .border-\[\#FBF6EF\]\/60 {
    border-color: color-mix(in oklab, #FBF6EF 60%, transparent);
  }
  .border-\[\#FF006B\] {
    border-color: #FF006B;
  }
  .border-\[\#FF6080\] {
    border-color: #FF6080;
  }
  .border-\[\#FFBA12\] {
    border-color: #FFBA12;
  }
  .border-\[\#FFEAA0\] {
    border-color: #FFEAA0;
  }
  .border-\[\#c2af8f\] {
    border-color: #c2af8f;
  }
  .border-\[\#c5cedb\] {
    border-color: #c5cedb;
  }
  .border-\[\#c8d9c8\] {
    border-color: #c8d9c8;
  }
  .border-\[\#c77d45\]\/20 {
    border-color: color-mix(in oklab, #c77d45 20%, transparent);
  }
  .border-\[\#cdbba7\] {
    border-color: #cdbba7;
  }
  .border-\[\#d4c3a8\] {
    border-color: #d4c3a8;
  }
  .border-\[\#d4c3ae\] {
    border-color: #d4c3ae;
  }
  .border-\[\#d6c6b2\] {
    border-color: #d6c6b2;
  }
  .border-\[\#d7c6b4\] {
    border-color: #d7c6b4;
  }
  .border-\[\#d8c7b3\] {
    border-color: #d8c7b3;
  }
  .border-\[\#d8c8b7\] {
    border-color: #d8c8b7;
  }
  .border-\[\#dbdbdb\] {
    border-color: #dbdbdb;
  }
  .border-\[\#dccdbb\] {
    border-color: #dccdbb;
  }
  .border-\[\#ddd0bf\] {
    border-color: #ddd0bf;
  }
  .border-\[\#ded0bf\] {
    border-color: #ded0bf;
  }
  .border-\[\#ded1c0\] {
    border-color: #ded1c0;
  }
  .border-\[\#ded4c4\] {
    border-color: #ded4c4;
  }
  .border-\[\#ded4c4\]\/80 {
    border-color: color-mix(in oklab, #ded4c4 80%, transparent);
  }
  .border-\[\#dfd2c2\] {
    border-color: #dfd2c2;
  }
  .border-\[\#e0d2c0\] {
    border-color: #e0d2c0;
  }
  .border-\[\#e0e0e0\] {
    border-color: #e0e0e0;
  }
  .border-\[\#e1d5c6\] {
    border-color: #e1d5c6;
  }
  .border-\[\#e2d9c7\] {
    border-color: #e2d9c7;
  }
  .border-\[\#e4e7ec\] {
    border-color: #e4e7ec;
  }
  .border-\[\#e5d8c8\] {
    border-color: #e5d8c8;
  }
  .border-\[\#e8d0c8\] {
    border-color: #e8d0c8;
  }
  .border-\[\#e8dfce\] {
    border-color: #e8dfce;
  }
  .border-\[\#e2626b\] {
    border-color: #e2626b;
  }
  .border-\[\#ebe1d5\] {
    border-color: #ebe1d5;
  }
  .border-\[\#ededed\] {
    border-color: #ededed;
  }
  .border-\[\#fab758\] {
    border-color: #fab758;
  }
  .border-\[--color-border\] {
    border-color: --color-border;
  }
  .border-\[color\:var\(--purple-blue\)\] {
    border-color: var(--purple-blue);
  }
  .border-\[none\] {
    border-color: none;
  }
  .border-\[rgb\(101_92_151\/6\%\)\] {
    border-color: rgb(101 92 151/6%);
  }
  .border-\[rgba\(0\,0\,0\,0\.05\)\] {
    border-color: rgba(0,0,0,0.05);
  }
  .border-\[rgba\(0\,0\,0\,0\.07\)\] {
    border-color: rgba(0,0,0,0.07);
  }
  .border-\[rgba\(8\,60\,130\,0\.07\)\] {
    border-color: rgba(8,60,130,0.07);
  }
  .border-\[rgba\(164\,174\,198\,\.2\)\] {
    border-color: rgba(164,174,198,.2);
  }
  .border-\[rgba\(255\,122\,81\,0\.4\)\] {
    border-color: rgba(255,122,81,0.4);
  }
  .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-\[solid\] {
    border-color: solid;
  }
  .border-\[var\(--blue-dark\)\] {
    border-color: var(--blue-dark);
  }
  .border-\[var\(--red-light\)\] {
    border-color: var(--red-light);
  }
  .border-accent {
    border-color: hsl(var(--accent));
  }
  .border-accent\/40 {
    border-color: hsl(var(--accent));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, hsl(var(--accent)) 40%, transparent);
    }
  }
  .border-amber-50 {
    border-color: var(--color-amber-50);
  }
  .border-amber-100 {
    border-color: var(--color-amber-100);
  }
  .border-amber-200 {
    border-color: var(--color-amber-200);
  }
  .border-amber-200\/30 {
    border-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-200) 30%, transparent);
    }
  }
  .border-amber-200\/50 {
    border-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-200) 50%, transparent);
    }
  }
  .border-amber-200\/80 {
    border-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-200) 80%, transparent);
    }
  }
  .border-amber-200\/90 {
    border-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-200) 90%, transparent);
    }
  }
  .border-amber-300 {
    border-color: var(--color-amber-300);
  }
  .border-amber-300\/70 {
    border-color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-300) 70%, transparent);
    }
  }
  .border-amber-300\/80 {
    border-color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-300) 80%, transparent);
    }
  }
  .border-amber-300\/90 {
    border-color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-300) 90%, transparent);
    }
  }
  .border-amber-400 {
    border-color: var(--color-amber-400);
  }
  .border-amber-400\/60 {
    border-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-400) 60%, transparent);
    }
  }
  .border-amber-500 {
    border-color: var(--color-amber-500);
  }
  .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\/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-500\/40 {
    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);
    }
  }
  .border-amber-500\/50 {
    border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-500) 50%, transparent);
    }
  }
  .border-amber-600 {
    border-color: var(--color-amber-600);
  }
  .border-amber-700 {
    border-color: var(--color-amber-700);
  }
  .border-amber-800 {
    border-color: var(--color-amber-800);
  }
  .border-amber-900 {
    border-color: var(--color-amber-900);
  }
  .border-background {
    border-color: hsl(var(--background));
  }
  .border-background\/20 {
    border-color: hsl(var(--background));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, hsl(var(--background)) 20%, 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\/\[0\.08\] {
    border-color: color-mix(in srgb, #000 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 8%, transparent);
    }
  }
  .border-blue-50 {
    border-color: var(--color-blue-50);
  }
  .border-blue-50\/50 {
    border-color: color-mix(in srgb, oklch(97% 0.014 254.604) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-blue-50) 50%, transparent);
    }
  }
  .border-blue-100 {
    border-color: var(--color-blue-100);
  }
  .border-blue-100\/80 {
    border-color: color-mix(in srgb, oklch(93.2% 0.032 255.585) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-blue-100) 80%, 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\/70 {
    border-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-blue-400) 70%, transparent);
    }
  }
  .border-blue-400\/80 {
    border-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-blue-400) 80%, transparent);
    }
  }
  .border-blue-500 {
    border-color: var(--color-blue-500);
  }
  .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-600 {
    border-color: var(--color-blue-600);
  }
  .border-blue-800 {
    border-color: var(--color-blue-800);
  }
  .border-border {
    border-color: hsl(var(--border-hsl));
  }
  .border-border\/40 {
    border-color: hsl(var(--border-hsl));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, hsl(var(--border-hsl)) 40%, transparent);
    }
  }
  .border-border\/50 {
    border-color: hsl(var(--border-hsl));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, hsl(var(--border-hsl)) 50%, transparent);
    }
  }
  .border-border\/60 {
    border-color: hsl(var(--border-hsl));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, hsl(var(--border-hsl)) 60%, transparent);
    }
  }
  .border-border\/70 {
    border-color: hsl(var(--border-hsl));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, hsl(var(--border-hsl)) 70%, transparent);
    }
  }
  .border-border\/80 {
    border-color: hsl(var(--border-hsl));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, hsl(var(--border-hsl)) 80%, transparent);
    }
  }
  .border-card {
    border-color: hsl(var(--card));
  }
  .border-card-border {
    border-color: hsl(var(--card-border));
  }
  .border-current {
    border-color: currentcolor;
  }
  .border-current\/10 {
    border-color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, currentcolor 10%, transparent);
    }
  }
  .border-current\/30 {
    border-color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, currentcolor 30%, transparent);
    }
  }
  .border-cyan-100 {
    border-color: var(--color-cyan-100);
  }
  .border-cyan-200 {
    border-color: var(--color-cyan-200);
  }
  .border-cyan-200\/50 {
    border-color: color-mix(in srgb, oklch(91.7% 0.08 205.041) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-cyan-200) 50%, transparent);
    }
  }
  .border-cyan-300 {
    border-color: var(--color-cyan-300);
  }
  .border-cyan-400 {
    border-color: var(--color-cyan-400);
  }
  .border-cyan-400\/60 {
    border-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-cyan-400) 60%, 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-cyan-800 {
    border-color: var(--color-cyan-800);
  }
  .border-destructive {
    border-color: hsl(var(--destructive));
  }
  .border-destructive\/15 {
    border-color: hsl(var(--destructive));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, hsl(var(--destructive)) 15%, transparent);
    }
  }
  .border-destructive\/20 {
    border-color: hsl(var(--destructive));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, hsl(var(--destructive)) 20%, transparent);
    }
  }
  .border-destructive\/40 {
    border-color: hsl(var(--destructive));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, hsl(var(--destructive)) 40%, transparent);
    }
  }
  .border-destructive\/50 {
    border-color: hsl(var(--destructive));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, hsl(var(--destructive)) 50%, transparent);
    }
  }
  .border-emerald-50 {
    border-color: var(--color-emerald-50);
  }
  .border-emerald-100 {
    border-color: var(--color-emerald-100);
  }
  .border-emerald-200 {
    border-color: var(--color-emerald-200);
  }
  .border-emerald-200\/30 {
    border-color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-200) 30%, transparent);
    }
  }
  .border-emerald-200\/50 {
    border-color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-200) 50%, transparent);
    }
  }
  .border-emerald-300 {
    border-color: var(--color-emerald-300);
  }
  .border-emerald-400 {
    border-color: var(--color-emerald-400);
  }
  .border-emerald-400\/60 {
    border-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-400) 60%, 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\/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-600 {
    border-color: var(--color-emerald-600);
  }
  .border-emerald-900 {
    border-color: var(--color-emerald-900);
  }
  .border-foreground {
    border-color: hsl(var(--foreground));
  }
  .border-foreground\/40 {
    border-color: hsl(var(--foreground));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, hsl(var(--foreground)) 40%, transparent);
    }
  }
  .border-fuchsia-50 {
    border-color: var(--color-fuchsia-50);
  }
  .border-fuchsia-100 {
    border-color: var(--color-fuchsia-100);
  }
  .border-fuchsia-200 {
    border-color: var(--color-fuchsia-200);
  }
  .border-fuchsia-200\/50 {
    border-color: color-mix(in srgb, oklch(90.3% 0.076 319.62) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-fuchsia-200) 50%, transparent);
    }
  }
  .border-fuchsia-500 {
    border-color: var(--color-fuchsia-500);
  }
  .border-fuchsia-500\/30 {
    border-color: color-mix(in srgb, oklch(66.7% 0.295 322.15) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-fuchsia-500) 30%, transparent);
    }
  }
  .border-fuchsia-600 {
    border-color: var(--color-fuchsia-600);
  }
  .border-gray-50 {
    border-color: var(--color-gray-50);
  }
  .border-gray-100 {
    border-color: var(--color-gray-100);
  }
  .border-gray-100\/80 {
    border-color: color-mix(in srgb, oklch(96.7% 0.003 264.542) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-gray-100) 80%, transparent);
    }
  }
  .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\/60 {
    border-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-gray-200) 60%, 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-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-600\/20 {
    border-color: color-mix(in srgb, oklch(44.6% 0.03 256.802) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-gray-600) 20%, transparent);
    }
  }
  .border-gray-600\/40 {
    border-color: color-mix(in srgb, oklch(44.6% 0.03 256.802) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-gray-600) 40%, transparent);
    }
  }
  .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-900\/10 {
    border-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent);
    }
  }
  .border-green-50 {
    border-color: var(--color-green-50);
  }
  .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-800 {
    border-color: var(--color-green-800);
  }
  .border-indigo-50 {
    border-color: var(--color-indigo-50);
  }
  .border-indigo-50\/50 {
    border-color: color-mix(in srgb, oklch(96.2% 0.018 272.314) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-indigo-50) 50%, transparent);
    }
  }
  .border-indigo-100 {
    border-color: var(--color-indigo-100);
  }
  .border-indigo-200 {
    border-color: var(--color-indigo-200);
  }
  .border-indigo-200\/50 {
    border-color: color-mix(in srgb, oklch(87% 0.065 274.039) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-indigo-200) 50%, transparent);
    }
  }
  .border-indigo-300 {
    border-color: var(--color-indigo-300);
  }
  .border-indigo-300\/50 {
    border-color: color-mix(in srgb, oklch(78.5% 0.115 274.713) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-indigo-300) 50%, transparent);
    }
  }
  .border-indigo-400 {
    border-color: var(--color-indigo-400);
  }
  .border-indigo-500 {
    border-color: var(--color-indigo-500);
  }
  .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-600 {
    border-color: var(--color-indigo-600);
  }
  .border-indigo-800 {
    border-color: var(--color-indigo-800);
  }
  .border-input {
    border-color: hsl(var(--input));
  }
  .border-lime-50 {
    border-color: var(--color-lime-50);
  }
  .border-lime-100 {
    border-color: var(--color-lime-100);
  }
  .border-lime-200 {
    border-color: var(--color-lime-200);
  }
  .border-lime-500 {
    border-color: var(--color-lime-500);
  }
  .border-lime-500\/30 {
    border-color: color-mix(in srgb, oklch(76.8% 0.233 130.85) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-lime-500) 30%, transparent);
    }
  }
  .border-lime-600 {
    border-color: var(--color-lime-600);
  }
  .border-lime-800 {
    border-color: var(--color-lime-800);
  }
  .border-muted {
    border-color: hsl(var(--muted));
  }
  .border-muted-foreground {
    border-color: hsl(var(--muted-foreground));
  }
  .border-muted-foreground\/20 {
    border-color: hsl(var(--muted-foreground));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, hsl(var(--muted-foreground)) 20%, transparent);
    }
  }
  .border-muted-foreground\/30 {
    border-color: hsl(var(--muted-foreground));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, hsl(var(--muted-foreground)) 30%, transparent);
    }
  }
  .border-muted-foreground\/40 {
    border-color: hsl(var(--muted-foreground));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, hsl(var(--muted-foreground)) 40%, transparent);
    }
  }
  .border-neutral-50 {
    border-color: var(--color-neutral-50);
  }
  .border-neutral-100 {
    border-color: var(--color-neutral-100);
  }
  .border-neutral-200 {
    border-color: var(--color-neutral-200);
  }
  .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\/70 {
    border-color: color-mix(in srgb, oklch(92.2% 0 0) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-neutral-200) 70%, transparent);
    }
  }
  .border-neutral-300 {
    border-color: var(--color-neutral-300);
  }
  .border-neutral-400 {
    border-color: var(--color-neutral-400);
  }
  .border-neutral-600 {
    border-color: var(--color-neutral-600);
  }
  .border-neutral-700 {
    border-color: var(--color-neutral-700);
  }
  .border-neutral-800 {
    border-color: var(--color-neutral-800);
  }
  .border-neutral-900 {
    border-color: var(--color-neutral-900);
  }
  .border-neutral-950 {
    border-color: var(--color-neutral-950);
  }
  .border-orange-50 {
    border-color: var(--color-orange-50);
  }
  .border-orange-100 {
    border-color: var(--color-orange-100);
  }
  .border-orange-200 {
    border-color: var(--color-orange-200);
  }
  .border-orange-200\/50 {
    border-color: color-mix(in srgb, oklch(90.1% 0.076 70.697) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-orange-200) 50%, transparent);
    }
  }
  .border-orange-200\/60 {
    border-color: color-mix(in srgb, oklch(90.1% 0.076 70.697) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-orange-200) 60%, transparent);
    }
  }
  .border-orange-500 {
    border-color: var(--color-orange-500);
  }
  .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-orange-600 {
    border-color: var(--color-orange-600);
  }
  .border-orange-800 {
    border-color: var(--color-orange-800);
  }
  .border-orange-900 {
    border-color: var(--color-orange-900);
  }
  .border-pink-100 {
    border-color: var(--color-pink-100);
  }
  .border-pink-200 {
    border-color: var(--color-pink-200);
  }
  .border-pink-200\/50 {
    border-color: color-mix(in srgb, oklch(89.9% 0.061 343.231) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-pink-200) 50%, transparent);
    }
  }
  .border-pink-500 {
    border-color: var(--color-pink-500);
  }
  .border-pink-500\/20 {
    border-color: color-mix(in srgb, oklch(65.6% 0.241 354.308) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-pink-500) 20%, transparent);
    }
  }
  .border-pink-500\/30 {
    border-color: color-mix(in srgb, oklch(65.6% 0.241 354.308) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-pink-500) 30%, transparent);
    }
  }
  .border-pink-500\/50 {
    border-color: color-mix(in srgb, oklch(65.6% 0.241 354.308) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-pink-500) 50%, transparent);
    }
  }
  .border-pink-600 {
    border-color: var(--color-pink-600);
  }
  .border-pink-800 {
    border-color: var(--color-pink-800);
  }
  .border-primary {
    border-color: hsl(var(--primary));
  }
  .border-primary-border {
    border-color: hsl(var(--primary-border));
  }
  .border-primary\/10 {
    border-color: hsl(var(--primary));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, hsl(var(--primary)) 10%, transparent);
    }
  }
  .border-primary\/15 {
    border-color: hsl(var(--primary));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, hsl(var(--primary)) 15%, transparent);
    }
  }
  .border-primary\/20 {
    border-color: hsl(var(--primary));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, hsl(var(--primary)) 20%, transparent);
    }
  }
  .border-primary\/30 {
    border-color: hsl(var(--primary));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, hsl(var(--primary)) 30%, transparent);
    }
  }
  .border-primary\/50 {
    border-color: hsl(var(--primary));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, hsl(var(--primary)) 50%, transparent);
    }
  }
  .border-purple-50 {
    border-color: var(--color-purple-50);
  }
  .border-purple-100 {
    border-color: var(--color-purple-100);
  }
  .border-purple-200 {
    border-color: var(--color-purple-200);
  }
  .border-purple-500 {
    border-color: var(--color-purple-500);
  }
  .border-purple-500\/20 {
    border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent);
    }
  }
  .border-purple-500\/30 {
    border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent);
    }
  }
  .border-purple-500\/50 {
    border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-purple-500) 50%, transparent);
    }
  }
  .border-purple-600 {
    border-color: var(--color-purple-600);
  }
  .border-purple-800 {
    border-color: var(--color-purple-800);
  }
  .border-red-100 {
    border-color: var(--color-red-100);
  }
  .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-500 {
    border-color: var(--color-red-500);
  }
  .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-600 {
    border-color: var(--color-red-600);
  }
  .border-red-900 {
    border-color: var(--color-red-900);
  }
  .border-rose-100 {
    border-color: var(--color-rose-100);
  }
  .border-rose-100\/80 {
    border-color: color-mix(in srgb, oklch(94.1% 0.03 12.58) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-100) 80%, transparent);
    }
  }
  .border-rose-200 {
    border-color: var(--color-rose-200);
  }
  .border-rose-200\/50 {
    border-color: color-mix(in srgb, oklch(89.2% 0.058 10.001) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-200) 50%, transparent);
    }
  }
  .border-rose-200\/70 {
    border-color: color-mix(in srgb, oklch(89.2% 0.058 10.001) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-200) 70%, transparent);
    }
  }
  .border-rose-200\/80 {
    border-color: color-mix(in srgb, oklch(89.2% 0.058 10.001) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-200) 80%, transparent);
    }
  }
  .border-rose-300 {
    border-color: var(--color-rose-300);
  }
  .border-rose-400 {
    border-color: var(--color-rose-400);
  }
  .border-rose-500 {
    border-color: var(--color-rose-500);
  }
  .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\/30 {
    border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-500) 30%, transparent);
    }
  }
  .border-rose-500\/40 {
    border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-500) 40%, transparent);
    }
  }
  .border-rose-500\/50 {
    border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-500) 50%, transparent);
    }
  }
  .border-rose-600 {
    border-color: var(--color-rose-600);
  }
  .border-rose-800 {
    border-color: var(--color-rose-800);
  }
  .border-secondary {
    border-color: hsl(var(--secondary));
  }
  .border-sky-50 {
    border-color: var(--color-sky-50);
  }
  .border-sky-100 {
    border-color: var(--color-sky-100);
  }
  .border-sky-200 {
    border-color: var(--color-sky-200);
  }
  .border-sky-200\/50 {
    border-color: color-mix(in srgb, oklch(90.1% 0.058 230.902) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-sky-200) 50%, transparent);
    }
  }
  .border-sky-300 {
    border-color: var(--color-sky-300);
  }
  .border-sky-400 {
    border-color: var(--color-sky-400);
  }
  .border-sky-400\/60 {
    border-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-sky-400) 60%, transparent);
    }
  }
  .border-sky-500 {
    border-color: var(--color-sky-500);
  }
  .border-sky-500\/30 {
    border-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-sky-500) 30%, transparent);
    }
  }
  .border-sky-500\/40 {
    border-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-sky-500) 40%, transparent);
    }
  }
  .border-sky-500\/50 {
    border-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-sky-500) 50%, transparent);
    }
  }
  .border-sky-600 {
    border-color: var(--color-sky-600);
  }
  .border-sky-800 {
    border-color: var(--color-sky-800);
  }
  .border-sky-900 {
    border-color: var(--color-sky-900);
  }
  .border-slate-50 {
    border-color: var(--color-slate-50);
  }
  .border-slate-100 {
    border-color: var(--color-slate-100);
  }
  .border-slate-100\/50 {
    border-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-100) 50%, transparent);
    }
  }
  .border-slate-100\/80 {
    border-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-100) 80%, transparent);
    }
  }
  .border-slate-200 {
    border-color: var(--color-slate-200);
  }
  .border-slate-200\/80 {
    border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-200) 80%, transparent);
    }
  }
  .border-slate-200\/90 {
    border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-200) 90%, transparent);
    }
  }
  .border-slate-300 {
    border-color: var(--color-slate-300);
  }
  .border-slate-300\/80 {
    border-color: color-mix(in srgb, oklch(86.9% 0.022 252.894) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-300) 80%, transparent);
    }
  }
  .border-slate-300\/90 {
    border-color: color-mix(in srgb, oklch(86.9% 0.022 252.894) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-300) 90%, 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-200 {
    border-color: var(--color-stone-200);
  }
  .border-stone-200\/80 {
    border-color: color-mix(in srgb, oklch(92.3% 0.003 48.717) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-stone-200) 80%, transparent);
    }
  }
  .border-stone-200\/90 {
    border-color: color-mix(in srgb, oklch(92.3% 0.003 48.717) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-stone-200) 90%, transparent);
    }
  }
  .border-stone-300 {
    border-color: var(--color-stone-300);
  }
  .border-stone-500 {
    border-color: var(--color-stone-500);
  }
  .border-stone-600 {
    border-color: var(--color-stone-600);
  }
  .border-stone-700 {
    border-color: var(--color-stone-700);
  }
  .border-stone-800 {
    border-color: var(--color-stone-800);
  }
  .border-stone-900 {
    border-color: var(--color-stone-900);
  }
  .border-teal-100 {
    border-color: var(--color-teal-100);
  }
  .border-teal-200 {
    border-color: var(--color-teal-200);
  }
  .border-teal-200\/50 {
    border-color: color-mix(in srgb, oklch(91% 0.096 180.426) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-teal-200) 50%, transparent);
    }
  }
  .border-teal-500 {
    border-color: var(--color-teal-500);
  }
  .border-teal-500\/30 {
    border-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-teal-500) 30%, transparent);
    }
  }
  .border-teal-500\/50 {
    border-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-teal-500) 50%, transparent);
    }
  }
  .border-teal-600 {
    border-color: var(--color-teal-600);
  }
  .border-teal-800 {
    border-color: var(--color-teal-800);
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-violet-50 {
    border-color: var(--color-violet-50);
  }
  .border-violet-100 {
    border-color: var(--color-violet-100);
  }
  .border-violet-200 {
    border-color: var(--color-violet-200);
  }
  .border-violet-200\/50 {
    border-color: color-mix(in srgb, oklch(89.4% 0.057 293.283) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-violet-200) 50%, transparent);
    }
  }
  .border-violet-400 {
    border-color: var(--color-violet-400);
  }
  .border-violet-400\/50 {
    border-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-violet-400) 50%, transparent);
    }
  }
  .border-violet-500 {
    border-color: var(--color-violet-500);
  }
  .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-600 {
    border-color: var(--color-violet-600);
  }
  .border-violet-800 {
    border-color: var(--color-violet-800);
  }
  .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\/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\/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\/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\/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\/\[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\.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-yellow-100 {
    border-color: var(--color-yellow-100);
  }
  .border-yellow-100\/40 {
    border-color: color-mix(in srgb, oklch(97.3% 0.071 103.193) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-yellow-100) 40%, transparent);
    }
  }
  .border-yellow-200 {
    border-color: var(--color-yellow-200);
  }
  .border-yellow-300 {
    border-color: var(--color-yellow-300);
  }
  .border-yellow-500 {
    border-color: var(--color-yellow-500);
  }
  .border-zinc-200 {
    border-color: var(--color-zinc-200);
  }
  .border-zinc-600 {
    border-color: var(--color-zinc-600);
  }
  .border-zinc-700 {
    border-color: var(--color-zinc-700);
  }
  .border-zinc-800 {
    border-color: var(--color-zinc-800);
  }
  .border-zinc-800\/10 {
    border-color: color-mix(in srgb, oklch(27.4% 0.006 286.033) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-zinc-800) 10%, transparent);
    }
  }
  .border-zinc-800\/20 {
    border-color: color-mix(in srgb, oklch(27.4% 0.006 286.033) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-zinc-800) 20%, transparent);
    }
  }
  .border-x-\[\#E7E7E7\] {
    border-inline-color: #E7E7E7;
  }
  .border-y-\[\#655C97\] {
    border-block-color: #655C97;
  }
  .border-y-\[\#E8E8E8\] {
    border-block-color: #E8E8E8;
  }
  .border-y-\[\#efefef\] {
    border-block-color: #efefef;
  }
  .border-t-\[\#\#2f80ed\] {
    border-top-color: ##2f80ed;
  }
  .border-t-\[\#1B84FF\] {
    border-top-color: #1B84FF;
  }
  .border-t-\[\#2f80ed\] {
    border-top-color: #2f80ed;
  }
  .border-t-\[\#00000014\] {
    border-top-color: #00000014;
  }
  .border-t-\[\#6366f1\] {
    border-top-color: #6366f1;
  }
  .border-t-\[\#545454\] {
    border-top-color: #545454;
  }
  .border-t-\[\#D8D8D8\] {
    border-top-color: #D8D8D8;
  }
  .border-t-\[\#E8E8E8\] {
    border-top-color: #E8E8E8;
  }
  .border-t-\[\#ECECEC\] {
    border-top-color: #ECECEC;
  }
  .border-t-\[\#dee2e6\] {
    border-top-color: #dee2e6;
  }
  .border-t-\[\#e9e9e9\] {
    border-top-color: #e9e9e9;
  }
  .border-t-\[\#ececec\] {
    border-top-color: #ececec;
  }
  .border-t-\[\#ffffff14\] {
    border-top-color: #ffffff14;
  }
  .border-t-\[rgba\(0\,0\,0\,0\.07\)\] {
    border-top-color: rgba(0,0,0,0.07);
  }
  .border-t-\[rgba\(0\,0\,0\,0\.09\)\] {
    border-top-color: rgba(0,0,0,0.09);
  }
  .border-t-\[rgba\(255\,255\,255\,0\.1\)\] {
    border-top-color: rgba(255,255,255,0.1);
  }
  .border-t-blue-500 {
    border-top-color: var(--color-blue-500);
  }
  .border-t-blue-600 {
    border-top-color: var(--color-blue-600);
  }
  .border-t-current {
    border-top-color: currentcolor;
  }
  .border-t-emerald-700 {
    border-top-color: var(--color-emerald-700);
  }
  .border-t-gray-600 {
    border-top-color: var(--color-gray-600);
  }
  .border-t-green-700 {
    border-top-color: var(--color-green-700);
  }
  .border-t-neutral-200 {
    border-top-color: var(--color-neutral-200);
  }
  .border-t-orange-500 {
    border-top-color: var(--color-orange-500);
  }
  .border-t-primary {
    border-top-color: hsl(var(--primary));
  }
  .border-t-red-600 {
    border-top-color: var(--color-red-600);
  }
  .border-t-transparent {
    border-top-color: transparent;
  }
  .border-t-white {
    border-top-color: var(--color-white);
  }
  .\!border-r-transparent {
    border-right-color: transparent !important;
  }
  .border-r-\[\#9CDFC9\] {
    border-right-color: #9CDFC9;
  }
  .border-r-\[\#F1F1F1\] {
    border-right-color: #F1F1F1;
  }
  .border-r-\[\#F4F4F4\] {
    border-right-color: #F4F4F4;
  }
  .border-r-\[\#ededed\] {
    border-right-color: #ededed;
  }
  .border-r-\[none\] {
    border-right-color: none;
  }
  .border-r-\[rgba\(0\,0\,0\,0\.4\)\] {
    border-right-color: rgba(0,0,0,0.4);
  }
  .border-r-\[rgba\(0\,0\,0\,0\.09\)\] {
    border-right-color: rgba(0,0,0,0.09);
  }
  .border-r-gray-900 {
    border-right-color: var(--color-gray-900);
  }
  .border-b-\[\#33D4B8\] {
    border-bottom-color: #33D4B8;
  }
  .border-b-\[\#545454\] {
    border-bottom-color: #545454;
  }
  .border-b-\[\#E0E0E0\] {
    border-bottom-color: #E0E0E0;
  }
  .border-b-\[\#E8E8E8\] {
    border-bottom-color: #E8E8E8;
  }
  .border-b-\[\#EAEAEA\] {
    border-bottom-color: #EAEAEA;
  }
  .border-b-\[\#ECECEC\] {
    border-bottom-color: #ECECEC;
  }
  .border-b-\[\#EEEEEE\] {
    border-bottom-color: #EEEEEE;
  }
  .border-b-\[\#EFEFEF\] {
    border-bottom-color: #EFEFEF;
  }
  .border-b-\[\#dee2e6\] {
    border-bottom-color: #dee2e6;
  }
  .border-b-\[\#e9e9e9\] {
    border-bottom-color: #e9e9e9;
  }
  .border-b-\[\#ececec\] {
    border-bottom-color: #ececec;
  }
  .border-b-\[\#ededed\] {
    border-bottom-color: #ededed;
  }
  .border-b-\[rgba\(0\,0\,0\,0\.1\)\] {
    border-bottom-color: rgba(0,0,0,0.1);
  }
  .border-b-\[rgba\(0\,0\,0\,0\.09\)\] {
    border-bottom-color: rgba(0,0,0,0.09);
  }
  .border-b-\[solid\] {
    border-bottom-color: solid;
  }
  .border-b-black {
    border-bottom-color: var(--color-black);
  }
  .border-b-neutral-100 {
    border-bottom-color: var(--color-neutral-100);
  }
  .border-b-neutral-200 {
    border-bottom-color: var(--color-neutral-200);
  }
  .border-b-slate-900 {
    border-bottom-color: var(--color-slate-900);
  }
  .border-b-transparent {
    border-bottom-color: transparent;
  }
  .\!border-l-transparent {
    border-left-color: transparent !important;
  }
  .border-l-\[\#3f78e0\] {
    border-left-color: #3f78e0;
  }
  .border-l-\[\#9CDFC9\] {
    border-left-color: #9CDFC9;
  }
  .border-l-\[\#EFC36F\] {
    border-left-color: #EFC36F;
  }
  .border-l-\[\#F4F4F4\] {
    border-left-color: #F4F4F4;
  }
  .border-l-\[\#FAE6BF\] {
    border-left-color: #FAE6BF;
  }
  .border-l-\[none\] {
    border-left-color: none;
  }
  .border-l-\[rgba\(0\,0\,0\,0\.4\)\] {
    border-left-color: rgba(0,0,0,0.4);
  }
  .border-l-\[rgba\(0\,0\,0\,0\.09\)\] {
    border-left-color: rgba(0,0,0,0.09);
  }
  .border-l-destructive {
    border-left-color: hsl(var(--destructive));
  }
  .border-l-emerald-400 {
    border-left-color: var(--color-emerald-400);
  }
  .border-l-foreground {
    border-left-color: hsl(var(--foreground));
  }
  .border-l-indigo-400 {
    border-left-color: var(--color-indigo-400);
  }
  .border-l-indigo-600 {
    border-left-color: var(--color-indigo-600);
  }
  .border-l-primary {
    border-left-color: hsl(var(--primary));
  }
  .border-l-rose-300 {
    border-left-color: var(--color-rose-300);
  }
  .border-l-rose-300\/70 {
    border-left-color: color-mix(in srgb, oklch(81% 0.117 11.638) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-left-color: color-mix(in oklab, var(--color-rose-300) 70%, transparent);
    }
  }
  .border-l-slate-300 {
    border-left-color: var(--color-slate-300);
  }
  .border-l-transparent {
    border-left-color: transparent;
  }
  .border-l-violet-400 {
    border-left-color: var(--color-violet-400);
  }
  .border-l-white {
    border-left-color: var(--color-white);
  }
  .\!bg-\[\#\#45c4a0\] {
    background-color: ##45c4a0 !important;
  }
  .\!bg-\[\#\#a07cc5\] {
    background-color: ##a07cc5 !important;
  }
  .\!bg-\[\#\#e668b3\] {
    background-color: ##e668b3 !important;
  }
  .\!bg-\[\#3f78e0\] {
    background-color: #3f78e0 !important;
  }
  .\!bg-\[\#343f52\] {
    background-color: #343f52 !important;
  }
  .\!bg-\[\#605dba\] {
    background-color: #605dba !important;
  }
  .\!bg-\[\#21262c\] {
    background-color: #21262c !important;
  }
  .\!bg-\[\#e0e9fa\] {
    background-color: #e0e9fa !important;
  }
  .\!bg-\[\#e2626b\] {
    background-color: #e2626b !important;
  }
  .\!bg-\[\#eaf3ef\] {
    background-color: #eaf3ef !important;
  }
  .\!bg-\[\#edf2fc\] {
    background-color: #edf2fc !important;
  }
  .\!bg-\[\#edf9f6\] {
    background-color: #edf9f6 !important;
  }
  .\!bg-\[\#f0f0f8\] {
    background-color: #f0f0f8 !important;
  }
  .\!bg-\[\#fab758\] {
    background-color: #fab758 !important;
  }
  .\!bg-\[\#fbf1f4\] {
    background-color: #fbf1f4 !important;
  }
  .\!bg-\[\#fef3e4\] {
    background-color: #fef3e4 !important;
  }
  .\!bg-\[\#fef4f2\] {
    background-color: #fef4f2 !important;
  }
  .\!bg-\[\#fff8ee\] {
    background-color: #fff8ee !important;
  }
  .\!bg-\[\#ffffff\] {
    background-color: #ffffff !important;
  }
  .\!bg-indigo-600 {
    background-color: var(--color-indigo-600) !important;
  }
  .\!bg-inherit {
    background-color: inherit !important;
  }
  .\!bg-transparent {
    background-color: transparent !important;
  }
  .\!bg-white {
    background-color: var(--color-white) !important;
  }
  .bg-\(--color-bg\) {
    background-color: var(--color-bg);
  }
  .bg-\[\#\#0b0b0c\] {
    background-color: ##0b0b0c;
  }
  .bg-\[\#\#1B84FF\] {
    background-color: ##1B84FF;
  }
  .bg-\[\#\#2f80ed\] {
    background-color: ##2f80ed;
  }
  .bg-\[\#\#2f80ed\]\/5 {
    background-color: color-mix(in oklab, ##2f80ed 5%, transparent);
  }
  .bg-\[\#\#2f80ed\]\/10 {
    background-color: color-mix(in oklab, ##2f80ed 10%, transparent);
  }
  .bg-\[\#\#3b82f6\] {
    background-color: ##3b82f6;
  }
  .bg-\[\#\#6366F1\] {
    background-color: ##6366F1;
  }
  .bg-\[\#\#e0e9fa\] {
    background-color: ##e0e9fa;
  }
  .bg-\[\#\#f0eaf6\] {
    background-color: ##f0eaf6;
  }
  .bg-\[\#\#f1f1f4\] {
    background-color: ##f1f1f4;
  }
  .bg-\[\#\#f4faff\] {
    background-color: ##f4faff;
  }
  .bg-\[\#\#f1626e\] {
    background-color: ##f1626e;
  }
  .bg-\[\#\#fbe4f1\] {
    background-color: ##fbe4f1;
  }
  .bg-\[\#0A0A0A\] {
    background-color: #0A0A0A;
  }
  .bg-\[\#0D101E\] {
    background-color: #0D101E;
  }
  .bg-\[\#0F3D3E\] {
    background-color: #0F3D3E;
  }
  .bg-\[\#0b0b0c\] {
    background-color: #0b0b0c;
  }
  .bg-\[\#00E5F3\] {
    background-color: #00E5F3;
  }
  .bg-\[\#1A1816\] {
    background-color: #1A1816;
  }
  .bg-\[\#1B84FF\] {
    background-color: #1B84FF;
  }
  .bg-\[\#1B84FF\]\/10 {
    background-color: color-mix(in oklab, #1B84FF 10%, transparent);
  }
  .bg-\[\#1BC5BD\] {
    background-color: #1BC5BD;
  }
  .bg-\[\#1BC5BD\]\/5 {
    background-color: color-mix(in oklab, #1BC5BD 5%, transparent);
  }
  .bg-\[\#1BC5BD\]\/10 {
    background-color: color-mix(in oklab, #1BC5BD 10%, transparent);
  }
  .bg-\[\#1C9CEA\] {
    background-color: #1C9CEA;
  }
  .bg-\[\#1C325E\] {
    background-color: #1C325E;
  }
  .bg-\[\#1F1F1F\] {
    background-color: #1F1F1F;
  }
  .bg-\[\#1b1b1b\] {
    background-color: #1b1b1b;
  }
  .bg-\[\#1f1f1f\] {
    background-color: #1f1f1f;
  }
  .bg-\[\#1f2b24\] {
    background-color: #1f2b24;
  }
  .bg-\[\#1f2129\] {
    background-color: #1f2129;
  }
  .bg-\[\#2FA39A\] {
    background-color: #2FA39A;
  }
  .bg-\[\#2a2a2a\] {
    background-color: #2a2a2a;
  }
  .bg-\[\#2b0937\] {
    background-color: #2b0937;
  }
  .bg-\[\#2d2d2d\] {
    background-color: #2d2d2d;
  }
  .bg-\[\#2f80ed\] {
    background-color: #2f80ed;
  }
  .bg-\[\#2f80ed\]\/5 {
    background-color: color-mix(in oklab, #2f80ed 5%, transparent);
  }
  .bg-\[\#2f80ed\]\/10 {
    background-color: color-mix(in oklab, #2f80ed 10%, transparent);
  }
  .bg-\[\#2f80ed\]\/15 {
    background-color: color-mix(in oklab, #2f80ed 15%, transparent);
  }
  .bg-\[\#03c4c6\] {
    background-color: #03c4c6;
  }
  .bg-\[\#3D3836\] {
    background-color: #3D3836;
  }
  .bg-\[\#3a2f2f\] {
    background-color: #3a2f2f;
  }
  .bg-\[\#3b3b3b\] {
    background-color: #3b3b3b;
  }
  .bg-\[\#3b82f6\] {
    background-color: #3b82f6;
  }
  .bg-\[\#3b82f6\]\/10 {
    background-color: color-mix(in oklab, #3b82f6 10%, transparent);
  }
  .bg-\[\#3b82f6\]\/15 {
    background-color: color-mix(in oklab, #3b82f6 15%, transparent);
  }
  .bg-\[\#3b82f6\]\/30 {
    background-color: color-mix(in oklab, #3b82f6 30%, transparent);
  }
  .bg-\[\#04e8f4\] {
    background-color: #04e8f4;
  }
  .bg-\[\#4ADE80\] {
    background-color: #4ADE80;
  }
  .bg-\[\#4E342E\] {
    background-color: #4E342E;
  }
  .bg-\[\#4b0e55\] {
    background-color: #4b0e55;
  }
  .bg-\[\#5B4B9C\] {
    background-color: #5B4B9C;
  }
  .bg-\[\#5c6b4a\] {
    background-color: #5c6b4a;
  }
  .bg-\[\#5e43f0\] {
    background-color: #5e43f0;
  }
  .bg-\[\#6D4C41\] {
    background-color: #6D4C41;
  }
  .bg-\[\#6aee90\] {
    background-color: #6aee90;
  }
  .bg-\[\#6f6cff\] {
    background-color: #6f6cff;
  }
  .bg-\[\#7E33E1\] {
    background-color: #7E33E1;
  }
  .bg-\[\#7E33E1\]\/5 {
    background-color: color-mix(in oklab, #7E33E1 5%, transparent);
  }
  .bg-\[\#7E33E1\]\/40 {
    background-color: color-mix(in oklab, #7E33E1 40%, transparent);
  }
  .bg-\[\#7E33E1\]\/80 {
    background-color: color-mix(in oklab, #7E33E1 80%, transparent);
  }
  .bg-\[\#7E33E1\]\/\[0\.04\] {
    background-color: color-mix(in oklab, #7E33E1 4%, transparent);
  }
  .bg-\[\#7dec72\] {
    background-color: #7dec72;
  }
  .bg-\[\#8F6BF6\] {
    background-color: #8F6BF6;
  }
  .bg-\[\#8a7d6e\] {
    background-color: #8a7d6e;
  }
  .bg-\[\#8ab6a9\] {
    background-color: #8ab6a9;
  }
  .bg-\[\#8ab6a9\]\/30 {
    background-color: color-mix(in oklab, #8ab6a9 30%, transparent);
  }
  .bg-\[\#8d5a4a\] {
    background-color: #8d5a4a;
  }
  .bg-\[\#10B981\] {
    background-color: #10B981;
  }
  .bg-\[\#22c55e\] {
    background-color: #22c55e;
  }
  .bg-\[\#22c55e\]\/10 {
    background-color: color-mix(in oklab, #22c55e 10%, transparent);
  }
  .bg-\[\#51fcff\] {
    background-color: #51fcff;
  }
  .bg-\[\#66e19e\] {
    background-color: #66e19e;
  }
  .bg-\[\#77f4f5\] {
    background-color: #77f4f5;
  }
  .bg-\[\#88d9ff\] {
    background-color: #88d9ff;
  }
  .bg-\[\#102C46\] {
    background-color: #102C46;
  }
  .bg-\[\#211a15\] {
    background-color: #211a15;
  }
  .bg-\[\#343f52\] {
    background-color: #343f52;
  }
  .bg-\[\#444\] {
    background-color: #444;
  }
  .bg-\[\#462ec5\] {
    background-color: #462ec5;
  }
  .bg-\[\#572ff6\] {
    background-color: #572ff6;
  }
  .bg-\[\#2160FD\] {
    background-color: #2160FD;
  }
  .bg-\[\#2563eb\] {
    background-color: #2563eb;
  }
  .bg-\[\#4064AC\] {
    background-color: #4064AC;
  }
  .bg-\[\#5850EC\] {
    background-color: #5850EC;
  }
  .bg-\[\#6366F1\] {
    background-color: #6366F1;
  }
  .bg-\[\#6366F1\]\/5 {
    background-color: color-mix(in oklab, #6366F1 5%, transparent);
  }
  .bg-\[\#6366F1\]\/20 {
    background-color: color-mix(in oklab, #6366F1 20%, transparent);
  }
  .bg-\[\#6366F1\]\/80 {
    background-color: color-mix(in oklab, #6366F1 80%, transparent);
  }
  .bg-\[\#7034ff\] {
    background-color: #7034ff;
  }
  .bg-\[\#7239EA\] {
    background-color: #7239EA;
  }
  .bg-\[\#7241ff\] {
    background-color: #7241ff;
  }
  .bg-\[\#8950FC\] {
    background-color: #8950FC;
  }
  .bg-\[\#15120f\]\/85 {
    background-color: color-mix(in oklab, #15120f 85%, transparent);
  }
  .bg-\[\#15803d\] {
    background-color: #15803d;
  }
  .bg-\[\#25231f\] {
    background-color: #25231f;
  }
  .bg-\[\#26221d\] {
    background-color: #26221d;
  }
  .bg-\[\#111111\] {
    background-color: #111111;
  }
  .bg-\[\#111827\] {
    background-color: #111827;
  }
  .bg-\[\#121212\] {
    background-color: #121212;
  }
  .bg-\[\#141222\] {
    background-color: #141222;
  }
  .bg-\[\#141414\] {
    background-color: #141414;
  }
  .bg-\[\#151515\] {
    background-color: #151515;
  }
  .bg-\[\#161616\] {
    background-color: #161616;
  }
  .bg-\[\#181818\] {
    background-color: #181818;
  }
  .bg-\[\#191928\] {
    background-color: #191928;
  }
  .bg-\[\#212121\] {
    background-color: #212121;
  }
  .bg-\[\#222222\] {
    background-color: #222222;
  }
  .bg-\[\#232323\] {
    background-color: #232323;
  }
  .bg-\[\#242424\] {
    background-color: #242424;
  }
  .bg-\[\#262626\] {
    background-color: #262626;
  }
  .bg-\[\#303030\] {
    background-color: #303030;
  }
  .bg-\[\#373737\] {
    background-color: #373737;
  }
  .bg-\[\#B76A53\] {
    background-color: #B76A53;
  }
  .bg-\[\#C06A40\] {
    background-color: #C06A40;
  }
  .bg-\[\#C7D2FE\] {
    background-color: #C7D2FE;
  }
  .bg-\[\#C67D5C\] {
    background-color: #C67D5C;
  }
  .bg-\[\#D4AF37\] {
    background-color: #D4AF37;
  }
  .bg-\[\#D98A56\] {
    background-color: #D98A56;
  }
  .bg-\[\#D64937\] {
    background-color: #D64937;
  }
  .bg-\[\#D84315\] {
    background-color: #D84315;
  }
  .bg-\[\#D97757\] {
    background-color: #D97757;
  }
  .bg-\[\#E8FBFF\] {
    background-color: #E8FBFF;
  }
  .bg-\[\#E9E4DB\] {
    background-color: #E9E4DB;
  }
  .bg-\[\#E8501F\] {
    background-color: #E8501F;
  }
  .bg-\[\#EAF4FF\] {
    background-color: #EAF4FF;
  }
  .bg-\[\#EAF4FF\]\/30 {
    background-color: color-mix(in oklab, #EAF4FF 30%, transparent);
  }
  .bg-\[\#EAF4FF\]\/50 {
    background-color: color-mix(in oklab, #EAF4FF 50%, transparent);
  }
  .bg-\[\#EEF2FF\] {
    background-color: #EEF2FF;
  }
  .bg-\[\#EEF6FA\] {
    background-color: #EEF6FA;
  }
  .bg-\[\#EFEAE1\] {
    background-color: #EFEAE1;
  }
  .bg-\[\#EFEBE9\] {
    background-color: #EFEBE9;
  }
  .bg-\[\#F0FDF4\] {
    background-color: #F0FDF4;
  }
  .bg-\[\#F2EEE7\] {
    background-color: #F2EEE7;
  }
  .bg-\[\#F3F4F6\] {
    background-color: #F3F4F6;
  }
  .bg-\[\#F3F6F9\] {
    background-color: #F3F6F9;
  }
  .bg-\[\#F4EDE3\] {
    background-color: #F4EDE3;
  }
  .bg-\[\#F4F6F8\] {
    background-color: #F4F6F8;
  }
  .bg-\[\#F4F6F8\]\/50 {
    background-color: color-mix(in oklab, #F4F6F8 50%, transparent);
  }
  .bg-\[\#F4F7FE\] {
    background-color: #F4F7FE;
  }
  .bg-\[\#F4F7FF\] {
    background-color: #F4F7FF;
  }
  .bg-\[\#F5F1EB\] {
    background-color: #F5F1EB;
  }
  .bg-\[\#F5F3FF\] {
    background-color: #F5F3FF;
  }
  .bg-\[\#F5F5DC\] {
    background-color: #F5F5DC;
  }
  .bg-\[\#F7F7F7\] {
    background-color: #F7F7F7;
  }
  .bg-\[\#F8F3EA\] {
    background-color: #F8F3EA;
  }
  .bg-\[\#F8F5F0\] {
    background-color: #F8F5F0;
  }
  .bg-\[\#F8F9FA\] {
    background-color: #F8F9FA;
  }
  .bg-\[\#F8F9FE\] {
    background-color: #F8F9FE;
  }
  .bg-\[\#F8FAFC\] {
    background-color: #F8FAFC;
  }
  .bg-\[\#F9F3EA\] {
    background-color: #F9F3EA;
  }
  .bg-\[\#F9F9F9\] {
    background-color: #F9F9F9;
  }
  .bg-\[\#F1416C\] {
    background-color: #F1416C;
  }
  .bg-\[\#F26207\] {
    background-color: #F26207;
  }
  .bg-\[\#FBFAF6\] {
    background-color: #FBFAF6;
  }
  .bg-\[\#FCEFE9\] {
    background-color: #FCEFE9;
  }
  .bg-\[\#FCFCF9\] {
    background-color: #FCFCF9;
  }
  .bg-\[\#FCFCF9\]\/85 {
    background-color: color-mix(in oklab, #FCFCF9 85%, transparent);
  }
  .bg-\[\#FDFCFB\] {
    background-color: #FDFCFB;
  }
  .bg-\[\#FDFCFB\]\/80 {
    background-color: color-mix(in oklab, #FDFCFB 80%, transparent);
  }
  .bg-\[\#FDFDFD\] {
    background-color: #FDFDFD;
  }
  .bg-\[\#FEDC00\] {
    background-color: #FEDC00;
  }
  .bg-\[\#FF4D1C\] {
    background-color: #FF4D1C;
  }
  .bg-\[\#FF47E2\] {
    background-color: #FF47E2;
  }
  .bg-\[\#FFCF24\] {
    background-color: #FFCF24;
  }
  .bg-\[\#FFEAA0\] {
    background-color: #FFEAA0;
  }
  .bg-\[\#FFEFE7\] {
    background-color: #FFEFE7;
  }
  .bg-\[\#FFF8F0\] {
    background-color: #FFF8F0;
  }
  .bg-\[\#a06d55\] {
    background-color: #a06d55;
  }
  .bg-\[\#a595ff\] {
    background-color: #a595ff;
  }
  .bg-\[\#b183ff\] {
    background-color: #b183ff;
  }
  .bg-\[\#c45f35\] {
    background-color: #c45f35;
  }
  .bg-\[\#d3e6e4\] {
    background-color: #d3e6e4;
  }
  .bg-\[\#d4c3a8\] {
    background-color: #d4c3a8;
  }
  .bg-\[\#d7a84f\] {
    background-color: #d7a84f;
  }
  .bg-\[\#d7c6b3\] {
    background-color: #d7c6b3;
  }
  .bg-\[\#d7e0d2\] {
    background-color: #d7e0d2;
  }
  .bg-\[\#d81b48\] {
    background-color: #d81b48;
  }
  .bg-\[\#dc3545\] {
    background-color: #dc3545;
  }
  .bg-\[\#dce6ea\] {
    background-color: #dce6ea;
  }
  .bg-\[\#dfe8df\] {
    background-color: #dfe8df;
  }
  .bg-\[\#dff1ee\] {
    background-color: #dff1ee;
  }
  .bg-\[\#e0e9fa\] {
    background-color: #e0e9fa;
  }
  .bg-\[\#e1f6f0\] {
    background-color: #e1f6f0;
  }
  .bg-\[\#e1fff3\] {
    background-color: #e1fff3;
  }
  .bg-\[\#e4e0ea\] {
    background-color: #e4e0ea;
  }
  .bg-\[\#e4e7ec\] {
    background-color: #e4e7ec;
  }
  .bg-\[\#e4e8ef\] {
    background-color: #e4e8ef;
  }
  .bg-\[\#e5fffe\] {
    background-color: #e5fffe;
  }
  .bg-\[\#e6e5f4\] {
    background-color: #e6e5f4;
  }
  .bg-\[\#e7d1bf\] {
    background-color: #e7d1bf;
  }
  .bg-\[\#e7f2f2\] {
    background-color: #e7f2f2;
  }
  .bg-\[\#e7ffe9\] {
    background-color: #e7ffe9;
  }
  .bg-\[\#e8dcc8\] {
    background-color: #e8dcc8;
  }
  .bg-\[\#e8dfce\] {
    background-color: #e8dfce;
  }
  .bg-\[\#e8f7ff\] {
    background-color: #e8f7ff;
  }
  .bg-\[\#e8f8ff\] {
    background-color: #e8f8ff;
  }
  .bg-\[\#e9dfd2\] {
    background-color: #e9dfd2;
  }
  .bg-\[\#e9eaf8\] {
    background-color: #e9eaf8;
  }
  .bg-\[\#e94560\] {
    background-color: #e94560;
  }
  .bg-\[\#e94560\]\/60 {
    background-color: color-mix(in oklab, #e94560 60%, transparent);
  }
  .bg-\[\#eadde5\] {
    background-color: #eadde5;
  }
  .bg-\[\#eaf0ff\] {
    background-color: #eaf0ff;
  }
  .bg-\[\#eaffe7\] {
    background-color: #eaffe7;
  }
  .bg-\[\#ebf3f8\] {
    background-color: #ebf3f8;
  }
  .bg-\[\#ece5d8\] {
    background-color: #ece5d8;
  }
  .bg-\[\#ecf6ff\] {
    background-color: #ecf6ff;
  }
  .bg-\[\#eee3d7\] {
    background-color: #eee3d7;
  }
  .bg-\[\#eef6fa\] {
    background-color: #eef6fa;
  }
  .bg-\[\#efe2c4\] {
    background-color: #efe2c4;
  }
  .bg-\[\#efe4d3\] {
    background-color: #efe4d3;
  }
  .bg-\[\#efe6d8\] {
    background-color: #efe6d8;
  }
  .bg-\[\#efe8d8\] {
    background-color: #efe8d8;
  }
  .bg-\[\#f0e7da\] {
    background-color: #f0e7da;
  }
  .bg-\[\#f0e9d9\] {
    background-color: #f0e9d9;
  }
  .bg-\[\#f0eaf6\] {
    background-color: #f0eaf6;
  }
  .bg-\[\#f0f0f0\] {
    background-color: #f0f0f0;
  }
  .bg-\[\#f0f3f9\] {
    background-color: #f0f3f9;
  }
  .bg-\[\#f0f5ef\] {
    background-color: #f0f5ef;
  }
  .bg-\[\#f0f6fb\] {
    background-color: #f0f6fb;
  }
  .bg-\[\#f1f1f4\] {
    background-color: #f1f1f4;
  }
  .bg-\[\#f2dad5\] {
    background-color: #f2dad5;
  }
  .bg-\[\#f2f7ff\] {
    background-color: #f2f7ff;
  }
  .bg-\[\#f2fbfd\] {
    background-color: #f2fbfd;
  }
  .bg-\[\#f3d4d1\] {
    background-color: #f3d4d1;
  }
  .bg-\[\#f3d8c4\] {
    background-color: #f3d8c4;
  }
  .bg-\[\#f3e0cf\] {
    background-color: #f3e0cf;
  }
  .bg-\[\#f3f1ff\] {
    background-color: #f3f1ff;
  }
  .bg-\[\#f3f4f6\] {
    background-color: #f3f4f6;
  }
  .bg-\[\#f3f8ff\] {
    background-color: #f3f8ff;
  }
  .bg-\[\#f4b860\] {
    background-color: #f4b860;
  }
  .bg-\[\#f4b860\]\/30 {
    background-color: color-mix(in oklab, #f4b860 30%, transparent);
  }
  .bg-\[\#f4f4f4\] {
    background-color: #f4f4f4;
  }
  .bg-\[\#f4f5f7\] {
    background-color: #f4f5f7;
  }
  .bg-\[\#f4f9fc\] {
    background-color: #f4f9fc;
  }
  .bg-\[\#f4fafa\] {
    background-color: #f4fafa;
  }
  .bg-\[\#f5a623\] {
    background-color: #f5a623;
  }
  .bg-\[\#f5f5f5\] {
    background-color: #f5f5f5;
  }
  .bg-\[\#f5f7fa\] {
    background-color: #f5f7fa;
  }
  .bg-\[\#f5fafd\] {
    background-color: #f5fafd;
  }
  .bg-\[\#f5fbff\] {
    background-color: #f5fbff;
  }
  .bg-\[\#f6eee2\] {
    background-color: #f6eee2;
  }
  .bg-\[\#f6f9fc\] {
    background-color: #f6f9fc;
  }
  .bg-\[\#f7efe2\] {
    background-color: #f7efe2;
  }
  .bg-\[\#f7f3ec\] {
    background-color: #f7f3ec;
  }
  .bg-\[\#f7f3ec\]\/85 {
    background-color: color-mix(in oklab, #f7f3ec 85%, transparent);
  }
  .bg-\[\#f7faff\] {
    background-color: #f7faff;
  }
  .bg-\[\#f8e7ec\] {
    background-color: #f8e7ec;
  }
  .bg-\[\#f8e9ff\] {
    background-color: #f8e9ff;
  }
  .bg-\[\#f8f4ed\] {
    background-color: #f8f4ed;
  }
  .bg-\[\#f8f4ed\]\/95 {
    background-color: color-mix(in oklab, #f8f4ed 95%, transparent);
  }
  .bg-\[\#f8f9fb\] {
    background-color: #f8f9fb;
  }
  .bg-\[\#f8fafe\] {
    background-color: #f8fafe;
  }
  .bg-\[\#f9f5ee\] {
    background-color: #f9f5ee;
  }
  .bg-\[\#f77a56\] {
    background-color: #f77a56;
  }
  .bg-\[\#f96f60\] {
    background-color: #f96f60;
  }
  .bg-\[\#f8285b\] {
    background-color: #f8285b;
  }
  .bg-\[\#faf7f0\] {
    background-color: #faf7f0;
  }
  .bg-\[\#fafcff\] {
    background-color: #fafcff;
  }
  .bg-\[\#fbf3ec\] {
    background-color: #fbf3ec;
  }
  .bg-\[\#fbf4ed\] {
    background-color: #fbf4ed;
  }
  .bg-\[\#fbf5ed\] {
    background-color: #fbf5ed;
  }
  .bg-\[\#fbf6ee\] {
    background-color: #fbf6ee;
  }
  .bg-\[\#fbf8f2\] {
    background-color: #fbf8f2;
  }
  .bg-\[\#fcf6ee\] {
    background-color: #fcf6ee;
  }
  .bg-\[\#fcf7ea\] {
    background-color: #fcf7ea;
  }
  .bg-\[\#fcf7ef\] {
    background-color: #fcf7ef;
  }
  .bg-\[\#fcfaf3\] {
    background-color: #fcfaf3;
  }
  .bg-\[\#fd6a5e\] {
    background-color: #fd6a5e;
  }
  .bg-\[\#fde3c5\] {
    background-color: #fde3c5;
  }
  .bg-\[\#fdecd8\] {
    background-color: #fdecd8;
  }
  .bg-\[\#fdf3e7\] {
    background-color: #fdf3e7;
  }
  .bg-\[\#feece9\] {
    background-color: #feece9;
  }
  .bg-\[\#fefefe\] {
    background-color: #fefefe;
  }
  .bg-\[\#ff0\] {
    background-color: #ff0;
  }
  .bg-\[\#ff006b\] {
    background-color: #ff006b;
  }
  .bg-\[\#ff6cc4\] {
    background-color: #ff6cc4;
  }
  .bg-\[\#ff3793\] {
    background-color: #ff3793;
  }
  .bg-\[\#ff7052\] {
    background-color: #ff7052;
  }
  .bg-\[\#ffb56a\] {
    background-color: #ffb56a;
  }
  .bg-\[\#ffba65\] {
    background-color: #ffba65;
  }
  .bg-\[\#ffbe50\] {
    background-color: #ffbe50;
  }
  .bg-\[\#ffc765\] {
    background-color: #ffc765;
  }
  .bg-\[\#ffcd8b\] {
    background-color: #ffcd8b;
  }
  .bg-\[\#ffd88c\] {
    background-color: #ffd88c;
  }
  .bg-\[\#ffd583\] {
    background-color: #ffd583;
  }
  .bg-\[\#ffdbd0\] {
    background-color: #ffdbd0;
  }
  .bg-\[\#ffdfdf\] {
    background-color: #ffdfdf;
  }
  .bg-\[\#ffe3e3\] {
    background-color: #ffe3e3;
  }
  .bg-\[\#ffe06b\] {
    background-color: #ffe06b;
  }
  .bg-\[\#ffeaa0\] {
    background-color: #ffeaa0;
  }
  .bg-\[\#ffebef\] {
    background-color: #ffebef;
  }
  .bg-\[\#fff4e9\] {
    background-color: #fff4e9;
  }
  .bg-\[\#fff5d1\] {
    background-color: #fff5d1;
  }
  .bg-\[\#fff6ec\] {
    background-color: #fff6ec;
  }
  .bg-\[\#fff7db\] {
    background-color: #fff7db;
  }
  .bg-\[\#fff7ef\] {
    background-color: #fff7ef;
  }
  .bg-\[\#fff8ea\] {
    background-color: #fff8ea;
  }
  .bg-\[\#fff9e5\] {
    background-color: #fff9e5;
  }
  .bg-\[\#fff9eb\] {
    background-color: #fff9eb;
  }
  .bg-\[\#fffcf6\] {
    background-color: #fffcf6;
  }
  .bg-\[\#fffdf8\] {
    background-color: #fffdf8;
  }
  .bg-\[--color-bg\] {
    background-color: --color-bg;
  }
  .bg-\[rgb\(47_128_237\/0\.1\)\] {
    background-color: rgb(47 128 237/0.1);
  }
  .bg-\[rgb\(255\,39\,89\)\] {
    background-color: rgb(255,39,89);
  }
  .bg-\[rgba\(0\,166\,255\,0\.65\)\] {
    background-color: rgba(0,166,255,0.65);
  }
  .bg-\[rgba\(89\,156\,255\,0\.12\)\] {
    background-color: rgba(89,156,255,0.12);
  }
  .bg-\[rgba\(140\,39\,255\,0\.55\)\] {
    background-color: rgba(140,39,255,0.55);
  }
  .bg-\[rgba\(216\,216\,216\,0\.14\)\] {
    background-color: rgba(216,216,216,0.14);
  }
  .bg-\[rgba\(243\,247\,248\,0\.1\)\] {
    background-color: rgba(243,247,248,0.1);
  }
  .bg-\[rgba\(246\,247\,249\,1\)\] {
    background-color: rgba(246,247,249,1);
  }
  .bg-\[rgba\(255\,4\,64\,0\.2\)\] {
    background-color: rgba(255,4,64,0.2);
  }
  .bg-\[rgba\(255\,104\,40\,0\.07\)\] {
    background-color: rgba(255,104,40,0.07);
  }
  .bg-\[rgba\(255\,173\,58\,0\.72\)\] {
    background-color: rgba(255,173,58,0.72);
  }
  .bg-\[rgba\(255\,255\,255\)\] {
    background-color: rgba(255,255,255);
  }
  .bg-\[rgba\(255\,255\,255\,\.03\)\] {
    background-color: rgba(255,255,255,.03);
  }
  .bg-\[rgba\(255\,255\,255\,0\.1\)\] {
    background-color: rgba(255,255,255,0.1);
  }
  .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\.08\)\] {
    background-color: rgba(255,255,255,0.08);
  }
  .bg-\[rgba\(255\,255\,255\,0\.13\)\] {
    background-color: rgba(255,255,255,0.13);
  }
  .bg-\[rgba\(255\,255\,255\,0\.15\)\] {
    background-color: rgba(255,255,255,0.15);
  }
  .bg-\[rgba\(255\,255\,255\,0\.19\)\] {
    background-color: rgba(255,255,255,0.19);
  }
  .bg-\[rgba\(255\,255\,255\,0\.92\)\] {
    background-color: rgba(255,255,255,0.92);
  }
  .bg-\[var\(--blue-dark\)\] {
    background-color: var(--blue-dark);
  }
  .bg-\[var\(--purple-blue\)\] {
    background-color: var(--purple-blue);
  }
  .bg-\[var\(--red-light\)\] {
    background-color: var(--red-light);
  }
  .bg-\[var\(--vin-red\)\] {
    background-color: var(--vin-red);
  }
  .bg-accent {
    background-color: hsl(var(--accent));
  }
  .bg-accent\/5 {
    background-color: hsl(var(--accent));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--accent)) 5%, transparent);
    }
  }
  .bg-accent\/10 {
    background-color: hsl(var(--accent));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--accent)) 10%, transparent);
    }
  }
  .bg-accent\/15 {
    background-color: hsl(var(--accent));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--accent)) 15%, transparent);
    }
  }
  .bg-accent\/20 {
    background-color: hsl(var(--accent));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--accent)) 20%, transparent);
    }
  }
  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }
  .bg-amber-50\/40 {
    background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-50) 40%, transparent);
    }
  }
  .bg-amber-50\/50 {
    background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-50) 50%, transparent);
    }
  }
  .bg-amber-50\/60 {
    background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-50) 60%, transparent);
    }
  }
  .bg-amber-50\/80 {
    background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-50) 80%, transparent);
    }
  }
  .bg-amber-50\/90 {
    background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-50) 90%, transparent);
    }
  }
  .bg-amber-100 {
    background-color: var(--color-amber-100);
  }
  .bg-amber-100\/50 {
    background-color: color-mix(in srgb, oklch(96.2% 0.059 95.617) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-100) 50%, transparent);
    }
  }
  .bg-amber-200 {
    background-color: var(--color-amber-200);
  }
  .bg-amber-200\/10 {
    background-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-200) 10%, transparent);
    }
  }
  .bg-amber-200\/20 {
    background-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-200) 20%, transparent);
    }
  }
  .bg-amber-200\/30 {
    background-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-200) 30%, transparent);
    }
  }
  .bg-amber-200\/50 {
    background-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-200) 50%, transparent);
    }
  }
  .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\/30 {
    background-color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-300) 30%, 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-500 {
    background-color: var(--color-amber-500);
  }
  .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\/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\/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\.04\] {
    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 4%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-500) 4%, transparent);
    }
  }
  .bg-amber-600 {
    background-color: var(--color-amber-600);
  }
  .bg-amber-600\/90 {
    background-color: color-mix(in srgb, oklch(66.6% 0.179 58.318) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-600) 90%, transparent);
    }
  }
  .bg-amber-700 {
    background-color: var(--color-amber-700);
  }
  .bg-amber-700\/20 {
    background-color: color-mix(in srgb, oklch(55.5% 0.163 48.998) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-700) 20%, transparent);
    }
  }
  .bg-amber-700\/50 {
    background-color: color-mix(in srgb, oklch(55.5% 0.163 48.998) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-700) 50%, transparent);
    }
  }
  .bg-amber-900 {
    background-color: var(--color-amber-900);
  }
  .bg-amber-900\/80 {
    background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-900) 80%, transparent);
    }
  }
  .bg-amber-900\/88 {
    background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 88%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-900) 88%, transparent);
    }
  }
  .bg-background {
    background-color: hsl(var(--background));
  }
  .bg-background\/30 {
    background-color: hsl(var(--background));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--background)) 30%, transparent);
    }
  }
  .bg-background\/50 {
    background-color: hsl(var(--background));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--background)) 50%, transparent);
    }
  }
  .bg-background\/60 {
    background-color: hsl(var(--background));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--background)) 60%, transparent);
    }
  }
  .bg-background\/80 {
    background-color: hsl(var(--background));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--background)) 80%, transparent);
    }
  }
  .bg-background\/90 {
    background-color: hsl(var(--background));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--background)) 90%, transparent);
    }
  }
  .bg-background\/95 {
    background-color: hsl(var(--background));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--background)) 95%, 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\/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\/35 {
    background-color: color-mix(in srgb, #000 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 35%, 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\/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\/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\/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\/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\/\[0\.02\] {
    background-color: color-mix(in srgb, #000 2%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 2%, transparent);
    }
  }
  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }
  .bg-blue-50\/25 {
    background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-50) 25%, transparent);
    }
  }
  .bg-blue-50\/30 {
    background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-50) 30%, transparent);
    }
  }
  .bg-blue-50\/40 {
    background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-50) 40%, transparent);
    }
  }
  .bg-blue-50\/50 {
    background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-50) 50%, transparent);
    }
  }
  .bg-blue-50\/60 {
    background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-50) 60%, transparent);
    }
  }
  .bg-blue-50\/70 {
    background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-50) 70%, transparent);
    }
  }
  .bg-blue-50\/80 {
    background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-50) 80%, transparent);
    }
  }
  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }
  .bg-blue-100\/70 {
    background-color: color-mix(in srgb, oklch(93.2% 0.032 255.585) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-100) 70%, transparent);
    }
  }
  .bg-blue-200 {
    background-color: var(--color-blue-200);
  }
  .bg-blue-300 {
    background-color: var(--color-blue-300);
  }
  .bg-blue-300\/30 {
    background-color: color-mix(in srgb, oklch(80.9% 0.105 251.813) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-300) 30%, transparent);
    }
  }
  .bg-blue-400 {
    background-color: var(--color-blue-400);
  }
  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }
  .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\/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\/30 {
    background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
    }
  }
  .bg-blue-500\/50 {
    background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent);
    }
  }
  .bg-blue-500\/90 {
    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);
    }
  }
  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }
  .bg-blue-600\/20 {
    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);
    }
  }
  .bg-blue-700 {
    background-color: var(--color-blue-700);
  }
  .bg-blue-700\/50 {
    background-color: color-mix(in srgb, oklch(48.8% 0.243 264.376) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-700) 50%, transparent);
    }
  }
  .bg-blue-900 {
    background-color: var(--color-blue-900);
  }
  .bg-border {
    background-color: hsl(var(--border-hsl));
  }
  .bg-border\/60 {
    background-color: hsl(var(--border-hsl));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--border-hsl)) 60%, transparent);
    }
  }
  .bg-border\/70 {
    background-color: hsl(var(--border-hsl));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--border-hsl)) 70%, transparent);
    }
  }
  .bg-card {
    background-color: hsl(var(--card));
  }
  .bg-card\/20 {
    background-color: hsl(var(--card));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--card)) 20%, transparent);
    }
  }
  .bg-card\/50 {
    background-color: hsl(var(--card));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--card)) 50%, transparent);
    }
  }
  .bg-card\/80 {
    background-color: hsl(var(--card));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--card)) 80%, transparent);
    }
  }
  .bg-card\/90 {
    background-color: hsl(var(--card));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--card)) 90%, transparent);
    }
  }
  .bg-card\/95 {
    background-color: hsl(var(--card));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--card)) 95%, transparent);
    }
  }
  .bg-cyan-50 {
    background-color: var(--color-cyan-50);
  }
  .bg-cyan-100 {
    background-color: var(--color-cyan-100);
  }
  .bg-cyan-200 {
    background-color: var(--color-cyan-200);
  }
  .bg-cyan-200\/50 {
    background-color: color-mix(in srgb, oklch(91.7% 0.08 205.041) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-200) 50%, transparent);
    }
  }
  .bg-cyan-300 {
    background-color: var(--color-cyan-300);
  }
  .bg-cyan-400 {
    background-color: var(--color-cyan-400);
  }
  .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-500 {
    background-color: var(--color-cyan-500);
  }
  .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\/8 {
    background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-500) 8%, 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\/80 {
    background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-500) 80%, transparent);
    }
  }
  .bg-cyan-500\/90 {
    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);
    }
  }
  .bg-cyan-600 {
    background-color: var(--color-cyan-600);
  }
  .bg-cyan-600\/90 {
    background-color: color-mix(in srgb, oklch(60.9% 0.126 221.723) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-600) 90%, transparent);
    }
  }
  .bg-cyan-700 {
    background-color: var(--color-cyan-700);
  }
  .bg-cyan-900 {
    background-color: var(--color-cyan-900);
  }
  .bg-cyan-900\/30 {
    background-color: color-mix(in srgb, oklch(39.8% 0.07 227.392) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-900) 30%, transparent);
    }
  }
  .bg-cyan-900\/90 {
    background-color: color-mix(in srgb, oklch(39.8% 0.07 227.392) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-900) 90%, transparent);
    }
  }
  .bg-destructive {
    background-color: hsl(var(--destructive));
  }
  .bg-destructive\/5 {
    background-color: hsl(var(--destructive));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--destructive)) 5%, transparent);
    }
  }
  .bg-destructive\/10 {
    background-color: hsl(var(--destructive));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--destructive)) 10%, transparent);
    }
  }
  .bg-destructive\/15 {
    background-color: hsl(var(--destructive));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--destructive)) 15%, transparent);
    }
  }
  .bg-emerald-50 {
    background-color: var(--color-emerald-50);
  }
  .bg-emerald-50\/60 {
    background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-50) 60%, transparent);
    }
  }
  .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-50\/90 {
    background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-50) 90%, transparent);
    }
  }
  .bg-emerald-100 {
    background-color: var(--color-emerald-100);
  }
  .bg-emerald-200 {
    background-color: var(--color-emerald-200);
  }
  .bg-emerald-300 {
    background-color: var(--color-emerald-300);
  }
  .bg-emerald-400 {
    background-color: var(--color-emerald-400);
  }
  .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\/90 {
    background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-400) 90%, transparent);
    }
  }
  .bg-emerald-400\/95 {
    background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-400) 95%, 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\/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\/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\/30 {
    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);
    }
  }
  .bg-emerald-500\/50 {
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 50%, transparent);
    }
  }
  .bg-emerald-500\/90 {
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 90%, transparent);
    }
  }
  .bg-emerald-600 {
    background-color: var(--color-emerald-600);
  }
  .bg-emerald-700 {
    background-color: var(--color-emerald-700);
  }
  .bg-emerald-700\/50 {
    background-color: color-mix(in srgb, oklch(50.8% 0.118 165.612) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-700) 50%, transparent);
    }
  }
  .bg-emerald-800 {
    background-color: var(--color-emerald-800);
  }
  .bg-emerald-900 {
    background-color: var(--color-emerald-900);
  }
  .bg-emerald-900\/80 {
    background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-900) 80%, transparent);
    }
  }
  .bg-emerald-900\/90 {
    background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-900) 90%, transparent);
    }
  }
  .bg-foreground {
    background-color: hsl(var(--foreground));
  }
  .bg-foreground\/3 {
    background-color: hsl(var(--foreground));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--foreground)) 3%, transparent);
    }
  }
  .bg-foreground\/5 {
    background-color: hsl(var(--foreground));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--foreground)) 5%, transparent);
    }
  }
  .bg-foreground\/10 {
    background-color: hsl(var(--foreground));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--foreground)) 10%, transparent);
    }
  }
  .bg-foreground\/20 {
    background-color: hsl(var(--foreground));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--foreground)) 20%, transparent);
    }
  }
  .bg-foreground\/40 {
    background-color: hsl(var(--foreground));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--foreground)) 40%, transparent);
    }
  }
  .bg-foreground\/90 {
    background-color: hsl(var(--foreground));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--foreground)) 90%, transparent);
    }
  }
  .bg-fuchsia-50 {
    background-color: var(--color-fuchsia-50);
  }
  .bg-fuchsia-100 {
    background-color: var(--color-fuchsia-100);
  }
  .bg-fuchsia-200 {
    background-color: var(--color-fuchsia-200);
  }
  .bg-fuchsia-300 {
    background-color: var(--color-fuchsia-300);
  }
  .bg-fuchsia-400 {
    background-color: var(--color-fuchsia-400);
  }
  .bg-fuchsia-400\/20 {
    background-color: color-mix(in srgb, oklch(74% 0.238 322.16) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-fuchsia-400) 20%, transparent);
    }
  }
  .bg-fuchsia-400\/30 {
    background-color: color-mix(in srgb, oklch(74% 0.238 322.16) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-fuchsia-400) 30%, transparent);
    }
  }
  .bg-fuchsia-500 {
    background-color: var(--color-fuchsia-500);
  }
  .bg-fuchsia-500\/20 {
    background-color: color-mix(in srgb, oklch(66.7% 0.295 322.15) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-fuchsia-500) 20%, transparent);
    }
  }
  .bg-fuchsia-500\/30 {
    background-color: color-mix(in srgb, oklch(66.7% 0.295 322.15) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-fuchsia-500) 30%, 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-500\/90 {
    background-color: color-mix(in srgb, oklch(66.7% 0.295 322.15) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-fuchsia-500) 90%, transparent);
    }
  }
  .bg-fuchsia-600 {
    background-color: var(--color-fuchsia-600);
  }
  .bg-fuchsia-600\/10 {
    background-color: color-mix(in srgb, oklch(59.1% 0.293 322.896) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-fuchsia-600) 10%, transparent);
    }
  }
  .bg-fuchsia-600\/90 {
    background-color: color-mix(in srgb, oklch(59.1% 0.293 322.896) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-fuchsia-600) 90%, transparent);
    }
  }
  .bg-gray-50 {
    background-color: var(--color-gray-50);
  }
  .bg-gray-50\/30 {
    background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-50) 30%, transparent);
    }
  }
  .bg-gray-50\/50 {
    background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-50) 50%, transparent);
    }
  }
  .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\/70 {
    background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-50) 70%, 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-50\/90 {
    background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-50) 90%, transparent);
    }
  }
  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-gray-100\/70 {
    background-color: color-mix(in srgb, oklch(96.7% 0.003 264.542) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-100) 70%, transparent);
    }
  }
  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }
  .bg-gray-200\/70 {
    background-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-200) 70%, transparent);
    }
  }
  .bg-gray-200\/80 {
    background-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-200) 80%, transparent);
    }
  }
  .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\/10 {
    background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-500) 10%, transparent);
    }
  }
  .bg-gray-600 {
    background-color: var(--color-gray-600);
  }
  .bg-gray-700 {
    background-color: var(--color-gray-700);
  }
  .bg-gray-800 {
    background-color: var(--color-gray-800);
  }
  .bg-gray-900 {
    background-color: var(--color-gray-900);
  }
  .bg-gray-900\/8 {
    background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-900) 8%, transparent);
    }
  }
  .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\/75 {
    background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-900) 75%, transparent);
    }
  }
  .bg-green-50 {
    background-color: var(--color-green-50);
  }
  .bg-green-50\/40 {
    background-color: color-mix(in srgb, oklch(98.2% 0.018 155.826) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-green-50) 40%, transparent);
    }
  }
  .bg-green-50\/50 {
    background-color: color-mix(in srgb, oklch(98.2% 0.018 155.826) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-green-50) 50%, transparent);
    }
  }
  .bg-green-100 {
    background-color: var(--color-green-100);
  }
  .bg-green-100\/50 {
    background-color: color-mix(in srgb, oklch(96.2% 0.044 156.743) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-green-100) 50%, transparent);
    }
  }
  .bg-green-100\/70 {
    background-color: color-mix(in srgb, oklch(96.2% 0.044 156.743) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-green-100) 70%, transparent);
    }
  }
  .bg-green-200 {
    background-color: var(--color-green-200);
  }
  .bg-green-300 {
    background-color: var(--color-green-300);
  }
  .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\/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\/30 {
    background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-green-500) 30%, transparent);
    }
  }
  .bg-green-500\/50 {
    background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-green-500) 50%, transparent);
    }
  }
  .bg-green-500\/90 {
    background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-green-500) 90%, transparent);
    }
  }
  .bg-green-600 {
    background-color: var(--color-green-600);
  }
  .bg-green-900 {
    background-color: var(--color-green-900);
  }
  .bg-green-900\/40 {
    background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-green-900) 40%, transparent);
    }
  }
  .bg-indigo-50 {
    background-color: var(--color-indigo-50);
  }
  .bg-indigo-50\/50 {
    background-color: color-mix(in srgb, oklch(96.2% 0.018 272.314) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-50) 50%, transparent);
    }
  }
  .bg-indigo-50\/60 {
    background-color: color-mix(in srgb, oklch(96.2% 0.018 272.314) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-50) 60%, transparent);
    }
  }
  .bg-indigo-50\/70 {
    background-color: color-mix(in srgb, oklch(96.2% 0.018 272.314) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-50) 70%, transparent);
    }
  }
  .bg-indigo-50\/80 {
    background-color: color-mix(in srgb, oklch(96.2% 0.018 272.314) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-50) 80%, transparent);
    }
  }
  .bg-indigo-100 {
    background-color: var(--color-indigo-100);
  }
  .bg-indigo-100\/70 {
    background-color: color-mix(in srgb, oklch(93% 0.034 272.788) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-100) 70%, transparent);
    }
  }
  .bg-indigo-200 {
    background-color: var(--color-indigo-200);
  }
  .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-200\/50 {
    background-color: color-mix(in srgb, oklch(87% 0.065 274.039) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-200) 50%, transparent);
    }
  }
  .bg-indigo-300 {
    background-color: var(--color-indigo-300);
  }
  .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\/20 {
    background-color: color-mix(in srgb, oklch(67.3% 0.182 276.935) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-400) 20%, transparent);
    }
  }
  .bg-indigo-400\/50 {
    background-color: color-mix(in srgb, oklch(67.3% 0.182 276.935) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-400) 50%, transparent);
    }
  }
  .bg-indigo-500 {
    background-color: var(--color-indigo-500);
  }
  .bg-indigo-500\/5 {
    background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-500) 5%, 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\/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\/50 {
    background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-500) 50%, 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-500\/90 {
    background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-500) 90%, transparent);
    }
  }
  .bg-indigo-600 {
    background-color: var(--color-indigo-600);
  }
  .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\/90 {
    background-color: color-mix(in srgb, oklch(51.1% 0.262 276.966) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-600) 90%, transparent);
    }
  }
  .bg-indigo-700 {
    background-color: var(--color-indigo-700);
  }
  .bg-indigo-800 {
    background-color: var(--color-indigo-800);
  }
  .bg-indigo-900 {
    background-color: var(--color-indigo-900);
  }
  .bg-indigo-900\/30 {
    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);
    }
  }
  .bg-indigo-900\/50 {
    background-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-900) 50%, transparent);
    }
  }
  .bg-indigo-950 {
    background-color: var(--color-indigo-950);
  }
  .bg-inherit {
    background-color: inherit;
  }
  .bg-input {
    background-color: hsl(var(--input));
  }
  .bg-lime-50 {
    background-color: var(--color-lime-50);
  }
  .bg-lime-100 {
    background-color: var(--color-lime-100);
  }
  .bg-lime-200 {
    background-color: var(--color-lime-200);
  }
  .bg-lime-300 {
    background-color: var(--color-lime-300);
  }
  .bg-lime-400 {
    background-color: var(--color-lime-400);
  }
  .bg-lime-500 {
    background-color: var(--color-lime-500);
  }
  .bg-lime-500\/20 {
    background-color: color-mix(in srgb, oklch(76.8% 0.233 130.85) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-lime-500) 20%, transparent);
    }
  }
  .bg-lime-500\/90 {
    background-color: color-mix(in srgb, oklch(76.8% 0.233 130.85) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-lime-500) 90%, transparent);
    }
  }
  .bg-lime-600 {
    background-color: var(--color-lime-600);
  }
  .bg-lime-600\/90 {
    background-color: color-mix(in srgb, oklch(64.8% 0.2 131.684) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-lime-600) 90%, transparent);
    }
  }
  .bg-lime-700 {
    background-color: var(--color-lime-700);
  }
  .bg-muted {
    background-color: hsl(var(--muted));
  }
  .bg-muted-foreground {
    background-color: hsl(var(--muted-foreground));
  }
  .bg-muted-foreground\/30 {
    background-color: hsl(var(--muted-foreground));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--muted-foreground)) 30%, transparent);
    }
  }
  .bg-muted-foreground\/40 {
    background-color: hsl(var(--muted-foreground));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--muted-foreground)) 40%, transparent);
    }
  }
  .bg-muted\/10 {
    background-color: hsl(var(--muted));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--muted)) 10%, transparent);
    }
  }
  .bg-muted\/20 {
    background-color: hsl(var(--muted));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--muted)) 20%, transparent);
    }
  }
  .bg-muted\/30 {
    background-color: hsl(var(--muted));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--muted)) 30%, transparent);
    }
  }
  .bg-muted\/35 {
    background-color: hsl(var(--muted));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--muted)) 35%, transparent);
    }
  }
  .bg-muted\/40 {
    background-color: hsl(var(--muted));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--muted)) 40%, transparent);
    }
  }
  .bg-muted\/50 {
    background-color: hsl(var(--muted));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--muted)) 50%, transparent);
    }
  }
  .bg-muted\/60 {
    background-color: hsl(var(--muted));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--muted)) 60%, transparent);
    }
  }
  .bg-muted\/80 {
    background-color: hsl(var(--muted));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--muted)) 80%, transparent);
    }
  }
  .bg-neutral-50 {
    background-color: var(--color-neutral-50);
  }
  .bg-neutral-50\/90 {
    background-color: color-mix(in srgb, oklch(98.5% 0 0) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-50) 90%, transparent);
    }
  }
  .bg-neutral-100 {
    background-color: var(--color-neutral-100);
  }
  .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-300 {
    background-color: var(--color-neutral-300);
  }
  .bg-neutral-300\/30 {
    background-color: color-mix(in srgb, oklch(87% 0 0) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-300) 30%, transparent);
    }
  }
  .bg-neutral-400 {
    background-color: var(--color-neutral-400);
  }
  .bg-neutral-400\/30 {
    background-color: color-mix(in srgb, oklch(70.8% 0 0) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-400) 30%, transparent);
    }
  }
  .bg-neutral-500 {
    background-color: var(--color-neutral-500);
  }
  .bg-neutral-600 {
    background-color: var(--color-neutral-600);
  }
  .bg-neutral-700 {
    background-color: var(--color-neutral-700);
  }
  .bg-neutral-700\/60 {
    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);
    }
  }
  .bg-neutral-800 {
    background-color: var(--color-neutral-800);
  }
  .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-900 {
    background-color: var(--color-neutral-900);
  }
  .bg-neutral-900\/10 {
    background-color: color-mix(in srgb, oklch(20.5% 0 0) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-900) 10%, transparent);
    }
  }
  .bg-neutral-900\/40 {
    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);
    }
  }
  .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-950 {
    background-color: var(--color-neutral-950);
  }
  .bg-orange-50 {
    background-color: var(--color-orange-50);
  }
  .bg-orange-100 {
    background-color: var(--color-orange-100);
  }
  .bg-orange-100\/70 {
    background-color: color-mix(in srgb, oklch(95.4% 0.038 75.164) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-orange-100) 70%, transparent);
    }
  }
  .bg-orange-200 {
    background-color: var(--color-orange-200);
  }
  .bg-orange-200\/30 {
    background-color: color-mix(in srgb, oklch(90.1% 0.076 70.697) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-orange-200) 30%, transparent);
    }
  }
  .bg-orange-200\/40 {
    background-color: color-mix(in srgb, oklch(90.1% 0.076 70.697) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-orange-200) 40%, transparent);
    }
  }
  .bg-orange-200\/60 {
    background-color: color-mix(in srgb, oklch(90.1% 0.076 70.697) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-orange-200) 60%, transparent);
    }
  }
  .bg-orange-300 {
    background-color: var(--color-orange-300);
  }
  .bg-orange-400 {
    background-color: var(--color-orange-400);
  }
  .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\/15 {
    background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-orange-500) 15%, 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\/30 {
    background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-orange-500) 30%, transparent);
    }
  }
  .bg-orange-500\/50 {
    background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-orange-500) 50%, transparent);
    }
  }
  .bg-orange-500\/90 {
    background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-orange-500) 90%, 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-palette-1 {
    background-color: #26221d;
  }
  .bg-palette-1\/5 {
    background-color: color-mix(in oklab, #26221d 5%, transparent);
  }
  .bg-palette-1\/10 {
    background-color: color-mix(in oklab, #26221d 10%, transparent);
  }
  .bg-palette-2 {
    background-color: #b5795b;
  }
  .bg-palette-2\/5 {
    background-color: color-mix(in oklab, #b5795b 5%, transparent);
  }
  .bg-palette-2\/10 {
    background-color: color-mix(in oklab, #b5795b 10%, transparent);
  }
  .bg-palette-3 {
    background-color: #a06d55;
  }
  .bg-palette-3\/5 {
    background-color: color-mix(in oklab, #a06d55 5%, transparent);
  }
  .bg-palette-3\/10 {
    background-color: color-mix(in oklab, #a06d55 10%, transparent);
  }
  .bg-palette-4 {
    background-color: #1f2b24;
  }
  .bg-palette-4\/5 {
    background-color: color-mix(in oklab, #1f2b24 5%, transparent);
  }
  .bg-palette-4\/10 {
    background-color: color-mix(in oklab, #1f2b24 10%, transparent);
  }
  .bg-palette-5 {
    background-color: #e5c08b;
  }
  .bg-palette-5\/5 {
    background-color: color-mix(in oklab, #e5c08b 5%, transparent);
  }
  .bg-palette-5\/10 {
    background-color: color-mix(in oklab, #e5c08b 10%, transparent);
  }
  .bg-palette-6 {
    background-color: #8d7964;
  }
  .bg-palette-6\/5 {
    background-color: color-mix(in oklab, #8d7964 5%, transparent);
  }
  .bg-palette-6\/10 {
    background-color: color-mix(in oklab, #8d7964 10%, transparent);
  }
  .bg-palette-7 {
    background-color: #d7b79a;
  }
  .bg-palette-7\/5 {
    background-color: color-mix(in oklab, #d7b79a 5%, transparent);
  }
  .bg-palette-7\/10 {
    background-color: color-mix(in oklab, #d7b79a 10%, transparent);
  }
  .bg-palette-8 {
    background-color: #ece5d8;
  }
  .bg-palette-8\/5 {
    background-color: color-mix(in oklab, #ece5d8 5%, transparent);
  }
  .bg-palette-8\/10 {
    background-color: color-mix(in oklab, #ece5d8 10%, transparent);
  }
  .bg-pink-50 {
    background-color: var(--color-pink-50);
  }
  .bg-pink-50\/80 {
    background-color: color-mix(in srgb, oklch(97.1% 0.014 343.198) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-pink-50) 80%, transparent);
    }
  }
  .bg-pink-100 {
    background-color: var(--color-pink-100);
  }
  .bg-pink-200 {
    background-color: var(--color-pink-200);
  }
  .bg-pink-300 {
    background-color: var(--color-pink-300);
  }
  .bg-pink-300\/20 {
    background-color: color-mix(in srgb, oklch(82.3% 0.12 346.018) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-pink-300) 20%, transparent);
    }
  }
  .bg-pink-300\/30 {
    background-color: color-mix(in srgb, oklch(82.3% 0.12 346.018) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-pink-300) 30%, transparent);
    }
  }
  .bg-pink-400 {
    background-color: var(--color-pink-400);
  }
  .bg-pink-400\/20 {
    background-color: color-mix(in srgb, oklch(71.8% 0.202 349.761) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-pink-400) 20%, transparent);
    }
  }
  .bg-pink-500 {
    background-color: var(--color-pink-500);
  }
  .bg-pink-500\/10 {
    background-color: color-mix(in srgb, oklch(65.6% 0.241 354.308) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-pink-500) 10%, transparent);
    }
  }
  .bg-pink-500\/20 {
    background-color: color-mix(in srgb, oklch(65.6% 0.241 354.308) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-pink-500) 20%, transparent);
    }
  }
  .bg-pink-500\/90 {
    background-color: color-mix(in srgb, oklch(65.6% 0.241 354.308) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-pink-500) 90%, transparent);
    }
  }
  .bg-pink-600 {
    background-color: var(--color-pink-600);
  }
  .bg-pink-600\/20 {
    background-color: color-mix(in srgb, oklch(59.2% 0.249 0.584) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-pink-600) 20%, transparent);
    }
  }
  .bg-pink-600\/90 {
    background-color: color-mix(in srgb, oklch(59.2% 0.249 0.584) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-pink-600) 90%, transparent);
    }
  }
  .bg-pink-700 {
    background-color: var(--color-pink-700);
  }
  .bg-pink-700\/50 {
    background-color: color-mix(in srgb, oklch(52.5% 0.223 3.958) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-pink-700) 50%, transparent);
    }
  }
  .bg-popover {
    background-color: hsl(var(--popover));
  }
  .bg-primary {
    background-color: hsl(var(--primary));
  }
  .bg-primary-foreground {
    background-color: hsl(var(--primary-foreground));
  }
  .bg-primary\/5 {
    background-color: hsl(var(--primary));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--primary)) 5%, transparent);
    }
  }
  .bg-primary\/8 {
    background-color: hsl(var(--primary));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--primary)) 8%, transparent);
    }
  }
  .bg-primary\/10 {
    background-color: hsl(var(--primary));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--primary)) 10%, transparent);
    }
  }
  .bg-primary\/15 {
    background-color: hsl(var(--primary));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--primary)) 15%, transparent);
    }
  }
  .bg-primary\/20 {
    background-color: hsl(var(--primary));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--primary)) 20%, transparent);
    }
  }
  .bg-primary\/30 {
    background-color: hsl(var(--primary));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--primary)) 30%, transparent);
    }
  }
  .bg-primary\/40 {
    background-color: hsl(var(--primary));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--primary)) 40%, transparent);
    }
  }
  .bg-primary\/70 {
    background-color: hsl(var(--primary));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--primary)) 70%, transparent);
    }
  }
  .bg-primary\/90 {
    background-color: hsl(var(--primary));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--primary)) 90%, transparent);
    }
  }
  .bg-primary\/\[0\.02\] {
    background-color: hsl(var(--primary));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--primary)) 2%, transparent);
    }
  }
  .bg-purple-50 {
    background-color: var(--color-purple-50);
  }
  .bg-purple-100 {
    background-color: var(--color-purple-100);
  }
  .bg-purple-200 {
    background-color: var(--color-purple-200);
  }
  .bg-purple-300 {
    background-color: var(--color-purple-300);
  }
  .bg-purple-400 {
    background-color: var(--color-purple-400);
  }
  .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-500\/90 {
    background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-purple-500) 90%, transparent);
    }
  }
  .bg-purple-600 {
    background-color: var(--color-purple-600);
  }
  .bg-purple-600\/20 {
    background-color: color-mix(in srgb, oklch(55.8% 0.288 302.321) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-purple-600) 20%, transparent);
    }
  }
  .bg-purple-600\/90 {
    background-color: color-mix(in srgb, oklch(55.8% 0.288 302.321) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-purple-600) 90%, transparent);
    }
  }
  .bg-purple-700 {
    background-color: var(--color-purple-700);
  }
  .bg-purple-700\/50 {
    background-color: color-mix(in srgb, oklch(49.6% 0.265 301.924) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-purple-700) 50%, transparent);
    }
  }
  .bg-purple-950 {
    background-color: var(--color-purple-950);
  }
  .bg-red-50 {
    background-color: var(--color-red-50);
  }
  .bg-red-50\/30 {
    background-color: color-mix(in srgb, oklch(97.1% 0.013 17.38) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-50) 30%, transparent);
    }
  }
  .bg-red-50\/50 {
    background-color: color-mix(in srgb, oklch(97.1% 0.013 17.38) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-50) 50%, transparent);
    }
  }
  .bg-red-50\/60 {
    background-color: color-mix(in srgb, oklch(97.1% 0.013 17.38) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-50) 60%, transparent);
    }
  }
  .bg-red-50\/90 {
    background-color: color-mix(in srgb, oklch(97.1% 0.013 17.38) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-50) 90%, transparent);
    }
  }
  .bg-red-100 {
    background-color: var(--color-red-100);
  }
  .bg-red-100\/50 {
    background-color: color-mix(in srgb, oklch(93.6% 0.032 17.717) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-100) 50%, transparent);
    }
  }
  .bg-red-100\/70 {
    background-color: color-mix(in srgb, oklch(93.6% 0.032 17.717) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-100) 70%, transparent);
    }
  }
  .bg-red-200 {
    background-color: var(--color-red-200);
  }
  .bg-red-400 {
    background-color: var(--color-red-400);
  }
  .bg-red-500 {
    background-color: var(--color-red-500);
  }
  .bg-red-500\/5 {
    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);
    }
  }
  .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\/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\/90 {
    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-500) 90%, transparent);
    }
  }
  .bg-red-600 {
    background-color: var(--color-red-600);
  }
  .bg-red-600\/50 {
    background-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-600) 50%, transparent);
    }
  }
  .bg-red-900 {
    background-color: var(--color-red-900);
  }
  .bg-rose-50 {
    background-color: var(--color-rose-50);
  }
  .bg-rose-50\/40 {
    background-color: color-mix(in srgb, oklch(96.9% 0.015 12.422) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-50) 40%, transparent);
    }
  }
  .bg-rose-50\/50 {
    background-color: color-mix(in srgb, oklch(96.9% 0.015 12.422) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-50) 50%, transparent);
    }
  }
  .bg-rose-50\/60 {
    background-color: color-mix(in srgb, oklch(96.9% 0.015 12.422) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-50) 60%, transparent);
    }
  }
  .bg-rose-50\/70 {
    background-color: color-mix(in srgb, oklch(96.9% 0.015 12.422) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-50) 70%, transparent);
    }
  }
  .bg-rose-50\/80 {
    background-color: color-mix(in srgb, oklch(96.9% 0.015 12.422) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-50) 80%, transparent);
    }
  }
  .bg-rose-100 {
    background-color: var(--color-rose-100);
  }
  .bg-rose-100\/80 {
    background-color: color-mix(in srgb, oklch(94.1% 0.03 12.58) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-100) 80%, transparent);
    }
  }
  .bg-rose-200 {
    background-color: var(--color-rose-200);
  }
  .bg-rose-200\/40 {
    background-color: color-mix(in srgb, oklch(89.2% 0.058 10.001) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-200) 40%, transparent);
    }
  }
  .bg-rose-300 {
    background-color: var(--color-rose-300);
  }
  .bg-rose-300\/30 {
    background-color: color-mix(in srgb, oklch(81% 0.117 11.638) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-300) 30%, transparent);
    }
  }
  .bg-rose-400 {
    background-color: var(--color-rose-400);
  }
  .bg-rose-400\/20 {
    background-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-400) 20%, 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\/20 {
    background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
    }
  }
  .bg-rose-500\/90 {
    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);
    }
  }
  .bg-rose-600 {
    background-color: var(--color-rose-600);
  }
  .bg-rose-600\/20 {
    background-color: color-mix(in srgb, oklch(58.6% 0.253 17.585) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-600) 20%, transparent);
    }
  }
  .bg-rose-600\/90 {
    background-color: color-mix(in srgb, oklch(58.6% 0.253 17.585) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-600) 90%, transparent);
    }
  }
  .bg-rose-700 {
    background-color: var(--color-rose-700);
  }
  .bg-rose-700\/50 {
    background-color: color-mix(in srgb, oklch(51.4% 0.222 16.935) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-700) 50%, transparent);
    }
  }
  .bg-rose-700\/90 {
    background-color: color-mix(in srgb, oklch(51.4% 0.222 16.935) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-700) 90%, transparent);
    }
  }
  .bg-rose-800 {
    background-color: var(--color-rose-800);
  }
  .bg-rose-900 {
    background-color: var(--color-rose-900);
  }
  .bg-secondary {
    background-color: hsl(var(--secondary));
  }
  .bg-secondary\/10 {
    background-color: hsl(var(--secondary));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--secondary)) 10%, transparent);
    }
  }
  .bg-secondary\/20 {
    background-color: hsl(var(--secondary));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--secondary)) 20%, transparent);
    }
  }
  .bg-secondary\/30 {
    background-color: hsl(var(--secondary));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--secondary)) 30%, transparent);
    }
  }
  .bg-secondary\/40 {
    background-color: hsl(var(--secondary));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--secondary)) 40%, transparent);
    }
  }
  .bg-secondary\/50 {
    background-color: hsl(var(--secondary));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--secondary)) 50%, transparent);
    }
  }
  .bg-secondary\/60 {
    background-color: hsl(var(--secondary));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--secondary)) 60%, transparent);
    }
  }
  .bg-secondary\/80 {
    background-color: hsl(var(--secondary));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--secondary)) 80%, transparent);
    }
  }
  .bg-sky-50 {
    background-color: var(--color-sky-50);
  }
  .bg-sky-50\/60 {
    background-color: color-mix(in srgb, oklch(97.7% 0.013 236.62) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-50) 60%, transparent);
    }
  }
  .bg-sky-50\/80 {
    background-color: color-mix(in srgb, oklch(97.7% 0.013 236.62) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-50) 80%, transparent);
    }
  }
  .bg-sky-100 {
    background-color: var(--color-sky-100);
  }
  .bg-sky-200 {
    background-color: var(--color-sky-200);
  }
  .bg-sky-300 {
    background-color: var(--color-sky-300);
  }
  .bg-sky-400 {
    background-color: var(--color-sky-400);
  }
  .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-500 {
    background-color: var(--color-sky-500);
  }
  .bg-sky-500\/5 {
    background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-500) 5%, transparent);
    }
  }
  .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\/20 {
    background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent);
    }
  }
  .bg-sky-500\/30 {
    background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-500) 30%, transparent);
    }
  }
  .bg-sky-500\/50 {
    background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-500) 50%, 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-600 {
    background-color: var(--color-sky-600);
  }
  .bg-sky-600\/90 {
    background-color: color-mix(in srgb, oklch(58.8% 0.158 241.966) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-600) 90%, transparent);
    }
  }
  .bg-sky-700 {
    background-color: var(--color-sky-700);
  }
  .bg-sky-700\/50 {
    background-color: color-mix(in srgb, oklch(50% 0.134 242.749) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-700) 50%, transparent);
    }
  }
  .bg-sky-900 {
    background-color: var(--color-sky-900);
  }
  .bg-sky-900\/40 {
    background-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-900) 40%, transparent);
    }
  }
  .bg-slate-50 {
    background-color: var(--color-slate-50);
  }
  .bg-slate-50\/50 {
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-50) 50%, transparent);
    }
  }
  .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-50\/70 {
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-50) 70%, transparent);
    }
  }
  .bg-slate-50\/80 {
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-50) 80%, transparent);
    }
  }
  .bg-slate-50\/90 {
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-50) 90%, transparent);
    }
  }
  .bg-slate-100 {
    background-color: var(--color-slate-100);
  }
  .bg-slate-100\/50 {
    background-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-100) 50%, transparent);
    }
  }
  .bg-slate-100\/60 {
    background-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-100) 60%, transparent);
    }
  }
  .bg-slate-100\/70 {
    background-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-100) 70%, transparent);
    }
  }
  .bg-slate-100\/90 {
    background-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-100) 90%, transparent);
    }
  }
  .bg-slate-200 {
    background-color: var(--color-slate-200);
  }
  .bg-slate-200\/70 {
    background-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-200) 70%, transparent);
    }
  }
  .bg-slate-200\/80 {
    background-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-200) 80%, transparent);
    }
  }
  .bg-slate-300 {
    background-color: var(--color-slate-300);
  }
  .bg-slate-300\/20 {
    background-color: color-mix(in srgb, oklch(86.9% 0.022 252.894) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-300) 20%, 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-500 {
    background-color: var(--color-slate-500);
  }
  .bg-slate-500\/15 {
    background-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-500) 15%, 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-800 {
    background-color: var(--color-slate-800);
  }
  .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\/85 {
    background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-800) 85%, transparent);
    }
  }
  .bg-slate-800\/90 {
    background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-800) 90%, transparent);
    }
  }
  .bg-slate-900 {
    background-color: var(--color-slate-900);
  }
  .bg-slate-900\/0 {
    background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 0%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-900) 0%, transparent);
    }
  }
  .bg-slate-900\/10 {
    background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-900) 10%, transparent);
    }
  }
  .bg-slate-900\/40 {
    background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-900) 40%, transparent);
    }
  }
  .bg-slate-900\/45 {
    background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-900) 45%, 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\/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-900\/90 {
    background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-900) 90%, transparent);
    }
  }
  .bg-slate-900\/95 {
    background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-900) 95%, transparent);
    }
  }
  .bg-slate-950 {
    background-color: var(--color-slate-950);
  }
  .bg-stone-50 {
    background-color: var(--color-stone-50);
  }
  .bg-stone-50\/80 {
    background-color: color-mix(in srgb, oklch(98.5% 0.001 106.423) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-stone-50) 80%, transparent);
    }
  }
  .bg-stone-50\/90 {
    background-color: color-mix(in srgb, oklch(98.5% 0.001 106.423) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-stone-50) 90%, transparent);
    }
  }
  .bg-stone-100 {
    background-color: var(--color-stone-100);
  }
  .bg-stone-100\/80 {
    background-color: color-mix(in srgb, oklch(97% 0.001 106.424) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-stone-100) 80%, transparent);
    }
  }
  .bg-stone-200 {
    background-color: var(--color-stone-200);
  }
  .bg-stone-500 {
    background-color: var(--color-stone-500);
  }
  .bg-stone-700 {
    background-color: var(--color-stone-700);
  }
  .bg-stone-800 {
    background-color: var(--color-stone-800);
  }
  .bg-stone-900 {
    background-color: var(--color-stone-900);
  }
  .bg-teal-50 {
    background-color: var(--color-teal-50);
  }
  .bg-teal-50\/60 {
    background-color: color-mix(in srgb, oklch(98.4% 0.014 180.72) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-teal-50) 60%, transparent);
    }
  }
  .bg-teal-100 {
    background-color: var(--color-teal-100);
  }
  .bg-teal-200 {
    background-color: var(--color-teal-200);
  }
  .bg-teal-300 {
    background-color: var(--color-teal-300);
  }
  .bg-teal-400 {
    background-color: var(--color-teal-400);
  }
  .bg-teal-500 {
    background-color: var(--color-teal-500);
  }
  .bg-teal-500\/10 {
    background-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-teal-500) 10%, transparent);
    }
  }
  .bg-teal-500\/20 {
    background-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-teal-500) 20%, transparent);
    }
  }
  .bg-teal-500\/30 {
    background-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-teal-500) 30%, transparent);
    }
  }
  .bg-teal-500\/90 {
    background-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-teal-500) 90%, transparent);
    }
  }
  .bg-teal-600 {
    background-color: var(--color-teal-600);
  }
  .bg-teal-600\/20 {
    background-color: color-mix(in srgb, oklch(60% 0.118 184.704) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-teal-600) 20%, transparent);
    }
  }
  .bg-teal-600\/90 {
    background-color: color-mix(in srgb, oklch(60% 0.118 184.704) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-teal-600) 90%, transparent);
    }
  }
  .bg-teal-800 {
    background-color: var(--color-teal-800);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-violet-50 {
    background-color: var(--color-violet-50);
  }
  .bg-violet-50\/60 {
    background-color: color-mix(in srgb, oklch(96.9% 0.016 293.756) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-50) 60%, transparent);
    }
  }
  .bg-violet-50\/80 {
    background-color: color-mix(in srgb, oklch(96.9% 0.016 293.756) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-50) 80%, transparent);
    }
  }
  .bg-violet-100 {
    background-color: var(--color-violet-100);
  }
  .bg-violet-200 {
    background-color: var(--color-violet-200);
  }
  .bg-violet-200\/30 {
    background-color: color-mix(in srgb, oklch(89.4% 0.057 293.283) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-200) 30%, transparent);
    }
  }
  .bg-violet-300 {
    background-color: var(--color-violet-300);
  }
  .bg-violet-300\/20 {
    background-color: color-mix(in srgb, oklch(81.1% 0.111 293.571) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-300) 20%, transparent);
    }
  }
  .bg-violet-300\/30 {
    background-color: color-mix(in srgb, oklch(81.1% 0.111 293.571) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-300) 30%, transparent);
    }
  }
  .bg-violet-400 {
    background-color: var(--color-violet-400);
  }
  .bg-violet-400\/30 {
    background-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-400) 30%, 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\/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\/30 {
    background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-500) 30%, transparent);
    }
  }
  .bg-violet-500\/90 {
    background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-500) 90%, transparent);
    }
  }
  .bg-violet-500\/\[0\.04\] {
    background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 4%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-500) 4%, transparent);
    }
  }
  .bg-violet-600 {
    background-color: var(--color-violet-600);
  }
  .bg-violet-600\/0 {
    background-color: color-mix(in srgb, oklch(54.1% 0.281 293.009) 0%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-600) 0%, 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\/60 {
    background-color: color-mix(in srgb, oklch(54.1% 0.281 293.009) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-600) 60%, transparent);
    }
  }
  .bg-violet-600\/90 {
    background-color: color-mix(in srgb, oklch(54.1% 0.281 293.009) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-600) 90%, transparent);
    }
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .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\/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\/18 {
    background-color: color-mix(in srgb, #fff 18%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 18%, 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\/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\/65 {
    background-color: color-mix(in srgb, #fff 65%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 65%, 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\.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\.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\.11\] {
    background-color: color-mix(in srgb, #fff 11%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 11%, 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-yellow-50 {
    background-color: var(--color-yellow-50);
  }
  .bg-yellow-50\/50 {
    background-color: color-mix(in srgb, oklch(98.7% 0.026 102.212) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-yellow-50) 50%, transparent);
    }
  }
  .bg-yellow-50\/60 {
    background-color: color-mix(in srgb, oklch(98.7% 0.026 102.212) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-yellow-50) 60%, transparent);
    }
  }
  .bg-yellow-100 {
    background-color: var(--color-yellow-100);
  }
  .bg-yellow-200 {
    background-color: var(--color-yellow-200);
  }
  .bg-yellow-300 {
    background-color: var(--color-yellow-300);
  }
  .bg-yellow-300\/20 {
    background-color: color-mix(in srgb, oklch(90.5% 0.182 98.111) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-yellow-300) 20%, transparent);
    }
  }
  .bg-yellow-400 {
    background-color: var(--color-yellow-400);
  }
  .bg-yellow-400\/20 {
    background-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-yellow-400) 20%, transparent);
    }
  }
  .bg-yellow-500 {
    background-color: var(--color-yellow-500);
  }
  .bg-yellow-500\/20 {
    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);
    }
  }
  .bg-zinc-50 {
    background-color: var(--color-zinc-50);
  }
  .bg-zinc-100 {
    background-color: var(--color-zinc-100);
  }
  .bg-zinc-200 {
    background-color: var(--color-zinc-200);
  }
  .bg-zinc-600 {
    background-color: var(--color-zinc-600);
  }
  .bg-zinc-800 {
    background-color: var(--color-zinc-800);
  }
  .bg-zinc-900 {
    background-color: var(--color-zinc-900);
  }
  .bg-zinc-950 {
    background-color: var(--color-zinc-950);
  }
  .bg-zinc-950\/50 {
    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);
    }
  }
  .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-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-bl {
    --tw-gradient-position: to bottom left;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to bottom left 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-linear-to-tr {
    --tw-gradient-position: to top right;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to top right 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-tr {
    --tw-gradient-position: to top right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-\[linear-gradient\(45deg\,\#FFFBF2\,\#EDFFFD\)\] {
    background-image: linear-gradient(45deg,#FFFBF2,#EDFFFD);
  }
  .bg-\[linear-gradient\(135deg\,var\(--color-violet-400\)_25\%\,transparent_25\%\,transparent_50\%\,var\(--color-violet-400\)_50\%\,var\(--color-violet-400\)_75\%\,transparent_75\%\,transparent\)\] {
    background-image: linear-gradient(135deg,var(--color-violet-400) 25%,transparent 25%,transparent 50%,var(--color-violet-400) 50%,var(--color-violet-400) 75%,transparent 75%,transparent);
  }
  .bg-\[linear-gradient\(180deg\,\#FFFFFF\,\#EDF2F9\)\] {
    background-image: linear-gradient(180deg,#FFFFFF,#EDF2F9);
  }
  .bg-\[radial-gradient\(53\.3\%_53\.3\%_at_50\%_46\.7\%\,\#FFFFFF_0\%\,\#FFF8EA_99\.81\%\)\] {
    background-image: radial-gradient(53.3% 53.3% at 50% 46.7%,#FFFFFF 0%,#FFF8EA 99.81%);
  }
  .bg-\[radial-gradient\(circle_at_top_right\,hsl\(var\(--primary\)\/0\.1\)\,transparent_40\%\)\] {
    background-image: radial-gradient(circle at top right,hsl(var(--primary)/0.1),transparent 40%);
  }
  .bg-\[radial-gradient\(circle_at_top_right\,rgba\(100\,116\,139\,0\.1\)\,transparent_40\%\)\] {
    background-image: radial-gradient(circle at top right,rgba(100,116,139,0.1),transparent 40%);
  }
  .bg-\[radial-gradient\(circle_at_top_right\,rgba\(109\,84\,243\,0\.1\)\,transparent_40\%\)\] {
    background-image: radial-gradient(circle at top right,rgba(109,84,243,0.1),transparent 40%);
  }
  .bg-\[radial-gradient\(circle_at_top_right\,rgba\(109\,84\,243\,0\.14\)\,transparent_34\%\)\,radial-gradient\(circle_at_bottom_left\,rgba\(109\,84\,243\,0\.09\)\,transparent_30\%\)\] {
    background-image: radial-gradient(circle at top right,rgba(109,84,243,0.14),transparent 34%),radial-gradient(circle at bottom left,rgba(109,84,243,0.09),transparent 30%);
  }
  .bg-\[radial-gradient\(circle_at_top_right\,rgba\(109\,84\,243\,0\.18\)\,transparent_32\%\)\,radial-gradient\(circle_at_bottom_left\,rgba\(109\,84\,243\,0\.1\)\,transparent_28\%\)\] {
    background-image: radial-gradient(circle at top right,rgba(109,84,243,0.18),transparent 32%),radial-gradient(circle at bottom left,rgba(109,84,243,0.1),transparent 28%);
  }
  .bg-\[radial-gradient\(ellipse_70\%_50\%_at_50\%_-10\%\,rgba\(234\,244\,255\,0\.9\)\,transparent\)\,radial-gradient\(ellipse_45\%_40\%_at_100\%_20\%\,rgba\(47\,163\,154\,0\.08\)\,transparent\)\] {
    background-image: radial-gradient(ellipse 70% 50% at 50% -10%,rgba(234,244,255,0.9),transparent),radial-gradient(ellipse 45% 40% at 100% 20%,rgba(47,163,154,0.08),transparent);
  }
  .bg-\[radial-gradient\(ellipse_80\%_60\%_at_50\%_-20\%\,rgba\(15\,23\,42\,0\.08\)\,transparent\)\,radial-gradient\(ellipse_50\%_40\%_at_100\%_0\%\,rgba\(99\,102\,241\,0\.06\)\,transparent\)\] {
    background-image: radial-gradient(ellipse 80% 60% at 50% -20%,rgba(15,23,42,0.08),transparent),radial-gradient(ellipse 50% 40% at 100% 0%,rgba(99,102,241,0.06),transparent);
  }
  .bg-\[radial-gradient\(ellipse_at_bottom_left\,var\(--tw-gradient-stops\)\)\] {
    background-image: radial-gradient(ellipse at bottom left,var(--tw-gradient-stops));
  }
  .bg-\[radial-gradient\(ellipse_at_bottom_right\,var\(--tw-gradient-stops\)\)\] {
    background-image: radial-gradient(ellipse at bottom right,var(--tw-gradient-stops));
  }
  .bg-\[radial-gradient\(ellipse_at_center\,var\(--tw-gradient-stops\)\)\] {
    background-image: radial-gradient(ellipse at center,var(--tw-gradient-stops));
  }
  .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\(ellipse_at_top_right\,var\(--tw-gradient-stops\)\)\] {
    background-image: radial-gradient(ellipse at top right,var(--tw-gradient-stops));
  }
  .bg-\[url\(\'\/banner-pattern\.svg\'\)\] {
    background-image: url('/banner-pattern.svg');
  }
  .bg-\[url\(\'\/images\/closed\.svg\'\)\] {
    background-image: url('/images/closed.svg');
  }
  .bg-\[url\(\'\/images\/newsletter\/bgFile\.png\'\)\] {
    background-image: url('/images/newsletter/bgFile.png');
  }
  .bg-\[url\(\'data\:image\/svg\+xml\,\%3Csvg\%20width\%3D\%2240\%22\%20height\%3D\%2240\%22\%20viewBox\%3D\%220\%200\%2040\%2040\%22\%20xmlns\%3D\%22http\%3A\%2F\%2Fwww\.w3\.org\%2F2000\%2Fsvg\%22\%3E\%3Cg\%20fill\%3D\%22\%2310b981\%22\%20fill-opacity\%3D\%220\.05\%22\%3E\%3Cpath\%20d\%3D\%22M0\%200h20v20H0V0zm20\%2020h20v20H20V20z\%22\%2F\%3E\%3C\%2Fg\%3E\%3C\%2Fsvg\%3E\'\)\] {
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%2310b981%22%20fill-opacity%3D%220.05%22%3E%3Cpath%20d%3D%22M0%200h20v20H0V0zm20%2020h20v20H20V20z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  }
  .bg-\[url\(\'data\:image\/svg\+xml\,\%3Csvg\%20width\%3D\%2260\%22\%20height\%3D\%2260\%22\%20viewBox\%3D\%220\%200\%2060\%2060\%22\%20xmlns\%3D\%22http\%3A\%2F\%2Fwww\.w3\.org\%2F2000\%2Fsvg\%22\%3E\%3Cg\%20fill\%3D\%22none\%22\%20fill-rule\%3D\%22evenodd\%22\%3E\%3Cg\%20fill\%3D\%22\%23ffffff\%22\%20fill-opacity\%3D\%220\.1\%22\%3E\%3Cpath\%20d\%3D\%22M36\%2034v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6\%2034v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6\%204V0H4v4H0v2h4v4h2V6h4V4H6z\%22\%2F\%3E\%3C\%2Fg\%3E\%3C\%2Fg\%3E\%3C\%2Fsvg\%3E\'\)\] {
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.1%22%3E%3Cpath%20d%3D%22M36%2034v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6%2034v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6%204V0H4v4H0v2h4v4h2V6h4V4H6z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  }
  .bg-\[url\(\'data\:image\/svg\+xml\,\%3Csvg\%20width\%3D\%2260\%22\%20height\%3D\%2260\%22\%20viewBox\%3D\%220\%200\%2060\%2060\%22\%20xmlns\%3D\%22http\%3A\%2F\%2Fwww\.w3\.org\%2F2000\%2Fsvg\%22\%3E\%3Cg\%20fill\%3D\%22none\%22\%20fill-rule\%3D\%22evenodd\%22\%3E\%3Cg\%20fill\%3D\%22\%23ffffff\%22\%20fill-opacity\%3D\%220\.03\%22\%3E\%3Cpath\%20d\%3D\%22M36\%2034v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6\%2034v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6\%204V0H4v4H0v2h4v4h2V6h4V4H6z\%22\%2F\%3E\%3C\%2Fg\%3E\%3C\%2Fg\%3E\%3C\%2Fsvg\%3E\'\)\] {
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.03%22%3E%3Cpath%20d%3D%22M36%2034v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6%2034v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6%204V0H4v4H0v2h4v4h2V6h4V4H6z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  }
  .bg-\[url\(\'data\:image\/svg\+xml\;charset\=US-ASCII\,\%3Csvg\%20xmlns\%3D\%22http\%3A\%2F\%2Fwww\.w3\.org\%2F2000\%2Fsvg\%22\%20width\%3D\%2224\%22\%20height\%3D\%2224\%22\%20viewBox\%3D\%220\%200\%2024\%2024\%22\%20fill\%3D\%22none\%22\%20stroke\%3D\%22currentColor\%22\%20stroke-width\%3D\%222\%22\%20stroke-linecap\%3D\%22round\%22\%20stroke-linejoin\%3D\%22round\%22\%3E\%3Cpolyline\%20points\%3D\%226\%209\%2012\%2015\%2018\%209\%22\%3E\%3C\%2Fpolyline\%3E\%3C\%2Fsvg\%3E\'\)\] {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E');
  }
  .bg-\[url\(\'https\:\/\/images\.pexels\.com\/photos\/3184291\/pexels-photo-3184291\.jpeg\?auto\=compress\&cs\=tinysrgb\&w\=800\'\)\] {
    background-image: url('https://images.pexels.com/photos/3184291/pexels-photo-3184291.jpeg?auto=compress&cs=tinysrgb&w=800');
  }
  .bg-\[url\(\'https\:\/\/pagedone\.io\/asset\/uploads\/1691055810\.png\'\)\] {
    background-image: url('https://pagedone.io/asset/uploads/1691055810.png');
  }
  .bg-\[url\(\'https\:\/\/www\.transparenttextures\.com\/patterns\/cubes\.png\'\)\] {
    background-image: url('https://www.transparenttextures.com/patterns/cubes.png');
  }
  .bg-\[url\(\.\.\/images\/media\/img_77\.png\)\] {
    background-image: url(../images/media/img_77.png);
  }
  .bg-\[url\(\.\.\/images\/media\/img_125\.jpg\)\] {
    background-image: url(../images/media/img_125.jpg);
  }
  .bg-\[url\(\.\.\/images\/shape\/bg\.svg\)\] {
    background-image: url(../images/shape/bg.svg);
  }
  .bg-\[url\(\.\.\/images\/shape\/bg2\.svg\)\] {
    background-image: url(../images/shape/bg2.svg);
  }
  .bg-\[url\(\.\.\/images\/shape\/bg3\.svg\)\] {
    background-image: url(../images/shape/bg3.svg);
  }
  .bg-\[url\(\.\.\/images\/shape\/bg4\.svg\)\] {
    background-image: url(../images/shape/bg4.svg);
  }
  .bg-\[url\(\.\.\/images\/shop\/img_04\.png\)\] {
    background-image: url(../images/shop/img_04.png);
  }
  .bg-\[url\(\.\.\/images\/shop\/img_05\.png\)\] {
    background-image: url(../images/shop/img_05.png);
  }
  .bg-\[url\(\.\.\/images\/shop\/img_06\.png\)\] {
    background-image: url(../images/shop/img_06.png);
  }
  .bg-\[url\(\.\.\/images\/shop\/img_07\.png\)\] {
    background-image: url(../images/shop/img_07.png);
  }
  .bg-none {
    background-image: none;
  }
  .from-\[\#0f1123\] {
    --tw-gradient-from: #0f1123;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[\#1B84FF\] {
    --tw-gradient-from: #1B84FF;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[\#3a2f2f\] {
    --tw-gradient-from: #3a2f2f;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[\#5d7260\]\/80 {
    --tw-gradient-from: color-mix(in oklab, #5d7260 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-\[\#6D4C41\] {
    --tw-gradient-from: #6D4C41;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[\#7E33E1\] {
    --tw-gradient-from: #7E33E1;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[\#7E33E1\]\/10 {
    --tw-gradient-from: color-mix(in oklab, #7E33E1 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-\[\#8D6E63\] {
    --tw-gradient-from: #8D6E63;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[\#9a6a52\]\/70 {
    --tw-gradient-from: color-mix(in oklab, #9a6a52 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-\[\#22c55e\] {
    --tw-gradient-from: #22c55e;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[\#44BCFF\] {
    --tw-gradient-from: #44BCFF;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[\#635bff\] {
    --tw-gradient-from: #635bff;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[\#6366F1\]\/10 {
    --tw-gradient-from: color-mix(in oklab, #6366F1 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-\[\#15120f\]\/80 {
    --tw-gradient-from: color-mix(in oklab, #15120f 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-\[\#26221d\]\/70 {
    --tw-gradient-from: color-mix(in oklab, #26221d 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-\[\#A1887F\] {
    --tw-gradient-from: #A1887F;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[\#D9D9FF\] {
    --tw-gradient-from: #D9D9FF;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[\#EEF2FF\] {
    --tw-gradient-from: #EEF2FF;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[\#EFEBE9\] {
    --tw-gradient-from: #EFEBE9;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[\#F5F5DC\] {
    --tw-gradient-from: #F5F5DC;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[\#FF4D1C\]\/10 {
    --tw-gradient-from: color-mix(in oklab, #FF4D1C 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-\[\#FF512F\] {
    --tw-gradient-from: #FF512F;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[\#e4c7bb\] {
    --tw-gradient-from: #e4c7bb;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[\#ece5d8\] {
    --tw-gradient-from: #ece5d8;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[\#f4b860\] {
    --tw-gradient-from: #f4b860;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[\#f8f4ed\]\/80 {
    --tw-gradient-from: color-mix(in oklab, #f8f4ed 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-\[\#fdc830\] {
    --tw-gradient-from: #fdc830;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[rgba\(0\,0\,0\,0\.25\)0\%\] {
    --tw-gradient-from: rgba(0,0,0,0.25)0%;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-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-100 {
    --tw-gradient-from: var(--color-amber-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-amber-400 {
    --tw-gradient-from: var(--color-amber-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-amber-500 {
    --tw-gradient-from: var(--color-amber-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-amber-500\/10 {
    --tw-gradient-from: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-amber-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-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-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-600\/30 {
    --tw-gradient-from: color-mix(in srgb, oklch(66.6% 0.179 58.318) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-amber-600) 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-amber-600\/80 {
    --tw-gradient-from: color-mix(in srgb, oklch(66.6% 0.179 58.318) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-amber-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));
  }
  .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-900\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(41.4% 0.112 45.904) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-amber-900) 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-900\/30 {
    --tw-gradient-from: color-mix(in srgb, oklch(41.4% 0.112 45.904) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-amber-900) 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-amber-900\/40 {
    --tw-gradient-from: color-mix(in srgb, oklch(41.4% 0.112 45.904) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-amber-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-amber-900\/60 {
    --tw-gradient-from: color-mix(in srgb, oklch(41.4% 0.112 45.904) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-amber-900) 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-amber-900\/80 {
    --tw-gradient-from: color-mix(in srgb, oklch(41.4% 0.112 45.904) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-amber-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-amber-900\/95 {
    --tw-gradient-from: color-mix(in srgb, oklch(41.4% 0.112 45.904) 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-amber-900) 95%, 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\/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\/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\/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\/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\/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-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-100 {
    --tw-gradient-from: 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));
  }
  .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-500\/30 {
    --tw-gradient-from: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-blue-500) 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-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-600\/5 {
    --tw-gradient-from: color-mix(in srgb, oklch(54.6% 0.245 262.881) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-blue-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));
  }
  .from-blue-600\/50 {
    --tw-gradient-from: color-mix(in srgb, oklch(54.6% 0.245 262.881) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-blue-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));
  }
  .from-blue-900 {
    --tw-gradient-from: var(--color-blue-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-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-blue-900\/60 {
    --tw-gradient-from: color-mix(in srgb, oklch(37.9% 0.146 265.522) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-blue-900) 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-900\/70 {
    --tw-gradient-from: color-mix(in srgb, oklch(37.9% 0.146 265.522) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-blue-900) 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-blue-900\/80 {
    --tw-gradient-from: color-mix(in srgb, oklch(37.9% 0.146 265.522) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-blue-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-blue-900\/95 {
    --tw-gradient-from: color-mix(in srgb, oklch(37.9% 0.146 265.522) 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-blue-900) 95%, 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: hsl(var(--border-hsl));
    --tw-gradient-stops: var(--tw-gradient-via-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-50 {
    --tw-gradient-from: var(--color-cyan-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-cyan-100 {
    --tw-gradient-from: var(--color-cyan-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-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\/5 {
    --tw-gradient-from: color-mix(in srgb, oklch(71.5% 0.143 215.221) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-cyan-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-cyan-500\/10 {
    --tw-gradient-from: color-mix(in srgb, oklch(71.5% 0.143 215.221) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-cyan-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-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-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-cyan-600\/30 {
    --tw-gradient-from: color-mix(in srgb, oklch(60.9% 0.126 221.723) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-cyan-600) 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-cyan-600\/50 {
    --tw-gradient-from: color-mix(in srgb, oklch(60.9% 0.126 221.723) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-cyan-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));
  }
  .from-cyan-900 {
    --tw-gradient-from: var(--color-cyan-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-cyan-900\/30 {
    --tw-gradient-from: color-mix(in srgb, oklch(39.8% 0.07 227.392) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-cyan-900) 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-cyan-900\/60 {
    --tw-gradient-from: color-mix(in srgb, oklch(39.8% 0.07 227.392) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-cyan-900) 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-cyan-900\/80 {
    --tw-gradient-from: color-mix(in srgb, oklch(39.8% 0.07 227.392) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-cyan-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-cyan-900\/95 {
    --tw-gradient-from: color-mix(in srgb, oklch(39.8% 0.07 227.392) 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-cyan-900) 95%, 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-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-100 {
    --tw-gradient-from: var(--color-emerald-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-emerald-400 {
    --tw-gradient-from: var(--color-emerald-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-emerald-500 {
    --tw-gradient-from: var(--color-emerald-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-emerald-500\/10 {
    --tw-gradient-from: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-emerald-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-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-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-600\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(59.6% 0.145 163.225) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-emerald-600) 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-600\/50 {
    --tw-gradient-from: color-mix(in srgb, oklch(59.6% 0.145 163.225) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-emerald-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));
  }
  .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-emerald-900\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(37.8% 0.077 168.94) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-emerald-900) 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-900\/40 {
    --tw-gradient-from: color-mix(in srgb, oklch(37.8% 0.077 168.94) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-emerald-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-emerald-900\/50 {
    --tw-gradient-from: color-mix(in srgb, oklch(37.8% 0.077 168.94) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-emerald-900) 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-900\/60 {
    --tw-gradient-from: color-mix(in srgb, oklch(37.8% 0.077 168.94) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-emerald-900) 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-emerald-900\/80 {
    --tw-gradient-from: color-mix(in srgb, oklch(37.8% 0.077 168.94) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-emerald-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-emerald-900\/90 {
    --tw-gradient-from: color-mix(in srgb, oklch(37.8% 0.077 168.94) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-emerald-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-foreground {
    --tw-gradient-from: hsl(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\/80 {
    --tw-gradient-from: hsl(var(--foreground));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, hsl(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));
  }
  .from-foreground\/90 {
    --tw-gradient-from: hsl(var(--foreground));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, hsl(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-fuchsia-50 {
    --tw-gradient-from: var(--color-fuchsia-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-fuchsia-100 {
    --tw-gradient-from: var(--color-fuchsia-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-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-500\/10 {
    --tw-gradient-from: color-mix(in srgb, oklch(66.7% 0.295 322.15) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: 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));
  }
  .from-fuchsia-600 {
    --tw-gradient-from: var(--color-fuchsia-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-fuchsia-600\/30 {
    --tw-gradient-from: color-mix(in srgb, oklch(59.1% 0.293 322.896) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-fuchsia-600) 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-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-fuchsia-900\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(40.1% 0.17 325.612) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-fuchsia-900) 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-fuchsia-900\/40 {
    --tw-gradient-from: color-mix(in srgb, oklch(40.1% 0.17 325.612) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-fuchsia-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-fuchsia-900\/60 {
    --tw-gradient-from: color-mix(in srgb, oklch(40.1% 0.17 325.612) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-fuchsia-900) 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-fuchsia-900\/80 {
    --tw-gradient-from: color-mix(in srgb, oklch(40.1% 0.17 325.612) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-fuchsia-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-fuchsia-900\/90 {
    --tw-gradient-from: color-mix(in srgb, oklch(40.1% 0.17 325.612) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-fuchsia-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-fuchsia-900\/95 {
    --tw-gradient-from: color-mix(in srgb, oklch(40.1% 0.17 325.612) 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-fuchsia-900) 95%, 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-200 {
    --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));
  }
  .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-green-50 {
    --tw-gradient-from: var(--color-green-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-green-100 {
    --tw-gradient-from: var(--color-green-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-green-400 {
    --tw-gradient-from: var(--color-green-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-green-500 {
    --tw-gradient-from: var(--color-green-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-green-500\/10 {
    --tw-gradient-from: color-mix(in srgb, oklch(72.3% 0.219 149.579) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-green-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-green-500\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-green-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-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-green-600\/50 {
    --tw-gradient-from: color-mix(in srgb, oklch(62.7% 0.194 149.214) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-green-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));
  }
  .from-green-900 {
    --tw-gradient-from: var(--color-green-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-900\/60 {
    --tw-gradient-from: color-mix(in srgb, oklch(39.3% 0.095 152.535) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-green-900) 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-green-900\/80 {
    --tw-gradient-from: color-mix(in srgb, oklch(39.3% 0.095 152.535) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-green-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-green-900\/90 {
    --tw-gradient-from: color-mix(in srgb, oklch(39.3% 0.095 152.535) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-green-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-green-900\/95 {
    --tw-gradient-from: color-mix(in srgb, oklch(39.3% 0.095 152.535) 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-green-900) 95%, 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-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-100 {
    --tw-gradient-from: 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));
  }
  .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-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\/10 {
    --tw-gradient-from: color-mix(in srgb, oklch(58.5% 0.233 277.117) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: 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));
  }
  .from-indigo-500\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-indigo-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-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-600\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(51.1% 0.262 276.966) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-indigo-600) 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-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-900 {
    --tw-gradient-from: 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));
  }
  .from-indigo-900\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(35.9% 0.144 278.697) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-indigo-900) 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-900\/60 {
    --tw-gradient-from: color-mix(in srgb, oklch(35.9% 0.144 278.697) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-indigo-900) 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-indigo-900\/70 {
    --tw-gradient-from: color-mix(in srgb, oklch(35.9% 0.144 278.697) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-indigo-900) 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-indigo-900\/80 {
    --tw-gradient-from: color-mix(in srgb, oklch(35.9% 0.144 278.697) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-indigo-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-indigo-900\/90 {
    --tw-gradient-from: color-mix(in srgb, oklch(35.9% 0.144 278.697) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-indigo-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-indigo-900\/95 {
    --tw-gradient-from: color-mix(in srgb, oklch(35.9% 0.144 278.697) 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-indigo-900) 95%, 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-50 {
    --tw-gradient-from: var(--color-lime-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-lime-100 {
    --tw-gradient-from: var(--color-lime-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-lime-400 {
    --tw-gradient-from: 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));
  }
  .from-lime-500 {
    --tw-gradient-from: var(--color-lime-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-lime-500\/10 {
    --tw-gradient-from: color-mix(in srgb, oklch(76.8% 0.233 130.85) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-lime-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-lime-500\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(76.8% 0.233 130.85) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-lime-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-lime-600 {
    --tw-gradient-from: var(--color-lime-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-lime-600\/30 {
    --tw-gradient-from: color-mix(in srgb, oklch(64.8% 0.2 131.684) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-lime-600) 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-lime-600\/50 {
    --tw-gradient-from: color-mix(in srgb, oklch(64.8% 0.2 131.684) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-lime-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));
  }
  .from-lime-900 {
    --tw-gradient-from: var(--color-lime-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-lime-900\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(40.5% 0.101 131.063) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-lime-900) 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-lime-900\/90 {
    --tw-gradient-from: color-mix(in srgb, oklch(40.5% 0.101 131.063) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-lime-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-lime-900\/95 {
    --tw-gradient-from: color-mix(in srgb, oklch(40.5% 0.101 131.063) 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-lime-900) 95%, 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-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\/40 {
    --tw-gradient-from: color-mix(in srgb, oklch(20.5% 0 0) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-neutral-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-neutral-900\/60 {
    --tw-gradient-from: color-mix(in srgb, oklch(20.5% 0 0) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-neutral-900) 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-neutral-900\/70 {
    --tw-gradient-from: color-mix(in srgb, oklch(20.5% 0 0) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-neutral-900) 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-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-900\/95 {
    --tw-gradient-from: color-mix(in srgb, oklch(20.5% 0 0) 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-neutral-900) 95%, 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-orange-50 {
    --tw-gradient-from: var(--color-orange-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-orange-100 {
    --tw-gradient-from: var(--color-orange-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-orange-100\/50 {
    --tw-gradient-from: color-mix(in srgb, oklch(95.4% 0.038 75.164) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-orange-100) 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-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-400\/30 {
    --tw-gradient-from: color-mix(in srgb, oklch(75% 0.183 55.934) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-orange-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));
  }
  .from-orange-500 {
    --tw-gradient-from: var(--color-orange-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-orange-500\/10 {
    --tw-gradient-from: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-orange-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-orange-500\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(70.5% 0.213 47.604) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-orange-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-orange-600 {
    --tw-gradient-from: var(--color-orange-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-orange-600\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(64.6% 0.222 41.116) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-orange-600) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-orange-600\/30 {
    --tw-gradient-from: color-mix(in srgb, oklch(64.6% 0.222 41.116) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-orange-600) 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-orange-600\/50 {
    --tw-gradient-from: color-mix(in srgb, oklch(64.6% 0.222 41.116) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-orange-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));
  }
  .from-orange-600\/90 {
    --tw-gradient-from: color-mix(in srgb, oklch(64.6% 0.222 41.116) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-orange-600) 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-orange-900 {
    --tw-gradient-from: 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));
  }
  .from-orange-900\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(40.8% 0.123 38.172) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-orange-900) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-orange-900\/40 {
    --tw-gradient-from: color-mix(in srgb, oklch(40.8% 0.123 38.172) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-orange-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-orange-900\/70 {
    --tw-gradient-from: color-mix(in srgb, oklch(40.8% 0.123 38.172) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-orange-900) 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-orange-900\/80 {
    --tw-gradient-from: color-mix(in srgb, oklch(40.8% 0.123 38.172) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-orange-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-orange-900\/90 {
    --tw-gradient-from: color-mix(in srgb, oklch(40.8% 0.123 38.172) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-orange-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-orange-900\/95 {
    --tw-gradient-from: color-mix(in srgb, oklch(40.8% 0.123 38.172) 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-orange-900) 95%, 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-50 {
    --tw-gradient-from: 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));
  }
  .from-pink-50\/80 {
    --tw-gradient-from: color-mix(in srgb, oklch(97.1% 0.014 343.198) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-pink-50) 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-pink-100 {
    --tw-gradient-from: var(--color-pink-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-pink-100\/50 {
    --tw-gradient-from: color-mix(in srgb, oklch(94.8% 0.028 342.258) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-pink-100) 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-pink-400 {
    --tw-gradient-from: 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));
  }
  .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-pink-500\/10 {
    --tw-gradient-from: color-mix(in srgb, oklch(65.6% 0.241 354.308) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: 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));
  }
  .from-pink-500\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(65.6% 0.241 354.308) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-pink-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-pink-600 {
    --tw-gradient-from: 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));
  }
  .from-pink-600\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(59.2% 0.249 0.584) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-pink-600) 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-pink-600\/30 {
    --tw-gradient-from: color-mix(in srgb, oklch(59.2% 0.249 0.584) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-pink-600) 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-pink-600\/50 {
    --tw-gradient-from: color-mix(in srgb, oklch(59.2% 0.249 0.584) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-pink-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));
  }
  .from-pink-900 {
    --tw-gradient-from: var(--color-pink-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-pink-900\/30 {
    --tw-gradient-from: color-mix(in srgb, oklch(40.8% 0.153 2.432) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-pink-900) 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-pink-900\/50 {
    --tw-gradient-from: color-mix(in srgb, oklch(40.8% 0.153 2.432) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-pink-900) 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-pink-900\/60 {
    --tw-gradient-from: color-mix(in srgb, oklch(40.8% 0.153 2.432) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-pink-900) 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-pink-900\/70 {
    --tw-gradient-from: color-mix(in srgb, oklch(40.8% 0.153 2.432) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-pink-900) 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-pink-900\/80 {
    --tw-gradient-from: color-mix(in srgb, oklch(40.8% 0.153 2.432) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-pink-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-pink-900\/90 {
    --tw-gradient-from: color-mix(in srgb, oklch(40.8% 0.153 2.432) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-pink-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-pink-900\/95 {
    --tw-gradient-from: color-mix(in srgb, oklch(40.8% 0.153 2.432) 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-pink-900) 95%, 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 {
    --tw-gradient-from: hsl(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\/10 {
    --tw-gradient-from: hsl(var(--primary));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, hsl(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));
  }
  .from-primary\/20 {
    --tw-gradient-from: hsl(var(--primary));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, hsl(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\/90 {
    --tw-gradient-from: hsl(var(--primary));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, hsl(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-50 {
    --tw-gradient-from: var(--color-purple-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-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-400 {
    --tw-gradient-from: var(--color-purple-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-purple-500 {
    --tw-gradient-from: var(--color-purple-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-purple-500\/10 {
    --tw-gradient-from: color-mix(in srgb, oklch(62.7% 0.265 303.9) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-purple-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-purple-500\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(62.7% 0.265 303.9) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-purple-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-purple-500\/30 {
    --tw-gradient-from: color-mix(in srgb, oklch(62.7% 0.265 303.9) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-purple-500) 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-600 {
    --tw-gradient-from: var(--color-purple-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-purple-600\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(55.8% 0.288 302.321) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-purple-600) 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-purple-600\/30 {
    --tw-gradient-from: color-mix(in srgb, oklch(55.8% 0.288 302.321) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-purple-600) 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-600\/50 {
    --tw-gradient-from: color-mix(in srgb, oklch(55.8% 0.288 302.321) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-purple-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));
  }
  .from-purple-900 {
    --tw-gradient-from: var(--color-purple-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-purple-900\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(38.1% 0.176 304.987) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-purple-900) 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-purple-900\/30 {
    --tw-gradient-from: color-mix(in srgb, oklch(38.1% 0.176 304.987) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-purple-900) 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-900\/40 {
    --tw-gradient-from: color-mix(in srgb, oklch(38.1% 0.176 304.987) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-purple-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-purple-900\/50 {
    --tw-gradient-from: color-mix(in srgb, oklch(38.1% 0.176 304.987) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-purple-900) 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-purple-900\/60 {
    --tw-gradient-from: color-mix(in srgb, oklch(38.1% 0.176 304.987) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-purple-900) 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-purple-900\/80 {
    --tw-gradient-from: color-mix(in srgb, oklch(38.1% 0.176 304.987) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-purple-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-purple-900\/90 {
    --tw-gradient-from: color-mix(in srgb, oklch(38.1% 0.176 304.987) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-purple-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-purple-900\/95 {
    --tw-gradient-from: color-mix(in srgb, oklch(38.1% 0.176 304.987) 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-purple-900) 95%, 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-950 {
    --tw-gradient-from: 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));
  }
  .from-red-100 {
    --tw-gradient-from: var(--color-red-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-red-400 {
    --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));
  }
  .from-red-500 {
    --tw-gradient-from: var(--color-red-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-red-500\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-red-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-red-600 {
    --tw-gradient-from: var(--color-red-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-red-900 {
    --tw-gradient-from: var(--color-red-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-red-900\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-red-900) 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-red-900\/50 {
    --tw-gradient-from: color-mix(in srgb, oklch(39.6% 0.141 25.723) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-red-900) 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-red-900\/60 {
    --tw-gradient-from: color-mix(in srgb, oklch(39.6% 0.141 25.723) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-red-900) 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-rose-50 {
    --tw-gradient-from: 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));
  }
  .from-rose-100 {
    --tw-gradient-from: var(--color-rose-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-rose-100\/50 {
    --tw-gradient-from: color-mix(in srgb, oklch(94.1% 0.03 12.58) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-rose-100) 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-rose-200 {
    --tw-gradient-from: var(--color-rose-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-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\/10 {
    --tw-gradient-from: color-mix(in srgb, oklch(64.5% 0.246 16.439) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-rose-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-rose-500\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-rose-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-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-rose-600\/90 {
    --tw-gradient-from: color-mix(in srgb, oklch(58.6% 0.253 17.585) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-rose-600) 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-rose-900 {
    --tw-gradient-from: var(--color-rose-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-rose-900\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(41% 0.159 10.272) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-rose-900) 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-rose-900\/40 {
    --tw-gradient-from: color-mix(in srgb, oklch(41% 0.159 10.272) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-rose-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-rose-900\/60 {
    --tw-gradient-from: color-mix(in srgb, oklch(41% 0.159 10.272) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-rose-900) 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-rose-900\/80 {
    --tw-gradient-from: color-mix(in srgb, oklch(41% 0.159 10.272) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-rose-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-rose-900\/90 {
    --tw-gradient-from: color-mix(in srgb, oklch(41% 0.159 10.272) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-rose-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-rose-900\/95 {
    --tw-gradient-from: color-mix(in srgb, oklch(41% 0.159 10.272) 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-rose-900) 95%, 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-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\/10 {
    --tw-gradient-from: color-mix(in srgb, oklch(68.5% 0.169 237.323) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-sky-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-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-sky-600 {
    --tw-gradient-from: var(--color-sky-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-sky-600\/50 {
    --tw-gradient-from: color-mix(in srgb, oklch(58.8% 0.158 241.966) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-sky-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));
  }
  .from-sky-900 {
    --tw-gradient-from: var(--color-sky-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-sky-900\/40 {
    --tw-gradient-from: color-mix(in srgb, oklch(39.1% 0.09 240.876) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-sky-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-sky-900\/60 {
    --tw-gradient-from: color-mix(in srgb, oklch(39.1% 0.09 240.876) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-sky-900) 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-sky-900\/80 {
    --tw-gradient-from: color-mix(in srgb, oklch(39.1% 0.09 240.876) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-sky-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-sky-900\/90 {
    --tw-gradient-from: color-mix(in srgb, oklch(39.1% 0.09 240.876) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-sky-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-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-50\/80 {
    --tw-gradient-from: color-mix(in srgb, oklch(98.4% 0.003 247.858) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-slate-50) 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-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-200 {
    --tw-gradient-from: 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));
  }
  .from-slate-400 {
    --tw-gradient-from: var(--color-slate-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-slate-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-500\/5 {
    --tw-gradient-from: color-mix(in srgb, oklch(55.4% 0.046 257.417) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-slate-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-slate-500\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(55.4% 0.046 257.417) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-slate-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-600 {
    --tw-gradient-from: 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));
  }
  .from-slate-600\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(44.6% 0.043 257.281) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-slate-600) 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-700 {
    --tw-gradient-from: var(--color-slate-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-slate-800 {
    --tw-gradient-from: var(--color-slate-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-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-900\/40 {
    --tw-gradient-from: color-mix(in srgb, oklch(20.8% 0.042 265.755) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-slate-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-slate-900\/50 {
    --tw-gradient-from: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-slate-900) 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-slate-900\/80 {
    --tw-gradient-from: color-mix(in srgb, oklch(20.8% 0.042 265.755) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-slate-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-slate-900\/95 {
    --tw-gradient-from: color-mix(in srgb, oklch(20.8% 0.042 265.755) 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-slate-900) 95%, 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-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-stone-100 {
    --tw-gradient-from: var(--color-stone-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-stone-200 {
    --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));
  }
  .from-teal-50 {
    --tw-gradient-from: var(--color-teal-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-teal-100 {
    --tw-gradient-from: var(--color-teal-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-teal-100\/50 {
    --tw-gradient-from: color-mix(in srgb, oklch(95.3% 0.051 180.801) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-teal-100) 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-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-teal-500 {
    --tw-gradient-from: var(--color-teal-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-teal-500\/10 {
    --tw-gradient-from: color-mix(in srgb, oklch(70.4% 0.14 182.503) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-teal-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-teal-500\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(70.4% 0.14 182.503) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-teal-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-teal-600 {
    --tw-gradient-from: var(--color-teal-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-teal-900 {
    --tw-gradient-from: 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));
  }
  .from-teal-900\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(38.6% 0.063 188.416) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-teal-900) 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-teal-900\/40 {
    --tw-gradient-from: color-mix(in srgb, oklch(38.6% 0.063 188.416) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-teal-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-teal-900\/60 {
    --tw-gradient-from: color-mix(in srgb, oklch(38.6% 0.063 188.416) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-teal-900) 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-teal-900\/80 {
    --tw-gradient-from: color-mix(in srgb, oklch(38.6% 0.063 188.416) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-teal-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-teal-900\/90 {
    --tw-gradient-from: color-mix(in srgb, oklch(38.6% 0.063 188.416) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-teal-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-teal-900\/95 {
    --tw-gradient-from: color-mix(in srgb, oklch(38.6% 0.063 188.416) 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-teal-900) 95%, 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-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-50 {
    --tw-gradient-from: 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));
  }
  .from-violet-100 {
    --tw-gradient-from: var(--color-violet-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-violet-100\/50 {
    --tw-gradient-from: color-mix(in srgb, oklch(94.3% 0.029 294.588) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-violet-100) 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-violet-200 {
    --tw-gradient-from: var(--color-violet-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-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\/5 {
    --tw-gradient-from: color-mix(in srgb, oklch(60.6% 0.25 292.717) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-violet-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-violet-500\/10 {
    --tw-gradient-from: color-mix(in srgb, oklch(60.6% 0.25 292.717) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-violet-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-violet-500\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(60.6% 0.25 292.717) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-violet-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-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\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(54.1% 0.281 293.009) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-violet-600) 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-violet-600\/50 {
    --tw-gradient-from: color-mix(in srgb, oklch(54.1% 0.281 293.009) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-violet-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));
  }
  .from-violet-600\/90 {
    --tw-gradient-from: color-mix(in srgb, oklch(54.1% 0.281 293.009) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-violet-600) 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-violet-900 {
    --tw-gradient-from: var(--color-violet-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-violet-900\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(38% 0.189 293.745) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-violet-900) 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-violet-900\/40 {
    --tw-gradient-from: color-mix(in srgb, oklch(38% 0.189 293.745) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-violet-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-violet-900\/50 {
    --tw-gradient-from: color-mix(in srgb, oklch(38% 0.189 293.745) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-violet-900) 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-violet-900\/60 {
    --tw-gradient-from: color-mix(in srgb, oklch(38% 0.189 293.745) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-violet-900) 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-900\/70 {
    --tw-gradient-from: color-mix(in srgb, oklch(38% 0.189 293.745) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-violet-900) 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-violet-900\/80 {
    --tw-gradient-from: color-mix(in srgb, oklch(38% 0.189 293.745) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-violet-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-violet-900\/90 {
    --tw-gradient-from: color-mix(in srgb, oklch(38% 0.189 293.745) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-violet-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-violet-900\/95 {
    --tw-gradient-from: color-mix(in srgb, oklch(38% 0.189 293.745) 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-violet-900) 95%, 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\/80 {
    --tw-gradient-from: color-mix(in srgb, #fff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: 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));
  }
  .from-white\/95 {
    --tw-gradient-from: color-mix(in srgb, #fff 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-white) 95%, 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-100 {
    --tw-gradient-from: var(--color-yellow-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-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-yellow-500 {
    --tw-gradient-from: var(--color-yellow-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .via-\[\#3a2f2f\]\/70 {
    --tw-gradient-via: color-mix(in oklab, #3a2f2f 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-\[\#3f3598\] {
    --tw-gradient-via: #3f3598;
    --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-\[\#15120f\]\/35 {
    --tw-gradient-via: color-mix(in oklab, #15120f 35%, 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-\[\#FF44EC\] {
    --tw-gradient-via: #FF44EC;
    --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-\[\#c45f35\] {
    --tw-gradient-via: #c45f35;
    --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-\[\#eadde5\] {
    --tw-gradient-via: #eadde5;
    --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-\[\#eee4d7\] {
    --tw-gradient-via: #eee4d7;
    --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-\[\#f8f4ed\]\/90 {
    --tw-gradient-via: color-mix(in oklab, #f8f4ed 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-\[rgba\(0\,0\,0\,0\)80\%\] {
    --tw-gradient-via: rgba(0,0,0,0)80%;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-\[rgba\(15\,17\,35\,0\.83\)48\.7\%\] {
    --tw-gradient-via: rgba(15,17,35,0.83)48.7%;
    --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-50 {
    --tw-gradient-via: var(--color-amber-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-amber-500 {
    --tw-gradient-via: var(--color-amber-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-amber-500\/50 {
    --tw-gradient-via: color-mix(in srgb, oklch(76.9% 0.188 70.08) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-amber-500) 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-amber-800 {
    --tw-gradient-via: var(--color-amber-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-amber-800\/80 {
    --tw-gradient-via: color-mix(in srgb, oklch(47.3% 0.137 46.201) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-amber-800) 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-amber-900 {
    --tw-gradient-via: var(--color-amber-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-amber-900\/20 {
    --tw-gradient-via: color-mix(in srgb, oklch(41.4% 0.112 45.904) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-amber-900) 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-900\/70 {
    --tw-gradient-via: color-mix(in srgb, oklch(41.4% 0.112 45.904) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-amber-900) 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 {
    --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\/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\/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\/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\/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-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-500\/50 {
    --tw-gradient-via: color-mix(in srgb, oklch(62.3% 0.214 259.815) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-blue-500) 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-blue-800 {
    --tw-gradient-via: var(--color-blue-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-blue-800\/80 {
    --tw-gradient-via: color-mix(in srgb, oklch(42.4% 0.199 265.638) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-blue-800) 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-800\/85 {
    --tw-gradient-via: color-mix(in srgb, oklch(42.4% 0.199 265.638) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-blue-800) 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-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-blue-900\/30 {
    --tw-gradient-via: color-mix(in srgb, oklch(37.9% 0.146 265.522) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-blue-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-blue-900\/50 {
    --tw-gradient-via: color-mix(in srgb, oklch(37.9% 0.146 265.522) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-blue-900) 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-blue-900\/70 {
    --tw-gradient-via: color-mix(in srgb, oklch(37.9% 0.146 265.522) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-blue-900) 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-card {
    --tw-gradient-via: hsl(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-400 {
    --tw-gradient-via: var(--color-cyan-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-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\/50 {
    --tw-gradient-via: color-mix(in srgb, oklch(71.5% 0.143 215.221) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-cyan-500) 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-800 {
    --tw-gradient-via: var(--color-cyan-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-cyan-800\/80 {
    --tw-gradient-via: color-mix(in srgb, oklch(45% 0.085 224.283) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-cyan-800) 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-cyan-800\/85 {
    --tw-gradient-via: color-mix(in srgb, oklch(45% 0.085 224.283) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-cyan-800) 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-cyan-900 {
    --tw-gradient-via: var(--color-cyan-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-cyan-900\/50 {
    --tw-gradient-via: color-mix(in srgb, oklch(39.8% 0.07 227.392) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-cyan-900) 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-900\/60 {
    --tw-gradient-via: color-mix(in srgb, oklch(39.8% 0.07 227.392) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-cyan-900) 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-cyan-900\/70 {
    --tw-gradient-via: color-mix(in srgb, oklch(39.8% 0.07 227.392) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-cyan-900) 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-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-emerald-500\/20 {
    --tw-gradient-via: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-emerald-500) 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-emerald-500\/50 {
    --tw-gradient-via: color-mix(in srgb, oklch(69.6% 0.17 162.48) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-emerald-500) 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-emerald-900 {
    --tw-gradient-via: var(--color-emerald-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-emerald-900\/20 {
    --tw-gradient-via: color-mix(in srgb, oklch(37.8% 0.077 168.94) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-emerald-900) 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-emerald-900\/70 {
    --tw-gradient-via: color-mix(in srgb, oklch(37.8% 0.077 168.94) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-emerald-900) 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 {
    --tw-gradient-via: hsl(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\/50 {
    --tw-gradient-via: hsl(var(--foreground));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, hsl(var(--foreground)) 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-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-500\/50 {
    --tw-gradient-via: color-mix(in srgb, oklch(66.7% 0.295 322.15) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-fuchsia-500) 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-fuchsia-900 {
    --tw-gradient-via: var(--color-fuchsia-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-fuchsia-900\/20 {
    --tw-gradient-via: color-mix(in srgb, oklch(40.1% 0.17 325.612) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-fuchsia-900) 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-fuchsia-900\/50 {
    --tw-gradient-via: color-mix(in srgb, oklch(40.1% 0.17 325.612) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-fuchsia-900) 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-fuchsia-900\/70 {
    --tw-gradient-via: color-mix(in srgb, oklch(40.1% 0.17 325.612) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-fuchsia-900) 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-fuchsia-900\/90 {
    --tw-gradient-via: color-mix(in srgb, oklch(40.1% 0.17 325.612) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-fuchsia-900) 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-gray-50 {
    --tw-gradient-via: var(--color-gray-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-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-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-green-500\/50 {
    --tw-gradient-via: color-mix(in srgb, oklch(72.3% 0.219 149.579) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-green-500) 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-green-800 {
    --tw-gradient-via: var(--color-green-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-green-800\/80 {
    --tw-gradient-via: color-mix(in srgb, oklch(44.8% 0.119 151.328) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-green-800) 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-green-800\/85 {
    --tw-gradient-via: color-mix(in srgb, oklch(44.8% 0.119 151.328) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-green-800) 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-green-900 {
    --tw-gradient-via: var(--color-green-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-900\/20 {
    --tw-gradient-via: color-mix(in srgb, oklch(39.3% 0.095 152.535) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-green-900) 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-green-900\/50 {
    --tw-gradient-via: color-mix(in srgb, oklch(39.3% 0.095 152.535) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-green-900) 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-green-900\/70 {
    --tw-gradient-via: color-mix(in srgb, oklch(39.3% 0.095 152.535) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-green-900) 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-indigo-200 {
    --tw-gradient-via: var(--color-indigo-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-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-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-500\/50 {
    --tw-gradient-via: color-mix(in srgb, oklch(58.5% 0.233 277.117) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-indigo-500) 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-indigo-600 {
    --tw-gradient-via: var(--color-indigo-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-indigo-700 {
    --tw-gradient-via: var(--color-indigo-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-indigo-800 {
    --tw-gradient-via: var(--color-indigo-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-indigo-800\/80 {
    --tw-gradient-via: color-mix(in srgb, oklch(39.8% 0.195 277.366) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-indigo-800) 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-indigo-900 {
    --tw-gradient-via: var(--color-indigo-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-indigo-900\/20 {
    --tw-gradient-via: color-mix(in srgb, oklch(35.9% 0.144 278.697) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-indigo-900) 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-indigo-900\/30 {
    --tw-gradient-via: color-mix(in srgb, oklch(35.9% 0.144 278.697) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-indigo-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-indigo-900\/50 {
    --tw-gradient-via: color-mix(in srgb, oklch(35.9% 0.144 278.697) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-indigo-900) 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-indigo-900\/70 {
    --tw-gradient-via: color-mix(in srgb, oklch(35.9% 0.144 278.697) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-indigo-900) 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-indigo-900\/80 {
    --tw-gradient-via: color-mix(in srgb, oklch(35.9% 0.144 278.697) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-indigo-900) 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-indigo-900\/90 {
    --tw-gradient-via: color-mix(in srgb, oklch(35.9% 0.144 278.697) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-indigo-900) 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-lime-500 {
    --tw-gradient-via: var(--color-lime-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-lime-500\/50 {
    --tw-gradient-via: color-mix(in srgb, oklch(76.8% 0.233 130.85) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-lime-500) 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-lime-800 {
    --tw-gradient-via: var(--color-lime-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-lime-800\/80 {
    --tw-gradient-via: color-mix(in srgb, oklch(45.3% 0.124 130.933) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-lime-800) 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-lime-900 {
    --tw-gradient-via: var(--color-lime-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-lime-900\/70 {
    --tw-gradient-via: color-mix(in srgb, oklch(40.5% 0.101 131.063) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-lime-900) 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-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-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-900\/20 {
    --tw-gradient-via: color-mix(in srgb, oklch(20.5% 0 0) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-neutral-900) 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-neutral-900\/30 {
    --tw-gradient-via: color-mix(in srgb, oklch(20.5% 0 0) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-neutral-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-neutral-900\/40 {
    --tw-gradient-via: color-mix(in srgb, oklch(20.5% 0 0) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-neutral-900) 40%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-neutral-900\/50 {
    --tw-gradient-via: color-mix(in srgb, oklch(20.5% 0 0) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-neutral-900) 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-900\/60 {
    --tw-gradient-via: color-mix(in srgb, oklch(20.5% 0 0) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-neutral-900) 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-neutral-900\/70 {
    --tw-gradient-via: color-mix(in srgb, oklch(20.5% 0 0) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-neutral-900) 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-900\/80 {
    --tw-gradient-via: color-mix(in srgb, oklch(20.5% 0 0) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-neutral-900) 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-neutral-900\/95 {
    --tw-gradient-via: color-mix(in srgb, oklch(20.5% 0 0) 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-neutral-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-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\/80 {
    --tw-gradient-via: color-mix(in srgb, oklch(14.5% 0 0) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-neutral-950) 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-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-100 {
    --tw-gradient-via: var(--color-orange-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-orange-400 {
    --tw-gradient-via: var(--color-orange-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-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-orange-500\/50 {
    --tw-gradient-via: color-mix(in srgb, oklch(70.5% 0.213 47.604) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-orange-500) 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-orange-800 {
    --tw-gradient-via: var(--color-orange-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-orange-800\/85 {
    --tw-gradient-via: color-mix(in srgb, oklch(47% 0.157 37.304) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-orange-800) 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-orange-900 {
    --tw-gradient-via: var(--color-orange-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-orange-900\/50 {
    --tw-gradient-via: color-mix(in srgb, oklch(40.8% 0.123 38.172) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-orange-900) 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-orange-900\/60 {
    --tw-gradient-via: color-mix(in srgb, oklch(40.8% 0.123 38.172) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-orange-900) 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-orange-900\/70 {
    --tw-gradient-via: color-mix(in srgb, oklch(40.8% 0.123 38.172) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-orange-900) 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-pink-50 {
    --tw-gradient-via: var(--color-pink-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-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-pink-500\/50 {
    --tw-gradient-via: color-mix(in srgb, oklch(65.6% 0.241 354.308) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-pink-500) 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-pink-600 {
    --tw-gradient-via: var(--color-pink-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-pink-800 {
    --tw-gradient-via: var(--color-pink-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-pink-800\/80 {
    --tw-gradient-via: color-mix(in srgb, oklch(45.9% 0.187 3.815) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-pink-800) 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-pink-900 {
    --tw-gradient-via: var(--color-pink-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-pink-900\/20 {
    --tw-gradient-via: color-mix(in srgb, oklch(40.8% 0.153 2.432) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-pink-900) 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-pink-900\/30 {
    --tw-gradient-via: color-mix(in srgb, oklch(40.8% 0.153 2.432) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-pink-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-pink-900\/50 {
    --tw-gradient-via: color-mix(in srgb, oklch(40.8% 0.153 2.432) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-pink-900) 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-pink-900\/70 {
    --tw-gradient-via: color-mix(in srgb, oklch(40.8% 0.153 2.432) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-pink-900) 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-pink-900\/90 {
    --tw-gradient-via: color-mix(in srgb, oklch(40.8% 0.153 2.432) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-pink-900) 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-primary {
    --tw-gradient-via: hsl(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\/10 {
    --tw-gradient-via: hsl(var(--primary));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, hsl(var(--primary)) 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-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-50\/50 {
    --tw-gradient-via: color-mix(in srgb, oklch(97.7% 0.014 308.299) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-purple-50) 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-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\/50 {
    --tw-gradient-via: color-mix(in srgb, oklch(62.7% 0.265 303.9) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-purple-500) 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-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-800 {
    --tw-gradient-via: var(--color-purple-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-purple-800\/80 {
    --tw-gradient-via: color-mix(in srgb, oklch(43.8% 0.218 303.724) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-purple-800) 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-purple-800\/85 {
    --tw-gradient-via: color-mix(in srgb, oklch(43.8% 0.218 303.724) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-purple-800) 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-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\/70 {
    --tw-gradient-via: color-mix(in srgb, oklch(38.1% 0.176 304.987) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-purple-900) 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-purple-900\/90 {
    --tw-gradient-via: color-mix(in srgb, oklch(38.1% 0.176 304.987) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-purple-900) 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-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-50 {
    --tw-gradient-via: var(--color-rose-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-rose-100 {
    --tw-gradient-via: var(--color-rose-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-rose-500 {
    --tw-gradient-via: var(--color-rose-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-rose-500\/50 {
    --tw-gradient-via: color-mix(in srgb, oklch(64.5% 0.246 16.439) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-rose-500) 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-rose-600 {
    --tw-gradient-via: var(--color-rose-600);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-rose-600\/40 {
    --tw-gradient-via: color-mix(in srgb, oklch(58.6% 0.253 17.585) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-rose-600) 40%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-rose-800 {
    --tw-gradient-via: var(--color-rose-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-rose-800\/80 {
    --tw-gradient-via: color-mix(in srgb, oklch(45.5% 0.188 13.697) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-rose-800) 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-sky-300 {
    --tw-gradient-via: var(--color-sky-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-sky-500 {
    --tw-gradient-via: var(--color-sky-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-sky-500\/50 {
    --tw-gradient-via: color-mix(in srgb, oklch(68.5% 0.169 237.323) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-sky-500) 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-sky-900 {
    --tw-gradient-via: var(--color-sky-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-sky-900\/20 {
    --tw-gradient-via: color-mix(in srgb, oklch(39.1% 0.09 240.876) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-sky-900) 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-sky-900\/40 {
    --tw-gradient-via: color-mix(in srgb, oklch(39.1% 0.09 240.876) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-sky-900) 40%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-sky-900\/50 {
    --tw-gradient-via: color-mix(in srgb, oklch(39.1% 0.09 240.876) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-sky-900) 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-slate-100 {
    --tw-gradient-via: var(--color-slate-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-slate-700 {
    --tw-gradient-via: var(--color-slate-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-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-900\/50 {
    --tw-gradient-via: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-slate-900) 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-slate-900\/80 {
    --tw-gradient-via: color-mix(in srgb, oklch(20.8% 0.042 265.755) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-slate-900) 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-stone-50 {
    --tw-gradient-via: var(--color-stone-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-stone-100 {
    --tw-gradient-via: var(--color-stone-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-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-teal-500\/50 {
    --tw-gradient-via: color-mix(in srgb, oklch(70.4% 0.14 182.503) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-teal-500) 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-teal-600 {
    --tw-gradient-via: var(--color-teal-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-teal-800 {
    --tw-gradient-via: var(--color-teal-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-teal-800\/80 {
    --tw-gradient-via: color-mix(in srgb, oklch(43.7% 0.078 188.216) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-teal-800) 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-teal-800\/85 {
    --tw-gradient-via: color-mix(in srgb, oklch(43.7% 0.078 188.216) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-teal-800) 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-teal-900 {
    --tw-gradient-via: var(--color-teal-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-teal-900\/60 {
    --tw-gradient-via: color-mix(in srgb, oklch(38.6% 0.063 188.416) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-teal-900) 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-teal-900\/70 {
    --tw-gradient-via: color-mix(in srgb, oklch(38.6% 0.063 188.416) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-teal-900) 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-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-500 {
    --tw-gradient-via: var(--color-violet-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-violet-500\/50 {
    --tw-gradient-via: color-mix(in srgb, oklch(60.6% 0.25 292.717) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-violet-500) 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-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-800 {
    --tw-gradient-via: var(--color-violet-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-violet-800\/80 {
    --tw-gradient-via: color-mix(in srgb, oklch(43.2% 0.232 292.759) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-violet-800) 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-violet-800\/85 {
    --tw-gradient-via: color-mix(in srgb, oklch(43.2% 0.232 292.759) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-violet-800) 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-violet-900 {
    --tw-gradient-via: var(--color-violet-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-violet-900\/20 {
    --tw-gradient-via: color-mix(in srgb, oklch(38% 0.189 293.745) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-violet-900) 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-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-violet-900\/40 {
    --tw-gradient-via: color-mix(in srgb, oklch(38% 0.189 293.745) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-violet-900) 40%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-white {
    --tw-gradient-via: var(--color-white);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-white\/0 {
    --tw-gradient-via: color-mix(in srgb, #fff 0%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-white) 0%, 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\/80 {
    --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);
  }
  .via-white\/90 {
    --tw-gradient-via: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-white) 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-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-80\% {
    --tw-gradient-via-position: 80%;
  }
  .to-\[\#0ea5e9\] {
    --tw-gradient-to: #0ea5e9;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#0f1123\] {
    --tw-gradient-to: #0f1123;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#1BC5BD\]\/10 {
    --tw-gradient-to: color-mix(in oklab, #1BC5BD 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-\[\#1d4ed8\] {
    --tw-gradient-to: #1d4ed8;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#3a2f2f\]\/70 {
    --tw-gradient-to: color-mix(in oklab, #3a2f2f 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-\[\#4E342E\] {
    --tw-gradient-to: #4E342E;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#6D4C41\] {
    --tw-gradient-to: #6D4C41;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#8D6E63\] {
    --tw-gradient-to: #8D6E63;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#8a83ff\] {
    --tw-gradient-to: #8a83ff;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#8ab6a9\] {
    --tw-gradient-to: #8ab6a9;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#8950FC\] {
    --tw-gradient-to: #8950FC;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#15120f\]\/15 {
    --tw-gradient-to: color-mix(in oklab, #15120f 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));
  }
  .to-\[\#EFEBE9\] {
    --tw-gradient-to: #EFEBE9;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#F5F3FF\] {
    --tw-gradient-to: #F5F3FF;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#F5F5DC\] {
    --tw-gradient-to: #F5F5DC;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#F8F3F9\] {
    --tw-gradient-to: #F8F3F9;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#F09819\] {
    --tw-gradient-to: #F09819;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#FF675E\] {
    --tw-gradient-to: #FF675E;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#d6ded2\] {
    --tw-gradient-to: #d6ded2;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#dfe8df\] {
    --tw-gradient-to: #dfe8df;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#f8f4ed\] {
    --tw-gradient-to: #f8f4ed;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#f37335\] {
    --tw-gradient-to: #f37335;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[rgba\(0\,0\,0\,0\.8\)100\%\] {
    --tw-gradient-to: rgba(0,0,0,0.8)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-accent {
    --tw-gradient-to: hsl(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));
  }
  .to-accent\/10 {
    --tw-gradient-to: hsl(var(--accent));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, hsl(var(--accent)) 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-accent\/20 {
    --tw-gradient-to: hsl(var(--accent));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, hsl(var(--accent)) 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-amber-50 {
    --tw-gradient-to: 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));
  }
  .to-amber-50\/30 {
    --tw-gradient-to: color-mix(in srgb, oklch(98.7% 0.022 95.277) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-amber-50) 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-amber-50\/90 {
    --tw-gradient-to: color-mix(in srgb, oklch(98.7% 0.022 95.277) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-amber-50) 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-100 {
    --tw-gradient-to: var(--color-amber-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-amber-200 {
    --tw-gradient-to: var(--color-amber-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-amber-400 {
    --tw-gradient-to: var(--color-amber-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-amber-500 {
    --tw-gradient-to: var(--color-amber-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-amber-500\/5 {
    --tw-gradient-to: 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-600 {
    --tw-gradient-to: var(--color-amber-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-amber-600\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(66.6% 0.179 58.318) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-amber-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));
  }
  .to-amber-600\/60 {
    --tw-gradient-to: color-mix(in srgb, oklch(66.6% 0.179 58.318) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-amber-600) 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-amber-700 {
    --tw-gradient-to: var(--color-amber-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-amber-800 {
    --tw-gradient-to: var(--color-amber-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-amber-900 {
    --tw-gradient-to: var(--color-amber-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-amber-900\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(41.4% 0.112 45.904) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-amber-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-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\/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\/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-black\/90 {
    --tw-gradient-to: color-mix(in srgb, #000 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: 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));
  }
  .to-blue-50 {
    --tw-gradient-to: 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));
  }
  .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-200 {
    --tw-gradient-to: 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));
  }
  .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-500\/5 {
    --tw-gradient-to: color-mix(in srgb, oklch(62.3% 0.214 259.815) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: 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));
  }
  .to-blue-500\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: 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));
  }
  .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-600\/30 {
    --tw-gradient-to: color-mix(in srgb, oklch(54.6% 0.245 262.881) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-blue-600) 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-blue-600\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(54.6% 0.245 262.881) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-blue-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));
  }
  .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-700\/70 {
    --tw-gradient-to: color-mix(in srgb, oklch(48.8% 0.243 264.376) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-blue-700) 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-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-900 {
    --tw-gradient-to: var(--color-blue-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-blue-900\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-blue-900) 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-blue-900\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(37.9% 0.146 265.522) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: 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));
  }
  .to-cyan-50 {
    --tw-gradient-to: var(--color-cyan-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-cyan-100 {
    --tw-gradient-to: var(--color-cyan-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-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\/0 {
    --tw-gradient-to: color-mix(in srgb, oklch(71.5% 0.143 215.221) 0%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-cyan-500) 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-cyan-500\/5 {
    --tw-gradient-to: color-mix(in srgb, oklch(71.5% 0.143 215.221) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-cyan-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-cyan-500\/10 {
    --tw-gradient-to: color-mix(in srgb, oklch(71.5% 0.143 215.221) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-cyan-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-cyan-500\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(71.5% 0.143 215.221) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: 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));
  }
  .to-cyan-500\/30 {
    --tw-gradient-to: color-mix(in srgb, oklch(71.5% 0.143 215.221) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-cyan-500) 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-cyan-600 {
    --tw-gradient-to: var(--color-cyan-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-cyan-600\/5 {
    --tw-gradient-to: color-mix(in srgb, oklch(60.9% 0.126 221.723) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-cyan-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-cyan-600\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(60.9% 0.126 221.723) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-cyan-600) 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-cyan-700 {
    --tw-gradient-to: var(--color-cyan-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-cyan-700\/70 {
    --tw-gradient-to: color-mix(in srgb, oklch(52% 0.105 223.128) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-cyan-700) 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-cyan-900 {
    --tw-gradient-to: var(--color-cyan-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-cyan-900\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(39.8% 0.07 227.392) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-cyan-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-cyan-900\/50 {
    --tw-gradient-to: color-mix(in srgb, oklch(39.8% 0.07 227.392) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-cyan-900) 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-emerald-50 {
    --tw-gradient-to: 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));
  }
  .to-emerald-50\/50 {
    --tw-gradient-to: color-mix(in srgb, oklch(97.9% 0.021 166.113) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-emerald-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-emerald-100 {
    --tw-gradient-to: var(--color-emerald-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-emerald-200 {
    --tw-gradient-to: 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));
  }
  .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-500 {
    --tw-gradient-to: var(--color-emerald-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-emerald-500\/0 {
    --tw-gradient-to: color-mix(in srgb, oklch(69.6% 0.17 162.48) 0%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-emerald-500) 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\/5 {
    --tw-gradient-to: color-mix(in srgb, oklch(69.6% 0.17 162.48) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-emerald-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-emerald-500\/10 {
    --tw-gradient-to: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-emerald-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-emerald-500\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: 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));
  }
  .to-emerald-600 {
    --tw-gradient-to: 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));
  }
  .to-emerald-600\/60 {
    --tw-gradient-to: color-mix(in srgb, oklch(59.6% 0.145 163.225) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-emerald-600) 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-emerald-700 {
    --tw-gradient-to: var(--color-emerald-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-50 {
    --tw-gradient-to: var(--color-fuchsia-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-fuchsia-100 {
    --tw-gradient-to: var(--color-fuchsia-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-fuchsia-400 {
    --tw-gradient-to: var(--color-fuchsia-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-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\/5 {
    --tw-gradient-to: color-mix(in srgb, oklch(66.7% 0.295 322.15) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-fuchsia-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-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-600\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(59.1% 0.293 322.896) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-fuchsia-600) 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\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(59.1% 0.293 322.896) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-fuchsia-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));
  }
  .to-fuchsia-600\/60 {
    --tw-gradient-to: color-mix(in srgb, oklch(59.1% 0.293 322.896) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-fuchsia-600) 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-fuchsia-900 {
    --tw-gradient-to: 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));
  }
  .to-fuchsia-900\/80 {
    --tw-gradient-to: color-mix(in srgb, oklch(40.1% 0.17 325.612) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-fuchsia-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));
  }
  .to-gray-500 {
    --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));
  }
  .to-gray-500\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(55.1% 0.027 264.364) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-gray-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-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-50 {
    --tw-gradient-to: var(--color-green-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-green-400 {
    --tw-gradient-to: var(--color-green-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-green-500 {
    --tw-gradient-to: var(--color-green-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-green-500\/5 {
    --tw-gradient-to: color-mix(in srgb, oklch(72.3% 0.219 149.579) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-green-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-green-500\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-green-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-green-600 {
    --tw-gradient-to: 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));
  }
  .to-green-600\/60 {
    --tw-gradient-to: color-mix(in srgb, oklch(62.7% 0.194 149.214) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-green-600) 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-green-700 {
    --tw-gradient-to: var(--color-green-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-green-700\/70 {
    --tw-gradient-to: color-mix(in srgb, oklch(52.7% 0.154 150.069) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-green-700) 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-green-900 {
    --tw-gradient-to: var(--color-green-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-900\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(39.3% 0.095 152.535) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-green-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-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-50\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(96.2% 0.018 272.314) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-indigo-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));
  }
  .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-200 {
    --tw-gradient-to: 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));
  }
  .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-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\/5 {
    --tw-gradient-to: color-mix(in srgb, oklch(58.5% 0.233 277.117) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: 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));
  }
  .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-600\/30 {
    --tw-gradient-to: color-mix(in srgb, oklch(51.1% 0.262 276.966) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-indigo-600) 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-600\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(51.1% 0.262 276.966) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-indigo-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));
  }
  .to-indigo-600\/80 {
    --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));
  }
  .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-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-900\/60 {
    --tw-gradient-to: color-mix(in srgb, oklch(35.9% 0.144 278.697) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-indigo-900) 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-900\/80 {
    --tw-gradient-to: color-mix(in srgb, oklch(35.9% 0.144 278.697) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-indigo-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));
  }
  .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-100 {
    --tw-gradient-to: var(--color-lime-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-lime-500 {
    --tw-gradient-to: var(--color-lime-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-lime-500\/5 {
    --tw-gradient-to: color-mix(in srgb, oklch(76.8% 0.233 130.85) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-lime-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-lime-600 {
    --tw-gradient-to: var(--color-lime-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-lime-700 {
    --tw-gradient-to: var(--color-lime-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-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-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-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-600\/50 {
    --tw-gradient-to: color-mix(in srgb, oklch(43.9% 0 0) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: 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));
  }
  .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-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-900\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(20.5% 0 0) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-neutral-900) 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-neutral-900\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(20.5% 0 0) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-neutral-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-neutral-900\/60 {
    --tw-gradient-to: color-mix(in srgb, oklch(20.5% 0 0) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-neutral-900) 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-neutral-900\/80 {
    --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));
  }
  .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-orange-50 {
    --tw-gradient-to: var(--color-orange-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-orange-100 {
    --tw-gradient-to: var(--color-orange-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-orange-200 {
    --tw-gradient-to: var(--color-orange-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-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-500\/5 {
    --tw-gradient-to: color-mix(in srgb, oklch(70.5% 0.213 47.604) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-orange-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-orange-500\/10 {
    --tw-gradient-to: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-orange-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-orange-500\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(70.5% 0.213 47.604) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-orange-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-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-600\/30 {
    --tw-gradient-to: color-mix(in srgb, oklch(64.6% 0.222 41.116) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-orange-600) 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-orange-600\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(64.6% 0.222 41.116) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-orange-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));
  }
  .to-orange-600\/60 {
    --tw-gradient-to: color-mix(in srgb, oklch(64.6% 0.222 41.116) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-orange-600) 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-orange-700 {
    --tw-gradient-to: var(--color-orange-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-orange-700\/70 {
    --tw-gradient-to: color-mix(in srgb, oklch(55.3% 0.195 38.402) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-orange-700) 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-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-orange-900\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(40.8% 0.123 38.172) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-orange-900) 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-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-100 {
    --tw-gradient-to: var(--color-pink-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-pink-300 {
    --tw-gradient-to: var(--color-pink-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-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\/5 {
    --tw-gradient-to: color-mix(in srgb, oklch(65.6% 0.241 354.308) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-pink-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-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-500\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(65.6% 0.241 354.308) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-pink-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-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-pink-600\/30 {
    --tw-gradient-to: color-mix(in srgb, oklch(59.2% 0.249 0.584) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-pink-600) 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-900 {
    --tw-gradient-to: var(--color-pink-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-900\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(40.8% 0.153 2.432) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-pink-900) 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-pink-900\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(40.8% 0.153 2.432) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-pink-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-pink-900\/50 {
    --tw-gradient-to: color-mix(in srgb, oklch(40.8% 0.153 2.432) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-pink-900) 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-pink-900\/80 {
    --tw-gradient-to: color-mix(in srgb, oklch(40.8% 0.153 2.432) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-pink-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));
  }
  .to-pink-900\/90 {
    --tw-gradient-to: color-mix(in srgb, oklch(40.8% 0.153 2.432) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-pink-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));
  }
  .to-primary {
    --tw-gradient-to: hsl(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\/40 {
    --tw-gradient-to: hsl(var(--primary));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, hsl(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-purple-50 {
    --tw-gradient-to: var(--color-purple-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-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-300 {
    --tw-gradient-to: var(--color-purple-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-purple-400 {
    --tw-gradient-to: var(--color-purple-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-purple-500 {
    --tw-gradient-to: var(--color-purple-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-purple-500\/5 {
    --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));
  }
  .to-purple-500\/10 {
    --tw-gradient-to: color-mix(in srgb, oklch(62.7% 0.265 303.9) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-purple-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-purple-500\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(62.7% 0.265 303.9) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-purple-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-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\/30 {
    --tw-gradient-to: color-mix(in srgb, oklch(55.8% 0.288 302.321) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-purple-600) 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-purple-600\/60 {
    --tw-gradient-to: color-mix(in srgb, oklch(55.8% 0.288 302.321) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-purple-600) 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-purple-700 {
    --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));
  }
  .to-purple-700\/70 {
    --tw-gradient-to: color-mix(in srgb, oklch(49.6% 0.265 301.924) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-purple-700) 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-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-900 {
    --tw-gradient-to: var(--color-purple-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-purple-900\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(38.1% 0.176 304.987) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-purple-900) 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-purple-900\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(38.1% 0.176 304.987) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-purple-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-purple-900\/80 {
    --tw-gradient-to: color-mix(in srgb, oklch(38.1% 0.176 304.987) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-purple-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));
  }
  .to-red-50 {
    --tw-gradient-to: var(--color-red-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-red-100 {
    --tw-gradient-to: var(--color-red-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-red-400 {
    --tw-gradient-to: 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));
  }
  .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\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-red-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-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-100 {
    --tw-gradient-to: var(--color-rose-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-rose-200 {
    --tw-gradient-to: var(--color-rose-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-rose-400 {
    --tw-gradient-to: 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));
  }
  .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\/5 {
    --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-rose-500\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-rose-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-rose-600 {
    --tw-gradient-to: var(--color-rose-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-rose-600\/60 {
    --tw-gradient-to: color-mix(in srgb, oklch(58.6% 0.253 17.585) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-rose-600) 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-rose-700 {
    --tw-gradient-to: var(--color-rose-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-rose-900 {
    --tw-gradient-to: var(--color-rose-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-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 {
    --tw-gradient-to: var(--color-sky-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-sky-500\/0 {
    --tw-gradient-to: color-mix(in srgb, oklch(68.5% 0.169 237.323) 0%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-sky-500) 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-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-sky-600 {
    --tw-gradient-to: var(--color-sky-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-sky-600\/60 {
    --tw-gradient-to: color-mix(in srgb, oklch(58.8% 0.158 241.966) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-sky-600) 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-sky-700 {
    --tw-gradient-to: var(--color-sky-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-slate-50 {
    --tw-gradient-to: 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));
  }
  .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-100\/50 {
    --tw-gradient-to: color-mix(in srgb, oklch(96.8% 0.007 247.896) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-slate-100) 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-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-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 {
    --tw-gradient-to: var(--color-slate-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-slate-700\/30 {
    --tw-gradient-to: color-mix(in srgb, oklch(37.2% 0.044 257.287) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-slate-700) 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-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-900\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(20.8% 0.042 265.755) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-slate-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-slate-900\/60 {
    --tw-gradient-to: color-mix(in srgb, oklch(20.8% 0.042 265.755) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-slate-900) 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-stone-100 {
    --tw-gradient-to: var(--color-stone-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-stone-200 {
    --tw-gradient-to: 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));
  }
  .to-stone-300 {
    --tw-gradient-to: 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));
  }
  .to-teal-50 {
    --tw-gradient-to: var(--color-teal-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-teal-100 {
    --tw-gradient-to: var(--color-teal-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-teal-200 {
    --tw-gradient-to: var(--color-teal-200);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .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-500\/5 {
    --tw-gradient-to: color-mix(in srgb, oklch(70.4% 0.14 182.503) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-teal-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-teal-500\/10 {
    --tw-gradient-to: color-mix(in srgb, oklch(70.4% 0.14 182.503) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-teal-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-teal-500\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(70.4% 0.14 182.503) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-teal-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-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-600\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(60% 0.118 184.704) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-teal-600) 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-teal-600\/30 {
    --tw-gradient-to: color-mix(in srgb, oklch(60% 0.118 184.704) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-teal-600) 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-teal-600\/60 {
    --tw-gradient-to: color-mix(in srgb, oklch(60% 0.118 184.704) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-teal-600) 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-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-700\/70 {
    --tw-gradient-to: color-mix(in srgb, oklch(51.1% 0.096 186.391) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-teal-700) 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-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-800\/70 {
    --tw-gradient-to: color-mix(in srgb, oklch(43.7% 0.078 188.216) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-teal-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));
  }
  .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-teal-900\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(38.6% 0.063 188.416) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-teal-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-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\/0 {
    --tw-gradient-to: color-mix(in srgb, oklch(60.6% 0.25 292.717) 0%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-violet-500) 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-violet-500\/5 {
    --tw-gradient-to: color-mix(in srgb, oklch(60.6% 0.25 292.717) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-violet-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-violet-500\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(60.6% 0.25 292.717) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-violet-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-violet-600 {
    --tw-gradient-to: var(--color-violet-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-violet-600\/5 {
    --tw-gradient-to: color-mix(in srgb, oklch(54.1% 0.281 293.009) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-violet-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-violet-600\/60 {
    --tw-gradient-to: color-mix(in srgb, oklch(54.1% 0.281 293.009) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-violet-600) 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-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-700\/70 {
    --tw-gradient-to: color-mix(in srgb, oklch(49.1% 0.27 292.581) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-violet-700) 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-violet-900 {
    --tw-gradient-to: var(--color-violet-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-violet-900\/30 {
    --tw-gradient-to: color-mix(in srgb, oklch(38% 0.189 293.745) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-violet-900) 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-violet-950 {
    --tw-gradient-to: var(--color-violet-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-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\/0 {
    --tw-gradient-to: color-mix(in srgb, #fff 0%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-white) 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-white\/10 {
    --tw-gradient-to: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: 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));
  }
  .to-yellow-100 {
    --tw-gradient-to: var(--color-yellow-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-yellow-500 {
    --tw-gradient-to: var(--color-yellow-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .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));
  }
  .\[background-size\:100\%\] {
    background-size: 100%;
  }
  .bg-\[length\:1\.2em_1\.2em\] {
    background-size: 1.2em 1.2em;
  }
  .bg-\[length\:4px_4px\] {
    background-size: 4px 4px;
  }
  .bg-auto {
    background-size: auto;
  }
  .bg-contain {
    background-size: contain;
  }
  .bg-cover {
    background-size: cover;
  }
  .\!bg-fixed {
    background-attachment: fixed !important;
  }
  .bg-fixed {
    background-attachment: fixed;
  }
  .bg-scroll {
    background-attachment: scroll;
  }
  .bg-clip-border {
    background-clip: border-box;
  }
  .bg-clip-padding {
    background-clip: padding-box;
  }
  .bg-clip-text {
    background-clip: text;
  }
  .bg-\[center_230px\] {
    background-position: center 230px;
  }
  .bg-\[center_center\] {
    background-position: center center;
  }
  .bg-\[right_1rem_center\] {
    background-position: right 1rem center;
  }
  .bg-\[top_center\] {
    background-position: top center;
  }
  .bg-center {
    background-position: center;
  }
  .bg-right {
    background-position: right;
  }
  .bg-right-bottom {
    background-position: right bottom;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .bg-repeat {
    background-repeat: repeat;
  }
  .mask-repeat {
    mask-repeat: repeat;
  }
  .fill-\[\#39BAF6\] {
    fill: #39BAF6;
  }
  .fill-\[\#D4AF37\] {
    fill: #D4AF37;
  }
  .fill-\[\#FF4D1C\] {
    fill: #FF4D1C;
  }
  .fill-\[\#d7a84f\] {
    fill: #d7a84f;
  }
  .fill-\[\#e8c36a\] {
    fill: #e8c36a;
  }
  .fill-accent {
    fill: hsl(var(--accent));
  }
  .fill-amber-400 {
    fill: var(--color-amber-400);
  }
  .fill-amber-500 {
    fill: var(--color-amber-500);
  }
  .fill-black {
    fill: var(--color-black);
  }
  .fill-blue-500 {
    fill: var(--color-blue-500);
  }
  .fill-current {
    fill: currentcolor;
  }
  .fill-cyan-400 {
    fill: var(--color-cyan-400);
  }
  .fill-emerald-400 {
    fill: var(--color-emerald-400);
  }
  .fill-foreground {
    fill: hsl(var(--foreground));
  }
  .fill-gray-200 {
    fill: var(--color-gray-200);
  }
  .fill-gray-800 {
    fill: var(--color-gray-800);
  }
  .fill-neutral-700 {
    fill: var(--color-neutral-700);
  }
  .fill-none {
    fill: none;
  }
  .fill-orange-400 {
    fill: var(--color-orange-400);
  }
  .fill-primary {
    fill: hsl(var(--primary));
  }
  .fill-primary\/20 {
    fill: hsl(var(--primary));
    @supports (color: color-mix(in lab, red, red)) {
      fill: color-mix(in oklab, hsl(var(--primary)) 20%, transparent);
    }
  }
  .fill-red-500 {
    fill: var(--color-red-500);
  }
  .fill-secondary {
    fill: hsl(var(--secondary));
  }
  .fill-sky-50 {
    fill: var(--color-sky-50);
  }
  .fill-sky-600 {
    fill: var(--color-sky-600);
  }
  .fill-white {
    fill: var(--color-white);
  }
  .fill-yellow-400 {
    fill: var(--color-yellow-400);
  }
  .fill-yellow-500 {
    fill: var(--color-yellow-500);
  }
  .stroke-\[\#3f78e0\] {
    stroke: #3f78e0;
  }
  .stroke-\[\#605dba\] {
    stroke: #605dba;
  }
  .stroke-current {
    stroke: currentcolor;
  }
  .stroke-gray-800 {
    stroke: var(--color-gray-800);
  }
  .stroke-neutral-700 {
    stroke: var(--color-neutral-700);
  }
  .stroke-neutral-700\/50 {
    stroke: color-mix(in srgb, oklch(37.1% 0 0) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in oklab, var(--color-neutral-700) 50%, transparent);
    }
  }
  .stroke-sky-600 {
    stroke: var(--color-sky-600);
  }
  .stroke-white {
    stroke: var(--color-white);
  }
  .stroke-\[4\] {
    stroke-width: 4;
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .object-\[top_center\] {
    object-position: top center;
  }
  .object-center {
    object-position: center;
  }
  .\!p-10 {
    padding: calc(var(--spacing) * 10) !important;
  }
  .\!p-\[\.9rem_1\.3rem_\.85rem\] {
    padding: .9rem 1.3rem .85rem !important;
  }
  .\!p-\[\.25rem_1\.15rem\] {
    padding: .25rem 1.15rem !important;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-0\.5 {
    padding: calc(var(--spacing) * 0.5);
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-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-9 {
    padding: calc(var(--spacing) * 9);
  }
  .p-10 {
    padding: calc(var(--spacing) * 10);
  }
  .p-11 {
    padding: calc(var(--spacing) * 11);
  }
  .p-12 {
    padding: calc(var(--spacing) * 12);
  }
  .p-13 {
    padding: calc(var(--spacing) * 13);
  }
  .p-14 {
    padding: calc(var(--spacing) * 14);
  }
  .p-15 {
    padding: calc(var(--spacing) * 15);
  }
  .p-16 {
    padding: calc(var(--spacing) * 16);
  }
  .p-17 {
    padding: calc(var(--spacing) * 17);
  }
  .p-18 {
    padding: calc(var(--spacing) * 18);
  }
  .p-19 {
    padding: calc(var(--spacing) * 19);
  }
  .p-20 {
    padding: calc(var(--spacing) * 20);
  }
  .p-21 {
    padding: calc(var(--spacing) * 21);
  }
  .p-22 {
    padding: calc(var(--spacing) * 22);
  }
  .p-23 {
    padding: calc(var(--spacing) * 23);
  }
  .p-24 {
    padding: calc(var(--spacing) * 24);
  }
  .p-25 {
    padding: calc(var(--spacing) * 25);
  }
  .p-\[\.6rem_1rem\] {
    padding: .6rem 1rem;
  }
  .p-\[\.75rem_1rem\] {
    padding: .75rem 1rem;
  }
  .p-\[0_0_0_50px\] {
    padding: 0 0 0 50px;
  }
  .p-\[0_0_0_52px\] {
    padding: 0 0 0 52px;
  }
  .p-\[0_0_0_65px\] {
    padding: 0 0 0 65px;
  }
  .p-\[0_0_12px_30px\] {
    padding: 0 0 12px 30px;
  }
  .p-\[0_0_20px_50px\] {
    padding: 0 0 20px 50px;
  }
  .p-\[0_0_30px_70px\] {
    padding: 0 0 30px 70px;
  }
  .p-\[0_0_38px\] {
    padding: 0 0 38px;
  }
  .p-\[0_1\.25rem_\.25rem_2\.35rem\] {
    padding: 0 1.25rem .25rem 2.35rem;
  }
  .p-\[0_5px\] {
    padding: 0 5px;
  }
  .p-\[0_5px_0_25px\] {
    padding: 0 5px 0 25px;
  }
  .p-\[0_15px\] {
    padding: 0 15px;
  }
  .p-\[0_15px_15px\] {
    padding: 0 15px 15px;
  }
  .p-\[0_20px\] {
    padding: 0 20px;
  }
  .p-\[0_20px_0_45px\] {
    padding: 0 20px 0 45px;
  }
  .p-\[0_25px\] {
    padding: 0 25px;
  }
  .p-\[0_25px_0_5px\] {
    padding: 0 25px 0 5px;
  }
  .p-\[0_25px_0_170px\] {
    padding: 0 25px 0 170px;
  }
  .p-\[0_30px_0_160px\] {
    padding: 0 30px 0 160px;
  }
  .p-\[0_30px_0_200px\] {
    padding: 0 30px 0 200px;
  }
  .p-\[0_30px_60px_0\] {
    padding: 0 30px 60px 0;
  }
  .p-\[0_32px\] {
    padding: 0 32px;
  }
  .p-\[0_35px\] {
    padding: 0 35px;
  }
  .p-\[0_35px_0_260px\] {
    padding: 0 35px 0 260px;
  }
  .p-\[0_40px\] {
    padding: 0 40px;
  }
  .p-\[0_42px\] {
    padding: 0 42px;
  }
  .p-\[0_45px\] {
    padding: 0 45px;
  }
  .p-\[0_45px_20px_50px\] {
    padding: 0 45px 20px 50px;
  }
  .p-\[0_50px\] {
    padding: 0 50px;
  }
  .p-\[0_50px_0_0\] {
    padding: 0 50px 0 0;
  }
  .p-\[0_50px_20px_0\] {
    padding: 0 50px 20px 0;
  }
  .p-\[0_50px_20px_45px\] {
    padding: 0 50px 20px 45px;
  }
  .p-\[0_50px_20px_70px\] {
    padding: 0 50px 20px 70px;
  }
  .p-\[0_60px\] {
    padding: 0 60px;
  }
  .p-\[0_70px\] {
    padding: 0 70px;
  }
  .p-\[0_70px_20px_50px\] {
    padding: 0 70px 20px 50px;
  }
  .p-\[0_70px_30px_0\] {
    padding: 0 70px 30px 0;
  }
  .p-\[0_125px_0_20px\] {
    padding: 0 125px 0 20px;
  }
  .p-\[0_150px_0_25px\] {
    padding: 0 150px 0 25px;
  }
  .p-\[0_160px_0_30px\] {
    padding: 0 160px 0 30px;
  }
  .p-\[0_170px_0_40px\] {
    padding: 0 170px 0 40px;
  }
  .p-\[0_190px_0_30px\] {
    padding: 0 190px 0 30px;
  }
  .p-\[0_200px_0_30px\] {
    padding: 0 200px 0 30px;
  }
  .p-\[0_220px_0_20px\] {
    padding: 0 220px 0 20px;
  }
  .p-\[0_260px_0_35px\] {
    padding: 0 260px 0 35px;
  }
  .p-\[0px_0_10px\] {
    padding: 0px 0 10px;
  }
  .p-\[1\.4rem\] {
    padding: 1.4rem;
  }
  .p-\[1\.5rem\] {
    padding: 1.5rem;
  }
  .p-\[1px\] {
    padding: 1px;
  }
  .p-\[2px\] {
    padding: 2px;
  }
  .p-\[5\%\] {
    padding: 5%;
  }
  .p-\[5px\] {
    padding: 5px;
  }
  .p-\[5px_0_3px\] {
    padding: 5px 0 3px;
  }
  .p-\[5px_0_25px\] {
    padding: 5px 0 25px;
  }
  .p-\[9px_0_30px_50px\] {
    padding: 9px 0 30px 50px;
  }
  .p-\[9px_22px_15px_5px\] {
    padding: 9px 22px 15px 5px;
  }
  .p-\[10px\] {
    padding: 10px;
  }
  .p-\[10px_0_50px\] {
    padding: 10px 0 50px;
  }
  .p-\[10px_9px_0_0\] {
    padding: 10px 9px 0 0;
  }
  .p-\[10px_10px_0\] {
    padding: 10px 10px 0;
  }
  .p-\[10px_20px\] {
    padding: 10px 20px;
  }
  .p-\[15px\] {
    padding: 15px;
  }
  .p-\[15px_0_0\] {
    padding: 15px 0 0;
  }
  .p-\[15px_0_20px\] {
    padding: 15px 0 20px;
  }
  .p-\[15px_30px_20px_5px\] {
    padding: 15px 30px 20px 5px;
  }
  .p-\[17px_0_10px\] {
    padding: 17px 0 10px;
  }
  .p-\[18px_40px\] {
    padding: 18px 40px;
  }
  .p-\[20px_0\] {
    padding: 20px 0;
  }
  .p-\[20px_0_0_90px\] {
    padding: 20px 0 0 90px;
  }
  .p-\[20px_0_15px\] {
    padding: 20px 0 15px;
  }
  .p-\[20px_0_40px\] {
    padding: 20px 0 40px;
  }
  .p-\[20px_20px_80px\] {
    padding: 20px 20px 80px;
  }
  .p-\[20px_25px_0\] {
    padding: 20px 25px 0;
  }
  .p-\[20px_70px_20px_15px\] {
    padding: 20px 70px 20px 15px;
  }
  .p-\[22px_0\] {
    padding: 22px 0;
  }
  .p-\[22px_0_22px_70px\] {
    padding: 22px 0 22px 70px;
  }
  .p-\[22px_0_30px\] {
    padding: 22px 0 30px;
  }
  .p-\[22px_70px_22px_0\] {
    padding: 22px 70px 22px 0;
  }
  .p-\[23px_0_15px\] {
    padding: 23px 0 15px;
  }
  .p-\[24px_0_0\] {
    padding: 24px 0 0;
  }
  .p-\[24px_0_34px\] {
    padding: 24px 0 34px;
  }
  .p-\[25px_0\] {
    padding: 25px 0;
  }
  .p-\[25px_0_3px\] {
    padding: 25px 0 3px;
  }
  .p-\[25px_0_6px\] {
    padding: 25px 0 6px;
  }
  .p-\[25px_0_45px\] {
    padding: 25px 0 45px;
  }
  .p-\[25px_0_50px\] {
    padding: 25px 0 50px;
  }
  .p-\[25px_0px_0_20px\] {
    padding: 25px 0px 0 20px;
  }
  .p-\[25px_35px_35px\] {
    padding: 25px 35px 35px;
  }
  .p-\[25px_40px_70px_50px\] {
    padding: 25px 40px 70px 50px;
  }
  .p-\[25px_50px_70px_40px\] {
    padding: 25px 50px 70px 40px;
  }
  .p-\[26px_0_20px\] {
    padding: 26px 0 20px;
  }
  .p-\[27px_35px_27px_45px\] {
    padding: 27px 35px 27px 45px;
  }
  .p-\[27px_45px_27px_35px\] {
    padding: 27px 45px 27px 35px;
  }
  .p-\[28px_8px_42px_0\] {
    padding: 28px 8px 42px 0;
  }
  .p-\[30px_0\] {
    padding: 30px 0;
  }
  .p-\[30px_0_5px\] {
    padding: 30px 0 5px;
  }
  .p-\[30px_0_7px\] {
    padding: 30px 0 7px;
  }
  .p-\[30px_0_30px_35px\] {
    padding: 30px 0 30px 35px;
  }
  .p-\[30px_0px_30px_35px\] {
    padding: 30px 0px 30px 35px;
  }
  .p-\[30px_15px_40px\] {
    padding: 30px 15px 40px;
  }
  .p-\[30px_35px_30px_0\] {
    padding: 30px 35px 30px 0;
  }
  .p-\[30px_45px_0_25px\] {
    padding: 30px 45px 0 25px;
  }
  .p-\[30px_45px_30px_10px\] {
    padding: 30px 45px 30px 10px;
  }
  .p-\[31px_0_32px_43px\] {
    padding: 31px 0 32px 43px;
  }
  .p-\[32px_0_40px\] {
    padding: 32px 0 40px;
  }
  .p-\[32px_5px_30px_35px\] {
    padding: 32px 5px 30px 35px;
  }
  .p-\[32px_35px_30px_5px\] {
    padding: 32px 35px 30px 5px;
  }
  .p-\[32px_40px_20px\] {
    padding: 32px 40px 20px;
  }
  .p-\[32px_44px_40px_50px\] {
    padding: 32px 44px 40px 50px;
  }
  .p-\[32px_50px_40px_44px\] {
    padding: 32px 50px 40px 44px;
  }
  .p-\[34px_0_0_26px\] {
    padding: 34px 0 0 26px;
  }
  .p-\[34px_26px_0_0\] {
    padding: 34px 26px 0 0;
  }
  .p-\[35px\] {
    padding: 35px;
  }
  .p-\[35px_0_20px_0\] {
    padding: 35px 0 20px 0;
  }
  .p-\[35px_0_25px\] {
    padding: 35px 0 25px;
  }
  .p-\[35px_0_35px_35px\] {
    padding: 35px 0 35px 35px;
  }
  .p-\[35px_0_40px\] {
    padding: 35px 0 40px;
  }
  .p-\[35px_0_42px\] {
    padding: 35px 0 42px;
  }
  .p-\[35px_0_50px_0\] {
    padding: 35px 0 50px 0;
  }
  .p-\[35px_0_60px\] {
    padding: 35px 0 60px;
  }
  .p-\[35px_35px_35px_0\] {
    padding: 35px 35px 35px 0;
  }
  .p-\[35px_40px_25px\] {
    padding: 35px 40px 25px;
  }
  .p-\[35px_40px_80px\] {
    padding: 35px 40px 80px;
  }
  .p-\[35px_50px_25px_35px\] {
    padding: 35px 50px 25px 35px;
  }
  .p-\[40px\] {
    padding: 40px;
  }
  .p-\[40px_0_50px\] {
    padding: 40px 0 50px;
  }
  .p-\[40px_0_75px_60px\] {
    padding: 40px 0 75px 60px;
  }
  .p-\[40px_20px_40px\] {
    padding: 40px 20px 40px;
  }
  .p-\[40px_22px_0\] {
    padding: 40px 22px 0;
  }
  .p-\[40px_30px_60px_0\] {
    padding: 40px 30px 60px 0;
  }
  .p-\[40px_38px_33px\] {
    padding: 40px 38px 33px;
  }
  .p-\[40px_43px_50px\] {
    padding: 40px 43px 50px;
  }
  .p-\[40px_50px_40px_115px\] {
    padding: 40px 50px 40px 115px;
  }
  .p-\[40px_60px_75px_0\] {
    padding: 40px 60px 75px 0;
  }
  .p-\[40px_115px_40px_50px\] {
    padding: 40px 115px 40px 50px;
  }
  .p-\[42px_0_70px\] {
    padding: 42px 0 70px;
  }
  .p-\[42px_44px_48px_57px\] {
    padding: 42px 44px 48px 57px;
  }
  .p-\[44px_0_20px\] {
    padding: 44px 0 20px;
  }
  .p-\[44px_0_35px\] {
    padding: 44px 0 35px;
  }
  .p-\[45px_0\] {
    padding: 45px 0;
  }
  .p-\[45px_0_0\] {
    padding: 45px 0 0;
  }
  .p-\[45px_0_90px\] {
    padding: 45px 0 90px;
  }
  .p-\[45px_40px\] {
    padding: 45px 40px;
  }
  .p-\[45px_55px_35px_30px\] {
    padding: 45px 55px 35px 30px;
  }
  .p-\[46px_0_36px_20px\] {
    padding: 46px 0 36px 20px;
  }
  .p-\[46px_20px_36px_0\] {
    padding: 46px 20px 36px 0;
  }
  .p-\[46px_30px_50px_48px\] {
    padding: 46px 30px 50px 48px;
  }
  .p-\[48px_0_95px\] {
    padding: 48px 0 95px;
  }
  .p-\[50px_0_0_65px\] {
    padding: 50px 0 0 65px;
  }
  .p-\[50px_0_25px\] {
    padding: 50px 0 25px;
  }
  .p-\[50px_0_40px_50px\] {
    padding: 50px 0 40px 50px;
  }
  .p-\[50px_0_150px\] {
    padding: 50px 0 150px;
  }
  .p-\[50px_4\%_20px\] {
    padding: 50px 4% 20px;
  }
  .p-\[50px_5\%_50px_20px\] {
    padding: 50px 5% 50px 20px;
  }
  .p-\[50px_20px_0_55px\] {
    padding: 50px 20px 0 55px;
  }
  .p-\[50px_20px_50px_5\%\] {
    padding: 50px 20px 50px 5%;
  }
  .p-\[50px_35px\] {
    padding: 50px 35px;
  }
  .p-\[50px_40px\] {
    padding: 50px 40px;
  }
  .p-\[50px_40px_30px\] {
    padding: 50px 40px 30px;
  }
  .p-\[50px_40px_45px\] {
    padding: 50px 40px 45px;
  }
  .p-\[50px_40px_60px\] {
    padding: 50px 40px 60px;
  }
  .p-\[50px_50px_40px_0\] {
    padding: 50px 50px 40px 0;
  }
  .p-\[50px_50px_65px\] {
    padding: 50px 50px 65px;
  }
  .p-\[50px_50px_65px_0\] {
    padding: 50px 50px 65px 0;
  }
  .p-\[50px_55px_0_20px\] {
    padding: 50px 55px 0 20px;
  }
  .p-\[50px_65px_0_0\] {
    padding: 50px 65px 0 0;
  }
  .p-\[52px_0_60px\] {
    padding: 52px 0 60px;
  }
  .p-\[54px_64px_48px\] {
    padding: 54px 64px 48px;
  }
  .p-\[55px_0_15px\] {
    padding: 55px 0 15px;
  }
  .p-\[55px_0_60px_15\%\] {
    padding: 55px 0 60px 15%;
  }
  .p-\[55px_15\%_60px_0\] {
    padding: 55px 15% 60px 0;
  }
  .p-\[55px_15px_22px\] {
    padding: 55px 15px 22px;
  }
  .p-\[55px_15px_75px\] {
    padding: 55px 15px 75px;
  }
  .p-\[56px_0_0\] {
    padding: 56px 0 0;
  }
  .p-\[60px_58px_50px_15px\] {
    padding: 60px 58px 50px 15px;
  }
  .p-\[65px_20px_55px_55px\] {
    padding: 65px 20px 55px 55px;
  }
  .p-\[65px_50px\] {
    padding: 65px 50px;
  }
  .p-\[65px_55px_55px_20px\] {
    padding: 65px 55px 55px 20px;
  }
  .p-\[75px_0_100px\] {
    padding: 75px 0 100px;
  }
  .p-\[75px_0_170px\] {
    padding: 75px 0 170px;
  }
  .p-\[75px_50px_65px\] {
    padding: 75px 50px 65px;
  }
  .p-\[78px_0_150px\] {
    padding: 78px 0 150px;
  }
  .p-\[80px_0_70px\] {
    padding: 80px 0 70px;
  }
  .p-\[82px_50px_89px\] {
    padding: 82px 50px 89px;
  }
  .p-\[85px_60px_0_15px\] {
    padding: 85px 60px 0 15px;
  }
  .p-\[90px_0_40px\] {
    padding: 90px 0 40px;
  }
  .p-\[90px_0_110px\] {
    padding: 90px 0 110px;
  }
  .p-\[90px_35px_30px\] {
    padding: 90px 35px 30px;
  }
  .p-\[95px_0_60px\] {
    padding: 95px 0 60px;
  }
  .p-\[100px\] {
    padding: 100px;
  }
  .p-\[100px_0_10px\] {
    padding: 100px 0 10px;
  }
  .p-\[100px_0_60px\] {
    padding: 100px 0 60px;
  }
  .p-\[100px_0_100px\] {
    padding: 100px 0 100px;
  }
  .p-\[100px_0_190px\] {
    padding: 100px 0 190px;
  }
  .p-\[105px_0_170px\] {
    padding: 105px 0 170px;
  }
  .p-\[108px_0_0\] {
    padding: 108px 0 0;
  }
  .p-\[110px_0_80px\] {
    padding: 110px 0 80px;
  }
  .p-\[110px_0_120px\] {
    padding: 110px 0 120px;
  }
  .p-\[110px_0_210px\] {
    padding: 110px 0 210px;
  }
  .p-\[120px_0\] {
    padding: 120px 0;
  }
  .p-\[120px_0_140px\] {
    padding: 120px 0 140px;
  }
  .p-\[125px_0\] {
    padding: 125px 0;
  }
  .p-\[130px_0_150px\] {
    padding: 130px 0 150px;
  }
  .p-\[140px_0_0\] {
    padding: 140px 0 0;
  }
  .p-\[140px_0_135px\] {
    padding: 140px 0 135px;
  }
  .p-\[150px_0_150px\] {
    padding: 150px 0 150px;
  }
  .p-\[160px_0\] {
    padding: 160px 0;
  }
  .p-\[160px_15px\] {
    padding: 160px 15px;
  }
  .p-\[170px_0_150px\] {
    padding: 170px 0 150px;
  }
  .p-\[180px_0\] {
    padding: 180px 0;
  }
  .p-\[180px_0_150px\] {
    padding: 180px 0 150px;
  }
  .p-\[185px_0_390px\] {
    padding: 185px 0 390px;
  }
  .p-\[200px_0_130px\] {
    padding: 200px 0 130px;
  }
  .p-\[200px_0_170px\] {
    padding: 200px 0 170px;
  }
  .p-\[215px_0_100px\] {
    padding: 215px 0 100px;
  }
  .p-\[215px_0_110px\] {
    padding: 215px 0 110px;
  }
  .p-\[220px_0_130px\] {
    padding: 220px 0 130px;
  }
  .p-\[220px_0_320px\] {
    padding: 220px 0 320px;
  }
  .p-\[225px_0_180px\] {
    padding: 225px 0 180px;
  }
  .p-\[235px_0_170px\] {
    padding: 235px 0 170px;
  }
  .p-\[250px_0_110px\] {
    padding: 250px 0 110px;
  }
  .p-px {
    padding: 1px;
  }
  .\!px-0 {
    padding-inline: calc(var(--spacing) * 0) !important;
  }
  .\!px-2 {
    padding-inline: calc(var(--spacing) * 2) !important;
  }
  .\!px-4 {
    padding-inline: calc(var(--spacing) * 4) !important;
  }
  .px-\(--cell-size\) {
    padding-inline: var(--cell-size);
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .px-0\.5 {
    padding-inline: calc(var(--spacing) * 0.5);
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .px-9 {
    padding-inline: calc(var(--spacing) * 9);
  }
  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }
  .px-11 {
    padding-inline: calc(var(--spacing) * 11);
  }
  .px-12 {
    padding-inline: calc(var(--spacing) * 12);
  }
  .px-13 {
    padding-inline: calc(var(--spacing) * 13);
  }
  .px-14 {
    padding-inline: calc(var(--spacing) * 14);
  }
  .px-15 {
    padding-inline: calc(var(--spacing) * 15);
  }
  .px-16 {
    padding-inline: calc(var(--spacing) * 16);
  }
  .px-17 {
    padding-inline: calc(var(--spacing) * 17);
  }
  .px-18 {
    padding-inline: calc(var(--spacing) * 18);
  }
  .px-19 {
    padding-inline: calc(var(--spacing) * 19);
  }
  .px-20 {
    padding-inline: calc(var(--spacing) * 20);
  }
  .px-21 {
    padding-inline: calc(var(--spacing) * 21);
  }
  .px-22 {
    padding-inline: calc(var(--spacing) * 22);
  }
  .px-23 {
    padding-inline: calc(var(--spacing) * 23);
  }
  .px-24 {
    padding-inline: calc(var(--spacing) * 24);
  }
  .px-25 {
    padding-inline: calc(var(--spacing) * 25);
  }
  .px-\[--cell-size\] {
    padding-inline: --cell-size;
  }
  .px-\[3\%\] {
    padding-inline: 3%;
  }
  .px-\[5\%\] {
    padding-inline: 5%;
  }
  .px-\[5px\] {
    padding-inline: 5px;
  }
  .px-\[7vw\] {
    padding-inline: 7vw;
  }
  .px-\[10px\] {
    padding-inline: 10px;
  }
  .px-\[13px\] {
    padding-inline: 13px;
  }
  .px-\[14px\] {
    padding-inline: 14px;
  }
  .px-\[15px\] {
    padding-inline: 15px;
  }
  .px-\[16px\] {
    padding-inline: 16px;
  }
  .px-\[25px\] {
    padding-inline: 25px;
  }
  .px-\[30px\] {
    padding-inline: 30px;
  }
  .px-\[33px\] {
    padding-inline: 33px;
  }
  .px-\[34px\] {
    padding-inline: 34px;
  }
  .px-\[35px\] {
    padding-inline: 35px;
  }
  .px-\[45px\] {
    padding-inline: 45px;
  }
  .px-\[50px\] {
    padding-inline: 50px;
  }
  .px-\[70px\] {
    padding-inline: 70px;
  }
  .px-\[75px\] {
    padding-inline: 75px;
  }
  .\!py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5) !important;
  }
  .\!py-3 {
    padding-block: calc(var(--spacing) * 3) !important;
  }
  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-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-11 {
    padding-block: calc(var(--spacing) * 11);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-13 {
    padding-block: calc(var(--spacing) * 13);
  }
  .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-17 {
    padding-block: calc(var(--spacing) * 17);
  }
  .py-18 {
    padding-block: calc(var(--spacing) * 18);
  }
  .py-19 {
    padding-block: calc(var(--spacing) * 19);
  }
  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .py-21 {
    padding-block: calc(var(--spacing) * 21);
  }
  .py-22 {
    padding-block: calc(var(--spacing) * 22);
  }
  .py-23 {
    padding-block: calc(var(--spacing) * 23);
  }
  .py-24 {
    padding-block: calc(var(--spacing) * 24);
  }
  .py-25 {
    padding-block: calc(var(--spacing) * 25);
  }
  .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-60 {
    padding-block: calc(var(--spacing) * 60);
  }
  .py-\[0\.5rem\] {
    padding-block: 0.5rem;
  }
  .py-\[0\.6rem\] {
    padding-block: 0.6rem;
  }
  .py-\[0\.45rem\] {
    padding-block: 0.45rem;
  }
  .py-\[3px\] {
    padding-block: 3px;
  }
  .py-\[4\.5rem\] {
    padding-block: 4.5rem;
  }
  .py-\[4px\] {
    padding-block: 4px;
  }
  .py-\[4vh\] {
    padding-block: 4vh;
  }
  .py-\[5px\] {
    padding-block: 5px;
  }
  .py-\[5rem\] {
    padding-block: 5rem;
  }
  .py-\[6px\] {
    padding-block: 6px;
  }
  .py-\[8vh\] {
    padding-block: 8vh;
  }
  .py-\[13px\] {
    padding-block: 13px;
  }
  .py-\[14px\] {
    padding-block: 14px;
  }
  .py-\[15px\] {
    padding-block: 15px;
  }
  .py-\[17px\] {
    padding-block: 17px;
  }
  .py-\[18px\] {
    padding-block: 18px;
  }
  .py-\[22px\] {
    padding-block: 22px;
  }
  .py-\[26px\] {
    padding-block: 26px;
  }
  .py-\[30px\] {
    padding-block: 30px;
  }
  .py-\[35px\] {
    padding-block: 35px;
  }
  .py-\[37px\] {
    padding-block: 37px;
  }
  .py-\[50px\] {
    padding-block: 50px;
  }
  .py-\[55px\] {
    padding-block: 55px;
  }
  .py-\[60px\] {
    padding-block: 60px;
  }
  .py-\[70px\] {
    padding-block: 70px;
  }
  .py-\[110px\] {
    padding-block: 110px;
  }
  .py-\[140px\] {
    padding-block: 140px;
  }
  .py-\[150px\] {
    padding-block: 150px;
  }
  .py-px {
    padding-block: 1px;
  }
  .ps-0 {
    padding-inline-start: calc(var(--spacing) * 0);
  }
  .ps-1 {
    padding-inline-start: calc(var(--spacing) * 1);
  }
  .ps-2 {
    padding-inline-start: calc(var(--spacing) * 2);
  }
  .ps-2\.5 {
    padding-inline-start: calc(var(--spacing) * 2.5);
  }
  .ps-3 {
    padding-inline-start: calc(var(--spacing) * 3);
  }
  .ps-4 {
    padding-inline-start: calc(var(--spacing) * 4);
  }
  .ps-5 {
    padding-inline-start: calc(var(--spacing) * 5);
  }
  .ps-6 {
    padding-inline-start: calc(var(--spacing) * 6);
  }
  .ps-7 {
    padding-inline-start: calc(var(--spacing) * 7);
  }
  .ps-8 {
    padding-inline-start: calc(var(--spacing) * 8);
  }
  .ps-9 {
    padding-inline-start: calc(var(--spacing) * 9);
  }
  .ps-10 {
    padding-inline-start: calc(var(--spacing) * 10);
  }
  .ps-11 {
    padding-inline-start: calc(var(--spacing) * 11);
  }
  .ps-12 {
    padding-inline-start: calc(var(--spacing) * 12);
  }
  .ps-13 {
    padding-inline-start: calc(var(--spacing) * 13);
  }
  .ps-14 {
    padding-inline-start: calc(var(--spacing) * 14);
  }
  .ps-15 {
    padding-inline-start: calc(var(--spacing) * 15);
  }
  .ps-16 {
    padding-inline-start: calc(var(--spacing) * 16);
  }
  .ps-17 {
    padding-inline-start: calc(var(--spacing) * 17);
  }
  .ps-18 {
    padding-inline-start: calc(var(--spacing) * 18);
  }
  .ps-19 {
    padding-inline-start: calc(var(--spacing) * 19);
  }
  .ps-20 {
    padding-inline-start: calc(var(--spacing) * 20);
  }
  .ps-21 {
    padding-inline-start: calc(var(--spacing) * 21);
  }
  .ps-22 {
    padding-inline-start: calc(var(--spacing) * 22);
  }
  .ps-23 {
    padding-inline-start: calc(var(--spacing) * 23);
  }
  .ps-24 {
    padding-inline-start: calc(var(--spacing) * 24);
  }
  .ps-25 {
    padding-inline-start: calc(var(--spacing) * 25);
  }
  .ps-px {
    padding-inline-start: 1px;
  }
  .pe-0 {
    padding-inline-end: calc(var(--spacing) * 0);
  }
  .pe-1 {
    padding-inline-end: calc(var(--spacing) * 1);
  }
  .pe-1\.5 {
    padding-inline-end: calc(var(--spacing) * 1.5);
  }
  .pe-2 {
    padding-inline-end: calc(var(--spacing) * 2);
  }
  .pe-3 {
    padding-inline-end: calc(var(--spacing) * 3);
  }
  .pe-3\.5 {
    padding-inline-end: calc(var(--spacing) * 3.5);
  }
  .pe-4 {
    padding-inline-end: calc(var(--spacing) * 4);
  }
  .pe-5 {
    padding-inline-end: calc(var(--spacing) * 5);
  }
  .pe-6 {
    padding-inline-end: calc(var(--spacing) * 6);
  }
  .pe-7 {
    padding-inline-end: calc(var(--spacing) * 7);
  }
  .pe-8 {
    padding-inline-end: calc(var(--spacing) * 8);
  }
  .pe-9 {
    padding-inline-end: calc(var(--spacing) * 9);
  }
  .pe-10 {
    padding-inline-end: calc(var(--spacing) * 10);
  }
  .pe-11 {
    padding-inline-end: calc(var(--spacing) * 11);
  }
  .pe-12 {
    padding-inline-end: calc(var(--spacing) * 12);
  }
  .pe-13 {
    padding-inline-end: calc(var(--spacing) * 13);
  }
  .pe-14 {
    padding-inline-end: calc(var(--spacing) * 14);
  }
  .pe-15 {
    padding-inline-end: calc(var(--spacing) * 15);
  }
  .pe-16 {
    padding-inline-end: calc(var(--spacing) * 16);
  }
  .pe-17 {
    padding-inline-end: calc(var(--spacing) * 17);
  }
  .pe-18 {
    padding-inline-end: calc(var(--spacing) * 18);
  }
  .pe-19 {
    padding-inline-end: calc(var(--spacing) * 19);
  }
  .pe-20 {
    padding-inline-end: calc(var(--spacing) * 20);
  }
  .pe-21 {
    padding-inline-end: calc(var(--spacing) * 21);
  }
  .pe-22 {
    padding-inline-end: calc(var(--spacing) * 22);
  }
  .pe-23 {
    padding-inline-end: calc(var(--spacing) * 23);
  }
  .pe-24 {
    padding-inline-end: calc(var(--spacing) * 24);
  }
  .pe-25 {
    padding-inline-end: calc(var(--spacing) * 25);
  }
  .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-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .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-11 {
    padding-top: calc(var(--spacing) * 11);
  }
  .pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }
  .pt-13 {
    padding-top: calc(var(--spacing) * 13);
  }
  .pt-14 {
    padding-top: calc(var(--spacing) * 14);
  }
  .pt-15 {
    padding-top: calc(var(--spacing) * 15);
  }
  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }
  .pt-17 {
    padding-top: calc(var(--spacing) * 17);
  }
  .pt-18 {
    padding-top: calc(var(--spacing) * 18);
  }
  .pt-19 {
    padding-top: calc(var(--spacing) * 19);
  }
  .pt-20 {
    padding-top: calc(var(--spacing) * 20);
  }
  .pt-21 {
    padding-top: calc(var(--spacing) * 21);
  }
  .pt-22 {
    padding-top: calc(var(--spacing) * 22);
  }
  .pt-23 {
    padding-top: calc(var(--spacing) * 23);
  }
  .pt-24 {
    padding-top: calc(var(--spacing) * 24);
  }
  .pt-25 {
    padding-top: calc(var(--spacing) * 25);
  }
  .pt-28 {
    padding-top: calc(var(--spacing) * 28);
  }
  .pt-30 {
    padding-top: calc(var(--spacing) * 30);
  }
  .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-50 {
    padding-top: calc(var(--spacing) * 50);
  }
  .pt-60 {
    padding-top: calc(var(--spacing) * 60);
  }
  .pt-80 {
    padding-top: calc(var(--spacing) * 80);
  }
  .pt-130 {
    padding-top: calc(var(--spacing) * 130);
  }
  .pt-260 {
    padding-top: calc(var(--spacing) * 260);
  }
  .pt-\[0\.3vh\] {
    padding-top: 0.3vh;
  }
  .pt-\[5px\] {
    padding-top: 5px;
  }
  .pt-\[7px\] {
    padding-top: 7px;
  }
  .pt-\[9px\] {
    padding-top: 9px;
  }
  .pt-\[13px\] {
    padding-top: 13px;
  }
  .pt-\[15px\] {
    padding-top: 15px;
  }
  .pt-\[17px\] {
    padding-top: 17px;
  }
  .pt-\[18px\] {
    padding-top: 18px;
  }
  .pt-\[20px\] {
    padding-top: 20px;
  }
  .pt-\[22px\] {
    padding-top: 22px;
  }
  .pt-\[25px\] {
    padding-top: 25px;
  }
  .pt-\[26px\] {
    padding-top: 26px;
  }
  .pt-\[27px\] {
    padding-top: 27px;
  }
  .pt-\[30px\] {
    padding-top: 30px;
  }
  .pt-\[35px\] {
    padding-top: 35px;
  }
  .pt-\[37px\] {
    padding-top: 37px;
  }
  .pt-\[38px\] {
    padding-top: 38px;
  }
  .pt-\[39px\] {
    padding-top: 39px;
  }
  .pt-\[45px\] {
    padding-top: 45px;
  }
  .pt-\[50\%\] {
    padding-top: 50%;
  }
  .pt-\[50px\] {
    padding-top: 50px;
  }
  .pt-\[55px\] {
    padding-top: 55px;
  }
  .pt-\[58px\] {
    padding-top: 58px;
  }
  .pt-\[60px\] {
    padding-top: 60px;
  }
  .pt-\[65px\] {
    padding-top: 65px;
  }
  .pt-\[70px\] {
    padding-top: 70px;
  }
  .pt-\[75px\] {
    padding-top: 75px;
  }
  .pt-\[85px\] {
    padding-top: 85px;
  }
  .pt-\[90px\] {
    padding-top: 90px;
  }
  .pt-\[95px\] {
    padding-top: 95px;
  }
  .pt-\[100px\] {
    padding-top: 100px;
  }
  .pt-\[108px\] {
    padding-top: 108px;
  }
  .pt-\[110px\] {
    padding-top: 110px;
  }
  .pt-\[120px\] {
    padding-top: 120px;
  }
  .pt-\[125px\] {
    padding-top: 125px;
  }
  .pt-\[130px\] {
    padding-top: 130px;
  }
  .pt-\[135px\] {
    padding-top: 135px;
  }
  .pt-\[138px\] {
    padding-top: 138px;
  }
  .pt-\[140px\] {
    padding-top: 140px;
  }
  .pt-\[150px\] {
    padding-top: 150px;
  }
  .pt-\[160px\] {
    padding-top: 160px;
  }
  .pt-\[170px\] {
    padding-top: 170px;
  }
  .pt-\[180px\] {
    padding-top: 180px;
  }
  .pt-\[200px\] {
    padding-top: 200px;
  }
  .pt-\[205px\] {
    padding-top: 205px;
  }
  .pt-\[225px\] {
    padding-top: 225px;
  }
  .pt-\[250px\] {
    padding-top: 250px;
  }
  .pt-\[270px\] {
    padding-top: 270px;
  }
  .pt-px {
    padding-top: 1px;
  }
  .\!pr-9 {
    padding-right: calc(var(--spacing) * 9) !important;
  }
  .\!pr-\[\.75rem\] {
    padding-right: .75rem !important;
  }
  .\!pr-\[1\.4rem\] {
    padding-right: 1.4rem !important;
  }
  .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-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-7 {
    padding-right: calc(var(--spacing) * 7);
  }
  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
  .pr-9 {
    padding-right: calc(var(--spacing) * 9);
  }
  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }
  .pr-12 {
    padding-right: calc(var(--spacing) * 12);
  }
  .pr-16 {
    padding-right: calc(var(--spacing) * 16);
  }
  .pr-20 {
    padding-right: calc(var(--spacing) * 20);
  }
  .pr-24 {
    padding-right: calc(var(--spacing) * 24);
  }
  .pr-\[0\.2rem\] {
    padding-right: 0.2rem;
  }
  .pr-\[0\.4rem\] {
    padding-right: 0.4rem;
  }
  .pr-\[1\.5rem\] {
    padding-right: 1.5rem;
  }
  .pr-\[1rem\] {
    padding-right: 1rem;
  }
  .pr-\[2\%\] {
    padding-right: 2%;
  }
  .pr-\[3rem\] {
    padding-right: 3rem;
  }
  .pr-\[5px\] {
    padding-right: 5px;
  }
  .pr-\[10\%\] {
    padding-right: 10%;
  }
  .pr-\[12px\] {
    padding-right: 12px;
  }
  .pr-\[15px\] {
    padding-right: 15px;
  }
  .pr-\[18px\] {
    padding-right: 18px;
  }
  .pr-\[23px\] {
    padding-right: 23px;
  }
  .pr-\[25px\] {
    padding-right: 25px;
  }
  .pr-\[26px\] {
    padding-right: 26px;
  }
  .pr-\[30px\] {
    padding-right: 30px;
  }
  .pr-\[35px\] {
    padding-right: 35px;
  }
  .pr-\[38px\] {
    padding-right: 38px;
  }
  .pr-\[45px\] {
    padding-right: 45px;
  }
  .pr-\[50px\] {
    padding-right: 50px;
  }
  .pr-\[52px\] {
    padding-right: 52px;
  }
  .pr-\[60px\] {
    padding-right: 60px;
  }
  .pr-\[65px\] {
    padding-right: 65px;
  }
  .pr-\[95px\] {
    padding-right: 95px;
  }
  .pr-\[125px\] {
    padding-right: 125px;
  }
  .pr-\[170px\] {
    padding-right: 170px;
  }
  .pr-px {
    padding-right: 1px;
  }
  .\!pb-\[1\.5rem\] {
    padding-bottom: 1.5rem !important;
  }
  .\!pb-\[4\.5rem\] {
    padding-bottom: 4.5rem !important;
  }
  .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-9 {
    padding-bottom: calc(var(--spacing) * 9);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-11 {
    padding-bottom: calc(var(--spacing) * 11);
  }
  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .pb-13 {
    padding-bottom: calc(var(--spacing) * 13);
  }
  .pb-14 {
    padding-bottom: calc(var(--spacing) * 14);
  }
  .pb-15 {
    padding-bottom: calc(var(--spacing) * 15);
  }
  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }
  .pb-17 {
    padding-bottom: calc(var(--spacing) * 17);
  }
  .pb-18 {
    padding-bottom: calc(var(--spacing) * 18);
  }
  .pb-19 {
    padding-bottom: calc(var(--spacing) * 19);
  }
  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }
  .pb-21 {
    padding-bottom: calc(var(--spacing) * 21);
  }
  .pb-22 {
    padding-bottom: calc(var(--spacing) * 22);
  }
  .pb-23 {
    padding-bottom: calc(var(--spacing) * 23);
  }
  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }
  .pb-25 {
    padding-bottom: calc(var(--spacing) * 25);
  }
  .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-40 {
    padding-bottom: calc(var(--spacing) * 40);
  }
  .pb-80 {
    padding-bottom: calc(var(--spacing) * 80);
  }
  .pb-130 {
    padding-bottom: calc(var(--spacing) * 130);
  }
  .pb-\[3px\] {
    padding-bottom: 3px;
  }
  .pb-\[4\.5rem\] {
    padding-bottom: 4.5rem;
  }
  .pb-\[5px\] {
    padding-bottom: 5px;
  }
  .pb-\[7px\] {
    padding-bottom: 7px;
  }
  .pb-\[10px\] {
    padding-bottom: 10px;
  }
  .pb-\[12\%\] {
    padding-bottom: 12%;
  }
  .pb-\[12px\] {
    padding-bottom: 12px;
  }
  .pb-\[13px\] {
    padding-bottom: 13px;
  }
  .pb-\[15px\] {
    padding-bottom: 15px;
  }
  .pb-\[16px\] {
    padding-bottom: 16px;
  }
  .pb-\[17px\] {
    padding-bottom: 17px;
  }
  .pb-\[18px\] {
    padding-bottom: 18px;
  }
  .pb-\[19px\] {
    padding-bottom: 19px;
  }
  .pb-\[21px\] {
    padding-bottom: 21px;
  }
  .pb-\[22px\] {
    padding-bottom: 22px;
  }
  .pb-\[25px\] {
    padding-bottom: 25px;
  }
  .pb-\[27px\] {
    padding-bottom: 27px;
  }
  .pb-\[30px\] {
    padding-bottom: 30px;
  }
  .pb-\[35px\] {
    padding-bottom: 35px;
  }
  .pb-\[37px\] {
    padding-bottom: 37px;
  }
  .pb-\[38px\] {
    padding-bottom: 38px;
  }
  .pb-\[42px\] {
    padding-bottom: 42px;
  }
  .pb-\[45px\] {
    padding-bottom: 45px;
  }
  .pb-\[50px\] {
    padding-bottom: 50px;
  }
  .pb-\[52px\] {
    padding-bottom: 52px;
  }
  .pb-\[55px\] {
    padding-bottom: 55px;
  }
  .pb-\[58px\] {
    padding-bottom: 58px;
  }
  .pb-\[60px\] {
    padding-bottom: 60px;
  }
  .pb-\[62px\] {
    padding-bottom: 62px;
  }
  .pb-\[65px\] {
    padding-bottom: 65px;
  }
  .pb-\[67px\] {
    padding-bottom: 67px;
  }
  .pb-\[68px\] {
    padding-bottom: 68px;
  }
  .pb-\[70px\] {
    padding-bottom: 70px;
  }
  .pb-\[72px\] {
    padding-bottom: 72px;
  }
  .pb-\[75px\] {
    padding-bottom: 75px;
  }
  .pb-\[80px\] {
    padding-bottom: 80px;
  }
  .pb-\[84px\] {
    padding-bottom: 84px;
  }
  .pb-\[90px\] {
    padding-bottom: 90px;
  }
  .pb-\[100px\] {
    padding-bottom: 100px;
  }
  .pb-\[105px\] {
    padding-bottom: 105px;
  }
  .pb-\[110px\] {
    padding-bottom: 110px;
  }
  .pb-\[115px\] {
    padding-bottom: 115px;
  }
  .pb-\[120px\] {
    padding-bottom: 120px;
  }
  .pb-\[130px\] {
    padding-bottom: 130px;
  }
  .pb-\[150px\] {
    padding-bottom: 150px;
  }
  .pb-\[160px\] {
    padding-bottom: 160px;
  }
  .pb-\[165px\] {
    padding-bottom: 165px;
  }
  .pb-\[170px\] {
    padding-bottom: 170px;
  }
  .pb-\[180px\] {
    padding-bottom: 180px;
  }
  .pb-\[185px\] {
    padding-bottom: 185px;
  }
  .pb-\[200px\] {
    padding-bottom: 200px;
  }
  .pb-\[250px\] {
    padding-bottom: 250px;
  }
  .pb-\[425px\] {
    padding-bottom: 425px;
  }
  .pb-px {
    padding-bottom: 1px;
  }
  .\!pl-0 {
    padding-left: calc(var(--spacing) * 0) !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-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\.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-15 {
    padding-left: calc(var(--spacing) * 15);
  }
  .pl-16 {
    padding-left: calc(var(--spacing) * 16);
  }
  .pl-20 {
    padding-left: calc(var(--spacing) * 20);
  }
  .pl-21 {
    padding-left: calc(var(--spacing) * 21);
  }
  .pl-\[1\.4rem\] {
    padding-left: 1.4rem;
  }
  .pl-\[1\.5rem\] {
    padding-left: 1.5rem;
  }
  .pl-\[1\.75rem\] {
    padding-left: 1.75rem;
  }
  .pl-\[1\.375rem\] {
    padding-left: 1.375rem;
  }
  .pl-\[1rem\] {
    padding-left: 1rem;
  }
  .pl-\[3rem\] {
    padding-left: 3rem;
  }
  .pl-\[5px\] {
    padding-left: 5px;
  }
  .pl-\[13px\] {
    padding-left: 13px;
  }
  .pl-\[15px\] {
    padding-left: 15px;
  }
  .pl-\[18px\] {
    padding-left: 18px;
  }
  .pl-\[22px\] {
    padding-left: 22px;
  }
  .pl-\[25px\] {
    padding-left: 25px;
  }
  .pl-\[26px\] {
    padding-left: 26px;
  }
  .pl-\[30px\] {
    padding-left: 30px;
  }
  .pl-\[33px\] {
    padding-left: 33px;
  }
  .pl-\[35px\] {
    padding-left: 35px;
  }
  .pl-\[38px\] {
    padding-left: 38px;
  }
  .pl-\[45px\] {
    padding-left: 45px;
  }
  .pl-\[46px\] {
    padding-left: 46px;
  }
  .pl-\[47px\] {
    padding-left: 47px;
  }
  .pl-\[50px\] {
    padding-left: 50px;
  }
  .pl-\[55px\] {
    padding-left: 55px;
  }
  .pl-\[58px\] {
    padding-left: 58px;
  }
  .pl-\[60px\] {
    padding-left: 60px;
  }
  .pl-\[65px\] {
    padding-left: 65px;
  }
  .pl-\[70px\] {
    padding-left: 70px;
  }
  .pl-\[95px\] {
    padding-left: 95px;
  }
  .\!text-center {
    text-align: center !important;
  }
  .\!text-left {
    text-align: left !important;
  }
  .text-center {
    text-align: center;
  }
  .text-end {
    text-align: end;
  }
  .text-justify {
    text-align: justify;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .text-start {
    text-align: start;
  }
  .indent-1 {
    text-indent: calc(var(--spacing) * 1);
  }
  .indent-\[0\] {
    text-indent: 0;
  }
  .indent-\[200\%\] {
    text-indent: 200%;
  }
  .align-\[-\.1rem\] {
    vertical-align: -.1rem;
  }
  .align-\[-\.05rem\] {
    vertical-align: -.05rem;
  }
  .align-\[-2px\] {
    vertical-align: -2px;
  }
  .align-baseline {
    vertical-align: baseline;
  }
  .align-bottom {
    vertical-align: bottom;
  }
  .align-middle {
    vertical-align: middle;
  }
  .align-super {
    vertical-align: super;
  }
  .align-text-bottom {
    vertical-align: text-bottom;
  }
  .align-text-top {
    vertical-align: text-top;
  }
  .align-top {
    vertical-align: top;
  }
  .font-\[\'Cormorant_Garamond\'\] {
    font-family: 'Cormorant Garamond';
  }
  .font-\[\'Inter\'\] {
    font-family: 'Inter';
  }
  .font-\[\'Playfair_Display\'\] {
    font-family: 'Playfair Display';
  }
  .font-heading {
    font-family: Georgia, serif;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .font-sans {
    font-family: Avenir, "Helvetica Neue", Helvetica, sans-serif;
  }
  .font-serif {
    font-family: Georgia, serif;
  }
  .\!text-sm {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--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-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-sm\/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-\[\.85rem\] {
    font-size: .85rem !important;
  }
  .\!text-\[\.95rem\] {
    font-size: .95rem !important;
  }
  .\!text-\[0\.7rem\] {
    font-size: 0.7rem !important;
  }
  .\!text-\[0\.9rem\] {
    font-size: 0.9rem !important;
  }
  .\!text-\[0\.75rem\] {
    font-size: 0.75rem !important;
  }
  .\!text-\[0\.85rem\] {
    font-size: 0.85rem !important;
  }
  .\!text-\[1\.1rem\] {
    font-size: 1.1rem !important;
  }
  .\!text-\[1\.2rem\] {
    font-size: 1.2rem !important;
  }
  .\!text-\[1\.05rem\] {
    font-size: 1.05rem !important;
  }
  .\!text-\[1\.15rem\] {
    font-size: 1.15rem !important;
  }
  .\!text-\[1rem\] {
    font-size: 1rem !important;
  }
  .\!text-\[18px\] {
    font-size: 18px !important;
  }
  .\!text-\[calc\(1\.275rem_\+_0\.3vw\)\] {
    font-size: calc(1.275rem + 0.3vw) !important;
  }
  .text-\[\.8rem\] {
    font-size: .8rem;
  }
  .text-\[\.9rem\] {
    font-size: .9rem;
  }
  .text-\[\.75rem\] {
    font-size: .75rem;
  }
  .text-\[\.85rem\] {
    font-size: .85rem;
  }
  .text-\[\.95rem\] {
    font-size: .95rem;
  }
  .text-\[0\.6em\] {
    font-size: 0.6em;
  }
  .text-\[0\.6rem\] {
    font-size: 0.6rem;
  }
  .text-\[0\.7rem\] {
    font-size: 0.7rem;
  }
  .text-\[0\.8rem\] {
    font-size: 0.8rem;
  }
  .text-\[0\.9em\] {
    font-size: 0.9em;
  }
  .text-\[0\.9rem\] {
    font-size: 0.9rem;
  }
  .text-\[0\.41em\] {
    font-size: 0.41em;
  }
  .text-\[0\.83em\] {
    font-size: 0.83em;
  }
  .text-\[0\.85rem\] {
    font-size: 0.85rem;
  }
  .text-\[0\.94em\] {
    font-size: 0.94em;
  }
  .text-\[0\.95em\] {
    font-size: 0.95em;
  }
  .text-\[0\.95rem\] {
    font-size: 0.95rem;
  }
  .text-\[0\.625rem\] {
    font-size: 0.625rem;
  }
  .text-\[1\.1rem\] {
    font-size: 1.1rem;
  }
  .text-\[1\.4vw\] {
    font-size: 1.4vw;
  }
  .text-\[1\.05rem\] {
    font-size: 1.05rem;
  }
  .text-\[1\.5vw\] {
    font-size: 1.5vw;
  }
  .text-\[1\.6em\] {
    font-size: 1.6em;
  }
  .text-\[1\.6vw\] {
    font-size: 1.6vw;
  }
  .text-\[1\.7rem\] {
    font-size: 1.7rem;
  }
  .text-\[1\.8vw\] {
    font-size: 1.8vw;
  }
  .text-\[1\.15rem\] {
    font-size: 1.15rem;
  }
  .text-\[1\.35rem\] {
    font-size: 1.35rem;
  }
  .text-\[1\.55rem\] {
    font-size: 1.55rem;
  }
  .text-\[1\.65rem\] {
    font-size: 1.65rem;
  }
  .text-\[1\.333em\] {
    font-size: 1.333em;
  }
  .text-\[1rem\] {
    font-size: 1rem;
  }
  .text-\[2vw\] {
    font-size: 2vw;
  }
  .text-\[4vw\] {
    font-size: 4vw;
  }
  .text-\[6vw\] {
    font-size: 6vw;
  }
  .text-\[7vw\] {
    font-size: 7vw;
  }
  .text-\[8px\] {
    font-size: 8px;
  }
  .text-\[9px\] {
    font-size: 9px;
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .text-\[13\.5px\] {
    font-size: 13.5px;
  }
  .text-\[13px\] {
    font-size: 13px;
  }
  .text-\[14px\] {
    font-size: 14px;
  }
  .text-\[15\.2px\] {
    font-size: 15.2px;
  }
  .text-\[15\.5px\] {
    font-size: 15.5px;
  }
  .text-\[15px\] {
    font-size: 15px;
  }
  .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-\[20rem\] {
    font-size: 20rem;
  }
  .text-\[21px\] {
    font-size: 21px;
  }
  .text-\[22px\] {
    font-size: 22px;
  }
  .text-\[23px\] {
    font-size: 23px;
  }
  .text-\[24px\] {
    font-size: 24px;
  }
  .text-\[25px\] {
    font-size: 25px;
  }
  .text-\[26px\] {
    font-size: 26px;
  }
  .text-\[28px\] {
    font-size: 28px;
  }
  .text-\[30px\] {
    font-size: 30px;
  }
  .text-\[32px\] {
    font-size: 32px;
  }
  .text-\[33px\] {
    font-size: 33px;
  }
  .text-\[34px\] {
    font-size: 34px;
  }
  .text-\[35px\] {
    font-size: 35px;
  }
  .text-\[36px\] {
    font-size: 36px;
  }
  .text-\[38px\] {
    font-size: 38px;
  }
  .text-\[40px\] {
    font-size: 40px;
  }
  .text-\[42px\] {
    font-size: 42px;
  }
  .text-\[44px\] {
    font-size: 44px;
  }
  .text-\[46px\] {
    font-size: 46px;
  }
  .text-\[48px\] {
    font-size: 48px;
  }
  .text-\[50px\] {
    font-size: 50px;
  }
  .text-\[52px\] {
    font-size: 52px;
  }
  .text-\[54px\] {
    font-size: 54px;
  }
  .text-\[55px\] {
    font-size: 55px;
  }
  .text-\[56px\] {
    font-size: 56px;
  }
  .text-\[58px\] {
    font-size: 58px;
  }
  .text-\[60px\] {
    font-size: 60px;
  }
  .text-\[64px\] {
    font-size: 64px;
  }
  .text-\[65px\] {
    font-size: 65px;
  }
  .text-\[68px\] {
    font-size: 68px;
  }
  .text-\[70px\] {
    font-size: 70px;
  }
  .text-\[72px\] {
    font-size: 72px;
  }
  .text-\[78px\] {
    font-size: 78px;
  }
  .text-\[80px\] {
    font-size: 80px;
  }
  .text-\[82px\] {
    font-size: 82px;
  }
  .text-\[85px\] {
    font-size: 85px;
  }
  .text-\[88px\] {
    font-size: 88px;
  }
  .text-\[90px\] {
    font-size: 90px;
  }
  .text-\[100px\] {
    font-size: 100px;
  }
  .text-\[140px\] {
    font-size: 140px;
  }
  .text-\[160px\] {
    font-size: 160px;
  }
  .text-\[calc\(1\.265rem_\+_0\.18vw\)\] {
    font-size: calc(1.265rem + 0.18vw);
  }
  .text-\[calc\(1\.275rem_\+_0\.3vw\)\] {
    font-size: calc(1.275rem + 0.3vw);
  }
  .text-\[calc\(1\.285rem_\+_0\.42vw\)\] {
    font-size: calc(1.285rem + 0.42vw);
  }
  .text-\[calc\(1\.325rem_\+_0\.9vw\)\] {
    font-size: calc(1.325rem + 0.9vw);
  }
  .text-\[calc\(1\.335rem_\+_1\.02vw\)\] {
    font-size: calc(1.335rem + 1.02vw);
  }
  .text-\[calc\(1\.345rem_\+_1\.14vw\)\] {
    font-size: calc(1.345rem + 1.14vw);
  }
  .text-\[calc\(1\.365rem_\+_1\.38vw\)\] {
    font-size: calc(1.365rem + 1.38vw);
  }
  .text-\[calc\(1\.375rem_\+_1\.5vw\)\] {
    font-size: calc(1.375rem + 1.5vw);
  }
  .text-\[calc\(1\.405rem_\+_1\.86vw\)\] {
    font-size: calc(1.405rem + 1.86vw);
  }
  .text-\[calc\(1\.425rem_\+_2\.1vw\)\] {
    font-size: calc(1.425rem + 2.1vw);
  }
  .text-\[calc\(1\.445rem_\+_2\.34vw\)\] {
    font-size: calc(1.445rem + 2.34vw);
  }
  .\!leading-\[1\.2\] {
    --tw-leading: 1.2 !important;
    line-height: 1.2 !important;
  }
  .\!leading-\[1\.3\] {
    --tw-leading: 1.3 !important;
    line-height: 1.3 !important;
  }
  .\!leading-\[1\.4\] {
    --tw-leading: 1.4 !important;
    line-height: 1.4 !important;
  }
  .\!leading-\[1\.5\] {
    --tw-leading: 1.5 !important;
    line-height: 1.5 !important;
  }
  .\!leading-\[1\.6\] {
    --tw-leading: 1.6 !important;
    line-height: 1.6 !important;
  }
  .\!leading-\[1\.7\] {
    --tw-leading: 1.7 !important;
    line-height: 1.7 !important;
  }
  .\!leading-\[1\.15\] {
    --tw-leading: 1.15 !important;
    line-height: 1.15 !important;
  }
  .\!leading-\[1\.25\] {
    --tw-leading: 1.25 !important;
    line-height: 1.25 !important;
  }
  .\!leading-\[1\.35\] {
    --tw-leading: 1.35 !important;
    line-height: 1.35 !important;
  }
  .\!leading-\[1\.45\] {
    --tw-leading: 1.45 !important;
    line-height: 1.45 !important;
  }
  .\!leading-\[1\.55\] {
    --tw-leading: 1.55 !important;
    line-height: 1.55 !important;
  }
  .\!leading-none {
    --tw-leading: 1 !important;
    line-height: 1 !important;
  }
  .\!leading-snug {
    --tw-leading: var(--leading-snug) !important;
    line-height: var(--leading-snug) !important;
  }
  .\!leading-tight {
    --tw-leading: var(--leading-tight) !important;
    line-height: var(--leading-tight) !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-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }
  .leading-9 {
    --tw-leading: calc(var(--spacing) * 9);
    line-height: calc(var(--spacing) * 9);
  }
  .leading-10 {
    --tw-leading: calc(var(--spacing) * 10);
    line-height: calc(var(--spacing) * 10);
  }
  .leading-\[0\.8\] {
    --tw-leading: 0.8;
    line-height: 0.8;
  }
  .leading-\[0\.9\] {
    --tw-leading: 0.9;
    line-height: 0.9;
  }
  .leading-\[0\.86\] {
    --tw-leading: 0.86;
    line-height: 0.86;
  }
  .leading-\[0\.88\] {
    --tw-leading: 0.88;
    line-height: 0.88;
  }
  .leading-\[0\.92\] {
    --tw-leading: 0.92;
    line-height: 0.92;
  }
  .leading-\[0\.92em\] {
    --tw-leading: 0.92em;
    line-height: 0.92em;
  }
  .leading-\[0\.95\] {
    --tw-leading: 0.95;
    line-height: 0.95;
  }
  .leading-\[0\.98\] {
    --tw-leading: 0.98;
    line-height: 0.98;
  }
  .leading-\[0\] {
    --tw-leading: 0;
    line-height: 0;
  }
  .leading-\[1\.1\] {
    --tw-leading: 1.1;
    line-height: 1.1;
  }
  .leading-\[1\.1em\] {
    --tw-leading: 1.1em;
    line-height: 1.1em;
  }
  .leading-\[1\.02\] {
    --tw-leading: 1.02;
    line-height: 1.02;
  }
  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }
  .leading-\[1\.2em\] {
    --tw-leading: 1.2em;
    line-height: 1.2em;
  }
  .leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3;
  }
  .leading-\[1\.3em\] {
    --tw-leading: 1.3em;
    line-height: 1.3em;
  }
  .leading-\[1\.04em\] {
    --tw-leading: 1.04em;
    line-height: 1.04em;
  }
  .leading-\[1\.4em\] {
    --tw-leading: 1.4em;
    line-height: 1.4em;
  }
  .leading-\[1\.05\] {
    --tw-leading: 1.05;
    line-height: 1.05;
  }
  .leading-\[1\.05em\] {
    --tw-leading: 1.05em;
    line-height: 1.05em;
  }
  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }
  .leading-\[1\.5em\] {
    --tw-leading: 1.5em;
    line-height: 1.5em;
  }
  .leading-\[1\.5rem\] {
    --tw-leading: 1.5rem;
    line-height: 1.5rem;
  }
  .leading-\[1\.6\] {
    --tw-leading: 1.6;
    line-height: 1.6;
  }
  .leading-\[1\.6em\] {
    --tw-leading: 1.6em;
    line-height: 1.6em;
  }
  .leading-\[1\.7\] {
    --tw-leading: 1.7;
    line-height: 1.7;
  }
  .leading-\[1\.7em\] {
    --tw-leading: 1.7em;
    line-height: 1.7em;
  }
  .leading-\[1\.08\] {
    --tw-leading: 1.08;
    line-height: 1.08;
  }
  .leading-\[1\.08em\] {
    --tw-leading: 1.08em;
    line-height: 1.08em;
  }
  .leading-\[1\.8em\] {
    --tw-leading: 1.8em;
    line-height: 1.8em;
  }
  .leading-\[1\.9em\] {
    --tw-leading: 1.9em;
    line-height: 1.9em;
  }
  .leading-\[1\.10em\] {
    --tw-leading: 1.10em;
    line-height: 1.10em;
  }
  .leading-\[1\.11em\] {
    --tw-leading: 1.11em;
    line-height: 1.11em;
  }
  .leading-\[1\.14em\] {
    --tw-leading: 1.14em;
    line-height: 1.14em;
  }
  .leading-\[1\.15\] {
    --tw-leading: 1.15;
    line-height: 1.15;
  }
  .leading-\[1\.15em\] {
    --tw-leading: 1.15em;
    line-height: 1.15em;
  }
  .leading-\[1\.16em\] {
    --tw-leading: 1.16em;
    line-height: 1.16em;
  }
  .leading-\[1\.17em\] {
    --tw-leading: 1.17em;
    line-height: 1.17em;
  }
  .leading-\[1\.18em\] {
    --tw-leading: 1.18em;
    line-height: 1.18em;
  }
  .leading-\[1\.20em\] {
    --tw-leading: 1.20em;
    line-height: 1.20em;
  }
  .leading-\[1\.21em\] {
    --tw-leading: 1.21em;
    line-height: 1.21em;
  }
  .leading-\[1\.23em\] {
    --tw-leading: 1.23em;
    line-height: 1.23em;
  }
  .leading-\[1\.25\] {
    --tw-leading: 1.25;
    line-height: 1.25;
  }
  .leading-\[1\.25em\] {
    --tw-leading: 1.25em;
    line-height: 1.25em;
  }
  .leading-\[1\.26em\] {
    --tw-leading: 1.26em;
    line-height: 1.26em;
  }
  .leading-\[1\.27em\] {
    --tw-leading: 1.27em;
    line-height: 1.27em;
  }
  .leading-\[1\.28em\] {
    --tw-leading: 1.28em;
    line-height: 1.28em;
  }
  .leading-\[1\.29em\] {
    --tw-leading: 1.29em;
    line-height: 1.29em;
  }
  .leading-\[1\.30em\] {
    --tw-leading: 1.30em;
    line-height: 1.30em;
  }
  .leading-\[1\.31em\] {
    --tw-leading: 1.31em;
    line-height: 1.31em;
  }
  .leading-\[1\.32em\] {
    --tw-leading: 1.32em;
    line-height: 1.32em;
  }
  .leading-\[1\.34em\] {
    --tw-leading: 1.34em;
    line-height: 1.34em;
  }
  .leading-\[1\.35\] {
    --tw-leading: 1.35;
    line-height: 1.35;
  }
  .leading-\[1\.35em\] {
    --tw-leading: 1.35em;
    line-height: 1.35em;
  }
  .leading-\[1\.38em\] {
    --tw-leading: 1.38em;
    line-height: 1.38em;
  }
  .leading-\[1\.39em\] {
    --tw-leading: 1.39em;
    line-height: 1.39em;
  }
  .leading-\[1\.40em\] {
    --tw-leading: 1.40em;
    line-height: 1.40em;
  }
  .leading-\[1\.41em\] {
    --tw-leading: 1.41em;
    line-height: 1.41em;
  }
  .leading-\[1\.42em\] {
    --tw-leading: 1.42em;
    line-height: 1.42em;
  }
  .leading-\[1\.43em\] {
    --tw-leading: 1.43em;
    line-height: 1.43em;
  }
  .leading-\[1\.44em\] {
    --tw-leading: 1.44em;
    line-height: 1.44em;
  }
  .leading-\[1\.45em\] {
    --tw-leading: 1.45em;
    line-height: 1.45em;
  }
  .leading-\[1\.52em\] {
    --tw-leading: 1.52em;
    line-height: 1.52em;
  }
  .leading-\[1\.53em\] {
    --tw-leading: 1.53em;
    line-height: 1.53em;
  }
  .leading-\[1\.54em\] {
    --tw-leading: 1.54em;
    line-height: 1.54em;
  }
  .leading-\[1\.55\] {
    --tw-leading: 1.55;
    line-height: 1.55;
  }
  .leading-\[1\.55em\] {
    --tw-leading: 1.55em;
    line-height: 1.55em;
  }
  .leading-\[1\.58em\] {
    --tw-leading: 1.58em;
    line-height: 1.58em;
  }
  .leading-\[1\.59em\] {
    --tw-leading: 1.59em;
    line-height: 1.59em;
  }
  .leading-\[1\.64em\] {
    --tw-leading: 1.64em;
    line-height: 1.64em;
  }
  .leading-\[1\.65\] {
    --tw-leading: 1.65;
    line-height: 1.65;
  }
  .leading-\[1\.65em\] {
    --tw-leading: 1.65em;
    line-height: 1.65em;
  }
  .leading-\[1\.66em\] {
    --tw-leading: 1.66em;
    line-height: 1.66em;
  }
  .leading-\[1\.68em\] {
    --tw-leading: 1.68em;
    line-height: 1.68em;
  }
  .leading-\[1\.70em\] {
    --tw-leading: 1.70em;
    line-height: 1.70em;
  }
  .leading-\[1\.71em\] {
    --tw-leading: 1.71em;
    line-height: 1.71em;
  }
  .leading-\[1\.72em\] {
    --tw-leading: 1.72em;
    line-height: 1.72em;
  }
  .leading-\[1\.75\] {
    --tw-leading: 1.75;
    line-height: 1.75;
  }
  .leading-\[1\.75em\] {
    --tw-leading: 1.75em;
    line-height: 1.75em;
  }
  .leading-\[1\.76em\] {
    --tw-leading: 1.76em;
    line-height: 1.76em;
  }
  .leading-\[1\.79em\] {
    --tw-leading: 1.79em;
    line-height: 1.79em;
  }
  .leading-\[1\.81em\] {
    --tw-leading: 1.81em;
    line-height: 1.81em;
  }
  .leading-\[1\.83em\] {
    --tw-leading: 1.83em;
    line-height: 1.83em;
  }
  .leading-\[1\.85em\] {
    --tw-leading: 1.85em;
    line-height: 1.85em;
  }
  .leading-\[1\.87em\] {
    --tw-leading: 1.87em;
    line-height: 1.87em;
  }
  .leading-\[1\.91em\] {
    --tw-leading: 1.91em;
    line-height: 1.91em;
  }
  .leading-\[1\.143rem\] {
    --tw-leading: 1.143rem;
    line-height: 1.143rem;
  }
  .leading-\[1\.144em\] {
    --tw-leading: 1.144em;
    line-height: 1.144em;
  }
  .leading-\[1\.166em\] {
    --tw-leading: 1.166em;
    line-height: 1.166em;
  }
  .leading-\[1\.219em\] {
    --tw-leading: 1.219em;
    line-height: 1.219em;
  }
  .leading-\[1\.875em\] {
    --tw-leading: 1.875em;
    line-height: 1.875em;
  }
  .leading-\[1em\] {
    --tw-leading: 1em;
    line-height: 1em;
  }
  .leading-\[2\.25rem\] {
    --tw-leading: 2.25rem;
    line-height: 2.25rem;
  }
  .leading-\[2em\] {
    --tw-leading: 2em;
    line-height: 2em;
  }
  .leading-\[2rem\] {
    --tw-leading: 2rem;
    line-height: 2rem;
  }
  .leading-\[3\.25rem\] {
    --tw-leading: 3.25rem;
    line-height: 3.25rem;
  }
  .leading-\[3rem\] {
    --tw-leading: 3rem;
    line-height: 3rem;
  }
  .leading-\[10px\] {
    --tw-leading: 10px;
    line-height: 10px;
  }
  .leading-\[14px\] {
    --tw-leading: 14px;
    line-height: 14px;
  }
  .leading-\[15px\] {
    --tw-leading: 15px;
    line-height: 15px;
  }
  .leading-\[18px\] {
    --tw-leading: 18px;
    line-height: 18px;
  }
  .leading-\[22px\] {
    --tw-leading: 22px;
    line-height: 22px;
  }
  .leading-\[25px\] {
    --tw-leading: 25px;
    line-height: 25px;
  }
  .leading-\[27px\] {
    --tw-leading: 27px;
    line-height: 27px;
  }
  .leading-\[29px\] {
    --tw-leading: 29px;
    line-height: 29px;
  }
  .leading-\[30px\] {
    --tw-leading: 30px;
    line-height: 30px;
  }
  .leading-\[31px\] {
    --tw-leading: 31px;
    line-height: 31px;
  }
  .leading-\[33px\] {
    --tw-leading: 33px;
    line-height: 33px;
  }
  .leading-\[34px\] {
    --tw-leading: 34px;
    line-height: 34px;
  }
  .leading-\[35px\] {
    --tw-leading: 35px;
    line-height: 35px;
  }
  .leading-\[38px\] {
    --tw-leading: 38px;
    line-height: 38px;
  }
  .leading-\[39px\] {
    --tw-leading: 39px;
    line-height: 39px;
  }
  .leading-\[41px\] {
    --tw-leading: 41px;
    line-height: 41px;
  }
  .leading-\[42px\] {
    --tw-leading: 42px;
    line-height: 42px;
  }
  .leading-\[43px\] {
    --tw-leading: 43px;
    line-height: 43px;
  }
  .leading-\[44px\] {
    --tw-leading: 44px;
    line-height: 44px;
  }
  .leading-\[45px\] {
    --tw-leading: 45px;
    line-height: 45px;
  }
  .leading-\[46px\] {
    --tw-leading: 46px;
    line-height: 46px;
  }
  .leading-\[48px\] {
    --tw-leading: 48px;
    line-height: 48px;
  }
  .leading-\[50px\] {
    --tw-leading: 50px;
    line-height: 50px;
  }
  .leading-\[51px\] {
    --tw-leading: 51px;
    line-height: 51px;
  }
  .leading-\[52px\] {
    --tw-leading: 52px;
    line-height: 52px;
  }
  .leading-\[53px\] {
    --tw-leading: 53px;
    line-height: 53px;
  }
  .leading-\[54px\] {
    --tw-leading: 54px;
    line-height: 54px;
  }
  .leading-\[55px\] {
    --tw-leading: 55px;
    line-height: 55px;
  }
  .leading-\[56px\] {
    --tw-leading: 56px;
    line-height: 56px;
  }
  .leading-\[58px\] {
    --tw-leading: 58px;
    line-height: 58px;
  }
  .leading-\[60px\] {
    --tw-leading: 60px;
    line-height: 60px;
  }
  .leading-\[61px\] {
    --tw-leading: 61px;
    line-height: 61px;
  }
  .leading-\[65px\] {
    --tw-leading: 65px;
    line-height: 65px;
  }
  .leading-\[70px\] {
    --tw-leading: 70px;
    line-height: 70px;
  }
  .leading-\[90px\] {
    --tw-leading: 90px;
    line-height: 90px;
  }
  .leading-\[115\%\] {
    --tw-leading: 115%;
    line-height: 115%;
  }
  .leading-\[inherit\] {
    --tw-leading: inherit;
    line-height: inherit;
  }
  .leading-\[initial\] {
    --tw-leading: initial;
    line-height: initial;
  }
  .leading-\[normal\] {
    --tw-leading: normal;
    line-height: normal;
  }
  .leading-loose {
    --tw-leading: var(--leading-loose);
    line-height: var(--leading-loose);
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .\!font-medium {
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }
  .\!font-normal {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }
  .font-\[600\] {
    --tw-font-weight: 600;
    font-weight: 600;
  }
  .font-\[700\] {
    --tw-font-weight: 700;
    font-weight: 700;
  }
  .font-\[800\] {
    --tw-font-weight: 800;
    font-weight: 800;
  }
  .font-\[900\] {
    --tw-font-weight: 900;
    font-weight: 900;
  }
  .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-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-\[-0\.03em\] {
    --tw-tracking: -0.03em !important;
    letter-spacing: -0.03em !important;
  }
  .\!tracking-\[normal\] {
    --tw-tracking: normal !important;
    letter-spacing: normal !important;
  }
  .tracking-\[-0\.01em\] {
    --tw-tracking: -0.01em;
    letter-spacing: -0.01em;
  }
  .tracking-\[-0\.01rem\] {
    --tw-tracking: -0.01rem;
    letter-spacing: -0.01rem;
  }
  .tracking-\[-0\.02em\] {
    --tw-tracking: -0.02em;
    letter-spacing: -0.02em;
  }
  .tracking-\[-0\.03em\] {
    --tw-tracking: -0.03em;
    letter-spacing: -0.03em;
  }
  .tracking-\[-0\.3px\] {
    --tw-tracking: -0.3px;
    letter-spacing: -0.3px;
  }
  .tracking-\[-0\.04em\] {
    --tw-tracking: -0.04em;
    letter-spacing: -0.04em;
  }
  .tracking-\[-0\.5px\] {
    --tw-tracking: -0.5px;
    letter-spacing: -0.5px;
  }
  .tracking-\[-0\.015em\] {
    --tw-tracking: -0.015em;
    letter-spacing: -0.015em;
  }
  .tracking-\[-0\.035em\] {
    --tw-tracking: -0.035em;
    letter-spacing: -0.035em;
  }
  .tracking-\[-1\.1px\] {
    --tw-tracking: -1.1px;
    letter-spacing: -1.1px;
  }
  .tracking-\[-1\.5px\] {
    --tw-tracking: -1.5px;
    letter-spacing: -1.5px;
  }
  .tracking-\[-1px\] {
    --tw-tracking: -1px;
    letter-spacing: -1px;
  }
  .tracking-\[-2px\] {
    --tw-tracking: -2px;
    letter-spacing: -2px;
  }
  .tracking-\[0\.1em\] {
    --tw-tracking: 0.1em;
    letter-spacing: 0.1em;
  }
  .tracking-\[0\.02rem\] {
    --tw-tracking: 0.02rem;
    letter-spacing: 0.02rem;
  }
  .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\.08em\] {
    --tw-tracking: 0.08em;
    letter-spacing: 0.08em;
  }
  .tracking-\[0\.12em\] {
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
  }
  .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\.24em\] {
    --tw-tracking: 0.24em;
    letter-spacing: 0.24em;
  }
  .tracking-\[0\.25em\] {
    --tw-tracking: 0.25em;
    letter-spacing: 0.25em;
  }
  .tracking-\[0\.28em\] {
    --tw-tracking: 0.28em;
    letter-spacing: 0.28em;
  }
  .tracking-\[0\.32em\] {
    --tw-tracking: 0.32em;
    letter-spacing: 0.32em;
  }
  .tracking-\[0px\] {
    --tw-tracking: 0px;
    letter-spacing: 0px;
  }
  .tracking-\[1\.4px\] {
    --tw-tracking: 1.4px;
    letter-spacing: 1.4px;
  }
  .tracking-\[1\.5px\] {
    --tw-tracking: 1.5px;
    letter-spacing: 1.5px;
  }
  .tracking-\[1\.6px\] {
    --tw-tracking: 1.6px;
    letter-spacing: 1.6px;
  }
  .tracking-\[1\.8px\] {
    --tw-tracking: 1.8px;
    letter-spacing: 1.8px;
  }
  .tracking-\[1\.12px\] {
    --tw-tracking: 1.12px;
    letter-spacing: 1.12px;
  }
  .tracking-\[1\.14px\] {
    --tw-tracking: 1.14px;
    letter-spacing: 1.14px;
  }
  .tracking-\[1\.15px\] {
    --tw-tracking: 1.15px;
    letter-spacing: 1.15px;
  }
  .tracking-\[1\.62px\] {
    --tw-tracking: 1.62px;
    letter-spacing: 1.62px;
  }
  .tracking-\[1px\] {
    --tw-tracking: 1px;
    letter-spacing: 1px;
  }
  .tracking-\[2\.1px\] {
    --tw-tracking: 2.1px;
    letter-spacing: 2.1px;
  }
  .tracking-\[2px\] {
    --tw-tracking: 2px;
    letter-spacing: 2px;
  }
  .tracking-\[3px\] {
    --tw-tracking: 3px;
    letter-spacing: 3px;
  }
  .tracking-\[4px\] {
    --tw-tracking: 4px;
    letter-spacing: 4px;
  }
  .tracking-\[6px\] {
    --tw-tracking: 6px;
    letter-spacing: 6px;
  }
  .tracking-\[15px\] {
    --tw-tracking: 15px;
    letter-spacing: 15px;
  }
  .tracking-\[normal\] {
    --tw-tracking: normal;
    letter-spacing: normal;
  }
  .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-balance {
    text-wrap: balance;
  }
  .text-nowrap {
    text-wrap: nowrap;
  }
  .text-pretty {
    text-wrap: pretty;
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .break-all {
    word-break: break-all;
  }
  .overflow-ellipsis {
    text-overflow: ellipsis;
  }
  .text-clip {
    text-overflow: clip;
  }
  .text-ellipsis {
    text-overflow: ellipsis;
  }
  .whitespace-normal {
    white-space: normal;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre {
    white-space: pre;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .\!text-\[\#\#3f78e0\] {
    color: ##3f78e0 !important;
  }
  .\!text-\[\#5daed5\] {
    color: #5daed5 !important;
  }
  .\!text-\[\#343f52\] {
    color: #343f52 !important;
  }
  .\!text-\[\#605dba\] {
    color: #605dba !important;
  }
  .\!text-\[\#4470cf\] {
    color: #4470cf !important;
  }
  .\!text-\[\#101621\] {
    color: #101621 !important;
  }
  .\!text-\[\#ADADAD\] {
    color: #ADADAD !important;
  }
  .\!text-\[\#FF2759\] {
    color: #FF2759 !important;
  }
  .\!text-\[\#bfbfbf\] {
    color: #bfbfbf !important;
  }
  .\!text-\[\#c8312b\] {
    color: #c8312b !important;
  }
  .\!text-\[\#cacaca\] {
    color: #cacaca !important;
  }
  .\!text-\[\#d53581\] {
    color: #d53581 !important;
  }
  .\!text-\[\#e94d88\] {
    color: #e94d88 !important;
  }
  .\!text-\[var\(--blue-dark\)\] {
    color: var(--blue-dark) !important;
  }
  .\!text-\[var\(--heading\)\] {
    color: var(--heading) !important;
  }
  .\!text-\[var\(--red-light\)\] {
    color: var(--red-light) !important;
  }
  .\!text-gray-500 {
    color: var(--color-gray-500) !important;
  }
  .\!text-gray-700 {
    color: var(--color-gray-700) !important;
  }
  .\!text-gray-900 {
    color: var(--color-gray-900) !important;
  }
  .\!text-inherit {
    color: inherit !important;
  }
  .\!text-white {
    color: var(--color-white) !important;
  }
  .\!text-yellow-400 {
    color: var(--color-yellow-400) !important;
  }
  .text-\[\#\#1B84FF\] {
    color: ##1B84FF;
  }
  .text-\[\#\#2f80ed\] {
    color: ##2f80ed;
  }
  .text-\[\#\#45c4a0\] {
    color: ##45c4a0;
  }
  .text-\[\#\#e668b3\] {
    color: ##e668b3;
  }
  .text-\[\#0A0A0A\] {
    color: #0A0A0A;
  }
  .text-\[\#0D0D0D\] {
    color: #0D0D0D;
  }
  .text-\[\#0E0E0E\] {
    color: #0E0E0E;
  }
  .text-\[\#1A7A4C\] {
    color: #1A7A4C;
  }
  .text-\[\#1A1816\] {
    color: #1A1816;
  }
  .text-\[\#1B84FF\] {
    color: #1B84FF;
  }
  .text-\[\#1BC5BD\] {
    color: #1BC5BD;
  }
  .text-\[\#1C1C1C\] {
    color: #1C1C1C;
  }
  .text-\[\#1a0dab\] {
    color: #1a0dab;
  }
  .text-\[\#1a1a1a\] {
    color: #1a1a1a;
  }
  .text-\[\#1d1d1d\] {
    color: #1d1d1d;
  }
  .text-\[\#1f1f1f\] {
    color: #1f1f1f;
  }
  .text-\[\#02E7E8\] {
    color: #02E7E8;
  }
  .text-\[\#2A2A2A\] {
    color: #2A2A2A;
  }
  .text-\[\#2B2C2E\] {
    color: #2B2C2E;
  }
  .text-\[\#2B0937\] {
    color: #2B0937;
  }
  .text-\[\#2C2C2C\] {
    color: #2C2C2C;
  }
  .text-\[\#2C2522\] {
    color: #2C2522;
  }
  .text-\[\#2F2F2F\] {
    color: #2F2F2F;
  }
  .text-\[\#2FA39A\] {
    color: #2FA39A;
  }
  .text-\[\#2a2a2a\] {
    color: #2a2a2a;
  }
  .text-\[\#2f80ed\] {
    color: #2f80ed;
  }
  .text-\[\#03DDD5\] {
    color: #03DDD5;
  }
  .text-\[\#3A352E\] {
    color: #3A352E;
  }
  .text-\[\#3a2f2f\] {
    color: #3a2f2f;
  }
  .text-\[\#3b82f6\] {
    color: #3b82f6;
  }
  .text-\[\#3c342c\] {
    color: #3c342c;
  }
  .text-\[\#3f78e0\] {
    color: #3f78e0;
  }
  .text-\[\#4E342E\] {
    color: #4E342E;
  }
  .text-\[\#4F4F4F\] {
    color: #4F4F4F;
  }
  .text-\[\#4F46E5\] {
    color: #4F46E5;
  }
  .text-\[\#4a4036\] {
    color: #4a4036;
  }
  .text-\[\#4d4238\] {
    color: #4d4238;
  }
  .text-\[\#4e8d7c\] {
    color: #4e8d7c;
  }
  .text-\[\#4f443a\] {
    color: #4f443a;
  }
  .text-\[\#5D5D5D\] {
    color: #5D5D5D;
  }
  .text-\[\#5E5E5E\] {
    color: #5E5E5E;
  }
  .text-\[\#5a5a5a\] {
    color: #5a5a5a;
  }
  .text-\[\#5b4b3f\] {
    color: #5b4b3f;
  }
  .text-\[\#5c6b4a\] {
    color: #5c6b4a;
  }
  .text-\[\#5d5146\] {
    color: #5d5146;
  }
  .text-\[\#5daed5\] {
    color: #5daed5;
  }
  .text-\[\#5e5145\] {
    color: #5e5145;
  }
  .text-\[\#5f5045\] {
    color: #5f5045;
  }
  .text-\[\#5f5145\] {
    color: #5f5145;
  }
  .text-\[\#6A6B72\] {
    color: #6A6B72;
  }
  .text-\[\#6B6B6B\] {
    color: #6B6B6B;
  }
  .text-\[\#6B6DF6\] {
    color: #6B6DF6;
  }
  .text-\[\#6B625C\] {
    color: #6B625C;
  }
  .text-\[\#6B655C\] {
    color: #6B655C;
  }
  .text-\[\#6B7280\] {
    color: #6B7280;
  }
  .text-\[\#6B7989\] {
    color: #6B7989;
  }
  .text-\[\#6D4C41\] {
    color: #6D4C41;
  }
  .text-\[\#6D6D6D\] {
    color: #6D6D6D;
  }
  .text-\[\#6a4c3d\] {
    color: #6a4c3d;
  }
  .text-\[\#6a5949\] {
    color: #6a5949;
  }
  .text-\[\#6b5f52\] {
    color: #6b5f52;
  }
  .text-\[\#6b7280\] {
    color: #6b7280;
  }
  .text-\[\#6d5d4c\] {
    color: #6d5d4c;
  }
  .text-\[\#7E33E1\] {
    color: #7E33E1;
  }
  .text-\[\#7F7F7F\] {
    color: #7F7F7F;
  }
  .text-\[\#7a5a1e\] {
    color: #7a5a1e;
  }
  .text-\[\#7a7a7a\] {
    color: #7a7a7a;
  }
  .text-\[\#7b6b5b\] {
    color: #7b6b5b;
  }
  .text-\[\#7c6b5a\] {
    color: #7c6b5a;
  }
  .text-\[\#8A8276\] {
    color: #8A8276;
  }
  .text-\[\#8A8885\] {
    color: #8A8885;
  }
  .text-\[\#8BBDC8\] {
    color: #8BBDC8;
  }
  .text-\[\#8a7a69\] {
    color: #8a7a69;
  }
  .text-\[\#8a7d6e\] {
    color: #8a7d6e;
  }
  .text-\[\#8ab6a9\] {
    color: #8ab6a9;
  }
  .text-\[\#8b7b6a\] {
    color: #8b7b6a;
  }
  .text-\[\#8d7964\] {
    color: #8d7964;
  }
  .text-\[\#9B9B9B\] {
    color: #9B9B9B;
  }
  .text-\[\#9C9C9C\] {
    color: #9C9C9C;
  }
  .text-\[\#9E9E9E\] {
    color: #9E9E9E;
  }
  .text-\[\#9EADBA\] {
    color: #9EADBA;
  }
  .text-\[\#9F9F9F\] {
    color: #9F9F9F;
  }
  .text-\[\#9ca3af\] {
    color: #9ca3af;
  }
  .text-\[\#10B981\] {
    color: #10B981;
  }
  .text-\[\#21B787\] {
    color: #21B787;
  }
  .text-\[\#22C55E\] {
    color: #22C55E;
  }
  .text-\[\#22c55e\] {
    color: #22c55e;
  }
  .text-\[\#78D0B6\] {
    color: #78D0B6;
  }
  .text-\[\#201c18\] {
    color: #201c18;
  }
  .text-\[\#211a15\] {
    color: #211a15;
  }
  .text-\[\#293A51\] {
    color: #293A51;
  }
  .text-\[\#342e27\] {
    color: #342e27;
  }
  .text-\[\#343a40\] {
    color: #343a40;
  }
  .text-\[\#343f52\] {
    color: #343f52;
  }
  .text-\[\#572FF6\] {
    color: #572FF6;
  }
  .text-\[\#605dba\] {
    color: #605dba;
  }
  .text-\[\#705e4f\] {
    color: #705e4f;
  }
  .text-\[\#787CFF\] {
    color: #787CFF;
  }
  .text-\[\#935f32\] {
    color: #935f32;
  }
  .text-\[\#936DFF\] {
    color: #936DFF;
  }
  .text-\[\#947f69\] {
    color: #947f69;
  }
  .text-\[\#959ca9\] {
    color: #959ca9;
  }
  .text-\[\#4470cf\] {
    color: #4470cf;
  }
  .text-\[\#5850EC\] {
    color: #5850EC;
  }
  .text-\[\#5865F2\] {
    color: #5865F2;
  }
  .text-\[\#6366F1\] {
    color: #6366F1;
  }
  .text-\[\#6366f1\] {
    color: #6366f1;
  }
  .text-\[\#7034FF\] {
    color: #7034FF;
  }
  .text-\[\#07074D\] {
    color: #07074D;
  }
  .text-\[\#8950FC\] {
    color: #8950FC;
  }
  .text-\[\#26221d\] {
    color: #26221d;
  }
  .text-\[\#030303\] {
    color: #030303;
  }
  .text-\[\#33415c\] {
    color: #33415c;
  }
  .text-\[\#040404\] {
    color: #040404;
  }
  .text-\[\#60697b\] {
    color: #60697b;
  }
  .text-\[\#66584b\] {
    color: #66584b;
  }
  .text-\[\#66584c\] {
    color: #66584c;
  }
  .text-\[\#67594c\] {
    color: #67594c;
  }
  .text-\[\#111827\] {
    color: #111827;
  }
  .text-\[\#141518\] {
    color: #141518;
  }
  .text-\[\#151515\] {
    color: #151515;
  }
  .text-\[\#161616\] {
    color: #161616;
  }
  .text-\[\#181818\] {
    color: #181818;
  }
  .text-\[\#191717\] {
    color: #191717;
  }
  .text-\[\#202020\] {
    color: #202020;
  }
  .text-\[\#212121\] {
    color: #212121;
  }
  .text-\[\#212529\] {
    color: #212529;
  }
  .text-\[\#222222\] {
    color: #222222;
  }
  .text-\[\#232830\] {
    color: #232830;
  }
  .text-\[\#242424\] {
    color: #242424;
  }
  .text-\[\#252525\] {
    color: #252525;
  }
  .text-\[\#262626\] {
    color: #262626;
  }
  .text-\[\#292929\] {
    color: #292929;
  }
  .text-\[\#303030\] {
    color: #303030;
  }
  .text-\[\#333333\] {
    color: #333333;
  }
  .text-\[\#343434\] {
    color: #343434;
  }
  .text-\[\#373737\] {
    color: #373737;
  }
  .text-\[\#374151\] {
    color: #374151;
  }
  .text-\[\#414141\] {
    color: #414141;
  }
  .text-\[\#464646\] {
    color: #464646;
  }
  .text-\[\#474747\] {
    color: #474747;
  }
  .text-\[\#495057\] {
    color: #495057;
  }
  .text-\[\#515151\] {
    color: #515151;
  }
  .text-\[\#525252\] {
    color: #525252;
  }
  .text-\[\#565657\] {
    color: #565657;
  }
  .text-\[\#575858\] {
    color: #575858;
  }
  .text-\[\#606060\] {
    color: #606060;
  }
  .text-\[\#625447\] {
    color: #625447;
  }
  .text-\[\#727272\] {
    color: #727272;
  }
  .text-\[\#746454\] {
    color: #746454;
  }
  .text-\[\#756657\] {
    color: #756657;
  }
  .text-\[\#766757\] {
    color: #766757;
  }
  .text-\[\#767676\] {
    color: #767676;
  }
  .text-\[\#808080\] {
    color: #808080;
  }
  .text-\[\#827261\] {
    color: #827261;
  }
  .text-\[\#858585\] {
    color: #858585;
  }
  .text-\[\#868686\] {
    color: #868686;
  }
  .text-\[\#878787\] {
    color: #878787;
  }
  .text-\[\#969696\] {
    color: #969696;
  }
  .text-\[\#979797\] {
    color: #979797;
  }
  .text-\[\#999999\] {
    color: #999999;
  }
  .text-\[\#A1A1A1\] {
    color: #A1A1A1;
  }
  .text-\[\#A2A2A2\] {
    color: #A2A2A2;
  }
  .text-\[\#A5A5A5\] {
    color: #A5A5A5;
  }
  .text-\[\#A8A8A8\] {
    color: #A8A8A8;
  }
  .text-\[\#A8AFAE\] {
    color: #A8AFAE;
  }
  .text-\[\#A09A92\] {
    color: #A09A92;
  }
  .text-\[\#A39A8B\] {
    color: #A39A8B;
  }
  .text-\[\#AA4CFF\] {
    color: #AA4CFF;
  }
  .text-\[\#ADADAD\] {
    color: #ADADAD;
  }
  .text-\[\#ADB0B7\] {
    color: #ADB0B7;
  }
  .text-\[\#ADB1B5\] {
    color: #ADB1B5;
  }
  .text-\[\#AEB3B7\] {
    color: #AEB3B7;
  }
  .text-\[\#B1B1B1\] {
    color: #B1B1B1;
  }
  .text-\[\#B2B2B2\] {
    color: #B2B2B2;
  }
  .text-\[\#B3B3B3\] {
    color: #B3B3B3;
  }
  .text-\[\#B6B6B6\] {
    color: #B6B6B6;
  }
  .text-\[\#B7B7B7\] {
    color: #B7B7B7;
  }
  .text-\[\#B9B9B9\] {
    color: #B9B9B9;
  }
  .text-\[\#BABABA\] {
    color: #BABABA;
  }
  .text-\[\#BCAAA4\] {
    color: #BCAAA4;
  }
  .text-\[\#BCBCBC\] {
    color: #BCBCBC;
  }
  .text-\[\#BDBDBD\] {
    color: #BDBDBD;
  }
  .text-\[\#BFBFBF\] {
    color: #BFBFBF;
  }
  .text-\[\#C0C0C0\] {
    color: #C0C0C0;
  }
  .text-\[\#C1C1C1\] {
    color: #C1C1C1;
  }
  .text-\[\#C3C3C3\] {
    color: #C3C3C3;
  }
  .text-\[\#C8C8C8\] {
    color: #C8C8C8;
  }
  .text-\[\#C67D5C\] {
    color: #C67D5C;
  }
  .text-\[\#CACACA\] {
    color: #CACACA;
  }
  .text-\[\#D4AF37\] {
    color: #D4AF37;
  }
  .text-\[\#D84315\] {
    color: #D84315;
  }
  .text-\[\#D97736\] {
    color: #D97736;
  }
  .text-\[\#DCAC91\] {
    color: #DCAC91;
  }
  .text-\[\#E8501F\] {
    color: #E8501F;
  }
  .text-\[\#F5F5DC\] {
    color: #F5F5DC;
  }
  .text-\[\#F9FAFC\] {
    color: #F9FAFC;
  }
  .text-\[\#F96F60\] {
    color: #F96F60;
  }
  .text-\[\#FBF6EF\] {
    color: #FBF6EF;
  }
  .text-\[\#FBFAF6\] {
    color: #FBFAF6;
  }
  .text-\[\#FF0000\] {
    color: #FF0000;
  }
  .text-\[\#FF4D1C\] {
    color: #FF4D1C;
  }
  .text-\[\#FF006B\] {
    color: #FF006B;
  }
  .text-\[\#FF57C5\] {
    color: #FF57C5;
  }
  .text-\[\#FF275B\] {
    color: #FF275B;
  }
  .text-\[\#FF2759\] {
    color: #FF2759;
  }
  .text-\[\#FF5291\] {
    color: #FF5291;
  }
  .text-\[\#FF6080\] {
    color: #FF6080;
  }
  .text-\[\#FF6559\] {
    color: #FF6559;
  }
  .text-\[\#FFB043\] {
    color: #FFB043;
  }
  .text-\[\#FFB147\] {
    color: #FFB147;
  }
  .text-\[\#FFB840\] {
    color: #FFB840;
  }
  .text-\[\#FFB941\] {
    color: #FFB941;
  }
  .text-\[\#FFBA12\] {
    color: #FFBA12;
  }
  .text-\[\#FFC12B\] {
    color: #FFC12B;
  }
  .text-\[\#FFC765\] {
    color: #FFC765;
  }
  .text-\[\#FFCB65\] {
    color: #FFCB65;
  }
  .text-\[\#a06d55\] {
    color: #a06d55;
  }
  .text-\[\#aab0bc\] {
    color: #aab0bc;
  }
  .text-\[\#acacac\] {
    color: #acacac;
  }
  .text-\[\#b8aa8f\] {
    color: #b8aa8f;
  }
  .text-\[\#b5795b\] {
    color: #b5795b;
  }
  .text-\[\#bfbfbf\] {
    color: #bfbfbf;
  }
  .text-\[\#c2af8f\] {
    color: #c2af8f;
  }
  .text-\[\#c4c4c4\] {
    color: #c4c4c4;
  }
  .text-\[\#c8b89a\] {
    color: #c8b89a;
  }
  .text-\[\#c45f35\] {
    color: #c45f35;
  }
  .text-\[\#c8312b\] {
    color: #c8312b;
  }
  .text-\[\#cacaca\] {
    color: #cacaca;
  }
  .text-\[\#d4c3a8\] {
    color: #d4c3a8;
  }
  .text-\[\#d4d4d4\] {
    color: #d4d4d4;
  }
  .text-\[\#d6d6d6\] {
    color: #d6d6d6;
  }
  .text-\[\#d7a84f\] {
    color: #d7a84f;
  }
  .text-\[\#d8c7b3\] {
    color: #d8c7b3;
  }
  .text-\[\#d8ccbc\] {
    color: #d8ccbc;
  }
  .text-\[\#d8d8d8\] {
    color: #d8d8d8;
  }
  .text-\[\#d53581\] {
    color: #d53581;
  }
  .text-\[\#e5c08b\] {
    color: #e5c08b;
  }
  .text-\[\#e6c08d\] {
    color: #e6c08d;
  }
  .text-\[\#e8c36a\] {
    color: #e8c36a;
  }
  .text-\[\#e8dfce\] {
    color: #e8dfce;
  }
  .text-\[\#e83e8c\] {
    color: #e83e8c;
  }
  .text-\[\#e94d88\] {
    color: #e94d88;
  }
  .text-\[\#ead8c4\] {
    color: #ead8c4;
  }
  .text-\[\#efe4d7\] {
    color: #efe4d7;
  }
  .text-\[\#f0e6d6\] {
    color: #f0e6d6;
  }
  .text-\[\#f4b860\] {
    color: #f4b860;
  }
  .text-\[\#f6eee2\] {
    color: #f6eee2;
  }
  .text-\[\#f8efe1\] {
    color: #f8efe1;
  }
  .text-\[\#f8f4ed\] {
    color: #f8f4ed;
  }
  .text-\[\#f9f1e6\] {
    color: #f9f1e6;
  }
  .text-\[\#fab758\] {
    color: #fab758;
  }
  .text-\[\#fbf6ee\] {
    color: #fbf6ee;
  }
  .text-\[\#fefefe\] {
    color: #fefefe;
  }
  .text-\[\#ff0\] {
    color: #ff0;
  }
  .text-\[\#ffffff66\] {
    color: #ffffff66;
  }
  .text-\[\#ffffff99\] {
    color: #ffffff99;
  }
  .text-\[color\:var\(--heading\)\] {
    color: var(--heading);
  }
  .text-\[rgb\(0\,0\,0\,0\.8\)\] {
    color: rgb(0,0,0,0.8);
  }
  .text-\[rgb\(47_128_237\)\] {
    color: rgb(47 128 237);
  }
  .text-\[rgb\(101_92_151\/14\%\)\] {
    color: rgb(101 92 151/14%);
  }
  .text-\[rgba\(0\,0\,0\,0\.2\)\] {
    color: rgba(0,0,0,0.2);
  }
  .text-\[rgba\(0\,0\,0\,0\.3\)\] {
    color: rgba(0,0,0,0.3);
  }
  .text-\[rgba\(0\,0\,0\,0\.4\)\] {
    color: rgba(0,0,0,0.4);
  }
  .text-\[rgba\(0\,0\,0\,0\.5\)\] {
    color: rgba(0,0,0,0.5);
  }
  .text-\[rgba\(0\,0\,0\,0\.6\)\] {
    color: rgba(0,0,0,0.6);
  }
  .text-\[rgba\(0\,0\,0\,0\.7\)\] {
    color: rgba(0,0,0,0.7);
  }
  .text-\[rgba\(0\,0\,0\,0\.8\)\] {
    color: rgba(0,0,0,0.8);
  }
  .text-\[rgba\(0\,0\,0\,0\.25\)\] {
    color: rgba(0,0,0,0.25);
  }
  .text-\[rgba\(0\,0\,0\,0\.33\)\] {
    color: rgba(0,0,0,0.33);
  }
  .text-\[rgba\(0\,0\,0\,0\.34\)\] {
    color: rgba(0,0,0,0.34);
  }
  .text-\[rgba\(0\,0\,0\,0\.35\)\] {
    color: rgba(0,0,0,0.35);
  }
  .text-\[rgba\(0\,0\,0\,0\.38\)\] {
    color: rgba(0,0,0,0.38);
  }
  .text-\[rgba\(0\,0\,0\,0\.43\)\] {
    color: rgba(0,0,0,0.43);
  }
  .text-\[rgba\(0\,0\,0\,0\.45\)\] {
    color: rgba(0,0,0,0.45);
  }
  .text-\[rgba\(0\,0\,0\,0\.65\)\] {
    color: rgba(0,0,0,0.65);
  }
  .text-\[rgba\(10\,10\,10\,0\.24\)\] {
    color: rgba(10,10,10,0.24);
  }
  .text-\[rgba\(14\,14\,14\,0\.8\)\] {
    color: rgba(14,14,14,0.8);
  }
  .text-\[rgba\(29\,29\,29\,0\.5\)\] {
    color: rgba(29,29,29,0.5);
  }
  .text-\[rgba\(30\,30\,30\,0\.55\)\] {
    color: rgba(30,30,30,0.55);
  }
  .text-\[rgba\(31\,31\,31\,0\.5\)\] {
    color: rgba(31,31,31,0.5);
  }
  .text-\[rgba\(31\,31\,31\,0\.33\)\] {
    color: rgba(31,31,31,0.33);
  }
  .text-\[rgba\(42\,42\,42\,0\.3\)\] {
    color: rgba(42,42,42,0.3);
  }
  .text-\[rgba\(42\,42\,42\,0\.4\)\] {
    color: rgba(42,42,42,0.4);
  }
  .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\.34\)\] {
    color: rgba(255,255,255,0.34);
  }
  .text-\[rgba\(255\,255\,255\,0\.35\)\] {
    color: rgba(255,255,255,0.35);
  }
  .text-\[var\(--blue-dark\)\] {
    color: var(--blue-dark);
  }
  .text-\[var\(--blue-light\)\] {
    color: var(--blue-light);
  }
  .text-\[var\(--heading\)\] {
    color: var(--heading);
  }
  .text-\[var\(--purple-blue\)\] {
    color: var(--purple-blue);
  }
  .text-\[var\(--red-light\)\] {
    color: var(--red-light);
  }
  .text-\[var\(--text-color\)\] {
    color: var(--text-color);
  }
  .text-\[var\(--vin-red\)\] {
    color: var(--vin-red);
  }
  .text-accent {
    color: hsl(var(--accent));
  }
  .text-accent-foreground {
    color: hsl(var(--accent-foreground));
  }
  .text-amber-50 {
    color: var(--color-amber-50);
  }
  .text-amber-100 {
    color: var(--color-amber-100);
  }
  .text-amber-200 {
    color: var(--color-amber-200);
  }
  .text-amber-300 {
    color: var(--color-amber-300);
  }
  .text-amber-400 {
    color: var(--color-amber-400);
  }
  .text-amber-500 {
    color: var(--color-amber-500);
  }
  .text-amber-500\/40 {
    color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-500) 40%, transparent);
    }
  }
  .text-amber-600 {
    color: var(--color-amber-600);
  }
  .text-amber-700 {
    color: var(--color-amber-700);
  }
  .text-amber-700\/80 {
    color: color-mix(in srgb, oklch(55.5% 0.163 48.998) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-700) 80%, transparent);
    }
  }
  .text-amber-800 {
    color: var(--color-amber-800);
  }
  .text-amber-800\/35 {
    color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-800) 35%, transparent);
    }
  }
  .text-amber-800\/45 {
    color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-800) 45%, transparent);
    }
  }
  .text-amber-800\/55 {
    color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-800) 55%, transparent);
    }
  }
  .text-amber-800\/70 {
    color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-800) 70%, transparent);
    }
  }
  .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-800\/90 {
    color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-800) 90%, transparent);
    }
  }
  .text-amber-900 {
    color: var(--color-amber-900);
  }
  .text-amber-900\/70 {
    color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-900) 70%, transparent);
    }
  }
  .text-amber-900\/80 {
    color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-900) 80%, transparent);
    }
  }
  .text-amber-900\/90 {
    color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-900) 90%, transparent);
    }
  }
  .text-amber-950 {
    color: var(--color-amber-950);
  }
  .text-amber-950\/80 {
    color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-950) 80%, transparent);
    }
  }
  .text-amber-950\/90 {
    color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-950) 90%, transparent);
    }
  }
  .text-background {
    color: hsl(var(--background));
  }
  .text-background\/50 {
    color: hsl(var(--background));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, hsl(var(--background)) 50%, transparent);
    }
  }
  .text-background\/80 {
    color: hsl(var(--background));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, hsl(var(--background)) 80%, transparent);
    }
  }
  .text-background\/90 {
    color: hsl(var(--background));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, hsl(var(--background)) 90%, transparent);
    }
  }
  .text-black {
    color: var(--color-black);
  }
  .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\/35 {
    color: color-mix(in srgb, #000 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-black) 35%, 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\/60 {
    color: color-mix(in srgb, #000 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-black) 60%, 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\/75 {
    color: color-mix(in srgb, #000 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-black) 75%, 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-blue-100 {
    color: var(--color-blue-100);
  }
  .text-blue-200 {
    color: var(--color-blue-200);
  }
  .text-blue-300 {
    color: var(--color-blue-300);
  }
  .text-blue-400 {
    color: var(--color-blue-400);
  }
  .text-blue-500 {
    color: var(--color-blue-500);
  }
  .text-blue-500\/20 {
    color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
    }
  }
  .text-blue-500\/40 {
    color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-blue-500) 40%, transparent);
    }
  }
  .text-blue-600 {
    color: var(--color-blue-600);
  }
  .text-blue-700 {
    color: var(--color-blue-700);
  }
  .text-blue-700\/70 {
    color: color-mix(in srgb, oklch(48.8% 0.243 264.376) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-blue-700) 70%, transparent);
    }
  }
  .text-blue-800 {
    color: var(--color-blue-800);
  }
  .text-blue-800\/90 {
    color: color-mix(in srgb, oklch(42.4% 0.199 265.638) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-blue-800) 90%, transparent);
    }
  }
  .text-blue-900 {
    color: var(--color-blue-900);
  }
  .text-blue-950 {
    color: var(--color-blue-950);
  }
  .text-blue-950\/80 {
    color: color-mix(in srgb, oklch(28.2% 0.091 267.935) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-blue-950) 80%, transparent);
    }
  }
  .text-border {
    color: hsl(var(--border-hsl));
  }
  .text-card-foreground {
    color: hsl(var(--card-foreground));
  }
  .text-current {
    color: currentcolor;
  }
  .text-cyan-50 {
    color: var(--color-cyan-50);
  }
  .text-cyan-100 {
    color: var(--color-cyan-100);
  }
  .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-400 {
    color: var(--color-cyan-400);
  }
  .text-cyan-400\/70 {
    color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-cyan-400) 70%, transparent);
    }
  }
  .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\/20 {
    color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);
    }
  }
  .text-cyan-500\/30 {
    color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-cyan-500) 30%, transparent);
    }
  }
  .text-cyan-500\/40 {
    color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-cyan-500) 40%, transparent);
    }
  }
  .text-cyan-600 {
    color: var(--color-cyan-600);
  }
  .text-cyan-700 {
    color: var(--color-cyan-700);
  }
  .text-cyan-800 {
    color: var(--color-cyan-800);
  }
  .text-cyan-900 {
    color: var(--color-cyan-900);
  }
  .text-destructive {
    color: hsl(var(--destructive));
  }
  .text-destructive-foreground {
    color: hsl(var(--destructive-foreground));
  }
  .text-destructive\/80 {
    color: hsl(var(--destructive));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, hsl(var(--destructive)) 80%, transparent);
    }
  }
  .text-emerald-50 {
    color: var(--color-emerald-50);
  }
  .text-emerald-100 {
    color: var(--color-emerald-100);
  }
  .text-emerald-200 {
    color: var(--color-emerald-200);
  }
  .text-emerald-300 {
    color: var(--color-emerald-300);
  }
  .text-emerald-400 {
    color: var(--color-emerald-400);
  }
  .text-emerald-500 {
    color: var(--color-emerald-500);
  }
  .text-emerald-500\/40 {
    color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-emerald-500) 40%, 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-700 {
    color: var(--color-emerald-700);
  }
  .text-emerald-800 {
    color: var(--color-emerald-800);
  }
  .text-emerald-900 {
    color: var(--color-emerald-900);
  }
  .text-emerald-950 {
    color: var(--color-emerald-950);
  }
  .text-foreground {
    color: hsl(var(--foreground));
  }
  .text-foreground\/50 {
    color: hsl(var(--foreground));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, hsl(var(--foreground)) 50%, transparent);
    }
  }
  .text-foreground\/70 {
    color: hsl(var(--foreground));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, hsl(var(--foreground)) 70%, transparent);
    }
  }
  .text-foreground\/80 {
    color: hsl(var(--foreground));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, hsl(var(--foreground)) 80%, transparent);
    }
  }
  .text-foreground\/85 {
    color: hsl(var(--foreground));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, hsl(var(--foreground)) 85%, transparent);
    }
  }
  .text-foreground\/90 {
    color: hsl(var(--foreground));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, hsl(var(--foreground)) 90%, transparent);
    }
  }
  .text-fuchsia-100 {
    color: var(--color-fuchsia-100);
  }
  .text-fuchsia-200 {
    color: var(--color-fuchsia-200);
  }
  .text-fuchsia-300 {
    color: var(--color-fuchsia-300);
  }
  .text-fuchsia-400 {
    color: var(--color-fuchsia-400);
  }
  .text-fuchsia-500 {
    color: var(--color-fuchsia-500);
  }
  .text-fuchsia-500\/20 {
    color: color-mix(in srgb, oklch(66.7% 0.295 322.15) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-fuchsia-500) 20%, transparent);
    }
  }
  .text-fuchsia-500\/40 {
    color: color-mix(in srgb, oklch(66.7% 0.295 322.15) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-fuchsia-500) 40%, transparent);
    }
  }
  .text-fuchsia-600 {
    color: var(--color-fuchsia-600);
  }
  .text-fuchsia-600\/70 {
    color: color-mix(in srgb, oklch(59.1% 0.293 322.896) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-fuchsia-600) 70%, transparent);
    }
  }
  .text-fuchsia-700 {
    color: var(--color-fuchsia-700);
  }
  .text-fuchsia-800 {
    color: var(--color-fuchsia-800);
  }
  .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-400\/60 {
    color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-gray-400) 60%, transparent);
    }
  }
  .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-300 {
    color: var(--color-green-300);
  }
  .text-green-400 {
    color: var(--color-green-400);
  }
  .text-green-500 {
    color: var(--color-green-500);
  }
  .text-green-500\/40 {
    color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-green-500) 40%, transparent);
    }
  }
  .text-green-500\/70 {
    color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-green-500) 70%, transparent);
    }
  }
  .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-green-900 {
    color: var(--color-green-900);
  }
  .text-indigo-100 {
    color: var(--color-indigo-100);
  }
  .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\/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-300 {
    color: var(--color-indigo-300);
  }
  .text-indigo-400 {
    color: var(--color-indigo-400);
  }
  .text-indigo-500 {
    color: var(--color-indigo-500);
  }
  .text-indigo-500\/20 {
    color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent);
    }
  }
  .text-indigo-500\/40 {
    color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-indigo-500) 40%, transparent);
    }
  }
  .text-indigo-600 {
    color: var(--color-indigo-600);
  }
  .text-indigo-600\/70 {
    color: color-mix(in srgb, oklch(51.1% 0.262 276.966) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-indigo-600) 70%, transparent);
    }
  }
  .text-indigo-700 {
    color: var(--color-indigo-700);
  }
  .text-indigo-800 {
    color: var(--color-indigo-800);
  }
  .text-indigo-900 {
    color: var(--color-indigo-900);
  }
  .text-indigo-900\/60 {
    color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-indigo-900) 60%, transparent);
    }
  }
  .text-inherit {
    color: inherit;
  }
  .text-input {
    color: hsl(var(--input));
  }
  .text-lime-100 {
    color: var(--color-lime-100);
  }
  .text-lime-200 {
    color: var(--color-lime-200);
  }
  .text-lime-300 {
    color: var(--color-lime-300);
  }
  .text-lime-400 {
    color: var(--color-lime-400);
  }
  .text-lime-500 {
    color: var(--color-lime-500);
  }
  .text-lime-500\/20 {
    color: color-mix(in srgb, oklch(76.8% 0.233 130.85) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-lime-500) 20%, transparent);
    }
  }
  .text-lime-500\/30 {
    color: color-mix(in srgb, oklch(76.8% 0.233 130.85) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-lime-500) 30%, transparent);
    }
  }
  .text-lime-500\/40 {
    color: color-mix(in srgb, oklch(76.8% 0.233 130.85) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-lime-500) 40%, transparent);
    }
  }
  .text-lime-600 {
    color: var(--color-lime-600);
  }
  .text-lime-700 {
    color: var(--color-lime-700);
  }
  .text-lime-800 {
    color: var(--color-lime-800);
  }
  .text-lime-800\/80 {
    color: color-mix(in srgb, oklch(45.3% 0.124 130.933) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-lime-800) 80%, transparent);
    }
  }
  .text-lime-900 {
    color: var(--color-lime-900);
  }
  .text-muted {
    color: hsl(var(--muted));
  }
  .text-muted-foreground {
    color: hsl(var(--muted-foreground));
  }
  .text-muted-foreground\/30 {
    color: hsl(var(--muted-foreground));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, hsl(var(--muted-foreground)) 30%, transparent);
    }
  }
  .text-muted-foreground\/40 {
    color: hsl(var(--muted-foreground));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, hsl(var(--muted-foreground)) 40%, transparent);
    }
  }
  .text-muted-foreground\/50 {
    color: hsl(var(--muted-foreground));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, hsl(var(--muted-foreground)) 50%, transparent);
    }
  }
  .text-muted-foreground\/60 {
    color: hsl(var(--muted-foreground));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, hsl(var(--muted-foreground)) 60%, transparent);
    }
  }
  .text-muted-foreground\/70 {
    color: hsl(var(--muted-foreground));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, hsl(var(--muted-foreground)) 70%, transparent);
    }
  }
  .text-muted-foreground\/80 {
    color: hsl(var(--muted-foreground));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, hsl(var(--muted-foreground)) 80%, transparent);
    }
  }
  .text-neutral-50 {
    color: var(--color-neutral-50);
  }
  .text-neutral-50\/\[\.8\] {
    color: color-mix(in srgb, oklch(98.5% 0 0) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-neutral-50) 80%, transparent);
    }
  }
  .text-neutral-100 {
    color: var(--color-neutral-100);
  }
  .text-neutral-200 {
    color: var(--color-neutral-200);
  }
  .text-neutral-300 {
    color: var(--color-neutral-300);
  }
  .text-neutral-400 {
    color: var(--color-neutral-400);
  }
  .text-neutral-500 {
    color: var(--color-neutral-500);
  }
  .text-neutral-600 {
    color: var(--color-neutral-600);
  }
  .text-neutral-700 {
    color: var(--color-neutral-700);
  }
  .text-neutral-800 {
    color: var(--color-neutral-800);
  }
  .text-neutral-900 {
    color: var(--color-neutral-900);
  }
  .text-neutral-900\/80 {
    color: color-mix(in srgb, oklch(20.5% 0 0) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-neutral-900) 80%, transparent);
    }
  }
  .text-orange-100 {
    color: var(--color-orange-100);
  }
  .text-orange-200 {
    color: var(--color-orange-200);
  }
  .text-orange-300 {
    color: var(--color-orange-300);
  }
  .text-orange-400 {
    color: var(--color-orange-400);
  }
  .text-orange-500 {
    color: var(--color-orange-500);
  }
  .text-orange-500\/20 {
    color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-orange-500) 20%, transparent);
    }
  }
  .text-orange-500\/30 {
    color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-orange-500) 30%, transparent);
    }
  }
  .text-orange-500\/40 {
    color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-orange-500) 40%, 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-900 {
    color: var(--color-orange-900);
  }
  .text-palette-1 {
    color: #26221d;
  }
  .text-palette-2 {
    color: #b5795b;
  }
  .text-palette-3 {
    color: #a06d55;
  }
  .text-palette-4 {
    color: #1f2b24;
  }
  .text-pink-100 {
    color: var(--color-pink-100);
  }
  .text-pink-200 {
    color: var(--color-pink-200);
  }
  .text-pink-300 {
    color: var(--color-pink-300);
  }
  .text-pink-400 {
    color: var(--color-pink-400);
  }
  .text-pink-500 {
    color: var(--color-pink-500);
  }
  .text-pink-500\/20 {
    color: color-mix(in srgb, oklch(65.6% 0.241 354.308) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-pink-500) 20%, transparent);
    }
  }
  .text-pink-600 {
    color: var(--color-pink-600);
  }
  .text-pink-700 {
    color: var(--color-pink-700);
  }
  .text-pink-800 {
    color: var(--color-pink-800);
  }
  .text-pink-900 {
    color: var(--color-pink-900);
  }
  .text-popover-foreground {
    color: hsl(var(--popover-foreground));
  }
  .text-primary {
    color: hsl(var(--primary));
  }
  .text-primary-foreground {
    color: hsl(var(--primary-foreground));
  }
  .text-primary-foreground\/80 {
    color: hsl(var(--primary-foreground));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, hsl(var(--primary-foreground)) 80%, transparent);
    }
  }
  .text-primary-foreground\/90 {
    color: hsl(var(--primary-foreground));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, hsl(var(--primary-foreground)) 90%, transparent);
    }
  }
  .text-primary\/50 {
    color: hsl(var(--primary));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, hsl(var(--primary)) 50%, transparent);
    }
  }
  .text-primary\/80 {
    color: hsl(var(--primary));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, hsl(var(--primary)) 80%, transparent);
    }
  }
  .text-purple-100 {
    color: var(--color-purple-100);
  }
  .text-purple-200 {
    color: var(--color-purple-200);
  }
  .text-purple-300 {
    color: var(--color-purple-300);
  }
  .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-600\/70 {
    color: color-mix(in srgb, oklch(55.8% 0.288 302.321) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-purple-600) 70%, transparent);
    }
  }
  .text-purple-700 {
    color: var(--color-purple-700);
  }
  .text-purple-800 {
    color: var(--color-purple-800);
  }
  .text-purple-900 {
    color: var(--color-purple-900);
  }
  .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-300 {
    color: var(--color-red-300);
  }
  .text-red-400 {
    color: var(--color-red-400);
  }
  .text-red-500 {
    color: var(--color-red-500);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-red-700 {
    color: var(--color-red-700);
  }
  .text-red-700\/70 {
    color: color-mix(in srgb, oklch(50.5% 0.213 27.518) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-red-700) 70%, transparent);
    }
  }
  .text-red-800 {
    color: var(--color-red-800);
  }
  .text-red-900 {
    color: var(--color-red-900);
  }
  .text-rose-50 {
    color: var(--color-rose-50);
  }
  .text-rose-100 {
    color: var(--color-rose-100);
  }
  .text-rose-200 {
    color: var(--color-rose-200);
  }
  .text-rose-300 {
    color: var(--color-rose-300);
  }
  .text-rose-400 {
    color: var(--color-rose-400);
  }
  .text-rose-500 {
    color: var(--color-rose-500);
  }
  .text-rose-500\/20 {
    color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
    }
  }
  .text-rose-600 {
    color: var(--color-rose-600);
  }
  .text-rose-600\/70 {
    color: color-mix(in srgb, oklch(58.6% 0.253 17.585) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-rose-600) 70%, transparent);
    }
  }
  .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 {
    color: var(--color-rose-800);
  }
  .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-800\/90 {
    color: color-mix(in srgb, oklch(45.5% 0.188 13.697) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-rose-800) 90%, transparent);
    }
  }
  .text-rose-900 {
    color: var(--color-rose-900);
  }
  .text-secondary {
    color: hsl(var(--secondary));
  }
  .text-secondary-foreground {
    color: hsl(var(--secondary-foreground));
  }
  .text-sky-100 {
    color: var(--color-sky-100);
  }
  .text-sky-200 {
    color: var(--color-sky-200);
  }
  .text-sky-200\/80 {
    color: color-mix(in srgb, oklch(90.1% 0.058 230.902) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-sky-200) 80%, transparent);
    }
  }
  .text-sky-300 {
    color: var(--color-sky-300);
  }
  .text-sky-400 {
    color: var(--color-sky-400);
  }
  .text-sky-500 {
    color: var(--color-sky-500);
  }
  .text-sky-600 {
    color: var(--color-sky-600);
  }
  .text-sky-600\/70 {
    color: color-mix(in srgb, oklch(58.8% 0.158 241.966) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-sky-600) 70%, transparent);
    }
  }
  .text-sky-700 {
    color: var(--color-sky-700);
  }
  .text-sky-800 {
    color: var(--color-sky-800);
  }
  .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\/70 {
    color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-slate-200) 70%, transparent);
    }
  }
  .text-slate-200\/85 {
    color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-slate-200) 85%, transparent);
    }
  }
  .text-slate-300 {
    color: var(--color-slate-300);
  }
  .text-slate-300\/70 {
    color: color-mix(in srgb, oklch(86.9% 0.022 252.894) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-slate-300) 70%, transparent);
    }
  }
  .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-50 {
    color: var(--color-stone-50);
  }
  .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-teal-100 {
    color: var(--color-teal-100);
  }
  .text-teal-200 {
    color: var(--color-teal-200);
  }
  .text-teal-300 {
    color: var(--color-teal-300);
  }
  .text-teal-400 {
    color: var(--color-teal-400);
  }
  .text-teal-500 {
    color: var(--color-teal-500);
  }
  .text-teal-500\/20 {
    color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-teal-500) 20%, transparent);
    }
  }
  .text-teal-500\/30 {
    color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-teal-500) 30%, transparent);
    }
  }
  .text-teal-500\/40 {
    color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-teal-500) 40%, transparent);
    }
  }
  .text-teal-600 {
    color: var(--color-teal-600);
  }
  .text-teal-700 {
    color: var(--color-teal-700);
  }
  .text-teal-800 {
    color: var(--color-teal-800);
  }
  .text-teal-800\/70 {
    color: color-mix(in srgb, oklch(43.7% 0.078 188.216) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-teal-800) 70%, transparent);
    }
  }
  .text-teal-900 {
    color: var(--color-teal-900);
  }
  .text-transparent {
    color: transparent;
  }
  .text-violet-100 {
    color: var(--color-violet-100);
  }
  .text-violet-200 {
    color: var(--color-violet-200);
  }
  .text-violet-300 {
    color: var(--color-violet-300);
  }
  .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-700 {
    color: var(--color-violet-700);
  }
  .text-violet-700\/90 {
    color: color-mix(in srgb, oklch(49.1% 0.27 292.581) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-violet-700) 90%, transparent);
    }
  }
  .text-violet-800 {
    color: var(--color-violet-800);
  }
  .text-violet-900 {
    color: var(--color-violet-900);
  }
  .text-white {
    color: var(--color-white);
  }
  .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\/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\/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\/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-yellow-100 {
    color: var(--color-yellow-100);
  }
  .text-yellow-200 {
    color: var(--color-yellow-200);
  }
  .text-yellow-300 {
    color: var(--color-yellow-300);
  }
  .text-yellow-400 {
    color: var(--color-yellow-400);
  }
  .text-yellow-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-yellow-900 {
    color: var(--color-yellow-900);
  }
  .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;
  }
  .italic\! {
    font-style: italic !important;
  }
  .not-italic {
    font-style: normal;
  }
  .diagonal-fractions {
    --tw-numeric-fraction: diagonal-fractions;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .lining-nums {
    --tw-numeric-figure: lining-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .oldstyle-nums {
    --tw-numeric-figure: oldstyle-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .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,);
  }
  .proportional-nums {
    --tw-numeric-spacing: proportional-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .slashed-zero {
    --tw-slashed-zero: slashed-zero;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .stacked-fractions {
    --tw-numeric-fraction: stacked-fractions;
    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,);
  }
  .normal-nums {
    font-variant-numeric: normal;
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .overline {
    text-decoration-line: overline;
  }
  .underline {
    text-decoration-line: underline;
  }
  .underline\! {
    text-decoration-line: underline !important;
  }
  .decoration-\[\#FF4D1C\] {
    text-decoration-color: #FF4D1C;
  }
  .decoration-border {
    text-decoration-color: hsl(var(--border-hsl));
  }
  .decoration-gray-300 {
    text-decoration-color: var(--color-gray-300);
  }
  .decoration-gray-400 {
    text-decoration-color: var(--color-gray-400);
  }
  .decoration-gray-400\/80 {
    text-decoration-color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--color-gray-400) 80%, transparent);
    }
  }
  .decoration-palette-2 {
    text-decoration-color: #b5795b;
  }
  .decoration-palette-2\/50 {
    text-decoration-color: color-mix(in oklab, #b5795b 50%, transparent);
  }
  .decoration-slate-300 {
    text-decoration-color: var(--color-slate-300);
  }
  .decoration-teal-500 {
    text-decoration-color: var(--color-teal-500);
  }
  .decoration-teal-500\/50 {
    text-decoration-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--color-teal-500) 50%, transparent);
    }
  }
  .decoration-white {
    text-decoration-color: var(--color-white);
  }
  .decoration-white\/40 {
    text-decoration-color: color-mix(in srgb, #fff 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }
  .decoration-white\/50 {
    text-decoration-color: color-mix(in srgb, #fff 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }
  .decoration-2 {
    text-decoration-thickness: 2px;
  }
  .decoration-4 {
    text-decoration-thickness: 4px;
  }
  .decoration-\[5px\] {
    text-decoration-thickness: 5px;
  }
  .underline-offset-2 {
    text-underline-offset: 2px;
  }
  .underline-offset-4 {
    text-underline-offset: 4px;
  }
  .underline-offset-8 {
    text-underline-offset: 8px;
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }
  .placeholder-gray-500 {
    &::placeholder {
      color: var(--color-gray-500);
    }
  }
  .placeholder-gray-600 {
    &::placeholder {
      color: var(--color-gray-600);
    }
  }
  .placeholder-muted-foreground {
    &::placeholder {
      color: hsl(var(--muted-foreground));
    }
  }
  .placeholder-neutral-400 {
    &::placeholder {
      color: var(--color-neutral-400);
    }
  }
  .placeholder-neutral-500 {
    &::placeholder {
      color: var(--color-neutral-500);
    }
  }
  .placeholder-slate-400 {
    &::placeholder {
      color: var(--color-slate-400);
    }
  }
  .placeholder-slate-500 {
    &::placeholder {
      color: var(--color-slate-500);
    }
  }
  .placeholder-stone-400 {
    &::placeholder {
      color: var(--color-stone-400);
    }
  }
  .placeholder-white {
    &::placeholder {
      color: var(--color-white);
    }
  }
  .placeholder-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-white\/60 {
    &::placeholder {
      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);
      }
    }
  }
  .placeholder-zinc-500 {
    &::placeholder {
      color: var(--color-zinc-500);
    }
  }
  .caret-orange-400 {
    caret-color: var(--color-orange-400);
  }
  .accent-\[\#1BC5BD\] {
    accent-color: #1BC5BD;
  }
  .accent-\[\#2f80ed\] {
    accent-color: #2f80ed;
  }
  .accent-\[\#7E33E1\] {
    accent-color: #7E33E1;
  }
  .accent-amber-500 {
    accent-color: var(--color-amber-500);
  }
  .accent-blue-500 {
    accent-color: var(--color-blue-500);
  }
  .accent-emerald-600 {
    accent-color: var(--color-emerald-600);
  }
  .accent-foreground {
    accent-color: hsl(var(--foreground));
  }
  .accent-green-500 {
    accent-color: var(--color-green-500);
  }
  .accent-indigo-500 {
    accent-color: var(--color-indigo-500);
  }
  .accent-primary {
    accent-color: hsl(var(--primary));
  }
  .accent-teal-500 {
    accent-color: var(--color-teal-500);
  }
  .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-50 {
    opacity: 50%;
  }
  .opacity-55 {
    opacity: 55%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-75 {
    opacity: 75%;
  }
  .opacity-80 {
    opacity: 80%;
  }
  .opacity-85 {
    opacity: 85%;
  }
  .opacity-90 {
    opacity: 90%;
  }
  .opacity-95 {
    opacity: 95%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .opacity-\[0\.08\] {
    opacity: 0.08;
  }
  .opacity-\[0\.32\] {
    opacity: 0.32;
  }
  .opacity-\[0\.35\] {
    opacity: 0.35;
  }
  .mix-blend-multiply {
    mix-blend-mode: multiply;
  }
  .mix-blend-overlay {
    mix-blend-mode: overlay;
  }
  .\!shadow-\[0_0\.25rem_1\.75rem_rgba\(30\,34\,40\,0\.07\)\] {
    --tw-shadow: 0 0.25rem 1.75rem var(--tw-shadow-color, rgba(30,34,40,0.07)) !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-none {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, 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\! {
    --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)) !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-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-\[-10px_40px_80px_rgba\(25\,42\,70\,0\.05\)\] {
    --tw-shadow: -10px 40px 80px var(--tw-shadow-color, rgba(25,42,70,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_-4px_20px_-5px_rgba\(0\,0\,0\,0\.05\)\] {
    --tw-shadow: 0 -4px 20px -5px 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_-10px_30px_-15px_rgba\(0\,0\,0\,0\.05\)\] {
    --tw-shadow: 0 -10px 30px -15px 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_-10px_40px_rgba\(60\,67\,113\,0\.05\)\] {
    --tw-shadow: 0 -10px 40px var(--tw-shadow-color, rgba(60,67,113,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_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_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_3px_rgba\(27\,132\,255\,0\.12\)\] {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, rgba(27,132,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-\[0_0_0_3px_white\] {
    --tw-shadow: 0 0 0 3px 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_0_14px_\#1a1a1a\,0_40px_80px_-20px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 0 0 0 14px var(--tw-shadow-color, #1a1a1a), 0 40px 80px -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_1\.25rem_rgba\(30\,34\,40\,0\.04\)\] {
    --tw-shadow: 0 0 1.25rem var(--tw-shadow-color, rgba(30,34,40,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_4px_rgba\(0\,0\,0\,0\.3\)\] {
    --tw-shadow: 0 0 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);
  }
  .shadow-\[0_0_10px_rgba\(99\,102\,241\,0\.3\)\] {
    --tw-shadow: 0 0 10px var(--tw-shadow-color, rgba(99,102,241,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_30px_rgba\(0\,0\,0\,0\.09\)\] {
    --tw-shadow: 0 0 30px var(--tw-shadow-color, rgba(0,0,0,0.09));
    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\.3\)\] {
    --tw-shadow: 0 0 40px 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_1px_0_0_rgba\(251\,191\,36\,0\.25\)\] {
    --tw-shadow: 0 1px 0 0 var(--tw-shadow-color, rgba(251,191,36,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\(43\,36\,32\,0\.08\)\] {
    --tw-shadow: 0 1px 0 var(--tw-shadow-color, rgba(43,36,32,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_1px_2px_rgba\(10\,14\,26\,0\.04\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(10,14,26,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_3px_rgba\(0\,0\,0\,0\.04\)\] {
    --tw-shadow: 0 1px 3px 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_3px_rgba\(10\,14\,26\,0\.05\)\,0_2px_10px_rgba\(10\,14\,26\,0\.02\)\] {
    --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(10,14,26,0.05)), 0 2px 10px var(--tw-shadow-color, rgba(10,14,26,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_3px_rgba\(10\,14\,26\,0\.06\)\,0_4px_12px_rgba\(10\,14\,26\,0\.03\)\] {
    --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(10,14,26,0.06)), 0 4px 12px var(--tw-shadow-color, rgba(10,14,26,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-\[0_2px_4px_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow: 0 2px 4px 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\.07\)\] {
    --tw-shadow: 0 2px 4px var(--tw-shadow-color, rgba(0,0,0,0.07));
    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\(55\,48\,163\,0\.18\)\] {
    --tw-shadow: 0 2px 8px var(--tw-shadow-color, rgba(55,48,163,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_2px_10px_0px_rgba\(0\,0\,0\,0\.05\)\] {
    --tw-shadow: 0 2px 10px 0px 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_2px_10px_0px_rgba\(0\,0\,0\,0\.15\)\] {
    --tw-shadow: 0 2px 10px 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);
  }
  .shadow-\[0_2px_10px_rgba\(15\,23\,42\,0\.12\)\] {
    --tw-shadow: 0 2px 10px var(--tw-shadow-color, rgba(15,23,42,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-\[0_2px_10px_rgba\(55\,48\,163\,0\.35\)\] {
    --tw-shadow: 0 2px 10px var(--tw-shadow-color, rgba(55,48,163,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_2px_12px_rgba\(15\,23\,42\,0\.08\)\] {
    --tw-shadow: 0 2px 12px 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_4px_0_\#E9F3FA\] {
    --tw-shadow: 0 4px 0 var(--tw-shadow-color, #E9F3FA);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_4px_12px_rgba\(55\,48\,163\,0\.25\)\] {
    --tw-shadow: 0 4px 12px var(--tw-shadow-color, rgba(55,48,163,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_4px_20px_0px_rgba\(78\,52\,46\,0\.2\)\] {
    --tw-shadow: 0 4px 20px 0px var(--tw-shadow-color, rgba(78,52,46,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_20px_0px_rgba\(78\,52\,46\,0\.15\)\] {
    --tw-shadow: 0 4px 20px 0px var(--tw-shadow-color, rgba(78,52,46,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_5px_15px_-3px_rgb\(0_0_0_\/_0\.08\)\] {
    --tw-shadow: 0 5px 15px -3px var(--tw-shadow-color, rgb(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_8px_20px_-10px_rgba\(31\,111\,106\,0\.7\)\] {
    --tw-shadow: 0 8px 20px -10px var(--tw-shadow-color, rgba(31,111,106,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_8px_20px_-10px_rgba\(196\,92\,38\,0\.8\)\] {
    --tw-shadow: 0 8px 20px -10px var(--tw-shadow-color, rgba(196,92,38,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_8px_30px_0px_rgba\(78\,52\,46\,0\.3\)\] {
    --tw-shadow: 0 8px 30px 0px var(--tw-shadow-color, rgba(78,52,46,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_8px_30px_rgba\(255\,255\,255\,0\.15\)\] {
    --tw-shadow: 0 8px 30px 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_10px_40px_rgb\(0_0_0_\/_8\%\)\] {
    --tw-shadow: 0 10px 40px var(--tw-shadow-color, rgb(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_10px_40px_rgba\(0\,0\,0\,0\.08\)\] {
    --tw-shadow: 0 10px 40px 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_15px_20px_0px_rgba\(0\,0\,0\,0\.05\)\] {
    --tw-shadow: 0 15px 20px 0px 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_15px_30px_rgba\(0\,0\,0\,0\.02\)\] {
    --tw-shadow: 0 15px 30px 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_15px_30px_rgba\(0\,0\,0\,0\.04\)\] {
    --tw-shadow: 0 15px 30px 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_15px_30px_rgba\(23\,59\,40\,0\.05\)\] {
    --tw-shadow: 0 15px 30px var(--tw-shadow-color, rgba(23,59,40,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_15px_30px_rgba\(139\,110\,209\,0\.3\)\] {
    --tw-shadow: 0 15px 30px var(--tw-shadow-color, rgba(139,110,209,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_16px_40px_rgba\(0\,0\,0\,0\.15\)\] {
    --tw-shadow: 0 16px 40px 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_16px_48px_rgba\(0\,0\,0\,0\.2\)\] {
    --tw-shadow: 0 16px 48px 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_16px_48px_rgba\(0\,0\,0\,0\.06\)\] {
    --tw-shadow: 0 16px 48px 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-\[0_20px_60px_0_rgba\(104\,103\,255\,0\.2\)\] {
    --tw-shadow: 0 20px 60px 0 var(--tw-shadow-color, rgba(104,103,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_20px_60px_rgba\(0\,0\,0\,0\.04\)\] {
    --tw-shadow: 0 20px 60px 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_20px_60px_rgba\(10\,30\,81\,0\.04\)\] {
    --tw-shadow: 0 20px 60px var(--tw-shadow-color, rgba(10,30,81,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_20px_60px_rgba\(55\,48\,163\,0\.25\)\] {
    --tw-shadow: 0 20px 60px var(--tw-shadow-color, rgba(55,48,163,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_20px_80px_rgba\(49\,62\,103\,0\.07\)\] {
    --tw-shadow: 0 20px 80px var(--tw-shadow-color, rgba(49,62,103,0.07));
    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_50px_rgba\(7\,21\,36\,0\.06\)\] {
    --tw-shadow: 0 30px 50px var(--tw-shadow-color, rgba(7,21,36,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_30px_80px_rgba\(0\,0\,0\,0\.12\)\] {
    --tw-shadow: 0 30px 80px 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-\[0_30px_100px_rgba\(8\,17\,40\,0\.05\)\] {
    --tw-shadow: 0 30px 100px var(--tw-shadow-color, rgba(8,17,40,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_35px_70px_rgba\(12\,21\,44\,0\.08\)\] {
    --tw-shadow: 0 35px 70px var(--tw-shadow-color, rgba(12,21,44,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_40px_100px_rgba\(14\,33\,44\,0\.05\)\] {
    --tw-shadow: 0 40px 100px var(--tw-shadow-color, rgba(14,33,44,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-\[0px_3px_4px_rgba\(8\,20\,32\,0\.04\)\] {
    --tw-shadow: 0px 3px 4px var(--tw-shadow-color, rgba(8,20,32,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-\[0px_5px_20px_0px_rgb\(90_111_155_\/_5\%\)\] {
    --tw-shadow: 0px 5px 20px 0px var(--tw-shadow-color, rgb(90 111 155 / 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_10px_25px_0px_rgba\(123\,147\,171\,0\.15\)\] {
    --tw-shadow: 0px 10px 25px 0px var(--tw-shadow-color, rgba(123,147,171,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-\[0px_10px_30px_rgba\(14\,49\,42\,0\.05\)\] {
    --tw-shadow: 0px 10px 30px var(--tw-shadow-color, rgba(14,49,42,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-\[0px_15px_30px_0px_rgba\(16\,24\,40\,0\.1\)\] {
    --tw-shadow: 0px 15px 30px 0px var(--tw-shadow-color, rgba(16,24,40,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_15px_40px_rgba\(161\,146\,250\,0\.35\)\] {
    --tw-shadow: 0px 15px 40px var(--tw-shadow-color, rgba(161,146,250,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_20px_40px_rgba\(0\,61\,132\,0\.03\)\] {
    --tw-shadow: 0px 20px 40px var(--tw-shadow-color, rgba(0,61,132,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-\[0px_20px_50px_rgba\(31\,36\,44\,0\.07\)\] {
    --tw-shadow: 0px 20px 50px var(--tw-shadow-color, rgba(31,36,44,0.07));
    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_25px_50px_rgba\(213\,216\,223\,0\.5\)\] {
    --tw-shadow: 0px 25px 50px var(--tw-shadow-color, rgba(213,216,223,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_25px_60px_rgba\(0\,13\,48\,0\.0480786\)\] {
    --tw-shadow: 0px 25px 60px var(--tw-shadow-color, rgba(0,13,48,0.0480786));
    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_25px_60px_rgba\(13\,32\,96\,0\.04\)\] {
    --tw-shadow: 0px 25px 60px var(--tw-shadow-color, rgba(13,32,96,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-\[0px_30px_60px_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow: 0px 30px 60px 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-\[0px_30px_60px_rgba\(6\,24\,67\,0\.05\)\] {
    --tw-shadow: 0px 30px 60px var(--tw-shadow-color, rgba(6,24,67,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-\[0px_30px_70px_0px_rgba\(137\,139\,142\,0\.15\)\] {
    --tw-shadow: 0px 30px 70px 0px var(--tw-shadow-color, rgba(137,139,142,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-\[0px_40px_80px_rgba\(0\,29\,56\,0\.03\)\] {
    --tw-shadow: 0px 40px 80px var(--tw-shadow-color, rgba(0,29,56,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-\[3px_3px_0px_0px_rgba\(0\,0\,0\,1\)\] {
    --tw-shadow: 3px 3px 0px 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-\[4\.66667px_15px_30px_rgba\(171\,110\,12\,0\.05\)\] {
    --tw-shadow: 4.66667px 15px 30px var(--tw-shadow-color, rgba(171,110,12,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-\[4px_4px_0px_0px_rgba\(0\,0\,0\,1\)\] {
    --tw-shadow: 4px 4px 0px 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-\[5px_10px_25px_rgba\(15\,24\,40\,0\.04\)\] {
    --tw-shadow: 5px 10px 25px var(--tw-shadow-color, rgba(15,24,40,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-\[6px_6px_0px_0px_rgba\(0\,0\,0\,1\)\] {
    --tw-shadow: 6px 6px 0px 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-\[10px_20px_50px_rgba\(31\,36\,44\,0\.07\)\] {
    --tw-shadow: 10px 20px 50px var(--tw-shadow-color, rgba(31,36,44,0.07));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[10px_25px_70px_rgba\(31\,36\,44\,0\.07\)\] {
    --tw-shadow: 10px 25px 70px var(--tw-shadow-color, rgba(31,36,44,0.07));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[10px_30px_60px_rgba\(31\,36\,44\,0\.07\)\] {
    --tw-shadow: 10px 30px 60px var(--tw-shadow-color, rgba(31,36,44,0.07));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[15\.436px_30\.294px_50px_0px_rgba\(103\,43\,246\,0\.5\)\] {
    --tw-shadow: 15.436px 30.294px 50px 0px var(--tw-shadow-color, rgba(103,43,246,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-\[15px_25px_50px_rgba\(16\,44\,78\,0\.05\)\] {
    --tw-shadow: 15px 25px 50px var(--tw-shadow-color, rgba(16,44,78,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-\[15px_30px_50px_rgba\(23\,32\,90\,0\.0696193\)\] {
    --tw-shadow: 15px 30px 50px var(--tw-shadow-color, rgba(23,32,90,0.0696193));
    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_30px_50px_rgba\(26\,34\,72\,0\.08\)\] {
    --tw-shadow: 15px 30px 50px var(--tw-shadow-color, rgba(26,34,72,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_0_0_0\.1rem_rgba\(128\,130\,134\,0\.25\)\] {
    --tw-shadow: inset 0 0 0 0.1rem var(--tw-shadow-color, rgba(128,130,134,0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,\.35\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,.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-\[inset_0px_2px_2px_rgba\(255\,255\,255\,0\.15\)\] {
    --tw-shadow: inset 0px 2px 2px 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-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-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow\/SGMD {
    --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);
  }
  .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);
  }
  .\!shadow-\[rgba\(30\,34\,40\,0\.06\)_0px_0px_25px_0px\] {
    --tw-shadow-color: rgba(30,34,40,0.06) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, rgba(30,34,40,0.06) 0px 0px 25px 0px var(--tw-shadow-alpha), transparent) !important;
    }
  }
  .shadow-\[\#2FA39A\]\/5 {
    --tw-shadow-color: color-mix(in srgb, #2FA39A 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #2FA39A 5%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-\[\#2FA39A\]\/10 {
    --tw-shadow-color: color-mix(in srgb, #2FA39A 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #2FA39A 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-\[\#2FA39A\]\/20 {
    --tw-shadow-color: color-mix(in srgb, #2FA39A 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #2FA39A 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-\[\#2FA39A\]\/25 {
    --tw-shadow-color: color-mix(in srgb, #2FA39A 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #2FA39A 25%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-\[\#2FA39A\]\/30 {
    --tw-shadow-color: color-mix(in srgb, #2FA39A 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #2FA39A 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-\[\#211a15\]\/10 {
    --tw-shadow-color: color-mix(in srgb, #211a15 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #211a15 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-\[\#211a15\]\/15 {
    --tw-shadow-color: color-mix(in srgb, #211a15 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #211a15 15%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-\[\#c45f35\]\/20 {
    --tw-shadow-color: color-mix(in srgb, #c45f35 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #c45f35 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-\[rgba\(30\,34\,40\,0\.02\)_0_2px_1px\,rgba\(30\,34\,40\,0\.02\)_0_4px_2px\,rgba\(30\,34\,40\,0\.02\)_0_8px_4px\,rgba\(30\,34\,40\,0\.02\)_0_16px_8px\,rgba\(30\,34\,40\,0\.03\)_0_32px_16px\] {
    --tw-shadow-color: rgba(30,34,40,0.02);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, rgba(30,34,40,0.02) 0 2px 1px,rgba(30,34,40,0.02) 0 4px 2px,rgba(30,34,40,0.02) 0 8px 4px,rgba(30,34,40,0.02) 0 16px 8px,rgba(30,34,40,0.03) 0 32px 16px var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-amber-200 {
    --tw-shadow-color: oklch(92.4% 0.12 95.746);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-amber-200) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-amber-500 {
    --tw-shadow-color: oklch(76.9% 0.188 70.08);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-amber-500) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-amber-500\/5 {
    --tw-shadow-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 5%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-amber-500\/10 {
    --tw-shadow-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-amber-500\/20 {
    --tw-shadow-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-amber-500\/25 {
    --tw-shadow-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-amber-500\/30 {
    --tw-shadow-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 30%, 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\/25 {
    --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);
    }
  }
  .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-blue-50 {
    --tw-shadow-color: oklch(97% 0.014 254.604);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-blue-50) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-blue-50\/50 {
    --tw-shadow-color: color-mix(in srgb, oklch(97% 0.014 254.604) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-50) 50%, 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 {
    --tw-shadow-color: oklch(62.3% 0.214 259.815);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-blue-500) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-blue-500\/5 {
    --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 5%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-blue-500\/20 {
    --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 20%, transparent) 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-900 {
    --tw-shadow-color: oklch(37.9% 0.146 265.522);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-blue-900) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-blue-900\/20 {
    --tw-shadow-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-900) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-card {
    --tw-shadow-color: hsl(var(--card));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, hsl(var(--card)) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-cyan-400 {
    --tw-shadow-color: oklch(78.9% 0.154 211.53);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-cyan-400) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-cyan-500 {
    --tw-shadow-color: oklch(71.5% 0.143 215.221);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-cyan-500) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-cyan-500\/5 {
    --tw-shadow-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-cyan-500) 5%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-cyan-500\/10 {
    --tw-shadow-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-cyan-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-cyan-500\/20 {
    --tw-shadow-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-cyan-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-cyan-500\/25 {
    --tw-shadow-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-cyan-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-cyan-500\/30 {
    --tw-shadow-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-cyan-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-cyan-500\/50 {
    --tw-shadow-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-cyan-500) 50%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-emerald-500 {
    --tw-shadow-color: oklch(69.6% 0.17 162.48);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-emerald-500) 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-500\/40 {
    --tw-shadow-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-fuchsia-500 {
    --tw-shadow-color: oklch(66.7% 0.295 322.15);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-fuchsia-500) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-fuchsia-500\/20 {
    --tw-shadow-color: color-mix(in srgb, oklch(66.7% 0.295 322.15) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-fuchsia-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-fuchsia-500\/25 {
    --tw-shadow-color: color-mix(in srgb, oklch(66.7% 0.295 322.15) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-fuchsia-500) 25%, 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-100\/50 {
    --tw-shadow-color: color-mix(in srgb, oklch(96.7% 0.003 264.542) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-100) 50%, transparent) 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-gray-300 {
    --tw-shadow-color: oklch(87.2% 0.01 258.338);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-gray-300) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-gray-300\/20 {
    --tw-shadow-color: color-mix(in srgb, oklch(87.2% 0.01 258.338) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-300) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-gray-900 {
    --tw-shadow-color: oklch(21% 0.034 264.665);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-gray-900) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-gray-900\/10 {
    --tw-shadow-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-900) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-green-200 {
    --tw-shadow-color: oklch(92.5% 0.084 155.995);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-green-200) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-green-500 {
    --tw-shadow-color: oklch(72.3% 0.219 149.579);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-green-500) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-green-500\/20 {
    --tw-shadow-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-500) 20%, transparent) 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-100 {
    --tw-shadow-color: oklch(93% 0.034 272.788);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-indigo-100) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-indigo-200 {
    --tw-shadow-color: oklch(87% 0.065 274.039);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-indigo-200) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-indigo-300 {
    --tw-shadow-color: oklch(78.5% 0.115 274.713);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-indigo-300) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-indigo-300\/40 {
    --tw-shadow-color: color-mix(in srgb, oklch(78.5% 0.115 274.713) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-300) 40%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-indigo-500 {
    --tw-shadow-color: oklch(58.5% 0.233 277.117);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-indigo-500) 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\/25 {
    --tw-shadow-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-500) 25%, 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-600 {
    --tw-shadow-color: oklch(51.1% 0.262 276.966);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-indigo-600) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-indigo-600\/20 {
    --tw-shadow-color: color-mix(in srgb, oklch(51.1% 0.262 276.966) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-600) 20%, 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-900 {
    --tw-shadow-color: oklch(35.9% 0.144 278.697);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-indigo-900) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-indigo-900\/20 {
    --tw-shadow-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-900) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-lime-500 {
    --tw-shadow-color: oklch(76.8% 0.233 130.85);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-lime-500) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-lime-500\/20 {
    --tw-shadow-color: color-mix(in srgb, oklch(76.8% 0.233 130.85) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-lime-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-lime-500\/25 {
    --tw-shadow-color: color-mix(in srgb, oklch(76.8% 0.233 130.85) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-lime-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-lime-500\/30 {
    --tw-shadow-color: color-mix(in srgb, oklch(76.8% 0.233 130.85) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-lime-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-neutral-100 {
    --tw-shadow-color: oklch(97% 0 0);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-neutral-100) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-neutral-200 {
    --tw-shadow-color: oklch(92.2% 0 0);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-neutral-200) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-neutral-900 {
    --tw-shadow-color: oklch(20.5% 0 0);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-neutral-900) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-neutral-900\/5 {
    --tw-shadow-color: color-mix(in srgb, oklch(20.5% 0 0) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-neutral-900) 5%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-orange-500 {
    --tw-shadow-color: oklch(70.5% 0.213 47.604);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-orange-500) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-orange-500\/10 {
    --tw-shadow-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-orange-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-orange-500\/20 {
    --tw-shadow-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-orange-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-orange-500\/25 {
    --tw-shadow-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-orange-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-orange-500\/30 {
    --tw-shadow-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-orange-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-pink-500 {
    --tw-shadow-color: oklch(65.6% 0.241 354.308);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-pink-500) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-pink-500\/20 {
    --tw-shadow-color: color-mix(in srgb, oklch(65.6% 0.241 354.308) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-pink-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-pink-500\/25 {
    --tw-shadow-color: color-mix(in srgb, oklch(65.6% 0.241 354.308) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-pink-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-primary {
    --tw-shadow-color: hsl(var(--primary));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, hsl(var(--primary)) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-primary\/5 {
    --tw-shadow-color: hsl(var(--primary));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--primary)) 5%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-primary\/10 {
    --tw-shadow-color: hsl(var(--primary));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--primary)) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-primary\/20 {
    --tw-shadow-color: hsl(var(--primary));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--primary)) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-primary\/30 {
    --tw-shadow-color: hsl(var(--primary));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--primary)) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-purple-50 {
    --tw-shadow-color: oklch(97.7% 0.014 308.299);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-purple-50) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-purple-100 {
    --tw-shadow-color: oklch(94.6% 0.033 307.174);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-purple-100) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-purple-200 {
    --tw-shadow-color: oklch(90.2% 0.063 306.703);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-purple-200) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-purple-500 {
    --tw-shadow-color: oklch(62.7% 0.265 303.9);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-purple-500) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-purple-500\/10 {
    --tw-shadow-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-purple-500\/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-500\/25 {
    --tw-shadow-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-purple-500\/30 {
    --tw-shadow-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-red-200 {
    --tw-shadow-color: oklch(88.5% 0.062 18.334);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-red-200) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-red-500 {
    --tw-shadow-color: oklch(63.7% 0.237 25.331);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-red-500) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-red-500\/30 {
    --tw-shadow-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-red-600 {
    --tw-shadow-color: oklch(57.7% 0.245 27.325);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-red-600) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-red-600\/20 {
    --tw-shadow-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-600) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-rose-500 {
    --tw-shadow-color: oklch(64.5% 0.246 16.439);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-rose-500) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-rose-500\/5 {
    --tw-shadow-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-rose-500) 5%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-rose-500\/20 {
    --tw-shadow-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-rose-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-rose-500\/25 {
    --tw-shadow-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-rose-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-rose-600 {
    --tw-shadow-color: oklch(58.6% 0.253 17.585);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-rose-600) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-rose-600\/25 {
    --tw-shadow-color: color-mix(in srgb, oklch(58.6% 0.253 17.585) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-rose-600) 25%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-sky-100 {
    --tw-shadow-color: oklch(95.1% 0.026 236.824);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-sky-100) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-sky-100\/50 {
    --tw-shadow-color: color-mix(in srgb, oklch(95.1% 0.026 236.824) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-sky-100) 50%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-sky-500 {
    --tw-shadow-color: oklch(68.5% 0.169 237.323);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-sky-500) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-sky-500\/20 {
    --tw-shadow-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-sky-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-sky-500\/25 {
    --tw-shadow-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-sky-500) 25%, 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-slate-200 {
    --tw-shadow-color: oklch(92.9% 0.013 255.508);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-slate-200) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-slate-500 {
    --tw-shadow-color: oklch(55.4% 0.046 257.417);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-slate-500) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-slate-500\/30 {
    --tw-shadow-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-slate-900 {
    --tw-shadow-color: oklch(20.8% 0.042 265.755);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-slate-900) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-slate-900\/5 {
    --tw-shadow-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-900) 5%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-slate-900\/10 {
    --tw-shadow-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-900) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-slate-900\/15 {
    --tw-shadow-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-900) 15%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-slate-900\/20 {
    --tw-shadow-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-900) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-stone-300 {
    --tw-shadow-color: oklch(86.9% 0.005 56.366);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-stone-300) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-stone-300\/25 {
    --tw-shadow-color: color-mix(in srgb, oklch(86.9% 0.005 56.366) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-stone-300) 25%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-stone-300\/30 {
    --tw-shadow-color: color-mix(in srgb, oklch(86.9% 0.005 56.366) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-stone-300) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-stone-300\/50 {
    --tw-shadow-color: color-mix(in srgb, oklch(86.9% 0.005 56.366) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-stone-300) 50%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-teal-500 {
    --tw-shadow-color: oklch(70.4% 0.14 182.503);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-teal-500) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-teal-500\/20 {
    --tw-shadow-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-teal-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-teal-500\/25 {
    --tw-shadow-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-teal-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-transparent {
    --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);
    }
  }
  .shadow-violet-100 {
    --tw-shadow-color: oklch(94.3% 0.029 294.588);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-violet-100) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-violet-100\/50 {
    --tw-shadow-color: color-mix(in srgb, oklch(94.3% 0.029 294.588) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-violet-100) 50%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-violet-200 {
    --tw-shadow-color: oklch(89.4% 0.057 293.283);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-violet-200) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-violet-500 {
    --tw-shadow-color: oklch(60.6% 0.25 292.717);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-violet-500) 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-500\/20 {
    --tw-shadow-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-violet-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-violet-500\/25 {
    --tw-shadow-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-violet-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-violet-500\/30 {
    --tw-shadow-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-violet-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-white {
    --tw-shadow-color: #fff;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-white) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-white\/5 {
    --tw-shadow-color: color-mix(in srgb, #fff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-white) 5%, 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-yellow-500 {
    --tw-shadow-color: oklch(79.5% 0.184 86.047);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-yellow-500) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-yellow-500\/30 {
    --tw-shadow-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-yellow-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .ring-\[\#\#0b0b0c\] {
    --tw-ring-color: ##0b0b0c;
  }
  .ring-\[\#\#2f80ed\] {
    --tw-ring-color: ##2f80ed;
  }
  .ring-\[\#\#2f80ed\]\/20 {
    --tw-ring-color: color-mix(in oklab, ##2f80ed 20%, transparent);
  }
  .ring-\[\#\#2f80ed\]\/30 {
    --tw-ring-color: color-mix(in oklab, ##2f80ed 30%, transparent);
  }
  .ring-\[\#\#2f80ed\]\/40 {
    --tw-ring-color: color-mix(in oklab, ##2f80ed 40%, transparent);
  }
  .ring-\[\#0b0b0c\] {
    --tw-ring-color: #0b0b0c;
  }
  .ring-\[\#2f80ed\] {
    --tw-ring-color: #2f80ed;
  }
  .ring-\[\#2f80ed\]\/15 {
    --tw-ring-color: color-mix(in oklab, #2f80ed 15%, transparent);
  }
  .ring-\[\#2f80ed\]\/20 {
    --tw-ring-color: color-mix(in oklab, #2f80ed 20%, transparent);
  }
  .ring-\[\#2f80ed\]\/30 {
    --tw-ring-color: color-mix(in oklab, #2f80ed 30%, transparent);
  }
  .ring-\[\#2f80ed\]\/40 {
    --tw-ring-color: color-mix(in oklab, #2f80ed 40%, transparent);
  }
  .ring-\[\#7E33E1\]\/20 {
    --tw-ring-color: color-mix(in oklab, #7E33E1 20%, transparent);
  }
  .ring-\[\#7E33E1\]\/30 {
    --tw-ring-color: color-mix(in oklab, #7E33E1 30%, transparent);
  }
  .ring-\[\#EAF4FF\] {
    --tw-ring-color: #EAF4FF;
  }
  .ring-\[\#b5795b\]\/15 {
    --tw-ring-color: color-mix(in oklab, #b5795b 15%, transparent);
  }
  .ring-\[\#b5795b\]\/20 {
    --tw-ring-color: color-mix(in oklab, #b5795b 20%, transparent);
  }
  .ring-\[\#e4e7ec\]\/60 {
    --tw-ring-color: color-mix(in oklab, #e4e7ec 60%, transparent);
  }
  .ring-amber-100 {
    --tw-ring-color: var(--color-amber-100);
  }
  .ring-amber-200 {
    --tw-ring-color: var(--color-amber-200);
  }
  .ring-amber-200\/30 {
    --tw-ring-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-amber-200) 30%, transparent);
    }
  }
  .ring-amber-200\/80 {
    --tw-ring-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-amber-200) 80%, transparent);
    }
  }
  .ring-amber-200\/90 {
    --tw-ring-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-amber-200) 90%, transparent);
    }
  }
  .ring-amber-300 {
    --tw-ring-color: var(--color-amber-300);
  }
  .ring-amber-400 {
    --tw-ring-color: var(--color-amber-400);
  }
  .ring-amber-500 {
    --tw-ring-color: var(--color-amber-500);
  }
  .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-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\/\[0\.07\] {
    --tw-ring-color: color-mix(in srgb, #000 7.000000000000001%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 7.000000000000001%, transparent);
    }
  }
  .ring-blue-50 {
    --tw-ring-color: var(--color-blue-50);
  }
  .ring-blue-100 {
    --tw-ring-color: var(--color-blue-100);
  }
  .ring-blue-200 {
    --tw-ring-color: var(--color-blue-200);
  }
  .ring-blue-300 {
    --tw-ring-color: var(--color-blue-300);
  }
  .ring-blue-400 {
    --tw-ring-color: var(--color-blue-400);
  }
  .ring-blue-500 {
    --tw-ring-color: var(--color-blue-500);
  }
  .ring-blue-500\/20 {
    --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
    }
  }
  .ring-blue-500\/25 {
    --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 25%, transparent);
    }
  }
  .ring-border {
    --tw-ring-color: hsl(var(--border-hsl));
  }
  .ring-border\/50 {
    --tw-ring-color: hsl(var(--border-hsl));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, hsl(var(--border-hsl)) 50%, transparent);
    }
  }
  .ring-border\/60 {
    --tw-ring-color: hsl(var(--border-hsl));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, hsl(var(--border-hsl)) 60%, transparent);
    }
  }
  .ring-card {
    --tw-ring-color: hsl(var(--card));
  }
  .ring-cyan-200 {
    --tw-ring-color: var(--color-cyan-200);
  }
  .ring-cyan-400 {
    --tw-ring-color: var(--color-cyan-400);
  }
  .ring-cyan-500 {
    --tw-ring-color: var(--color-cyan-500);
  }
  .ring-cyan-500\/30 {
    --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);
    }
  }
  .ring-cyan-500\/50 {
    --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);
    }
  }
  .ring-destructive {
    --tw-ring-color: hsl(var(--destructive));
  }
  .ring-destructive\/20 {
    --tw-ring-color: hsl(var(--destructive));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, hsl(var(--destructive)) 20%, transparent);
    }
  }
  .ring-destructive\/50 {
    --tw-ring-color: hsl(var(--destructive));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, hsl(var(--destructive)) 50%, transparent);
    }
  }
  .ring-emerald-50 {
    --tw-ring-color: var(--color-emerald-50);
  }
  .ring-emerald-100 {
    --tw-ring-color: var(--color-emerald-100);
  }
  .ring-emerald-200 {
    --tw-ring-color: var(--color-emerald-200);
  }
  .ring-emerald-200\/80 {
    --tw-ring-color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-emerald-200) 80%, transparent);
    }
  }
  .ring-emerald-300 {
    --tw-ring-color: var(--color-emerald-300);
  }
  .ring-emerald-300\/30 {
    --tw-ring-color: color-mix(in srgb, oklch(84.5% 0.143 164.978) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-emerald-300) 30%, transparent);
    }
  }
  .ring-emerald-400 {
    --tw-ring-color: var(--color-emerald-400);
  }
  .ring-emerald-500 {
    --tw-ring-color: var(--color-emerald-500);
  }
  .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-foreground {
    --tw-ring-color: hsl(var(--foreground));
  }
  .ring-foreground\/10 {
    --tw-ring-color: hsl(var(--foreground));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, hsl(var(--foreground)) 10%, transparent);
    }
  }
  .ring-fuchsia-200 {
    --tw-ring-color: var(--color-fuchsia-200);
  }
  .ring-fuchsia-400 {
    --tw-ring-color: var(--color-fuchsia-400);
  }
  .ring-fuchsia-500 {
    --tw-ring-color: var(--color-fuchsia-500);
  }
  .ring-gray-100 {
    --tw-ring-color: var(--color-gray-100);
  }
  .ring-gray-100\/80 {
    --tw-ring-color: color-mix(in srgb, oklch(96.7% 0.003 264.542) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-gray-100) 80%, transparent);
    }
  }
  .ring-gray-200 {
    --tw-ring-color: var(--color-gray-200);
  }
  .ring-gray-200\/60 {
    --tw-ring-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-gray-200) 60%, transparent);
    }
  }
  .ring-gray-200\/70 {
    --tw-ring-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-gray-200) 70%, transparent);
    }
  }
  .ring-gray-200\/80 {
    --tw-ring-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-gray-200) 80%, transparent);
    }
  }
  .ring-gray-200\/90 {
    --tw-ring-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-gray-200) 90%, transparent);
    }
  }
  .ring-gray-300 {
    --tw-ring-color: var(--color-gray-300);
  }
  .ring-gray-400 {
    --tw-ring-color: var(--color-gray-400);
  }
  .ring-gray-500 {
    --tw-ring-color: var(--color-gray-500);
  }
  .ring-gray-900 {
    --tw-ring-color: var(--color-gray-900);
  }
  .ring-green-200 {
    --tw-ring-color: var(--color-green-200);
  }
  .ring-green-400 {
    --tw-ring-color: var(--color-green-400);
  }
  .ring-green-500 {
    --tw-ring-color: var(--color-green-500);
  }
  .ring-green-600 {
    --tw-ring-color: var(--color-green-600);
  }
  .ring-indigo-50 {
    --tw-ring-color: var(--color-indigo-50);
  }
  .ring-indigo-100 {
    --tw-ring-color: var(--color-indigo-100);
  }
  .ring-indigo-200 {
    --tw-ring-color: var(--color-indigo-200);
  }
  .ring-indigo-300 {
    --tw-ring-color: var(--color-indigo-300);
  }
  .ring-indigo-400 {
    --tw-ring-color: var(--color-indigo-400);
  }
  .ring-indigo-500 {
    --tw-ring-color: var(--color-indigo-500);
  }
  .ring-indigo-600 {
    --tw-ring-color: var(--color-indigo-600);
  }
  .ring-lime-200 {
    --tw-ring-color: var(--color-lime-200);
  }
  .ring-lime-500 {
    --tw-ring-color: var(--color-lime-500);
  }
  .ring-lime-500\/30 {
    --tw-ring-color: color-mix(in srgb, oklch(76.8% 0.233 130.85) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-lime-500) 30%, transparent);
    }
  }
  .ring-neutral-50 {
    --tw-ring-color: var(--color-neutral-50);
  }
  .ring-neutral-800 {
    --tw-ring-color: var(--color-neutral-800);
  }
  .ring-orange-100 {
    --tw-ring-color: var(--color-orange-100);
  }
  .ring-orange-200 {
    --tw-ring-color: var(--color-orange-200);
  }
  .ring-orange-300 {
    --tw-ring-color: var(--color-orange-300);
  }
  .ring-orange-400 {
    --tw-ring-color: var(--color-orange-400);
  }
  .ring-orange-500 {
    --tw-ring-color: var(--color-orange-500);
  }
  .ring-pink-200 {
    --tw-ring-color: var(--color-pink-200);
  }
  .ring-pink-500 {
    --tw-ring-color: var(--color-pink-500);
  }
  .ring-primary {
    --tw-ring-color: hsl(var(--primary));
  }
  .ring-primary\/20 {
    --tw-ring-color: hsl(var(--primary));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, hsl(var(--primary)) 20%, transparent);
    }
  }
  .ring-primary\/50 {
    --tw-ring-color: hsl(var(--primary));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, hsl(var(--primary)) 50%, transparent);
    }
  }
  .ring-purple-200 {
    --tw-ring-color: var(--color-purple-200);
  }
  .ring-purple-500 {
    --tw-ring-color: var(--color-purple-500);
  }
  .ring-purple-500\/20 {
    --tw-ring-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent);
    }
  }
  .ring-red-100 {
    --tw-ring-color: var(--color-red-100);
  }
  .ring-red-200 {
    --tw-ring-color: var(--color-red-200);
  }
  .ring-red-200\/80 {
    --tw-ring-color: color-mix(in srgb, oklch(88.5% 0.062 18.334) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-red-200) 80%, transparent);
    }
  }
  .ring-red-400 {
    --tw-ring-color: var(--color-red-400);
  }
  .ring-red-500 {
    --tw-ring-color: var(--color-red-500);
  }
  .ring-red-500\/10 {
    --tw-ring-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-red-500) 10%, 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: hsl(var(--ring));
  }
  .ring-ring\/50 {
    --tw-ring-color: hsl(var(--ring));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, hsl(var(--ring)) 50%, transparent);
    }
  }
  .ring-rose-100 {
    --tw-ring-color: var(--color-rose-100);
  }
  .ring-rose-200 {
    --tw-ring-color: var(--color-rose-200);
  }
  .ring-rose-200\/80 {
    --tw-ring-color: color-mix(in srgb, oklch(89.2% 0.058 10.001) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-rose-200) 80%, transparent);
    }
  }
  .ring-rose-200\/90 {
    --tw-ring-color: color-mix(in srgb, oklch(89.2% 0.058 10.001) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-rose-200) 90%, transparent);
    }
  }
  .ring-rose-300 {
    --tw-ring-color: var(--color-rose-300);
  }
  .ring-rose-400 {
    --tw-ring-color: var(--color-rose-400);
  }
  .ring-rose-500 {
    --tw-ring-color: var(--color-rose-500);
  }
  .ring-sky-100 {
    --tw-ring-color: var(--color-sky-100);
  }
  .ring-sky-200 {
    --tw-ring-color: var(--color-sky-200);
  }
  .ring-sky-300 {
    --tw-ring-color: var(--color-sky-300);
  }
  .ring-sky-300\/30 {
    --tw-ring-color: color-mix(in srgb, oklch(82.8% 0.111 230.318) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-sky-300) 30%, transparent);
    }
  }
  .ring-sky-400 {
    --tw-ring-color: var(--color-sky-400);
  }
  .ring-sky-500 {
    --tw-ring-color: var(--color-sky-500);
  }
  .ring-slate-100 {
    --tw-ring-color: var(--color-slate-100);
  }
  .ring-slate-200 {
    --tw-ring-color: var(--color-slate-200);
  }
  .ring-slate-200\/30 {
    --tw-ring-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-slate-200) 30%, transparent);
    }
  }
  .ring-slate-200\/80 {
    --tw-ring-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-slate-200) 80%, transparent);
    }
  }
  .ring-slate-200\/90 {
    --tw-ring-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-slate-200) 90%, transparent);
    }
  }
  .ring-slate-300 {
    --tw-ring-color: var(--color-slate-300);
  }
  .ring-slate-400 {
    --tw-ring-color: var(--color-slate-400);
  }
  .ring-stone-100 {
    --tw-ring-color: var(--color-stone-100);
  }
  .ring-stone-200 {
    --tw-ring-color: var(--color-stone-200);
  }
  .ring-teal-100 {
    --tw-ring-color: var(--color-teal-100);
  }
  .ring-teal-200 {
    --tw-ring-color: var(--color-teal-200);
  }
  .ring-teal-400 {
    --tw-ring-color: var(--color-teal-400);
  }
  .ring-teal-500 {
    --tw-ring-color: var(--color-teal-500);
  }
  .ring-transparent {
    --tw-ring-color: transparent;
  }
  .ring-violet-100 {
    --tw-ring-color: var(--color-violet-100);
  }
  .ring-violet-200 {
    --tw-ring-color: var(--color-violet-200);
  }
  .ring-violet-300 {
    --tw-ring-color: var(--color-violet-300);
  }
  .ring-violet-400 {
    --tw-ring-color: var(--color-violet-400);
  }
  .ring-violet-500 {
    --tw-ring-color: var(--color-violet-500);
  }
  .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\/25 {
    --tw-ring-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-violet-500) 25%, transparent);
    }
  }
  .ring-white {
    --tw-ring-color: var(--color-white);
  }
  .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\/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\/30 {
    --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);
    }
  }
  .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\/\[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-yellow-200 {
    --tw-ring-color: var(--color-yellow-200);
  }
  .ring-yellow-200\/30 {
    --tw-ring-color: color-mix(in srgb, oklch(94.5% 0.129 101.54) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-yellow-200) 30%, transparent);
    }
  }
  .ring-yellow-300 {
    --tw-ring-color: var(--color-yellow-300);
  }
  .ring-yellow-300\/30 {
    --tw-ring-color: color-mix(in srgb, oklch(90.5% 0.182 98.111) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-yellow-300) 30%, transparent);
    }
  }
  .ring-zinc-500 {
    --tw-ring-color: var(--color-zinc-500);
  }
  .ring-offset-0 {
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .ring-offset-1 {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .ring-offset-2 {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .ring-offset-background {
    --tw-ring-offset-color: hsl(var(--background));
  }
  .ring-offset-neutral-50 {
    --tw-ring-offset-color: var(--color-neutral-50);
  }
  .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) !important;
    outline-width: 1px !important;
  }
  .\!outline-0 {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 0px !important;
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .outline-0 {
    outline-style: var(--tw-outline-style);
    outline-width: 0px;
  }
  .outline-2 {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .outline-offset-0 {
    outline-offset: 0px;
  }
  .outline-offset-2 {
    outline-offset: 2px;
  }
  .outline-transparent {
    outline-color: 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-\[50px\] {
    --tw-blur: blur(50px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-\[80px\] {
    --tw-blur: blur(80px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-\[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-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-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,);
  }
  .brightness-0 {
    --tw-brightness: brightness(0%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .contrast-1 {
    --tw-contrast: contrast(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,);
  }
  .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-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\.4\] {
    --tw-grayscale: grayscale(0.4);
    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,);
  }
  .sepia {
    --tw-sepia: sepia(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .\!filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .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;
  }
  .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-\[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-\[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-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-75 {
    --tw-backdrop-brightness: brightness(75%);
    -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-grayscale {
    --tw-backdrop-grayscale: grayscale(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-invert {
    --tw-backdrop-invert: invert(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-saturate-200 {
    --tw-backdrop-saturate: saturate(200%);
    -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-sepia {
    --tw-backdrop-sepia: sepia(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,);
  }
  .\!transition-\[max-height_\.45s_cubic-bezier\(0\,1\,0\,1\)\,opacity_\.3s\,margin-bottom_\.3s\] {
    transition-property: max-height .45s cubic-bezier(0,1,0,1),opacity .3s,margin-bottom .3s !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .\!transition-all {
    transition-property: all !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .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-\[0\.3s\] {
    transition-property: 0.3s;
    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-\[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-\[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\] {
    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\,width\] {
    transition-property: left,right,width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[margin\,opa\] {
    transition-property: margin,opa;
    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\,margin\] {
    transition-property: opacity,margin;
    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-\[width\,height\,padding\] {
    transition-property: width,height,padding;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .\!transition-none {
    transition-property: none !important;
  }
  .transition-none {
    transition-property: none;
  }
  .delay-100 {
    transition-delay: 100ms;
  }
  .delay-200 {
    transition-delay: 200ms;
  }
  .delay-1000 {
    transition-delay: 1000ms;
  }
  .delay-1500 {
    transition-delay: 1500ms;
  }
  .delay-2000 {
    transition-delay: 2000ms;
  }
  .delay-2500 {
    transition-delay: 2500ms;
  }
  .delay-\[0s\] {
    transition-delay: 0s;
  }
  .\!duration-\[0\.35s\] {
    --tw-duration: 0.35s !important;
    transition-duration: 0.35s !important;
  }
  .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-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .duration-700 {
    --tw-duration: 700ms;
    transition-duration: 700ms;
  }
  .duration-1000 {
    --tw-duration: 1000ms;
    transition-duration: 1000ms;
  }
  .duration-\[0\.1ms\] {
    --tw-duration: 0.1ms;
    transition-duration: 0.1ms;
  }
  .duration-\[0\.1s\] {
    --tw-duration: 0.1s;
    transition-duration: 0.1s;
  }
  .duration-\[0\.2s\] {
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
  }
  .duration-\[0\.3s\] {
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .duration-\[0\.4s\] {
    --tw-duration: 0.4s;
    transition-duration: 0.4s;
  }
  .duration-\[0\.5s\] {
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .duration-\[0\.6s\] {
    --tw-duration: 0.6s;
    transition-duration: 0.6s;
  }
  .duration-\[0\.15s\] {
    --tw-duration: 0.15s;
    transition-duration: 0.15s;
  }
  .duration-\[0\.25s\] {
    --tw-duration: 0.25s;
    transition-duration: 0.25s;
  }
  .duration-\[120ms\] {
    --tw-duration: 120ms;
    transition-duration: 120ms;
  }
  .duration-\[250ms\] {
    --tw-duration: 250ms;
    transition-duration: 250ms;
  }
  .duration-\[450ms\] {
    --tw-duration: 450ms;
    transition-duration: 450ms;
  }
  .duration-\[600ms\] {
    --tw-duration: 600ms;
    transition-duration: 600ms;
  }
  .duration-\[ease-out\] {
    --tw-duration: ease-out;
    transition-duration: ease-out;
  }
  .duration-\[linear\] {
    --tw-duration: linear;
    transition-duration: linear;
  }
  .\!ease-in-out {
    --tw-ease: var(--ease-in-out) !important;
    transition-timing-function: var(--ease-in-out) !important;
  }
  .ease-\[all\] {
    --tw-ease: all;
    transition-timing-function: all;
  }
  .ease-\[cubic-bezier\(0\,0\,0\.2\,1\)\] {
    --tw-ease: cubic-bezier(0,0,0.2,1);
    transition-timing-function: cubic-bezier(0,0,0.2,1);
  }
  .ease-\[cubic-bezier\(0\,1\,0\,1\)\] {
    --tw-ease: cubic-bezier(0,1,0,1);
    transition-timing-function: cubic-bezier(0,1,0,1);
  }
  .ease-\[cubic-bezier\(0\.42\,0\,0\.58\,1\)\] {
    --tw-ease: cubic-bezier(0.42,0,0.58,1);
    transition-timing-function: cubic-bezier(0.42,0,0.58,1);
  }
  .ease-\[cubic-bezier\(0\.45\,0\,0\.55\,1\)\] {
    --tw-ease: cubic-bezier(0.45,0,0.55,1);
    transition-timing-function: cubic-bezier(0.45,0,0.55,1);
  }
  .ease-\[ease-in-out\] {
    --tw-ease: ease-in-out;
    transition-timing-function: ease-in-out;
  }
  .ease-\[ease-out\] {
    --tw-ease: ease-out;
    transition-timing-function: ease-out;
  }
  .ease-\[ease\] {
    --tw-ease: ease;
    transition-timing-function: ease;
  }
  .ease-\[linear\,margin-right\] {
    --tw-ease: linear,margin-right;
    transition-timing-function: linear,margin-right;
  }
  .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-transform {
    will-change: transform;
  }
  .prose-neutral {
    --tw-prose-body: oklch(37.1% 0 0);
    --tw-prose-headings: oklch(20.5% 0 0);
    --tw-prose-lead: oklch(43.9% 0 0);
    --tw-prose-links: oklch(20.5% 0 0);
    --tw-prose-bold: oklch(20.5% 0 0);
    --tw-prose-counters: oklch(55.6% 0 0);
    --tw-prose-bullets: oklch(87% 0 0);
    --tw-prose-hr: oklch(92.2% 0 0);
    --tw-prose-quotes: oklch(20.5% 0 0);
    --tw-prose-quote-borders: oklch(92.2% 0 0);
    --tw-prose-captions: oklch(55.6% 0 0);
    --tw-prose-kbd: oklch(20.5% 0 0);
    --tw-prose-kbd-shadows: color-mix(in oklab, oklch(20.5% 0 0) 10%, transparent);
    --tw-prose-code: oklch(20.5% 0 0);
    --tw-prose-pre-code: oklch(92.2% 0 0);
    --tw-prose-pre-bg: oklch(26.9% 0 0);
    --tw-prose-th-borders: oklch(87% 0 0);
    --tw-prose-td-borders: oklch(92.2% 0 0);
    --tw-prose-invert-body: oklch(87% 0 0);
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: oklch(70.8% 0 0);
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: oklch(70.8% 0 0);
    --tw-prose-invert-bullets: oklch(43.9% 0 0);
    --tw-prose-invert-hr: oklch(37.1% 0 0);
    --tw-prose-invert-quotes: oklch(97% 0 0);
    --tw-prose-invert-quote-borders: oklch(37.1% 0 0);
    --tw-prose-invert-captions: oklch(70.8% 0 0);
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: oklch(87% 0 0);
    --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
    --tw-prose-invert-th-borders: oklch(43.9% 0 0);
    --tw-prose-invert-td-borders: oklch(37.1% 0 0);
  }
  .prose-slate {
    --tw-prose-body: oklch(37.2% 0.044 257.287);
    --tw-prose-headings: oklch(20.8% 0.042 265.755);
    --tw-prose-lead: oklch(44.6% 0.043 257.281);
    --tw-prose-links: oklch(20.8% 0.042 265.755);
    --tw-prose-bold: oklch(20.8% 0.042 265.755);
    --tw-prose-counters: oklch(55.4% 0.046 257.417);
    --tw-prose-bullets: oklch(86.9% 0.022 252.894);
    --tw-prose-hr: oklch(92.9% 0.013 255.508);
    --tw-prose-quotes: oklch(20.8% 0.042 265.755);
    --tw-prose-quote-borders: oklch(92.9% 0.013 255.508);
    --tw-prose-captions: oklch(55.4% 0.046 257.417);
    --tw-prose-kbd: oklch(20.8% 0.042 265.755);
    --tw-prose-kbd-shadows: color-mix(in oklab, oklch(20.8% 0.042 265.755) 10%, transparent);
    --tw-prose-code: oklch(20.8% 0.042 265.755);
    --tw-prose-pre-code: oklch(92.9% 0.013 255.508);
    --tw-prose-pre-bg: oklch(27.9% 0.041 260.031);
    --tw-prose-th-borders: oklch(86.9% 0.022 252.894);
    --tw-prose-td-borders: oklch(92.9% 0.013 255.508);
    --tw-prose-invert-body: oklch(86.9% 0.022 252.894);
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: oklch(70.4% 0.04 256.788);
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: oklch(70.4% 0.04 256.788);
    --tw-prose-invert-bullets: oklch(44.6% 0.043 257.281);
    --tw-prose-invert-hr: oklch(37.2% 0.044 257.287);
    --tw-prose-invert-quotes: oklch(96.8% 0.007 247.896);
    --tw-prose-invert-quote-borders: oklch(37.2% 0.044 257.287);
    --tw-prose-invert-captions: oklch(70.4% 0.04 256.788);
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: oklch(86.9% 0.022 252.894);
    --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
    --tw-prose-invert-th-borders: oklch(44.6% 0.043 257.281);
    --tw-prose-invert-td-borders: oklch(37.2% 0.044 257.287);
  }
  .delay-100 {
    animation-delay: calc(100*1ms);
    animation-delay: .1s;
    --tw-animation-delay: calc(100*1ms);
    --tw-animation-delay: .1s;
  }
  .delay-200 {
    animation-delay: calc(200*1ms);
    animation-delay: .2s;
    --tw-animation-delay: calc(200*1ms);
    --tw-animation-delay: .2s;
  }
  .delay-1000 {
    animation-delay: calc(1000*1ms);
    animation-delay: 1s;
    --tw-animation-delay: calc(1000*1ms);
    --tw-animation-delay: 1s;
  }
  .delay-1500 {
    animation-delay: calc(1500*1ms);
    --tw-animation-delay: calc(1500*1ms);
  }
  .delay-2000 {
    animation-delay: calc(2000*1ms);
    --tw-animation-delay: calc(2000*1ms);
  }
  .delay-2500 {
    animation-delay: calc(2500*1ms);
    --tw-animation-delay: calc(2500*1ms);
  }
  .delay-\[0s\] {
    animation-delay: 0s;
    --tw-animation-delay: 0s;
  }
  .fade-in-0 {
    --tw-enter-opacity: calc(0/100);
    --tw-enter-opacity: 0;
  }
  .fade-in-80 {
    --tw-enter-opacity: calc(80/100);
    --tw-enter-opacity: .8;
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .repeat-1 {
    animation-iteration-count: 1;
    --tw-animation-iteration-count: 1;
  }
  .repeat-2 {
    animation-iteration-count: 2;
    --tw-animation-iteration-count: 2;
  }
  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .zoom-in-95 {
    --tw-enter-scale: calc(95*1%);
    --tw-enter-scale: .95;
  }
  .\[--adaptive\:none\] {
    --adaptive: none;
  }
  .\[--auto-close\:inside\] {
    --auto-close: inside;
  }
  .\[--auto-close\:lg\] {
    --auto-close: lg;
  }
  .\[--auto-close\:md\] {
    --auto-close: md;
  }
  .\[--body-scroll\:true\] {
    --body-scroll: true;
  }
  .\[--cell-size\:2rem\] {
    --cell-size: 2rem;
  }
  .\[--chkfg\:white\] {
    --chkfg: white;
  }
  .\[--is-layout-affect\:true\] {
    --is-layout-affect: true;
  }
  .\[--offset\:8\] {
    --offset: 8;
  }
  .\[--opened\:lg\] {
    --opened: lg;
  }
  .\[--placement\:bottom-end\] {
    --placement: bottom-end;
  }
  .\[--placement\:bottom-left\] {
    --placement: bottom-left;
  }
  .\[--placement\:bottom-right\] {
    --placement: bottom-right;
  }
  .\[--placement\:bottom\] {
    --placement: bottom;
  }
  .\[--placement\:top-left\] {
    --placement: top-left;
  }
  .\[--scope\:window\] {
    --scope: window;
  }
  .\[--strategy\:absolute\] {
    --strategy: absolute;
  }
  .\[--strategy\:static\] {
    --strategy: static;
  }
  .\[--trigger\:hover\] {
    --trigger: hover;
  }
  .\[addcfcode\:error\] {
    addcfcode: error;
  }
  .\[animation-delay\:0\.5s\] {
    animation-delay: 0.5s;
  }
  .\[background\:radial-gradient\(circle_at_20\%_20\%\,rgba\(99\,102\,241\,0\.65\)\,transparent_45\%\)\,radial-gradient\(circle_at_80\%_75\%\,rgba\(14\,165\,233\,0\.45\)\,transparent_40\%\)\] {
    background: radial-gradient(circle at 20% 20%,rgba(99,102,241,0.65),transparent 45%),radial-gradient(circle at 80% 75%,rgba(14,165,233,0.45),transparent 40%);
  }
  .\[background\:radial-gradient\(ellipse_60\%_50\%_at_70\%_20\%\,rgba\(99\,102\,241\,0\.08\)_0\%\,transparent_70\%\)\,radial-gradient\(ellipse_40\%_60\%_at_20\%_80\%\,rgba\(99\,102\,241\,0\.05\)_0\%\,transparent_70\%\)\,\#F8FAFC\] {
    background: radial-gradient(ellipse 60% 50% at 70% 20%,rgba(99,102,241,0.08) 0%,transparent 70%),radial-gradient(ellipse 40% 60% at 20% 80%,rgba(99,102,241,0.05) 0%,transparent 70%),#F8FAFC;
  }
  .\[background\:radial-gradient\(ellipse_60\%_50\%_at_70\%_20\%\,rgba\(176\,93\,67\,0\.12\)_0\%\,transparent_70\%\)\,radial-gradient\(ellipse_40\%_60\%_at_20\%_80\%\,rgba\(143\,74\,53\,0\.07\)_0\%\,transparent_70\%\)\,\#FBF5F1\] {
    background: radial-gradient(ellipse 60% 50% at 70% 20%,rgba(176,93,67,0.12) 0%,transparent 70%),radial-gradient(ellipse 40% 60% at 20% 80%,rgba(143,74,53,0.07) 0%,transparent 70%),#FBF5F1;
  }
  .\[background\:radial-gradient\(ellipse_60\%_50\%_at_70\%_20\%\,rgba\(191\,110\,84\,0\.09\)_0\%\,transparent_70\%\)\,radial-gradient\(ellipse_40\%_60\%_at_20\%_80\%\,rgba\(160\,92\,66\,0\.05\)_0\%\,transparent_70\%\)\,\#F9F3EE\] {
    background: radial-gradient(ellipse 60% 50% at 70% 20%,rgba(191,110,84,0.09) 0%,transparent 70%),radial-gradient(ellipse 40% 60% at 20% 80%,rgba(160,92,66,0.05) 0%,transparent 70%),#F9F3EE;
  }
  .\[background\:radial-gradient\(ellipse_60\%_50\%_at_70\%_20\%\,rgba\(192\,132\,252\,0\.08\)_0\%\,transparent_70\%\)\,radial-gradient\(ellipse_40\%_60\%_at_20\%_80\%\,rgba\(192\,132\,252\,0\.05\)_0\%\,transparent_70\%\)\,\#F8FAFC\] {
    background: radial-gradient(ellipse 60% 50% at 70% 20%,rgba(192,132,252,0.08) 0%,transparent 70%),radial-gradient(ellipse 40% 60% at 20% 80%,rgba(192,132,252,0.05) 0%,transparent 70%),#F8FAFC;
  }
  .\[background\:radial-gradient\(ellipse_60\%_50\%_at_70\%_20\%\,rgba\(205\,119\,92\,0\.08\)_0\%\,transparent_70\%\)\,radial-gradient\(ellipse_40\%_60\%_at_20\%_80\%\,rgba\(180\,95\,70\,0\.05\)_0\%\,transparent_70\%\)\,\#FCF7F3\] {
    background: radial-gradient(ellipse 60% 50% at 70% 20%,rgba(205,119,92,0.08) 0%,transparent 70%),radial-gradient(ellipse 40% 60% at 20% 80%,rgba(180,95,70,0.05) 0%,transparent 70%),#FCF7F3;
  }
  .\[background\:radial-gradient\(ellipse_60\%_50\%_at_70\%_20\%\,rgba\(251\,146\,60\,0\.08\)_0\%\,transparent_70\%\)\,radial-gradient\(ellipse_40\%_60\%_at_20\%_80\%\,rgba\(251\,146\,60\,0\.05\)_0\%\,transparent_70\%\)\,\#F8FAFC\] {
    background: radial-gradient(ellipse 60% 50% at 70% 20%,rgba(251,146,60,0.08) 0%,transparent 70%),radial-gradient(ellipse 40% 60% at 20% 80%,rgba(251,146,60,0.05) 0%,transparent 70%),#F8FAFC;
  }
  .\[background\:radial-gradient\(ellipse_60\%_50\%_at_70\%_20\%\,rgba\(255\,215\,186\,0\.08\)_0\%\,transparent_70\%\)\,radial-gradient\(ellipse_40\%_60\%_at_20\%_80\%\,rgba\(255\,215\,186\,0\.05\)_0\%\,transparent_70\%\)\,\#F8FAFC\] {
    background: radial-gradient(ellipse 60% 50% at 70% 20%,rgba(255,215,186,0.08) 0%,transparent 70%),radial-gradient(ellipse 40% 60% at 20% 80%,rgba(255,215,186,0.05) 0%,transparent 70%),#F8FAFC;
  }
  .\[clsid\:8AD9C840-044E-11D1-B3E9-00805F499D93\] {
    clsid: 8AD9C840-044E-11D1-B3E9-00805F499D93;
  }
  .\[code\:cf\] {
    code: cf;
  }
  .\[flickrgallery\:tags\] {
    flickrgallery: tags;
  }
  .\[h\:R\6 1�w���醐�5�PT�\\�\] {
    h: R1�w���醐�5�PT�\�;
  }
  .\[memento\:\<strong\>AlbumName\<\/strong\>\] {
    memento: <strong>AlbumName</strong>;
  }
  .\[memento\:AlbumName\] {
    memento: AlbumName;
  }
  .\[widget\:content\] {
    widget: content;
  }
  .\[youtube\:\<i\>videoid\<\/i\>\] {
    youtube: <i>videoid</i>;
  }
  .backface-hidden {
    backface-visibility: hidden;
  }
  .block-0 {
    block-size: calc(var(--spacing) * 0);
  }
  .block-1 {
    block-size: calc(var(--spacing) * 1);
  }
  .block-2 {
    block-size: calc(var(--spacing) * 2);
  }
  .block-3 {
    block-size: calc(var(--spacing) * 3);
  }
  .block-27 {
    block-size: calc(var(--spacing) * 27);
  }
  .block-123 {
    block-size: calc(var(--spacing) * 123);
  }
  .blur-in {
    --tw-enter-blur: 20px;
  }
  .divide-x-reverse {
    :where(& > :not(:last-child)) {
      --tw-divide-x-reverse: 1;
    }
  }
  .fade-in {
    --tw-enter-opacity: 0;
  }
  .fade-out {
    --tw-exit-opacity: 0;
  }
  .paused {
    animation-play-state: paused;
  }
  .ring-inset {
    --tw-ring-inset: inset;
  }
  .running {
    animation-play-state: running;
  }
  .slide-in-from-bottom-2 {
    --tw-enter-translate-y: calc(2*var(--spacing));
  }
  .slide-in-from-bottom-4 {
    --tw-enter-translate-y: calc(4*var(--spacing));
  }
  .slide-in-from-left-2 {
    --tw-enter-translate-x: calc(2*var(--spacing)*-1);
  }
  .slide-in-from-top-2 {
    --tw-enter-translate-y: calc(2*var(--spacing)*-1);
  }
  .slide-in-from-top-4 {
    --tw-enter-translate-y: calc(4*var(--spacing)*-1);
  }
  .zoom-in {
    --tw-enter-scale: 0;
  }
  .zoom-in-1 {
    --tw-enter-scale: calc(1*1%);
  }
  .zoom-out {
    --tw-exit-scale: 0;
  }
  .zoom-out-1 {
    --tw-exit-scale: calc(1*1%);
  }
  .\*\:text-center {
    :is(& > *) {
      text-align: center;
    }
  }
  .group-last\:pb-0 {
    &:is(:where(.group):last-child *) {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .group-open\:rotate-180 {
    &:is(:where(.group):is([open], :popover-open, :open) *) {
      rotate: 180deg;
    }
  }
  .group-focus-within\:text-\[\#\#2f80ed\] {
    &:is(:where(.group):focus-within *) {
      color: ##2f80ed;
    }
  }
  .group-focus-within\:text-\[\#7E33E1\]\/70 {
    &:is(:where(.group):focus-within *) {
      color: color-mix(in oklab, #7E33E1 70%, transparent);
    }
  }
  .group-focus-within\:text-amber-600 {
    &:is(:where(.group):focus-within *) {
      color: var(--color-amber-600);
    }
  }
  .group-focus-within\:text-black {
    &:is(:where(.group):focus-within *) {
      color: var(--color-black);
    }
  }
  .group-focus-within\:text-slate-500 {
    &:is(:where(.group):focus-within *) {
      color: var(--color-slate-500);
    }
  }
  .group-focus-within\/menu-item\:opacity-100 {
    &:is(:where(.group\/menu-item):focus-within *) {
      opacity: 100%;
    }
  }
  .group-focus-within\/sab\:opacity-100 {
    &:is(:where(.group\/sab):focus-within *) {
      opacity: 100%;
    }
  }
  .group-focus-within\/tip\:opacity-100 {
    &:is(:where(.group\/tip):focus-within *) {
      opacity: 100%;
    }
  }
  .group-focus-within\/title\:text-orange-500 {
    &:is(:where(.group\/title):focus-within *) {
      color: var(--color-orange-500);
    }
  }
  .group-focus-within\/title\:text-pink-500 {
    &:is(:where(.group\/title):focus-within *) {
      color: var(--color-pink-500);
    }
  }
  .group-focus-within\/title\:opacity-100 {
    &:is(:where(.group\/title):focus-within *) {
      opacity: 100%;
    }
  }
  .group-hover\:\!visible {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        visibility: visible !important;
      }
    }
  }
  .group-hover\:visible {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        visibility: visible;
      }
    }
  }
  .group-hover\:me-1 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        margin-inline-end: calc(var(--spacing) * 1);
      }
    }
  }
  .group-hover\:block {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        display: block;
      }
    }
  }
  .group-hover\:h-\[65px\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        height: 65px;
      }
    }
  }
  .group-hover\:w-1\/2 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        width: calc(1 / 2 * 100%);
      }
    }
  }
  .group-hover\:w-full {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        width: 100%;
      }
    }
  }
  .group-hover\:max-w-25 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        max-width: calc(var(--spacing) * 25);
      }
    }
  }
  .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 {
    &: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-\[-3px\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: -3px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:translate-x-\[3px\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: 3px;
        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 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -1);
        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-1 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * 1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:translate-y-2 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * 2);
        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-115 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 115%;
        --tw-scale-y: 115%;
        --tw-scale-z: 115%;
        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-150 {
    &:is(:where(.group):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\: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-\[1\.03\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        scale: 1.03;
      }
    }
  }
  .group-hover\:scale-\[1\.05\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        scale: 1.05;
      }
    }
  }
  .group-hover\:scale-\[1\.08\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        scale: 1.08;
      }
    }
  }
  .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-90 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        rotate: 90deg;
      }
    }
  }
  .group-hover\:rotate-180 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        rotate: 180deg;
      }
    }
  }
  .group-hover\:rotate-\[-405deg\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        rotate: -405deg;
      }
    }
  }
  .group-hover\:rotate-\[405deg\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        rotate: 405deg;
      }
    }
  }
  .group-hover\:cursor-pointer {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        cursor: pointer;
      }
    }
  }
  .group-hover\:gap-2 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        gap: calc(var(--spacing) * 2);
      }
    }
  }
  .group-hover\:gap-3 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        gap: calc(var(--spacing) * 3);
      }
    }
  }
  .group-hover\:border-\[\#2FA39A\]\/20 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #2FA39A 20%, transparent);
      }
    }
  }
  .group-hover\:border-\[\#6366F1\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: #6366F1;
      }
    }
  }
  .group-hover\:border-amber-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-amber-400);
      }
    }
  }
  .group-hover\:border-cyan-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-cyan-400);
      }
    }
  }
  .group-hover\:border-emerald-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-emerald-400);
      }
    }
  }
  .group-hover\:border-emerald-400\/30 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        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);
        }
      }
    }
  }
  .group-hover\:border-fuchsia-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-fuchsia-600);
      }
    }
  }
  .group-hover\:border-gray-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-gray-400);
      }
    }
  }
  .group-hover\:border-green-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-green-400);
      }
    }
  }
  .group-hover\:border-indigo-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-indigo-400);
      }
    }
  }
  .group-hover\:border-indigo-400\/30 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        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);
        }
      }
    }
  }
  .group-hover\:border-indigo-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-indigo-600);
      }
    }
  }
  .group-hover\:border-lime-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-lime-400);
      }
    }
  }
  .group-hover\:border-lime-400\/30 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(84.1% 0.238 128.85) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-lime-400) 30%, transparent);
        }
      }
    }
  }
  .group-hover\:border-lime-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-lime-600);
      }
    }
  }
  .group-hover\:border-neutral-300 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-neutral-300);
      }
    }
  }
  .group-hover\:border-orange-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-orange-400);
      }
    }
  }
  .group-hover\:border-orange-400\/30 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        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);
        }
      }
    }
  }
  .group-hover\:border-primary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: hsl(var(--primary));
      }
    }
  }
  .group-hover\:border-primary\/30 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: hsl(var(--primary));
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, hsl(var(--primary)) 30%, transparent);
        }
      }
    }
  }
  .group-hover\:border-purple-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-purple-400);
      }
    }
  }
  .group-hover\:border-rose-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-rose-400);
      }
    }
  }
  .group-hover\:border-sky-400\/30 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        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);
        }
      }
    }
  }
  .group-hover\:border-sky-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-sky-600);
      }
    }
  }
  .group-hover\:border-teal-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-teal-400);
      }
    }
  }
  .group-hover\:border-violet-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-violet-400);
      }
    }
  }
  .group-hover\:border-white {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-white);
      }
    }
  }
  .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\:bg-\[\#4e46e5\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: #4e46e5;
      }
    }
  }
  .group-hover\:bg-\[\#5c6b4a\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: #5c6b4a;
      }
    }
  }
  .group-hover\:bg-\[\#7E33E1\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: #7E33E1;
      }
    }
  }
  .group-hover\:bg-\[\#EAF4FF\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: #EAF4FF;
      }
    }
  }
  .group-hover\:bg-amber-50 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-amber-50);
      }
    }
  }
  .group-hover\:bg-amber-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-amber-100);
      }
    }
  }
  .group-hover\:bg-amber-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-amber-200);
      }
    }
  }
  .group-hover\:bg-amber-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-amber-500);
      }
    }
  }
  .group-hover\:bg-amber-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-amber-600);
      }
    }
  }
  .group-hover\:bg-black {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-black);
      }
    }
  }
  .group-hover\:bg-black\/5 {
    &:is(:where(.group):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);
        }
      }
    }
  }
  .group-hover\:bg-black\/40 {
    &:is(:where(.group):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);
        }
      }
    }
  }
  .group-hover\:bg-black\/50 {
    &:is(:where(.group):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);
        }
      }
    }
  }
  .group-hover\:bg-blue-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-blue-100);
      }
    }
  }
  .group-hover\:bg-blue-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-blue-200);
      }
    }
  }
  .group-hover\:bg-blue-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-blue-500);
      }
    }
  }
  .group-hover\:bg-blue-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-blue-600);
      }
    }
  }
  .group-hover\:bg-cyan-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-cyan-100);
      }
    }
  }
  .group-hover\:bg-cyan-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-cyan-200);
      }
    }
  }
  .group-hover\:bg-cyan-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-cyan-500);
      }
    }
  }
  .group-hover\:bg-cyan-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-cyan-600);
      }
    }
  }
  .group-hover\:bg-emerald-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-emerald-100);
      }
    }
  }
  .group-hover\:bg-emerald-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-emerald-200);
      }
    }
  }
  .group-hover\:bg-emerald-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-emerald-500);
      }
    }
  }
  .group-hover\:bg-emerald-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-emerald-600);
      }
    }
  }
  .group-hover\:bg-emerald-600\/90 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(59.6% 0.145 163.225) 90%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-emerald-600) 90%, transparent);
        }
      }
    }
  }
  .group-hover\:bg-fuchsia-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-fuchsia-100);
      }
    }
  }
  .group-hover\:bg-fuchsia-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-fuchsia-200);
      }
    }
  }
  .group-hover\:bg-fuchsia-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-fuchsia-500);
      }
    }
  }
  .group-hover\:bg-fuchsia-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-fuchsia-600);
      }
    }
  }
  .group-hover\:bg-fuchsia-600\/30 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(59.1% 0.293 322.896) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-fuchsia-600) 30%, transparent);
        }
      }
    }
  }
  .group-hover\:bg-gray-50 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-gray-50);
      }
    }
  }
  .group-hover\:bg-gray-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-gray-200);
      }
    }
  }
  .group-hover\:bg-green-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-green-100);
      }
    }
  }
  .group-hover\:bg-green-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-green-200);
      }
    }
  }
  .group-hover\:bg-green-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-green-500);
      }
    }
  }
  .group-hover\:bg-green-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-green-600);
      }
    }
  }
  .group-hover\:bg-green-600\/30 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(62.7% 0.194 149.214) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-green-600) 30%, transparent);
        }
      }
    }
  }
  .group-hover\:bg-indigo-50 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-indigo-50);
      }
    }
  }
  .group-hover\:bg-indigo-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-indigo-100);
      }
    }
  }
  .group-hover\:bg-indigo-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-indigo-200);
      }
    }
  }
  .group-hover\:bg-indigo-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-indigo-400);
      }
    }
  }
  .group-hover\:bg-indigo-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-indigo-500);
      }
    }
  }
  .group-hover\:bg-indigo-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-indigo-600);
      }
    }
  }
  .group-hover\:bg-indigo-600\/30 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        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);
        }
      }
    }
  }
  .group-hover\:bg-lime-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-lime-100);
      }
    }
  }
  .group-hover\:bg-lime-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-lime-200);
      }
    }
  }
  .group-hover\:bg-lime-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-lime-500);
      }
    }
  }
  .group-hover\:bg-lime-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-lime-600);
      }
    }
  }
  .group-hover\:bg-lime-600\/30 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(64.8% 0.2 131.684) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-lime-600) 30%, transparent);
        }
      }
    }
  }
  .group-hover\:bg-neutral-50 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-neutral-50);
      }
    }
  }
  .group-hover\:bg-neutral-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-neutral-200);
      }
    }
  }
  .group-hover\:bg-orange-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-orange-100);
      }
    }
  }
  .group-hover\:bg-orange-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-orange-200);
      }
    }
  }
  .group-hover\:bg-orange-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-orange-500);
      }
    }
  }
  .group-hover\:bg-orange-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-orange-600);
      }
    }
  }
  .group-hover\:bg-orange-600\/30 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(64.6% 0.222 41.116) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-orange-600) 30%, transparent);
        }
      }
    }
  }
  .group-hover\:bg-pink-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-pink-100);
      }
    }
  }
  .group-hover\:bg-pink-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-pink-200);
      }
    }
  }
  .group-hover\:bg-pink-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-pink-500);
      }
    }
  }
  .group-hover\:bg-pink-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-pink-600);
      }
    }
  }
  .group-hover\:bg-primary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: hsl(var(--primary));
      }
    }
  }
  .group-hover\:bg-primary\/20 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: hsl(var(--primary));
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, hsl(var(--primary)) 20%, transparent);
        }
      }
    }
  }
  .group-hover\:bg-purple-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-purple-100);
      }
    }
  }
  .group-hover\:bg-purple-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-purple-200);
      }
    }
  }
  .group-hover\:bg-purple-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-purple-500);
      }
    }
  }
  .group-hover\:bg-purple-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-purple-600);
      }
    }
  }
  .group-hover\:bg-rose-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-rose-100);
      }
    }
  }
  .group-hover\:bg-rose-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-rose-200);
      }
    }
  }
  .group-hover\:bg-rose-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-rose-500);
      }
    }
  }
  .group-hover\:bg-rose-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-rose-600);
      }
    }
  }
  .group-hover\:bg-rose-600\/30 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(58.6% 0.253 17.585) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-rose-600) 30%, transparent);
        }
      }
    }
  }
  .group-hover\:bg-sky-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-sky-100);
      }
    }
  }
  .group-hover\:bg-sky-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-sky-200);
      }
    }
  }
  .group-hover\:bg-sky-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-sky-500);
      }
    }
  }
  .group-hover\:bg-sky-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-sky-600);
      }
    }
  }
  .group-hover\:bg-slate-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-slate-200);
      }
    }
  }
  .group-hover\:bg-slate-900 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-slate-900);
      }
    }
  }
  .group-hover\:bg-slate-900\/10 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-slate-900) 10%, transparent);
        }
      }
    }
  }
  .group-hover\:bg-slate-900\/35 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 35%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-slate-900) 35%, transparent);
        }
      }
    }
  }
  .group-hover\:bg-stone-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-stone-200);
      }
    }
  }
  .group-hover\:bg-stone-800 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-stone-800);
      }
    }
  }
  .group-hover\:bg-teal-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-teal-100);
      }
    }
  }
  .group-hover\:bg-teal-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-teal-200);
      }
    }
  }
  .group-hover\:bg-teal-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-teal-500);
      }
    }
  }
  .group-hover\:bg-teal-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-teal-600);
      }
    }
  }
  .group-hover\:bg-transparent {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: transparent;
      }
    }
  }
  .group-hover\:bg-violet-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-violet-100);
      }
    }
  }
  .group-hover\:bg-violet-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-violet-200);
      }
    }
  }
  .group-hover\:bg-violet-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-violet-500);
      }
    }
  }
  .group-hover\:bg-violet-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-violet-600);
      }
    }
  }
  .group-hover\:bg-violet-600\/40 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(54.1% 0.281 293.009) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-violet-600) 40%, transparent);
        }
      }
    }
  }
  .group-hover\:bg-white {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-white);
      }
    }
  }
  .group-hover\:bg-white\/20 {
    &:is(:where(.group):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);
        }
      }
    }
  }
  .group-hover\:bg-white\/30 {
    &:is(:where(.group):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);
        }
      }
    }
  }
  .group-hover\:bg-yellow-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-yellow-500);
      }
    }
  }
  .group-hover\:from-orange-500\/30 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-gradient-from: color-mix(in srgb, oklch(70.5% 0.213 47.604) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-from: color-mix(in oklab, var(--color-orange-500) 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));
      }
    }
  }
  .group-hover\:fill-sky-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        fill: var(--color-sky-100);
      }
    }
  }
  .group-hover\:stroke-sky-700 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        stroke: var(--color-sky-700);
      }
    }
  }
  .group-hover\:pb-5 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        padding-bottom: calc(var(--spacing) * 5);
      }
    }
  }
  .group-hover\:text-\[\#\#1B84FF\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: ##1B84FF;
      }
    }
  }
  .group-hover\:text-\[\#\#2f80ed\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: ##2f80ed;
      }
    }
  }
  .group-hover\:text-\[\#1B84FF\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: #1B84FF;
      }
    }
  }
  .group-hover\:text-\[\#2B0937\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: #2B0937;
      }
    }
  }
  .group-hover\:text-\[\#2FA39A\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: #2FA39A;
      }
    }
  }
  .group-hover\:text-\[\#2f80ed\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: #2f80ed;
      }
    }
  }
  .group-hover\:text-\[\#6F6CFF\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: #6F6CFF;
      }
    }
  }
  .group-hover\:text-\[\#7E33E1\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: #7E33E1;
      }
    }
  }
  .group-hover\:text-\[\#6366F1\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: #6366F1;
      }
    }
  }
  .group-hover\:text-\[\#26221d\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: #26221d;
      }
    }
  }
  .group-hover\:text-\[\#E8501F\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: #E8501F;
      }
    }
  }
  .group-hover\:text-\[\#f8f4ed\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: #f8f4ed;
      }
    }
  }
  .group-hover\:text-\[var\(--blue-dark\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--blue-dark);
      }
    }
  }
  .group-hover\:text-\[var\(--blue-light\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--blue-light);
      }
    }
  }
  .group-hover\:text-\[var\(--red-light\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--red-light);
      }
    }
  }
  .group-hover\:text-\[var\(--vin-red\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--vin-red);
      }
    }
  }
  .group-hover\:text-amber-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-amber-100);
      }
    }
  }
  .group-hover\:text-amber-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-amber-500);
      }
    }
  }
  .group-hover\:text-amber-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-amber-600);
      }
    }
  }
  .group-hover\:text-amber-700 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-amber-700);
      }
    }
  }
  .group-hover\:text-black {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-black);
      }
    }
  }
  .group-hover\:text-blue-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-blue-100);
      }
    }
  }
  .group-hover\:text-blue-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-blue-400);
      }
    }
  }
  .group-hover\:text-blue-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-blue-500);
      }
    }
  }
  .group-hover\:text-blue-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-blue-600);
      }
    }
  }
  .group-hover\:text-blue-700 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-blue-700);
      }
    }
  }
  .group-hover\:text-cyan-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-cyan-100);
      }
    }
  }
  .group-hover\:text-cyan-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-cyan-500);
      }
    }
  }
  .group-hover\:text-cyan-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-cyan-600);
      }
    }
  }
  .group-hover\:text-emerald-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-emerald-100);
      }
    }
  }
  .group-hover\:text-emerald-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-emerald-400);
      }
    }
  }
  .group-hover\:text-emerald-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-emerald-500);
      }
    }
  }
  .group-hover\:text-emerald-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-emerald-600);
      }
    }
  }
  .group-hover\:text-foreground {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: hsl(var(--foreground));
      }
    }
  }
  .group-hover\:text-fuchsia-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-fuchsia-100);
      }
    }
  }
  .group-hover\:text-fuchsia-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-fuchsia-500);
      }
    }
  }
  .group-hover\:text-fuchsia-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-fuchsia-600);
      }
    }
  }
  .group-hover\:text-gray-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-gray-500);
      }
    }
  }
  .group-hover\:text-gray-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-gray-600);
      }
    }
  }
  .group-hover\:text-gray-900 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-gray-900);
      }
    }
  }
  .group-hover\:text-gray-950 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-gray-950);
      }
    }
  }
  .group-hover\:text-green-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-green-100);
      }
    }
  }
  .group-hover\:text-green-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-green-500);
      }
    }
  }
  .group-hover\:text-green-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-green-600);
      }
    }
  }
  .group-hover\:text-indigo-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-indigo-100);
      }
    }
  }
  .group-hover\:text-indigo-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-indigo-400);
      }
    }
  }
  .group-hover\:text-indigo-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-indigo-500);
      }
    }
  }
  .group-hover\:text-indigo-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-indigo-600);
      }
    }
  }
  .group-hover\:text-indigo-700 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-indigo-700);
      }
    }
  }
  .group-hover\:text-lime-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-lime-100);
      }
    }
  }
  .group-hover\:text-lime-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-lime-200);
      }
    }
  }
  .group-hover\:text-lime-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-lime-500);
      }
    }
  }
  .group-hover\:text-lime-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-lime-600);
      }
    }
  }
  .group-hover\:text-neutral-50\/\[\.8\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: color-mix(in srgb, oklch(98.5% 0 0) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-neutral-50) 80%, transparent);
        }
      }
    }
  }
  .group-hover\:text-neutral-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-neutral-500);
      }
    }
  }
  .group-hover\:text-neutral-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-neutral-600);
      }
    }
  }
  .group-hover\:text-neutral-700 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-neutral-700);
      }
    }
  }
  .group-hover\:text-neutral-800 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-neutral-800);
      }
    }
  }
  .group-hover\:text-neutral-900 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-neutral-900);
      }
    }
  }
  .group-hover\:text-orange-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-orange-100);
      }
    }
  }
  .group-hover\:text-orange-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-orange-400);
      }
    }
  }
  .group-hover\:text-orange-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-orange-500);
      }
    }
  }
  .group-hover\:text-orange-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-orange-600);
      }
    }
  }
  .group-hover\:text-pink-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-pink-100);
      }
    }
  }
  .group-hover\:text-pink-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-pink-600);
      }
    }
  }
  .group-hover\:text-primary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: hsl(var(--primary));
      }
    }
  }
  .group-hover\:text-primary-foreground {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: hsl(var(--primary-foreground));
      }
    }
  }
  .group-hover\:text-purple-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-purple-100);
      }
    }
  }
  .group-hover\:text-purple-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-purple-500);
      }
    }
  }
  .group-hover\:text-purple-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-purple-600);
      }
    }
  }
  .group-hover\:text-red-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-red-400);
      }
    }
  }
  .group-hover\:text-red-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-red-500);
      }
    }
  }
  .group-hover\:text-red-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-red-600);
      }
    }
  }
  .group-hover\:text-rose-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-rose-100);
      }
    }
  }
  .group-hover\:text-rose-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-rose-500);
      }
    }
  }
  .group-hover\:text-rose-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-rose-600);
      }
    }
  }
  .group-hover\:text-sky-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-sky-100);
      }
    }
  }
  .group-hover\:text-sky-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-sky-600);
      }
    }
  }
  .group-hover\:text-slate-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-slate-200);
      }
    }
  }
  .group-hover\:text-slate-300 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-slate-300);
      }
    }
  }
  .group-hover\:text-slate-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-slate-600);
      }
    }
  }
  .group-hover\:text-slate-700 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-slate-700);
      }
    }
  }
  .group-hover\:text-slate-900 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-slate-900);
      }
    }
  }
  .group-hover\:text-stone-50 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-stone-50);
      }
    }
  }
  .group-hover\:text-teal-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-teal-100);
      }
    }
  }
  .group-hover\:text-teal-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-teal-500);
      }
    }
  }
  .group-hover\:text-teal-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-teal-600);
      }
    }
  }
  .group-hover\:text-violet-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-violet-100);
      }
    }
  }
  .group-hover\:text-violet-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-violet-600);
      }
    }
  }
  .group-hover\:text-violet-700 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-violet-700);
      }
    }
  }
  .group-hover\:text-white {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .group-hover\:text-white\/40 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        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);
        }
      }
    }
  }
  .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\/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\/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\:italic {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        font-style: italic;
      }
    }
  }
  .group-hover\:underline {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .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-30 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 30%;
      }
    }
  }
  .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-80 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 80%;
      }
    }
  }
  .group-hover\:opacity-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\:opacity-\[0\.85\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 0.85;
      }
    }
  }
  .group-hover\:shadow-2xl {
    &:is(:where(.group):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\:shadow-\[0_0\.25rem_0\.75rem_rgba\(30\,34\,40\,0\.15\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-shadow: 0 0.25rem 0.75rem var(--tw-shadow-color, rgba(30,34,40,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);
      }
    }
  }
  .group-hover\:shadow-\[0_0_40px_rgba\(var\(--primary\)\,0\.4\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-shadow: 0 0 40px var(--tw-shadow-color, rgba(var(--primary),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);
      }
    }
  }
  .group-hover\:shadow-\[0_4px_14px_rgba\(55\,48\,163\,0\.25\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-shadow: 0 4px 14px var(--tw-shadow-color, rgba(55,48,163,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\:ring-2 {
    &:is(:where(.group):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\:shadow-amber-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-shadow-color: oklch(92.4% 0.12 95.746);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, var(--color-amber-200) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .group-hover\:shadow-amber-500\/40 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .group-hover\:shadow-blue-500\/40 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .group-hover\:shadow-cyan-500\/40 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-cyan-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .group-hover\:shadow-emerald-500\/40 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .group-hover\:shadow-fuchsia-500\/20 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(66.7% 0.295 322.15) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-fuchsia-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .group-hover\:shadow-fuchsia-500\/40 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --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);
        }
      }
    }
  }
  .group-hover\:shadow-green-500\/40 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .group-hover\:shadow-indigo-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-shadow-color: oklch(87% 0.065 274.039);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, var(--color-indigo-200) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .group-hover\:shadow-indigo-500\/40 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --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);
        }
      }
    }
  }
  .group-hover\:shadow-lime-500\/40 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(76.8% 0.233 130.85) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-lime-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .group-hover\:shadow-neutral-300 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-shadow-color: oklch(87% 0 0);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, var(--color-neutral-300) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .group-hover\:shadow-orange-500\/40 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-orange-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .group-hover\:shadow-pink-500\/40 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(65.6% 0.241 354.308) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-pink-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .group-hover\:shadow-purple-500\/40 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .group-hover\:shadow-rose-500\/40 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-rose-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .group-hover\:shadow-sky-500\/40 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-sky-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .group-hover\:shadow-teal-500\/40 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-teal-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .group-hover\:shadow-violet-500\/40 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-violet-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .group-hover\:ring-\[\#6366F1\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-ring-color: #6366F1;
      }
    }
  }
  .group-hover\:ring-amber-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-ring-color: var(--color-amber-400);
      }
    }
  }
  .group-hover\:ring-emerald-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-ring-color: var(--color-emerald-500);
      }
    }
  }
  .group-hover\:ring-fuchsia-500 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-ring-color: var(--color-fuchsia-500);
      }
    }
  }
  .group-hover\:ring-indigo-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-ring-color: var(--color-indigo-100);
      }
    }
  }
  .group-hover\:ring-indigo-300 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-ring-color: var(--color-indigo-300);
      }
    }
  }
  .group-hover\:blur-2xl {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --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,);
      }
    }
  }
  .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\:duration-200 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-duration: 200ms;
        transition-duration: 200ms;
      }
    }
  }
  .group-hover\:ring-inset {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-ring-inset: inset;
      }
    }
  }
  .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\:-translate-y-0\.5 {
    &:is(:where(.group\/btn):hover *) {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\/code-block\:opacity-100 {
    &:is(:where(.group\/code-block):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/code-group-content\:opacity-100 {
    &:is(:where(.group\/code-group-content):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/curriculum\:text-indigo-500 {
    &:is(:where(.group\/curriculum):hover *) {
      @media (hover: hover) {
        color: var(--color-indigo-500);
      }
    }
  }
  .group-hover\/file\:opacity-100 {
    &:is(:where(.group\/file):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/icon\:text-white {
    &:is(:where(.group\/icon):hover *) {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .group-hover\/menu-item\:opacity-100 {
    &:is(:where(.group\/menu-item):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/mod\:opacity-100 {
    &:is(:where(.group\/mod):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/name\:text-\[\#2f80ed\] {
    &:is(:where(.group\/name):hover *) {
      @media (hover: hover) {
        color: #2f80ed;
      }
    }
  }
  .group-hover\/name\:text-gray-900 {
    &:is(:where(.group\/name):hover *) {
      @media (hover: hover) {
        color: var(--color-gray-900);
      }
    }
  }
  .group-hover\/opt\:opacity-100 {
    &:is(:where(.group\/opt):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/play\:scale-110 {
    &:is(:where(.group\/play):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\/sab\:opacity-100 {
    &:is(:where(.group\/sab):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/second\:text-\[var\(--blue-dark\)\] {
    &:is(:where(.group\/second):hover *) {
      @media (hover: hover) {
        color: var(--blue-dark);
      }
    }
  }
  .group-hover\/second\:text-\[var\(--blue-light\)\] {
    &:is(:where(.group\/second):hover *) {
      @media (hover: hover) {
        color: var(--blue-light);
      }
    }
  }
  .group-hover\/second\:text-\[var\(--red-light\)\] {
    &:is(:where(.group\/second):hover *) {
      @media (hover: hover) {
        color: var(--red-light);
      }
    }
  }
  .group-hover\/second\:text-\[var\(--vin-red\)\] {
    &:is(:where(.group\/second):hover *) {
      @media (hover: hover) {
        color: var(--vin-red);
      }
    }
  }
  .group-hover\/step\:opacity-100 {
    &:is(:where(.group\/step):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/steps-node\:opacity-100 {
    &:is(:where(.group\/steps-node):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/tab\:opacity-100 {
    &:is(:where(.group\/tab):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/third\:text-\[var\(--blue-dark\)\] {
    &:is(:where(.group\/third):hover *) {
      @media (hover: hover) {
        color: var(--blue-dark);
      }
    }
  }
  .group-hover\/third\:text-\[var\(--blue-light\)\] {
    &:is(:where(.group\/third):hover *) {
      @media (hover: hover) {
        color: var(--blue-light);
      }
    }
  }
  .group-hover\/third\:text-\[var\(--red-light\)\] {
    &:is(:where(.group\/third):hover *) {
      @media (hover: hover) {
        color: var(--red-light);
      }
    }
  }
  .group-hover\/third\:text-\[var\(--vin-red\)\] {
    &:is(:where(.group\/third):hover *) {
      @media (hover: hover) {
        color: var(--vin-red);
      }
    }
  }
  .group-hover\/tip\:opacity-100 {
    &:is(:where(.group\/tip):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/title\:opacity-100 {
    &:is(:where(.group\/title):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-focus\:me-1 {
    &:is(:where(.group):focus *) {
      margin-inline-end: calc(var(--spacing) * 1);
    }
  }
  .group-focus\:max-w-25 {
    &:is(:where(.group):focus *) {
      max-width: calc(var(--spacing) * 25);
    }
  }
  .group-focus\:translate-x-0\.5 {
    &:is(:where(.group):focus *) {
      --tw-translate-x: calc(var(--spacing) * 0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .group-focus\:scale-95 {
    &:is(:where(.group):focus *) {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .group-focus\:scale-100 {
    &:is(:where(.group):focus *) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .group-focus\:scale-105 {
    &:is(:where(.group):focus *) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .group-focus\:scale-110 {
    &:is(:where(.group):focus *) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .group-focus\:scale-115 {
    &:is(:where(.group):focus *) {
      --tw-scale-x: 115%;
      --tw-scale-y: 115%;
      --tw-scale-z: 115%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .group-focus\:rotate-180 {
    &:is(:where(.group):focus *) {
      rotate: 180deg;
    }
  }
  .group-focus\:text-indigo-400 {
    &:is(:where(.group):focus *) {
      color: var(--color-indigo-400);
    }
  }
  .group-focus\:text-indigo-700 {
    &:is(:where(.group):focus *) {
      color: var(--color-indigo-700);
    }
  }
  .group-focus\:underline {
    &:is(:where(.group):focus *) {
      text-decoration-line: underline;
    }
  }
  .group-focus\:opacity-100 {
    &:is(:where(.group):focus *) {
      opacity: 100%;
    }
  }
  .group-focus-visible\:-translate-y-1 {
    &:is(:where(.group):focus-visible *) {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .group-focus-visible\:translate-y-1 {
    &:is(:where(.group):focus-visible *) {
      --tw-translate-y: calc(var(--spacing) * 1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .group-focus-visible\:opacity-100 {
    &:is(:where(.group):focus-visible *) {
      opacity: 100%;
    }
  }
  .group-has-checked\:opacity-100 {
    &:is(:where(.group):has(*:checked) *) {
      opacity: 100%;
    }
  }
  .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-orientation\=horizontal\]\]\/field\:text-balance {
    &:is(:where(.group\/field):has(*:is([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-\[\[data-slot\=item-description\]\]\/item\:translate-y-0\.5 {
    &:is(:where(.group\/item):has(*:is([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(*:is([data-slot=item-description])) *) {
      align-self: flex-start;
    }
  }
  .group-has-\[\>input\]\/input-group\:pt-2\.5 {
    &:is(:where(.group\/input-group):has(>input) *) {
      padding-top: calc(var(--spacing) * 2.5);
    }
  }
  .group-has-\[\>input\]\/input-group\:pb-2\.5 {
    &:is(:where(.group\/input-group):has(>input) *) {
      padding-bottom: calc(var(--spacing) * 2.5);
    }
  }
  .group-data-\[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\]\:h-8\! {
    &:is(:where(.group)[data-collapsible="icon"] *) {
      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-8\! {
    &:is(:where(.group)[data-collapsible="icon"] *) {
      width: calc(var(--spacing) * 8) !important;
    }
  }
  .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\)\+var\(--spacing-4\)\)\] {
    &:is(:where(.group)[data-collapsible="icon"] *) {
      width: calc(var(--sidebar-width-icon) + var(--spacing-4));
    }
  }
  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+var\(--spacing-4\)\+2px\)\] {
    &:is(:where(.group)[data-collapsible="icon"] *) {
      width: calc(var(--sidebar-width-icon) + 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\]\:w-\[var\(--sidebar-width-icon\)\] {
    &:is(:where(.group)[data-collapsible="icon"] *) {
      width: var(--sidebar-width-icon);
    }
  }
  .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\=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\]\/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-\[expanded\]\:rotate-90 {
    &:is(:where(.group)[data-expanded] *) {
      rotate: 90deg;
    }
  }
  .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: hsl(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: hsl(var(--ring));
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, hsl(var(--ring)) 50%, transparent);
      }
    }
  }
  .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\=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-\[state\=active\]\:block {
    &:is(:where(.group)[data-state="active"] *) {
      display: block;
    }
  }
  .group-data-\[state\=active\]\:scale-0 {
    &:is(:where(.group)[data-state="active"] *) {
      --tw-scale-x: 0%;
      --tw-scale-y: 0%;
      --tw-scale-z: 0%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .group-data-\[state\=active\]\:scale-100 {
    &:is(:where(.group)[data-state="active"] *) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .group-data-\[state\=active\]\:rotate-0 {
    &:is(:where(.group)[data-state="active"] *) {
      rotate: 0deg;
    }
  }
  .group-data-\[state\=active\]\:rotate-180 {
    &:is(:where(.group)[data-state="active"] *) {
      rotate: 180deg;
    }
  }
  .group-data-\[state\=active\]\:opacity-0 {
    &:is(:where(.group)[data-state="active"] *) {
      opacity: 0%;
    }
  }
  .group-data-\[state\=active\]\:opacity-100 {
    &:is(:where(.group)[data-state="active"] *) {
      opacity: 100%;
    }
  }
  .group-data-\[state\=open\]\:rotate-180 {
    &:is(:where(.group)[data-state="open"] *) {
      rotate: 180deg;
    }
  }
  .group-data-\[variant\=floating\]\:rounded-lg {
    &:is(:where(.group)[data-variant="floating"] *) {
      border-radius: calc(var(--radius) + 8px);
    }
  }
  .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\=outline\]\/field-group\:-mb-2 {
    &:is(:where(.group\/field-group)[data-variant="outline"] *) {
      margin-bottom: calc(var(--spacing) * -2);
    }
  }
  .group-\[\.active\]\:ring-amber-500 {
    &:is(:where(.group):is(.active) *) {
      --tw-ring-color: var(--color-amber-500);
    }
  }
  .group-\[\.active\]\:ring-blue-500 {
    &:is(:where(.group):is(.active) *) {
      --tw-ring-color: var(--color-blue-500);
    }
  }
  .group-\[\.active\]\:ring-cyan-500 {
    &:is(:where(.group):is(.active) *) {
      --tw-ring-color: var(--color-cyan-500);
    }
  }
  .group-\[\.active\]\:ring-emerald-500 {
    &:is(:where(.group):is(.active) *) {
      --tw-ring-color: var(--color-emerald-500);
    }
  }
  .group-\[\.active\]\:ring-green-500 {
    &:is(:where(.group):is(.active) *) {
      --tw-ring-color: var(--color-green-500);
    }
  }
  .group-\[\.active\]\:ring-indigo-500 {
    &:is(:where(.group):is(.active) *) {
      --tw-ring-color: var(--color-indigo-500);
    }
  }
  .group-\[\.active\]\:ring-pink-500 {
    &:is(:where(.group):is(.active) *) {
      --tw-ring-color: var(--color-pink-500);
    }
  }
  .group-\[\.active\]\:ring-purple-500 {
    &:is(:where(.group):is(.active) *) {
      --tw-ring-color: var(--color-purple-500);
    }
  }
  .group-\[\.active\]\:ring-teal-500 {
    &:is(:where(.group):is(.active) *) {
      --tw-ring-color: var(--color-teal-500);
    }
  }
  .group-\[\.destructive\]\:border-muted\/40 {
    &:is(:where(.group):is(.destructive) *) {
      border-color: hsl(var(--muted));
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, hsl(var(--muted)) 40%, transparent);
      }
    }
  }
  .group-\[\.destructive\]\:text-red-300 {
    &:is(:where(.group):is(.destructive) *) {
      color: var(--color-red-300);
    }
  }
  .group-\[\.toast\]\:bg-muted {
    &:is(:where(.group):is(.toast) *) {
      background-color: hsl(var(--muted));
    }
  }
  .group-\[\.toast\]\:bg-primary {
    &:is(:where(.group):is(.toast) *) {
      background-color: hsl(var(--primary));
    }
  }
  .group-\[\.toast\]\:text-muted-foreground {
    &:is(:where(.group):is(.toast) *) {
      color: hsl(var(--muted-foreground));
    }
  }
  .group-\[\.toast\]\:text-primary-foreground {
    &:is(:where(.group):is(.toast) *) {
      color: hsl(var(--primary-foreground));
    }
  }
  .group-\[\.toaster\]\:border-border {
    &:is(:where(.group):is(.toaster) *) {
      border-color: hsl(var(--border-hsl));
    }
  }
  .group-\[\.toaster\]\:bg-background {
    &:is(:where(.group):is(.toaster) *) {
      background-color: hsl(var(--background));
    }
  }
  .group-\[\.toaster\]\:text-foreground {
    &:is(:where(.group):is(.toaster) *) {
      color: hsl(var(--foreground));
    }
  }
  .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);
    }
  }
  .group-\[\[aria-expanded\=true\]\]\:-translate-y-2 {
    &:is(:where(.group):is([aria-expanded=true]) *) {
      --tw-translate-y: calc(var(--spacing) * -2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .group-\[\[aria-expanded\=true\]\]\:translate-y-2 {
    &:is(:where(.group):is([aria-expanded=true]) *) {
      --tw-translate-y: calc(var(--spacing) * 2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .group-\[\[aria-expanded\=true\]\]\:-rotate-45 {
    &:is(:where(.group):is([aria-expanded=true]) *) {
      rotate: calc(45deg * -1);
    }
  }
  .group-\[\[aria-expanded\=true\]\]\:rotate-45 {
    &:is(:where(.group):is([aria-expanded=true]) *) {
      rotate: 45deg;
    }
  }
  .group-\[\[aria-expanded\=true\]\]\:opacity-0 {
    &:is(:where(.group):is([aria-expanded=true]) *) {
      opacity: 0%;
    }
  }
  .peer-checked\:border-blue-400 {
    &:is(:where(.peer):checked ~ *) {
      border-color: var(--color-blue-400);
    }
  }
  .peer-checked\:border-blue-600 {
    &:is(:where(.peer):checked ~ *) {
      border-color: var(--color-blue-600);
    }
  }
  .peer-checked\:border-orange-300 {
    &:is(:where(.peer):checked ~ *) {
      border-color: var(--color-orange-300);
    }
  }
  .peer-checked\:bg-\[\#\#2f80ed\] {
    &:is(:where(.peer):checked ~ *) {
      background-color: ##2f80ed;
    }
  }
  .peer-checked\:bg-\[\#2f80ed\] {
    &:is(:where(.peer):checked ~ *) {
      background-color: #2f80ed;
    }
  }
  .peer-checked\:bg-\[\#3b82f6\] {
    &:is(:where(.peer):checked ~ *) {
      background-color: #3b82f6;
    }
  }
  .peer-checked\:bg-amber-500 {
    &:is(:where(.peer):checked ~ *) {
      background-color: var(--color-amber-500);
    }
  }
  .peer-checked\:bg-blue-200\/50 {
    &:is(:where(.peer):checked ~ *) {
      background-color: color-mix(in srgb, oklch(88.2% 0.059 254.128) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-blue-200) 50%, transparent);
      }
    }
  }
  .peer-checked\:bg-blue-600 {
    &:is(:where(.peer):checked ~ *) {
      background-color: var(--color-blue-600);
    }
  }
  .peer-checked\:bg-cyan-500 {
    &:is(:where(.peer):checked ~ *) {
      background-color: var(--color-cyan-500);
    }
  }
  .peer-checked\:bg-cyan-600 {
    &:is(:where(.peer):checked ~ *) {
      background-color: var(--color-cyan-600);
    }
  }
  .peer-checked\:bg-emerald-500 {
    &:is(:where(.peer):checked ~ *) {
      background-color: var(--color-emerald-500);
    }
  }
  .peer-checked\:bg-fuchsia-500 {
    &:is(:where(.peer):checked ~ *) {
      background-color: var(--color-fuchsia-500);
    }
  }
  .peer-checked\:bg-green-500 {
    &:is(:where(.peer):checked ~ *) {
      background-color: var(--color-green-500);
    }
  }
  .peer-checked\:bg-indigo-500 {
    &:is(:where(.peer):checked ~ *) {
      background-color: var(--color-indigo-500);
    }
  }
  .peer-checked\:bg-indigo-600 {
    &:is(:where(.peer):checked ~ *) {
      background-color: var(--color-indigo-600);
    }
  }
  .peer-checked\:bg-orange-100 {
    &:is(:where(.peer):checked ~ *) {
      background-color: var(--color-orange-100);
    }
  }
  .peer-checked\:bg-orange-500 {
    &:is(:where(.peer):checked ~ *) {
      background-color: var(--color-orange-500);
    }
  }
  .peer-checked\:bg-pink-500 {
    &:is(:where(.peer):checked ~ *) {
      background-color: var(--color-pink-500);
    }
  }
  .peer-checked\:bg-primary {
    &:is(:where(.peer):checked ~ *) {
      background-color: hsl(var(--primary));
    }
  }
  .peer-checked\:bg-rose-500 {
    &:is(:where(.peer):checked ~ *) {
      background-color: var(--color-rose-500);
    }
  }
  .peer-checked\:bg-rose-600 {
    &:is(:where(.peer):checked ~ *) {
      background-color: var(--color-rose-600);
    }
  }
  .peer-checked\:bg-sky-500 {
    &:is(:where(.peer):checked ~ *) {
      background-color: var(--color-sky-500);
    }
  }
  .peer-checked\:bg-violet-500 {
    &:is(:where(.peer):checked ~ *) {
      background-color: var(--color-violet-500);
    }
  }
  .peer-checked\:bg-violet-600 {
    &:is(:where(.peer):checked ~ *) {
      background-color: var(--color-violet-600);
    }
  }
  .peer-checked\:text-neutral-900 {
    &:is(:where(.peer):checked ~ *) {
      color: var(--color-neutral-900);
    }
  }
  .peer-checked\:opacity-100 {
    &:is(:where(.peer):checked ~ *) {
      opacity: 100%;
    }
  }
  .peer-focus\:ring-4 {
    &:is(:where(.peer):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);
    }
  }
  .peer-focus\:outline-hidden {
    &:is(:where(.peer):focus ~ *) {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
  }
  .peer-focus\:outline-0 {
    &:is(:where(.peer):focus ~ *) {
      outline-style: var(--tw-outline-style);
      outline-width: 0px;
    }
  }
  .peer-focus\:outline-none {
    &:is(:where(.peer):focus ~ *) {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .peer-focus-visible\:ring {
    &:is(:where(.peer):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);
    }
  }
  .peer-focus-visible\:ring-2 {
    &:is(:where(.peer):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);
    }
  }
  .peer-focus-visible\:ring-offset-2 {
    &:is(:where(.peer):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);
    }
  }
  .peer-focus-visible\:outline {
    &:is(:where(.peer):focus-visible ~ *) {
      outline-style: var(--tw-outline-style);
      outline-width: 1px;
    }
  }
  .peer-focus-visible\:outline-2 {
    &:is(:where(.peer):focus-visible ~ *) {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
    }
  }
  .peer-focus-visible\:outline-offset-2 {
    &:is(:where(.peer):focus-visible ~ *) {
      outline-offset: 2px;
    }
  }
  .peer-focus-visible\:outline-\[\#\#2f80ed\]\/40 {
    &:is(:where(.peer):focus-visible ~ *) {
      outline-color: color-mix(in oklab, ##2f80ed 40%, transparent);
    }
  }
  .peer-focus-visible\:outline-\[\#2f80ed\]\/40 {
    &:is(:where(.peer):focus-visible ~ *) {
      outline-color: color-mix(in oklab, #2f80ed 40%, transparent);
    }
  }
  .peer-focus-visible\:outline-primary\/40 {
    &:is(:where(.peer):focus-visible ~ *) {
      outline-color: hsl(var(--primary));
      @supports (color: color-mix(in lab, red, red)) {
        outline-color: color-mix(in oklab, hsl(var(--primary)) 40%, transparent);
      }
    }
  }
  .peer-focus-visible\:outline-ring\/40 {
    &:is(:where(.peer):focus-visible ~ *) {
      outline-color: hsl(var(--ring));
      @supports (color: color-mix(in lab, red, red)) {
        outline-color: color-mix(in oklab, hsl(var(--ring)) 40%, transparent);
      }
    }
  }
  .peer-focus-visible\:outline-sky-500\/40 {
    &:is(:where(.peer):focus-visible ~ *) {
      outline-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        outline-color: color-mix(in oklab, var(--color-sky-500) 40%, transparent);
      }
    }
  }
  .peer-focus-visible\:ring-inset {
    &:is(:where(.peer):focus-visible ~ *) {
      --tw-ring-inset: inset;
    }
  }
  .peer-disabled\:cursor-not-allowed {
    &:is(:where(.peer):disabled ~ *) {
      cursor: not-allowed;
    }
  }
  .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-\[variant\=inset\]\:min-h-\[calc\(100svh-theme\(spacing\.4\)\)\] {
    &:is(:where(.peer)[data-variant="inset"] ~ *) {
      min-height: calc(100svh - 1rem);
    }
  }
  .first-letter\:float-left {
    &::first-letter {
      float: left;
    }
  }
  .first-letter\:mr-3 {
    &::first-letter {
      margin-right: calc(var(--spacing) * 3);
    }
  }
  .first-letter\:text-6xl {
    &::first-letter {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
  .first-letter\:font-bold {
    &::first-letter {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .first-letter\:text-emerald-600 {
    &::first-letter {
      color: var(--color-emerald-600);
    }
  }
  .marker\:font-bold {
    & *::marker {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
    &::marker {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
    & *::-webkit-details-marker {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
    &::-webkit-details-marker {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .marker\:text-gray-400 {
    & *::marker {
      color: var(--color-gray-400);
    }
    &::marker {
      color: var(--color-gray-400);
    }
    & *::-webkit-details-marker {
      color: var(--color-gray-400);
    }
    &::-webkit-details-marker {
      color: var(--color-gray-400);
    }
  }
  .marker\:text-primary {
    & *::marker {
      color: hsl(var(--primary));
    }
    &::marker {
      color: hsl(var(--primary));
    }
    & *::-webkit-details-marker {
      color: hsl(var(--primary));
    }
    &::-webkit-details-marker {
      color: hsl(var(--primary));
    }
  }
  .selection\:bg-\[\#2FA39A\]\/10 {
    & *::selection {
      background-color: color-mix(in oklab, #2FA39A 10%, transparent);
    }
    &::selection {
      background-color: color-mix(in oklab, #2FA39A 10%, transparent);
    }
  }
  .selection\:bg-\[\#FF4D1C\] {
    & *::selection {
      background-color: #FF4D1C;
    }
    &::selection {
      background-color: #FF4D1C;
    }
  }
  .selection\:bg-black {
    & *::selection {
      background-color: var(--color-black);
    }
    &::selection {
      background-color: var(--color-black);
    }
  }
  .selection\:bg-blue-100 {
    & *::selection {
      background-color: var(--color-blue-100);
    }
    &::selection {
      background-color: var(--color-blue-100);
    }
  }
  .selection\:bg-orange-100 {
    & *::selection {
      background-color: var(--color-orange-100);
    }
    &::selection {
      background-color: var(--color-orange-100);
    }
  }
  .selection\:bg-slate-100 {
    & *::selection {
      background-color: var(--color-slate-100);
    }
    &::selection {
      background-color: var(--color-slate-100);
    }
  }
  .selection\:bg-yellow-400 {
    & *::selection {
      background-color: var(--color-yellow-400);
    }
    &::selection {
      background-color: var(--color-yellow-400);
    }
  }
  .selection\:text-neutral-700 {
    & *::selection {
      color: var(--color-neutral-700);
    }
    &::selection {
      color: var(--color-neutral-700);
    }
  }
  .selection\:text-white {
    & *::selection {
      color: var(--color-white);
    }
    &::selection {
      color: var(--color-white);
    }
  }
  .file\:pointer-events-none {
    &::file-selector-button {
      pointer-events: none;
    }
  }
  .file\:mt-\[-0\.6rem\] {
    &::file-selector-button {
      margin-top: -0.6rem;
    }
  }
  .file\:mr-\[-1rem\] {
    &::file-selector-button {
      margin-right: -1rem;
    }
  }
  .file\:mb-\[-0\.6rem\] {
    &::file-selector-button {
      margin-bottom: -0.6rem;
    }
  }
  .file\:ml-\[-1rem\] {
    &::file-selector-button {
      margin-left: -1rem;
    }
  }
  .file\:hidden {
    &::file-selector-button {
      display: none;
    }
  }
  .file\:rounded-none {
    &::file-selector-button {
      border-radius: 0;
    }
  }
  .file\:border-0 {
    &::file-selector-button {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .file\:bg-\[\#fefefe\] {
    &::file-selector-button {
      background-color: #fefefe;
    }
  }
  .file\:bg-transparent {
    &::file-selector-button {
      background-color: transparent;
    }
  }
  .file\:px-4 {
    &::file-selector-button {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .file\:py-\[0\.6rem\] {
    &::file-selector-button {
      padding-block: 0.6rem;
    }
  }
  .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-\[\#60697b\] {
    &::file-selector-button {
      color: #60697b;
    }
  }
  .file\:text-foreground {
    &::file-selector-button {
      color: hsl(var(--foreground));
    }
  }
  .file\:transition-all {
    &::file-selector-button {
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .file\:duration-\[0\.2s\] {
    &::file-selector-button {
      --tw-duration: 0.2s;
      transition-duration: 0.2s;
    }
  }
  .file\:ease-in-out {
    &::file-selector-button {
      --tw-ease: var(--ease-in-out);
      transition-timing-function: var(--ease-in-out);
    }
  }
  .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-\[\#0B0B0B\] {
    &::placeholder {
      color: #0B0B0B;
    }
  }
  .placeholder\:text-\[\#1a1a1a\] {
    &::placeholder {
      color: #1a1a1a;
    }
  }
  .placeholder\:text-\[\#6b7280\] {
    &::placeholder {
      color: #6b7280;
    }
  }
  .placeholder\:text-\[\#8A8885\] {
    &::placeholder {
      color: #8A8885;
    }
  }
  .placeholder\:text-\[\#959ca9\] {
    &::placeholder {
      color: #959ca9;
    }
  }
  .placeholder\:text-\[\#A39A8B\] {
    &::placeholder {
      color: #A39A8B;
    }
  }
  .placeholder\:text-\[\#c4c4c4\] {
    &::placeholder {
      color: #c4c4c4;
    }
  }
  .placeholder\:text-amber-700\/40 {
    &::placeholder {
      color: color-mix(in srgb, oklch(55.5% 0.163 48.998) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-amber-700) 40%, transparent);
      }
    }
  }
  .placeholder\:text-black {
    &::placeholder {
      color: var(--color-black);
    }
  }
  .placeholder\:text-black\/30 {
    &::placeholder {
      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);
      }
    }
  }
  .placeholder\:text-gray-400 {
    &::placeholder {
      color: var(--color-gray-400);
    }
  }
  .placeholder\:text-gray-500 {
    &::placeholder {
      color: var(--color-gray-500);
    }
  }
  .placeholder\:text-muted-foreground {
    &::placeholder {
      color: hsl(var(--muted-foreground));
    }
  }
  .placeholder\:text-neutral-400 {
    &::placeholder {
      color: var(--color-neutral-400);
    }
  }
  .placeholder\:text-neutral-500 {
    &::placeholder {
      color: var(--color-neutral-500);
    }
  }
  .placeholder\:text-slate-400 {
    &::placeholder {
      color: var(--color-slate-400);
    }
  }
  .placeholder\:text-slate-600 {
    &::placeholder {
      color: var(--color-slate-600);
    }
  }
  .placeholder\:text-stone-400 {
    &::placeholder {
      color: var(--color-stone-400);
    }
  }
  .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\/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-600 {
    &::placeholder {
      color: var(--color-zinc-600);
    }
  }
  .placeholder\:opacity-100 {
    &::placeholder {
      opacity: 100%;
    }
  }
  .before\:pointer-events-none {
    &::before {
      content: var(--tw-content);
      pointer-events: none;
    }
  }
  .before\:absolute {
    &::before {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .before\:inset-0 {
    &::before {
      content: var(--tw-content);
      inset: calc(var(--spacing) * 0);
    }
  }
  .before\:inset-2\.5 {
    &::before {
      content: var(--tw-content);
      inset: calc(var(--spacing) * 2.5);
    }
  }
  .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-\[22px\] {
    &::before {
      content: var(--tw-content);
      inset-block: 22px;
    }
  }
  .before\:-start-2 {
    &::before {
      content: var(--tw-content);
      inset-inline-start: calc(var(--spacing) * -2);
    }
  }
  .before\:-start-px {
    &::before {
      content: var(--tw-content);
      inset-inline-start: -1px;
    }
  }
  .before\:start-0 {
    &::before {
      content: var(--tw-content);
      inset-inline-start: calc(var(--spacing) * 0);
    }
  }
  .before\:start-1\/2 {
    &::before {
      content: var(--tw-content);
      inset-inline-start: calc(1/2 * 100%);
    }
  }
  .before\:-end-5 {
    &::before {
      content: var(--tw-content);
      inset-inline-end: calc(var(--spacing) * -5);
    }
  }
  .before\:end-1\.5 {
    &::before {
      content: var(--tw-content);
      inset-inline-end: calc(var(--spacing) * 1.5);
    }
  }
  .before\:end-2 {
    &::before {
      content: var(--tw-content);
      inset-inline-end: calc(var(--spacing) * 2);
    }
  }
  .before\:-top-2 {
    &::before {
      content: var(--tw-content);
      top: calc(var(--spacing) * -2);
    }
  }
  .before\:-top-3 {
    &::before {
      content: var(--tw-content);
      top: calc(var(--spacing) * -3);
    }
  }
  .before\:-top-4 {
    &::before {
      content: var(--tw-content);
      top: calc(var(--spacing) * -4);
    }
  }
  .before\:-top-5 {
    &::before {
      content: var(--tw-content);
      top: calc(var(--spacing) * -5);
    }
  }
  .before\:-top-10 {
    &::before {
      content: var(--tw-content);
      top: calc(var(--spacing) * -10);
    }
  }
  .before\:-top-12 {
    &::before {
      content: var(--tw-content);
      top: calc(var(--spacing) * -12);
    }
  }
  .before\:-top-full {
    &::before {
      content: var(--tw-content);
      top: -100%;
    }
  }
  .before\:-top-px {
    &::before {
      content: var(--tw-content);
      top: -1px;
    }
  }
  .before\:top-0 {
    &::before {
      content: var(--tw-content);
      top: calc(var(--spacing) * 0);
    }
  }
  .before\:top-0\.5 {
    &::before {
      content: var(--tw-content);
      top: calc(var(--spacing) * 0.5);
    }
  }
  .before\:top-1\/2 {
    &::before {
      content: var(--tw-content);
      top: calc(1 / 2 * 100%);
    }
  }
  .before\:top-2 {
    &::before {
      content: var(--tw-content);
      top: calc(var(--spacing) * 2);
    }
  }
  .before\:top-2\/4 {
    &::before {
      content: var(--tw-content);
      top: calc(2 / 4 * 100%);
    }
  }
  .before\:top-3 {
    &::before {
      content: var(--tw-content);
      top: calc(var(--spacing) * 3);
    }
  }
  .before\:top-3\.5 {
    &::before {
      content: var(--tw-content);
      top: calc(var(--spacing) * 3.5);
    }
  }
  .before\:top-\[-0\.15rem\] {
    &::before {
      content: var(--tw-content);
      top: -0.15rem;
    }
  }
  .before\:top-\[-1\.5rem\] {
    &::before {
      content: var(--tw-content);
      top: -1.5rem;
    }
  }
  .before\:top-\[-5\%\] {
    &::before {
      content: var(--tw-content);
      top: -5%;
    }
  }
  .before\:top-\[-5px\] {
    &::before {
      content: var(--tw-content);
      top: -5px;
    }
  }
  .before\:top-\[-8\%\] {
    &::before {
      content: var(--tw-content);
      top: -8%;
    }
  }
  .before\:top-\[-13px\] {
    &::before {
      content: var(--tw-content);
      top: -13px;
    }
  }
  .before\:top-\[-14\%\] {
    &::before {
      content: var(--tw-content);
      top: -14%;
    }
  }
  .before\:top-\[-25px\] {
    &::before {
      content: var(--tw-content);
      top: -25px;
    }
  }
  .before\:top-\[-27\%\] {
    &::before {
      content: var(--tw-content);
      top: -27%;
    }
  }
  .before\:top-\[-30px\] {
    &::before {
      content: var(--tw-content);
      top: -30px;
    }
  }
  .before\:top-\[-32\%\] {
    &::before {
      content: var(--tw-content);
      top: -32%;
    }
  }
  .before\:top-\[-42px\] {
    &::before {
      content: var(--tw-content);
      top: -42px;
    }
  }
  .before\:top-\[-50px\] {
    &::before {
      content: var(--tw-content);
      top: -50px;
    }
  }
  .before\:top-\[-58px\] {
    &::before {
      content: var(--tw-content);
      top: -58px;
    }
  }
  .before\:top-\[-59px\] {
    &::before {
      content: var(--tw-content);
      top: -59px;
    }
  }
  .before\:top-\[-84px\] {
    &::before {
      content: var(--tw-content);
      top: -84px;
    }
  }
  .before\:top-\[-94\%\] {
    &::before {
      content: var(--tw-content);
      top: -94%;
    }
  }
  .before\:top-\[-98px\] {
    &::before {
      content: var(--tw-content);
      top: -98px;
    }
  }
  .before\:top-\[-117px\] {
    &::before {
      content: var(--tw-content);
      top: -117px;
    }
  }
  .before\:top-\[-120px\] {
    &::before {
      content: var(--tw-content);
      top: -120px;
    }
  }
  .before\:top-\[-124px\] {
    &::before {
      content: var(--tw-content);
      top: -124px;
    }
  }
  .before\:top-\[-133px\] {
    &::before {
      content: var(--tw-content);
      top: -133px;
    }
  }
  .before\:top-\[-219px\] {
    &::before {
      content: var(--tw-content);
      top: -219px;
    }
  }
  .before\:top-\[0\%\] {
    &::before {
      content: var(--tw-content);
      top: 0%;
    }
  }
  .before\:top-\[1\.25rem\] {
    &::before {
      content: var(--tw-content);
      top: 1.25rem;
    }
  }
  .before\:top-\[5px\] {
    &::before {
      content: var(--tw-content);
      top: 5px;
    }
  }
  .before\:top-\[7px\] {
    &::before {
      content: var(--tw-content);
      top: 7px;
    }
  }
  .before\:top-\[11px\] {
    &::before {
      content: var(--tw-content);
      top: 11px;
    }
  }
  .before\:top-\[13px\] {
    &::before {
      content: var(--tw-content);
      top: 13px;
    }
  }
  .before\:top-\[15px\] {
    &::before {
      content: var(--tw-content);
      top: 15px;
    }
  }
  .before\:top-\[16\%\] {
    &::before {
      content: var(--tw-content);
      top: 16%;
    }
  }
  .before\:top-\[26\%\] {
    &::before {
      content: var(--tw-content);
      top: 26%;
    }
  }
  .before\:top-\[30\%\] {
    &::before {
      content: var(--tw-content);
      top: 30%;
    }
  }
  .before\:top-\[42px\] {
    &::before {
      content: var(--tw-content);
      top: 42px;
    }
  }
  .before\:top-\[150px\] {
    &::before {
      content: var(--tw-content);
      top: 150px;
    }
  }
  .before\:top-full {
    &::before {
      content: var(--tw-content);
      top: 100%;
    }
  }
  .before\:top-px {
    &::before {
      content: var(--tw-content);
      top: 1px;
    }
  }
  .before\:-right-0\.5 {
    &::before {
      content: var(--tw-content);
      right: calc(var(--spacing) * -0.5);
    }
  }
  .before\:-right-5 {
    &::before {
      content: var(--tw-content);
      right: calc(var(--spacing) * -5);
    }
  }
  .before\:-right-12 {
    &::before {
      content: var(--tw-content);
      right: calc(var(--spacing) * -12);
    }
  }
  .before\:right-0 {
    &::before {
      content: var(--tw-content);
      right: calc(var(--spacing) * 0);
    }
  }
  .before\:right-2\.5 {
    &::before {
      content: var(--tw-content);
      right: calc(var(--spacing) * 2.5);
    }
  }
  .before\:right-2\/4 {
    &::before {
      content: var(--tw-content);
      right: calc(2 / 4 * 100%);
    }
  }
  .before\:right-3 {
    &::before {
      content: var(--tw-content);
      right: calc(var(--spacing) * 3);
    }
  }
  .before\:right-5 {
    &::before {
      content: var(--tw-content);
      right: calc(var(--spacing) * 5);
    }
  }
  .before\:right-10 {
    &::before {
      content: var(--tw-content);
      right: calc(var(--spacing) * 10);
    }
  }
  .before\:right-40 {
    &::before {
      content: var(--tw-content);
      right: calc(var(--spacing) * 40);
    }
  }
  .before\:right-\[-5\%\] {
    &::before {
      content: var(--tw-content);
      right: -5%;
    }
  }
  .before\:right-\[-5px\] {
    &::before {
      content: var(--tw-content);
      right: -5px;
    }
  }
  .before\:right-\[-30px\] {
    &::before {
      content: var(--tw-content);
      right: -30px;
    }
  }
  .before\:right-\[-104px\] {
    &::before {
      content: var(--tw-content);
      right: -104px;
    }
  }
  .before\:right-\[-117px\] {
    &::before {
      content: var(--tw-content);
      right: -117px;
    }
  }
  .before\:right-\[-185px\] {
    &::before {
      content: var(--tw-content);
      right: -185px;
    }
  }
  .before\:right-\[-253px\] {
    &::before {
      content: var(--tw-content);
      right: -253px;
    }
  }
  .before\:right-\[11\%\] {
    &::before {
      content: var(--tw-content);
      right: 11%;
    }
  }
  .before\:right-\[17\%\] {
    &::before {
      content: var(--tw-content);
      right: 17%;
    }
  }
  .before\:right-\[20px\] {
    &::before {
      content: var(--tw-content);
      right: 20px;
    }
  }
  .before\:right-\[22px\] {
    &::before {
      content: var(--tw-content);
      right: 22px;
    }
  }
  .before\:right-\[30px\] {
    &::before {
      content: var(--tw-content);
      right: 30px;
    }
  }
  .before\:right-\[33\%\] {
    &::before {
      content: var(--tw-content);
      right: 33%;
    }
  }
  .before\:right-\[57px\] {
    &::before {
      content: var(--tw-content);
      right: 57px;
    }
  }
  .before\:right-\[60px\] {
    &::before {
      content: var(--tw-content);
      right: 60px;
    }
  }
  .before\:right-\[70px\] {
    &::before {
      content: var(--tw-content);
      right: 70px;
    }
  }
  .before\:right-\[104\%\] {
    &::before {
      content: var(--tw-content);
      right: 104%;
    }
  }
  .before\:right-auto {
    &::before {
      content: var(--tw-content);
      right: auto;
    }
  }
  .before\:right-full {
    &::before {
      content: var(--tw-content);
      right: 100%;
    }
  }
  .before\:-bottom-0\.5 {
    &::before {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * -0.5);
    }
  }
  .before\:-bottom-2\.5 {
    &::before {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * -2.5);
    }
  }
  .before\:-bottom-5 {
    &::before {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * -5);
    }
  }
  .before\:-bottom-px {
    &::before {
      content: var(--tw-content);
      bottom: -1px;
    }
  }
  .before\:bottom-0 {
    &::before {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * 0);
    }
  }
  .before\:bottom-0\.5 {
    &::before {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * 0.5);
    }
  }
  .before\:bottom-1\.5 {
    &::before {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * 1.5);
    }
  }
  .before\:bottom-2\.5 {
    &::before {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * 2.5);
    }
  }
  .before\:bottom-3 {
    &::before {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * 3);
    }
  }
  .before\:bottom-\[-3px\] {
    &::before {
      content: var(--tw-content);
      bottom: -3px;
    }
  }
  .before\:bottom-\[-5px\] {
    &::before {
      content: var(--tw-content);
      bottom: -5px;
    }
  }
  .before\:bottom-\[-7px\] {
    &::before {
      content: var(--tw-content);
      bottom: -7px;
    }
  }
  .before\:bottom-\[-14\%\] {
    &::before {
      content: var(--tw-content);
      bottom: -14%;
    }
  }
  .before\:bottom-\[-16\%\] {
    &::before {
      content: var(--tw-content);
      bottom: -16%;
    }
  }
  .before\:bottom-\[-25px\] {
    &::before {
      content: var(--tw-content);
      bottom: -25px;
    }
  }
  .before\:bottom-\[-26\%\] {
    &::before {
      content: var(--tw-content);
      bottom: -26%;
    }
  }
  .before\:bottom-\[-100px\] {
    &::before {
      content: var(--tw-content);
      bottom: -100px;
    }
  }
  .before\:bottom-\[-140px\] {
    &::before {
      content: var(--tw-content);
      bottom: -140px;
    }
  }
  .before\:bottom-\[5px\] {
    &::before {
      content: var(--tw-content);
      bottom: 5px;
    }
  }
  .before\:bottom-\[7px\] {
    &::before {
      content: var(--tw-content);
      bottom: 7px;
    }
  }
  .before\:bottom-\[8\%\] {
    &::before {
      content: var(--tw-content);
      bottom: 8%;
    }
  }
  .before\:bottom-\[13\%\] {
    &::before {
      content: var(--tw-content);
      bottom: 13%;
    }
  }
  .before\:bottom-\[22px\] {
    &::before {
      content: var(--tw-content);
      bottom: 22px;
    }
  }
  .before\:bottom-\[25px\] {
    &::before {
      content: var(--tw-content);
      bottom: 25px;
    }
  }
  .before\:bottom-\[30px\] {
    &::before {
      content: var(--tw-content);
      bottom: 30px;
    }
  }
  .before\:bottom-\[41px\] {
    &::before {
      content: var(--tw-content);
      bottom: 41px;
    }
  }
  .before\:bottom-\[45px\] {
    &::before {
      content: var(--tw-content);
      bottom: 45px;
    }
  }
  .before\:bottom-\[50px\] {
    &::before {
      content: var(--tw-content);
      bottom: 50px;
    }
  }
  .before\:bottom-\[55px\] {
    &::before {
      content: var(--tw-content);
      bottom: 55px;
    }
  }
  .before\:bottom-\[78px\] {
    &::before {
      content: var(--tw-content);
      bottom: 78px;
    }
  }
  .before\:-left-0\.5 {
    &::before {
      content: var(--tw-content);
      left: calc(var(--spacing) * -0.5);
    }
  }
  .before\:-left-2 {
    &::before {
      content: var(--tw-content);
      left: calc(var(--spacing) * -2);
    }
  }
  .before\:-left-5 {
    &::before {
      content: var(--tw-content);
      left: calc(var(--spacing) * -5);
    }
  }
  .before\:left-0 {
    &::before {
      content: var(--tw-content);
      left: calc(var(--spacing) * 0);
    }
  }
  .before\:left-1 {
    &::before {
      content: var(--tw-content);
      left: calc(var(--spacing) * 1);
    }
  }
  .before\:left-1\/2 {
    &::before {
      content: var(--tw-content);
      left: calc(1 / 2 * 100%);
    }
  }
  .before\:left-2 {
    &::before {
      content: var(--tw-content);
      left: calc(var(--spacing) * 2);
    }
  }
  .before\:left-2\.5 {
    &::before {
      content: var(--tw-content);
      left: calc(var(--spacing) * 2.5);
    }
  }
  .before\:left-2\/4 {
    &::before {
      content: var(--tw-content);
      left: calc(2 / 4 * 100%);
    }
  }
  .before\:left-5 {
    &::before {
      content: var(--tw-content);
      left: calc(var(--spacing) * 5);
    }
  }
  .before\:left-6 {
    &::before {
      content: var(--tw-content);
      left: calc(var(--spacing) * 6);
    }
  }
  .before\:left-10 {
    &::before {
      content: var(--tw-content);
      left: calc(var(--spacing) * 10);
    }
  }
  .before\:left-\[-0\.9rem\] {
    &::before {
      content: var(--tw-content);
      left: -0.9rem;
    }
  }
  .before\:left-\[-3px\] {
    &::before {
      content: var(--tw-content);
      left: -3px;
    }
  }
  .before\:left-\[-5\%\] {
    &::before {
      content: var(--tw-content);
      left: -5%;
    }
  }
  .before\:left-\[-5px\] {
    &::before {
      content: var(--tw-content);
      left: -5px;
    }
  }
  .before\:left-\[-7\%\] {
    &::before {
      content: var(--tw-content);
      left: -7%;
    }
  }
  .before\:left-\[-9\%\] {
    &::before {
      content: var(--tw-content);
      left: -9%;
    }
  }
  .before\:left-\[-20\%\] {
    &::before {
      content: var(--tw-content);
      left: -20%;
    }
  }
  .before\:left-\[-30px\] {
    &::before {
      content: var(--tw-content);
      left: -30px;
    }
  }
  .before\:left-\[-92px\] {
    &::before {
      content: var(--tw-content);
      left: -92px;
    }
  }
  .before\:left-\[-185px\] {
    &::before {
      content: var(--tw-content);
      left: -185px;
    }
  }
  .before\:left-\[-253px\] {
    &::before {
      content: var(--tw-content);
      left: -253px;
    }
  }
  .before\:left-\[1\%\] {
    &::before {
      content: var(--tw-content);
      left: 1%;
    }
  }
  .before\:left-\[5px\] {
    &::before {
      content: var(--tw-content);
      left: 5px;
    }
  }
  .before\:left-\[7\%\] {
    &::before {
      content: var(--tw-content);
      left: 7%;
    }
  }
  .before\:left-\[8\%\] {
    &::before {
      content: var(--tw-content);
      left: 8%;
    }
  }
  .before\:left-\[9\%\] {
    &::before {
      content: var(--tw-content);
      left: 9%;
    }
  }
  .before\:left-\[9px\] {
    &::before {
      content: var(--tw-content);
      left: 9px;
    }
  }
  .before\:left-\[11\%\] {
    &::before {
      content: var(--tw-content);
      left: 11%;
    }
  }
  .before\:left-\[17\%\] {
    &::before {
      content: var(--tw-content);
      left: 17%;
    }
  }
  .before\:left-\[20px\] {
    &::before {
      content: var(--tw-content);
      left: 20px;
    }
  }
  .before\:left-\[22px\] {
    &::before {
      content: var(--tw-content);
      left: 22px;
    }
  }
  .before\:left-\[24\%\] {
    &::before {
      content: var(--tw-content);
      left: 24%;
    }
  }
  .before\:left-\[32\%\] {
    &::before {
      content: var(--tw-content);
      left: 32%;
    }
  }
  .before\:left-\[33\%\] {
    &::before {
      content: var(--tw-content);
      left: 33%;
    }
  }
  .before\:left-\[35px\] {
    &::before {
      content: var(--tw-content);
      left: 35px;
    }
  }
  .before\:left-\[36\%\] {
    &::before {
      content: var(--tw-content);
      left: 36%;
    }
  }
  .before\:left-\[45\%\] {
    &::before {
      content: var(--tw-content);
      left: 45%;
    }
  }
  .before\:left-\[57px\] {
    &::before {
      content: var(--tw-content);
      left: 57px;
    }
  }
  .before\:left-\[60px\] {
    &::before {
      content: var(--tw-content);
      left: 60px;
    }
  }
  .before\:left-\[70px\] {
    &::before {
      content: var(--tw-content);
      left: 70px;
    }
  }
  .before\:left-\[104\%\] {
    &::before {
      content: var(--tw-content);
      left: 104%;
    }
  }
  .before\:-z-1 {
    &::before {
      content: var(--tw-content);
      z-index: calc(1 * -1);
    }
  }
  .before\:z-1 {
    &::before {
      content: var(--tw-content);
      z-index: 1;
    }
  }
  .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-\[-2\] {
    &::before {
      content: var(--tw-content);
      z-index: -2;
    }
  }
  .before\:z-\[1\] {
    &::before {
      content: var(--tw-content);
      z-index: 1;
    }
  }
  .before\:z-\[2\] {
    &::before {
      content: var(--tw-content);
      z-index: 2;
    }
  }
  .before\:z-\[5\] {
    &::before {
      content: var(--tw-content);
      z-index: 5;
    }
  }
  .before\:z-\[9\] {
    &::before {
      content: var(--tw-content);
      z-index: 9;
    }
  }
  .before\:m-0 {
    &::before {
      content: var(--tw-content);
      margin: calc(var(--spacing) * 0);
    }
  }
  .before\:m-\[0_\.6rem_0\] {
    &::before {
      content: var(--tw-content);
      margin: 0 .6rem 0;
    }
  }
  .before\:m-\[0_\.6rem_0_\.4rem\] {
    &::before {
      content: var(--tw-content);
      margin: 0 .6rem 0 .4rem;
    }
  }
  .before\:mx-2 {
    &::before {
      content: var(--tw-content);
      margin-inline: calc(var(--spacing) * 2);
    }
  }
  .before\:me-6 {
    &::before {
      content: var(--tw-content);
      margin-inline-end: calc(var(--spacing) * 6);
    }
  }
  .before\:-mt-2 {
    &::before {
      content: var(--tw-content);
      margin-top: calc(var(--spacing) * -2);
    }
  }
  .before\:-mt-2\.5 {
    &::before {
      content: var(--tw-content);
      margin-top: calc(var(--spacing) * -2.5);
    }
  }
  .before\:-mt-4 {
    &::before {
      content: var(--tw-content);
      margin-top: calc(var(--spacing) * -4);
    }
  }
  .before\:mt-3\.5 {
    &::before {
      content: var(--tw-content);
      margin-top: calc(var(--spacing) * 3.5);
    }
  }
  .before\:ml-4 {
    &::before {
      content: var(--tw-content);
      margin-left: calc(var(--spacing) * 4);
    }
  }
  .before\:ml-6 {
    &::before {
      content: var(--tw-content);
      margin-left: calc(var(--spacing) * 6);
    }
  }
  .before\:block {
    &::before {
      content: var(--tw-content);
      display: block;
    }
  }
  .before\:flex {
    &::before {
      content: var(--tw-content);
      display: flex;
    }
  }
  .before\:hidden {
    &::before {
      content: var(--tw-content);
      display: none;
    }
  }
  .before\:inline-block {
    &::before {
      content: var(--tw-content);
      display: inline-block;
    }
  }
  .before\:table-cell {
    &::before {
      content: var(--tw-content);
      display: table-cell;
    }
  }
  .before\:size-1 {
    &::before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 1);
      height: calc(var(--spacing) * 1);
    }
  }
  .before\:size-\[3px\] {
    &::before {
      content: var(--tw-content);
      width: 3px;
      height: 3px;
    }
  }
  .before\:size-full {
    &::before {
      content: var(--tw-content);
      width: 100%;
      height: 100%;
    }
  }
  .before\:h-0 {
    &::before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 0);
    }
  }
  .before\:h-0\.5 {
    &::before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 0.5);
    }
  }
  .before\:h-1 {
    &::before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 1);
    }
  }
  .before\:h-1\.5 {
    &::before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 1.5);
    }
  }
  .before\:h-2 {
    &::before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 2);
    }
  }
  .before\:h-2\.5 {
    &::before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 2.5);
    }
  }
  .before\:h-3 {
    &::before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 3);
    }
  }
  .before\:h-3\.5 {
    &::before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 3.5);
    }
  }
  .before\:h-4 {
    &::before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 4);
    }
  }
  .before\:h-5 {
    &::before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 5);
    }
  }
  .before\:h-6 {
    &::before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 6);
    }
  }
  .before\:h-7 {
    &::before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 7);
    }
  }
  .before\:h-8 {
    &::before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 8);
    }
  }
  .before\:h-10 {
    &::before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 10);
    }
  }
  .before\:h-11 {
    &::before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 11);
    }
  }
  .before\:h-12 {
    &::before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 12);
    }
  }
  .before\:h-20 {
    &::before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 20);
    }
  }
  .before\:h-\[0\.2rem\] {
    &::before {
      content: var(--tw-content);
      height: 0.2rem;
    }
  }
  .before\:h-\[0\.05rem\] {
    &::before {
      content: var(--tw-content);
      height: 0.05rem;
    }
  }
  .before\:h-\[1\.8rem\] {
    &::before {
      content: var(--tw-content);
      height: 1.8rem;
    }
  }
  .before\:h-\[3px\] {
    &::before {
      content: var(--tw-content);
      height: 3px;
    }
  }
  .before\:h-\[5px\] {
    &::before {
      content: var(--tw-content);
      height: 5px;
    }
  }
  .before\:h-\[7px\] {
    &::before {
      content: var(--tw-content);
      height: 7px;
    }
  }
  .before\:h-\[11\%\] {
    &::before {
      content: var(--tw-content);
      height: 11%;
    }
  }
  .before\:h-\[13px\] {
    &::before {
      content: var(--tw-content);
      height: 13px;
    }
  }
  .before\:h-\[15px\] {
    &::before {
      content: var(--tw-content);
      height: 15px;
    }
  }
  .before\:h-\[17px\] {
    &::before {
      content: var(--tw-content);
      height: 17px;
    }
  }
  .before\:h-\[18px\] {
    &::before {
      content: var(--tw-content);
      height: 18px;
    }
  }
  .before\:h-\[25px\] {
    &::before {
      content: var(--tw-content);
      height: 25px;
    }
  }
  .before\:h-\[26px\] {
    &::before {
      content: var(--tw-content);
      height: 26px;
    }
  }
  .before\:h-\[36\%\] {
    &::before {
      content: var(--tw-content);
      height: 36%;
    }
  }
  .before\:h-\[45px\] {
    &::before {
      content: var(--tw-content);
      height: 45px;
    }
  }
  .before\:h-\[52px\] {
    &::before {
      content: var(--tw-content);
      height: 52px;
    }
  }
  .before\:h-\[67\%\] {
    &::before {
      content: var(--tw-content);
      height: 67%;
    }
  }
  .before\:h-\[70px\] {
    &::before {
      content: var(--tw-content);
      height: 70px;
    }
  }
  .before\:h-\[78\%\] {
    &::before {
      content: var(--tw-content);
      height: 78%;
    }
  }
  .before\:h-\[82\%\] {
    &::before {
      content: var(--tw-content);
      height: 82%;
    }
  }
  .before\:h-\[83\%\] {
    &::before {
      content: var(--tw-content);
      height: 83%;
    }
  }
  .before\:h-\[85px\] {
    &::before {
      content: var(--tw-content);
      height: 85px;
    }
  }
  .before\:h-\[88\%\] {
    &::before {
      content: var(--tw-content);
      height: 88%;
    }
  }
  .before\:h-\[100px\] {
    &::before {
      content: var(--tw-content);
      height: 100px;
    }
  }
  .before\:h-\[103px\] {
    &::before {
      content: var(--tw-content);
      height: 103px;
    }
  }
  .before\:h-\[118px\] {
    &::before {
      content: var(--tw-content);
      height: 118px;
    }
  }
  .before\:h-\[200px\] {
    &::before {
      content: var(--tw-content);
      height: 200px;
    }
  }
  .before\:h-\[590px\] {
    &::before {
      content: var(--tw-content);
      height: 590px;
    }
  }
  .before\:h-\[860px\] {
    &::before {
      content: var(--tw-content);
      height: 860px;
    }
  }
  .before\:h-\[890px\] {
    &::before {
      content: var(--tw-content);
      height: 890px;
    }
  }
  .before\:h-\[910px\] {
    &::before {
      content: var(--tw-content);
      height: 910px;
    }
  }
  .before\:h-\[995px\] {
    &::before {
      content: var(--tw-content);
      height: 995px;
    }
  }
  .before\:h-\[1016px\] {
    &::before {
      content: var(--tw-content);
      height: 1016px;
    }
  }
  .before\:h-full {
    &::before {
      content: var(--tw-content);
      height: 100%;
    }
  }
  .before\:h-px {
    &::before {
      content: var(--tw-content);
      height: 1px;
    }
  }
  .before\:min-h-full {
    &::before {
      content: var(--tw-content);
      min-height: 100%;
    }
  }
  .before\:w-0 {
    &::before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 0);
    }
  }
  .before\:w-0\.5 {
    &::before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 0.5);
    }
  }
  .before\:w-1 {
    &::before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 1);
    }
  }
  .before\:w-1\.5 {
    &::before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 1.5);
    }
  }
  .before\:w-2 {
    &::before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 2);
    }
  }
  .before\:w-2\.5 {
    &::before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 2.5);
    }
  }
  .before\:w-3 {
    &::before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 3);
    }
  }
  .before\:w-3\.5 {
    &::before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 3.5);
    }
  }
  .before\:w-4 {
    &::before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 4);
    }
  }
  .before\:w-5 {
    &::before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 5);
    }
  }
  .before\:w-6 {
    &::before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 6);
    }
  }
  .before\:w-12 {
    &::before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 12);
    }
  }
  .before\:w-\[0\.2rem\] {
    &::before {
      content: var(--tw-content);
      width: 0.2rem;
    }
  }
  .before\:w-\[1\.8rem\] {
    &::before {
      content: var(--tw-content);
      width: 1.8rem;
    }
  }
  .before\:w-\[3px\] {
    &::before {
      content: var(--tw-content);
      width: 3px;
    }
  }
  .before\:w-\[5px\] {
    &::before {
      content: var(--tw-content);
      width: 5px;
    }
  }
  .before\:w-\[7px\] {
    &::before {
      content: var(--tw-content);
      width: 7px;
    }
  }
  .before\:w-\[13px\] {
    &::before {
      content: var(--tw-content);
      width: 13px;
    }
  }
  .before\:w-\[15px\] {
    &::before {
      content: var(--tw-content);
      width: 15px;
    }
  }
  .before\:w-\[17px\] {
    &::before {
      content: var(--tw-content);
      width: 17px;
    }
  }
  .before\:w-\[18px\] {
    &::before {
      content: var(--tw-content);
      width: 18px;
    }
  }
  .before\:w-\[22px\] {
    &::before {
      content: var(--tw-content);
      width: 22px;
    }
  }
  .before\:w-\[25px\] {
    &::before {
      content: var(--tw-content);
      width: 25px;
    }
  }
  .before\:w-\[26px\] {
    &::before {
      content: var(--tw-content);
      width: 26px;
    }
  }
  .before\:w-\[40\%\] {
    &::before {
      content: var(--tw-content);
      width: 40%;
    }
  }
  .before\:w-\[89\%\] {
    &::before {
      content: var(--tw-content);
      width: 89%;
    }
  }
  .before\:w-\[96\%\] {
    &::before {
      content: var(--tw-content);
      width: 96%;
    }
  }
  .before\:w-\[109\%\] {
    &::before {
      content: var(--tw-content);
      width: 109%;
    }
  }
  .before\:w-\[118px\] {
    &::before {
      content: var(--tw-content);
      width: 118px;
    }
  }
  .before\:w-\[590px\] {
    &::before {
      content: var(--tw-content);
      width: 590px;
    }
  }
  .before\:w-\[860px\] {
    &::before {
      content: var(--tw-content);
      width: 860px;
    }
  }
  .before\:w-\[890px\] {
    &::before {
      content: var(--tw-content);
      width: 890px;
    }
  }
  .before\:w-\[910px\] {
    &::before {
      content: var(--tw-content);
      width: 910px;
    }
  }
  .before\:w-\[995px\] {
    &::before {
      content: var(--tw-content);
      width: 995px;
    }
  }
  .before\:w-\[1016px\] {
    &::before {
      content: var(--tw-content);
      width: 1016px;
    }
  }
  .before\:w-full {
    &::before {
      content: var(--tw-content);
      width: 100%;
    }
  }
  .before\:w-px {
    &::before {
      content: var(--tw-content);
      width: 1px;
    }
  }
  .before\:max-w-5xl {
    &::before {
      content: var(--tw-content);
      max-width: var(--container-5xl);
    }
  }
  .before\:flex-1 {
    &::before {
      content: var(--tw-content);
      flex: 1;
    }
  }
  .before\:flex-\[1_1_0\%\] {
    &::before {
      content: var(--tw-content);
      flex: 1 1 0%;
    }
  }
  .before\:origin-\[0_100\%\] {
    &::before {
      content: var(--tw-content);
      transform-origin: 0 100%;
    }
  }
  .before\:origin-\[50\%_50\%\] {
    &::before {
      content: var(--tw-content);
      transform-origin: 50% 50%;
    }
  }
  .before\:origin-left {
    &::before {
      content: var(--tw-content);
      transform-origin: 0;
    }
  }
  .before\:-translate-x-1\/2 {
    &::before {
      content: var(--tw-content);
      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .before\:-translate-x-2\/4 {
    &::before {
      content: var(--tw-content);
      --tw-translate-x: calc(calc(2 / 4 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .before\:translate-x-4 {
    &::before {
      content: var(--tw-content);
      --tw-translate-x: calc(var(--spacing) * 4);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .before\:translate-x-5 {
    &::before {
      content: var(--tw-content);
      --tw-translate-x: calc(var(--spacing) * 5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .before\:-translate-y-1\/2 {
    &::before {
      content: var(--tw-content);
      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .before\:-translate-y-2\/4 {
    &::before {
      content: var(--tw-content);
      --tw-translate-y: calc(calc(2 / 4 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .before\:translate-y-\[-60\%\] {
    &::before {
      content: var(--tw-content);
      --tw-translate-y: -60%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .before\:scale-x-0 {
    &::before {
      content: var(--tw-content);
      --tw-scale-x: 0%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .before\:scale-y-100 {
    &::before {
      content: var(--tw-content);
      --tw-scale-y: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .before\:-rotate-180 {
    &::before {
      content: var(--tw-content);
      rotate: calc(180deg * -1);
    }
  }
  .before\:rotate-12 {
    &::before {
      content: var(--tw-content);
      rotate: 12deg;
    }
  }
  .before\:rotate-45 {
    &::before {
      content: var(--tw-content);
      rotate: 45deg;
    }
  }
  .before\:rotate-\[60deg\] {
    &::before {
      content: var(--tw-content);
      rotate: 60deg;
    }
  }
  .before\:rotate-\[75deg\] {
    &::before {
      content: var(--tw-content);
      rotate: 75deg;
    }
  }
  .before\:rotate-\[150deg\] {
    &::before {
      content: var(--tw-content);
      rotate: 150deg;
    }
  }
  .before\:skew-y-\[-2\.3deg\] {
    &::before {
      content: var(--tw-content);
      --tw-skew-y: skewY(-2.3deg);
      transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    }
  }
  .before\:skew-y-\[2\.3deg\] {
    &::before {
      content: var(--tw-content);
      --tw-skew-y: skewY(2.3deg);
      transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-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-\[inherit\] {
    &::before {
      content: var(--tw-content);
      animation: inherit;
    }
  }
  .before\:animate-\[jumpThree_5s_infinite_linear\] {
    &::before {
      content: var(--tw-content);
      animation: jumpThree 5s infinite linear;
    }
  }
  .before\:animate-\[jumpTwo_4s_infinite_linear\] {
    &::before {
      content: var(--tw-content);
      animation: jumpTwo 4s infinite linear;
    }
  }
  .before\:animate-\[jumpTwo_5s_infinite_linear\] {
    &::before {
      content: var(--tw-content);
      animation: jumpTwo 5s infinite linear;
    }
  }
  .before\:animate-\[jumpTwo_6s_infinite_linear\] {
    &::before {
      content: var(--tw-content);
      animation: jumpTwo 6s infinite linear;
    }
  }
  .before\:animate-\[jumpTwo_10s_infinite_linear\] {
    &::before {
      content: var(--tw-content);
      animation: jumpTwo 10s infinite linear;
    }
  }
  .before\:animate-\[letters-loading_4s_infinite\] {
    &::before {
      content: var(--tw-content);
      animation: letters-loading 4s infinite;
    }
  }
  .before\:items-center {
    &::before {
      content: var(--tw-content);
      align-items: center;
    }
  }
  .before\:justify-center {
    &::before {
      content: var(--tw-content);
      justify-content: center;
    }
  }
  .before\:overflow-hidden {
    &::before {
      content: var(--tw-content);
      overflow: hidden;
    }
  }
  .before\:rounded-3xl {
    &::before {
      content: var(--tw-content);
      border-radius: var(--radius-3xl);
    }
  }
  .before\:rounded-\[3px\] {
    &::before {
      content: var(--tw-content);
      border-radius: 3px;
    }
  }
  .before\:rounded-\[10px\] {
    &::before {
      content: var(--tw-content);
      border-radius: 10px;
    }
  }
  .before\:rounded-\[15px\] {
    &::before {
      content: var(--tw-content);
      border-radius: 15px;
    }
  }
  .before\:rounded-\[17px\] {
    &::before {
      content: var(--tw-content);
      border-radius: 17px;
    }
  }
  .before\:rounded-\[26px\] {
    &::before {
      content: var(--tw-content);
      border-radius: 26px;
    }
  }
  .before\:rounded-\[50\%\] {
    &::before {
      content: var(--tw-content);
      border-radius: 50%;
    }
  }
  .before\:rounded-\[100\%\] {
    &::before {
      content: var(--tw-content);
      border-radius: 100%;
    }
  }
  .before\:rounded-full {
    &::before {
      content: var(--tw-content);
      border-radius: calc(infinity * 1px);
    }
  }
  .before\:rounded-lg {
    &::before {
      content: var(--tw-content);
      border-radius: calc(var(--radius) + 8px);
    }
  }
  .before\:rounded-md {
    &::before {
      content: var(--tw-content);
      border-radius: var(--radius);
    }
  }
  .before\:rounded-sm {
    &::before {
      content: var(--tw-content);
      border-radius: calc(var(--radius) - 4px);
    }
  }
  .before\:rounded-e-full {
    &::before {
      content: var(--tw-content);
      border-start-end-radius: calc(infinity * 1px);
      border-end-end-radius: calc(infinity * 1px);
    }
  }
  .before\:border {
    &::before {
      content: var(--tw-content);
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .before\:border-2 {
    &::before {
      content: var(--tw-content);
      border-style: var(--tw-border-style);
      border-width: 2px;
    }
  }
  .before\:border-\[10px\] {
    &::before {
      content: var(--tw-content);
      border-style: var(--tw-border-style);
      border-width: 10px;
    }
  }
  .before\:border-x-\[0\.5rem\] {
    &::before {
      content: var(--tw-content);
      border-inline-style: var(--tw-border-style);
      border-inline-width: 0.5rem;
    }
  }
  .before\:border-x-\[0\.75rem\] {
    &::before {
      content: var(--tw-content);
      border-inline-style: var(--tw-border-style);
      border-inline-width: 0.75rem;
    }
  }
  .before\:border-t {
    &::before {
      content: var(--tw-content);
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
  }
  .before\:border-t-0 {
    &::before {
      content: var(--tw-content);
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
  }
  .before\:border-b-\[0\.5rem\] {
    &::before {
      content: var(--tw-content);
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0.5rem;
    }
  }
  .before\:border-b-\[0\.75rem\] {
    &::before {
      content: var(--tw-content);
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0.75rem;
    }
  }
  .before\:border-l {
    &::before {
      content: var(--tw-content);
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }
  .before\:border-dashed {
    &::before {
      content: var(--tw-content);
      --tw-border-style: dashed;
      border-style: dashed;
    }
  }
  .before\:border-dotted {
    &::before {
      content: var(--tw-content);
      --tw-border-style: dotted;
      border-style: dotted;
    }
  }
  .before\:border-solid {
    &::before {
      content: var(--tw-content);
      --tw-border-style: solid;
      border-style: solid;
    }
  }
  .before\:border-\[\#C6FFF6\] {
    &::before {
      content: var(--tw-content);
      border-color: #C6FFF6;
    }
  }
  .before\:border-\[\#E3DDF4\] {
    &::before {
      content: var(--tw-content);
      border-color: #E3DDF4;
    }
  }
  .before\:border-\[\#F1F1F1\] {
    &::before {
      content: var(--tw-content);
      border-color: #F1F1F1;
    }
  }
  .before\:border-\[\#FFD8E2\] {
    &::before {
      content: var(--tw-content);
      border-color: #FFD8E2;
    }
  }
  .before\:border-\[\#FFE0B8\] {
    &::before {
      content: var(--tw-content);
      border-color: #FFE0B8;
    }
  }
  .before\:border-\[\#d5d5d5\] {
    &::before {
      content: var(--tw-content);
      border-color: #d5d5d5;
    }
  }
  .before\:border-\[none\] {
    &::before {
      content: var(--tw-content);
      border-color: none;
    }
  }
  .before\:border-\[rgba\(0\,0\,0\,0\.3\)\] {
    &::before {
      content: var(--tw-content);
      border-color: rgba(0,0,0,0.3);
    }
  }
  .before\:border-\[rgba\(151\,151\,151\,0\.35\)\] {
    &::before {
      content: var(--tw-content);
      border-color: rgba(151,151,151,0.35);
    }
  }
  .before\:border-black {
    &::before {
      content: var(--tw-content);
      border-color: var(--color-black);
    }
  }
  .before\:border-gray-200 {
    &::before {
      content: var(--tw-content);
      border-color: var(--color-gray-200);
    }
  }
  .before\:border-neutral-200 {
    &::before {
      content: var(--tw-content);
      border-color: var(--color-neutral-200);
    }
  }
  .before\:border-transparent {
    &::before {
      content: var(--tw-content);
      border-color: transparent;
    }
  }
  .before\:border-white {
    &::before {
      content: var(--tw-content);
      border-color: var(--color-white);
    }
  }
  .before\:border-t-\[\#E9E9E9\] {
    &::before {
      content: var(--tw-content);
      border-top-color: #E9E9E9;
    }
  }
  .before\:border-r-\[none\] {
    &::before {
      content: var(--tw-content);
      border-right-color: none;
    }
  }
  .before\:border-l-\[\#E9E9E9\] {
    &::before {
      content: var(--tw-content);
      border-left-color: #E9E9E9;
    }
  }
  .before\:border-l-\[none\] {
    &::before {
      content: var(--tw-content);
      border-left-color: none;
    }
  }
  .before\:bg-\[\#\#ffdd99\] {
    &::before {
      content: var(--tw-content);
      background-color: ##ffdd99;
    }
  }
  .before\:bg-\[\#\#ffeaa0\] {
    &::before {
      content: var(--tw-content);
      background-color: ##ffeaa0;
    }
  }
  .before\:bg-\[\#1da1f2\] {
    &::before {
      content: var(--tw-content);
      background-color: #1da1f2;
    }
  }
  .before\:bg-\[\#2eeaed\] {
    &::before {
      content: var(--tw-content);
      background-color: #2eeaed;
    }
  }
  .before\:bg-\[\#3f78e0\] {
    &::before {
      content: var(--tw-content);
      background-color: #3f78e0;
    }
  }
  .before\:bg-\[\#4be8da\] {
    &::before {
      content: var(--tw-content);
      background-color: #4be8da;
    }
  }
  .before\:bg-\[\#6aee90\] {
    &::before {
      content: var(--tw-content);
      background-color: #6aee90;
    }
  }
  .before\:bg-\[\#6f55ff\] {
    &::before {
      content: var(--tw-content);
      background-color: #6f55ff;
    }
  }
  .before\:bg-\[\#8fe9e0\] {
    &::before {
      content: var(--tw-content);
      background-color: #8fe9e0;
    }
  }
  .before\:bg-\[\#8fe9e1\] {
    &::before {
      content: var(--tw-content);
      background-color: #8fe9e1;
    }
  }
  .before\:bg-\[\#9a71ff\] {
    &::before {
      content: var(--tw-content);
      background-color: #9a71ff;
    }
  }
  .before\:bg-\[\#51fcff\] {
    &::before {
      content: var(--tw-content);
      background-color: #51fcff;
    }
  }
  .before\:bg-\[\#75f1d5\] {
    &::before {
      content: var(--tw-content);
      background-color: #75f1d5;
    }
  }
  .before\:bg-\[\#868686\] {
    &::before {
      content: var(--tw-content);
      background-color: #868686;
    }
  }
  .before\:bg-\[\#a49bff\] {
    &::before {
      content: var(--tw-content);
      background-color: #a49bff;
    }
  }
  .before\:bg-\[\#aab0bc\] {
    &::before {
      content: var(--tw-content);
      background-color: #aab0bc;
    }
  }
  .before\:bg-\[\#ae78ff\] {
    &::before {
      content: var(--tw-content);
      background-color: #ae78ff;
    }
  }
  .before\:bg-\[\#d4fdf1\] {
    &::before {
      content: var(--tw-content);
      background-color: #d4fdf1;
    }
  }
  .before\:bg-\[\#d44638\] {
    &::before {
      content: var(--tw-content);
      background-color: #d44638;
    }
  }
  .before\:bg-\[\#dbf7ff\] {
    &::before {
      content: var(--tw-content);
      background-color: #dbf7ff;
    }
  }
  .before\:bg-\[\#ea4c89\] {
    &::before {
      content: var(--tw-content);
      background-color: #ea4c89;
    }
  }
  .before\:bg-\[\#f7faff\] {
    &::before {
      content: var(--tw-content);
      background-color: #f7faff;
    }
  }
  .before\:bg-\[\#fac3ff\] {
    &::before {
      content: var(--tw-content);
      background-color: #fac3ff;
    }
  }
  .before\:bg-\[\#fafaff\] {
    &::before {
      content: var(--tw-content);
      background-color: #fafaff;
    }
  }
  .before\:bg-\[\#ff6cc4\] {
    &::before {
      content: var(--tw-content);
      background-color: #ff6cc4;
    }
  }
  .before\:bg-\[\#ff53b3\] {
    &::before {
      content: var(--tw-content);
      background-color: #ff53b3;
    }
  }
  .before\:bg-\[\#ff57c5\] {
    &::before {
      content: var(--tw-content);
      background-color: #ff57c5;
    }
  }
  .before\:bg-\[\#ffb15f\] {
    &::before {
      content: var(--tw-content);
      background-color: #ffb15f;
    }
  }
  .before\:bg-\[\#ffb651\] {
    &::before {
      content: var(--tw-content);
      background-color: #ffb651;
    }
  }
  .before\:bg-\[\#ffb840\] {
    &::before {
      content: var(--tw-content);
      background-color: #ffb840;
    }
  }
  .before\:bg-\[\#ffcd8b\] {
    &::before {
      content: var(--tw-content);
      background-color: #ffcd8b;
    }
  }
  .before\:bg-\[\#ffd5ad\] {
    &::before {
      content: var(--tw-content);
      background-color: #ffd5ad;
    }
  }
  .before\:bg-\[\#ffdd99\] {
    &::before {
      content: var(--tw-content);
      background-color: #ffdd99;
    }
  }
  .before\:bg-\[\#ffe3e3\] {
    &::before {
      content: var(--tw-content);
      background-color: #ffe3e3;
    }
  }
  .before\:bg-\[\#ffeaa0\] {
    &::before {
      content: var(--tw-content);
      background-color: #ffeaa0;
    }
  }
  .before\:bg-\[111\.21deg\] {
    &::before {
      content: var(--tw-content);
      background-color: 111.21deg;
    }
  }
  .before\:bg-\[rgba\(0\,0\,0\,\.08\)\] {
    &::before {
      content: var(--tw-content);
      background-color: rgba(0,0,0,.08);
    }
  }
  .before\:bg-\[rgba\(0\,0\,0\,0\.4\)\] {
    &::before {
      content: var(--tw-content);
      background-color: rgba(0,0,0,0.4);
    }
  }
  .before\:bg-\[rgba\(11\,10\,10\,0\.25\)\] {
    &::before {
      content: var(--tw-content);
      background-color: rgba(11,10,10,0.25);
    }
  }
  .before\:bg-\[rgba\(17\,14\,14\,0\.8\)\] {
    &::before {
      content: var(--tw-content);
      background-color: rgba(17,14,14,0.8);
    }
  }
  .before\:bg-\[rgba\(30\,34\,40\,\.3\)\] {
    &::before {
      content: var(--tw-content);
      background-color: rgba(30,34,40,.3);
    }
  }
  .before\:bg-\[rgba\(89\,156\,255\,0\.1\)\] {
    &::before {
      content: var(--tw-content);
      background-color: rgba(89,156,255,0.1);
    }
  }
  .before\:bg-\[rgba\(89\,156\,255\,0\.12\)\] {
    &::before {
      content: var(--tw-content);
      background-color: rgba(89,156,255,0.12);
    }
  }
  .before\:bg-\[rgba\(89\,156\,255\,0\.13\)\] {
    &::before {
      content: var(--tw-content);
      background-color: rgba(89,156,255,0.13);
    }
  }
  .before\:bg-\[rgba\(241\,193\,83\,0\.4\)\] {
    &::before {
      content: var(--tw-content);
      background-color: rgba(241,193,83,0.4);
    }
  }
  .before\:bg-\[rgba\(241\,193\,83\,0\.45\)\] {
    &::before {
      content: var(--tw-content);
      background-color: rgba(241,193,83,0.45);
    }
  }
  .before\:bg-\[rgba\(255\,255\,255\,\.6\)\] {
    &::before {
      content: var(--tw-content);
      background-color: rgba(255,255,255,.6);
    }
  }
  .before\:bg-\[rgba\(255\,255\,255\,\.08\)\] {
    &::before {
      content: var(--tw-content);
      background-color: rgba(255,255,255,.08);
    }
  }
  .before\:bg-\[rgba\(255\,255\,255\,\.9\)\] {
    &::before {
      content: var(--tw-content);
      background-color: rgba(255,255,255,.9);
    }
  }
  .before\:bg-\[rgba\(255\,255\,255\,0\.04\)\] {
    &::before {
      content: var(--tw-content);
      background-color: rgba(255,255,255,0.04);
    }
  }
  .before\:bg-\[rgba\(255\,255\,255\,0\.4\)\] {
    &::before {
      content: var(--tw-content);
      background-color: rgba(255,255,255,0.4);
    }
  }
  .before\:bg-\[rgba\(255\,255\,255\,0\.7\)\] {
    &::before {
      content: var(--tw-content);
      background-color: rgba(255,255,255,0.7);
    }
  }
  .before\:bg-\[var\(--blue-dark\)\] {
    &::before {
      content: var(--tw-content);
      background-color: var(--blue-dark);
    }
  }
  .before\:bg-\[var\(--vin-red\)\] {
    &::before {
      content: var(--tw-content);
      background-color: var(--vin-red);
    }
  }
  .before\:bg-\[var\(--yellow-deep\)\] {
    &::before {
      content: var(--tw-content);
      background-color: var(--yellow-deep);
    }
  }
  .before\:bg-black {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-black);
    }
  }
  .before\:bg-black\/15 {
    &::before {
      content: var(--tw-content);
      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);
      }
    }
  }
  .before\:bg-black\/20 {
    &::before {
      content: var(--tw-content);
      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);
      }
    }
  }
  .before\:bg-black\/60 {
    &::before {
      content: var(--tw-content);
      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);
      }
    }
  }
  .before\:bg-cyan-700 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-cyan-700);
    }
  }
  .before\:bg-gray-200 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-gray-200);
    }
  }
  .before\:bg-gray-300 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-gray-300);
    }
  }
  .before\:bg-gray-400 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-gray-400);
    }
  }
  .before\:bg-inherit {
    &::before {
      content: var(--tw-content);
      background-color: inherit;
    }
  }
  .before\:bg-lime-400 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-lime-400);
    }
  }
  .before\:bg-neutral-300 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-neutral-300);
    }
  }
  .before\:bg-neutral-800 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-neutral-800);
    }
  }
  .before\:bg-neutral-800\/30 {
    &::before {
      content: var(--tw-content);
      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);
      }
    }
  }
  .before\:bg-white {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-white);
    }
  }
  .before\:bg-linear-to-t {
    &::before {
      content: var(--tw-content);
      --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));
    }
  }
  .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-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-tr {
    &::before {
      content: var(--tw-content);
      --tw-gradient-position: to top right in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
    }
  }
  .before\:bg-\[linear-gradient\(90\.6deg\,\#F548A0_2\.93\%\,\#F57C35_99\.47\%\)\] {
    &::before {
      content: var(--tw-content);
      background-image: linear-gradient(90.6deg,#F548A0 2.93%,#F57C35 99.47%);
    }
  }
  .before\:bg-\[url\(\'\/images\/testimonial\/greenpic\.svg\'\)\] {
    &::before {
      content: var(--tw-content);
      background-image: url('/images/testimonial/greenpic.svg');
    }
  }
  .before\:bg-\[url\(\.\.\/images\/shape\/37\.svg\)\] {
    &::before {
      content: var(--tw-content);
      background-image: url(../images/shape/37.svg);
    }
  }
  .before\:bg-\[url\(\.\.\/images\/shape\/48\.svg\)\] {
    &::before {
      content: var(--tw-content);
      background-image: url(../images/shape/48.svg);
    }
  }
  .before\:bg-\[url\(\.\.\/images\/shape\/58\.svg\)\] {
    &::before {
      content: var(--tw-content);
      background-image: url(../images/shape/58.svg);
    }
  }
  .before\:bg-\[url\(\.\.\/images\/shape\/67\.svg\)\] {
    &::before {
      content: var(--tw-content);
      background-image: url(../images/shape/67.svg);
    }
  }
  .before\:bg-\[url\(\.\.\/images\/shape\/99\.svg\)\] {
    &::before {
      content: var(--tw-content);
      background-image: url(../images/shape/99.svg);
    }
  }
  .before\:bg-\[url\(\.\.\/images\/shape\/105\.svg\)\] {
    &::before {
      content: var(--tw-content);
      background-image: url(../images/shape/105.svg);
    }
  }
  .before\:bg-\[url\(\.\.\/images\/shape\/115\.svg\)\] {
    &::before {
      content: var(--tw-content);
      background-image: url(../images/shape/115.svg);
    }
  }
  .before\:bg-\[url\(\.\.\/images\/shape\/118\.svg\)\] {
    &::before {
      content: var(--tw-content);
      background-image: url(../images/shape/118.svg);
    }
  }
  .before\:bg-\[url\(\.\.\/images\/shape\/122\.svg\)\] {
    &::before {
      content: var(--tw-content);
      background-image: url(../images/shape/122.svg);
    }
  }
  .before\:bg-\[url\(\.\.\/images\/shape\/123\.svg\)\] {
    &::before {
      content: var(--tw-content);
      background-image: url(../images/shape/123.svg);
    }
  }
  .before\:bg-\[url\(\.\.\/images\/shape\/127\.svg\)\] {
    &::before {
      content: var(--tw-content);
      background-image: url(../images/shape/127.svg);
    }
  }
  .before\:bg-\[url\(\.\.\/images\/shape\/226\.jpg\)\] {
    &::before {
      content: var(--tw-content);
      background-image: url(../images/shape/226.jpg);
    }
  }
  .before\:bg-\[url\(\.\.\/images\/shape\/228\.jpg\)\] {
    &::before {
      content: var(--tw-content);
      background-image: url(../images/shape/228.jpg);
    }
  }
  .before\:bg-\[url\(\.\.\/images\/shape\/bg8\.svg\)\] {
    &::before {
      content: var(--tw-content);
      background-image: url(../images/shape/bg8.svg);
    }
  }
  .before\:bg-\[url\(\.\.\/images\/shape\/line-shape-4\.svg\)\] {
    &::before {
      content: var(--tw-content);
      background-image: url(../images/shape/line-shape-4.svg);
    }
  }
  .before\:from-\[\#0f1123\] {
    &::before {
      content: var(--tw-content);
      --tw-gradient-from: #0f1123;
      --tw-gradient-stops: var(--tw-gradient-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-\[\#b526a6\] {
    &::before {
      content: var(--tw-content);
      --tw-gradient-from: #b526a6;
      --tw-gradient-stops: var(--tw-gradient-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-\[\#fffbf2\] {
    &::before {
      content: var(--tw-content);
      --tw-gradient-from: #fffbf2;
      --tw-gradient-stops: var(--tw-gradient-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-900\/\[\.7\] {
    &::before {
      content: var(--tw-content);
      --tw-gradient-from: color-mix(in srgb, oklch(20.5% 0 0) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-neutral-900) 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));
    }
  }
  .before\:via-\[\#e14e66\] {
    &::before {
      content: var(--tw-content);
      --tw-gradient-via: #e14e66;
      --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-\[rgba\(15\,17\,35\,0\.89\)24\.08\%\] {
    &::before {
      content: var(--tw-content);
      --tw-gradient-via: rgba(15,17,35,0.89)24.08%;
      --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-\[\#e38039\] {
    &::before {
      content: var(--tw-content);
      --tw-gradient-to: #e38039;
      --tw-gradient-stops: var(--tw-gradient-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-\[\#edfffd\] {
    &::before {
      content: var(--tw-content);
      --tw-gradient-to: #edfffd;
      --tw-gradient-stops: var(--tw-gradient-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-\[rgba\(14\,16\,31\,0\)81\.75\%\] {
    &::before {
      content: var(--tw-content);
      --tw-gradient-to: rgba(14,16,31,0)81.75%;
      --tw-gradient-stops: var(--tw-gradient-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\:bg-cover {
    &::before {
      content: var(--tw-content);
      background-size: cover;
    }
  }
  .before\:bg-\[center_bottom\] {
    &::before {
      content: var(--tw-content);
      background-position: center bottom;
    }
  }
  .before\:bg-\[center_top\] {
    &::before {
      content: var(--tw-content);
      background-position: center top;
    }
  }
  .before\:bg-\[top_center\] {
    &::before {
      content: var(--tw-content);
      background-position: top center;
    }
  }
  .before\:bg-center {
    &::before {
      content: var(--tw-content);
      background-position: center;
    }
  }
  .before\:bg-no-repeat {
    &::before {
      content: var(--tw-content);
      background-repeat: no-repeat;
    }
  }
  .before\:p-0 {
    &::before {
      content: var(--tw-content);
      padding: calc(var(--spacing) * 0);
    }
  }
  .before\:pr-\[0\.2rem\] {
    &::before {
      content: var(--tw-content);
      padding-right: 0.2rem;
    }
  }
  .before\:text-center {
    &::before {
      content: var(--tw-content);
      text-align: center;
    }
  }
  .before\:align-\[\.15rem\] {
    &::before {
      content: var(--tw-content);
      vertical-align: .15rem;
    }
  }
  .before\:align-middle {
    &::before {
      content: var(--tw-content);
      vertical-align: middle;
    }
  }
  .before\:text-\[0\.9rem\] {
    &::before {
      content: var(--tw-content);
      font-size: 0.9rem;
    }
  }
  .before\:text-\[1\.05rem\] {
    &::before {
      content: var(--tw-content);
      font-size: 1.05rem;
    }
  }
  .before\:text-\[1rem\] {
    &::before {
      content: var(--tw-content);
      font-size: 1rem;
    }
  }
  .before\:text-\[8px\] {
    &::before {
      content: var(--tw-content);
      font-size: 8px;
    }
  }
  .before\:text-\[10px\] {
    &::before {
      content: var(--tw-content);
      font-size: 10px;
    }
  }
  .before\:text-\[10rem\] {
    &::before {
      content: var(--tw-content);
      font-size: 10rem;
    }
  }
  .before\:text-\[12px\] {
    &::before {
      content: var(--tw-content);
      font-size: 12px;
    }
  }
  .before\:text-\[24px\] {
    &::before {
      content: var(--tw-content);
      font-size: 24px;
    }
  }
  .before\:text-\[28px\] {
    &::before {
      content: var(--tw-content);
      font-size: 28px;
    }
  }
  .before\:text-\[50px\] {
    &::before {
      content: var(--tw-content);
      font-size: 50px;
    }
  }
  .before\:text-\[80px\] {
    &::before {
      content: var(--tw-content);
      font-size: 80px;
    }
  }
  .before\:leading-3 {
    &::before {
      content: var(--tw-content);
      --tw-leading: calc(var(--spacing) * 3);
      line-height: calc(var(--spacing) * 3);
    }
  }
  .before\:leading-8 {
    &::before {
      content: var(--tw-content);
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
    }
  }
  .before\:leading-\[0\] {
    &::before {
      content: var(--tw-content);
      --tw-leading: 0;
      line-height: 0;
    }
  }
  .before\:leading-\[1\.8rem\] {
    &::before {
      content: var(--tw-content);
      --tw-leading: 1.8rem;
      line-height: 1.8rem;
    }
  }
  .before\:leading-\[11px\] {
    &::before {
      content: var(--tw-content);
      --tw-leading: 11px;
      line-height: 11px;
    }
  }
  .before\:leading-\[70px\] {
    &::before {
      content: var(--tw-content);
      --tw-leading: 70px;
      line-height: 70px;
    }
  }
  .before\:leading-none {
    &::before {
      content: var(--tw-content);
      --tw-leading: 1;
      line-height: 1;
    }
  }
  .before\:font-bold {
    &::before {
      content: var(--tw-content);
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .before\:font-normal {
    &::before {
      content: var(--tw-content);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
  }
  .before\:\!text-\[\#605dba\] {
    &::before {
      content: var(--tw-content);
      color: #605dba !important;
    }
  }
  .before\:text-\[\#343f52\] {
    &::before {
      content: var(--tw-content);
      color: #343f52;
    }
  }
  .before\:text-\[\#655c97\] {
    &::before {
      content: var(--tw-content);
      color: #655c97;
    }
  }
  .before\:text-\[\#959ca9\] {
    &::before {
      content: var(--tw-content);
      color: #959ca9;
    }
  }
  .before\:text-\[\#fcc032\] {
    &::before {
      content: var(--tw-content);
      color: #fcc032;
    }
  }
  .before\:text-\[rgba\(38\,43\,50\,0\.1\)\] {
    &::before {
      content: var(--tw-content);
      color: rgba(38,43,50,0.1);
    }
  }
  .before\:text-\[rgba\(52\,63\,82\,0\.05\)\] {
    &::before {
      content: var(--tw-content);
      color: rgba(52,63,82,0.05);
    }
  }
  .before\:text-black {
    &::before {
      content: var(--tw-content);
      color: var(--color-black);
    }
  }
  .before\:text-white {
    &::before {
      content: var(--tw-content);
      color: var(--color-white);
    }
  }
  .before\:not-italic {
    &::before {
      content: var(--tw-content);
      font-style: normal;
    }
  }
  .before\:opacity-0 {
    &::before {
      content: var(--tw-content);
      opacity: 0%;
    }
  }
  .before\:opacity-50 {
    &::before {
      content: var(--tw-content);
      opacity: 50%;
    }
  }
  .before\:opacity-90 {
    &::before {
      content: var(--tw-content);
      opacity: 90%;
    }
  }
  .before\:opacity-100 {
    &::before {
      content: var(--tw-content);
      opacity: 100%;
    }
  }
  .before\:opacity-\[0\.16\] {
    &::before {
      content: var(--tw-content);
      opacity: 0.16;
    }
  }
  .before\:opacity-\[0\.32\] {
    &::before {
      content: var(--tw-content);
      opacity: 0.32;
    }
  }
  .before\:shadow {
    &::before {
      content: var(--tw-content);
      --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);
    }
  }
  .before\:shadow-\[0px_-3px_21px_rgba\(0\,0\,0\,0\.04\)\] {
    &::before {
      content: var(--tw-content);
      --tw-shadow: 0px -3px 21px 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);
    }
  }
  .before\:shadow-none {
    &::before {
      content: var(--tw-content);
      --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);
    }
  }
  .before\:shadow-xl {
    &::before {
      content: var(--tw-content);
      --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);
    }
  }
  .before\:blur-\[50px\] {
    &::before {
      content: var(--tw-content);
      --tw-blur: blur(50px);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
  }
  .before\:blur-\[100px\] {
    &::before {
      content: var(--tw-content);
      --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,);
    }
  }
  .before\:drop-shadow-\[0px_-7px_10px_rgba\(137\,139\,142\,0\.06\)\] {
    &::before {
      content: var(--tw-content);
      --tw-drop-shadow-size: drop-shadow(0px -7px 10px var(--tw-drop-shadow-color, rgba(137,139,142,0.06)));
      --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,);
    }
  }
  .before\:backdrop-blur-md {
    &::before {
      content: var(--tw-content);
      --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,);
    }
  }
  .before\:transition {
    &::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, 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));
    }
  }
  .before\:transition-\[background\] {
    &::before {
      content: var(--tw-content);
      transition-property: background;
      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-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\:transition-transform {
    &::before {
      content: var(--tw-content);
      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));
    }
  }
  .before\:delay-\[0\.2s\] {
    &::before {
      content: var(--tw-content);
      transition-delay: 0.2s;
    }
  }
  .before\:delay-\[0\.4s\] {
    &::before {
      content: var(--tw-content);
      transition-delay: 0.4s;
    }
  }
  .before\:delay-\[0\.6s\] {
    &::before {
      content: var(--tw-content);
      transition-delay: 0.6s;
    }
  }
  .before\:delay-\[0\.8s\] {
    &::before {
      content: var(--tw-content);
      transition-delay: 0.8s;
    }
  }
  .before\:delay-\[0s\] {
    &::before {
      content: var(--tw-content);
      transition-delay: 0s;
    }
  }
  .before\:delay-\[1s\] {
    &::before {
      content: var(--tw-content);
      transition-delay: 1s;
    }
  }
  .before\:duration-200 {
    &::before {
      content: var(--tw-content);
      --tw-duration: 200ms;
      transition-duration: 200ms;
    }
  }
  .before\:duration-\[0\.1s\] {
    &::before {
      content: var(--tw-content);
      --tw-duration: 0.1s;
      transition-duration: 0.1s;
    }
  }
  .before\:duration-\[0\.2s\] {
    &::before {
      content: var(--tw-content);
      --tw-duration: 0.2s;
      transition-duration: 0.2s;
    }
  }
  .before\:duration-\[0\.3s\] {
    &::before {
      content: var(--tw-content);
      --tw-duration: 0.3s;
      transition-duration: 0.3s;
    }
  }
  .before\:duration-\[0\.25s\] {
    &::before {
      content: var(--tw-content);
      --tw-duration: 0.25s;
      transition-duration: 0.25s;
    }
  }
  .before\:ease-\[ease-in-out\] {
    &::before {
      content: var(--tw-content);
      --tw-ease: ease-in-out;
      transition-timing-function: ease-in-out;
    }
  }
  .before\:ease-in-out {
    &::before {
      content: var(--tw-content);
      --tw-ease: var(--ease-in-out);
      transition-timing-function: var(--ease-in-out);
    }
  }
  .before\:content-\[\'\#\'\] {
    &::before {
      --tw-content: '#';
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'\'\] {
    &::before {
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'\+\'\] {
    &::before {
      --tw-content: '+';
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'\\201d\'\] {
    &::before {
      --tw-content: '\201d';
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'\\2014\\a0\'\] {
    &::before {
      --tw-content: '\2014\a0';
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'\\2022\'\] {
    &::before {
      --tw-content: '\2022';
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'\\2605\\2605\\2605\\2605\\2605\'\] {
    &::before {
      --tw-content: '\2605\2605\2605\2605\2605';
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'\\e9ba\'\] {
    &::before {
      --tw-content: '\e9ba';
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'\\e9dd\'\] {
    &::before {
      --tw-content: '\e9dd';
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'\\e94c\'\] {
    &::before {
      --tw-content: '\e94c';
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'\\e949\'\] {
    &::before {
      --tw-content: '\e949';
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'\\ea54\'\] {
    &::before {
      --tw-content: '\ea54';
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'\\ea56\'\] {
    &::before {
      --tw-content: '\ea56';
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'\\eaa2\'\] {
    &::before {
      --tw-content: '\eaa2';
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'\\eae2\'\] {
    &::before {
      --tw-content: '\eae2';
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'\\eaec\'\] {
    &::before {
      --tw-content: '\eaec';
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'\\eb9c\'\] {
    &::before {
      --tw-content: '\eb9c';
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'\\eb60\'\] {
    &::before {
      --tw-content: '\eb60';
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'\\eb99\'\] {
    &::before {
      --tw-content: '\eb99';
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'\\ebd1\'\] {
    &::before {
      --tw-content: '\ebd1';
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'\\eca5\'\] {
    &::before {
      --tw-content: '\eca5';
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'\\ecb0\'\] {
    &::before {
      --tw-content: '\ecb0';
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'\\ed3b\'\] {
    &::before {
      --tw-content: '\ed3b';
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'\\ed6f\'\] {
    &::before {
      --tw-content: '\ed6f';
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'\\ed59\'\] {
    &::before {
      --tw-content: '\ed59';
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'\\edb5\'\] {
    &::before {
      --tw-content: '\edb5';
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'\\f0de\'\] {
    &::before {
      --tw-content: '\f0de';
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'\\f107\'\] {
    &::before {
      --tw-content: '\f107';
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'“\'\] {
    &::before {
      --tw-content: '“';
      content: var(--tw-content);
    }
  }
  .before\:content-\[attr\(data-text-preloader\)\] {
    &::before {
      --tw-content: attr(data-text-preloader);
      content: var(--tw-content);
    }
  }
  .before\:content-\[url\(\.\.\/images\/assets\/ils\\_01\.svg\)\] {
    &::before {
      --tw-content: url(../images/assets/ils\_01.svg);
      content: var(--tw-content);
    }
  }
  .before\:content-\[url\(\.\.\/images\/assets\/ils\\_03\.svg\)\] {
    &::before {
      --tw-content: url(../images/assets/ils\_03.svg);
      content: var(--tw-content);
    }
  }
  .before\:content-\[url\(\.\.\/images\/assets\/ils_02\.svg\)\] {
    &::before {
      --tw-content: url(../images/assets/ils_02.svg);
      content: var(--tw-content);
    }
  }
  .before\:content-\[url\(\.\.\/images\/icon\/05\.svg\)\] {
    &::before {
      --tw-content: url(../images/icon/05.svg);
      content: var(--tw-content);
    }
  }
  .before\:content-\[url\(\.\.\/images\/icon\/06\.svg\)\] {
    &::before {
      --tw-content: url(../images/icon/06.svg);
      content: var(--tw-content);
    }
  }
  .before\:content-\[url\(\.\.\/images\/icon\/19\.svg\)\] {
    &::before {
      --tw-content: url(../images/icon/19.svg);
      content: var(--tw-content);
    }
  }
  .before\:content-\[url\(\.\.\/images\/icon\/39\.svg\)\] {
    &::before {
      --tw-content: url(../images/icon/39.svg);
      content: var(--tw-content);
    }
  }
  .before\:content-\[url\(\.\.\/images\/icon\/43\.svg\)\] {
    &::before {
      --tw-content: url(../images/icon/43.svg);
      content: var(--tw-content);
    }
  }
  .before\:content-\[url\(\.\.\/images\/icon\/49\.svg\)\] {
    &::before {
      --tw-content: url(../images/icon/49.svg);
      content: var(--tw-content);
    }
  }
  .before\:content-\[url\(\.\.\/images\/icon\/58\.svg\)\] {
    &::before {
      --tw-content: url(../images/icon/58.svg);
      content: var(--tw-content);
    }
  }
  .before\:content-\[url\(\.\.\/images\/icon\/63\.svg\)\] {
    &::before {
      --tw-content: url(../images/icon/63.svg);
      content: var(--tw-content);
    }
  }
  .before\:content-\[url\(\.\.\/images\/icon\/64\.svg\)\] {
    &::before {
      --tw-content: url(../images/icon/64.svg);
      content: var(--tw-content);
    }
  }
  .before\:content-\[url\(\.\.\/images\/icon\/76\.svg\)\] {
    &::before {
      --tw-content: url(../images/icon/76.svg);
      content: var(--tw-content);
    }
  }
  .before\:content-\[url\(\.\.\/images\/icon\/87\.svg\)\] {
    &::before {
      --tw-content: url(../images/icon/87.svg);
      content: var(--tw-content);
    }
  }
  .before\:content-\[url\(\.\.\/images\/icon\/89\.svg\)\] {
    &::before {
      --tw-content: url(../images/icon/89.svg);
      content: var(--tw-content);
    }
  }
  .before\:content-\[url\(\.\.\/images\/icon\/101\.svg\)\] {
    &::before {
      --tw-content: url(../images/icon/101.svg);
      content: var(--tw-content);
    }
  }
  .before\:content-\[url\(\.\.\/images\/icon\/139\.svg\)\] {
    &::before {
      --tw-content: url(../images/icon/139.svg);
      content: var(--tw-content);
    }
  }
  .before\:content-\[url\(\.\.\/images\/icon\/177\.svg\)\] {
    &::before {
      --tw-content: url(../images/icon/177.svg);
      content: var(--tw-content);
    }
  }
  .before\:content-\[url\(\.\.\/images\/icon\/189\.svg\)\] {
    &::before {
      --tw-content: url(../images/icon/189.svg);
      content: var(--tw-content);
    }
  }
  .before\:content-\[url\(\.\.\/images\/shape\/9\.svg\)\] {
    &::before {
      --tw-content: url(../images/shape/9.svg);
      content: var(--tw-content);
    }
  }
  .before\:content-\[url\(\.\.\/images\/shape\/10\.svg\)\] {
    &::before {
      --tw-content: url(../images/shape/10.svg);
      content: var(--tw-content);
    }
  }
  .before\:content-\[url\(\.\.\/images\/shape\/11\.svg\)\] {
    &::before {
      --tw-content: url(../images/shape/11.svg);
      content: var(--tw-content);
    }
  }
  .before\:content-\[url\(\.\.\/images\/shape\/12\.svg\)\] {
    &::before {
      --tw-content: url(../images/shape/12.svg);
      content: var(--tw-content);
    }
  }
  .before\:content-\[url\(\.\.\/images\/shape\/13\.svg\)\] {
    &::before {
      --tw-content: url(../images/shape/13.svg);
      content: var(--tw-content);
    }
  }
  .before\:content-\[url\(\.\.\/images\/shape\/15\.svg\)\] {
    &::before {
      --tw-content: url(../images/shape/15.svg);
      content: var(--tw-content);
    }
  }
  .before\:content-\[url\(\.\.\/images\/shape\/17\.svg\)\] {
    &::before {
      --tw-content: url(../images/shape/17.svg);
      content: var(--tw-content);
    }
  }
  .before\:content-\[url\(\.\.\/images\/shape\/43\.svg\)\] {
    &::before {
      --tw-content: url(../images/shape/43.svg);
      content: var(--tw-content);
    }
  }
  .before\:content-\[url\(\.\.\/images\/shape\/44\.svg\)\] {
    &::before {
      --tw-content: url(../images/shape/44.svg);
      content: var(--tw-content);
    }
  }
  .before\:content-\[url\(\.\.\/images\/shape\/45\.svg\)\] {
    &::before {
      --tw-content: url(../images/shape/45.svg);
      content: var(--tw-content);
    }
  }
  .before\:content-\[url\(\.\.\/images\/shape\/55\.svg\)\] {
    &::before {
      --tw-content: url(../images/shape/55.svg);
      content: var(--tw-content);
    }
  }
  .before\:content-\[url\(\.\.\/images\/shape\/56\.svg\)\] {
    &::before {
      --tw-content: url(../images/shape/56.svg);
      content: var(--tw-content);
    }
  }
  .before\:content-\[url\(\.\.\/images\/shape\/57\.svg\)\] {
    &::before {
      --tw-content: url(../images/shape/57.svg);
      content: var(--tw-content);
    }
  }
  .before\:content-\[url\(\.\.\/images\/shape\/92\.svg\)\] {
    &::before {
      --tw-content: url(../images/shape/92.svg);
      content: var(--tw-content);
    }
  }
  .before\:content-\[url\(\.\.\/images\/shape\/97\.svg\)\] {
    &::before {
      --tw-content: url(../images/shape/97.svg);
      content: var(--tw-content);
    }
  }
  .before\:content-\[url\(\.\.\/images\/shape\/104\.svg\)\] {
    &::before {
      --tw-content: url(../images/shape/104.svg);
      content: var(--tw-content);
    }
  }
  .before\:content-\[url\(\.\.\/images\/shape\/117\.svg\)\] {
    &::before {
      --tw-content: url(../images/shape/117.svg);
      content: var(--tw-content);
    }
  }
  .before\:content-\[url\(\.\.\/images\/shape\/line-shape-9\.svg\)\] {
    &::before {
      --tw-content: url(../images/shape/line-shape-9.svg);
      content: var(--tw-content);
    }
  }
  .before\:delay-\[0\.2s\] {
    &::before {
      content: var(--tw-content);
      animation-delay: 0.2s;
      --tw-animation-delay: 0.2s;
    }
  }
  .before\:delay-\[0\.4s\] {
    &::before {
      content: var(--tw-content);
      animation-delay: 0.4s;
      --tw-animation-delay: 0.4s;
    }
  }
  .before\:delay-\[0\.6s\] {
    &::before {
      content: var(--tw-content);
      animation-delay: 0.6s;
      --tw-animation-delay: 0.6s;
    }
  }
  .before\:delay-\[0\.8s\] {
    &::before {
      content: var(--tw-content);
      animation-delay: 0.8s;
      --tw-animation-delay: 0.8s;
    }
  }
  .before\:delay-\[0s\] {
    &::before {
      content: var(--tw-content);
      animation-delay: 0s;
      --tw-animation-delay: 0s;
    }
  }
  .before\:delay-\[1s\] {
    &::before {
      content: var(--tw-content);
      animation-delay: 1s;
      --tw-animation-delay: 1s;
    }
  }
  .group-hover\:before\:scale-x-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        &::before {
          content: var(--tw-content);
          --tw-scale-x: 100%;
          scale: var(--tw-scale-x) var(--tw-scale-y);
        }
      }
    }
  }
  .group-hover\:before\:animate-\[hvr-ripple-out_2\.75s_infinite_linear\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        &::before {
          content: var(--tw-content);
          animation: hvr-ripple-out 2.75s infinite linear;
        }
      }
    }
  }
  .group-hover\:before\:opacity-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        &::before {
          content: var(--tw-content);
          opacity: 100%;
        }
      }
    }
  }
  .after\:pointer-events-none {
    &::after {
      content: var(--tw-content);
      pointer-events: none;
    }
  }
  .after\:invisible {
    &::after {
      content: var(--tw-content);
      visibility: hidden;
    }
  }
  .after\:absolute {
    &::after {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .after\:relative {
    &::after {
      content: var(--tw-content);
      position: relative;
    }
  }
  .after\:-inset-2 {
    &::after {
      content: var(--tw-content);
      inset: calc(var(--spacing) * -2);
    }
  }
  .after\:inset-0 {
    &::after {
      content: var(--tw-content);
      inset: calc(var(--spacing) * 0);
    }
  }
  .after\:inset-x-2 {
    &::after {
      content: var(--tw-content);
      inset-inline: calc(var(--spacing) * 2);
    }
  }
  .after\:inset-y-0 {
    &::after {
      content: var(--tw-content);
      inset-block: calc(var(--spacing) * 0);
    }
  }
  .after\:start-0 {
    &::after {
      content: var(--tw-content);
      inset-inline-start: calc(var(--spacing) * 0);
    }
  }
  .after\:start-3 {
    &::after {
      content: var(--tw-content);
      inset-inline-start: calc(var(--spacing) * 3);
    }
  }
  .after\:start-\[2px\] {
    &::after {
      content: var(--tw-content);
      inset-inline-start: 2px;
    }
  }
  .after\:end-0 {
    &::after {
      content: var(--tw-content);
      inset-inline-end: calc(var(--spacing) * 0);
    }
  }
  .after\:top-0 {
    &::after {
      content: var(--tw-content);
      top: calc(var(--spacing) * 0);
    }
  }
  .after\:top-0\.5 {
    &::after {
      content: var(--tw-content);
      top: calc(var(--spacing) * 0.5);
    }
  }
  .after\:top-1\/2 {
    &::after {
      content: var(--tw-content);
      top: calc(1 / 2 * 100%);
    }
  }
  .after\:top-2\/4 {
    &::after {
      content: var(--tw-content);
      top: calc(2 / 4 * 100%);
    }
  }
  .after\:top-3 {
    &::after {
      content: var(--tw-content);
      top: calc(var(--spacing) * 3);
    }
  }
  .after\:top-8 {
    &::after {
      content: var(--tw-content);
      top: calc(var(--spacing) * 8);
    }
  }
  .after\:top-\[-3px\] {
    &::after {
      content: var(--tw-content);
      top: -3px;
    }
  }
  .after\:top-\[-25px\] {
    &::after {
      content: var(--tw-content);
      top: -25px;
    }
  }
  .after\:top-\[-50px\] {
    &::after {
      content: var(--tw-content);
      top: -50px;
    }
  }
  .after\:top-\[-97px\] {
    &::after {
      content: var(--tw-content);
      top: -97px;
    }
  }
  .after\:top-\[0\.0625rem\] {
    &::after {
      content: var(--tw-content);
      top: 0.0625rem;
    }
  }
  .after\:top-\[2px\] {
    &::after {
      content: var(--tw-content);
      top: 2px;
    }
  }
  .after\:top-\[5\%\] {
    &::after {
      content: var(--tw-content);
      top: 5%;
    }
  }
  .after\:top-\[16\%\] {
    &::after {
      content: var(--tw-content);
      top: 16%;
    }
  }
  .after\:top-\[19\%\] {
    &::after {
      content: var(--tw-content);
      top: 19%;
    }
  }
  .after\:top-\[26\%\] {
    &::after {
      content: var(--tw-content);
      top: 26%;
    }
  }
  .after\:top-\[34\%\] {
    &::after {
      content: var(--tw-content);
      top: 34%;
    }
  }
  .after\:top-full {
    &::after {
      content: var(--tw-content);
      top: 100%;
    }
  }
  .after\:right-0 {
    &::after {
      content: var(--tw-content);
      right: calc(var(--spacing) * 0);
    }
  }
  .after\:right-2\.5 {
    &::after {
      content: var(--tw-content);
      right: calc(var(--spacing) * 2.5);
    }
  }
  .after\:right-3\.5 {
    &::after {
      content: var(--tw-content);
      right: calc(var(--spacing) * 3.5);
    }
  }
  .after\:right-\[-12\%\] {
    &::after {
      content: var(--tw-content);
      right: -12%;
    }
  }
  .after\:right-\[-15px\] {
    &::after {
      content: var(--tw-content);
      right: -15px;
    }
  }
  .after\:right-\[-20\%\] {
    &::after {
      content: var(--tw-content);
      right: -20%;
    }
  }
  .after\:right-\[-30px\] {
    &::after {
      content: var(--tw-content);
      right: -30px;
    }
  }
  .after\:right-\[-87px\] {
    &::after {
      content: var(--tw-content);
      right: -87px;
    }
  }
  .after\:right-\[-107px\] {
    &::after {
      content: var(--tw-content);
      right: -107px;
    }
  }
  .after\:right-\[5\%\] {
    &::after {
      content: var(--tw-content);
      right: 5%;
    }
  }
  .after\:right-\[9px\] {
    &::after {
      content: var(--tw-content);
      right: 9px;
    }
  }
  .after\:right-\[22px\] {
    &::after {
      content: var(--tw-content);
      right: 22px;
    }
  }
  .after\:right-\[30\%\] {
    &::after {
      content: var(--tw-content);
      right: 30%;
    }
  }
  .after\:right-\[100px\] {
    &::after {
      content: var(--tw-content);
      right: 100px;
    }
  }
  .after\:right-\[205px\] {
    &::after {
      content: var(--tw-content);
      right: 205px;
    }
  }
  .after\:-bottom-1 {
    &::after {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * -1);
    }
  }
  .after\:-bottom-1\.5 {
    &::after {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * -1.5);
    }
  }
  .after\:-bottom-2 {
    &::after {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * -2);
    }
  }
  .after\:-bottom-2\.5 {
    &::after {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * -2.5);
    }
  }
  .after\:-bottom-4 {
    &::after {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * -4);
    }
  }
  .after\:-bottom-5 {
    &::after {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * -5);
    }
  }
  .after\:-bottom-7 {
    &::after {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * -7);
    }
  }
  .after\:-bottom-8 {
    &::after {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * -8);
    }
  }
  .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-\[-0\.1em\] {
    &::after {
      content: var(--tw-content);
      bottom: -0.1em;
    }
  }
  .after\:bottom-\[-12\%\] {
    &::after {
      content: var(--tw-content);
      bottom: -12%;
    }
  }
  .after\:bottom-\[-19\%\] {
    &::after {
      content: var(--tw-content);
      bottom: -19%;
    }
  }
  .after\:bottom-\[-23px\] {
    &::after {
      content: var(--tw-content);
      bottom: -23px;
    }
  }
  .after\:bottom-\[-30px\] {
    &::after {
      content: var(--tw-content);
      bottom: -30px;
    }
  }
  .after\:bottom-\[-63px\] {
    &::after {
      content: var(--tw-content);
      bottom: -63px;
    }
  }
  .after\:bottom-\[-70px\] {
    &::after {
      content: var(--tw-content);
      bottom: -70px;
    }
  }
  .after\:bottom-\[-133px\] {
    &::after {
      content: var(--tw-content);
      bottom: -133px;
    }
  }
  .after\:bottom-\[-140px\] {
    &::after {
      content: var(--tw-content);
      bottom: -140px;
    }
  }
  .after\:bottom-\[-153\%\] {
    &::after {
      content: var(--tw-content);
      bottom: -153%;
    }
  }
  .after\:bottom-\[19\%\] {
    &::after {
      content: var(--tw-content);
      bottom: 19%;
    }
  }
  .after\:bottom-\[50px\] {
    &::after {
      content: var(--tw-content);
      bottom: 50px;
    }
  }
  .after\:-left-10 {
    &::after {
      content: var(--tw-content);
      left: calc(var(--spacing) * -10);
    }
  }
  .after\:left-0 {
    &::after {
      content: var(--tw-content);
      left: calc(var(--spacing) * 0);
    }
  }
  .after\:left-0\.5 {
    &::after {
      content: var(--tw-content);
      left: calc(var(--spacing) * 0.5);
    }
  }
  .after\:left-1\/2 {
    &::after {
      content: var(--tw-content);
      left: calc(1 / 2 * 100%);
    }
  }
  .after\:left-2\.5 {
    &::after {
      content: var(--tw-content);
      left: calc(var(--spacing) * 2.5);
    }
  }
  .after\:left-2\/4 {
    &::after {
      content: var(--tw-content);
      left: calc(2 / 4 * 100%);
    }
  }
  .after\:left-3\.5 {
    &::after {
      content: var(--tw-content);
      left: calc(var(--spacing) * 3.5);
    }
  }
  .after\:left-20 {
    &::after {
      content: var(--tw-content);
      left: calc(var(--spacing) * 20);
    }
  }
  .after\:left-\[-8\%\] {
    &::after {
      content: var(--tw-content);
      left: -8%;
    }
  }
  .after\:left-\[-12\%\] {
    &::after {
      content: var(--tw-content);
      left: -12%;
    }
  }
  .after\:left-\[-15px\] {
    &::after {
      content: var(--tw-content);
      left: -15px;
    }
  }
  .after\:left-\[-30px\] {
    &::after {
      content: var(--tw-content);
      left: -30px;
    }
  }
  .after\:left-\[2\%\] {
    &::after {
      content: var(--tw-content);
      left: 2%;
    }
  }
  .after\:left-\[2px\] {
    &::after {
      content: var(--tw-content);
      left: 2px;
    }
  }
  .after\:left-\[4px\] {
    &::after {
      content: var(--tw-content);
      left: 4px;
    }
  }
  .after\:left-\[5\%\] {
    &::after {
      content: var(--tw-content);
      left: 5%;
    }
  }
  .after\:left-\[7\%\] {
    &::after {
      content: var(--tw-content);
      left: 7%;
    }
  }
  .after\:left-\[9px\] {
    &::after {
      content: var(--tw-content);
      left: 9px;
    }
  }
  .after\:left-\[15\%\] {
    &::after {
      content: var(--tw-content);
      left: 15%;
    }
  }
  .after\:left-\[18\%\] {
    &::after {
      content: var(--tw-content);
      left: 18%;
    }
  }
  .after\:left-\[21\%\] {
    &::after {
      content: var(--tw-content);
      left: 21%;
    }
  }
  .after\:left-\[59\%\] {
    &::after {
      content: var(--tw-content);
      left: 59%;
    }
  }
  .after\:left-\[100px\] {
    &::after {
      content: var(--tw-content);
      left: 100px;
    }
  }
  .after\:left-\[205px\] {
    &::after {
      content: var(--tw-content);
      left: 205px;
    }
  }
  .after\:z-10 {
    &::after {
      content: var(--tw-content);
      z-index: 10;
    }
  }
  .after\:z-\[-1\] {
    &::after {
      content: var(--tw-content);
      z-index: -1;
    }
  }
  .after\:z-\[-2\] {
    &::after {
      content: var(--tw-content);
      z-index: -2;
    }
  }
  .after\:z-\[1\] {
    &::after {
      content: var(--tw-content);
      z-index: 1;
    }
  }
  .after\:clear-both {
    &::after {
      content: var(--tw-content);
      clear: both;
    }
  }
  .after\:m-\[0_0_0_11px\] {
    &::after {
      content: var(--tw-content);
      margin: 0 0 0 11px;
    }
  }
  .after\:m-\[0_11px_0_0\] {
    &::after {
      content: var(--tw-content);
      margin: 0 11px 0 0;
    }
  }
  .after\:my-0 {
    &::after {
      content: var(--tw-content);
      margin-block: calc(var(--spacing) * 0);
    }
  }
  .after\:ms-6 {
    &::after {
      content: var(--tw-content);
      margin-inline-start: calc(var(--spacing) * 6);
    }
  }
  .after\:-mt-3 {
    &::after {
      content: var(--tw-content);
      margin-top: calc(var(--spacing) * -3);
    }
  }
  .after\:mr-0 {
    &::after {
      content: var(--tw-content);
      margin-right: calc(var(--spacing) * 0);
    }
  }
  .after\:mr-\[0\.255em\] {
    &::after {
      content: var(--tw-content);
      margin-right: 0.255em;
    }
  }
  .after\:mr-\[0\.8125rem\] {
    &::after {
      content: var(--tw-content);
      margin-right: 0.8125rem;
    }
  }
  .after\:mr-\[11px\] {
    &::after {
      content: var(--tw-content);
      margin-right: 11px;
    }
  }
  .after\:ml-0 {
    &::after {
      content: var(--tw-content);
      margin-left: calc(var(--spacing) * 0);
    }
  }
  .after\:ml-2\.5 {
    &::after {
      content: var(--tw-content);
      margin-left: calc(var(--spacing) * 2.5);
    }
  }
  .after\:ml-\[0\.255em\] {
    &::after {
      content: var(--tw-content);
      margin-left: 0.255em;
    }
  }
  .after\:ml-\[11px\] {
    &::after {
      content: var(--tw-content);
      margin-left: 11px;
    }
  }
  .after\:block {
    &::after {
      content: var(--tw-content);
      display: block;
    }
  }
  .after\:hidden {
    &::after {
      content: var(--tw-content);
      display: none;
    }
  }
  .after\:inline-block {
    &::after {
      content: var(--tw-content);
      display: inline-block;
    }
  }
  .after\:h-0 {
    &::after {
      content: var(--tw-content);
      height: calc(var(--spacing) * 0);
    }
  }
  .after\:h-0\.5 {
    &::after {
      content: var(--tw-content);
      height: calc(var(--spacing) * 0.5);
    }
  }
  .after\:h-1 {
    &::after {
      content: var(--tw-content);
      height: calc(var(--spacing) * 1);
    }
  }
  .after\:h-2 {
    &::after {
      content: var(--tw-content);
      height: calc(var(--spacing) * 2);
    }
  }
  .after\:h-2\.5 {
    &::after {
      content: var(--tw-content);
      height: calc(var(--spacing) * 2.5);
    }
  }
  .after\:h-3\.5 {
    &::after {
      content: var(--tw-content);
      height: calc(var(--spacing) * 3.5);
    }
  }
  .after\:h-4 {
    &::after {
      content: var(--tw-content);
      height: calc(var(--spacing) * 4);
    }
  }
  .after\:h-5 {
    &::after {
      content: var(--tw-content);
      height: calc(var(--spacing) * 5);
    }
  }
  .after\:h-6 {
    &::after {
      content: var(--tw-content);
      height: calc(var(--spacing) * 6);
    }
  }
  .after\:h-\[0\.3em\] {
    &::after {
      content: var(--tw-content);
      height: 0.3em;
    }
  }
  .after\:h-\[2\.3rem\] {
    &::after {
      content: var(--tw-content);
      height: 2.3rem;
    }
  }
  .after\:h-\[3px\] {
    &::after {
      content: var(--tw-content);
      height: 3px;
    }
  }
  .after\:h-\[18px\] {
    &::after {
      content: var(--tw-content);
      height: 18px;
    }
  }
  .after\:h-\[23px\] {
    &::after {
      content: var(--tw-content);
      height: 23px;
    }
  }
  .after\:h-\[30px\] {
    &::after {
      content: var(--tw-content);
      height: 30px;
    }
  }
  .after\:h-\[33px\] {
    &::after {
      content: var(--tw-content);
      height: 33px;
    }
  }
  .after\:h-\[35px\] {
    &::after {
      content: var(--tw-content);
      height: 35px;
    }
  }
  .after\:h-\[65px\] {
    &::after {
      content: var(--tw-content);
      height: 65px;
    }
  }
  .after\:h-\[75px\] {
    &::after {
      content: var(--tw-content);
      height: 75px;
    }
  }
  .after\:h-\[200px\] {
    &::after {
      content: var(--tw-content);
      height: 200px;
    }
  }
  .after\:h-\[590px\] {
    &::after {
      content: var(--tw-content);
      height: 590px;
    }
  }
  .after\:h-\[655px\] {
    &::after {
      content: var(--tw-content);
      height: 655px;
    }
  }
  .after\:h-\[860px\] {
    &::after {
      content: var(--tw-content);
      height: 860px;
    }
  }
  .after\:h-\[890px\] {
    &::after {
      content: var(--tw-content);
      height: 890px;
    }
  }
  .after\:h-\[1016px\] {
    &::after {
      content: var(--tw-content);
      height: 1016px;
    }
  }
  .after\:h-px {
    &::after {
      content: var(--tw-content);
      height: 1px;
    }
  }
  .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-2 {
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 2);
    }
  }
  .after\:w-4 {
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 4);
    }
  }
  .after\:w-5 {
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 5);
    }
  }
  .after\:w-6 {
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 6);
    }
  }
  .after\:w-8 {
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 8);
    }
  }
  .after\:w-10 {
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 10);
    }
  }
  .after\:w-\[2\.3rem\] {
    &::after {
      content: var(--tw-content);
      width: 2.3rem;
    }
  }
  .after\:w-\[2px\] {
    &::after {
      content: var(--tw-content);
      width: 2px;
    }
  }
  .after\:w-\[26px\] {
    &::after {
      content: var(--tw-content);
      width: 26px;
    }
  }
  .after\:w-\[40\%\] {
    &::after {
      content: var(--tw-content);
      width: 40%;
    }
  }
  .after\:w-\[90\%\] {
    &::after {
      content: var(--tw-content);
      width: 90%;
    }
  }
  .after\:w-\[110\%\] {
    &::after {
      content: var(--tw-content);
      width: 110%;
    }
  }
  .after\:w-\[590px\] {
    &::after {
      content: var(--tw-content);
      width: 590px;
    }
  }
  .after\:w-\[655px\] {
    &::after {
      content: var(--tw-content);
      width: 655px;
    }
  }
  .after\:w-\[860px\] {
    &::after {
      content: var(--tw-content);
      width: 860px;
    }
  }
  .after\:w-\[890px\] {
    &::after {
      content: var(--tw-content);
      width: 890px;
    }
  }
  .after\:w-\[1016px\] {
    &::after {
      content: var(--tw-content);
      width: 1016px;
    }
  }
  .after\:w-full {
    &::after {
      content: var(--tw-content);
      width: 100%;
    }
  }
  .after\:w-px {
    &::after {
      content: var(--tw-content);
      width: 1px;
    }
  }
  .after\:flex-1 {
    &::after {
      content: var(--tw-content);
      flex: 1;
    }
  }
  .after\:flex-\[1_1_0\%\] {
    &::after {
      content: var(--tw-content);
      flex: 1 1 0%;
    }
  }
  .after\:origin-\[50\%_50\%\] {
    &::after {
      content: var(--tw-content);
      transform-origin: 50% 50%;
    }
  }
  .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-2\/4 {
    &::after {
      content: var(--tw-content);
      --tw-translate-x: calc(calc(2 / 4 * 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\:-translate-y-1\/2 {
    &::after {
      content: var(--tw-content);
      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .after\:-translate-y-2\/4 {
    &::after {
      content: var(--tw-content);
      --tw-translate-y: calc(calc(2 / 4 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .after\:-rotate-45 {
    &::after {
      content: var(--tw-content);
      rotate: calc(45deg * -1);
    }
  }
  .after\:-rotate-180 {
    &::after {
      content: var(--tw-content);
      rotate: calc(180deg * -1);
    }
  }
  .after\:rotate-12 {
    &::after {
      content: var(--tw-content);
      rotate: 12deg;
    }
  }
  .after\:rotate-\[75deg\] {
    &::after {
      content: var(--tw-content);
      rotate: 75deg;
    }
  }
  .after\:rotate-\[150deg\] {
    &::after {
      content: var(--tw-content);
      rotate: 150deg;
    }
  }
  .after\:transform {
    &::after {
      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,);
    }
  }
  .after\:animate-\[inherit\] {
    &::after {
      content: var(--tw-content);
      animation: inherit;
    }
  }
  .after\:animate-\[jumpThree_4s_infinite_linear\] {
    &::after {
      content: var(--tw-content);
      animation: jumpThree 4s infinite linear;
    }
  }
  .after\:animate-\[rotatedTwo_50s_infinite_linear\] {
    &::after {
      content: var(--tw-content);
      animation: rotatedTwo 50s infinite linear;
    }
  }
  .after\:cursor-pointer {
    &::after {
      content: var(--tw-content);
      cursor: pointer;
    }
  }
  .after\:overflow-hidden {
    &::after {
      content: var(--tw-content);
      overflow: hidden;
    }
  }
  .after\:rounded-\[10px\] {
    &::after {
      content: var(--tw-content);
      border-radius: 10px;
    }
  }
  .after\:rounded-\[50\%\] {
    &::after {
      content: var(--tw-content);
      border-radius: 50%;
    }
  }
  .after\:rounded-full {
    &::after {
      content: var(--tw-content);
      border-radius: calc(infinity * 1px);
    }
  }
  .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-t-2 {
    &::after {
      content: var(--tw-content);
      border-top-style: var(--tw-border-style);
      border-top-width: 2px;
    }
  }
  .after\:border-r-2 {
    &::after {
      content: var(--tw-content);
      border-right-style: var(--tw-border-style);
      border-right-width: 2px;
    }
  }
  .after\:border-b-2 {
    &::after {
      content: var(--tw-content);
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 2px;
    }
  }
  .after\:border-solid {
    &::after {
      content: var(--tw-content);
      --tw-border-style: solid;
      border-style: solid;
    }
  }
  .after\:border-\[\#F1F1F1\] {
    &::after {
      content: var(--tw-content);
      border-color: #F1F1F1;
    }
  }
  .after\:border-\[none\] {
    &::after {
      content: var(--tw-content);
      border-color: none;
    }
  }
  .after\:border-gray-200 {
    &::after {
      content: var(--tw-content);
      border-color: var(--color-gray-200);
    }
  }
  .after\:border-gray-300 {
    &::after {
      content: var(--tw-content);
      border-color: var(--color-gray-300);
    }
  }
  .after\:border-neutral-200 {
    &::after {
      content: var(--tw-content);
      border-color: var(--color-neutral-200);
    }
  }
  .after\:bg-\[\#f77a56\] {
    &::after {
      content: var(--tw-content);
      background-color: #f77a56;
    }
  }
  .after\:bg-\[rgba\(255\,4\,64\,0\.12\)\] {
    &::after {
      content: var(--tw-content);
      background-color: rgba(255,4,64,0.12);
    }
  }
  .after\:bg-\[rgba\(255\,4\,64\,0\.13\)\] {
    &::after {
      content: var(--tw-content);
      background-color: rgba(255,4,64,0.13);
    }
  }
  .after\:bg-\[rgba\(255\,4\,64\,0\.15\)\] {
    &::after {
      content: var(--tw-content);
      background-color: rgba(255,4,64,0.15);
    }
  }
  .after\:bg-\[rgba\(255\,255\,255\,0\.2\)\] {
    &::after {
      content: var(--tw-content);
      background-color: rgba(255,255,255,0.2);
    }
  }
  .after\:bg-\[rgba\(255\,255\,255\,0\.07\)\] {
    &::after {
      content: var(--tw-content);
      background-color: rgba(255,255,255,0.07);
    }
  }
  .after\:bg-amber-400 {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-amber-400);
    }
  }
  .after\:bg-black\/15 {
    &::after {
      content: var(--tw-content);
      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);
      }
    }
  }
  .after\:bg-black\/20 {
    &::after {
      content: var(--tw-content);
      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);
      }
    }
  }
  .after\:bg-black\/60 {
    &::after {
      content: var(--tw-content);
      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);
      }
    }
  }
  .after\:bg-card {
    &::after {
      content: var(--tw-content);
      background-color: hsl(var(--card));
    }
  }
  .after\:bg-gray-200 {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-gray-200);
    }
  }
  .after\:bg-gray-300 {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-gray-300);
    }
  }
  .after\:bg-inherit {
    &::after {
      content: var(--tw-content);
      background-color: inherit;
    }
  }
  .after\:bg-lime-400 {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-lime-400);
    }
  }
  .after\:bg-neutral-900 {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-neutral-900);
    }
  }
  .after\:bg-primary {
    &::after {
      content: var(--tw-content);
      background-color: hsl(var(--primary));
    }
  }
  .after\:bg-purple-400 {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-purple-400);
    }
  }
  .after\:bg-teal-400 {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-teal-400);
    }
  }
  .after\:bg-violet-400 {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-violet-400);
    }
  }
  .after\:bg-white {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-white);
    }
  }
  .after\:bg-\[radial-gradient\(ellipse_at_center\,_var\(--tw-gradient-stops\)\)\] {
    &::after {
      content: var(--tw-content);
      background-image: radial-gradient(ellipse at center, var(--tw-gradient-stops));
    }
  }
  .after\:bg-\[url\(\.\.\/images\/shape\/38\.svg\)\] {
    &::after {
      content: var(--tw-content);
      background-image: url(../images/shape/38.svg);
    }
  }
  .after\:bg-\[url\(\.\.\/images\/shape\/59\.svg\)\] {
    &::after {
      content: var(--tw-content);
      background-image: url(../images/shape/59.svg);
    }
  }
  .after\:bg-\[url\(\.\.\/images\/shape\/106\.svg\)\] {
    &::after {
      content: var(--tw-content);
      background-image: url(../images/shape/106.svg);
    }
  }
  .after\:bg-\[url\(\.\.\/images\/shape\/116\.svg\)\] {
    &::after {
      content: var(--tw-content);
      background-image: url(../images/shape/116.svg);
    }
  }
  .after\:bg-\[url\(\.\.\/images\/shape\/119\.svg\)\] {
    &::after {
      content: var(--tw-content);
      background-image: url(../images/shape/119.svg);
    }
  }
  .after\:bg-\[url\(\.\.\/images\/shape\/128\.svg\)\] {
    &::after {
      content: var(--tw-content);
      background-image: url(../images/shape/128.svg);
    }
  }
  .after\:bg-\[url\(\.\.\/images\/shape\/227\.jpg\)\] {
    &::after {
      content: var(--tw-content);
      background-image: url(../images/shape/227.jpg);
    }
  }
  .after\:bg-\[url\(\.\.\/images\/shape\/229\.jpg\)\] {
    &::after {
      content: var(--tw-content);
      background-image: url(../images/shape/229.jpg);
    }
  }
  .after\:\[background-size\:100\%_100\%\] {
    &::after {
      content: var(--tw-content);
      background-size: 100% 100%;
    }
  }
  .after\:bg-cover {
    &::after {
      content: var(--tw-content);
      background-size: cover;
    }
  }
  .after\:bg-\[bottom_center\] {
    &::after {
      content: var(--tw-content);
      background-position: bottom center;
    }
  }
  .after\:bg-\[center_bottom\] {
    &::after {
      content: var(--tw-content);
      background-position: center bottom;
    }
  }
  .after\:bg-bottom {
    &::after {
      content: var(--tw-content);
      background-position: bottom;
    }
  }
  .after\:bg-center {
    &::after {
      content: var(--tw-content);
      background-position: center;
    }
  }
  .after\:bg-no-repeat {
    &::after {
      content: var(--tw-content);
      background-repeat: no-repeat;
    }
  }
  .after\:text-center {
    &::after {
      content: var(--tw-content);
      text-align: center;
    }
  }
  .after\:text-xl {
    &::after {
      content: var(--tw-content);
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .after\:text-\[0\.7rem\] {
    &::after {
      content: var(--tw-content);
      font-size: 0.7rem;
    }
  }
  .after\:text-\[1\.2rem\] {
    &::after {
      content: var(--tw-content);
      font-size: 1.2rem;
    }
  }
  .after\:text-\[10px\] {
    &::after {
      content: var(--tw-content);
      font-size: 10px;
    }
  }
  .after\:text-\[26px\] {
    &::after {
      content: var(--tw-content);
      font-size: 26px;
    }
  }
  .after\:leading-\[2\.3rem\] {
    &::after {
      content: var(--tw-content);
      --tw-leading: 2.3rem;
      line-height: 2.3rem;
    }
  }
  .after\:leading-\[50px\] {
    &::after {
      content: var(--tw-content);
      --tw-leading: 50px;
      line-height: 50px;
    }
  }
  .after\:leading-\[51px\] {
    &::after {
      content: var(--tw-content);
      --tw-leading: 51px;
      line-height: 51px;
    }
  }
  .after\:font-normal {
    &::after {
      content: var(--tw-content);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
  }
  .after\:\!text-\[\#605dba\] {
    &::after {
      content: var(--tw-content);
      color: #605dba !important;
    }
  }
  .after\:text-\[\#3f78e0\] {
    &::after {
      content: var(--tw-content);
      color: #3f78e0;
    }
  }
  .after\:text-\[\#605dba\] {
    &::after {
      content: var(--tw-content);
      color: #605dba;
    }
  }
  .after\:text-\[\#fcc032\] {
    &::after {
      content: var(--tw-content);
      color: #fcc032;
    }
  }
  .after\:text-inherit {
    &::after {
      content: var(--tw-content);
      color: inherit;
    }
  }
  .after\:not-italic {
    &::after {
      content: var(--tw-content);
      font-style: normal;
    }
  }
  .after\:opacity-0 {
    &::after {
      content: var(--tw-content);
      opacity: 0%;
    }
  }
  .after\:opacity-90 {
    &::after {
      content: var(--tw-content);
      opacity: 90%;
    }
  }
  .after\:opacity-100 {
    &::after {
      content: var(--tw-content);
      opacity: 100%;
    }
  }
  .after\:opacity-\[0\.32\] {
    &::after {
      content: var(--tw-content);
      opacity: 0.32;
    }
  }
  .after\:shadow {
    &::after {
      content: var(--tw-content);
      --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);
    }
  }
  .after\:shadow-\[0px_-3px_21px_rgba\(0\,0\,0\,0\.04\)\] {
    &::after {
      content: var(--tw-content);
      --tw-shadow: 0px -3px 21px 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);
    }
  }
  .after\:shadow-sm {
    &::after {
      content: var(--tw-content);
      --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);
    }
  }
  .after\:blur-\[50px\] {
    &::after {
      content: var(--tw-content);
      --tw-blur: blur(50px);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
  }
  .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-transform {
    &::after {
      content: var(--tw-content);
      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));
    }
  }
  .after\:delay-1000 {
    &::after {
      content: var(--tw-content);
      transition-delay: 1000ms;
    }
  }
  .after\:delay-\[3s\] {
    &::after {
      content: var(--tw-content);
      transition-delay: 3s;
    }
  }
  .after\:duration-200 {
    &::after {
      content: var(--tw-content);
      --tw-duration: 200ms;
      transition-duration: 200ms;
    }
  }
  .after\:duration-\[0\.2s\] {
    &::after {
      content: var(--tw-content);
      --tw-duration: 0.2s;
      transition-duration: 0.2s;
    }
  }
  .after\:duration-\[0\.3s\] {
    &::after {
      content: var(--tw-content);
      --tw-duration: 0.3s;
      transition-duration: 0.3s;
    }
  }
  .after\:duration-\[0\.25s\] {
    &::after {
      content: var(--tw-content);
      --tw-duration: 0.25s;
      transition-duration: 0.25s;
    }
  }
  .after\:ease-\[ease-in-out\] {
    &::after {
      content: var(--tw-content);
      --tw-ease: ease-in-out;
      transition-timing-function: ease-in-out;
    }
  }
  .after\:ease-in-out {
    &::after {
      content: var(--tw-content);
      --tw-ease: var(--ease-in-out);
      transition-timing-function: var(--ease-in-out);
    }
  }
  .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\:content-\[\'\,\'\] {
    &::after {
      --tw-content: ',';
      content: var(--tw-content);
    }
  }
  .after\:content-\[\'\\2605\\2605\\2605\\2605\\2605\'\] {
    &::after {
      --tw-content: '\2605\2605\2605\2605\2605';
      content: var(--tw-content);
    }
  }
  .after\:content-\[\'\\e906\'\] {
    &::after {
      --tw-content: '\e906';
      content: var(--tw-content);
    }
  }
  .after\:content-\[\'\\e951\'\] {
    &::after {
      --tw-content: '\e951';
      content: var(--tw-content);
    }
  }
  .after\:content-\[\'\\f10a\'\] {
    &::after {
      --tw-content: '\f10a';
      content: var(--tw-content);
    }
  }
  .after\:content-\[\'\\f100\'\] {
    &::after {
      --tw-content: '\f100';
      content: var(--tw-content);
    }
  }
  .after\:content-\[\'_\'\] {
    &::after {
      --tw-content: ' ';
      content: var(--tw-content);
    }
  }
  .after\:content-\[url\(\.\.\/images\/icon\/89\.svg\)\] {
    &::after {
      --tw-content: url(../images/icon/89.svg);
      content: var(--tw-content);
    }
  }
  .after\:content-\[url\(\.\.\/images\/icon\/102\.svg\)\] {
    &::after {
      --tw-content: url(../images/icon/102.svg);
      content: var(--tw-content);
    }
  }
  .after\:content-\[url\(\.\.\/images\/shape\/10\.svg\)\] {
    &::after {
      --tw-content: url(../images/shape/10.svg);
      content: var(--tw-content);
    }
  }
  .after\:content-\[url\(\.\.\/images\/shape\/14\.svg\)\] {
    &::after {
      --tw-content: url(../images/shape/14.svg);
      content: var(--tw-content);
    }
  }
  .after\:content-\[url\(\.\.\/images\/shape\/46\.svg\)\] {
    &::after {
      --tw-content: url(../images/shape/46.svg);
      content: var(--tw-content);
    }
  }
  .after\:content-\[url\(\.\.\/images\/shape\/98\.svg\)\] {
    &::after {
      --tw-content: url(../images/shape/98.svg);
      content: var(--tw-content);
    }
  }
  .after\:content-\[url\(\.\.\/images\/shape\/104\.svg\)\] {
    &::after {
      --tw-content: url(../images/shape/104.svg);
      content: var(--tw-content);
    }
  }
  .after\:content-\[url\(\.\.\/images\/shape\/161\.svg\)\] {
    &::after {
      --tw-content: url(../images/shape/161.svg);
      content: var(--tw-content);
    }
  }
  .after\:content-\[url\(\.\.\/images\/shape\/populer-tag\.svg\)\] {
    &::after {
      --tw-content: url(../images/shape/populer-tag.svg);
      content: var(--tw-content);
    }
  }
  .after\:delay-1000 {
    &::after {
      content: var(--tw-content);
      animation-delay: calc(1000*1ms);
      animation-delay: 1s;
      --tw-animation-delay: calc(1000*1ms);
      --tw-animation-delay: 1s;
    }
  }
  .after\:delay-\[3s\] {
    &::after {
      content: var(--tw-content);
      animation-delay: 3s;
      --tw-animation-delay: 3s;
    }
  }
  .group-last\:after\:hidden {
    &:is(:where(.group):last-child *) {
      &::after {
        content: var(--tw-content);
        display: none;
      }
    }
  }
  .group-hover\:after\:visible {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        &::after {
          content: var(--tw-content);
          visibility: visible;
        }
      }
    }
  }
  .group-hover\:after\:opacity-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        &::after {
          content: var(--tw-content);
          opacity: 100%;
        }
      }
    }
  }
  .group-hover\/second\:after\:rotate-45 {
    &:is(:where(.group\/second):hover *) {
      @media (hover: hover) {
        &::after {
          content: var(--tw-content);
          rotate: 45deg;
        }
      }
    }
  }
  .group-data-\[collapsible\=offcanvas\]\:after\:left-full {
    &:is(:where(.group)[data-collapsible="offcanvas"] *) {
      &::after {
        content: var(--tw-content);
        left: 100%;
      }
    }
  }
  .peer-checked\:after\:translate-x-4 {
    &:is(:where(.peer):checked ~ *) {
      &::after {
        content: var(--tw-content);
        --tw-translate-x: calc(var(--spacing) * 4);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .peer-checked\:after\:translate-x-5 {
    &:is(:where(.peer):checked ~ *) {
      &::after {
        content: var(--tw-content);
        --tw-translate-x: calc(var(--spacing) * 5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .peer-checked\:after\:translate-x-6 {
    &:is(:where(.peer):checked ~ *) {
      &::after {
        content: var(--tw-content);
        --tw-translate-x: calc(var(--spacing) * 6);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .peer-checked\:after\:translate-x-full {
    &:is(:where(.peer):checked ~ *) {
      &::after {
        content: var(--tw-content);
        --tw-translate-x: 100%;
        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\:ms-0 {
    &:first-child {
      margin-inline-start: calc(var(--spacing) * 0);
    }
  }
  .first\:mt-0 {
    &:first-child {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .first\:mr-0 {
    &:first-child {
      margin-right: calc(var(--spacing) * 0);
    }
  }
  .first\:ml-0 {
    &:first-child {
      margin-left: calc(var(--spacing) * 0);
    }
  }
  .first\:inline-block {
    &:first-child {
      display: inline-block;
    }
  }
  .first\:rotate-180 {
    &:first-child {
      rotate: 180deg;
    }
  }
  .first\:rounded-l-md {
    &:first-child {
      border-top-left-radius: var(--radius);
      border-bottom-left-radius: var(--radius);
    }
  }
  .first\:rounded-tr-none {
    &:first-child {
      border-top-right-radius: 0;
    }
  }
  .first\:rounded-br-none {
    &:first-child {
      border-bottom-right-radius: 0;
    }
  }
  .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\:border-l-0 {
    &:first-child {
      border-left-style: var(--tw-border-style);
      border-left-width: 0px;
    }
  }
  .first\:border-solid {
    &:first-child {
      --tw-border-style: solid;
      border-style: solid;
    }
  }
  .first\:border-l-\[\#EFC36F\] {
    &:first-child {
      border-left-color: #EFC36F;
    }
  }
  .first\:ps-0 {
    &:first-child {
      padding-inline-start: calc(var(--spacing) * 0);
    }
  }
  .first\:pt-0 {
    &:first-child {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .first\:pl-0 {
    &:first-child {
      padding-left: calc(var(--spacing) * 0);
    }
  }
  .first\:text-left {
    &:first-child {
      text-align: left;
    }
  }
  .first\:text-right {
    &:first-child {
      text-align: right;
    }
  }
  .\*\:first\:rounded-s-md {
    :is(& > *) {
      &:first-child {
        border-start-start-radius: var(--radius);
        border-end-start-radius: var(--radius);
      }
    }
  }
  .first\:\*\:rounded-s-md {
    &:first-child {
      :is(& > *) {
        border-start-start-radius: var(--radius);
        border-end-start-radius: var(--radius);
      }
    }
  }
  .first\:before\:hidden {
    &:first-child {
      &::before {
        content: var(--tw-content);
        display: none;
      }
    }
  }
  .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\:flex-none {
    &:last-child {
      flex: none;
    }
  }
  .last\:rounded-tl-none {
    &:last-child {
      border-top-left-radius: 0;
    }
  }
  .last\:rounded-r-md {
    &:last-child {
      border-top-right-radius: var(--radius);
      border-bottom-right-radius: var(--radius);
    }
  }
  .last\:rounded-br-lg {
    &:last-child {
      border-bottom-right-radius: calc(var(--radius) + 8px);
    }
  }
  .last\:rounded-bl-lg {
    &:last-child {
      border-bottom-left-radius: calc(var(--radius) + 8px);
    }
  }
  .last\:rounded-bl-none {
    &:last-child {
      border-bottom-left-radius: 0;
    }
  }
  .last\:border-0 {
    &:last-child {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .last\:border-r {
    &:last-child {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
  }
  .last\:border-r-0 {
    &:last-child {
      border-right-style: var(--tw-border-style);
      border-right-width: 0px;
    }
  }
  .last\:border-b-0 {
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .last\:pe-0 {
    &:last-child {
      padding-inline-end: calc(var(--spacing) * 0);
    }
  }
  .last\:pb-0 {
    &:last-child {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .\*\:last\:rounded-e-md {
    :is(& > *) {
      &:last-child {
        border-start-end-radius: var(--radius);
        border-end-end-radius: var(--radius);
      }
    }
  }
  .last\:\*\:rounded-e-md {
    &:last-child {
      :is(& > *) {
        border-start-end-radius: var(--radius);
        border-end-end-radius: var(--radius);
      }
    }
  }
  .last\:before\:hidden {
    &:last-child {
      &::before {
        content: var(--tw-content);
        display: none;
      }
    }
  }
  .last\:after\:hidden {
    &:last-child {
      &::after {
        content: var(--tw-content);
        display: none;
      }
    }
  }
  .last-of-type\:before\:hidden {
    &:last-of-type {
      &::before {
        content: var(--tw-content);
        display: none;
      }
    }
  }
  .checked\:border-emerald-300 {
    &:checked {
      border-color: var(--color-emerald-300);
    }
  }
  .checked\:border-orange-400 {
    &:checked {
      border-color: var(--color-orange-400);
    }
  }
  .checked\:border-pink-500 {
    &:checked {
      border-color: var(--color-pink-500);
    }
  }
  .checked\:border-primary {
    &:checked {
      border-color: hsl(var(--primary));
    }
  }
  .checked\:bg-emerald-400 {
    &:checked {
      background-color: var(--color-emerald-400);
    }
  }
  .checked\:bg-orange-400 {
    &:checked {
      background-color: var(--color-orange-400);
    }
  }
  .checked\:bg-pink-500 {
    &:checked {
      background-color: var(--color-pink-500);
    }
  }
  .checked\:bg-primary {
    &:checked {
      background-color: hsl(var(--primary));
    }
  }
  .checked\:text-primary-foreground {
    &:checked {
      color: hsl(var(--primary-foreground));
    }
  }
  .checked\:before\:bg-orange-400 {
    &:checked {
      &::before {
        content: var(--tw-content);
        background-color: var(--color-orange-400);
      }
    }
  }
  .checked\:before\:bg-pink-500 {
    &:checked {
      &::before {
        content: var(--tw-content);
        background-color: var(--color-pink-500);
      }
    }
  }
  .empty\:hidden {
    &:empty {
      display: none;
    }
  }
  .focus-within\:relative {
    &:focus-within {
      position: relative;
    }
  }
  .focus-within\:z-20 {
    &:focus-within {
      z-index: 20;
    }
  }
  .focus-within\:border-orange-300 {
    &:focus-within {
      border-color: var(--color-orange-300);
    }
  }
  .focus-within\:border-pink-300 {
    &:focus-within {
      border-color: var(--color-pink-300);
    }
  }
  .focus-within\:border-primary {
    &:focus-within {
      border-color: hsl(var(--primary));
    }
  }
  .focus-within\:bg-white {
    &:focus-within {
      background-color: var(--color-white);
    }
  }
  .focus-within\:text-white {
    &:focus-within {
      color: var(--color-white);
    }
  }
  .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-\[\#2f80ed\] {
    &:focus-within {
      --tw-ring-color: #2f80ed;
    }
  }
  .focus-within\:ring-orange-100 {
    &:focus-within {
      --tw-ring-color: var(--color-orange-100);
    }
  }
  .focus-within\:ring-pink-100 {
    &:focus-within {
      --tw-ring-color: var(--color-pink-100);
    }
  }
  .focus-within\:ring-primary\/50 {
    &:focus-within {
      --tw-ring-color: hsl(var(--primary));
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, hsl(var(--primary)) 50%, transparent);
      }
    }
  }
  .hover\:z-10 {
    &:hover {
      @media (hover: hover) {
        z-index: 10;
      }
    }
  }
  .hover\:z-50 {
    &:hover {
      @media (hover: hover) {
        z-index: 50;
      }
    }
  }
  .hover\:mx-6 {
    &:hover {
      @media (hover: hover) {
        margin-inline: calc(var(--spacing) * 6);
      }
    }
  }
  .hover\:my-6 {
    &:hover {
      @media (hover: hover) {
        margin-block: calc(var(--spacing) * 6);
      }
    }
  }
  .hover\:h-4 {
    &:hover {
      @media (hover: hover) {
        height: calc(var(--spacing) * 4);
      }
    }
  }
  .hover\:translate-x-0\.5 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .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-x-\[-1px\] {
    &:hover {
      @media (hover: hover) {
        --tw-translate-x: -1px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:translate-x-\[-2px\] {
    &:hover {
      @media (hover: hover) {
        --tw-translate-x: -2px;
        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-1\.5 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -1.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:-translate-y-2 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -2);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:-translate-y-2\.5 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -2.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:-translate-y-3 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -3);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:-translate-y-6 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -6);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:-translate-y-8 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -8);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:translate-y-0 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:translate-y-2 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * 2);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:translate-y-\[-0\.15rem\] {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: -0.15rem;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:translate-y-\[-1px\] {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: -1px;
        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-\[-3px\] {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: -3px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:translate-y-\[-4px\] {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: -4px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:translate-y-\[-5px\] {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: -5px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:scale-100 {
    &: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);
      }
    }
  }
  .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-150 {
    &: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);
      }
    }
  }
  .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\.05\] {
    &:hover {
      @media (hover: hover) {
        scale: 1.05;
      }
    }
  }
  .hover\:rotate-0 {
    &:hover {
      @media (hover: hover) {
        rotate: 0deg;
      }
    }
  }
  .hover\:rotate-1 {
    &:hover {
      @media (hover: hover) {
        rotate: 1deg;
      }
    }
  }
  .hover\:rotate-2 {
    &:hover {
      @media (hover: hover) {
        rotate: 2deg;
      }
    }
  }
  .hover\:\!transform-none {
    &:hover {
      @media (hover: hover) {
        transform: none !important;
      }
    }
  }
  .hover\:cursor-pointer {
    &:hover {
      @media (hover: hover) {
        cursor: pointer;
      }
    }
  }
  .hover\:gap-2 {
    &:hover {
      @media (hover: hover) {
        gap: calc(var(--spacing) * 2);
      }
    }
  }
  .hover\:gap-3 {
    &:hover {
      @media (hover: hover) {
        gap: calc(var(--spacing) * 3);
      }
    }
  }
  .hover\:rounded-2xl {
    &:hover {
      @media (hover: hover) {
        border-radius: var(--radius-2xl);
      }
    }
  }
  .hover\:rounded-xl {
    &:hover {
      @media (hover: hover) {
        border-radius: calc(var(--radius) + 16px);
      }
    }
  }
  .hover\:border-1 {
    &:hover {
      @media (hover: hover) {
        border-style: var(--tw-border-style);
        border-width: 1px;
      }
    }
  }
  .hover\:border-3 {
    &:hover {
      @media (hover: hover) {
        border-style: var(--tw-border-style);
        border-width: 3px;
      }
    }
  }
  .hover\:border-dashed {
    &:hover {
      @media (hover: hover) {
        --tw-border-style: dashed;
        border-style: dashed;
      }
    }
  }
  .hover\:border-\[\#\#2f80ed\] {
    &:hover {
      @media (hover: hover) {
        border-color: ##2f80ed;
      }
    }
  }
  .hover\:border-\[\#\#45c4a0\] {
    &:hover {
      @media (hover: hover) {
        border-color: ##45c4a0;
      }
    }
  }
  .hover\:border-\[\#\#a07cc5\] {
    &:hover {
      @media (hover: hover) {
        border-color: ##a07cc5;
      }
    }
  }
  .hover\:border-\[\#\#e668b3\] {
    &:hover {
      @media (hover: hover) {
        border-color: ##e668b3;
      }
    }
  }
  .hover\:border-\[\#1B84FF\]\/35 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #1B84FF 35%, transparent);
      }
    }
  }
  .hover\:border-\[\#1B84FF\]\/45 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #1B84FF 45%, transparent);
      }
    }
  }
  .hover\:border-\[\#2f80ed\] {
    &:hover {
      @media (hover: hover) {
        border-color: #2f80ed;
      }
    }
  }
  .hover\:border-\[\#2f80ed\]\/40 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #2f80ed 40%, transparent);
      }
    }
  }
  .hover\:border-\[\#2f80ed\]\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #2f80ed 50%, transparent);
      }
    }
  }
  .hover\:border-\[\#3b82f6\] {
    &:hover {
      @media (hover: hover) {
        border-color: #3b82f6;
      }
    }
  }
  .hover\:border-\[\#3f78e0\] {
    &:hover {
      @media (hover: hover) {
        border-color: #3f78e0;
      }
    }
  }
  .hover\:border-\[\#6F6CFF\] {
    &:hover {
      @media (hover: hover) {
        border-color: #6F6CFF;
      }
    }
  }
  .hover\:border-\[\#7E33E1\] {
    &:hover {
      @media (hover: hover) {
        border-color: #7E33E1;
      }
    }
  }
  .hover\:border-\[\#7E33E1\]\/20 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #7E33E1 20%, transparent);
      }
    }
  }
  .hover\:border-\[\#7E33E1\]\/30 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #7E33E1 30%, transparent);
      }
    }
  }
  .hover\:border-\[\#7E33E1\]\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #7E33E1 50%, transparent);
      }
    }
  }
  .hover\:border-\[\#8a7d6e\] {
    &:hover {
      @media (hover: hover) {
        border-color: #8a7d6e;
      }
    }
  }
  .hover\:border-\[\#343f52\] {
    &:hover {
      @media (hover: hover) {
        border-color: #343f52;
      }
    }
  }
  .hover\:border-\[\#605dba\] {
    &:hover {
      @media (hover: hover) {
        border-color: #605dba;
      }
    }
  }
  .hover\:border-\[\#6366f1\] {
    &:hover {
      @media (hover: hover) {
        border-color: #6366f1;
      }
    }
  }
  .hover\:border-\[\#D84315\] {
    &:hover {
      @media (hover: hover) {
        border-color: #D84315;
      }
    }
  }
  .hover\:border-\[\#FF006B\] {
    &:hover {
      @media (hover: hover) {
        border-color: #FF006B;
      }
    }
  }
  .hover\:border-\[\#FF2759\] {
    &:hover {
      @media (hover: hover) {
        border-color: #FF2759;
      }
    }
  }
  .hover\:border-\[\#FFEAA0\] {
    &:hover {
      @media (hover: hover) {
        border-color: #FFEAA0;
      }
    }
  }
  .hover\:border-\[\#c5b59a\] {
    &:hover {
      @media (hover: hover) {
        border-color: #c5b59a;
      }
    }
  }
  .hover\:border-\[\#e2626b\] {
    &:hover {
      @media (hover: hover) {
        border-color: #e2626b;
      }
    }
  }
  .hover\:border-\[\#eef3f9\] {
    &:hover {
      @media (hover: hover) {
        border-color: #eef3f9;
      }
    }
  }
  .hover\:border-\[\#fab758\] {
    &:hover {
      @media (hover: hover) {
        border-color: #fab758;
      }
    }
  }
  .hover\:border-\[var\(--blue-light\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--blue-light);
      }
    }
  }
  .hover\:border-\[var\(--purple-blue\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--purple-blue);
      }
    }
  }
  .hover\:border-\[var\(--red-light\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--red-light);
      }
    }
  }
  .hover\:border-amber-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-amber-200);
      }
    }
  }
  .hover\:border-amber-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-amber-300);
      }
    }
  }
  .hover\:border-amber-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-amber-400);
      }
    }
  }
  .hover\:border-amber-400\/60 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-amber-400) 60%, transparent);
        }
      }
    }
  }
  .hover\:border-amber-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-amber-500);
      }
    }
  }
  .hover\:border-amber-500\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-amber-500) 50%, transparent);
        }
      }
    }
  }
  .hover\:border-amber-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-amber-600);
      }
    }
  }
  .hover\:border-black {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-black);
      }
    }
  }
  .hover\:border-black\/10 {
    &:hover {
      @media (hover: hover) {
        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);
        }
      }
    }
  }
  .hover\:border-black\/20 {
    &:hover {
      @media (hover: hover) {
        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);
        }
      }
    }
  }
  .hover\:border-blue-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-blue-200);
      }
    }
  }
  .hover\:border-blue-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-blue-300);
      }
    }
  }
  .hover\:border-blue-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-blue-400);
      }
    }
  }
  .hover\:border-blue-400\/60 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-blue-400) 60%, transparent);
        }
      }
    }
  }
  .hover\:border-blue-400\/70 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 70%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-blue-400) 70%, transparent);
        }
      }
    }
  }
  .hover\:border-blue-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-blue-500);
      }
    }
  }
  .hover\:border-blue-500\/30 {
    &: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);
        }
      }
    }
  }
  .hover\:border-blue-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-blue-600);
      }
    }
  }
  .hover\:border-border {
    &:hover {
      @media (hover: hover) {
        border-color: hsl(var(--border-hsl));
      }
    }
  }
  .hover\:border-border\/80 {
    &:hover {
      @media (hover: hover) {
        border-color: hsl(var(--border-hsl));
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, hsl(var(--border-hsl)) 80%, transparent);
        }
      }
    }
  }
  .hover\:border-current\/20 {
    &:hover {
      @media (hover: hover) {
        border-color: currentcolor;
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, currentcolor 20%, transparent);
        }
      }
    }
  }
  .hover\:border-cyan-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-cyan-300);
      }
    }
  }
  .hover\:border-cyan-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-cyan-400);
      }
    }
  }
  .hover\:border-cyan-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-cyan-500);
      }
    }
  }
  .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\/50 {
    &:hover {
      @media (hover: hover) {
        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);
        }
      }
    }
  }
  .hover\:border-cyan-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-cyan-600);
      }
    }
  }
  .hover\:border-emerald-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-emerald-200);
      }
    }
  }
  .hover\:border-emerald-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-emerald-300);
      }
    }
  }
  .hover\:border-emerald-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-emerald-400);
      }
    }
  }
  .hover\:border-emerald-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-emerald-500);
      }
    }
  }
  .hover\:border-emerald-500\/30 {
    &:hover {
      @media (hover: hover) {
        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);
        }
      }
    }
  }
  .hover\:border-emerald-500\/50 {
    &:hover {
      @media (hover: hover) {
        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);
        }
      }
    }
  }
  .hover\:border-emerald-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-emerald-600);
      }
    }
  }
  .hover\:border-foreground\/20 {
    &:hover {
      @media (hover: hover) {
        border-color: hsl(var(--foreground));
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, hsl(var(--foreground)) 20%, transparent);
        }
      }
    }
  }
  .hover\:border-foreground\/30 {
    &:hover {
      @media (hover: hover) {
        border-color: hsl(var(--foreground));
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, hsl(var(--foreground)) 30%, transparent);
        }
      }
    }
  }
  .hover\:border-fuchsia-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-fuchsia-300);
      }
    }
  }
  .hover\:border-fuchsia-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-fuchsia-400);
      }
    }
  }
  .hover\:border-fuchsia-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-fuchsia-500);
      }
    }
  }
  .hover\:border-fuchsia-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-fuchsia-600);
      }
    }
  }
  .hover\:border-gray-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-gray-200);
      }
    }
  }
  .hover\:border-gray-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-gray-300);
      }
    }
  }
  .hover\:border-gray-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-gray-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-gray-500);
      }
    }
  }
  .hover\:border-gray-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-gray-600);
      }
    }
  }
  .hover\:border-gray-900 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-gray-900);
      }
    }
  }
  .hover\:border-green-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-green-300);
      }
    }
  }
  .hover\:border-green-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-green-500);
      }
    }
  }
  .hover\:border-green-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-green-600);
      }
    }
  }
  .hover\:border-indigo-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-indigo-100);
      }
    }
  }
  .hover\:border-indigo-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-indigo-200);
      }
    }
  }
  .hover\:border-indigo-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-indigo-300);
      }
    }
  }
  .hover\:border-indigo-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-indigo-400);
      }
    }
  }
  .hover\:border-indigo-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-indigo-500);
      }
    }
  }
  .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-indigo-500\/40 {
    &:hover {
      @media (hover: hover) {
        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);
        }
      }
    }
  }
  .hover\:border-indigo-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-indigo-600);
      }
    }
  }
  .hover\:border-lime-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-lime-300);
      }
    }
  }
  .hover\:border-lime-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-lime-500);
      }
    }
  }
  .hover\:border-lime-500\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(76.8% 0.233 130.85) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-lime-500) 50%, transparent);
        }
      }
    }
  }
  .hover\:border-lime-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-lime-600);
      }
    }
  }
  .hover\:border-muted-foreground\/20 {
    &:hover {
      @media (hover: hover) {
        border-color: hsl(var(--muted-foreground));
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, hsl(var(--muted-foreground)) 20%, transparent);
        }
      }
    }
  }
  .hover\:border-muted-foreground\/40 {
    &:hover {
      @media (hover: hover) {
        border-color: hsl(var(--muted-foreground));
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, hsl(var(--muted-foreground)) 40%, transparent);
        }
      }
    }
  }
  .hover\:border-neutral-100\/70 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(97% 0 0) 70%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-neutral-100) 70%, transparent);
        }
      }
    }
  }
  .hover\:border-neutral-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-neutral-200);
      }
    }
  }
  .hover\:border-neutral-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-neutral-300);
      }
    }
  }
  .hover\:border-neutral-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-neutral-400);
      }
    }
  }
  .hover\:border-neutral-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-neutral-600);
      }
    }
  }
  .hover\:border-neutral-900 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-neutral-900);
      }
    }
  }
  .hover\:border-orange-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-orange-200);
      }
    }
  }
  .hover\:border-orange-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-orange-300);
      }
    }
  }
  .hover\:border-orange-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-orange-400);
      }
    }
  }
  .hover\:border-orange-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-orange-500);
      }
    }
  }
  .hover\:border-orange-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-orange-600);
      }
    }
  }
  .hover\:border-pink-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-pink-200);
      }
    }
  }
  .hover\:border-pink-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-pink-300);
      }
    }
  }
  .hover\:border-pink-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-pink-400);
      }
    }
  }
  .hover\:border-pink-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-pink-500);
      }
    }
  }
  .hover\:border-pink-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-pink-600);
      }
    }
  }
  .hover\:border-primary {
    &:hover {
      @media (hover: hover) {
        border-color: hsl(var(--primary));
      }
    }
  }
  .hover\:border-primary\/20 {
    &:hover {
      @media (hover: hover) {
        border-color: hsl(var(--primary));
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, hsl(var(--primary)) 20%, transparent);
        }
      }
    }
  }
  .hover\:border-primary\/30 {
    &:hover {
      @media (hover: hover) {
        border-color: hsl(var(--primary));
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, hsl(var(--primary)) 30%, transparent);
        }
      }
    }
  }
  .hover\:border-primary\/40 {
    &:hover {
      @media (hover: hover) {
        border-color: hsl(var(--primary));
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, hsl(var(--primary)) 40%, transparent);
        }
      }
    }
  }
  .hover\:border-primary\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: hsl(var(--primary));
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, hsl(var(--primary)) 50%, transparent);
        }
      }
    }
  }
  .hover\:border-primary\/80 {
    &:hover {
      @media (hover: hover) {
        border-color: hsl(var(--primary));
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, hsl(var(--primary)) 80%, transparent);
        }
      }
    }
  }
  .hover\:border-purple-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-purple-300);
      }
    }
  }
  .hover\:border-purple-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-purple-400);
      }
    }
  }
  .hover\:border-purple-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-purple-500);
      }
    }
  }
  .hover\:border-purple-500\/30 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent);
        }
      }
    }
  }
  .hover\:border-purple-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-purple-600);
      }
    }
  }
  .hover\:border-red-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-red-300);
      }
    }
  }
  .hover\:border-red-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-red-500);
      }
    }
  }
  .hover\:border-red-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-red-600);
      }
    }
  }
  .hover\:border-rose-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-rose-200);
      }
    }
  }
  .hover\:border-rose-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-rose-300);
      }
    }
  }
  .hover\:border-rose-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-rose-400);
      }
    }
  }
  .hover\:border-rose-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-rose-500);
      }
    }
  }
  .hover\:border-rose-500\/30 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-rose-500) 30%, transparent);
        }
      }
    }
  }
  .hover\:border-rose-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-rose-600);
      }
    }
  }
  .hover\:border-secondary-foreground\/30 {
    &:hover {
      @media (hover: hover) {
        border-color: hsl(var(--secondary-foreground));
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, hsl(var(--secondary-foreground)) 30%, transparent);
        }
      }
    }
  }
  .hover\:border-sky-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-sky-200);
      }
    }
  }
  .hover\:border-sky-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-sky-300);
      }
    }
  }
  .hover\:border-sky-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-sky-400);
      }
    }
  }
  .hover\:border-sky-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-sky-500);
      }
    }
  }
  .hover\:border-sky-500\/30 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-sky-500) 30%, transparent);
        }
      }
    }
  }
  .hover\:border-sky-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-sky-600);
      }
    }
  }
  .hover\:border-sky-800 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-sky-800);
      }
    }
  }
  .hover\:border-slate-100 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-slate-100);
      }
    }
  }
  .hover\:border-slate-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-slate-200);
      }
    }
  }
  .hover\:border-slate-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-slate-300);
      }
    }
  }
  .hover\:border-slate-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-slate-400);
      }
    }
  }
  .hover\:border-stone-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-stone-600);
      }
    }
  }
  .hover\:border-stone-900 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-stone-900);
      }
    }
  }
  .hover\:border-teal-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-teal-300);
      }
    }
  }
  .hover\:border-teal-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-teal-400);
      }
    }
  }
  .hover\:border-teal-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-teal-500);
      }
    }
  }
  .hover\:border-teal-500\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-teal-500) 50%, transparent);
        }
      }
    }
  }
  .hover\:border-teal-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-teal-600);
      }
    }
  }
  .hover\:border-transparent {
    &:hover {
      @media (hover: hover) {
        border-color: transparent;
      }
    }
  }
  .hover\:border-violet-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-violet-200);
      }
    }
  }
  .hover\:border-violet-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-violet-300);
      }
    }
  }
  .hover\:border-violet-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-violet-400);
      }
    }
  }
  .hover\:border-violet-400\/60 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-violet-400) 60%, transparent);
        }
      }
    }
  }
  .hover\:border-violet-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-violet-500);
      }
    }
  }
  .hover\:border-violet-500\/30 {
    &:hover {
      @media (hover: hover) {
        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);
        }
      }
    }
  }
  .hover\:border-violet-500\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-violet-500) 50%, transparent);
        }
      }
    }
  }
  .hover\:border-violet-600 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-violet-600);
      }
    }
  }
  .hover\:border-white {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-white);
      }
    }
  }
  .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\/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-yellow-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-yellow-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\:border-zinc-900 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-zinc-900);
      }
    }
  }
  .hover\:\!bg-\[\#ffba12\] {
    &:hover {
      @media (hover: hover) {
        background-color: #ffba12 !important;
      }
    }
  }
  .hover\:\!bg-transparent {
    &:hover {
      @media (hover: hover) {
        background-color: transparent !important;
      }
    }
  }
  .hover\:bg-\[\#\#1d4ed8\] {
    &:hover {
      @media (hover: hover) {
        background-color: ##1d4ed8;
      }
    }
  }
  .hover\:bg-\[\#\#2f80ed\]\/5 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, ##2f80ed 5%, transparent);
      }
    }
  }
  .hover\:bg-\[\#\#2f80ed\]\/15 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, ##2f80ed 15%, transparent);
      }
    }
  }
  .hover\:bg-\[\#\#45c4a0\] {
    &:hover {
      @media (hover: hover) {
        background-color: ##45c4a0;
      }
    }
  }
  .hover\:bg-\[\#\#256fd1\] {
    &:hover {
      @media (hover: hover) {
        background-color: ##256fd1;
      }
    }
  }
  .hover\:bg-\[\#\#2563eb\] {
    &:hover {
      @media (hover: hover) {
        background-color: ##2563eb;
      }
    }
  }
  .hover\:bg-\[\#\#a07cc5\] {
    &:hover {
      @media (hover: hover) {
        background-color: ##a07cc5;
      }
    }
  }
  .hover\:bg-\[\#\#d14f5a\] {
    &:hover {
      @media (hover: hover) {
        background-color: ##d14f5a;
      }
    }
  }
  .hover\:bg-\[\#\#e668b3\] {
    &:hover {
      @media (hover: hover) {
        background-color: ##e668b3;
      }
    }
  }
  .hover\:bg-\[\#0b0b0c\] {
    &:hover {
      @media (hover: hover) {
        background-color: #0b0b0c;
      }
    }
  }
  .hover\:bg-\[\#1A1816\] {
    &:hover {
      @media (hover: hover) {
        background-color: #1A1816;
      }
    }
  }
  .hover\:bg-\[\#1a1a1a\] {
    &:hover {
      @media (hover: hover) {
        background-color: #1a1a1a;
      }
    }
  }
  .hover\:bg-\[\#1d4ed8\] {
    &:hover {
      @media (hover: hover) {
        background-color: #1d4ed8;
      }
    }
  }
  .hover\:bg-\[\#2b0937\] {
    &:hover {
      @media (hover: hover) {
        background-color: #2b0937;
      }
    }
  }
  .hover\:bg-\[\#2c3344\] {
    &:hover {
      @media (hover: hover) {
        background-color: #2c3344;
      }
    }
  }
  .hover\:bg-\[\#2f80ed\]\/5 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, #2f80ed 5%, transparent);
      }
    }
  }
  .hover\:bg-\[\#2f80ed\]\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, #2f80ed 10%, transparent);
      }
    }
  }
  .hover\:bg-\[\#2f80ed\]\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, #2f80ed 20%, transparent);
      }
    }
  }
  .hover\:bg-\[\#3a2b22\] {
    &:hover {
      @media (hover: hover) {
        background-color: #3a2b22;
      }
    }
  }
  .hover\:bg-\[\#3a332b\] {
    &:hover {
      @media (hover: hover) {
        background-color: #3a332b;
      }
    }
  }
  .hover\:bg-\[\#3a352f\] {
    &:hover {
      @media (hover: hover) {
        background-color: #3a352f;
      }
    }
  }
  .hover\:bg-\[\#3b82f6\]\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, #3b82f6 20%, transparent);
      }
    }
  }
  .hover\:bg-\[\#3b332b\] {
    &:hover {
      @media (hover: hover) {
        background-color: #3b332b;
      }
    }
  }
  .hover\:bg-\[\#3f78e0\] {
    &:hover {
      @media (hover: hover) {
        background-color: #3f78e0;
      }
    }
  }
  .hover\:bg-\[\#4E342E\] {
    &:hover {
      @media (hover: hover) {
        background-color: #4E342E;
      }
    }
  }
  .hover\:bg-\[\#4F46E5\] {
    &:hover {
      @media (hover: hover) {
        background-color: #4F46E5;
      }
    }
  }
  .hover\:bg-\[\#4a5a3a\] {
    &:hover {
      @media (hover: hover) {
        background-color: #4a5a3a;
      }
    }
  }
  .hover\:bg-\[\#4e46e5\] {
    &:hover {
      @media (hover: hover) {
        background-color: #4e46e5;
      }
    }
  }
  .hover\:bg-\[\#6b2bc4\] {
    &:hover {
      @media (hover: hover) {
        background-color: #6b2bc4;
      }
    }
  }
  .hover\:bg-\[\#6f6cff\] {
    &:hover {
      @media (hover: hover) {
        background-color: #6f6cff;
      }
    }
  }
  .hover\:bg-\[\#7E33E1\] {
    &:hover {
      @media (hover: hover) {
        background-color: #7E33E1;
      }
    }
  }
  .hover\:bg-\[\#7E33E1\]\/5 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, #7E33E1 5%, transparent);
      }
    }
  }
  .hover\:bg-\[\#7a42eb\] {
    &:hover {
      @media (hover: hover) {
        background-color: #7a42eb;
      }
    }
  }
  .hover\:bg-\[\#8D6E63\] {
    &:hover {
      @media (hover: hover) {
        background-color: #8D6E63;
      }
    }
  }
  .hover\:bg-\[\#16a34a\] {
    &:hover {
      @media (hover: hover) {
        background-color: #16a34a;
      }
    }
  }
  .hover\:bg-\[\#18b0a9\] {
    &:hover {
      @media (hover: hover) {
        background-color: #18b0a9;
      }
    }
  }
  .hover\:bg-\[\#102C46\] {
    &:hover {
      @media (hover: hover) {
        background-color: #102C46;
      }
    }
  }
  .hover\:bg-\[\#256fd1\] {
    &:hover {
      @media (hover: hover) {
        background-color: #256fd1;
      }
    }
  }
  .hover\:bg-\[\#343f52\] {
    &:hover {
      @media (hover: hover) {
        background-color: #343f52;
      }
    }
  }
  .hover\:bg-\[\#605dba\] {
    &:hover {
      @media (hover: hover) {
        background-color: #605dba;
      }
    }
  }
  .hover\:bg-\[\#2563eb\] {
    &:hover {
      @media (hover: hover) {
        background-color: #2563eb;
      }
    }
  }
  .hover\:bg-\[\#5558E3\] {
    &:hover {
      @media (hover: hover) {
        background-color: #5558E3;
      }
    }
  }
  .hover\:bg-\[\#48613c\] {
    &:hover {
      @media (hover: hover) {
        background-color: #48613c;
      }
    }
  }
  .hover\:bg-\[\#059669\] {
    &:hover {
      @media (hover: hover) {
        background-color: #059669;
      }
    }
  }
  .hover\:bg-\[\#151515\] {
    &:hover {
      @media (hover: hover) {
        background-color: #151515;
      }
    }
  }
  .hover\:bg-\[\#161616\] {
    &:hover {
      @media (hover: hover) {
        background-color: #161616;
      }
    }
  }
  .hover\:bg-\[\#212121\] {
    &:hover {
      @media (hover: hover) {
        background-color: #212121;
      }
    }
  }
  .hover\:bg-\[\#232323\] {
    &:hover {
      @media (hover: hover) {
        background-color: #232323;
      }
    }
  }
  .hover\:bg-\[\#353535\] {
    &:hover {
      @media (hover: hover) {
        background-color: #353535;
      }
    }
  }
  .hover\:bg-\[\#373737\] {
    &:hover {
      @media (hover: hover) {
        background-color: #373737;
      }
    }
  }
  .hover\:bg-\[\#B05D35\] {
    &:hover {
      @media (hover: hover) {
        background-color: #B05D35;
      }
    }
  }
  .hover\:bg-\[\#B76C4B\] {
    &:hover {
      @media (hover: hover) {
        background-color: #B76C4B;
      }
    }
  }
  .hover\:bg-\[\#BF360C\] {
    &:hover {
      @media (hover: hover) {
        background-color: #BF360C;
      }
    }
  }
  .hover\:bg-\[\#E1E9F1\] {
    &:hover {
      @media (hover: hover) {
        background-color: #E1E9F1;
      }
    }
  }
  .hover\:bg-\[\#E8501F\] {
    &:hover {
      @media (hover: hover) {
        background-color: #E8501F;
      }
    }
  }
  .hover\:bg-\[\#EAF4FF\] {
    &:hover {
      @media (hover: hover) {
        background-color: #EAF4FF;
      }
    }
  }
  .hover\:bg-\[\#EAF4FF\]\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, #EAF4FF 20%, transparent);
      }
    }
  }
  .hover\:bg-\[\#EAF4FF\]\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, #EAF4FF 30%, transparent);
      }
    }
  }
  .hover\:bg-\[\#EB5E2A\] {
    &:hover {
      @media (hover: hover) {
        background-color: #EB5E2A;
      }
    }
  }
  .hover\:bg-\[\#EEF2FF\] {
    &:hover {
      @media (hover: hover) {
        background-color: #EEF2FF;
      }
    }
  }
  .hover\:bg-\[\#EFEAE1\] {
    &:hover {
      @media (hover: hover) {
        background-color: #EFEAE1;
      }
    }
  }
  .hover\:bg-\[\#FBF6EF\] {
    &:hover {
      @media (hover: hover) {
        background-color: #FBF6EF;
      }
    }
  }
  .hover\:bg-\[\#FBF6EF\]\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, #FBF6EF 10%, transparent);
      }
    }
  }
  .hover\:bg-\[\#FCFCF9\] {
    &:hover {
      @media (hover: hover) {
        background-color: #FCFCF9;
      }
    }
  }
  .hover\:bg-\[\#FDFCFB\] {
    &:hover {
      @media (hover: hover) {
        background-color: #FDFCFB;
      }
    }
  }
  .hover\:bg-\[\#FFBA12\] {
    &:hover {
      @media (hover: hover) {
        background-color: #FFBA12;
      }
    }
  }
  .hover\:bg-\[\#aa4f2d\] {
    &:hover {
      @media (hover: hover) {
        background-color: #aa4f2d;
      }
    }
  }
  .hover\:bg-\[\#c751ff\] {
    &:hover {
      @media (hover: hover) {
        background-color: #c751ff;
      }
    }
  }
  .hover\:bg-\[\#e0184d\] {
    &:hover {
      @media (hover: hover) {
        background-color: #e0184d;
      }
    }
  }
  .hover\:bg-\[\#e2626b\] {
    &:hover {
      @media (hover: hover) {
        background-color: #e2626b;
      }
    }
  }
  .hover\:bg-\[\#eb5e2a\] {
    &:hover {
      @media (hover: hover) {
        background-color: #eb5e2a;
      }
    }
  }
  .hover\:bg-\[\#eef3f9\] {
    &:hover {
      @media (hover: hover) {
        background-color: #eef3f9;
      }
    }
  }
  .hover\:bg-\[\#f0e7da\] {
    &:hover {
      @media (hover: hover) {
        background-color: #f0e7da;
      }
    }
  }
  .hover\:bg-\[\#f0e9d9\] {
    &:hover {
      @media (hover: hover) {
        background-color: #f0e9d9;
      }
    }
  }
  .hover\:bg-\[\#f3f4f6\] {
    &:hover {
      @media (hover: hover) {
        background-color: #f3f4f6;
      }
    }
  }
  .hover\:bg-\[\#f3f4f6\]\/70 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, #f3f4f6 70%, transparent);
      }
    }
  }
  .hover\:bg-\[\#f7f3ec\] {
    &:hover {
      @media (hover: hover) {
        background-color: #f7f3ec;
      }
    }
  }
  .hover\:bg-\[\#f8f4ed\] {
    &:hover {
      @media (hover: hover) {
        background-color: #f8f4ed;
      }
    }
  }
  .hover\:bg-\[\#f8f9fb\] {
    &:hover {
      @media (hover: hover) {
        background-color: #f8f9fb;
      }
    }
  }
  .hover\:bg-\[\#fab758\] {
    &:hover {
      @media (hover: hover) {
        background-color: #fab758;
      }
    }
  }
  .hover\:bg-\[\#ff4a8b\] {
    &:hover {
      @media (hover: hover) {
        background-color: #ff4a8b;
      }
    }
  }
  .hover\:bg-\[\#ff006b\] {
    &:hover {
      @media (hover: hover) {
        background-color: #ff006b;
      }
    }
  }
  .hover\:bg-\[\#ff2759\] {
    &:hover {
      @media (hover: hover) {
        background-color: #ff2759;
      }
    }
  }
  .hover\:bg-\[\#ffb840\] {
    &:hover {
      @media (hover: hover) {
        background-color: #ffb840;
      }
    }
  }
  .hover\:bg-\[\#ffba12\] {
    &:hover {
      @media (hover: hover) {
        background-color: #ffba12;
      }
    }
  }
  .hover\:bg-\[\#ffeaa0\] {
    &:hover {
      @media (hover: hover) {
        background-color: #ffeaa0;
      }
    }
  }
  .hover\:bg-\[inherit\] {
    &:hover {
      @media (hover: hover) {
        background-color: inherit;
      }
    }
  }
  .hover\:bg-\[rgba\(0\,0\,0\,0\.04\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: rgba(0,0,0,0.04);
      }
    }
  }
  .hover\:bg-\[rgba\(255\,255\,255\,0\.5\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: rgba(255,255,255,0.5);
      }
    }
  }
  .hover\:bg-\[var\(--blue-dark\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--blue-dark);
      }
    }
  }
  .hover\:bg-\[var\(--blue-light\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--blue-light);
      }
    }
  }
  .hover\:bg-\[var\(--purple-blue\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--purple-blue);
      }
    }
  }
  .hover\:bg-\[var\(--red-light\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--red-light);
      }
    }
  }
  .hover\:bg-\[var\(--vin-red\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--vin-red);
      }
    }
  }
  .hover\:bg-\[var\(--yellow-deep\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--yellow-deep);
      }
    }
  }
  .hover\:bg-accent {
    &:hover {
      @media (hover: hover) {
        background-color: hsl(var(--accent));
      }
    }
  }
  .hover\:bg-accent\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: hsl(var(--accent));
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, hsl(var(--accent)) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-amber-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-50);
      }
    }
  }
  .hover\:bg-amber-50\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-amber-50) 30%, transparent);
        }
      }
    }
  }
  .hover\:bg-amber-50\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-amber-50) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-amber-50\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-amber-50) 60%, transparent);
        }
      }
    }
  }
  .hover\:bg-amber-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-100);
      }
    }
  }
  .hover\:bg-amber-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-200);
      }
    }
  }
  .hover\:bg-amber-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-300);
      }
    }
  }
  .hover\:bg-amber-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-400);
      }
    }
  }
  .hover\:bg-amber-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-500);
      }
    }
  }
  .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-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-600);
      }
    }
  }
  .hover\:bg-amber-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-700);
      }
    }
  }
  .hover\:bg-amber-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-800);
      }
    }
  }
  .hover\:bg-amber-900 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-900);
      }
    }
  }
  .hover\:bg-amber-950 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-950);
      }
    }
  }
  .hover\:bg-background {
    &:hover {
      @media (hover: hover) {
        background-color: hsl(var(--background));
      }
    }
  }
  .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\/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\/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\/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-50\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-blue-50) 30%, transparent);
        }
      }
    }
  }
  .hover\:bg-blue-50\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-blue-50) 40%, transparent);
        }
      }
    }
  }
  .hover\:bg-blue-50\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-blue-50) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-blue-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-100);
      }
    }
  }
  .hover\:bg-blue-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-200);
      }
    }
  }
  .hover\:bg-blue-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-300);
      }
    }
  }
  .hover\:bg-blue-300\/20 {
    &:hover {
      @media (hover: hover) {
        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);
        }
      }
    }
  }
  .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\/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\/40 {
    &:hover {
      @media (hover: hover) {
        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);
        }
      }
    }
  }
  .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-blue-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-800);
      }
    }
  }
  .hover\:bg-card {
    &:hover {
      @media (hover: hover) {
        background-color: hsl(var(--card));
      }
    }
  }
  .hover\:bg-cyan-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-cyan-50);
      }
    }
  }
  .hover\:bg-cyan-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-cyan-100);
      }
    }
  }
  .hover\:bg-cyan-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-cyan-200);
      }
    }
  }
  .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-400\/30 {
    &:hover {
      @media (hover: hover) {
        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);
        }
      }
    }
  }
  .hover\:bg-cyan-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-cyan-500);
      }
    }
  }
  .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-cyan-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-cyan-600);
      }
    }
  }
  .hover\:bg-cyan-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-cyan-700);
      }
    }
  }
  .hover\:bg-cyan-700\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(52% 0.105 223.128) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-cyan-700) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-destructive\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: hsl(var(--destructive));
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, hsl(var(--destructive)) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-destructive\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: hsl(var(--destructive));
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, hsl(var(--destructive)) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-destructive\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: hsl(var(--destructive));
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, hsl(var(--destructive)) 90%, transparent);
        }
      }
    }
  }
  .hover\:bg-emerald-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-50);
      }
    }
  }
  .hover\:bg-emerald-50\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-emerald-50) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-emerald-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-100);
      }
    }
  }
  .hover\:bg-emerald-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-200);
      }
    }
  }
  .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-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-500);
      }
    }
  }
  .hover\:bg-emerald-500\/10 {
    &:hover {
      @media (hover: hover) {
        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);
        }
      }
    }
  }
  .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\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent);
        }
      }
    }
  }
  .hover\:bg-emerald-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-600);
      }
    }
  }
  .hover\:bg-emerald-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-700);
      }
    }
  }
  .hover\:bg-foreground\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: hsl(var(--foreground));
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, hsl(var(--foreground)) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-foreground\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: hsl(var(--foreground));
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, hsl(var(--foreground)) 30%, transparent);
        }
      }
    }
  }
  .hover\:bg-fuchsia-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-fuchsia-50);
      }
    }
  }
  .hover\:bg-fuchsia-50\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(97.7% 0.017 320.058) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-fuchsia-50) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-fuchsia-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-fuchsia-100);
      }
    }
  }
  .hover\:bg-fuchsia-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-fuchsia-200);
      }
    }
  }
  .hover\:bg-fuchsia-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-fuchsia-300);
      }
    }
  }
  .hover\:bg-fuchsia-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-fuchsia-400);
      }
    }
  }
  .hover\:bg-fuchsia-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-fuchsia-500);
      }
    }
  }
  .hover\:bg-fuchsia-500\/10 {
    &:hover {
      @media (hover: hover) {
        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);
        }
      }
    }
  }
  .hover\:bg-fuchsia-500\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(66.7% 0.295 322.15) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-fuchsia-500) 40%, transparent);
        }
      }
    }
  }
  .hover\:bg-fuchsia-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-fuchsia-600);
      }
    }
  }
  .hover\:bg-fuchsia-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-fuchsia-700);
      }
    }
  }
  .hover\:bg-gray-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-50);
      }
    }
  }
  .hover\:bg-gray-50\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-gray-50) 50%, transparent);
        }
      }
    }
  }
  .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-50\/70 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 70%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-gray-50) 70%, transparent);
        }
      }
    }
  }
  .hover\:bg-gray-50\/80 {
    &:hover {
      @media (hover: hover) {
        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);
        }
      }
    }
  }
  .hover\:bg-gray-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-100);
      }
    }
  }
  .hover\:bg-gray-100\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(96.7% 0.003 264.542) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-gray-100) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-gray-100\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(96.7% 0.003 264.542) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-gray-100) 60%, transparent);
        }
      }
    }
  }
  .hover\:bg-gray-100\/70 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(96.7% 0.003 264.542) 70%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-gray-100) 70%, transparent);
        }
      }
    }
  }
  .hover\:bg-gray-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-200);
      }
    }
  }
  .hover\:bg-gray-200\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-gray-200) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-gray-200\/70 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 70%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-gray-200) 70%, transparent);
        }
      }
    }
  }
  .hover\:bg-gray-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-300);
      }
    }
  }
  .hover\:bg-gray-500\/20 {
    &:hover {
      @media (hover: hover) {
        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);
        }
      }
    }
  }
  .hover\:bg-gray-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-600);
      }
    }
  }
  .hover\:bg-gray-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-700);
      }
    }
  }
  .hover\:bg-gray-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-800);
      }
    }
  }
  .hover\:bg-gray-900 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-900);
      }
    }
  }
  .hover\:bg-gray-900\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-green-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green-50);
      }
    }
  }
  .hover\:bg-green-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green-100);
      }
    }
  }
  .hover\:bg-green-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green-200);
      }
    }
  }
  .hover\:bg-green-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green-300);
      }
    }
  }
  .hover\:bg-green-300\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(87.1% 0.15 154.449) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-green-300) 20%, transparent);
        }
      }
    }
  }
  .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\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-green-500) 40%, transparent);
        }
      }
    }
  }
  .hover\:bg-green-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green-600);
      }
    }
  }
  .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-50\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(96.2% 0.018 272.314) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-indigo-50) 30%, transparent);
        }
      }
    }
  }
  .hover\:bg-indigo-50\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(96.2% 0.018 272.314) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-indigo-50) 40%, transparent);
        }
      }
    }
  }
  .hover\:bg-indigo-50\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(96.2% 0.018 272.314) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-indigo-50) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-indigo-50\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(96.2% 0.018 272.314) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-indigo-50) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-indigo-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-indigo-100);
      }
    }
  }
  .hover\:bg-indigo-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-indigo-200);
      }
    }
  }
  .hover\:bg-indigo-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-indigo-300);
      }
    }
  }
  .hover\:bg-indigo-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-indigo-400);
      }
    }
  }
  .hover\:bg-indigo-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-indigo-500);
      }
    }
  }
  .hover\:bg-indigo-500\/10 {
    &:hover {
      @media (hover: hover) {
        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);
        }
      }
    }
  }
  .hover\:bg-indigo-500\/20 {
    &:hover {
      @media (hover: hover) {
        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);
        }
      }
    }
  }
  .hover\:bg-indigo-500\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-indigo-500) 40%, transparent);
        }
      }
    }
  }
  .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-indigo-900\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-indigo-900) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-lime-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-lime-50);
      }
    }
  }
  .hover\:bg-lime-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-lime-100);
      }
    }
  }
  .hover\:bg-lime-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-lime-200);
      }
    }
  }
  .hover\:bg-lime-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-lime-300);
      }
    }
  }
  .hover\:bg-lime-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-lime-400);
      }
    }
  }
  .hover\:bg-lime-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-lime-500);
      }
    }
  }
  .hover\:bg-lime-500\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(76.8% 0.233 130.85) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-lime-500) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-lime-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-lime-600);
      }
    }
  }
  .hover\:bg-lime-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-lime-700);
      }
    }
  }
  .hover\:bg-muted {
    &:hover {
      @media (hover: hover) {
        background-color: hsl(var(--muted));
      }
    }
  }
  .hover\:bg-muted-foreground\/5 {
    &:hover {
      @media (hover: hover) {
        background-color: hsl(var(--muted-foreground));
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, hsl(var(--muted-foreground)) 5%, transparent);
        }
      }
    }
  }
  .hover\:bg-muted\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: hsl(var(--muted));
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, hsl(var(--muted)) 40%, transparent);
        }
      }
    }
  }
  .hover\:bg-muted\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: hsl(var(--muted));
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, hsl(var(--muted)) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-muted\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: hsl(var(--muted));
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, hsl(var(--muted)) 80%, 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-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 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral-400);
      }
    }
  }
  .hover\:bg-neutral-400\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(70.8% 0 0) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-neutral-400) 30%, transparent);
        }
      }
    }
  }
  .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-500\/10 {
    &:hover {
      @media (hover: hover) {
        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);
        }
      }
    }
  }
  .hover\:bg-neutral-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral-600);
      }
    }
  }
  .hover\:bg-neutral-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral-700);
      }
    }
  }
  .hover\:bg-neutral-700\/50 {
    &: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);
        }
      }
    }
  }
  .hover\:bg-neutral-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral-800);
      }
    }
  }
  .hover\:bg-neutral-900 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral-900);
      }
    }
  }
  .hover\:bg-orange-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-orange-50);
      }
    }
  }
  .hover\:bg-orange-50\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(98% 0.016 73.684) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-orange-50) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-orange-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-orange-100);
      }
    }
  }
  .hover\:bg-orange-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-orange-200);
      }
    }
  }
  .hover\:bg-orange-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-orange-300);
      }
    }
  }
  .hover\:bg-orange-300\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(83.7% 0.128 66.29) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-orange-300) 20%, transparent);
        }
      }
    }
  }
  .hover\:bg-orange-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-orange-400);
      }
    }
  }
  .hover\:bg-orange-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-orange-500);
      }
    }
  }
  .hover\:bg-orange-500\/10 {
    &:hover {
      @media (hover: hover) {
        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);
        }
      }
    }
  }
  .hover\:bg-orange-500\/40 {
    &:hover {
      @media (hover: hover) {
        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);
        }
      }
    }
  }
  .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-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-pink-50);
      }
    }
  }
  .hover\:bg-pink-50\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(97.1% 0.014 343.198) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-pink-50) 40%, transparent);
        }
      }
    }
  }
  .hover\:bg-pink-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-pink-100);
      }
    }
  }
  .hover\:bg-pink-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-pink-200);
      }
    }
  }
  .hover\:bg-pink-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-pink-300);
      }
    }
  }
  .hover\:bg-pink-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-pink-400);
      }
    }
  }
  .hover\:bg-pink-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-pink-500);
      }
    }
  }
  .hover\:bg-pink-500\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(65.6% 0.241 354.308) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-pink-500) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-pink-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-pink-600);
      }
    }
  }
  .hover\:bg-pink-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-pink-700);
      }
    }
  }
  .hover\:bg-primary {
    &:hover {
      @media (hover: hover) {
        background-color: hsl(var(--primary));
      }
    }
  }
  .hover\:bg-primary\/2 {
    &:hover {
      @media (hover: hover) {
        background-color: hsl(var(--primary));
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, hsl(var(--primary)) 2%, transparent);
        }
      }
    }
  }
  .hover\:bg-primary\/5 {
    &:hover {
      @media (hover: hover) {
        background-color: hsl(var(--primary));
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, hsl(var(--primary)) 5%, transparent);
        }
      }
    }
  }
  .hover\:bg-primary\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: hsl(var(--primary));
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, hsl(var(--primary)) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-primary\/15 {
    &:hover {
      @media (hover: hover) {
        background-color: hsl(var(--primary));
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, hsl(var(--primary)) 15%, transparent);
        }
      }
    }
  }
  .hover\:bg-primary\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: hsl(var(--primary));
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, hsl(var(--primary)) 20%, transparent);
        }
      }
    }
  }
  .hover\:bg-primary\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: hsl(var(--primary));
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, hsl(var(--primary)) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-primary\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: hsl(var(--primary));
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, hsl(var(--primary)) 90%, transparent);
        }
      }
    }
  }
  .hover\:bg-purple-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-purple-50);
      }
    }
  }
  .hover\:bg-purple-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-purple-100);
      }
    }
  }
  .hover\:bg-purple-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-purple-200);
      }
    }
  }
  .hover\:bg-purple-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-purple-300);
      }
    }
  }
  .hover\:bg-purple-300\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(82.7% 0.119 306.383) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-purple-300) 20%, 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-purple-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-purple-700);
      }
    }
  }
  .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-300\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(80.8% 0.114 19.571) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-red-300) 20%, transparent);
        }
      }
    }
  }
  .hover\:bg-red-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-500);
      }
    }
  }
  .hover\:bg-red-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-600);
      }
    }
  }
  .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-50\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(96.9% 0.015 12.422) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-rose-50) 40%, transparent);
        }
      }
    }
  }
  .hover\:bg-rose-50\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(96.9% 0.015 12.422) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-rose-50) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-rose-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-rose-100);
      }
    }
  }
  .hover\:bg-rose-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-rose-200);
      }
    }
  }
  .hover\:bg-rose-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-rose-300);
      }
    }
  }
  .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\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
        }
      }
    }
  }
  .hover\:bg-rose-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-rose-600);
      }
    }
  }
  .hover\:bg-rose-600\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(58.6% 0.253 17.585) 90%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-rose-600) 90%, transparent);
        }
      }
    }
  }
  .hover\:bg-rose-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-rose-700);
      }
    }
  }
  .hover\:bg-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: hsl(var(--secondary));
      }
    }
  }
  .hover\:bg-secondary-foreground\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: hsl(var(--secondary-foreground));
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, hsl(var(--secondary-foreground)) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-secondary\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: hsl(var(--secondary));
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, hsl(var(--secondary)) 30%, transparent);
        }
      }
    }
  }
  .hover\:bg-secondary\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: hsl(var(--secondary));
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, hsl(var(--secondary)) 40%, transparent);
        }
      }
    }
  }
  .hover\:bg-secondary\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: hsl(var(--secondary));
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, hsl(var(--secondary)) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-secondary\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: hsl(var(--secondary));
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, hsl(var(--secondary)) 60%, transparent);
        }
      }
    }
  }
  .hover\:bg-secondary\/70 {
    &:hover {
      @media (hover: hover) {
        background-color: hsl(var(--secondary));
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, hsl(var(--secondary)) 70%, transparent);
        }
      }
    }
  }
  .hover\:bg-secondary\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: hsl(var(--secondary));
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, hsl(var(--secondary)) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-sky-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-sky-50);
      }
    }
  }
  .hover\:bg-sky-50\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(97.7% 0.013 236.62) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-sky-50) 40%, transparent);
        }
      }
    }
  }
  .hover\:bg-sky-50\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(97.7% 0.013 236.62) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-sky-50) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-sky-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-sky-100);
      }
    }
  }
  .hover\:bg-sky-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-sky-200);
      }
    }
  }
  .hover\:bg-sky-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-sky-300);
      }
    }
  }
  .hover\:bg-sky-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-sky-400);
      }
    }
  }
  .hover\:bg-sky-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-sky-500);
      }
    }
  }
  .hover\:bg-sky-500\/10 {
    &:hover {
      @media (hover: hover) {
        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);
        }
      }
    }
  }
  .hover\:bg-sky-500\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-sky-500) 40%, transparent);
        }
      }
    }
  }
  .hover\:bg-sky-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-sky-600);
      }
    }
  }
  .hover\:bg-sky-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-sky-700);
      }
    }
  }
  .hover\:bg-slate-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-50);
      }
    }
  }
  .hover\:bg-slate-50\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-slate-50) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-slate-50\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-slate-50) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-slate-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-100);
      }
    }
  }
  .hover\:bg-slate-100\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-slate-100) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-slate-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-200);
      }
    }
  }
  .hover\:bg-slate-200\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-slate-200) 80%, transparent);
        }
      }
    }
  }
  .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-stone-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-stone-50);
      }
    }
  }
  .hover\:bg-stone-50\/70 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(98.5% 0.001 106.423) 70%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-stone-50) 70%, transparent);
        }
      }
    }
  }
  .hover\:bg-stone-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-stone-100);
      }
    }
  }
  .hover\:bg-stone-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-stone-200);
      }
    }
  }
  .hover\:bg-stone-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-stone-700);
      }
    }
  }
  .hover\:bg-stone-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-stone-800);
      }
    }
  }
  .hover\:bg-teal-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-teal-50);
      }
    }
  }
  .hover\:bg-teal-50\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(98.4% 0.014 180.72) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-teal-50) 40%, transparent);
        }
      }
    }
  }
  .hover\:bg-teal-50\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(98.4% 0.014 180.72) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-teal-50) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-teal-50\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(98.4% 0.014 180.72) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-teal-50) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-teal-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-teal-100);
      }
    }
  }
  .hover\:bg-teal-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-teal-200);
      }
    }
  }
  .hover\:bg-teal-200\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(91% 0.096 180.426) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-teal-200) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-teal-200\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(91% 0.096 180.426) 90%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-teal-200) 90%, transparent);
        }
      }
    }
  }
  .hover\:bg-teal-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-teal-300);
      }
    }
  }
  .hover\:bg-teal-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-teal-400);
      }
    }
  }
  .hover\:bg-teal-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-teal-500);
      }
    }
  }
  .hover\:bg-teal-500\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-teal-500) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-teal-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-teal-600);
      }
    }
  }
  .hover\:bg-teal-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-teal-700);
      }
    }
  }
  .hover\:bg-transparent {
    &:hover {
      @media (hover: hover) {
        background-color: transparent;
      }
    }
  }
  .hover\:bg-violet-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-violet-50);
      }
    }
  }
  .hover\:bg-violet-50\/25 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(96.9% 0.016 293.756) 25%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-violet-50) 25%, transparent);
        }
      }
    }
  }
  .hover\:bg-violet-50\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(96.9% 0.016 293.756) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-violet-50) 30%, transparent);
        }
      }
    }
  }
  .hover\:bg-violet-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-violet-100);
      }
    }
  }
  .hover\:bg-violet-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-violet-200);
      }
    }
  }
  .hover\:bg-violet-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-violet-300);
      }
    }
  }
  .hover\:bg-violet-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-violet-400);
      }
    }
  }
  .hover\:bg-violet-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-violet-500);
      }
    }
  }
  .hover\:bg-violet-500\/5 {
    &:hover {
      @media (hover: hover) {
        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);
        }
      }
    }
  }
  .hover\:bg-violet-500\/15 {
    &:hover {
      @media (hover: hover) {
        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);
        }
      }
    }
  }
  .hover\:bg-violet-500\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-violet-500) 30%, transparent);
        }
      }
    }
  }
  .hover\:bg-violet-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-violet-600);
      }
    }
  }
  .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\/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\/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\/14 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 14%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 14%, 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\/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\/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\.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\.18\] {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 18%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 18%, transparent);
        }
      }
    }
  }
  .hover\:bg-yellow-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-yellow-50);
      }
    }
  }
  .hover\:bg-yellow-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-yellow-100);
      }
    }
  }
  .hover\:bg-yellow-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-yellow-500);
      }
    }
  }
  .hover\:bg-zinc-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-zinc-100);
      }
    }
  }
  .hover\:bg-zinc-100\/70 {
    &:hover {
      @media (hover: hover) {
        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);
        }
      }
    }
  }
  .hover\:bg-zinc-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-zinc-200);
      }
    }
  }
  .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-linear-to-br {
    &:hover {
      @media (hover: hover) {
        --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));
      }
    }
  }
  .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\:from-amber-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-amber-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-amber-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-amber-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-amber-600 {
    &:hover {
      @media (hover: hover) {
        --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));
      }
    }
  }
  .hover\:from-blue-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: 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));
      }
    }
  }
  .hover\:from-blue-400 {
    &:hover {
      @media (hover: hover) {
        --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));
      }
    }
  }
  .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-cyan-400 {
    &:hover {
      @media (hover: hover) {
        --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));
      }
    }
  }
  .hover\:from-cyan-500 {
    &:hover {
      @media (hover: hover) {
        --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));
      }
    }
  }
  .hover\:from-cyan-600 {
    &:hover {
      @media (hover: hover) {
        --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));
      }
    }
  }
  .hover\:from-cyan-600\/60 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: color-mix(in srgb, oklch(60.9% 0.126 221.723) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-from: color-mix(in oklab, var(--color-cyan-600) 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\:from-emerald-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-emerald-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-emerald-400 {
    &:hover {
      @media (hover: hover) {
        --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));
      }
    }
  }
  .hover\:from-fuchsia-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-fuchsia-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-green-400 {
    &:hover {
      @media (hover: hover) {
        --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));
      }
    }
  }
  .hover\:from-green-600 {
    &:hover {
      @media (hover: hover) {
        --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));
      }
    }
  }
  .hover\:from-indigo-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: 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));
      }
    }
  }
  .hover\:from-indigo-400 {
    &:hover {
      @media (hover: hover) {
        --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));
      }
    }
  }
  .hover\:from-indigo-700 {
    &:hover {
      @media (hover: hover) {
        --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));
      }
    }
  }
  .hover\:from-lime-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-lime-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-lime-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: 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));
      }
    }
  }
  .hover\:from-orange-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-orange-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-orange-400 {
    &:hover {
      @media (hover: hover) {
        --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));
      }
    }
  }
  .hover\:from-orange-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-orange-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-pink-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-pink-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-pink-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-pink-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-purple-100 {
    &:hover {
      @media (hover: hover) {
        --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));
      }
    }
  }
  .hover\:from-purple-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-purple-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-purple-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-purple-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-rose-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-rose-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-rose-400 {
    &:hover {
      @media (hover: hover) {
        --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));
      }
    }
  }
  .hover\:from-rose-600 {
    &:hover {
      @media (hover: hover) {
        --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));
      }
    }
  }
  .hover\:from-sky-100 {
    &:hover {
      @media (hover: hover) {
        --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));
      }
    }
  }
  .hover\:from-sky-400 {
    &:hover {
      @media (hover: hover) {
        --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));
      }
    }
  }
  .hover\:from-sky-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-sky-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-sky-600\/60 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: color-mix(in srgb, oklch(58.8% 0.158 241.966) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-from: color-mix(in oklab, var(--color-sky-600) 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\:from-teal-400 {
    &:hover {
      @media (hover: hover) {
        --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));
      }
    }
  }
  .hover\:from-transparent {
    &:hover {
      @media (hover: hover) {
        --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));
      }
    }
  }
  .hover\:from-violet-400 {
    &:hover {
      @media (hover: hover) {
        --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));
      }
    }
  }
  .hover\:from-violet-500 {
    &:hover {
      @media (hover: hover) {
        --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));
      }
    }
  }
  .hover\:from-violet-600 {
    &:hover {
      @media (hover: hover) {
        --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));
      }
    }
  }
  .hover\:from-yellow-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: 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));
      }
    }
  }
  .hover\:to-amber-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-amber-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\:to-amber-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-amber-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-amber-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-amber-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-blue-500 {
    &:hover {
      @media (hover: hover) {
        --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));
      }
    }
  }
  .hover\:to-blue-600 {
    &:hover {
      @media (hover: hover) {
        --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));
      }
    }
  }
  .hover\:to-cyan-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-cyan-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\:to-cyan-400\/60 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: color-mix(in srgb, oklch(78.9% 0.154 211.53) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-to: color-mix(in oklab, var(--color-cyan-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));
      }
    }
  }
  .hover\:to-cyan-500 {
    &:hover {
      @media (hover: hover) {
        --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));
      }
    }
  }
  .hover\:to-cyan-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-cyan-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-cyan-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-cyan-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-emerald-500 {
    &:hover {
      @media (hover: hover) {
        --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));
      }
    }
  }
  .hover\:to-fuchsia-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-fuchsia-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-green-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-green-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-indigo-500 {
    &:hover {
      @media (hover: hover) {
        --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));
      }
    }
  }
  .hover\:to-lime-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-lime-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-orange-500 {
    &:hover {
      @media (hover: hover) {
        --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));
      }
    }
  }
  .hover\:to-orange-600 {
    &:hover {
      @media (hover: hover) {
        --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));
      }
    }
  }
  .hover\:to-pink-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-pink-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\:to-pink-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-pink-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-pink-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-pink-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-purple-400 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-purple-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .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-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-red-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\:to-red-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-red-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-rose-500 {
    &:hover {
      @media (hover: hover) {
        --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));
      }
    }
  }
  .hover\:to-rose-600 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-rose-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-rose-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-rose-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-sky-400\/60 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: color-mix(in srgb, oklch(74.6% 0.16 232.661) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-gradient-to: color-mix(in oklab, var(--color-sky-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));
      }
    }
  }
  .hover\:to-sky-500 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-sky-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-teal-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-teal-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\:to-teal-500 {
    &:hover {
      @media (hover: hover) {
        --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));
      }
    }
  }
  .hover\:to-transparent {
    &:hover {
      @media (hover: hover) {
        --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));
      }
    }
  }
  .hover\:to-violet-100 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-violet-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\:to-violet-500 {
    &:hover {
      @media (hover: hover) {
        --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));
      }
    }
  }
  .hover\:to-violet-700 {
    &:hover {
      @media (hover: hover) {
        --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));
      }
    }
  }
  .hover\:tracking-widest {
    &:hover {
      @media (hover: hover) {
        --tw-tracking: var(--tracking-widest);
        letter-spacing: var(--tracking-widest);
      }
    }
  }
  .hover\:\!text-\[\#\#3f78e0\] {
    &:hover {
      @media (hover: hover) {
        color: ##3f78e0 !important;
      }
    }
  }
  .hover\:\!text-\[\#3f78e0\] {
    &:hover {
      @media (hover: hover) {
        color: #3f78e0 !important;
      }
    }
  }
  .hover\:\!text-\[\#605dba\] {
    &:hover {
      @media (hover: hover) {
        color: #605dba !important;
      }
    }
  }
  .hover\:\!text-gray-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-900) !important;
      }
    }
  }
  .hover\:text-\[\#\#2f80ed\] {
    &:hover {
      @media (hover: hover) {
        color: ##2f80ed;
      }
    }
  }
  .hover\:text-\[\#\#45c4a0\] {
    &:hover {
      @media (hover: hover) {
        color: ##45c4a0;
      }
    }
  }
  .hover\:text-\[\#1A1816\] {
    &:hover {
      @media (hover: hover) {
        color: #1A1816;
      }
    }
  }
  .hover\:text-\[\#2FA39A\] {
    &:hover {
      @media (hover: hover) {
        color: #2FA39A;
      }
    }
  }
  .hover\:text-\[\#2f80ed\] {
    &:hover {
      @media (hover: hover) {
        color: #2f80ed;
      }
    }
  }
  .hover\:text-\[\#3a2f2f\] {
    &:hover {
      @media (hover: hover) {
        color: #3a2f2f;
      }
    }
  }
  .hover\:text-\[\#3f78e0\] {
    &:hover {
      @media (hover: hover) {
        color: #3f78e0;
      }
    }
  }
  .hover\:text-\[\#5c6b4a\] {
    &:hover {
      @media (hover: hover) {
        color: #5c6b4a;
      }
    }
  }
  .hover\:text-\[\#6F6CFF\] {
    &:hover {
      @media (hover: hover) {
        color: #6F6CFF;
      }
    }
  }
  .hover\:text-\[\#7E33E1\] {
    &:hover {
      @media (hover: hover) {
        color: #7E33E1;
      }
    }
  }
  .hover\:text-\[\#0056b3\] {
    &:hover {
      @media (hover: hover) {
        color: #0056b3;
      }
    }
  }
  .hover\:text-\[\#211a15\] {
    &:hover {
      @media (hover: hover) {
        color: #211a15;
      }
    }
  }
  .hover\:text-\[\#343f52\] {
    &:hover {
      @media (hover: hover) {
        color: #343f52;
      }
    }
  }
  .hover\:text-\[\#605dba\] {
    &:hover {
      @media (hover: hover) {
        color: #605dba;
      }
    }
  }
  .hover\:text-\[\#6366F1\] {
    &:hover {
      @media (hover: hover) {
        color: #6366F1;
      }
    }
  }
  .hover\:text-\[\#6366f1\] {
    &:hover {
      @media (hover: hover) {
        color: #6366f1;
      }
    }
  }
  .hover\:text-\[\#26221d\] {
    &:hover {
      @media (hover: hover) {
        color: #26221d;
      }
    }
  }
  .hover\:text-\[\#059669\] {
    &:hover {
      @media (hover: hover) {
        color: #059669;
      }
    }
  }
  .hover\:text-\[\#60697b\] {
    &:hover {
      @media (hover: hover) {
        color: #60697b;
      }
    }
  }
  .hover\:text-\[\#212121\] {
    &:hover {
      @media (hover: hover) {
        color: #212121;
      }
    }
  }
  .hover\:text-\[\#D84315\] {
    &:hover {
      @media (hover: hover) {
        color: #D84315;
      }
    }
  }
  .hover\:text-\[\#F5F5DC\] {
    &:hover {
      @media (hover: hover) {
        color: #F5F5DC;
      }
    }
  }
  .hover\:text-\[\#FBF6EF\] {
    &:hover {
      @media (hover: hover) {
        color: #FBF6EF;
      }
    }
  }
  .hover\:text-\[\#FF4D1C\] {
    &:hover {
      @media (hover: hover) {
        color: #FF4D1C;
      }
    }
  }
  .hover\:text-\[\#FF006B\] {
    &:hover {
      @media (hover: hover) {
        color: #FF006B;
      }
    }
  }
  .hover\:text-\[\#FF57C5\] {
    &:hover {
      @media (hover: hover) {
        color: #FF57C5;
      }
    }
  }
  .hover\:text-\[\#FF275B\] {
    &:hover {
      @media (hover: hover) {
        color: #FF275B;
      }
    }
  }
  .hover\:text-\[\#a06d55\] {
    &:hover {
      @media (hover: hover) {
        color: #a06d55;
      }
    }
  }
  .hover\:text-\[\#b25d61\] {
    &:hover {
      @media (hover: hover) {
        color: #b25d61;
      }
    }
  }
  .hover\:text-\[\#ff0\] {
    &:hover {
      @media (hover: hover) {
        color: #ff0;
      }
    }
  }
  .hover\:text-\[color\:var\(--blue-dark\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--blue-dark);
      }
    }
  }
  .hover\:text-\[var\(--blue-dark\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--blue-dark);
      }
    }
  }
  .hover\:text-\[var\(--blue-light\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--blue-light);
      }
    }
  }
  .hover\:text-\[var\(--p-color\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--p-color);
      }
    }
  }
  .hover\:text-\[var\(--purple-blue\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--purple-blue);
      }
    }
  }
  .hover\:text-\[var\(--red-light\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--red-light);
      }
    }
  }
  .hover\:text-\[var\(--red-one\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--red-one);
      }
    }
  }
  .hover\:text-\[var\(--vin-red\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--vin-red);
      }
    }
  }
  .hover\:text-accent-foreground {
    &:hover {
      @media (hover: hover) {
        color: hsl(var(--accent-foreground));
      }
    }
  }
  .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-amber-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-amber-600);
      }
    }
  }
  .hover\:text-amber-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-amber-700);
      }
    }
  }
  .hover\:text-amber-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-amber-900);
      }
    }
  }
  .hover\:text-amber-950 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-amber-950);
      }
    }
  }
  .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-blue-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-900);
      }
    }
  }
  .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-cyan-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-cyan-500);
      }
    }
  }
  .hover\:text-cyan-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-cyan-600);
      }
    }
  }
  .hover\:text-cyan-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-cyan-700);
      }
    }
  }
  .hover\:text-destructive {
    &:hover {
      @media (hover: hover) {
        color: hsl(var(--destructive));
      }
    }
  }
  .hover\:text-emerald-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-emerald-300);
      }
    }
  }
  .hover\:text-emerald-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-emerald-400);
      }
    }
  }
  .hover\:text-emerald-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-emerald-500);
      }
    }
  }
  .hover\:text-emerald-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-emerald-600);
      }
    }
  }
  .hover\:text-foreground {
    &:hover {
      @media (hover: hover) {
        color: hsl(var(--foreground));
      }
    }
  }
  .hover\:text-fuchsia-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-fuchsia-400);
      }
    }
  }
  .hover\:text-fuchsia-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-fuchsia-500);
      }
    }
  }
  .hover\:text-fuchsia-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-fuchsia-600);
      }
    }
  }
  .hover\:text-gray-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-200);
      }
    }
  }
  .hover\:text-gray-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-400);
      }
    }
  }
  .hover\:text-gray-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-500);
      }
    }
  }
  .hover\:text-gray-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-600);
      }
    }
  }
  .hover\:text-gray-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-700);
      }
    }
  }
  .hover\:text-gray-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-800);
      }
    }
  }
  .hover\:text-gray-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-900);
      }
    }
  }
  .hover\:text-gray-900\/75 {
    &:hover {
      @media (hover: hover) {
        color: color-mix(in srgb, oklch(21% 0.034 264.665) 75%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-gray-900) 75%, transparent);
        }
      }
    }
  }
  .hover\:text-green-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-green-400);
      }
    }
  }
  .hover\:text-green-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-green-500);
      }
    }
  }
  .hover\:text-green-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-green-600);
      }
    }
  }
  .hover\:text-indigo-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-indigo-200);
      }
    }
  }
  .hover\:text-indigo-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-indigo-300);
      }
    }
  }
  .hover\:text-indigo-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-indigo-400);
      }
    }
  }
  .hover\:text-indigo-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-indigo-500);
      }
    }
  }
  .hover\:text-indigo-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-indigo-600);
      }
    }
  }
  .hover\:text-indigo-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-indigo-700);
      }
    }
  }
  .hover\:text-indigo-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-indigo-800);
      }
    }
  }
  .hover\:text-indigo-950 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-indigo-950);
      }
    }
  }
  .hover\:text-lime-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-lime-400);
      }
    }
  }
  .hover\:text-lime-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-lime-500);
      }
    }
  }
  .hover\:text-lime-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-lime-600);
      }
    }
  }
  .hover\:text-muted-foreground {
    &:hover {
      @media (hover: hover) {
        color: hsl(var(--muted-foreground));
      }
    }
  }
  .hover\:text-neutral-50\/70 {
    &:hover {
      @media (hover: hover) {
        color: color-mix(in srgb, oklch(98.5% 0 0) 70%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-neutral-50) 70%, transparent);
        }
      }
    }
  }
  .hover\:text-neutral-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-neutral-300);
      }
    }
  }
  .hover\:text-neutral-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-neutral-500);
      }
    }
  }
  .hover\:text-neutral-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-neutral-600);
      }
    }
  }
  .hover\:text-neutral-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-neutral-700);
      }
    }
  }
  .hover\:text-neutral-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-neutral-900);
      }
    }
  }
  .hover\:text-orange-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-orange-400);
      }
    }
  }
  .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-palette-3 {
    &:hover {
      @media (hover: hover) {
        color: #a06d55;
      }
    }
  }
  .hover\:text-pink-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-pink-400);
      }
    }
  }
  .hover\:text-pink-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-pink-500);
      }
    }
  }
  .hover\:text-pink-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-pink-600);
      }
    }
  }
  .hover\:text-primary {
    &:hover {
      @media (hover: hover) {
        color: hsl(var(--primary));
      }
    }
  }
  .hover\:text-primary-foreground {
    &:hover {
      @media (hover: hover) {
        color: hsl(var(--primary-foreground));
      }
    }
  }
  .hover\:text-primary\/80 {
    &:hover {
      @media (hover: hover) {
        color: hsl(var(--primary));
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, hsl(var(--primary)) 80%, transparent);
        }
      }
    }
  }
  .hover\:text-primary\/90 {
    &:hover {
      @media (hover: hover) {
        color: hsl(var(--primary));
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, hsl(var(--primary)) 90%, transparent);
        }
      }
    }
  }
  .hover\:text-purple-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-purple-400);
      }
    }
  }
  .hover\:text-purple-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-purple-500);
      }
    }
  }
  .hover\:text-purple-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-purple-600);
      }
    }
  }
  .hover\:text-purple-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-purple-800);
      }
    }
  }
  .hover\:text-red-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-400);
      }
    }
  }
  .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-red-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-800);
      }
    }
  }
  .hover\:text-rose-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-rose-400);
      }
    }
  }
  .hover\:text-rose-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-rose-500);
      }
    }
  }
  .hover\:text-rose-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-rose-600);
      }
    }
  }
  .hover\:text-rose-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-rose-700);
      }
    }
  }
  .hover\:text-sky-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-sky-400);
      }
    }
  }
  .hover\:text-sky-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-sky-500);
      }
    }
  }
  .hover\:text-sky-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-sky-600);
      }
    }
  }
  .hover\:text-sky-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-sky-700);
      }
    }
  }
  .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-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-500);
      }
    }
  }
  .hover\:text-slate-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-600);
      }
    }
  }
  .hover\:text-slate-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-700);
      }
    }
  }
  .hover\:text-slate-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-800);
      }
    }
  }
  .hover\:text-slate-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-900);
      }
    }
  }
  .hover\:text-stone-50 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-stone-50);
      }
    }
  }
  .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-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-teal-400);
      }
    }
  }
  .hover\:text-teal-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-teal-500);
      }
    }
  }
  .hover\:text-teal-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-teal-600);
      }
    }
  }
  .hover\:text-teal-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-teal-700);
      }
    }
  }
  .hover\:text-teal-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-teal-900);
      }
    }
  }
  .hover\:text-violet-400 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-violet-400);
      }
    }
  }
  .hover\:text-violet-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-violet-500);
      }
    }
  }
  .hover\:text-violet-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-violet-600);
      }
    }
  }
  .hover\:text-violet-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-violet-700);
      }
    }
  }
  .hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .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-yellow-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-yellow-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\:no-underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: none;
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .hover\:decoration-dashed {
    &:hover {
      @media (hover: hover) {
        text-decoration-style: dashed;
      }
    }
  }
  .hover\:decoration-2 {
    &:hover {
      @media (hover: hover) {
        text-decoration-thickness: 2px;
      }
    }
  }
  .hover\:underline-offset-1 {
    &:hover {
      @media (hover: hover) {
        text-underline-offset: 1px;
      }
    }
  }
  .hover\:underline-offset-2 {
    &:hover {
      @media (hover: hover) {
        text-underline-offset: 2px;
      }
    }
  }
  .hover\:opacity-60 {
    &:hover {
      @media (hover: hover) {
        opacity: 60%;
      }
    }
  }
  .hover\:opacity-75 {
    &:hover {
      @media (hover: hover) {
        opacity: 75%;
      }
    }
  }
  .hover\:opacity-80 {
    &:hover {
      @media (hover: hover) {
        opacity: 80%;
      }
    }
  }
  .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-2xs {
    &:hover {
      @media (hover: hover) {
        --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);
      }
    }
  }
  .hover\:shadow-\[-5px_10px_30px_rgba\(0\,0\,0\,0\.1\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: -5px 10px 30px 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);
      }
    }
  }
  .hover\:shadow-\[-5px_10px_30px_rgba\(0\,0\,0\,0\.05\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: -5px 10px 30px 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);
      }
    }
  }
  .hover\:shadow-\[0_0\.25rem_0\.75rem_rgba\(30\,34\,40\,\.05\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0.25rem 0.75rem var(--tw-shadow-color, rgba(30,34,40,.05));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-\[0_0\.25rem_0\.75rem_rgba\(30\,34\,40\,0\.05\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0.25rem 0.75rem var(--tw-shadow-color, rgba(30,34,40,0.05));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-\[0_0\.25rem_0\.75rem_rgba\(30\,34\,40\,0\.15\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0.25rem 0.75rem var(--tw-shadow-color, rgba(30,34,40,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);
      }
    }
  }
  .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_0_35px_rgba\(0\,0\,0\,0\.05\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 35px 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);
      }
    }
  }
  .hover\:shadow-\[0_4px_14px_rgba\(15\,23\,42\,0\.22\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 4px 14px var(--tw-shadow-color, rgba(15,23,42,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);
      }
    }
  }
  .hover\:shadow-\[0_8px_24px_rgba\(0\,0\,0\,0\.06\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 8px 24px 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);
      }
    }
  }
  .hover\:shadow-\[0_8px_30px_0px_rgba\(78\,52\,46\,0\.25\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 8px 30px 0px var(--tw-shadow-color, rgba(78,52,46,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_8px_30px_rgba\(15\,23\,42\,0\.06\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 8px 30px var(--tw-shadow-color, rgba(15,23,42,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);
      }
    }
  }
  .hover\:shadow-\[0_10px_30px_rgba\(147\,134\,118\,0\.2\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 10px 30px var(--tw-shadow-color, rgba(147,134,118,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);
      }
    }
  }
  .hover\:shadow-\[0_12px_36px_rgba\(255\,255\,255\,0\.22\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 12px 36px var(--tw-shadow-color, rgba(255,255,255,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);
      }
    }
  }
  .hover\:shadow-\[0_15px_40px_rgba\(21\,21\,21\,0\.09\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 15px 40px var(--tw-shadow-color, rgba(21,21,21,0.09));
        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_16px_40px_rgba\(15\,23\,42\,0\.08\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 16px 40px 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);
      }
    }
  }
  .hover\:shadow-\[0_20px_50px_rgba\(15\,23\,42\,0\.08\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 20px 50px 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);
      }
    }
  }
  .hover\:shadow-\[0_25px_60px_rgba\(12\,28\,65\,0\.05\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 25px 60px var(--tw-shadow-color, rgba(12,28,65,0.05));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-\[0_30px_70px_rgba\(55\,48\,163\,0\.3\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 30px 70px var(--tw-shadow-color, rgba(55,48,163,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);
      }
    }
  }
  .hover\:shadow-\[0px_15px_30px_rgba\(255\,186\,18\,0\.2\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0px 15px 30px var(--tw-shadow-color, rgba(255,186,18,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);
      }
    }
  }
  .hover\:shadow-\[0px_15px_40px_rgba\(255\,186\,18\,0\.3\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0px 15px 40px var(--tw-shadow-color, rgba(255,186,18,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);
      }
    }
  }
  .hover\:shadow-\[0px_25px_60px_rgba\(0\,13\,48\,0\.0480786\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0px 25px 60px var(--tw-shadow-color, rgba(0,13,48,0.0480786));
        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_30px_80px_rgba\(0\,57\,110\,0\.05\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0px 30px 80px var(--tw-shadow-color, rgba(0,57,110,0.05));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-\[4px_4px_0px_0px_rgba\(0\,0\,0\,1\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 4px 4px 0px 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);
      }
    }
  }
  .hover\:shadow-\[6px_6px_0px_0px_rgba\(0\,0\,0\,1\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 6px 6px 0px 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);
      }
    }
  }
  .hover\:shadow-\[8px_8px_0px_0px_rgba\(0\,0\,0\,1\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 8px 8px 0px 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);
      }
    }
  }
  .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-none {
    &: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);
      }
    }
  }
  .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-4 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-\[\#211a15\]\/10 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, #211a15 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #211a15 10%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-amber-500\/10 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-amber-500\/25 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 25%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-amber-500\/30 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-black\/5 {
    &:hover {
      @media (hover: hover) {
        --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);
        }
      }
    }
  }
  .hover\:shadow-blue-100\/50 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(93.2% 0.032 255.585) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-100) 50%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-blue-500\/10 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-blue-500\/25 {
    &:hover {
      @media (hover: hover) {
        --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);
        }
      }
    }
  }
  .hover\:shadow-blue-500\/30 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-cyan-500\/20 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-cyan-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-cyan-500\/25 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 25%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-cyan-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-cyan-500\/40 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-cyan-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-emerald-500\/10 {
    &:hover {
      @media (hover: hover) {
        --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);
        }
      }
    }
  }
  .hover\:shadow-emerald-500\/20 {
    &:hover {
      @media (hover: hover) {
        --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);
        }
      }
    }
  }
  .hover\:shadow-emerald-500\/25 {
    &:hover {
      @media (hover: hover) {
        --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);
        }
      }
    }
  }
  .hover\:shadow-emerald-500\/40 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-fuchsia-500\/25 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(66.7% 0.295 322.15) 25%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-fuchsia-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-fuchsia-500\/30 {
    &:hover {
      @media (hover: hover) {
        --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);
        }
      }
    }
  }
  .hover\:shadow-gray-900\/20 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(21% 0.034 264.665) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-900) 20%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-green-500\/25 {
    &:hover {
      @media (hover: hover) {
        --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);
        }
      }
    }
  }
  .hover\:shadow-indigo-100\/50 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(93% 0.034 272.788) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-100) 50%, 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\/25 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 25%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-500) 25%, 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-indigo-600\/10 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(51.1% 0.262 276.966) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-600) 10%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-indigo-600\/40 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(51.1% 0.262 276.966) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-600) 40%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-lime-500\/25 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(76.8% 0.233 130.85) 25%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-lime-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-lime-500\/30 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(76.8% 0.233 130.85) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-lime-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-neutral-200 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: oklch(92.2% 0 0);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, var(--color-neutral-200) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-neutral-300 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: oklch(87% 0 0);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, var(--color-neutral-300) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-neutral-900\/20 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(20.5% 0 0) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-neutral-900) 20%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-orange-500\/25 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 25%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-orange-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-orange-500\/30 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-orange-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-pink-500\/25 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(65.6% 0.241 354.308) 25%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-pink-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-pink-500\/30 {
    &:hover {
      @media (hover: hover) {
        --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);
        }
      }
    }
  }
  .hover\:shadow-purple-500\/25 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 25%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-purple-500\/30 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-purple-500\/50 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-500) 50%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-red-500\/30 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-red-500\/50 {
    &:hover {
      @media (hover: hover) {
        --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);
        }
      }
    }
  }
  .hover\:shadow-rose-500\/10 {
    &:hover {
      @media (hover: hover) {
        --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);
        }
      }
    }
  }
  .hover\:shadow-rose-500\/25 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 25%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-rose-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-rose-500\/30 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-rose-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-sky-500\/10 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-sky-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-sky-500\/20 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-sky-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-sky-500\/25 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 25%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-sky-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-sky-500\/30 {
    &:hover {
      @media (hover: hover) {
        --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);
        }
      }
    }
  }
  .hover\:shadow-slate-200\/60 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-200) 60%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-slate-900\/5 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-900) 5%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-teal-500\/25 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 25%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-teal-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-teal-500\/30 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-teal-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-teal-500\/40 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-teal-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-violet-200\/50 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(89.4% 0.057 293.283) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-violet-200) 50%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-violet-500\/10 {
    &:hover {
      @media (hover: hover) {
        --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);
        }
      }
    }
  }
  .hover\:shadow-violet-500\/20 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-violet-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-violet-500\/25 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 25%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-violet-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-violet-500\/30 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-violet-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-violet-500\/40 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-violet-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:shadow-yellow-500 {
    &:hover {
      @media (hover: hover) {
        --tw-shadow-color: oklch(79.5% 0.184 86.047);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, var(--color-yellow-500) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .hover\:ring-\[\#\#2f80ed\]\/30 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: color-mix(in oklab, ##2f80ed 30%, transparent);
      }
    }
  }
  .hover\:ring-\[\#\#2f80ed\]\/35 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: color-mix(in oklab, ##2f80ed 35%, transparent);
      }
    }
  }
  .hover\:ring-\[\#2FA39A\]\/30 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: color-mix(in oklab, #2FA39A 30%, transparent);
      }
    }
  }
  .hover\:ring-\[\#2f80ed\]\/25 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: color-mix(in oklab, #2f80ed 25%, transparent);
      }
    }
  }
  .hover\:ring-\[\#2f80ed\]\/30 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: color-mix(in oklab, #2f80ed 30%, transparent);
      }
    }
  }
  .hover\:ring-\[\#2f80ed\]\/35 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: color-mix(in oklab, #2f80ed 35%, transparent);
      }
    }
  }
  .hover\:ring-\[\#2f80ed\]\/40 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: color-mix(in oklab, #2f80ed 40%, transparent);
      }
    }
  }
  .hover\:ring-\[\#2f80ed\]\/50 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: color-mix(in oklab, #2f80ed 50%, transparent);
      }
    }
  }
  .hover\:ring-\[\#3b82f6\]\/35 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: color-mix(in oklab, #3b82f6 35%, transparent);
      }
    }
  }
  .hover\:ring-\[\#6366F1\]\/20 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: color-mix(in oklab, #6366F1 20%, transparent);
      }
    }
  }
  .hover\:ring-amber-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-amber-300);
      }
    }
  }
  .hover\:ring-amber-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-amber-500);
      }
    }
  }
  .hover\:ring-blue-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-blue-500);
      }
    }
  }
  .hover\:ring-blue-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-blue-600);
      }
    }
  }
  .hover\:ring-border {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: hsl(var(--border-hsl));
      }
    }
  }
  .hover\:ring-cyan-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-cyan-300);
      }
    }
  }
  .hover\:ring-cyan-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-cyan-500);
      }
    }
  }
  .hover\:ring-emerald-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-emerald-300);
      }
    }
  }
  .hover\:ring-emerald-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-emerald-500);
      }
    }
  }
  .hover\:ring-fuchsia-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-fuchsia-300);
      }
    }
  }
  .hover\:ring-fuchsia-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-fuchsia-500);
      }
    }
  }
  .hover\:ring-gray-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-gray-200);
      }
    }
  }
  .hover\:ring-gray-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-gray-300);
      }
    }
  }
  .hover\:ring-gray-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-gray-600);
      }
    }
  }
  .hover\:ring-green-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-green-300);
      }
    }
  }
  .hover\:ring-green-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-green-500);
      }
    }
  }
  .hover\:ring-green-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-green-600);
      }
    }
  }
  .hover\:ring-green-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-green-700);
      }
    }
  }
  .hover\:ring-indigo-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-indigo-300);
      }
    }
  }
  .hover\:ring-indigo-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-indigo-500);
      }
    }
  }
  .hover\:ring-indigo-700 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-indigo-700);
      }
    }
  }
  .hover\:ring-lime-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-lime-500);
      }
    }
  }
  .hover\:ring-neutral-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-neutral-300);
      }
    }
  }
  .hover\:ring-neutral-400 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-neutral-400);
      }
    }
  }
  .hover\:ring-orange-200 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-orange-200);
      }
    }
  }
  .hover\:ring-orange-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-orange-300);
      }
    }
  }
  .hover\:ring-orange-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-orange-500);
      }
    }
  }
  .hover\:ring-orange-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-orange-600);
      }
    }
  }
  .hover\:ring-pink-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-pink-300);
      }
    }
  }
  .hover\:ring-pink-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-pink-500);
      }
    }
  }
  .hover\:ring-purple-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-purple-300);
      }
    }
  }
  .hover\:ring-purple-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-purple-500);
      }
    }
  }
  .hover\:ring-purple-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-purple-600);
      }
    }
  }
  .hover\:ring-red-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-red-600);
      }
    }
  }
  .hover\:ring-rose-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-rose-500);
      }
    }
  }
  .hover\:ring-sky-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-sky-300);
      }
    }
  }
  .hover\:ring-teal-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-teal-500);
      }
    }
  }
  .hover\:ring-violet-300 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-violet-300);
      }
    }
  }
  .hover\:ring-violet-500 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-violet-500);
      }
    }
  }
  .hover\:ring-white\/45 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: color-mix(in srgb, #fff 45%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--color-white) 45%, transparent);
        }
      }
    }
  }
  .hover\:ring-offset-2 {
    &:hover {
      @media (hover: hover) {
        --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);
      }
    }
  }
  .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\: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,);
      }
    }
  }
  .group-\[\.destructive\]\:hover\:border-destructive\/30 {
    &:is(:where(.group):is(.destructive) *) {
      &:hover {
        @media (hover: hover) {
          border-color: hsl(var(--destructive));
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, hsl(var(--destructive)) 30%, transparent);
          }
        }
      }
    }
  }
  .group-\[\.destructive\]\:hover\:bg-destructive {
    &:is(:where(.group):is(.destructive) *) {
      &:hover {
        @media (hover: hover) {
          background-color: hsl(var(--destructive));
        }
      }
    }
  }
  .group-\[\.destructive\]\:hover\:text-destructive-foreground {
    &:is(:where(.group):is(.destructive) *) {
      &:hover {
        @media (hover: hover) {
          color: hsl(var(--destructive-foreground));
        }
      }
    }
  }
  .group-\[\.destructive\]\:hover\:text-red-50 {
    &:is(:where(.group):is(.destructive) *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-red-50);
        }
      }
    }
  }
  .hover\:peer-checked\:bg-indigo-700 {
    &:hover {
      @media (hover: hover) {
        &:is(:where(.peer):checked ~ *) {
          background-color: var(--color-indigo-700);
        }
      }
    }
  }
  .hover\:before\:scale-100 {
    &:hover {
      @media (hover: hover) {
        &::before {
          content: var(--tw-content);
          --tw-scale-x: 100%;
          --tw-scale-y: 100%;
          --tw-scale-z: 100%;
          scale: var(--tw-scale-x) var(--tw-scale-y);
        }
      }
    }
  }
  .hover\:before\:bg-\[rgba\(0\,0\,0\,\.11\)\] {
    &:hover {
      @media (hover: hover) {
        &::before {
          content: var(--tw-content);
          background-color: rgba(0,0,0,.11);
        }
      }
    }
  }
  .hover\:before\:opacity-10 {
    &:hover {
      @media (hover: hover) {
        &::before {
          content: var(--tw-content);
          opacity: 10%;
        }
      }
    }
  }
  .hover\:before\:opacity-100 {
    &:hover {
      @media (hover: hover) {
        &::before {
          content: var(--tw-content);
          opacity: 100%;
        }
      }
    }
  }
  .hover\:after\:w-full {
    &:hover {
      @media (hover: hover) {
        &::after {
          content: var(--tw-content);
          width: 100%;
        }
      }
    }
  }
  .focus\:z-10 {
    &:focus {
      z-index: 10;
    }
  }
  .focus\:z-\[5\] {
    &:focus {
      z-index: 5;
    }
  }
  .focus\:w-48 {
    &:focus {
      width: calc(var(--spacing) * 48);
    }
  }
  .focus\:w-56 {
    &:focus {
      width: calc(var(--spacing) * 56);
    }
  }
  .focus\:w-64 {
    &:focus {
      width: calc(var(--spacing) * 64);
    }
  }
  .focus\:w-80 {
    &:focus {
      width: calc(var(--spacing) * 80);
    }
  }
  .focus\:\!border {
    &:focus {
      border-style: var(--tw-border-style) !important;
      border-width: 1px !important;
    }
  }
  .focus\:\!border-none {
    &:focus {
      --tw-border-style: none !important;
      border-style: none !important;
    }
  }
  .focus\:border-none {
    &:focus {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .focus\:\!border-\[\#9fbcf0\] {
    &:focus {
      border-color: #9fbcf0 !important;
    }
  }
  .focus\:\!border-\[\#E2E2E2\] {
    &:focus {
      border-color: #E2E2E2 !important;
    }
  }
  .focus\:\!border-\[none\] {
    &:focus {
      border-color: none !important;
    }
  }
  .focus\:\!border-\[rgba\(63\,120\,224\,0\.5\)\] {
    &:focus {
      border-color: rgba(63,120,224,0.5) !important;
    }
  }
  .focus\:\!border-transparent {
    &:focus {
      border-color: transparent !important;
    }
  }
  .focus\:border-\[\#\#2f80ed\] {
    &:focus {
      border-color: ##2f80ed;
    }
  }
  .focus\:border-\[\#\#6366f1\] {
    &:focus {
      border-color: ##6366f1;
    }
  }
  .focus\:border-\[\#1BC5BD\] {
    &:focus {
      border-color: #1BC5BD;
    }
  }
  .focus\:border-\[\#2FA39A\]\/30 {
    &:focus {
      border-color: color-mix(in oklab, #2FA39A 30%, transparent);
    }
  }
  .focus\:border-\[\#2FA39A\]\/40 {
    &:focus {
      border-color: color-mix(in oklab, #2FA39A 40%, transparent);
    }
  }
  .focus\:border-\[\#2f80ed\] {
    &:focus {
      border-color: #2f80ed;
    }
  }
  .focus\:border-\[\#3b82f6\] {
    &:focus {
      border-color: #3b82f6;
    }
  }
  .focus\:border-\[\#6A64F1\] {
    &:focus {
      border-color: #6A64F1;
    }
  }
  .focus\:border-\[\#7E33E1\] {
    &:focus {
      border-color: #7E33E1;
    }
  }
  .focus\:border-\[\#2160FD\] {
    &:focus {
      border-color: #2160FD;
    }
  }
  .focus\:border-\[\#6366F1\] {
    &:focus {
      border-color: #6366F1;
    }
  }
  .focus\:border-\[\#040404\] {
    &:focus {
      border-color: #040404;
    }
  }
  .focus\:border-\[\#b5795b\] {
    &:focus {
      border-color: #b5795b;
    }
  }
  .focus\:border-\[color\:var\(--blue-dark\)\] {
    &:focus {
      border-color: var(--blue-dark);
    }
  }
  .focus\:border-\[none\] {
    &:focus {
      border-color: none;
    }
  }
  .focus\:border-\[var\(--blue-dark\)\] {
    &:focus {
      border-color: var(--blue-dark);
    }
  }
  .focus\:border-amber-200 {
    &:focus {
      border-color: var(--color-amber-200);
    }
  }
  .focus\:border-amber-400 {
    &:focus {
      border-color: var(--color-amber-400);
    }
  }
  .focus\:border-amber-500 {
    &:focus {
      border-color: var(--color-amber-500);
    }
  }
  .focus\:border-black {
    &:focus {
      border-color: var(--color-black);
    }
  }
  .focus\:border-black\/10 {
    &:focus {
      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);
      }
    }
  }
  .focus\:border-blue-400 {
    &:focus {
      border-color: var(--color-blue-400);
    }
  }
  .focus\:border-blue-500 {
    &:focus {
      border-color: var(--color-blue-500);
    }
  }
  .focus\:border-cyan-500 {
    &:focus {
      border-color: var(--color-cyan-500);
    }
  }
  .focus\:border-cyan-500\/50 {
    &:focus {
      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);
      }
    }
  }
  .focus\:border-emerald-500 {
    &:focus {
      border-color: var(--color-emerald-500);
    }
  }
  .focus\:border-emerald-500\/50 {
    &:focus {
      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);
      }
    }
  }
  .focus\:border-emerald-600 {
    &:focus {
      border-color: var(--color-emerald-600);
    }
  }
  .focus\:border-fuchsia-500 {
    &:focus {
      border-color: var(--color-fuchsia-500);
    }
  }
  .focus\:border-gray-300 {
    &:focus {
      border-color: var(--color-gray-300);
    }
  }
  .focus\:border-gray-900 {
    &:focus {
      border-color: var(--color-gray-900);
    }
  }
  .focus\:border-green-500 {
    &:focus {
      border-color: var(--color-green-500);
    }
  }
  .focus\:border-indigo-100 {
    &:focus {
      border-color: var(--color-indigo-100);
    }
  }
  .focus\:border-indigo-300 {
    &:focus {
      border-color: var(--color-indigo-300);
    }
  }
  .focus\:border-indigo-400 {
    &:focus {
      border-color: var(--color-indigo-400);
    }
  }
  .focus\:border-indigo-500 {
    &:focus {
      border-color: var(--color-indigo-500);
    }
  }
  .focus\:border-lime-500 {
    &:focus {
      border-color: var(--color-lime-500);
    }
  }
  .focus\:border-neutral-200 {
    &:focus {
      border-color: var(--color-neutral-200);
    }
  }
  .focus\:border-orange-400 {
    &:focus {
      border-color: var(--color-orange-400);
    }
  }
  .focus\:border-orange-500 {
    &:focus {
      border-color: var(--color-orange-500);
    }
  }
  .focus\:border-pink-500 {
    &:focus {
      border-color: var(--color-pink-500);
    }
  }
  .focus\:border-primary {
    &:focus {
      border-color: hsl(var(--primary));
    }
  }
  .focus\:border-purple-500 {
    &:focus {
      border-color: var(--color-purple-500);
    }
  }
  .focus\:border-red-400 {
    &:focus {
      border-color: var(--color-red-400);
    }
  }
  .focus\:border-rose-400 {
    &:focus {
      border-color: var(--color-rose-400);
    }
  }
  .focus\:border-rose-500 {
    &:focus {
      border-color: var(--color-rose-500);
    }
  }
  .focus\:border-sky-400 {
    &:focus {
      border-color: var(--color-sky-400);
    }
  }
  .focus\:border-sky-500 {
    &:focus {
      border-color: var(--color-sky-500);
    }
  }
  .focus\:border-slate-400 {
    &:focus {
      border-color: var(--color-slate-400);
    }
  }
  .focus\:border-stone-50 {
    &:focus {
      border-color: var(--color-stone-50);
    }
  }
  .focus\:border-stone-800 {
    &:focus {
      border-color: var(--color-stone-800);
    }
  }
  .focus\:border-teal-500 {
    &:focus {
      border-color: var(--color-teal-500);
    }
  }
  .focus\:border-transparent {
    &:focus {
      border-color: transparent;
    }
  }
  .focus\:border-violet-500 {
    &:focus {
      border-color: var(--color-violet-500);
    }
  }
  .focus\:border-white {
    &:focus {
      border-color: var(--color-white);
    }
  }
  .focus\:border-zinc-400 {
    &:focus {
      border-color: var(--color-zinc-400);
    }
  }
  .focus\:border-zinc-500 {
    &:focus {
      border-color: var(--color-zinc-500);
    }
  }
  .focus\:border-r-\[rgba\(0\,0\,0\,0\.4\)\] {
    &:focus {
      border-right-color: rgba(0,0,0,0.4);
    }
  }
  .focus\:\!border-b-\[\#545454\] {
    &:focus {
      border-bottom-color: #545454 !important;
    }
  }
  .focus\:\!border-b-black {
    &:focus {
      border-bottom-color: var(--color-black) !important;
    }
  }
  .focus\:border-b-\[\#545454\] {
    &:focus {
      border-bottom-color: #545454;
    }
  }
  .focus\:border-l-\[rgba\(0\,0\,0\,0\.4\)\] {
    &:focus {
      border-left-color: rgba(0,0,0,0.4);
    }
  }
  .focus\:bg-\[\#ffffff\] {
    &:focus {
      background-color: #ffffff;
    }
  }
  .focus\:bg-\[inherit\] {
    &:focus {
      background-color: inherit;
    }
  }
  .focus\:bg-\[rgba\(255\,255\,255\,\.03\)\] {
    &:focus {
      background-color: rgba(255,255,255,.03);
    }
  }
  .focus\:bg-\[rgba\(255\,255\,255\,0\.5\)\] {
    &:focus {
      background-color: rgba(255,255,255,0.5);
    }
  }
  .focus\:bg-accent {
    &:focus {
      background-color: hsl(var(--accent));
    }
  }
  .focus\:bg-background {
    &:focus {
      background-color: hsl(var(--background));
    }
  }
  .focus\:bg-blue-50 {
    &:focus {
      background-color: var(--color-blue-50);
    }
  }
  .focus\:bg-blue-50\/40 {
    &:focus {
      background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-blue-50) 40%, transparent);
      }
    }
  }
  .focus\:bg-blue-400 {
    &:focus {
      background-color: var(--color-blue-400);
    }
  }
  .focus\:bg-blue-600 {
    &:focus {
      background-color: var(--color-blue-600);
    }
  }
  .focus\:bg-blue-700 {
    &:focus {
      background-color: var(--color-blue-700);
    }
  }
  .focus\:bg-card {
    &:focus {
      background-color: hsl(var(--card));
    }
  }
  .focus\:bg-cyan-600 {
    &:focus {
      background-color: var(--color-cyan-600);
    }
  }
  .focus\:bg-cyan-700\/10 {
    &:focus {
      background-color: color-mix(in srgb, oklch(52% 0.105 223.128) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-cyan-700) 10%, transparent);
      }
    }
  }
  .focus\:bg-gray-50 {
    &:focus {
      background-color: var(--color-gray-50);
    }
  }
  .focus\:bg-gray-100 {
    &:focus {
      background-color: var(--color-gray-100);
    }
  }
  .focus\:bg-gray-100\/70 {
    &:focus {
      background-color: color-mix(in srgb, oklch(96.7% 0.003 264.542) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-gray-100) 70%, transparent);
      }
    }
  }
  .focus\:bg-gray-200 {
    &:focus {
      background-color: var(--color-gray-200);
    }
  }
  .focus\:bg-gray-200\/70 {
    &:focus {
      background-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-gray-200) 70%, transparent);
      }
    }
  }
  .focus\:bg-gray-300 {
    &:focus {
      background-color: var(--color-gray-300);
    }
  }
  .focus\:bg-gray-700 {
    &:focus {
      background-color: var(--color-gray-700);
    }
  }
  .focus\:bg-gray-900 {
    &:focus {
      background-color: var(--color-gray-900);
    }
  }
  .focus\:bg-green-700 {
    &:focus {
      background-color: var(--color-green-700);
    }
  }
  .focus\:bg-indigo-50 {
    &:focus {
      background-color: var(--color-indigo-50);
    }
  }
  .focus\:bg-indigo-500\/20 {
    &:focus {
      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);
      }
    }
  }
  .focus\:bg-neutral-100 {
    &:focus {
      background-color: var(--color-neutral-100);
    }
  }
  .focus\:bg-neutral-800 {
    &:focus {
      background-color: var(--color-neutral-800);
    }
  }
  .focus\:bg-primary {
    &:focus {
      background-color: hsl(var(--primary));
    }
  }
  .focus\:bg-red-50 {
    &:focus {
      background-color: var(--color-red-50);
    }
  }
  .focus\:bg-secondary\/60 {
    &:focus {
      background-color: hsl(var(--secondary));
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, hsl(var(--secondary)) 60%, transparent);
      }
    }
  }
  .focus\:bg-slate-700 {
    &:focus {
      background-color: var(--color-slate-700);
    }
  }
  .focus\:bg-transparent {
    &:focus {
      background-color: transparent;
    }
  }
  .focus\:bg-white {
    &:focus {
      background-color: var(--color-white);
    }
  }
  .focus\:bg-white\/10 {
    &:focus {
      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);
      }
    }
  }
  .focus\:text-\[\#\#45c4a0\] {
    &:focus {
      color: ##45c4a0;
    }
  }
  .focus\:text-\[\#\#a07cc5\] {
    &:focus {
      color: ##a07cc5;
    }
  }
  .focus\:text-\[\#\#e668b3\] {
    &:focus {
      color: ##e668b3;
    }
  }
  .focus\:text-\[\#\#f78b77\] {
    &:focus {
      color: ##f78b77;
    }
  }
  .focus\:text-\[\#3f78e0\] {
    &:focus {
      color: #3f78e0;
    }
  }
  .focus\:text-\[\#60697b\] {
    &:focus {
      color: #60697b;
    }
  }
  .focus\:text-\[\#ff0\] {
    &:focus {
      color: #ff0;
    }
  }
  .focus\:text-accent-foreground {
    &:focus {
      color: hsl(var(--accent-foreground));
    }
  }
  .focus\:text-black {
    &:focus {
      color: var(--color-black);
    }
  }
  .focus\:text-blue-600 {
    &:focus {
      color: var(--color-blue-600);
    }
  }
  .focus\:text-blue-900 {
    &:focus {
      color: var(--color-blue-900);
    }
  }
  .focus\:text-cyan-700 {
    &:focus {
      color: var(--color-cyan-700);
    }
  }
  .focus\:text-destructive {
    &:focus {
      color: hsl(var(--destructive));
    }
  }
  .focus\:text-gray-400 {
    &:focus {
      color: var(--color-gray-400);
    }
  }
  .focus\:text-gray-500 {
    &:focus {
      color: var(--color-gray-500);
    }
  }
  .focus\:text-gray-600 {
    &:focus {
      color: var(--color-gray-600);
    }
  }
  .focus\:text-gray-800 {
    &:focus {
      color: var(--color-gray-800);
    }
  }
  .focus\:text-indigo-700 {
    &:focus {
      color: var(--color-indigo-700);
    }
  }
  .focus\:text-neutral-300 {
    &:focus {
      color: var(--color-neutral-300);
    }
  }
  .focus\:text-primary-foreground {
    &:focus {
      color: hsl(var(--primary-foreground));
    }
  }
  .focus\:text-red-600 {
    &:focus {
      color: var(--color-red-600);
    }
  }
  .focus\:text-white {
    &:focus {
      color: var(--color-white);
    }
  }
  .focus\:underline {
    &:focus {
      text-decoration-line: underline;
    }
  }
  .focus\:decoration-2 {
    &:focus {
      text-decoration-thickness: 2px;
    }
  }
  .focus\:opacity-80 {
    &:focus {
      opacity: 80%;
    }
  }
  .focus\:opacity-100 {
    &:focus {
      opacity: 100%;
    }
  }
  .focus\:opacity-\[0\.85\] {
    &:focus {
      opacity: 0.85;
    }
  }
  .focus\:\!shadow-\[0px_5px_20px_0px_rgb\(90_111_155_\/_5\%\)\] {
    &:focus {
      --tw-shadow: 0px 5px 20px 0px var(--tw-shadow-color, rgb(90 111 155 / 5%)) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
  }
  .focus\:shadow-\[0_0_1\.25rem_rgba\(30\,34\,40\,0\.04\)\,unset\] {
    &:focus {
      --tw-shadow: 0 0 1.25rem var(--tw-shadow-color, rgba(30,34,40,0.04)), unset;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:shadow-\[0_0px_0px_2px_rgba\(15\,23\,42\,0\.25\)\,0_2px_10px_0px_rgba\(0\,0\,0\,0\.05\)\] {
    &:focus {
      --tw-shadow: 0 0px 0px 2px var(--tw-shadow-color, rgba(15,23,42,0.25)), 0 2px 10px 0px 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);
    }
  }
  .focus\:shadow-\[0_0px_0px_2px_rgba\(78\,52\,46\,0\.25\)\,0_2px_10px_0px_rgba\(0\,0\,0\,0\.05\)\] {
    &:focus {
      --tw-shadow: 0 0px 0px 2px var(--tw-shadow-color, rgba(78,52,46,0.25)), 0 2px 10px 0px 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);
    }
  }
  .focus\:shadow-md {
    &:focus {
      --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);
    }
  }
  .focus\:shadow-none {
    &:focus {
      --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);
    }
  }
  .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) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
  }
  .focus\:ring {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-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-3 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-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\:shadow-\[rgba\(82\,92\,108\,1\)\] {
    &:focus {
      --tw-shadow-color: rgba(82,92,108,1);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, rgba(82,92,108,1) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .focus\:shadow-\[rgba\(92\,140\,229\,1\)\] {
    &:focus {
      --tw-shadow-color: rgba(92,140,229,1);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, rgba(92,140,229,1) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .focus\:ring-\[\#\#2f80ed\] {
    &:focus {
      --tw-ring-color: ##2f80ed;
    }
  }
  .focus\:ring-\[\#\#2f80ed\]\/20 {
    &:focus {
      --tw-ring-color: color-mix(in oklab, ##2f80ed 20%, transparent);
    }
  }
  .focus\:ring-\[\#\#2f80ed\]\/40 {
    &:focus {
      --tw-ring-color: color-mix(in oklab, ##2f80ed 40%, transparent);
    }
  }
  .focus\:ring-\[\#1B84FF\] {
    &:focus {
      --tw-ring-color: #1B84FF;
    }
  }
  .focus\:ring-\[\#1BC5BD\]\/30 {
    &:focus {
      --tw-ring-color: color-mix(in oklab, #1BC5BD 30%, transparent);
    }
  }
  .focus\:ring-\[\#2FA39A\]\/5 {
    &:focus {
      --tw-ring-color: color-mix(in oklab, #2FA39A 5%, transparent);
    }
  }
  .focus\:ring-\[\#2FA39A\]\/20 {
    &:focus {
      --tw-ring-color: color-mix(in oklab, #2FA39A 20%, transparent);
    }
  }
  .focus\:ring-\[\#2f80ed\] {
    &:focus {
      --tw-ring-color: #2f80ed;
    }
  }
  .focus\:ring-\[\#2f80ed\]\/20 {
    &:focus {
      --tw-ring-color: color-mix(in oklab, #2f80ed 20%, transparent);
    }
  }
  .focus\:ring-\[\#2f80ed\]\/40 {
    &:focus {
      --tw-ring-color: color-mix(in oklab, #2f80ed 40%, transparent);
    }
  }
  .focus\:ring-\[\#2f80ed\]\/90 {
    &:focus {
      --tw-ring-color: color-mix(in oklab, #2f80ed 90%, transparent);
    }
  }
  .focus\:ring-\[\#7E33E1\]\/20 {
    &:focus {
      --tw-ring-color: color-mix(in oklab, #7E33E1 20%, transparent);
    }
  }
  .focus\:ring-\[\#6366F1\]\/20 {
    &:focus {
      --tw-ring-color: color-mix(in oklab, #6366F1 20%, transparent);
    }
  }
  .focus\:ring-\[\#6366F1\]\/25 {
    &:focus {
      --tw-ring-color: color-mix(in oklab, #6366F1 25%, transparent);
    }
  }
  .focus\:ring-\[none\] {
    &:focus {
      --tw-ring-color: none;
    }
  }
  .focus\:ring-amber-500 {
    &:focus {
      --tw-ring-color: var(--color-amber-500);
    }
  }
  .focus\:ring-amber-500\/30 {
    &:focus {
      --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);
      }
    }
  }
  .focus\:ring-black\/5 {
    &:focus {
      --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);
      }
    }
  }
  .focus\:ring-blue-100 {
    &:focus {
      --tw-ring-color: var(--color-blue-100);
    }
  }
  .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-400\/50 {
    &: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);
      }
    }
  }
  .focus\:ring-blue-500 {
    &:focus {
      --tw-ring-color: var(--color-blue-500);
    }
  }
  .focus\:ring-blue-500\/20 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
      }
    }
  }
  .focus\:ring-blue-500\/30 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
      }
    }
  }
  .focus\:ring-cyan-500 {
    &:focus {
      --tw-ring-color: var(--color-cyan-500);
    }
  }
  .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-destructive\/30 {
    &:focus {
      --tw-ring-color: hsl(var(--destructive));
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, hsl(var(--destructive)) 30%, transparent);
      }
    }
  }
  .focus\:ring-emerald-500 {
    &:focus {
      --tw-ring-color: var(--color-emerald-500);
    }
  }
  .focus\:ring-fuchsia-500 {
    &:focus {
      --tw-ring-color: var(--color-fuchsia-500);
    }
  }
  .focus\:ring-gray-200 {
    &:focus {
      --tw-ring-color: var(--color-gray-200);
    }
  }
  .focus\:ring-gray-300 {
    &:focus {
      --tw-ring-color: var(--color-gray-300);
    }
  }
  .focus\:ring-gray-900 {
    &:focus {
      --tw-ring-color: var(--color-gray-900);
    }
  }
  .focus\:ring-green-400\/50 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, oklch(79.2% 0.209 151.711) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-green-400) 50%, transparent);
      }
    }
  }
  .focus\:ring-green-500 {
    &:focus {
      --tw-ring-color: var(--color-green-500);
    }
  }
  .focus\:ring-indigo-100 {
    &:focus {
      --tw-ring-color: var(--color-indigo-100);
    }
  }
  .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\/40 {
    &:focus {
      --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\:ring-indigo-600 {
    &:focus {
      --tw-ring-color: var(--color-indigo-600);
    }
  }
  .focus\:ring-lime-500 {
    &:focus {
      --tw-ring-color: var(--color-lime-500);
    }
  }
  .focus\:ring-neutral-100 {
    &:focus {
      --tw-ring-color: var(--color-neutral-100);
    }
  }
  .focus\:ring-neutral-400 {
    &:focus {
      --tw-ring-color: var(--color-neutral-400);
    }
  }
  .focus\:ring-neutral-900 {
    &:focus {
      --tw-ring-color: var(--color-neutral-900);
    }
  }
  .focus\:ring-orange-400 {
    &:focus {
      --tw-ring-color: var(--color-orange-400);
    }
  }
  .focus\:ring-orange-400\/50 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, oklch(75% 0.183 55.934) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-orange-400) 50%, transparent);
      }
    }
  }
  .focus\:ring-orange-500 {
    &:focus {
      --tw-ring-color: var(--color-orange-500);
    }
  }
  .focus\:ring-pink-500 {
    &:focus {
      --tw-ring-color: var(--color-pink-500);
    }
  }
  .focus\:ring-primary {
    &:focus {
      --tw-ring-color: hsl(var(--primary));
    }
  }
  .focus\:ring-primary\/30 {
    &:focus {
      --tw-ring-color: hsl(var(--primary));
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, hsl(var(--primary)) 30%, transparent);
      }
    }
  }
  .focus\:ring-primary\/50 {
    &:focus {
      --tw-ring-color: hsl(var(--primary));
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, hsl(var(--primary)) 50%, transparent);
      }
    }
  }
  .focus\:ring-purple-400\/50 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, oklch(71.4% 0.203 305.504) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-purple-400) 50%, transparent);
      }
    }
  }
  .focus\:ring-purple-500 {
    &:focus {
      --tw-ring-color: var(--color-purple-500);
    }
  }
  .focus\:ring-purple-500\/30 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent);
      }
    }
  }
  .focus\:ring-red-400\/50 {
    &:focus {
      --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);
      }
    }
  }
  .focus\:ring-red-500 {
    &:focus {
      --tw-ring-color: var(--color-red-500);
    }
  }
  .focus\:ring-red-500\/20 {
    &:focus {
      --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);
      }
    }
  }
  .focus\:ring-ring {
    &:focus {
      --tw-ring-color: hsl(var(--ring));
    }
  }
  .focus\:ring-rose-200\/50 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, oklch(89.2% 0.058 10.001) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-rose-200) 50%, transparent);
      }
    }
  }
  .focus\:ring-rose-200\/60 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, oklch(89.2% 0.058 10.001) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-rose-200) 60%, transparent);
      }
    }
  }
  .focus\:ring-rose-500 {
    &:focus {
      --tw-ring-color: var(--color-rose-500);
    }
  }
  .focus\:ring-sky-500 {
    &:focus {
      --tw-ring-color: var(--color-sky-500);
    }
  }
  .focus\:ring-sky-500\/20 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent);
      }
    }
  }
  .focus\:ring-sky-500\/30 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-sky-500) 30%, transparent);
      }
    }
  }
  .focus\:ring-teal-500 {
    &:focus {
      --tw-ring-color: var(--color-teal-500);
    }
  }
  .focus\:ring-transparent {
    &:focus {
      --tw-ring-color: 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\/40 {
    &:focus {
      --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);
      }
    }
  }
  .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-yellow-400 {
    &:focus {
      --tw-ring-color: var(--color-yellow-400);
    }
  }
  .focus\:ring-zinc-500\/50 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, oklch(55.2% 0.016 285.938) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-zinc-500) 50%, transparent);
      }
    }
  }
  .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-current {
    &:focus {
      --tw-ring-offset-color: currentcolor;
    }
  }
  .focus\:ring-offset-gray-800 {
    &:focus {
      --tw-ring-offset-color: var(--color-gray-800);
    }
  }
  .focus\:outline-hidden {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
  }
  .focus\:\!outline-0 {
    &:focus {
      outline-style: var(--tw-outline-style) !important;
      outline-width: 0px !important;
    }
  }
  .focus\:outline-0 {
    &:focus {
      outline-style: var(--tw-outline-style);
      outline-width: 0px;
    }
  }
  .focus\:outline-1 {
    &:focus {
      outline-style: var(--tw-outline-style);
      outline-width: 1px;
    }
  }
  .focus\:\!outline-offset-0 {
    &:focus {
      outline-offset: 0px !important;
    }
  }
  .focus\:outline-offset-0 {
    &:focus {
      outline-offset: 0px;
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .focus\:ring-inset {
    &:focus {
      --tw-ring-inset: inset;
    }
  }
  .group-\[\.destructive\]\:focus\:ring-destructive {
    &:is(:where(.group):is(.destructive) *) {
      &:focus {
        --tw-ring-color: hsl(var(--destructive));
      }
    }
  }
  .group-\[\.destructive\]\:focus\:ring-red-400 {
    &:is(:where(.group):is(.destructive) *) {
      &:focus {
        --tw-ring-color: var(--color-red-400);
      }
    }
  }
  .group-\[\.destructive\]\:focus\:ring-offset-red-600 {
    &:is(:where(.group):is(.destructive) *) {
      &:focus {
        --tw-ring-offset-color: var(--color-red-600);
      }
    }
  }
  .focus-visible\:\!border-\[\#9fbcf0\] {
    &:focus-visible {
      border-color: #9fbcf0 !important;
    }
  }
  .focus-visible\:\!border-\[rgba\(63\,120\,224\,0\.5\)\] {
    &:focus-visible {
      border-color: rgba(63,120,224,0.5) !important;
    }
  }
  .focus-visible\:border-indigo-500 {
    &:focus-visible {
      border-color: var(--color-indigo-500);
    }
  }
  .focus-visible\:border-ring {
    &:focus-visible {
      border-color: hsl(var(--ring));
    }
  }
  .focus-visible\:shadow-none {
    &:focus-visible {
      --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);
    }
  }
  .focus-visible\:ring {
    &: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-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-4 {
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus-visible\:ring-\[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-\[\#\#2f80ed\]\/30 {
    &:focus-visible {
      --tw-ring-color: color-mix(in oklab, ##2f80ed 30%, transparent);
    }
  }
  .focus-visible\:ring-\[\#2f80ed\]\/40 {
    &:focus-visible {
      --tw-ring-color: color-mix(in oklab, #2f80ed 40%, transparent);
    }
  }
  .focus-visible\:ring-amber-400 {
    &:focus-visible {
      --tw-ring-color: var(--color-amber-400);
    }
  }
  .focus-visible\:ring-amber-500\/35 {
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 35%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 35%, transparent);
      }
    }
  }
  .focus-visible\:ring-blue-500\/40 {
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 40%, transparent);
      }
    }
  }
  .focus-visible\:ring-gray-300 {
    &:focus-visible {
      --tw-ring-color: var(--color-gray-300);
    }
  }
  .focus-visible\:ring-primary\/50 {
    &:focus-visible {
      --tw-ring-color: hsl(var(--primary));
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, hsl(var(--primary)) 50%, transparent);
      }
    }
  }
  .focus-visible\:ring-ring {
    &:focus-visible {
      --tw-ring-color: hsl(var(--ring));
    }
  }
  .focus-visible\:ring-ring\/50 {
    &:focus-visible {
      --tw-ring-color: hsl(var(--ring));
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, hsl(var(--ring)) 50%, transparent);
      }
    }
  }
  .focus-visible\:ring-secondary {
    &:focus-visible {
      --tw-ring-color: hsl(var(--secondary));
    }
  }
  .focus-visible\:ring-slate-400 {
    &:focus-visible {
      --tw-ring-color: var(--color-slate-400);
    }
  }
  .focus-visible\:ring-violet-500\/35 {
    &:focus-visible {
      --tw-ring-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 35%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-violet-500) 35%, transparent);
      }
    }
  }
  .focus-visible\:ring-white {
    &:focus-visible {
      --tw-ring-color: var(--color-white);
    }
  }
  .focus-visible\:ring-white\/40 {
    &:focus-visible {
      --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);
      }
    }
  }
  .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-background {
    &:focus-visible {
      --tw-ring-offset-color: hsl(var(--background));
    }
  }
  .focus-visible\:ring-offset-orange-300 {
    &:focus-visible {
      --tw-ring-offset-color: var(--color-orange-300);
    }
  }
  .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-0 {
    &:focus-visible {
      outline-style: var(--tw-outline-style) !important;
      outline-width: 0px !important;
    }
  }
  .focus-visible\:outline {
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 1px;
    }
  }
  .focus-visible\:outline-0 {
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 0px;
    }
  }
  .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-0 {
    &:focus-visible {
      outline-offset: 0px;
    }
  }
  .focus-visible\:outline-offset-2 {
    &:focus-visible {
      outline-offset: 2px;
    }
  }
  .focus-visible\:outline-indigo-600 {
    &:focus-visible {
      outline-color: var(--color-indigo-600);
    }
  }
  .focus-visible\:outline-none {
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .focus-visible\:outline-solid {
    &:focus-visible {
      --tw-outline-style: solid;
      outline-style: solid;
    }
  }
  .focus-visible\:ring-inset {
    &:focus-visible {
      --tw-ring-inset: inset;
    }
  }
  .active\:translate-x-\[2px\] {
    &:active {
      --tw-translate-x: 2px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .active\:translate-x-\[3px\] {
    &:active {
      --tw-translate-x: 3px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .active\:translate-y-\[2px\] {
    &:active {
      --tw-translate-y: 2px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .active\:translate-y-\[3px\] {
    &:active {
      --tw-translate-y: 3px;
      translate: var(--tw-translate-x) var(--tw-translate-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-\[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\:scale-\[0\.985\] {
    &:active {
      scale: 0.985;
    }
  }
  .active\:cursor-grabbing {
    &:active {
      cursor: grabbing;
    }
  }
  .active\:border-\[\#\#45c4a0\] {
    &:active {
      border-color: ##45c4a0;
    }
  }
  .active\:border-\[\#\#a07cc5\] {
    &:active {
      border-color: ##a07cc5;
    }
  }
  .active\:border-\[\#\#e668b3\] {
    &:active {
      border-color: ##e668b3;
    }
  }
  .active\:border-\[\#3f78e0\] {
    &:active {
      border-color: #3f78e0;
    }
  }
  .active\:border-\[\#343f52\] {
    &:active {
      border-color: #343f52;
    }
  }
  .active\:border-\[\#605dba\] {
    &:active {
      border-color: #605dba;
    }
  }
  .active\:border-\[\#e2626b\] {
    &:active {
      border-color: #e2626b;
    }
  }
  .active\:border-\[\#fab758\] {
    &:active {
      border-color: #fab758;
    }
  }
  .active\:border-zinc-700 {
    &:active {
      border-color: var(--color-zinc-700);
    }
  }
  .active\:bg-\[\#\#45c4a0\] {
    &:active {
      background-color: ##45c4a0;
    }
  }
  .active\:bg-\[\#\#a07cc5\] {
    &:active {
      background-color: ##a07cc5;
    }
  }
  .active\:bg-\[\#\#e668b3\] {
    &:active {
      background-color: ##e668b3;
    }
  }
  .active\:bg-\[\#3f78e0\] {
    &:active {
      background-color: #3f78e0;
    }
  }
  .active\:bg-\[\#343f52\] {
    &:active {
      background-color: #343f52;
    }
  }
  .active\:bg-\[\#605dba\] {
    &:active {
      background-color: #605dba;
    }
  }
  .active\:bg-\[\#e2626b\] {
    &:active {
      background-color: #e2626b;
    }
  }
  .active\:bg-\[\#f0e9d9\] {
    &:active {
      background-color: #f0e9d9;
    }
  }
  .active\:bg-\[\#fab758\] {
    &:active {
      background-color: #fab758;
    }
  }
  .active\:bg-blue-50 {
    &:active {
      background-color: var(--color-blue-50);
    }
  }
  .active\:bg-emerald-300 {
    &:active {
      background-color: var(--color-emerald-300);
    }
  }
  .active\:bg-gray-50 {
    &:active {
      background-color: var(--color-gray-50);
    }
  }
  .active\:bg-gray-900\/20 {
    &:active {
      background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-gray-900) 20%, transparent);
      }
    }
  }
  .active\:bg-green-700 {
    &:active {
      background-color: var(--color-green-700);
    }
  }
  .active\:bg-indigo-700 {
    &:active {
      background-color: var(--color-indigo-700);
    }
  }
  .active\:bg-neutral-200 {
    &:active {
      background-color: var(--color-neutral-200);
    }
  }
  .active\:bg-orange-400 {
    &:active {
      background-color: var(--color-orange-400);
    }
  }
  .active\:bg-orange-500 {
    &:active {
      background-color: var(--color-orange-500);
    }
  }
  .active\:bg-slate-700 {
    &:active {
      background-color: var(--color-slate-700);
    }
  }
  .active\:bg-violet-600 {
    &:active {
      background-color: var(--color-violet-600);
    }
  }
  .active\:bg-white\/20 {
    &:active {
      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);
      }
    }
  }
  .active\:bg-zinc-700 {
    &:active {
      background-color: var(--color-zinc-700);
    }
  }
  .active\:text-blue-900 {
    &:active {
      color: var(--color-blue-900);
    }
  }
  .active\:text-gray-300 {
    &:active {
      color: var(--color-gray-300);
    }
  }
  .active\:text-gray-700 {
    &:active {
      color: var(--color-gray-700);
    }
  }
  .active\:text-indigo-700 {
    &:active {
      color: var(--color-indigo-700);
    }
  }
  .active\:text-neutral-700 {
    &:active {
      color: var(--color-neutral-700);
    }
  }
  .active\:text-white {
    &:active {
      color: var(--color-white);
    }
  }
  .active\:opacity-\[0\.85\] {
    &:active {
      opacity: 0.85;
    }
  }
  .active\:shadow-\[1px_1px_0px_0px_rgba\(0\,0\,0\,1\)\] {
    &:active {
      --tw-shadow: 1px 1px 0px 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);
    }
  }
  .active\:shadow-\[2px_2px_0px_0px_rgba\(0\,0\,0\,1\)\] {
    &:active {
      --tw-shadow: 2px 2px 0px 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);
    }
  }
  .active\:shadow-\[3px_3px_0px_0px_rgba\(0\,0\,0\,1\)\] {
    &:active {
      --tw-shadow: 3px 3px 0px 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);
    }
  }
  .active\:shadow-none {
    &:active {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .active\:brightness-95 {
    &:active {
      --tw-brightness: brightness(95%);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
  }
  .disabled\:pointer-events-none {
    &:disabled {
      pointer-events: none;
    }
  }
  .disabled\:scale-100 {
    &:disabled {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .disabled\:cursor-not-allowed {
    &:disabled {
      cursor: not-allowed;
    }
  }
  .disabled\:border-\[\#\#45c4a0\] {
    &:disabled {
      border-color: ##45c4a0;
    }
  }
  .disabled\:border-\[\#\#a07cc5\] {
    &:disabled {
      border-color: ##a07cc5;
    }
  }
  .disabled\:border-\[\#3f78e0\] {
    &:disabled {
      border-color: #3f78e0;
    }
  }
  .disabled\:border-\[\#343f52\] {
    &:disabled {
      border-color: #343f52;
    }
  }
  .disabled\:border-\[\#605dba\] {
    &:disabled {
      border-color: #605dba;
    }
  }
  .disabled\:border-\[\#e2626b\] {
    &:disabled {
      border-color: #e2626b;
    }
  }
  .disabled\:border-\[\#fab758\] {
    &:disabled {
      border-color: #fab758;
    }
  }
  .disabled\:border-slate-900\/5 {
    &:disabled {
      border-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-slate-900) 5%, transparent);
      }
    }
  }
  .disabled\:bg-\[\#\#45c4a0\] {
    &:disabled {
      background-color: ##45c4a0;
    }
  }
  .disabled\:bg-\[\#\#a07cc5\] {
    &:disabled {
      background-color: ##a07cc5;
    }
  }
  .disabled\:bg-\[\#\#e668b3\] {
    &:disabled {
      background-color: ##e668b3;
    }
  }
  .disabled\:bg-\[\#3f78e0\] {
    &:disabled {
      background-color: #3f78e0;
    }
  }
  .disabled\:bg-\[\#343f52\] {
    &:disabled {
      background-color: #343f52;
    }
  }
  .disabled\:bg-\[\#605dba\] {
    &:disabled {
      background-color: #605dba;
    }
  }
  .disabled\:bg-\[\#aab0bc\] {
    &:disabled {
      background-color: #aab0bc;
    }
  }
  .disabled\:bg-\[\#e2626b\] {
    &:disabled {
      background-color: #e2626b;
    }
  }
  .disabled\:bg-\[\#fab758\] {
    &:disabled {
      background-color: #fab758;
    }
  }
  .disabled\:bg-gray-50 {
    &:disabled {
      background-color: var(--color-gray-50);
    }
  }
  .disabled\:bg-gray-300 {
    &:disabled {
      background-color: var(--color-gray-300);
    }
  }
  .disabled\:bg-green-500 {
    &:disabled {
      background-color: var(--color-green-500);
    }
  }
  .disabled\:bg-slate-50\/30 {
    &:disabled {
      background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-slate-50) 30%, transparent);
      }
    }
  }
  .disabled\:bg-slate-900\/30 {
    &:disabled {
      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);
      }
    }
  }
  .disabled\:bg-zinc-400 {
    &:disabled {
      background-color: var(--color-zinc-400);
    }
  }
  .disabled\:bg-zinc-800 {
    &:disabled {
      background-color: var(--color-zinc-800);
    }
  }
  .disabled\:text-gray-400 {
    &:disabled {
      color: var(--color-gray-400);
    }
  }
  .disabled\:text-slate-50\/70 {
    &:disabled {
      color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-slate-50) 70%, transparent);
      }
    }
  }
  .disabled\:text-slate-900\/20 {
    &:disabled {
      color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-slate-900) 20%, transparent);
      }
    }
  }
  .disabled\:text-white {
    &:disabled {
      color: var(--color-white);
    }
  }
  .disabled\:text-zinc-400 {
    &:disabled {
      color: var(--color-zinc-400);
    }
  }
  .disabled\:opacity-20 {
    &:disabled {
      opacity: 20%;
    }
  }
  .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-70 {
    &:disabled {
      opacity: 70%;
    }
  }
  .disabled\:opacity-100 {
    &:disabled {
      opacity: 100%;
    }
  }
  .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\:hover\:border-transparent {
    &:disabled {
      &:hover {
        @media (hover: hover) {
          border-color: transparent;
        }
      }
    }
  }
  .disabled\:hover\:bg-emerald-400\/90 {
    &:disabled {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 90%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-emerald-400) 90%, transparent);
          }
        }
      }
    }
  }
  .disabled\:hover\:bg-transparent {
    &:disabled {
      &:hover {
        @media (hover: hover) {
          background-color: transparent;
        }
      }
    }
  }
  .in-data-\[side\=left\]\:cursor-w-resize {
    :where(*[data-side="left"]) & {
      cursor: w-resize;
    }
  }
  .in-data-\[side\=right\]\:cursor-e-resize {
    :where(*[data-side="right"]) & {
      cursor: e-resize;
    }
  }
  .has-checked\:border-blue-500 {
    &:has(*:checked) {
      border-color: var(--color-blue-500);
    }
  }
  .has-checked\:border-primary {
    &:has(*:checked) {
      border-color: hsl(var(--primary));
    }
  }
  .has-checked\:bg-blue-100\/30 {
    &:has(*:checked) {
      background-color: color-mix(in srgb, oklch(93.2% 0.032 255.585) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-blue-100) 30%, transparent);
      }
    }
  }
  .has-checked\:bg-primary\/5 {
    &:has(*:checked) {
      background-color: hsl(var(--primary));
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, hsl(var(--primary)) 5%, transparent);
      }
    }
  }
  .has-checked\:ring-blue-500 {
    &:has(*:checked) {
      --tw-ring-color: var(--color-blue-500);
    }
  }
  .has-focus\:border-ring {
    &:has(*:focus) {
      border-color: hsl(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: hsl(var(--ring));
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, hsl(var(--ring)) 50%, transparent);
      }
    }
  }
  .has-data-\[state\=checked\]\:border-primary {
    &:has(*[data-state="checked"]) {
      border-color: hsl(var(--primary));
    }
  }
  .has-data-\[state\=checked\]\:bg-primary\/5 {
    &:has(*[data-state="checked"]) {
      background-color: hsl(var(--primary));
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, hsl(var(--primary)) 5%, transparent);
      }
    }
  }
  .has-\[\.mask-active\]\:bg-transparent {
    &:has(*:is(.mask-active)) {
      background-color: transparent;
    }
  }
  .has-\[\.mask-active\]\:backdrop-blur-none {
    &:has(*:is(.mask-active)) {
      --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,);
    }
  }
  .has-\[\:checked\]\:border-blue-500 {
    &:has(*:is(:checked)) {
      border-color: var(--color-blue-500);
    }
  }
  .has-\[\:checked\]\:bg-blue-100\/30 {
    &:has(*:is(:checked)) {
      background-color: color-mix(in srgb, oklch(93.2% 0.032 255.585) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-blue-100) 30%, transparent);
      }
    }
  }
  .has-\[\:checked\]\:bg-orange-50 {
    &:has(*:is(:checked)) {
      background-color: var(--color-orange-50);
    }
  }
  .has-\[\:checked\]\:text-orange-500 {
    &:has(*:is(:checked)) {
      color: var(--color-orange-500);
    }
  }
  .has-\[\:checked\]\:ring-1 {
    &:has(*:is(: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);
    }
  }
  .has-\[\:checked\]\:ring-blue-500 {
    &:has(*:is(:checked)) {
      --tw-ring-color: var(--color-blue-500);
    }
  }
  .has-\[\:checked\]\:ring-orange-300 {
    &:has(*:is(:checked)) {
      --tw-ring-color: var(--color-orange-300);
    }
  }
  .has-\[\:disabled\]\:cursor-not-allowed {
    &:has(*:is(:disabled)) {
      cursor: not-allowed;
    }
  }
  .has-\[\:disabled\]\:opacity-50 {
    &:has(*:is(:disabled)) {
      opacity: 50%;
    }
  }
  .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-ring {
    &:has(*:is([data-slot=input-group-control]:focus-visible)) {
      --tw-ring-color: hsl(var(--ring));
    }
  }
  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive {
    &:has(*:is([data-slot][aria-invalid=true])) {
      border-color: hsl(var(--destructive));
    }
  }
  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20 {
    &:has(*:is([data-slot][aria-invalid=true])) {
      --tw-ring-color: hsl(var(--destructive));
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, hsl(var(--destructive)) 20%, transparent);
      }
    }
  }
  .has-\[\>\[data-align\=block-end\]\]\:h-auto {
    &:has(>[data-align=block-end]) {
      height: auto;
    }
  }
  .has-\[\>\[data-align\=block-end\]\]\:flex-col {
    &:has(>[data-align=block-end]) {
      flex-direction: column;
    }
  }
  .has-\[\>\[data-align\=block-start\]\]\:h-auto {
    &:has(>[data-align=block-start]) {
      height: auto;
    }
  }
  .has-\[\>\[data-align\=block-start\]\]\:flex-col {
    &:has(>[data-align=block-start]) {
      flex-direction: column;
    }
  }
  .has-\[\>\[data-slot\=button-group\]\]\:gap-2 {
    &:has(>[data-slot=button-group]) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3 {
    &:has(>[data-slot=checkbox-group]) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .has-\[\>\[data-slot\=field-content\]\]\:items-start {
    &:has(>[data-slot=field-content]) {
      align-items: flex-start;
    }
  }
  .has-\[\>\[data-slot\=field\]\]\:w-full {
    &:has(>[data-slot=field]) {
      width: 100%;
    }
  }
  .has-\[\>\[data-slot\=field\]\]\:flex-col {
    &:has(>[data-slot=field]) {
      flex-direction: column;
    }
  }
  .has-\[\>\[data-slot\=field\]\]\:rounded-md {
    &:has(>[data-slot=field]) {
      border-radius: var(--radius);
    }
  }
  .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\.4rem\] {
    &:has(>button) {
      margin-right: -0.4rem;
    }
  }
  .has-\[\>button\]\:ml-\[-0\.45rem\] {
    &:has(>button) {
      margin-left: -0.45rem;
    }
  }
  .has-\[\>kbd\]\:mr-\[-0\.35rem\] {
    &:has(>kbd) {
      margin-right: -0.35rem;
    }
  }
  .has-\[\>kbd\]\:ml-\[-0\.35rem\] {
    &:has(>kbd) {
      margin-left: -0.35rem;
    }
  }
  .has-\[\>svg\]\:p-0 {
    &:has(>svg) {
      padding: calc(var(--spacing) * 0);
    }
  }
  .has-\[\>svg\]\:px-2 {
    &:has(>svg) {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .has-\[\>svg\]\:px-2\.5 {
    &:has(>svg) {
      padding-inline: calc(var(--spacing) * 2.5);
    }
  }
  .has-\[\>textarea\]\:h-auto {
    &:has(>textarea) {
      height: auto;
    }
  }
  .aria-disabled\:pointer-events-none {
    &[aria-disabled="true"] {
      pointer-events: none;
    }
  }
  .aria-disabled\:opacity-50 {
    &[aria-disabled="true"] {
      opacity: 50%;
    }
  }
  .aria-invalid\:border-destructive {
    &[aria-invalid="true"] {
      border-color: hsl(var(--destructive));
    }
  }
  .aria-invalid\:ring-destructive\/20 {
    &[aria-invalid="true"] {
      --tw-ring-color: hsl(var(--destructive));
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, hsl(var(--destructive)) 20%, transparent);
      }
    }
  }
  .aria-selected\:bg-accent {
    &[aria-selected="true"] {
      background-color: hsl(var(--accent));
    }
  }
  .aria-selected\:bg-accent\/50 {
    &[aria-selected="true"] {
      background-color: hsl(var(--accent));
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, hsl(var(--accent)) 50%, transparent);
      }
    }
  }
  .aria-selected\:text-accent-foreground {
    &[aria-selected="true"] {
      color: hsl(var(--accent-foreground));
    }
  }
  .aria-selected\:text-muted-foreground {
    &[aria-selected="true"] {
      color: hsl(var(--muted-foreground));
    }
  }
  .aria-selected\:opacity-30 {
    &[aria-selected="true"] {
      opacity: 30%;
    }
  }
  .aria-selected\:opacity-100 {
    &[aria-selected="true"] {
      opacity: 100%;
    }
  }
  .aria-\[current\=page\]\:bg-white\/10 {
    &[aria-current="page"] {
      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);
      }
    }
  }
  .aria-\[current\=page\]\:text-white {
    &[aria-current="page"] {
      color: var(--color-white);
    }
  }
  .data-\[active\]\:bg-accent\/50 {
    &[data-active] {
      background-color: hsl(var(--accent));
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, hsl(var(--accent)) 50%, transparent);
      }
    }
  }
  .data-\[active\=true\]\:font-medium {
    &[data-active="true"] {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .data-\[align\=center\]\:items-center {
    &[data-align="center"] {
      align-items: center;
    }
  }
  .data-\[align\=end\]\:items-end {
    &[data-align="end"] {
      align-items: flex-end;
    }
  }
  .data-\[align\=start\]\:items-start {
    &[data-align="start"] {
      align-items: flex-start;
    }
  }
  .data-\[disabled\]\:pointer-events-none {
    &[data-disabled] {
      pointer-events: none;
    }
  }
  .data-\[disabled\]\:opacity-50 {
    &[data-disabled] {
      opacity: 50%;
    }
  }
  .data-\[disabled\=true\]\:pointer-events-none {
    &[data-disabled="true"] {
      pointer-events: none;
    }
  }
  .data-\[disabled\=true\]\:opacity-50 {
    &[data-disabled="true"] {
      opacity: 50%;
    }
  }
  .data-\[inset\]\:pl-8 {
    &[data-inset] {
      padding-left: calc(var(--spacing) * 8);
    }
  }
  .data-\[invalid\=true\]\:text-destructive {
    &[data-invalid="true"] {
      color: hsl(var(--destructive));
    }
  }
  .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\]\:h-1\.5 {
    &[data-orientation="horizontal"] {
      height: calc(var(--spacing) * 1.5);
    }
  }
  .data-\[orientation\=horizontal\]\:h-full {
    &[data-orientation="horizontal"] {
      height: 100%;
    }
  }
  .data-\[orientation\=horizontal\]\:w-full {
    &[data-orientation="horizontal"] {
      width: 100%;
    }
  }
  .data-\[orientation\=vertical\]\:h-auto {
    &[data-orientation="vertical"] {
      height: auto;
    }
  }
  .data-\[orientation\=vertical\]\:h-full {
    &[data-orientation="vertical"] {
      height: 100%;
    }
  }
  .data-\[orientation\=vertical\]\:min-h-44 {
    &[data-orientation="vertical"] {
      min-height: calc(var(--spacing) * 44);
    }
  }
  .data-\[orientation\=vertical\]\: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\]\:flex-col {
    &[data-orientation="vertical"] {
      flex-direction: column;
    }
  }
  .data-\[panel-group-direction\=vertical\]\:h-px {
    &[data-panel-group-direction="vertical"] {
      height: 1px;
    }
  }
  .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: hsl(var(--muted-foreground));
    }
  }
  .data-\[range-end\=true\]\:rounded-md {
    &[data-range-end="true"] {
      border-radius: var(--radius);
    }
  }
  .data-\[range-end\=true\]\:bg-primary {
    &[data-range-end="true"] {
      background-color: hsl(var(--primary));
    }
  }
  .data-\[range-end\=true\]\:text-primary-foreground {
    &[data-range-end="true"] {
      color: hsl(var(--primary-foreground));
    }
  }
  .data-\[range-middle\=true\]\:rounded-none {
    &[data-range-middle="true"] {
      border-radius: 0;
    }
  }
  .data-\[range-middle\=true\]\:bg-accent {
    &[data-range-middle="true"] {
      background-color: hsl(var(--accent));
    }
  }
  .data-\[range-middle\=true\]\:text-accent-foreground {
    &[data-range-middle="true"] {
      color: hsl(var(--accent-foreground));
    }
  }
  .data-\[range-start\=true\]\:rounded-md {
    &[data-range-start="true"] {
      border-radius: var(--radius);
    }
  }
  .data-\[range-start\=true\]\:bg-primary {
    &[data-range-start="true"] {
      background-color: hsl(var(--primary));
    }
  }
  .data-\[range-start\=true\]\:text-primary-foreground {
    &[data-range-start="true"] {
      color: hsl(var(--primary-foreground));
    }
  }
  .data-\[selected-single\=true\]\:bg-primary {
    &[data-selected-single="true"] {
      background-color: hsl(var(--primary));
    }
  }
  .data-\[selected-single\=true\]\:text-primary-foreground {
    &[data-selected-single="true"] {
      color: hsl(var(--primary-foreground));
    }
  }
  .data-\[selected\=\'true\'\]\:bg-accent {
    &[data-selected='true'] {
      background-color: hsl(var(--accent));
    }
  }
  .data-\[selected\=true\]\:rounded-none {
    &[data-selected="true"] {
      border-radius: 0;
    }
  }
  .data-\[selected\=true\]\:bg-accent {
    &[data-selected="true"] {
      background-color: hsl(var(--accent));
    }
  }
  .data-\[selected\=true\]\:text-accent-foreground {
    &[data-selected="true"] {
      color: hsl(var(--accent-foreground));
    }
  }
  .data-\[side\=bottom\]\:translate-y-1 {
    &[data-side="bottom"] {
      --tw-translate-y: calc(var(--spacing) * 1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .data-\[side\=bottom\]\:slide-in-from-top-2 {
    &[data-side="bottom"] {
      --tw-enter-translate-y: calc(2*var(--spacing)*-1);
    }
  }
  .data-\[side\=left\]\:-translate-x-1 {
    &[data-side="left"] {
      --tw-translate-x: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .data-\[side\=left\]\:slide-in-from-right-2 {
    &[data-side="left"] {
      --tw-enter-translate-x: calc(2*var(--spacing));
    }
  }
  .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\]\:slide-in-from-left-2 {
    &[data-side="right"] {
      --tw-enter-translate-x: calc(2*var(--spacing)*-1);
    }
  }
  .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\]\:slide-in-from-bottom-2 {
    &[data-side="top"] {
      --tw-enter-translate-y: calc(2*var(--spacing));
    }
  }
  .data-\[size\=default\]\:h-9 {
    &[data-size="default"] {
      height: calc(var(--spacing) * 9);
    }
  }
  .data-\[size\=sm\]\:h-8 {
    &[data-size="sm"] {
      height: calc(var(--spacing) * 8);
    }
  }
  .data-\[slot\=checkbox-group\]\:gap-3 {
    &[data-slot="checkbox-group"] {
      gap: calc(var(--spacing) * 3);
    }
  }
  .\*\: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-2 {
    :is(& > *) {
      &[data-slot="select-value"] {
        gap: calc(var(--spacing) * 2);
      }
    }
  }
  .data-\[state\=active\]\:bg-\[\#0b0b0c\] {
    &[data-state="active"] {
      background-color: #0b0b0c;
    }
  }
  .data-\[state\=active\]\:bg-background {
    &[data-state="active"] {
      background-color: hsl(var(--background));
    }
  }
  .data-\[state\=active\]\:bg-white {
    &[data-state="active"] {
      background-color: var(--color-white);
    }
  }
  .data-\[state\=active\]\:text-foreground {
    &[data-state="active"] {
      color: hsl(var(--foreground));
    }
  }
  .data-\[state\=active\]\:text-white {
    &[data-state="active"] {
      color: var(--color-white);
    }
  }
  .data-\[state\=active\]\:shadow {
    &[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);
    }
  }
  .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);
    }
  }
  .data-\[state\=checked\]\:translate-x-4 {
    &[data-state="checked"] {
      --tw-translate-x: calc(var(--spacing) * 4);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .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\]\:bg-primary {
    &[data-state="checked"] {
      background-color: hsl(var(--primary));
    }
  }
  .data-\[state\=checked\]\:text-primary-foreground {
    &[data-state="checked"] {
      color: hsl(var(--primary-foreground));
    }
  }
  .data-\[state\=closed\]\:animate-accordion-up {
    &[data-state="closed"] {
      animation: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
  }
  .data-\[state\=closed\]\:animate-out {
    &[data-state="closed"] {
      animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
  }
  .data-\[state\=closed\]\:duration-300 {
    &[data-state="closed"] {
      --tw-duration: 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\]\:fade-out-80 {
    &[data-state="closed"] {
      --tw-exit-opacity: calc(80/100);
      --tw-exit-opacity: .8;
    }
  }
  .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-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-full {
    &[data-state="closed"] {
      --tw-exit-translate-x: calc(1*100%);
    }
  }
  .data-\[state\=closed\]\:slide-out-to-top {
    &[data-state="closed"] {
      --tw-exit-translate-y: -100%;
    }
  }
  .data-\[state\=closed\]\:slide-out-to-top-\[48\%\] {
    &[data-state="closed"] {
      --tw-exit-translate-y: calc(48%*-1);
    }
  }
  .data-\[state\=hidden\]\:animate-out {
    &[data-state="hidden"] {
      animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
  }
  .data-\[state\=hidden\]\:fade-out {
    &[data-state="hidden"] {
      --tw-exit-opacity: 0;
    }
  }
  .data-\[state\=on\]\:bg-accent {
    &[data-state="on"] {
      background-color: hsl(var(--accent));
    }
  }
  .data-\[state\=on\]\:text-accent-foreground {
    &[data-state="on"] {
      color: hsl(var(--accent-foreground));
    }
  }
  .data-\[state\=open\]\:animate-accordion-down {
    &[data-state="open"] {
      animation: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
  }
  .data-\[state\=open\]\:animate-in {
    &[data-state="open"] {
      animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
  }
  .data-\[state\=open\]\:bg-accent {
    &[data-state="open"] {
      background-color: hsl(var(--accent));
    }
  }
  .data-\[state\=open\]\:bg-accent\/50 {
    &[data-state="open"] {
      background-color: hsl(var(--accent));
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, hsl(var(--accent)) 50%, transparent);
      }
    }
  }
  .data-\[state\=open\]\:bg-secondary {
    &[data-state="open"] {
      background-color: hsl(var(--secondary));
    }
  }
  .data-\[state\=open\]\:text-accent-foreground {
    &[data-state="open"] {
      color: hsl(var(--accent-foreground));
    }
  }
  .data-\[state\=open\]\:text-muted-foreground {
    &[data-state="open"] {
      color: hsl(var(--muted-foreground));
    }
  }
  .data-\[state\=open\]\:opacity-100 {
    &[data-state="open"] {
      opacity: 100%;
    }
  }
  .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-90 {
    &[data-state="open"] {
      --tw-enter-scale: calc(90*1%);
      --tw-enter-scale: .9;
    }
  }
  .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-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-top {
    &[data-state="open"] {
      --tw-enter-translate-y: -100%;
    }
  }
  .data-\[state\=open\]\:slide-in-from-top-\[48\%\] {
    &[data-state="open"] {
      --tw-enter-translate-y: calc(48%*-1);
    }
  }
  .data-\[state\=open\]\:slide-in-from-top-full {
    &[data-state="open"] {
      --tw-enter-translate-y: calc(1*-100%);
    }
  }
  .data-\[state\=open\]\:hover\:bg-accent {
    &[data-state="open"] {
      &:hover {
        @media (hover: hover) {
          background-color: hsl(var(--accent));
        }
      }
    }
  }
  .data-\[state\=open\]\:focus\:bg-accent {
    &[data-state="open"] {
      &:focus {
        background-color: hsl(var(--accent));
      }
    }
  }
  .data-\[state\=selected\]\:bg-muted {
    &[data-state="selected"] {
      background-color: hsl(var(--muted));
    }
  }
  .data-\[state\=unchecked\]\:translate-x-0 {
    &[data-state="unchecked"] {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .data-\[state\=unchecked\]\:bg-input {
    &[data-state="unchecked"] {
      background-color: hsl(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 {
    &[data-state="visible"] {
      --tw-enter-opacity: 0;
    }
  }
  .data-\[swipe\=cancel\]\:translate-x-0 {
    &[data-swipe="cancel"] {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\] {
    &[data-swipe="end"] {
      --tw-translate-x: var(--radix-toast-swipe-end-x);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .data-\[swipe\=end\]\:animate-out {
    &[data-swipe="end"] {
      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-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\] {
    &[data-swipe="move"] {
      --tw-translate-x: var(--radix-toast-swipe-move-x);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .data-\[swipe\=move\]\:transition-none {
    &[data-swipe="move"] {
      transition-property: none;
    }
  }
  .data-\[variant\=destructive\]\:text-destructive {
    &[data-variant="destructive"] {
      color: hsl(var(--destructive));
    }
  }
  .data-\[variant\=destructive\]\:focus\:bg-destructive\/10 {
    &[data-variant="destructive"] {
      &:focus {
        background-color: hsl(var(--destructive));
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, hsl(var(--destructive)) 10%, transparent);
        }
      }
    }
  }
  .data-\[variant\=destructive\]\:focus\:text-destructive {
    &[data-variant="destructive"] {
      &:focus {
        color: hsl(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));
    }
  }
  .nth-last-2\:-mt-1 {
    &:nth-last-child(2) {
      margin-top: calc(var(--spacing) * -1);
    }
  }
  .supports-\[backdrop-filter\]\:bg-background\/60 {
    @supports (backdrop-filter: var(--tw)) {
      background-color: hsl(var(--background));
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, hsl(var(--background)) 60%, transparent);
      }
    }
  }
  .motion-reduce\:transition-none {
    @media (prefers-reduced-motion: reduce) {
      transition-property: none;
    }
  }
  .motion-reduce\:file\:transition-none {
    @media (prefers-reduced-motion: reduce) {
      &::file-selector-button {
        transition-property: none;
      }
    }
  }
  .motion-reduce\:after\:transition-none {
    @media (prefers-reduced-motion: reduce) {
      &::after {
        content: var(--tw-content);
        transition-property: none;
      }
    }
  }
  .max-xl\:flex-col {
    @media (width < 80rem) {
      flex-direction: column;
    }
  }
  .max-xl\:text-center {
    @media (width < 80rem) {
      text-align: center;
    }
  }
  .max-lg\:fixed {
    @media (width < 64rem) {
      position: fixed;
    }
  }
  .max-lg\:inset-y-0 {
    @media (width < 64rem) {
      inset-block: calc(var(--spacing) * 0);
    }
  }
  .max-lg\:top-2 {
    @media (width < 64rem) {
      top: calc(var(--spacing) * 2);
    }
  }
  .max-lg\:-left-14 {
    @media (width < 64rem) {
      left: calc(var(--spacing) * -14);
    }
  }
  .max-lg\:left-0 {
    @media (width < 64rem) {
      left: calc(var(--spacing) * 0);
    }
  }
  .max-lg\:mx-auto {
    @media (width < 64rem) {
      margin-inline: auto;
    }
  }
  .max-lg\:mt-1 {
    @media (width < 64rem) {
      margin-top: calc(var(--spacing) * 1);
    }
  }
  .max-lg\:mt-3 {
    @media (width < 64rem) {
      margin-top: calc(var(--spacing) * 3);
    }
  }
  .max-lg\:mb-4 {
    @media (width < 64rem) {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .max-lg\:hidden {
    @media (width < 64rem) {
      display: none;
    }
  }
  .max-lg\:h-auto {
    @media (width < 64rem) {
      height: auto;
    }
  }
  .max-lg\:h-max {
    @media (width < 64rem) {
      height: max-content;
    }
  }
  .max-lg\:max-w-\[488px\] {
    @media (width < 64rem) {
      max-width: 488px;
    }
  }
  .max-lg\:max-w-lg {
    @media (width < 64rem) {
      max-width: var(--container-lg);
    }
  }
  .max-lg\:max-w-xl {
    @media (width < 64rem) {
      max-width: var(--container-xl);
    }
  }
  .max-lg\:-translate-x-full {
    @media (width < 64rem) {
      --tw-translate-x: -100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .max-lg\:translate-x-0 {
    @media (width < 64rem) {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .max-lg\:gap-4 {
    @media (width < 64rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .max-lg\:overflow-auto {
    @media (width < 64rem) {
      overflow: auto;
    }
  }
  .max-lg\:bg-white {
    @media (width < 64rem) {
      background-color: var(--color-white);
    }
  }
  .max-lg\:px-4 {
    @media (width < 64rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .max-lg\:text-center {
    @media (width < 64rem) {
      text-align: center;
    }
  }
  .max-lg\:shadow-2xl {
    @media (width < 64rem) {
      --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);
    }
  }
  .max-lg\:shadow-lg {
    @media (width < 64rem) {
      --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);
    }
  }
  .max-lg\:shadow-gray-200 {
    @media (width < 64rem) {
      --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);
      }
    }
  }
  .max-md\:absolute {
    @media (width < 48rem) {
      position: absolute;
    }
  }
  .max-md\:top-0 {
    @media (width < 48rem) {
      top: calc(var(--spacing) * 0);
    }
  }
  .max-md\:left-0 {
    @media (width < 48rem) {
      left: calc(var(--spacing) * 0);
    }
  }
  .max-md\:z-10 {
    @media (width < 48rem) {
      z-index: 10;
    }
  }
  .max-md\:mx-auto {
    @media (width < 48rem) {
      margin-inline: auto;
    }
  }
  .max-md\:flex {
    @media (width < 48rem) {
      display: flex;
    }
  }
  .max-md\:hidden {
    @media (width < 48rem) {
      display: none;
    }
  }
  .max-md\:h-full {
    @media (width < 48rem) {
      height: 100%;
    }
  }
  .max-md\:w-full {
    @media (width < 48rem) {
      width: 100%;
    }
  }
  .max-md\:flex-col {
    @media (width < 48rem) {
      flex-direction: column;
    }
  }
  .max-md\:justify-center {
    @media (width < 48rem) {
      justify-content: center;
    }
  }
  .max-md\:bg-white\/70 {
    @media (width < 48rem) {
      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);
      }
    }
  }
  .max-md\:pt-2 {
    @media (width < 48rem) {
      padding-top: calc(var(--spacing) * 2);
    }
  }
  .max-md\:text-center {
    @media (width < 48rem) {
      text-align: center;
    }
  }
  .max-md\:backdrop-blur {
    @media (width < 48rem) {
      --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,);
    }
  }
  .max-md\:transition-all {
    @media (width < 48rem) {
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .max-md\:duration-300 {
    @media (width < 48rem) {
      --tw-duration: 300ms;
      transition-duration: 300ms;
    }
  }
  .max-md\:ease-in-out {
    @media (width < 48rem) {
      --tw-ease: var(--ease-in-out);
      transition-timing-function: var(--ease-in-out);
    }
  }
  .max-sm\:mx-auto {
    @media (width < 40rem) {
      margin-inline: auto;
    }
  }
  .max-sm\:hidden {
    @media (width < 40rem) {
      display: none;
    }
  }
  .max-sm\:w-full {
    @media (width < 40rem) {
      width: 100%;
    }
  }
  .max-sm\:gap-6 {
    @media (width < 40rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .min-\[400px\]\:flex-row {
    @media (width >= 400px) {
      flex-direction: row;
    }
  }
  .min-\[400px\]\:items-center {
    @media (width >= 400px) {
      align-items: center;
    }
  }
  .min-\[400px\]\:p-4 {
    @media (width >= 400px) {
      padding: calc(var(--spacing) * 4);
    }
  }
  .min-\[400px\]\:px-4 {
    @media (width >= 400px) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .min-\[400px\]\:py-2 {
    @media (width >= 400px) {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .min-\[400px\]\:text-4xl {
    @media (width >= 400px) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .min-\[576px\]\:pr-32 {
    @media (width >= 576px) {
      padding-right: calc(var(--spacing) * 32);
    }
  }
  .sm\:invisible {
    @media (width >= 40rem) {
      visibility: hidden;
    }
  }
  .sm\:visible {
    @media (width >= 40rem) {
      visibility: visible;
    }
  }
  .sm\:absolute {
    @media (width >= 40rem) {
      position: absolute;
    }
  }
  .sm\:fixed {
    @media (width >= 40rem) {
      position: fixed;
    }
  }
  .sm\:relative {
    @media (width >= 40rem) {
      position: relative;
    }
  }
  .sm\:static {
    @media (width >= 40rem) {
      position: static;
    }
  }
  .sm\:inset-0 {
    @media (width >= 40rem) {
      inset: calc(var(--spacing) * 0);
    }
  }
  .sm\:inset-x-0 {
    @media (width >= 40rem) {
      inset-inline: calc(var(--spacing) * 0);
    }
  }
  .sm\:inset-x-4 {
    @media (width >= 40rem) {
      inset-inline: calc(var(--spacing) * 4);
    }
  }
  .sm\:top-0 {
    @media (width >= 40rem) {
      top: calc(var(--spacing) * 0);
    }
  }
  .sm\:top-4 {
    @media (width >= 40rem) {
      top: calc(var(--spacing) * 4);
    }
  }
  .sm\:top-5 {
    @media (width >= 40rem) {
      top: calc(var(--spacing) * 5);
    }
  }
  .sm\:top-\[-23px\] {
    @media (width >= 40rem) {
      top: -23px;
    }
  }
  .sm\:top-\[5\%\] {
    @media (width >= 40rem) {
      top: 5%;
    }
  }
  .sm\:top-\[5\.125rem\] {
    @media (width >= 40rem) {
      top: 5.125rem;
    }
  }
  .sm\:top-\[30px\] {
    @media (width >= 40rem) {
      top: 30px;
    }
  }
  .sm\:top-\[78px\] {
    @media (width >= 40rem) {
      top: 78px;
    }
  }
  .sm\:top-\[79px\] {
    @media (width >= 40rem) {
      top: 79px;
    }
  }
  .sm\:top-auto {
    @media (width >= 40rem) {
      top: auto;
    }
  }
  .sm\:top-full {
    @media (width >= 40rem) {
      top: 100%;
    }
  }
  .sm\:-right-6 {
    @media (width >= 40rem) {
      right: calc(var(--spacing) * -6);
    }
  }
  .sm\:right-0 {
    @media (width >= 40rem) {
      right: calc(var(--spacing) * 0);
    }
  }
  .sm\:right-2\/4 {
    @media (width >= 40rem) {
      right: calc(2 / 4 * 100%);
    }
  }
  .sm\:right-4 {
    @media (width >= 40rem) {
      right: calc(var(--spacing) * 4);
    }
  }
  .sm\:right-8 {
    @media (width >= 40rem) {
      right: calc(var(--spacing) * 8);
    }
  }
  .sm\:right-12 {
    @media (width >= 40rem) {
      right: calc(var(--spacing) * 12);
    }
  }
  .sm\:right-20 {
    @media (width >= 40rem) {
      right: calc(var(--spacing) * 20);
    }
  }
  .sm\:right-\[1\%\] {
    @media (width >= 40rem) {
      right: 1%;
    }
  }
  .sm\:right-\[15px\] {
    @media (width >= 40rem) {
      right: 15px;
    }
  }
  .sm\:right-\[27\%\] {
    @media (width >= 40rem) {
      right: 27%;
    }
  }
  .sm\:right-\[75px\] {
    @media (width >= 40rem) {
      right: 75px;
    }
  }
  .sm\:right-auto {
    @media (width >= 40rem) {
      right: auto;
    }
  }
  .sm\:-bottom-6 {
    @media (width >= 40rem) {
      bottom: calc(var(--spacing) * -6);
    }
  }
  .sm\:bottom-0 {
    @media (width >= 40rem) {
      bottom: calc(var(--spacing) * 0);
    }
  }
  .sm\:bottom-8 {
    @media (width >= 40rem) {
      bottom: calc(var(--spacing) * 8);
    }
  }
  .sm\:bottom-12 {
    @media (width >= 40rem) {
      bottom: calc(var(--spacing) * 12);
    }
  }
  .sm\:bottom-\[-17\%\] {
    @media (width >= 40rem) {
      bottom: -17%;
    }
  }
  .sm\:bottom-\[-18px\] {
    @media (width >= 40rem) {
      bottom: -18px;
    }
  }
  .sm\:bottom-\[41\%\] {
    @media (width >= 40rem) {
      bottom: 41%;
    }
  }
  .sm\:-left-8 {
    @media (width >= 40rem) {
      left: calc(var(--spacing) * -8);
    }
  }
  .sm\:left-0 {
    @media (width >= 40rem) {
      left: calc(var(--spacing) * 0);
    }
  }
  .sm\:left-4 {
    @media (width >= 40rem) {
      left: calc(var(--spacing) * 4);
    }
  }
  .sm\:left-5 {
    @media (width >= 40rem) {
      left: calc(var(--spacing) * 5);
    }
  }
  .sm\:left-6 {
    @media (width >= 40rem) {
      left: calc(var(--spacing) * 6);
    }
  }
  .sm\:left-8 {
    @media (width >= 40rem) {
      left: calc(var(--spacing) * 8);
    }
  }
  .sm\:left-12 {
    @media (width >= 40rem) {
      left: calc(var(--spacing) * 12);
    }
  }
  .sm\:left-20 {
    @media (width >= 40rem) {
      left: calc(var(--spacing) * 20);
    }
  }
  .sm\:left-\[-11\%\] {
    @media (width >= 40rem) {
      left: -11%;
    }
  }
  .sm\:left-\[1\%\] {
    @media (width >= 40rem) {
      left: 1%;
    }
  }
  .sm\:left-\[2\%\] {
    @media (width >= 40rem) {
      left: 2%;
    }
  }
  .sm\:left-\[15px\] {
    @media (width >= 40rem) {
      left: 15px;
    }
  }
  .sm\:left-\[75px\] {
    @media (width >= 40rem) {
      left: 75px;
    }
  }
  .sm\:left-auto {
    @media (width >= 40rem) {
      left: auto;
    }
  }
  .sm\:left-full {
    @media (width >= 40rem) {
      left: 100%;
    }
  }
  .sm\:z-\[5\] {
    @media (width >= 40rem) {
      z-index: 5;
    }
  }
  .sm\:z-\[9\] {
    @media (width >= 40rem) {
      z-index: 9;
    }
  }
  .sm\:order-1 {
    @media (width >= 40rem) {
      order: 1;
    }
  }
  .sm\:order-2 {
    @media (width >= 40rem) {
      order: 2;
    }
  }
  .sm\:col-span-1 {
    @media (width >= 40rem) {
      grid-column: span 1 / span 1;
    }
  }
  .sm\:col-span-2 {
    @media (width >= 40rem) {
      grid-column: span 2 / span 2;
    }
  }
  .sm\:col-span-3 {
    @media (width >= 40rem) {
      grid-column: span 3 / span 3;
    }
  }
  .sm\:col-span-4 {
    @media (width >= 40rem) {
      grid-column: span 4 / span 4;
    }
  }
  .sm\:col-span-6 {
    @media (width >= 40rem) {
      grid-column: span 6 / span 6;
    }
  }
  .sm\:float-left {
    @media (width >= 40rem) {
      float: left;
    }
  }
  .sm\:float-none {
    @media (width >= 40rem) {
      float: none;
    }
  }
  .sm\:m-0 {
    @media (width >= 40rem) {
      margin: calc(var(--spacing) * 0);
    }
  }
  .sm\:m-\[0_-15px\] {
    @media (width >= 40rem) {
      margin: 0 -15px;
    }
  }
  .sm\:m-\[0_-20px\] {
    @media (width >= 40rem) {
      margin: 0 -20px;
    }
  }
  .sm\:m-\[0_-50vw\] {
    @media (width >= 40rem) {
      margin: 0 -50vw;
    }
  }
  .sm\:m-\[0_0\.8\%_10px\] {
    @media (width >= 40rem) {
      margin: 0 0.8% 10px;
    }
  }
  .sm\:m-\[0_0_20px\] {
    @media (width >= 40rem) {
      margin: 0 0 20px;
    }
  }
  .sm\:m-\[0_0_30px\] {
    @media (width >= 40rem) {
      margin: 0 0 30px;
    }
  }
  .sm\:m-\[0_0_35px\] {
    @media (width >= 40rem) {
      margin: 0 0 35px;
    }
  }
  .sm\:m-\[0_8px\] {
    @media (width >= 40rem) {
      margin: 0 8px;
    }
  }
  .sm\:m-\[0_10px\] {
    @media (width >= 40rem) {
      margin: 0 10px;
    }
  }
  .sm\:m-\[0_10px_5px\] {
    @media (width >= 40rem) {
      margin: 0 10px 5px;
    }
  }
  .sm\:m-\[0_12px\] {
    @media (width >= 40rem) {
      margin: 0 12px;
    }
  }
  .sm\:m-\[0_15px\] {
    @media (width >= 40rem) {
      margin: 0 15px;
    }
  }
  .sm\:m-\[0_auto\] {
    @media (width >= 40rem) {
      margin: 0 auto;
    }
  }
  .sm\:m-\[0_auto_50px\] {
    @media (width >= 40rem) {
      margin: 0 auto 50px;
    }
  }
  .sm\:m-\[0_auto_70px\] {
    @media (width >= 40rem) {
      margin: 0 auto 70px;
    }
  }
  .sm\:m-\[5px_10px\] {
    @media (width >= 40rem) {
      margin: 5px 10px;
    }
  }
  .sm\:m-\[10px_0_80px\] {
    @media (width >= 40rem) {
      margin: 10px 0 80px;
    }
  }
  .sm\:m-\[10px_12px\] {
    @media (width >= 40rem) {
      margin: 10px 12px;
    }
  }
  .sm\:m-\[10px_auto_0\] {
    @media (width >= 40rem) {
      margin: 10px auto 0;
    }
  }
  .sm\:m-\[15px_0\] {
    @media (width >= 40rem) {
      margin: 15px 0;
    }
  }
  .sm\:m-\[18px_0_30px\] {
    @media (width >= 40rem) {
      margin: 18px 0 30px;
    }
  }
  .sm\:m-\[20px_0_25px\] {
    @media (width >= 40rem) {
      margin: 20px 0 25px;
    }
  }
  .sm\:m-\[25px_0_35px\] {
    @media (width >= 40rem) {
      margin: 25px 0 35px;
    }
  }
  .sm\:m-\[25px_auto_0\] {
    @media (width >= 40rem) {
      margin: 25px auto 0;
    }
  }
  .sm\:m-\[30px_0_20px\] {
    @media (width >= 40rem) {
      margin: 30px 0 20px;
    }
  }
  .sm\:m-\[35px_0_30px\] {
    @media (width >= 40rem) {
      margin: 35px 0 30px;
    }
  }
  .sm\:m-\[40px_0_0\] {
    @media (width >= 40rem) {
      margin: 40px 0 0;
    }
  }
  .sm\:m-\[40px_0_50px\] {
    @media (width >= 40rem) {
      margin: 40px 0 50px;
    }
  }
  .sm\:m-\[40px_auto_0\] {
    @media (width >= 40rem) {
      margin: 40px auto 0;
    }
  }
  .sm\:m-\[40px_auto_50px\] {
    @media (width >= 40rem) {
      margin: 40px auto 50px;
    }
  }
  .sm\:m-\[50px_0_0\] {
    @media (width >= 40rem) {
      margin: 50px 0 0;
    }
  }
  .sm\:m-\[50px_0_40px\] {
    @media (width >= 40rem) {
      margin: 50px 0 40px;
    }
  }
  .sm\:m-\[50px_auto_0\] {
    @media (width >= 40rem) {
      margin: 50px auto 0;
    }
  }
  .sm\:m-\[60px_auto_0\] {
    @media (width >= 40rem) {
      margin: 60px auto 0;
    }
  }
  .sm\:m-\[90px_auto_0\] {
    @media (width >= 40rem) {
      margin: 90px auto 0;
    }
  }
  .sm\:m-\[150px_0_150px\] {
    @media (width >= 40rem) {
      margin: 150px 0 150px;
    }
  }
  .sm\:-mx-0\.5 {
    @media (width >= 40rem) {
      margin-inline: calc(var(--spacing) * -0.5);
    }
  }
  .sm\:-mx-6 {
    @media (width >= 40rem) {
      margin-inline: calc(var(--spacing) * -6);
    }
  }
  .sm\:-mx-8 {
    @media (width >= 40rem) {
      margin-inline: calc(var(--spacing) * -8);
    }
  }
  .sm\:mx-0 {
    @media (width >= 40rem) {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  .sm\:mx-0\.5 {
    @media (width >= 40rem) {
      margin-inline: calc(var(--spacing) * 0.5);
    }
  }
  .sm\:mx-2\.5 {
    @media (width >= 40rem) {
      margin-inline: calc(var(--spacing) * 2.5);
    }
  }
  .sm\:mx-6 {
    @media (width >= 40rem) {
      margin-inline: calc(var(--spacing) * 6);
    }
  }
  .sm\:mx-8 {
    @media (width >= 40rem) {
      margin-inline: calc(var(--spacing) * 8);
    }
  }
  .sm\:mx-auto {
    @media (width >= 40rem) {
      margin-inline: auto;
    }
  }
  .sm\:my-0 {
    @media (width >= 40rem) {
      margin-block: calc(var(--spacing) * 0);
    }
  }
  .sm\:my-5 {
    @media (width >= 40rem) {
      margin-block: calc(var(--spacing) * 5);
    }
  }
  .sm\:my-6 {
    @media (width >= 40rem) {
      margin-block: calc(var(--spacing) * 6);
    }
  }
  .sm\:my-8 {
    @media (width >= 40rem) {
      margin-block: calc(var(--spacing) * 8);
    }
  }
  .sm\:my-14 {
    @media (width >= 40rem) {
      margin-block: calc(var(--spacing) * 14);
    }
  }
  .sm\:my-\[50px\] {
    @media (width >= 40rem) {
      margin-block: 50px;
    }
  }
  .sm\:my-\[150px\] {
    @media (width >= 40rem) {
      margin-block: 150px;
    }
  }
  .sm\:-ms-4 {
    @media (width >= 40rem) {
      margin-inline-start: calc(var(--spacing) * -4);
    }
  }
  .sm\:ms-2 {
    @media (width >= 40rem) {
      margin-inline-start: calc(var(--spacing) * 2);
    }
  }
  .sm\:ms-4 {
    @media (width >= 40rem) {
      margin-inline-start: calc(var(--spacing) * 4);
    }
  }
  .sm\:ms-48 {
    @media (width >= 40rem) {
      margin-inline-start: calc(var(--spacing) * 48);
    }
  }
  .sm\:prose {
    @media (width >= 40rem) {
      color: var(--tw-prose-body);
      max-width: 65ch;
      :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.25em;
        margin-bottom: 1.25em;
      }
      :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-lead);
        font-size: 1.25em;
        line-height: 1.6;
        margin-top: 1.2em;
        margin-bottom: 1.2em;
      }
      :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-links);
        text-decoration: underline;
        font-weight: 500;
      }
      :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-bold);
        font-weight: 600;
      }
      :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
      }
      :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
      }
      :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
      }
      :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: decimal;
        margin-top: 1.25em;
        margin-bottom: 1.25em;
        padding-inline-start: 1.625em;
      }
      :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: upper-alpha;
      }
      :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: lower-alpha;
      }
      :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: upper-alpha;
      }
      :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: lower-alpha;
      }
      :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: upper-roman;
      }
      :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: lower-roman;
      }
      :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: upper-roman;
      }
      :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: lower-roman;
      }
      :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: decimal;
      }
      :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: disc;
        margin-top: 1.25em;
        margin-bottom: 1.25em;
        padding-inline-start: 1.625em;
      }
      :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
        font-weight: 400;
        color: var(--tw-prose-counters);
      }
      :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
        color: var(--tw-prose-bullets);
      }
      :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-headings);
        font-weight: 600;
        margin-top: 1.25em;
      }
      :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        border-color: var(--tw-prose-hr);
        border-top-width: 1px;
        margin-top: 3em;
        margin-bottom: 3em;
      }
      :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-weight: 500;
        font-style: italic;
        color: var(--tw-prose-quotes);
        border-inline-start-width: 0.25rem;
        border-inline-start-color: var(--tw-prose-quote-borders);
        quotes: "\201C""\201D""\2018""\2019";
        margin-top: 1.6em;
        margin-bottom: 1.6em;
        padding-inline-start: 1em;
      }
      :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
        content: open-quote;
      }
      :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
        content: close-quote;
      }
      :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-headings);
        font-weight: 800;
        font-size: 2.25em;
        margin-top: 0;
        margin-bottom: 0.8888889em;
        line-height: 1.1111111;
      }
      :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-weight: 900;
        color: inherit;
      }
      :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-headings);
        font-weight: 700;
        font-size: 1.5em;
        margin-top: 2em;
        margin-bottom: 1em;
        line-height: 1.3333333;
      }
      :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-weight: 800;
        color: inherit;
      }
      :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-headings);
        font-weight: 600;
        font-size: 1.25em;
        margin-top: 1.6em;
        margin-bottom: 0.6em;
        line-height: 1.6;
      }
      :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-weight: 700;
        color: inherit;
      }
      :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-headings);
        font-weight: 600;
        margin-top: 1.5em;
        margin-bottom: 0.5em;
        line-height: 1.5;
      }
      :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-weight: 700;
        color: inherit;
      }
      :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
      }
      :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        display: block;
        margin-top: 2em;
        margin-bottom: 2em;
      }
      :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
      }
      :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-weight: 500;
        font-family: inherit;
        color: var(--tw-prose-kbd);
        box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
        font-size: 0.875em;
        border-radius: 0.3125rem;
        padding-top: 0.1875em;
        padding-inline-end: 0.375em;
        padding-bottom: 0.1875em;
        padding-inline-start: 0.375em;
      }
      :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-code);
        font-weight: 600;
        font-size: 0.875em;
      }
      :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
        content: "`";
      }
      :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
        content: "`";
      }
      :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
      }
      :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
      }
      :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
        font-size: 0.875em;
      }
      :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
        font-size: 0.9em;
      }
      :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
      }
      :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
      }
      :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
      }
      :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-pre-code);
        background-color: var(--tw-prose-pre-bg);
        overflow-x: auto;
        font-weight: 400;
        font-size: 0.875em;
        line-height: 1.7142857;
        margin-top: 1.7142857em;
        margin-bottom: 1.7142857em;
        border-radius: 0.375rem;
        padding-top: 0.8571429em;
        padding-inline-end: 1.1428571em;
        padding-bottom: 0.8571429em;
        padding-inline-start: 1.1428571em;
      }
      :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        background-color: transparent;
        border-width: 0;
        border-radius: 0;
        padding: 0;
        font-weight: inherit;
        color: inherit;
        font-size: inherit;
        font-family: inherit;
        line-height: inherit;
      }
      :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
        content: none;
      }
      :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
        content: none;
      }
      :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        width: 100%;
        table-layout: auto;
        margin-top: 2em;
        margin-bottom: 2em;
        font-size: 0.875em;
        line-height: 1.7142857;
      }
      :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        border-bottom-width: 1px;
        border-bottom-color: var(--tw-prose-th-borders);
      }
      :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-headings);
        font-weight: 600;
        vertical-align: bottom;
        padding-inline-end: 0.5714286em;
        padding-bottom: 0.5714286em;
        padding-inline-start: 0.5714286em;
      }
      :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        border-bottom-width: 1px;
        border-bottom-color: var(--tw-prose-td-borders);
      }
      :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        border-bottom-width: 0;
      }
      :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        vertical-align: baseline;
      }
      :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        border-top-width: 1px;
        border-top-color: var(--tw-prose-th-borders);
      }
      :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        vertical-align: top;
      }
      :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        text-align: start;
      }
      :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
        margin-bottom: 0;
      }
      :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-captions);
        font-size: 0.875em;
        line-height: 1.4285714;
        margin-top: 0.8571429em;
      }
      --tw-prose-body: oklch(37.3% 0.034 259.733);
      --tw-prose-headings: oklch(21% 0.034 264.665);
      --tw-prose-lead: oklch(44.6% 0.03 256.802);
      --tw-prose-links: oklch(21% 0.034 264.665);
      --tw-prose-bold: oklch(21% 0.034 264.665);
      --tw-prose-counters: oklch(55.1% 0.027 264.364);
      --tw-prose-bullets: oklch(87.2% 0.01 258.338);
      --tw-prose-hr: oklch(92.8% 0.006 264.531);
      --tw-prose-quotes: oklch(21% 0.034 264.665);
      --tw-prose-quote-borders: oklch(92.8% 0.006 264.531);
      --tw-prose-captions: oklch(55.1% 0.027 264.364);
      --tw-prose-kbd: oklch(21% 0.034 264.665);
      --tw-prose-kbd-shadows: color-mix(in oklab, oklch(21% 0.034 264.665) 10%, transparent);
      --tw-prose-code: oklch(21% 0.034 264.665);
      --tw-prose-pre-code: oklch(92.8% 0.006 264.531);
      --tw-prose-pre-bg: oklch(27.8% 0.033 256.848);
      --tw-prose-th-borders: oklch(87.2% 0.01 258.338);
      --tw-prose-td-borders: oklch(92.8% 0.006 264.531);
      --tw-prose-invert-body: oklch(87.2% 0.01 258.338);
      --tw-prose-invert-headings: #fff;
      --tw-prose-invert-lead: oklch(70.7% 0.022 261.325);
      --tw-prose-invert-links: #fff;
      --tw-prose-invert-bold: #fff;
      --tw-prose-invert-counters: oklch(70.7% 0.022 261.325);
      --tw-prose-invert-bullets: oklch(44.6% 0.03 256.802);
      --tw-prose-invert-hr: oklch(37.3% 0.034 259.733);
      --tw-prose-invert-quotes: oklch(96.7% 0.003 264.542);
      --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733);
      --tw-prose-invert-captions: oklch(70.7% 0.022 261.325);
      --tw-prose-invert-kbd: #fff;
      --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
      --tw-prose-invert-code: #fff;
      --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338);
      --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
      --tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802);
      --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733);
      font-size: 1rem;
      line-height: 1.75;
      :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
        margin-bottom: 0;
      }
      :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.5em;
        margin-bottom: 0.5em;
      }
      :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0.375em;
      }
      :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0.375em;
      }
      :where(.sm\:prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.75em;
        margin-bottom: 0.75em;
      }
      :where(.sm\:prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.25em;
      }
      :where(.sm\:prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 1.25em;
      }
      :where(.sm\:prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.25em;
      }
      :where(.sm\:prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 1.25em;
      }
      :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.75em;
        margin-bottom: 0.75em;
      }
      :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.25em;
        margin-bottom: 1.25em;
      }
      :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.5em;
        padding-inline-start: 1.625em;
      }
      :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
      }
      :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
      }
      :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
      }
      :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
      }
      :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0;
      }
      :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0;
      }
      :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-top: 0.5714286em;
        padding-inline-end: 0.5714286em;
        padding-bottom: 0.5714286em;
        padding-inline-start: 0.5714286em;
      }
      :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0;
      }
      :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0;
      }
      :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
      }
      :where(.sm\:prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
      }
      :where(.sm\:prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 0;
      }
    }
  }
  .sm\:prose-sm {
    @media (width >= 40rem) {
      font-size: 0.875rem;
      line-height: 1.7142857;
      :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.1428571em;
        margin-bottom: 1.1428571em;
      }
      :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 1.2857143em;
        line-height: 1.5555556;
        margin-top: 0.8888889em;
        margin-bottom: 0.8888889em;
      }
      :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em;
        padding-inline-start: 1.1111111em;
      }
      :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 2.1428571em;
        margin-top: 0;
        margin-bottom: 0.8em;
        line-height: 1.2;
      }
      :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 1.4285714em;
        margin-top: 1.6em;
        margin-bottom: 0.8em;
        line-height: 1.4;
      }
      :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 1.2857143em;
        margin-top: 1.5555556em;
        margin-bottom: 0.4444444em;
        line-height: 1.5555556;
      }
      :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.4285714em;
        margin-bottom: 0.5714286em;
        line-height: 1.4285714;
      }
      :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.7142857em;
        margin-bottom: 1.7142857em;
      }
      :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.7142857em;
        margin-bottom: 1.7142857em;
      }
      :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
        margin-bottom: 0;
      }
      :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.7142857em;
        margin-bottom: 1.7142857em;
      }
      :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8571429em;
        border-radius: 0.3125rem;
        padding-top: 0.1428571em;
        padding-inline-end: 0.3571429em;
        padding-bottom: 0.1428571em;
        padding-inline-start: 0.3571429em;
      }
      :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8571429em;
      }
      :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.9em;
      }
      :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8888889em;
      }
      :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8571429em;
        line-height: 1.6666667;
        margin-top: 1.6666667em;
        margin-bottom: 1.6666667em;
        border-radius: 0.25rem;
        padding-top: 0.6666667em;
        padding-inline-end: 1em;
        padding-bottom: 0.6666667em;
        padding-inline-start: 1em;
      }
      :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.1428571em;
        margin-bottom: 1.1428571em;
        padding-inline-start: 1.5714286em;
      }
      :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.1428571em;
        margin-bottom: 1.1428571em;
        padding-inline-start: 1.5714286em;
      }
      :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.2857143em;
        margin-bottom: 0.2857143em;
      }
      :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0.4285714em;
      }
      :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0.4285714em;
      }
      :where(.sm\:prose-sm > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.5714286em;
        margin-bottom: 0.5714286em;
      }
      :where(.sm\:prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.1428571em;
      }
      :where(.sm\:prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 1.1428571em;
      }
      :where(.sm\:prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.1428571em;
      }
      :where(.sm\:prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 1.1428571em;
      }
      :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.5714286em;
        margin-bottom: 0.5714286em;
      }
      :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.1428571em;
        margin-bottom: 1.1428571em;
      }
      :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.1428571em;
      }
      :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.2857143em;
        padding-inline-start: 1.5714286em;
      }
      :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2.8571429em;
        margin-bottom: 2.8571429em;
      }
      :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
      }
      :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
      }
      :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
      }
      :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
      }
      :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8571429em;
        line-height: 1.5;
      }
      :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 1em;
        padding-bottom: 0.6666667em;
        padding-inline-start: 1em;
      }
      :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0;
      }
      :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0;
      }
      :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-top: 0.6666667em;
        padding-inline-end: 1em;
        padding-bottom: 0.6666667em;
        padding-inline-start: 1em;
      }
      :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0;
      }
      :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0;
      }
      :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.7142857em;
        margin-bottom: 1.7142857em;
      }
      :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
        margin-bottom: 0;
      }
      :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8571429em;
        line-height: 1.3333333;
        margin-top: 0.6666667em;
      }
      :where(.sm\:prose-sm > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
      }
      :where(.sm\:prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 0;
      }
    }
  }
  .sm\:prose {
    @media (width >= 40rem) {
      blockquote {
        p {
          &:first-of-type::before, &:last-of-type::after {
            content: none;
          }
        }
      }
      h1 {
        font-size: 2rem;
        line-height: 1.15;
        margin-top: 2rem;
        margin-bottom: 1rem;
      }
      h2 {
        margin-top: 2rem;
        margin-bottom: 0.75rem;
      }
      h3 {
        margin-top: 1.5rem;
        margin-bottom: 0.5rem;
      }
      h4 {
        margin-top: 1.3rem;
        margin-bottom: 0.5rem;
      }
      p {
        font-size: 1.05rem;
        line-height: 1.75;
        margin-top: 0;
        margin-bottom: 1rem;
      }
    }
  }
  .sm\:mt-0 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .sm\:mt-2 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 2);
    }
  }
  .sm\:mt-2\.5 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 2.5);
    }
  }
  .sm\:mt-3 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 3);
    }
  }
  .sm\:mt-5 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 5);
    }
  }
  .sm\:mt-6 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  .sm\:mt-10 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 10);
    }
  }
  .sm\:mt-12 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 12);
    }
  }
  .sm\:mt-14 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 14);
    }
  }
  .sm\:mt-16 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 16);
    }
  }
  .sm\:mt-20 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 20);
    }
  }
  .sm\:mt-44 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 44);
    }
  }
  .sm\:mt-\[-260px\] {
    @media (width >= 40rem) {
      margin-top: -260px;
    }
  }
  .sm\:mt-\[5px\] {
    @media (width >= 40rem) {
      margin-top: 5px;
    }
  }
  .sm\:mt-\[10px\] {
    @media (width >= 40rem) {
      margin-top: 10px;
    }
  }
  .sm\:mt-\[25px\] {
    @media (width >= 40rem) {
      margin-top: 25px;
    }
  }
  .sm\:mt-\[30px\] {
    @media (width >= 40rem) {
      margin-top: 30px;
    }
  }
  .sm\:mt-\[50px\] {
    @media (width >= 40rem) {
      margin-top: 50px;
    }
  }
  .sm\:mt-\[60px\] {
    @media (width >= 40rem) {
      margin-top: 60px;
    }
  }
  .sm\:mt-\[70px\] {
    @media (width >= 40rem) {
      margin-top: 70px;
    }
  }
  .sm\:mt-\[80px\] {
    @media (width >= 40rem) {
      margin-top: 80px;
    }
  }
  .sm\:mt-\[90px\] {
    @media (width >= 40rem) {
      margin-top: 90px;
    }
  }
  .sm\:mt-\[99px\] {
    @media (width >= 40rem) {
      margin-top: 99px;
    }
  }
  .sm\:mt-\[100px\] {
    @media (width >= 40rem) {
      margin-top: 100px;
    }
  }
  .sm\:mt-\[110px\] {
    @media (width >= 40rem) {
      margin-top: 110px;
    }
  }
  .sm\:mt-\[120px\] {
    @media (width >= 40rem) {
      margin-top: 120px;
    }
  }
  .sm\:mt-\[130px\] {
    @media (width >= 40rem) {
      margin-top: 130px;
    }
  }
  .sm\:mt-\[150px\] {
    @media (width >= 40rem) {
      margin-top: 150px;
    }
  }
  .sm\:mt-\[200px\] {
    @media (width >= 40rem) {
      margin-top: 200px;
    }
  }
  .sm\:mt-\[x100px\] {
    @media (width >= 40rem) {
      margin-top: x100px;
    }
  }
  .sm\:mt-\[x120px\] {
    @media (width >= 40rem) {
      margin-top: x120px;
    }
  }
  .sm\:mr-0 {
    @media (width >= 40rem) {
      margin-right: calc(var(--spacing) * 0);
    }
  }
  .sm\:mr-6 {
    @media (width >= 40rem) {
      margin-right: calc(var(--spacing) * 6);
    }
  }
  .sm\:mr-\[15px\] {
    @media (width >= 40rem) {
      margin-right: 15px;
    }
  }
  .sm\:mr-\[22px\] {
    @media (width >= 40rem) {
      margin-right: 22px;
    }
  }
  .sm\:mr-auto {
    @media (width >= 40rem) {
      margin-right: auto;
    }
  }
  .sm\:mb-0 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .sm\:mb-1 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 1);
    }
  }
  .sm\:mb-2\.5 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 2.5);
    }
  }
  .sm\:mb-3 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 3);
    }
  }
  .sm\:mb-5 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 5);
    }
  }
  .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-11 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 11);
    }
  }
  .sm\:mb-12 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 12);
    }
  }
  .sm\:mb-16 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 16);
    }
  }
  .sm\:mb-20 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 20);
    }
  }
  .sm\:mb-\[10px\] {
    @media (width >= 40rem) {
      margin-bottom: 10px;
    }
  }
  .sm\:mb-\[15px\] {
    @media (width >= 40rem) {
      margin-bottom: 15px;
    }
  }
  .sm\:mb-\[25px\] {
    @media (width >= 40rem) {
      margin-bottom: 25px;
    }
  }
  .sm\:mb-\[30px\] {
    @media (width >= 40rem) {
      margin-bottom: 30px;
    }
  }
  .sm\:mb-\[35px\] {
    @media (width >= 40rem) {
      margin-bottom: 35px;
    }
  }
  .sm\:mb-\[45px\] {
    @media (width >= 40rem) {
      margin-bottom: 45px;
    }
  }
  .sm\:mb-\[50px\] {
    @media (width >= 40rem) {
      margin-bottom: 50px;
    }
  }
  .sm\:mb-\[60px\] {
    @media (width >= 40rem) {
      margin-bottom: 60px;
    }
  }
  .sm\:mb-\[70px\] {
    @media (width >= 40rem) {
      margin-bottom: 70px;
    }
  }
  .sm\:mb-\[75px\] {
    @media (width >= 40rem) {
      margin-bottom: 75px;
    }
  }
  .sm\:mb-\[90px\] {
    @media (width >= 40rem) {
      margin-bottom: 90px;
    }
  }
  .sm\:mb-\[100px\] {
    @media (width >= 40rem) {
      margin-bottom: 100px;
    }
  }
  .sm\:mb-\[120px\] {
    @media (width >= 40rem) {
      margin-bottom: 120px;
    }
  }
  .sm\:mb-\[150px\] {
    @media (width >= 40rem) {
      margin-bottom: 150px;
    }
  }
  .sm\:-ml-0 {
    @media (width >= 40rem) {
      margin-left: calc(var(--spacing) * -0);
    }
  }
  .sm\:ml-0 {
    @media (width >= 40rem) {
      margin-left: calc(var(--spacing) * 0);
    }
  }
  .sm\:ml-2 {
    @media (width >= 40rem) {
      margin-left: calc(var(--spacing) * 2);
    }
  }
  .sm\:ml-3 {
    @media (width >= 40rem) {
      margin-left: calc(var(--spacing) * 3);
    }
  }
  .sm\:ml-4 {
    @media (width >= 40rem) {
      margin-left: calc(var(--spacing) * 4);
    }
  }
  .sm\:ml-6 {
    @media (width >= 40rem) {
      margin-left: calc(var(--spacing) * 6);
    }
  }
  .sm\:ml-\[15px\] {
    @media (width >= 40rem) {
      margin-left: 15px;
    }
  }
  .sm\:ml-\[22px\] {
    @media (width >= 40rem) {
      margin-left: 22px;
    }
  }
  .sm\:ml-auto {
    @media (width >= 40rem) {
      margin-left: auto;
    }
  }
  .sm\:block {
    @media (width >= 40rem) {
      display: block;
    }
  }
  .sm\:flex {
    @media (width >= 40rem) {
      display: flex;
    }
  }
  .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\:aspect-auto {
    @media (width >= 40rem) {
      aspect-ratio: auto;
    }
  }
  .sm\:size-8 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 8);
      height: calc(var(--spacing) * 8);
    }
  }
  .sm\:size-10 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 10);
      height: calc(var(--spacing) * 10);
    }
  }
  .sm\:h-3\/4 {
    @media (width >= 40rem) {
      height: calc(3 / 4 * 100%);
    }
  }
  .sm\:h-6 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 6);
    }
  }
  .sm\:h-8 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 8);
    }
  }
  .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-14 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 14);
    }
  }
  .sm\:h-16 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 16);
    }
  }
  .sm\:h-20 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 20);
    }
  }
  .sm\:h-24 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 24);
    }
  }
  .sm\:h-28 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 28);
    }
  }
  .sm\:h-32 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 32);
    }
  }
  .sm\:h-36 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 36);
    }
  }
  .sm\:h-48 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 48);
    }
  }
  .sm\:h-52 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 52);
    }
  }
  .sm\:h-56 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 56);
    }
  }
  .sm\:h-64 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 64);
    }
  }
  .sm\:h-72 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 72);
    }
  }
  .sm\:h-80 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 80);
    }
  }
  .sm\:h-96 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 96);
    }
  }
  .sm\:h-112 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 112);
    }
  }
  .sm\:h-\[2\.875rem\] {
    @media (width >= 40rem) {
      height: 2.875rem;
    }
  }
  .sm\:h-\[45px\] {
    @media (width >= 40rem) {
      height: 45px;
    }
  }
  .sm\:h-\[50px\] {
    @media (width >= 40rem) {
      height: 50px;
    }
  }
  .sm\:h-\[55px\] {
    @media (width >= 40rem) {
      height: 55px;
    }
  }
  .sm\:h-\[60px\] {
    @media (width >= 40rem) {
      height: 60px;
    }
  }
  .sm\:h-\[65px\] {
    @media (width >= 40rem) {
      height: 65px;
    }
  }
  .sm\:h-\[70px\] {
    @media (width >= 40rem) {
      height: 70px;
    }
  }
  .sm\:h-\[100\%\] {
    @media (width >= 40rem) {
      height: 100%;
    }
  }
  .sm\:h-\[110px\] {
    @media (width >= 40rem) {
      height: 110px;
    }
  }
  .sm\:h-\[145px\] {
    @media (width >= 40rem) {
      height: 145px;
    }
  }
  .sm\:h-\[150px\] {
    @media (width >= 40rem) {
      height: 150px;
    }
  }
  .sm\:h-\[160px\] {
    @media (width >= 40rem) {
      height: 160px;
    }
  }
  .sm\:h-\[250px\] {
    @media (width >= 40rem) {
      height: 250px;
    }
  }
  .sm\:h-\[300px\] {
    @media (width >= 40rem) {
      height: 300px;
    }
  }
  .sm\:h-\[310px\] {
    @media (width >= 40rem) {
      height: 310px;
    }
  }
  .sm\:h-\[350px\] {
    @media (width >= 40rem) {
      height: 350px;
    }
  }
  .sm\:h-\[440px\] {
    @media (width >= 40rem) {
      height: 440px;
    }
  }
  .sm\:h-\[450px\] {
    @media (width >= 40rem) {
      height: 450px;
    }
  }
  .sm\:h-\[500px\] {
    @media (width >= 40rem) {
      height: 500px;
    }
  }
  .sm\:h-\[520px\] {
    @media (width >= 40rem) {
      height: 520px;
    }
  }
  .sm\:h-\[550px\] {
    @media (width >= 40rem) {
      height: 550px;
    }
  }
  .sm\:h-\[600px\] {
    @media (width >= 40rem) {
      height: 600px;
    }
  }
  .sm\:h-\[calc\(100vh-2rem\)\] {
    @media (width >= 40rem) {
      height: calc(100vh - 2rem);
    }
  }
  .sm\:h-auto {
    @media (width >= 40rem) {
      height: auto;
    }
  }
  .sm\:h-full {
    @media (width >= 40rem) {
      height: 100%;
    }
  }
  .sm\:h-screen {
    @media (width >= 40rem) {
      height: 100vh;
    }
  }
  .sm\:max-h-100 {
    @media (width >= 40rem) {
      max-height: calc(var(--spacing) * 100);
    }
  }
  .sm\:max-h-\[70vh\] {
    @media (width >= 40rem) {
      max-height: 70vh;
    }
  }
  .sm\:max-h-\[calc\(100vh_-_79px\)\] {
    @media (width >= 40rem) {
      max-height: calc(100vh - 79px);
    }
  }
  .sm\:max-h-full {
    @media (width >= 40rem) {
      max-height: 100%;
    }
  }
  .sm\:min-h-\[25rem\] {
    @media (width >= 40rem) {
      min-height: 25rem;
    }
  }
  .sm\:min-h-\[52px\] {
    @media (width >= 40rem) {
      min-height: 52px;
    }
  }
  .sm\:min-h-full {
    @media (width >= 40rem) {
      min-height: 100%;
    }
  }
  .sm\:w-1\/2 {
    @media (width >= 40rem) {
      width: calc(1 / 2 * 100%);
    }
  }
  .sm\:w-1\/3 {
    @media (width >= 40rem) {
      width: calc(1 / 3 * 100%);
    }
  }
  .sm\:w-1\/4 {
    @media (width >= 40rem) {
      width: calc(1 / 4 * 100%);
    }
  }
  .sm\:w-1\/5 {
    @media (width >= 40rem) {
      width: calc(1 / 5 * 100%);
    }
  }
  .sm\:w-2\/3 {
    @media (width >= 40rem) {
      width: calc(2 / 3 * 100%);
    }
  }
  .sm\:w-2\/5 {
    @media (width >= 40rem) {
      width: calc(2 / 5 * 100%);
    }
  }
  .sm\:w-4\/12 {
    @media (width >= 40rem) {
      width: calc(4 / 12 * 100%);
    }
  }
  .sm\:w-5\/12 {
    @media (width >= 40rem) {
      width: calc(5 / 12 * 100%);
    }
  }
  .sm\:w-6 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 6);
    }
  }
  .sm\:w-6\/12 {
    @media (width >= 40rem) {
      width: calc(6 / 12 * 100%);
    }
  }
  .sm\:w-7\/12 {
    @media (width >= 40rem) {
      width: calc(7 / 12 * 100%);
    }
  }
  .sm\:w-8 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 8);
    }
  }
  .sm\:w-8\/12 {
    @media (width >= 40rem) {
      width: calc(8 / 12 * 100%);
    }
  }
  .sm\:w-9 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 9);
    }
  }
  .sm\:w-9\/12 {
    @media (width >= 40rem) {
      width: calc(9 / 12 * 100%);
    }
  }
  .sm\:w-10 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 10);
    }
  }
  .sm\:w-10\/12 {
    @media (width >= 40rem) {
      width: calc(10 / 12 * 100%);
    }
  }
  .sm\:w-11\/12 {
    @media (width >= 40rem) {
      width: calc(11 / 12 * 100%);
    }
  }
  .sm\:w-14 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 14);
    }
  }
  .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-28 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 28);
    }
  }
  .sm\:w-36 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 36);
    }
  }
  .sm\:w-40 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 40);
    }
  }
  .sm\:w-44 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 44);
    }
  }
  .sm\:w-48 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 48);
    }
  }
  .sm\:w-52 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 52);
    }
  }
  .sm\:w-56 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 56);
    }
  }
  .sm\:w-64 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 64);
    }
  }
  .sm\:w-72 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 72);
    }
  }
  .sm\:w-80 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 80);
    }
  }
  .sm\:w-96 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 96);
    }
  }
  .sm\:w-\[2\.875rem\] {
    @media (width >= 40rem) {
      width: 2.875rem;
    }
  }
  .sm\:w-\[40\.3\%\] {
    @media (width >= 40rem) {
      width: 40.3%;
    }
  }
  .sm\:w-\[41\.4\%\] {
    @media (width >= 40rem) {
      width: 41.4%;
    }
  }
  .sm\:w-\[42\.5\%\] {
    @media (width >= 40rem) {
      width: 42.5%;
    }
  }
  .sm\:w-\[45px\] {
    @media (width >= 40rem) {
      width: 45px;
    }
  }
  .sm\:w-\[48\%\] {
    @media (width >= 40rem) {
      width: 48%;
    }
  }
  .sm\:w-\[55px\] {
    @media (width >= 40rem) {
      width: 55px;
    }
  }
  .sm\:w-\[60px\] {
    @media (width >= 40rem) {
      width: 60px;
    }
  }
  .sm\:w-\[60vw\] {
    @media (width >= 40rem) {
      width: 60vw;
    }
  }
  .sm\:w-\[65\%\] {
    @media (width >= 40rem) {
      width: 65%;
    }
  }
  .sm\:w-\[65px\] {
    @media (width >= 40rem) {
      width: 65px;
    }
  }
  .sm\:w-\[70\%\] {
    @media (width >= 40rem) {
      width: 70%;
    }
  }
  .sm\:w-\[70px\] {
    @media (width >= 40rem) {
      width: 70px;
    }
  }
  .sm\:w-\[95\%\] {
    @media (width >= 40rem) {
      width: 95%;
    }
  }
  .sm\:w-\[100px\] {
    @media (width >= 40rem) {
      width: 100px;
    }
  }
  .sm\:w-\[110px\] {
    @media (width >= 40rem) {
      width: 110px;
    }
  }
  .sm\:w-\[120px\] {
    @media (width >= 40rem) {
      width: 120px;
    }
  }
  .sm\:w-\[130px\] {
    @media (width >= 40rem) {
      width: 130px;
    }
  }
  .sm\:w-\[145px\] {
    @media (width >= 40rem) {
      width: 145px;
    }
  }
  .sm\:w-\[150px\] {
    @media (width >= 40rem) {
      width: 150px;
    }
  }
  .sm\:w-\[160px\] {
    @media (width >= 40rem) {
      width: 160px;
    }
  }
  .sm\:w-\[170px\] {
    @media (width >= 40rem) {
      width: 170px;
    }
  }
  .sm\:w-\[200px\] {
    @media (width >= 40rem) {
      width: 200px;
    }
  }
  .sm\:w-\[250px\] {
    @media (width >= 40rem) {
      width: 250px;
    }
  }
  .sm\:w-\[280px\] {
    @media (width >= 40rem) {
      width: 280px;
    }
  }
  .sm\:w-\[310px\] {
    @media (width >= 40rem) {
      width: 310px;
    }
  }
  .sm\:w-\[340px\] {
    @media (width >= 40rem) {
      width: 340px;
    }
  }
  .sm\:w-\[360px\] {
    @media (width >= 40rem) {
      width: 360px;
    }
  }
  .sm\:w-\[400px\] {
    @media (width >= 40rem) {
      width: 400px;
    }
  }
  .sm\:w-\[calc\(100\%_-_45px\)\] {
    @media (width >= 40rem) {
      width: calc(100% - 45px);
    }
  }
  .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-4xl {
    @media (width >= 40rem) {
      max-width: var(--container-4xl);
    }
  }
  .sm\:max-w-6xl {
    @media (width >= 40rem) {
      max-width: var(--container-6xl);
    }
  }
  .sm\:max-w-\[33\.33333\%\] {
    @media (width >= 40rem) {
      max-width: 33.33333%;
    }
  }
  .sm\:max-w-\[60\%\] {
    @media (width >= 40rem) {
      max-width: 60%;
    }
  }
  .sm\:max-w-\[80\%\] {
    @media (width >= 40rem) {
      max-width: 80%;
    }
  }
  .sm\:max-w-\[95\%\] {
    @media (width >= 40rem) {
      max-width: 95%;
    }
  }
  .sm\:max-w-\[135\%\] {
    @media (width >= 40rem) {
      max-width: 135%;
    }
  }
  .sm\:max-w-\[200px\] {
    @media (width >= 40rem) {
      max-width: 200px;
    }
  }
  .sm\:max-w-\[250px\] {
    @media (width >= 40rem) {
      max-width: 250px;
    }
  }
  .sm\:max-w-\[500px\] {
    @media (width >= 40rem) {
      max-width: 500px;
    }
  }
  .sm\:max-w-full {
    @media (width >= 40rem) {
      max-width: 100%;
    }
  }
  .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-sm {
    @media (width >= 40rem) {
      max-width: var(--container-sm);
    }
  }
  .sm\:max-w-xl {
    @media (width >= 40rem) {
      max-width: var(--container-xl);
    }
  }
  .sm\:max-w-xs {
    @media (width >= 40rem) {
      max-width: var(--container-xs);
    }
  }
  .sm\:min-w-\[14rem\] {
    @media (width >= 40rem) {
      min-width: 14rem;
    }
  }
  .sm\:min-w-\[155px\] {
    @media (width >= 40rem) {
      min-width: 155px;
    }
  }
  .sm\:flex-1 {
    @media (width >= 40rem) {
      flex: 1;
    }
  }
  .sm\:flex-\[0_0_33\.33333\%\] {
    @media (width >= 40rem) {
      flex: 0 0 33.33333%;
    }
  }
  .sm\:flex-\[0_0_100\%\] {
    @media (width >= 40rem) {
      flex: 0 0 100%;
    }
  }
  .sm\:flex-none {
    @media (width >= 40rem) {
      flex: none;
    }
  }
  .sm\:basis-4\/12 {
    @media (width >= 40rem) {
      flex-basis: calc(4 / 12 * 100%);
    }
  }
  .sm\:basis-5\/12 {
    @media (width >= 40rem) {
      flex-basis: calc(5 / 12 * 100%);
    }
  }
  .sm\:basis-6\/12 {
    @media (width >= 40rem) {
      flex-basis: calc(6 / 12 * 100%);
    }
  }
  .sm\:basis-7\/12 {
    @media (width >= 40rem) {
      flex-basis: calc(7 / 12 * 100%);
    }
  }
  .sm\:basis-8\/12 {
    @media (width >= 40rem) {
      flex-basis: calc(8 / 12 * 100%);
    }
  }
  .sm\:basis-10\/12 {
    @media (width >= 40rem) {
      flex-basis: calc(10 / 12 * 100%);
    }
  }
  .sm\:basis-full {
    @media (width >= 40rem) {
      flex-basis: 100%;
    }
  }
  .sm\:origin-\[100\%_0\] {
    @media (width >= 40rem) {
      transform-origin: 100% 0;
    }
  }
  .sm\:translate-x-2\/4 {
    @media (width >= 40rem) {
      --tw-translate-x: calc(2 / 4 * 100%);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .sm\:translate-y-0 {
    @media (width >= 40rem) {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .sm\:scale-95 {
    @media (width >= 40rem) {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .sm\:scale-100 {
    @media (width >= 40rem) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .sm\:scale-x-100 {
    @media (width >= 40rem) {
      --tw-scale-x: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .sm\:scale-y-0 {
    @media (width >= 40rem) {
      --tw-scale-y: 0%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .sm\:-rotate-90 {
    @media (width >= 40rem) {
      rotate: calc(90deg * -1);
    }
  }
  .sm\:transform-none {
    @media (width >= 40rem) {
      transform: none;
    }
  }
  .sm\:columns-2 {
    @media (width >= 40rem) {
      columns: 2;
    }
  }
  .sm\:grid-cols-1 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .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-5 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-6 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-10 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-\[1fr_140px\] {
    @media (width >= 40rem) {
      grid-template-columns: 1fr 140px;
    }
  }
  .sm\:grid-cols-\[1fr_150px\] {
    @media (width >= 40rem) {
      grid-template-columns: 1fr 150px;
    }
  }
  .sm\:grid-cols-\[40px_1fr_140px_40px\] {
    @media (width >= 40rem) {
      grid-template-columns: 40px 1fr 140px 40px;
    }
  }
  .sm\:flex-col {
    @media (width >= 40rem) {
      flex-direction: column;
    }
  }
  .sm\:flex-row {
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .sm\:flex-row-reverse {
    @media (width >= 40rem) {
      flex-direction: row-reverse;
    }
  }
  .sm\:flex-nowrap {
    @media (width >= 40rem) {
      flex-wrap: nowrap;
    }
  }
  .sm\:flex-wrap {
    @media (width >= 40rem) {
      flex-wrap: wrap;
    }
  }
  .sm\:items-center {
    @media (width >= 40rem) {
      align-items: center;
    }
  }
  .sm\:items-end {
    @media (width >= 40rem) {
      align-items: flex-end;
    }
  }
  .sm\:items-start {
    @media (width >= 40rem) {
      align-items: flex-start;
    }
  }
  .sm\:items-stretch {
    @media (width >= 40rem) {
      align-items: stretch;
    }
  }
  .sm\:justify-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\.5 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 1.5);
    }
  }
  .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-12 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 12);
    }
  }
  .sm\:space-y-0 {
    @media (width >= 40rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .sm\:space-y-4 {
    @media (width >= 40rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .sm\:space-y-6 {
    @media (width >= 40rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .sm\:space-y-8 {
    @media (width >= 40rem) {
      :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)));
      }
    }
  }
  .sm\:gap-x-1\.5 {
    @media (width >= 40rem) {
      column-gap: calc(var(--spacing) * 1.5);
    }
  }
  .sm\:gap-x-3 {
    @media (width >= 40rem) {
      column-gap: calc(var(--spacing) * 3);
    }
  }
  .sm\:gap-x-4 {
    @media (width >= 40rem) {
      column-gap: calc(var(--spacing) * 4);
    }
  }
  .sm\:gap-x-7 {
    @media (width >= 40rem) {
      column-gap: calc(var(--spacing) * 7);
    }
  }
  .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-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-4 {
    @media (width >= 40rem) {
      :where(& > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
      }
    }
  }
  .sm\:space-x-5 {
    @media (width >= 40rem) {
      :where(& > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse)));
      }
    }
  }
  .sm\:gap-y-0 {
    @media (width >= 40rem) {
      row-gap: calc(var(--spacing) * 0);
    }
  }
  .sm\:divide-x {
    @media (width >= 40rem) {
      :where(& > :not(:last-child)) {
        --tw-divide-x-reverse: 0;
        border-inline-style: var(--tw-border-style);
        border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
        border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
      }
    }
  }
  .sm\:divide-y-0 {
    @media (width >= 40rem) {
      :where(& > :not(:last-child)) {
        --tw-divide-y-reverse: 0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(0px * var(--tw-divide-y-reverse));
        border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
      }
    }
  }
  .sm\:self-auto {
    @media (width >= 40rem) {
      align-self: auto;
    }
  }
  .sm\:self-center {
    @media (width >= 40rem) {
      align-self: center;
    }
  }
  .sm\:overflow-y-auto {
    @media (width >= 40rem) {
      overflow-y: auto;
    }
  }
  .sm\:rounded-2xl {
    @media (width >= 40rem) {
      border-radius: var(--radius-2xl);
    }
  }
  .sm\:rounded-3xl {
    @media (width >= 40rem) {
      border-radius: var(--radius-3xl);
    }
  }
  .sm\:rounded-\[0_0_5px_5px\] {
    @media (width >= 40rem) {
      border-radius: 0 0 5px 5px;
    }
  }
  .sm\:rounded-\[5px_5px_0_0\] {
    @media (width >= 40rem) {
      border-radius: 5px 5px 0 0;
    }
  }
  .sm\:rounded-\[15px\] {
    @media (width >= 40rem) {
      border-radius: 15px;
    }
  }
  .sm\:rounded-\[30px\] {
    @media (width >= 40rem) {
      border-radius: 30px;
    }
  }
  .sm\:rounded-lg {
    @media (width >= 40rem) {
      border-radius: calc(var(--radius) + 8px);
    }
  }
  .sm\:rounded-md {
    @media (width >= 40rem) {
      border-radius: var(--radius);
    }
  }
  .sm\:rounded-none {
    @media (width >= 40rem) {
      border-radius: 0;
    }
  }
  .sm\:rounded-l-lg {
    @media (width >= 40rem) {
      border-top-left-radius: calc(var(--radius) + 8px);
      border-bottom-left-radius: calc(var(--radius) + 8px);
    }
  }
  .sm\:rounded-r-none {
    @media (width >= 40rem) {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
  }
  .sm\:border {
    @media (width >= 40rem) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .sm\:border-s {
    @media (width >= 40rem) {
      border-inline-start-style: var(--tw-border-style);
      border-inline-start-width: 1px;
    }
  }
  .sm\:border-t {
    @media (width >= 40rem) {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
  }
  .sm\:border-t-0 {
    @media (width >= 40rem) {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
  }
  .sm\:border-r {
    @media (width >= 40rem) {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
  }
  .sm\:border-r-0 {
    @media (width >= 40rem) {
      border-right-style: var(--tw-border-style);
      border-right-width: 0px;
    }
  }
  .sm\:border-b {
    @media (width >= 40rem) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .sm\:border-l {
    @media (width >= 40rem) {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }
  .sm\:border-l-0 {
    @media (width >= 40rem) {
      border-left-style: var(--tw-border-style);
      border-left-width: 0px;
    }
  }
  .sm\:border-none {
    @media (width >= 40rem) {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .sm\:border-solid {
    @media (width >= 40rem) {
      --tw-border-style: solid;
      border-style: solid;
    }
  }
  .sm\:border-\[\#ededed\] {
    @media (width >= 40rem) {
      border-color: #ededed;
    }
  }
  .sm\:border-\[none\] {
    @media (width >= 40rem) {
      border-color: none;
    }
  }
  .sm\:border-gray-300 {
    @media (width >= 40rem) {
      border-color: var(--color-gray-300);
    }
  }
  .sm\:border-white {
    @media (width >= 40rem) {
      border-color: var(--color-white);
    }
  }
  .sm\:border-b-\[\#F1F1F1\] {
    @media (width >= 40rem) {
      border-bottom-color: #F1F1F1;
    }
  }
  .sm\:border-l-\[\#E1E6EE\] {
    @media (width >= 40rem) {
      border-left-color: #E1E6EE;
    }
  }
  .sm\:bg-\[\#2a2a2a\] {
    @media (width >= 40rem) {
      background-color: #2a2a2a;
    }
  }
  .sm\:bg-\[\#17192b\] {
    @media (width >= 40rem) {
      background-color: #17192b;
    }
  }
  .sm\:bg-\[\#161616\] {
    @media (width >= 40rem) {
      background-color: #161616;
    }
  }
  .sm\:bg-\[\#242424\] {
    @media (width >= 40rem) {
      background-color: #242424;
    }
  }
  .sm\:bg-\[\#FBF3EC\] {
    @media (width >= 40rem) {
      background-color: #FBF3EC;
    }
  }
  .sm\:bg-\[\#f5f5f5\] {
    @media (width >= 40rem) {
      background-color: #f5f5f5;
    }
  }
  .sm\:bg-transparent {
    @media (width >= 40rem) {
      background-color: transparent;
    }
  }
  .sm\:bg-white {
    @media (width >= 40rem) {
      background-color: var(--color-white);
    }
  }
  .sm\:p-0 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 0);
    }
  }
  .sm\:p-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-14 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 14);
    }
  }
  .sm\:p-16 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 16);
    }
  }
  .sm\:p-\[0_0_6px\] {
    @media (width >= 40rem) {
      padding: 0 0 6px;
    }
  }
  .sm\:p-\[0_0_30px_30px\] {
    @media (width >= 40rem) {
      padding: 0 0 30px 30px;
    }
  }
  .sm\:p-\[0_0_50px\] {
    @media (width >= 40rem) {
      padding: 0 0 50px;
    }
  }
  .sm\:p-\[0_0_100px_0\] {
    @media (width >= 40rem) {
      padding: 0 0 100px 0;
    }
  }
  .sm\:p-\[0_1\%\] {
    @media (width >= 40rem) {
      padding: 0 1%;
    }
  }
  .sm\:p-\[0_15px\] {
    @media (width >= 40rem) {
      padding: 0 15px;
    }
  }
  .sm\:p-\[0_15px_0_140px\] {
    @media (width >= 40rem) {
      padding: 0 15px 0 140px;
    }
  }
  .sm\:p-\[0_15px_0_180px\] {
    @media (width >= 40rem) {
      padding: 0 15px 0 180px;
    }
  }
  .sm\:p-\[0_15px_15px\] {
    @media (width >= 40rem) {
      padding: 0 15px 15px;
    }
  }
  .sm\:p-\[0_15px_20px\] {
    @media (width >= 40rem) {
      padding: 0 15px 20px;
    }
  }
  .sm\:p-\[0_15px_50px\] {
    @media (width >= 40rem) {
      padding: 0 15px 50px;
    }
  }
  .sm\:p-\[0_18px\] {
    @media (width >= 40rem) {
      padding: 0 18px;
    }
  }
  .sm\:p-\[0_25px\] {
    @media (width >= 40rem) {
      padding: 0 25px;
    }
  }
  .sm\:p-\[0_30px_30px_0\] {
    @media (width >= 40rem) {
      padding: 0 30px 30px 0;
    }
  }
  .sm\:p-\[0_40px\] {
    @media (width >= 40rem) {
      padding: 0 40px;
    }
  }
  .sm\:p-\[0_50px\] {
    @media (width >= 40rem) {
      padding: 0 50px;
    }
  }
  .sm\:p-\[0_140px_0_15px\] {
    @media (width >= 40rem) {
      padding: 0 140px 0 15px;
    }
  }
  .sm\:p-\[0_165px_0_15px\] {
    @media (width >= 40rem) {
      padding: 0 165px 0 15px;
    }
  }
  .sm\:p-\[0_180px_0_15px\] {
    @media (width >= 40rem) {
      padding: 0 180px 0 15px;
    }
  }
  .sm\:p-\[0px_0_30px\] {
    @media (width >= 40rem) {
      padding: 0px 0 30px;
    }
  }
  .sm\:p-\[2px_5px\] {
    @media (width >= 40rem) {
      padding: 2px 5px;
    }
  }
  .sm\:p-\[2px_12px\] {
    @media (width >= 40rem) {
      padding: 2px 12px;
    }
  }
  .sm\:p-\[4px_0_15px\] {
    @media (width >= 40rem) {
      padding: 4px 0 15px;
    }
  }
  .sm\:p-\[5px_10px\] {
    @media (width >= 40rem) {
      padding: 5px 10px;
    }
  }
  .sm\:p-\[10px\] {
    @media (width >= 40rem) {
      padding: 10px;
    }
  }
  .sm\:p-\[10px_0\] {
    @media (width >= 40rem) {
      padding: 10px 0;
    }
  }
  .sm\:p-\[10px_0_25px\] {
    @media (width >= 40rem) {
      padding: 10px 0 25px;
    }
  }
  .sm\:p-\[10px_0_30px\] {
    @media (width >= 40rem) {
      padding: 10px 0 30px;
    }
  }
  .sm\:p-\[13px\] {
    @media (width >= 40rem) {
      padding: 13px;
    }
  }
  .sm\:p-\[15px\] {
    @media (width >= 40rem) {
      padding: 15px;
    }
  }
  .sm\:p-\[15px_0\] {
    @media (width >= 40rem) {
      padding: 15px 0;
    }
  }
  .sm\:p-\[15px_0_0\] {
    @media (width >= 40rem) {
      padding: 15px 0 0;
    }
  }
  .sm\:p-\[15px_0_20px\] {
    @media (width >= 40rem) {
      padding: 15px 0 20px;
    }
  }
  .sm\:p-\[15px_0_22px\] {
    @media (width >= 40rem) {
      padding: 15px 0 22px;
    }
  }
  .sm\:p-\[18px_0_22px\] {
    @media (width >= 40rem) {
      padding: 18px 0 22px;
    }
  }
  .sm\:p-\[20px_0_0\] {
    @media (width >= 40rem) {
      padding: 20px 0 0;
    }
  }
  .sm\:p-\[20px_0_4px\] {
    @media (width >= 40rem) {
      padding: 20px 0 4px;
    }
  }
  .sm\:p-\[20px_0_5px\] {
    @media (width >= 40rem) {
      padding: 20px 0 5px;
    }
  }
  .sm\:p-\[20px_0_25px\] {
    @media (width >= 40rem) {
      padding: 20px 0 25px;
    }
  }
  .sm\:p-\[20px_0_40px\] {
    @media (width >= 40rem) {
      padding: 20px 0 40px;
    }
  }
  .sm\:p-\[20px_0_50px\] {
    @media (width >= 40rem) {
      padding: 20px 0 50px;
    }
  }
  .sm\:p-\[22px_0\] {
    @media (width >= 40rem) {
      padding: 22px 0;
    }
  }
  .sm\:p-\[22px_0_22px_30px\] {
    @media (width >= 40rem) {
      padding: 22px 0 22px 30px;
    }
  }
  .sm\:p-\[22px_30px_22px_0\] {
    @media (width >= 40rem) {
      padding: 22px 30px 22px 0;
    }
  }
  .sm\:p-\[25px_0_5px\] {
    @media (width >= 40rem) {
      padding: 25px 0 5px;
    }
  }
  .sm\:p-\[25px_0_15px\] {
    @media (width >= 40rem) {
      padding: 25px 0 15px;
    }
  }
  .sm\:p-\[25px_0_18px\] {
    @media (width >= 40rem) {
      padding: 25px 0 18px;
    }
  }
  .sm\:p-\[25px_0_20px\] {
    @media (width >= 40rem) {
      padding: 25px 0 20px;
    }
  }
  .sm\:p-\[25px_0_25px_35px\] {
    @media (width >= 40rem) {
      padding: 25px 0 25px 35px;
    }
  }
  .sm\:p-\[25px_0_30px\] {
    @media (width >= 40rem) {
      padding: 25px 0 30px;
    }
  }
  .sm\:p-\[25px_0_35px\] {
    @media (width >= 40rem) {
      padding: 25px 0 35px;
    }
  }
  .sm\:p-\[25px_0_40px\] {
    @media (width >= 40rem) {
      padding: 25px 0 40px;
    }
  }
  .sm\:p-\[25px_15px\] {
    @media (width >= 40rem) {
      padding: 25px 15px;
    }
  }
  .sm\:p-\[25px_15px_25px_20px\] {
    @media (width >= 40rem) {
      padding: 25px 15px 25px 20px;
    }
  }
  .sm\:p-\[25px_15px_40px\] {
    @media (width >= 40rem) {
      padding: 25px 15px 40px;
    }
  }
  .sm\:p-\[25px_35px_20px_0\] {
    @media (width >= 40rem) {
      padding: 25px 35px 20px 0;
    }
  }
  .sm\:p-\[30px\] {
    @media (width >= 40rem) {
      padding: 30px;
    }
  }
  .sm\:p-\[30px_0\] {
    @media (width >= 40rem) {
      padding: 30px 0;
    }
  }
  .sm\:p-\[30px_0_0\] {
    @media (width >= 40rem) {
      padding: 30px 0 0;
    }
  }
  .sm\:p-\[30px_0_40px\] {
    @media (width >= 40rem) {
      padding: 30px 0 40px;
    }
  }
  .sm\:p-\[30px_0_40px_0\] {
    @media (width >= 40rem) {
      padding: 30px 0 40px 0;
    }
  }
  .sm\:p-\[30px_0_45px\] {
    @media (width >= 40rem) {
      padding: 30px 0 45px;
    }
  }
  .sm\:p-\[30px_0_45px_0\] {
    @media (width >= 40rem) {
      padding: 30px 0 45px 0;
    }
  }
  .sm\:p-\[30px_15px\] {
    @media (width >= 40rem) {
      padding: 30px 15px;
    }
  }
  .sm\:p-\[30px_15px_10px\] {
    @media (width >= 40rem) {
      padding: 30px 15px 10px;
    }
  }
  .sm\:p-\[30px_15px_50px\] {
    @media (width >= 40rem) {
      padding: 30px 15px 50px;
    }
  }
  .sm\:p-\[30px_20px\] {
    @media (width >= 40rem) {
      padding: 30px 20px;
    }
  }
  .sm\:p-\[30px_25px_40px\] {
    @media (width >= 40rem) {
      padding: 30px 25px 40px;
    }
  }
  .sm\:p-\[35px_0_0\] {
    @media (width >= 40rem) {
      padding: 35px 0 0;
    }
  }
  .sm\:p-\[35px_0_25px_0\] {
    @media (width >= 40rem) {
      padding: 35px 0 25px 0;
    }
  }
  .sm\:p-\[35px_0_30px\] {
    @media (width >= 40rem) {
      padding: 35px 0 30px;
    }
  }
  .sm\:p-\[35px_0_40px\] {
    @media (width >= 40rem) {
      padding: 35px 0 40px;
    }
  }
  .sm\:p-\[35px_12px\] {
    @media (width >= 40rem) {
      padding: 35px 12px;
    }
  }
  .sm\:p-\[35px_15px\] {
    @media (width >= 40rem) {
      padding: 35px 15px;
    }
  }
  .sm\:p-\[35px_15px_20px\] {
    @media (width >= 40rem) {
      padding: 35px 15px 20px;
    }
  }
  .sm\:p-\[35px_15px_25px_10px\] {
    @media (width >= 40rem) {
      padding: 35px 15px 25px 10px;
    }
  }
  .sm\:p-\[35px_15px_35px\] {
    @media (width >= 40rem) {
      padding: 35px 15px 35px;
    }
  }
  .sm\:p-\[35px_15px_45px\] {
    @media (width >= 40rem) {
      padding: 35px 15px 45px;
    }
  }
  .sm\:p-\[35px_20px_30px\] {
    @media (width >= 40rem) {
      padding: 35px 20px 30px;
    }
  }
  .sm\:p-\[35px_25px_30px\] {
    @media (width >= 40rem) {
      padding: 35px 25px 30px;
    }
  }
  .sm\:p-\[40px_0_0\] {
    @media (width >= 40rem) {
      padding: 40px 0 0;
    }
  }
  .sm\:p-\[40px_0_20px\] {
    @media (width >= 40rem) {
      padding: 40px 0 20px;
    }
  }
  .sm\:p-\[40px_0_25px\] {
    @media (width >= 40rem) {
      padding: 40px 0 25px;
    }
  }
  .sm\:p-\[40px_0_60px\] {
    @media (width >= 40rem) {
      padding: 40px 0 60px;
    }
  }
  .sm\:p-\[40px_0_90px\] {
    @media (width >= 40rem) {
      padding: 40px 0 90px;
    }
  }
  .sm\:p-\[40px_15px\] {
    @media (width >= 40rem) {
      padding: 40px 15px;
    }
  }
  .sm\:p-\[40px_15px_0\] {
    @media (width >= 40rem) {
      padding: 40px 15px 0;
    }
  }
  .sm\:p-\[40px_15px_25px\] {
    @media (width >= 40rem) {
      padding: 40px 15px 25px;
    }
  }
  .sm\:p-\[40px_20px\] {
    @media (width >= 40rem) {
      padding: 40px 20px;
    }
  }
  .sm\:p-\[40px_20px_0_20px\] {
    @media (width >= 40rem) {
      padding: 40px 20px 0 20px;
    }
  }
  .sm\:p-\[40px_20px_50px\] {
    @media (width >= 40rem) {
      padding: 40px 20px 50px;
    }
  }
  .sm\:p-\[45px_0_90px\] {
    @media (width >= 40rem) {
      padding: 45px 0 90px;
    }
  }
  .sm\:p-\[45px_20px\] {
    @media (width >= 40rem) {
      padding: 45px 20px;
    }
  }
  .sm\:p-\[45px_20px_30px\] {
    @media (width >= 40rem) {
      padding: 45px 20px 30px;
    }
  }
  .sm\:p-\[45px_45px_35px\] {
    @media (width >= 40rem) {
      padding: 45px 45px 35px;
    }
  }
  .sm\:p-\[50px_0_0\] {
    @media (width >= 40rem) {
      padding: 50px 0 0;
    }
  }
  .sm\:p-\[50px_0_0_0\] {
    @media (width >= 40rem) {
      padding: 50px 0 0 0;
    }
  }
  .sm\:p-\[50px_0_75px\] {
    @media (width >= 40rem) {
      padding: 50px 0 75px;
    }
  }
  .sm\:p-\[50px_15px\] {
    @media (width >= 40rem) {
      padding: 50px 15px;
    }
  }
  .sm\:p-\[50px_15px_30px\] {
    @media (width >= 40rem) {
      padding: 50px 15px 30px;
    }
  }
  .sm\:p-\[50px_15px_30px_0\] {
    @media (width >= 40rem) {
      padding: 50px 15px 30px 0;
    }
  }
  .sm\:p-\[50px_20px_35px\] {
    @media (width >= 40rem) {
      padding: 50px 20px 35px;
    }
  }
  .sm\:p-\[50px_20px_40px\] {
    @media (width >= 40rem) {
      padding: 50px 20px 40px;
    }
  }
  .sm\:p-\[50px_25px\] {
    @media (width >= 40rem) {
      padding: 50px 25px;
    }
  }
  .sm\:p-\[50px_35px_45px\] {
    @media (width >= 40rem) {
      padding: 50px 35px 45px;
    }
  }
  .sm\:p-\[55px_0\] {
    @media (width >= 40rem) {
      padding: 55px 0;
    }
  }
  .sm\:p-\[55px_20px_45px\] {
    @media (width >= 40rem) {
      padding: 55px 20px 45px;
    }
  }
  .sm\:p-\[55px_20px_50px\] {
    @media (width >= 40rem) {
      padding: 55px 20px 50px;
    }
  }
  .sm\:p-\[60px_0\] {
    @media (width >= 40rem) {
      padding: 60px 0;
    }
  }
  .sm\:p-\[60px_0_0\] {
    @media (width >= 40rem) {
      padding: 60px 0 0;
    }
  }
  .sm\:p-\[60px_0_10px\] {
    @media (width >= 40rem) {
      padding: 60px 0 10px;
    }
  }
  .sm\:p-\[60px_0_80px\] {
    @media (width >= 40rem) {
      padding: 60px 0 80px;
    }
  }
  .sm\:p-\[60px_20px\] {
    @media (width >= 40rem) {
      padding: 60px 20px;
    }
  }
  .sm\:p-\[70px_0_40px\] {
    @media (width >= 40rem) {
      padding: 70px 0 40px;
    }
  }
  .sm\:p-\[70px_0_60px\] {
    @media (width >= 40rem) {
      padding: 70px 0 60px;
    }
  }
  .sm\:p-\[70px_15px_20px\] {
    @media (width >= 40rem) {
      padding: 70px 15px 20px;
    }
  }
  .sm\:p-\[70px_30px\] {
    @media (width >= 40rem) {
      padding: 70px 30px;
    }
  }
  .sm\:p-\[80px_0\] {
    @media (width >= 40rem) {
      padding: 80px 0;
    }
  }
  .sm\:p-\[80px_0_0\] {
    @media (width >= 40rem) {
      padding: 80px 0 0;
    }
  }
  .sm\:p-\[80px_0_50px\] {
    @media (width >= 40rem) {
      padding: 80px 0 50px;
    }
  }
  .sm\:p-\[80px_0_70px\] {
    @media (width >= 40rem) {
      padding: 80px 0 70px;
    }
  }
  .sm\:p-\[80px_0_80px\] {
    @media (width >= 40rem) {
      padding: 80px 0 80px;
    }
  }
  .sm\:p-\[80px_0_90px\] {
    @media (width >= 40rem) {
      padding: 80px 0 90px;
    }
  }
  .sm\:p-\[80px_0_100px\] {
    @media (width >= 40rem) {
      padding: 80px 0 100px;
    }
  }
  .sm\:p-\[80px_0_200px\] {
    @media (width >= 40rem) {
      padding: 80px 0 200px;
    }
  }
  .sm\:p-\[80px_15px\] {
    @media (width >= 40rem) {
      padding: 80px 15px;
    }
  }
  .sm\:p-\[90px_0_90px\] {
    @media (width >= 40rem) {
      padding: 90px 0 90px;
    }
  }
  .sm\:p-\[100px_0\] {
    @media (width >= 40rem) {
      padding: 100px 0;
    }
  }
  .sm\:p-\[100px_0_0\] {
    @media (width >= 40rem) {
      padding: 100px 0 0;
    }
  }
  .sm\:p-\[100px_0_60px\] {
    @media (width >= 40rem) {
      padding: 100px 0 60px;
    }
  }
  .sm\:p-\[100px_0_80px\] {
    @media (width >= 40rem) {
      padding: 100px 0 80px;
    }
  }
  .sm\:p-\[130px_0_30px\] {
    @media (width >= 40rem) {
      padding: 130px 0 30px;
    }
  }
  .sm\:p-\[130px_0_70px\] {
    @media (width >= 40rem) {
      padding: 130px 0 70px;
    }
  }
  .sm\:p-\[150px_0_50px\] {
    @media (width >= 40rem) {
      padding: 150px 0 50px;
    }
  }
  .sm\:p-\[150px_0_80px\] {
    @media (width >= 40rem) {
      padding: 150px 0 80px;
    }
  }
  .sm\:p-\[150px_0_100px\] {
    @media (width >= 40rem) {
      padding: 150px 0 100px;
    }
  }
  .sm\:p-\[150px_0_265px\] {
    @media (width >= 40rem) {
      padding: 150px 0 265px;
    }
  }
  .sm\:p-\[150px_0_285px\] {
    @media (width >= 40rem) {
      padding: 150px 0 285px;
    }
  }
  .sm\:p-\[180px_0_0\] {
    @media (width >= 40rem) {
      padding: 180px 0 0;
    }
  }
  .sm\:p-\[200px_0_100px\] {
    @media (width >= 40rem) {
      padding: 200px 0 100px;
    }
  }
  .sm\:px-0 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .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-5\.5 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 5.5);
    }
  }
  .sm\:px-6 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .sm\:px-7 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 7);
    }
  }
  .sm\:px-8 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .sm\:px-10 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
  .sm\:px-12 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 12);
    }
  }
  .sm\:px-14 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 14);
    }
  }
  .sm\:px-\[30px\] {
    @media (width >= 40rem) {
      padding-inline: 30px;
    }
  }
  .sm\:\!py-28 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 28) !important;
    }
  }
  .sm\:py-0 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 0);
    }
  }
  .sm\:py-1\.5 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 1.5);
    }
  }
  .sm\:py-2 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .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-10 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 10);
    }
  }
  .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-40 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 40);
    }
  }
  .sm\:py-\[35px\] {
    @media (width >= 40rem) {
      padding-block: 35px;
    }
  }
  .sm\:py-\[100px\] {
    @media (width >= 40rem) {
      padding-block: 100px;
    }
  }
  .sm\:py-\[120px\] {
    @media (width >= 40rem) {
      padding-block: 120px;
    }
  }
  .sm\:ps-5 {
    @media (width >= 40rem) {
      padding-inline-start: calc(var(--spacing) * 5);
    }
  }
  .sm\:ps-6 {
    @media (width >= 40rem) {
      padding-inline-start: calc(var(--spacing) * 6);
    }
  }
  .sm\:ps-7 {
    @media (width >= 40rem) {
      padding-inline-start: calc(var(--spacing) * 7);
    }
  }
  .sm\:pe-5 {
    @media (width >= 40rem) {
      padding-inline-end: calc(var(--spacing) * 5);
    }
  }
  .sm\:pt-0 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .sm\:pt-3 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 3);
    }
  }
  .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-10 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 10);
    }
  }
  .sm\:pt-16 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 16);
    }
  }
  .sm\:pt-20 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 20);
    }
  }
  .sm\:pt-24 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 24);
    }
  }
  .sm\:pt-32 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 32);
    }
  }
  .sm\:pt-\[5px\] {
    @media (width >= 40rem) {
      padding-top: 5px;
    }
  }
  .sm\:pt-\[10px\] {
    @media (width >= 40rem) {
      padding-top: 10px;
    }
  }
  .sm\:pt-\[15px\] {
    @media (width >= 40rem) {
      padding-top: 15px;
    }
  }
  .sm\:pt-\[18px\] {
    @media (width >= 40rem) {
      padding-top: 18px;
    }
  }
  .sm\:pt-\[22px\] {
    @media (width >= 40rem) {
      padding-top: 22px;
    }
  }
  .sm\:pt-\[25px\] {
    @media (width >= 40rem) {
      padding-top: 25px;
    }
  }
  .sm\:pt-\[30px\] {
    @media (width >= 40rem) {
      padding-top: 30px;
    }
  }
  .sm\:pt-\[40px\] {
    @media (width >= 40rem) {
      padding-top: 40px;
    }
  }
  .sm\:pt-\[45px\] {
    @media (width >= 40rem) {
      padding-top: 45px;
    }
  }
  .sm\:pt-\[50px\] {
    @media (width >= 40rem) {
      padding-top: 50px;
    }
  }
  .sm\:pt-\[60px\] {
    @media (width >= 40rem) {
      padding-top: 60px;
    }
  }
  .sm\:pt-\[70\%\] {
    @media (width >= 40rem) {
      padding-top: 70%;
    }
  }
  .sm\:pt-\[70px\] {
    @media (width >= 40rem) {
      padding-top: 70px;
    }
  }
  .sm\:pt-\[80px\] {
    @media (width >= 40rem) {
      padding-top: 80px;
    }
  }
  .sm\:pt-\[90px\] {
    @media (width >= 40rem) {
      padding-top: 90px;
    }
  }
  .sm\:pt-\[99px\] {
    @media (width >= 40rem) {
      padding-top: 99px;
    }
  }
  .sm\:pt-\[100\%\] {
    @media (width >= 40rem) {
      padding-top: 100%;
    }
  }
  .sm\:pt-\[100px\] {
    @media (width >= 40rem) {
      padding-top: 100px;
    }
  }
  .sm\:pt-\[120px\] {
    @media (width >= 40rem) {
      padding-top: 120px;
    }
  }
  .sm\:pt-\[130px\] {
    @media (width >= 40rem) {
      padding-top: 130px;
    }
  }
  .sm\:pt-\[150px\] {
    @media (width >= 40rem) {
      padding-top: 150px;
    }
  }
  .sm\:pt-\[180px\] {
    @media (width >= 40rem) {
      padding-top: 180px;
    }
  }
  .sm\:pt-\[190px\] {
    @media (width >= 40rem) {
      padding-top: 190px;
    }
  }
  .sm\:pr-0 {
    @media (width >= 40rem) {
      padding-right: calc(var(--spacing) * 0);
    }
  }
  .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-6 {
    @media (width >= 40rem) {
      padding-right: calc(var(--spacing) * 6);
    }
  }
  .sm\:pr-16 {
    @media (width >= 40rem) {
      padding-right: calc(var(--spacing) * 16);
    }
  }
  .sm\:pr-\[30px\] {
    @media (width >= 40rem) {
      padding-right: 30px;
    }
  }
  .sm\:pr-\[50px\] {
    @media (width >= 40rem) {
      padding-right: 50px;
    }
  }
  .sm\:pb-0 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .sm\:pb-0\.5 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 0.5);
    }
  }
  .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-5 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 5);
    }
  }
  .sm\:pb-7 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 7);
    }
  }
  .sm\:pb-8 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 8);
    }
  }
  .sm\:pb-10 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 10);
    }
  }
  .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-24 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 24);
    }
  }
  .sm\:pb-\[5px\] {
    @media (width >= 40rem) {
      padding-bottom: 5px;
    }
  }
  .sm\:pb-\[10px\] {
    @media (width >= 40rem) {
      padding-bottom: 10px;
    }
  }
  .sm\:pb-\[12px\] {
    @media (width >= 40rem) {
      padding-bottom: 12px;
    }
  }
  .sm\:pb-\[15px\] {
    @media (width >= 40rem) {
      padding-bottom: 15px;
    }
  }
  .sm\:pb-\[18px\] {
    @media (width >= 40rem) {
      padding-bottom: 18px;
    }
  }
  .sm\:pb-\[25px\] {
    @media (width >= 40rem) {
      padding-bottom: 25px;
    }
  }
  .sm\:pb-\[30px\] {
    @media (width >= 40rem) {
      padding-bottom: 30px;
    }
  }
  .sm\:pb-\[45px\] {
    @media (width >= 40rem) {
      padding-bottom: 45px;
    }
  }
  .sm\:pb-\[50px\] {
    @media (width >= 40rem) {
      padding-bottom: 50px;
    }
  }
  .sm\:pb-\[60px\] {
    @media (width >= 40rem) {
      padding-bottom: 60px;
    }
  }
  .sm\:pb-\[70px\] {
    @media (width >= 40rem) {
      padding-bottom: 70px;
    }
  }
  .sm\:pb-\[90px\] {
    @media (width >= 40rem) {
      padding-bottom: 90px;
    }
  }
  .sm\:pb-\[100px\] {
    @media (width >= 40rem) {
      padding-bottom: 100px;
    }
  }
  .sm\:pb-\[120px\] {
    @media (width >= 40rem) {
      padding-bottom: 120px;
    }
  }
  .sm\:pb-\[150px\] {
    @media (width >= 40rem) {
      padding-bottom: 150px;
    }
  }
  .sm\:pb-\[300px\] {
    @media (width >= 40rem) {
      padding-bottom: 300px;
    }
  }
  .sm\:pl-0 {
    @media (width >= 40rem) {
      padding-left: calc(var(--spacing) * 0);
    }
  }
  .sm\:pl-3 {
    @media (width >= 40rem) {
      padding-left: calc(var(--spacing) * 3);
    }
  }
  .sm\:pl-5 {
    @media (width >= 40rem) {
      padding-left: calc(var(--spacing) * 5);
    }
  }
  .sm\:pl-6 {
    @media (width >= 40rem) {
      padding-left: calc(var(--spacing) * 6);
    }
  }
  .sm\:pl-8 {
    @media (width >= 40rem) {
      padding-left: calc(var(--spacing) * 8);
    }
  }
  .sm\:pl-10 {
    @media (width >= 40rem) {
      padding-left: calc(var(--spacing) * 10);
    }
  }
  .sm\:pl-14 {
    @media (width >= 40rem) {
      padding-left: calc(var(--spacing) * 14);
    }
  }
  .sm\:pl-16 {
    @media (width >= 40rem) {
      padding-left: calc(var(--spacing) * 16);
    }
  }
  .sm\:pl-\[15px\] {
    @media (width >= 40rem) {
      padding-left: 15px;
    }
  }
  .sm\:pl-\[30px\] {
    @media (width >= 40rem) {
      padding-left: 30px;
    }
  }
  .sm\:pl-\[50px\] {
    @media (width >= 40rem) {
      padding-left: 50px;
    }
  }
  .sm\:\!text-center {
    @media (width >= 40rem) {
      text-align: center !important;
    }
  }
  .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-start {
    @media (width >= 40rem) {
      text-align: start;
    }
  }
  .sm\:align-middle {
    @media (width >= 40rem) {
      vertical-align: middle;
    }
  }
  .sm\:font-\[normal\] {
    @media (width >= 40rem) {
      font-family: normal;
    }
  }
  .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-9xl {
    @media (width >= 40rem) {
      font-size: var(--text-9xl);
      line-height: var(--tw-leading, var(--text-9xl--line-height));
    }
  }
  .sm\:text-base {
    @media (width >= 40rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .sm\:text-lg {
    @media (width >= 40rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .sm\:text-sm {
    @media (width >= 40rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .sm\:text-xl {
    @media (width >= 40rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .sm\:text-xs {
    @media (width >= 40rem) {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .sm\:\!text-\[1\.05rem\] {
    @media (width >= 40rem) {
      font-size: 1.05rem !important;
    }
  }
  .sm\:text-\[1\.3em\] {
    @media (width >= 40rem) {
      font-size: 1.3em;
    }
  }
  .sm\:text-\[11px\] {
    @media (width >= 40rem) {
      font-size: 11px;
    }
  }
  .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-\[17px\] {
    @media (width >= 40rem) {
      font-size: 17px;
    }
  }
  .sm\:text-\[18px\] {
    @media (width >= 40rem) {
      font-size: 18px;
    }
  }
  .sm\:text-\[19px\] {
    @media (width >= 40rem) {
      font-size: 19px;
    }
  }
  .sm\:text-\[20px\] {
    @media (width >= 40rem) {
      font-size: 20px;
    }
  }
  .sm\:text-\[22px\] {
    @media (width >= 40rem) {
      font-size: 22px;
    }
  }
  .sm\:text-\[24px\] {
    @media (width >= 40rem) {
      font-size: 24px;
    }
  }
  .sm\:text-\[25px\] {
    @media (width >= 40rem) {
      font-size: 25px;
    }
  }
  .sm\:text-\[26px\] {
    @media (width >= 40rem) {
      font-size: 26px;
    }
  }
  .sm\:text-\[28px\] {
    @media (width >= 40rem) {
      font-size: 28px;
    }
  }
  .sm\:text-\[28rem\] {
    @media (width >= 40rem) {
      font-size: 28rem;
    }
  }
  .sm\:text-\[30px\] {
    @media (width >= 40rem) {
      font-size: 30px;
    }
  }
  .sm\:text-\[32px\] {
    @media (width >= 40rem) {
      font-size: 32px;
    }
  }
  .sm\:text-\[35px\] {
    @media (width >= 40rem) {
      font-size: 35px;
    }
  }
  .sm\:text-\[36px\] {
    @media (width >= 40rem) {
      font-size: 36px;
    }
  }
  .sm\:text-\[38px\] {
    @media (width >= 40rem) {
      font-size: 38px;
    }
  }
  .sm\:text-\[40px\] {
    @media (width >= 40rem) {
      font-size: 40px;
    }
  }
  .sm\:text-\[42px\] {
    @media (width >= 40rem) {
      font-size: 42px;
    }
  }
  .sm\:text-\[44px\] {
    @media (width >= 40rem) {
      font-size: 44px;
    }
  }
  .sm\:text-\[45px\] {
    @media (width >= 40rem) {
      font-size: 45px;
    }
  }
  .sm\:text-\[48px\] {
    @media (width >= 40rem) {
      font-size: 48px;
    }
  }
  .sm\:text-\[50px\] {
    @media (width >= 40rem) {
      font-size: 50px;
    }
  }
  .sm\:text-\[54px\] {
    @media (width >= 40rem) {
      font-size: 54px;
    }
  }
  .sm\:text-\[55px\] {
    @media (width >= 40rem) {
      font-size: 55px;
    }
  }
  .sm\:text-\[124px\] {
    @media (width >= 40rem) {
      font-size: 124px;
    }
  }
  .sm\:leading-6 {
    @media (width >= 40rem) {
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
    }
  }
  .sm\:leading-10 {
    @media (width >= 40rem) {
      --tw-leading: calc(var(--spacing) * 10);
      line-height: calc(var(--spacing) * 10);
    }
  }
  .sm\:leading-\[1\.2em\] {
    @media (width >= 40rem) {
      --tw-leading: 1.2em;
      line-height: 1.2em;
    }
  }
  .sm\:leading-\[1\.4em\] {
    @media (width >= 40rem) {
      --tw-leading: 1.4em;
      line-height: 1.4em;
    }
  }
  .sm\:leading-\[1\.5em\] {
    @media (width >= 40rem) {
      --tw-leading: 1.5em;
      line-height: 1.5em;
    }
  }
  .sm\:leading-\[1\.6em\] {
    @media (width >= 40rem) {
      --tw-leading: 1.6em;
      line-height: 1.6em;
    }
  }
  .sm\:leading-\[1\.7em\] {
    @media (width >= 40rem) {
      --tw-leading: 1.7em;
      line-height: 1.7em;
    }
  }
  .sm\:leading-\[1\.15em\] {
    @media (width >= 40rem) {
      --tw-leading: 1.15em;
      line-height: 1.15em;
    }
  }
  .sm\:leading-\[1\.18em\] {
    @media (width >= 40rem) {
      --tw-leading: 1.18em;
      line-height: 1.18em;
    }
  }
  .sm\:leading-\[1\.19em\] {
    @media (width >= 40rem) {
      --tw-leading: 1.19em;
      line-height: 1.19em;
    }
  }
  .sm\:leading-\[1\.22em\] {
    @media (width >= 40rem) {
      --tw-leading: 1.22em;
      line-height: 1.22em;
    }
  }
  .sm\:leading-\[1\.25em\] {
    @media (width >= 40rem) {
      --tw-leading: 1.25em;
      line-height: 1.25em;
    }
  }
  .sm\:leading-\[1\.29em\] {
    @media (width >= 40rem) {
      --tw-leading: 1.29em;
      line-height: 1.29em;
    }
  }
  .sm\:leading-\[1\.35em\] {
    @media (width >= 40rem) {
      --tw-leading: 1.35em;
      line-height: 1.35em;
    }
  }
  .sm\:leading-\[1\.45em\] {
    @media (width >= 40rem) {
      --tw-leading: 1.45em;
      line-height: 1.45em;
    }
  }
  .sm\:leading-\[1\.55em\] {
    @media (width >= 40rem) {
      --tw-leading: 1.55em;
      line-height: 1.55em;
    }
  }
  .sm\:leading-\[1\.65em\] {
    @media (width >= 40rem) {
      --tw-leading: 1.65em;
      line-height: 1.65em;
    }
  }
  .sm\:leading-\[1\.75em\] {
    @media (width >= 40rem) {
      --tw-leading: 1.75em;
      line-height: 1.75em;
    }
  }
  .sm\:leading-\[2em\] {
    @media (width >= 40rem) {
      --tw-leading: 2em;
      line-height: 2em;
    }
  }
  .sm\:leading-\[25px\] {
    @media (width >= 40rem) {
      --tw-leading: 25px;
      line-height: 25px;
    }
  }
  .sm\:leading-\[40px\] {
    @media (width >= 40rem) {
      --tw-leading: 40px;
      line-height: 40px;
    }
  }
  .sm\:leading-\[47px\] {
    @media (width >= 40rem) {
      --tw-leading: 47px;
      line-height: 47px;
    }
  }
  .sm\:leading-\[48px\] {
    @media (width >= 40rem) {
      --tw-leading: 48px;
      line-height: 48px;
    }
  }
  .sm\:leading-\[50px\] {
    @media (width >= 40rem) {
      --tw-leading: 50px;
      line-height: 50px;
    }
  }
  .sm\:leading-\[52px\] {
    @media (width >= 40rem) {
      --tw-leading: 52px;
      line-height: 52px;
    }
  }
  .sm\:leading-\[55px\] {
    @media (width >= 40rem) {
      --tw-leading: 55px;
      line-height: 55px;
    }
  }
  .sm\:leading-tight {
    @media (width >= 40rem) {
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
    }
  }
  .sm\:tracking-\[-0\.5px\] {
    @media (width >= 40rem) {
      --tw-tracking: -0.5px;
      letter-spacing: -0.5px;
    }
  }
  .sm\:tracking-\[0px\] {
    @media (width >= 40rem) {
      --tw-tracking: 0px;
      letter-spacing: 0px;
    }
  }
  .sm\:tracking-\[1px\] {
    @media (width >= 40rem) {
      --tw-tracking: 1px;
      letter-spacing: 1px;
    }
  }
  .sm\:text-black {
    @media (width >= 40rem) {
      color: var(--color-black);
    }
  }
  .sm\:text-white {
    @media (width >= 40rem) {
      color: var(--color-white);
    }
  }
  .sm\:opacity-0 {
    @media (width >= 40rem) {
      opacity: 0%;
    }
  }
  .sm\:opacity-100 {
    @media (width >= 40rem) {
      opacity: 100%;
    }
  }
  .sm\:opacity-\[0\.2\] {
    @media (width >= 40rem) {
      opacity: 0.2;
    }
  }
  .sm\:shadow-\[0px_40px_50px_0px_rgba\(137\,139\,142\,0\.15\)\] {
    @media (width >= 40rem) {
      --tw-shadow: 0px 40px 50px 0px var(--tw-shadow-color, rgba(137,139,142,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);
    }
  }
  .sm\:shadow-md {
    @media (width >= 40rem) {
      --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);
    }
  }
  .sm\:shadow-none {
    @media (width >= 40rem) {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .sm\:backdrop-brightness-100 {
    @media (width >= 40rem) {
      --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,);
    }
  }
  .sm\:transition-all {
    @media (width >= 40rem) {
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .sm\:duration-\[0\.3s\] {
    @media (width >= 40rem) {
      --tw-duration: 0.3s;
      transition-duration: 0.3s;
    }
  }
  .sm\:duration-\[150ms\] {
    @media (width >= 40rem) {
      --tw-duration: 150ms;
      transition-duration: 150ms;
    }
  }
  .sm\:ease-\[ease-in-out\] {
    @media (width >= 40rem) {
      --tw-ease: ease-in-out;
      transition-timing-function: ease-in-out;
    }
  }
  .sm\:\[--strategy\:absolute\] {
    @media (width >= 40rem) {
      --strategy: absolute;
    }
  }
  .sm\:\[--strategy\:fixed\] {
    @media (width >= 40rem) {
      --strategy: fixed;
    }
  }
  .sm\:\[--trigger\:hover\] {
    @media (width >= 40rem) {
      --trigger: hover;
    }
  }
  .sm\:before\:invisible {
    @media (width >= 40rem) {
      &::before {
        content: var(--tw-content);
        visibility: hidden;
      }
    }
  }
  .sm\:before\:inset-x-2\.5 {
    @media (width >= 40rem) {
      &::before {
        content: var(--tw-content);
        inset-inline: calc(var(--spacing) * 2.5);
      }
    }
  }
  .sm\:before\:-start-6 {
    @media (width >= 40rem) {
      &::before {
        content: var(--tw-content);
        inset-inline-start: calc(var(--spacing) * -6);
      }
    }
  }
  .sm\:before\:top-0 {
    @media (width >= 40rem) {
      &::before {
        content: var(--tw-content);
        top: calc(var(--spacing) * 0);
      }
    }
  }
  .sm\:before\:top-1\/2 {
    @media (width >= 40rem) {
      &::before {
        content: var(--tw-content);
        top: calc(1 / 2 * 100%);
      }
    }
  }
  .sm\:before\:top-2\.5 {
    @media (width >= 40rem) {
      &::before {
        content: var(--tw-content);
        top: calc(var(--spacing) * 2.5);
      }
    }
  }
  .sm\:before\:\!bottom-\[10px\] {
    @media (width >= 40rem) {
      &::before {
        content: var(--tw-content);
        bottom: 10px !important;
      }
    }
  }
  .sm\:before\:bottom-0 {
    @media (width >= 40rem) {
      &::before {
        content: var(--tw-content);
        bottom: calc(var(--spacing) * 0);
      }
    }
  }
  .sm\:before\:bottom-0\.5 {
    @media (width >= 40rem) {
      &::before {
        content: var(--tw-content);
        bottom: calc(var(--spacing) * 0.5);
      }
    }
  }
  .sm\:before\:bottom-2\.5 {
    @media (width >= 40rem) {
      &::before {
        content: var(--tw-content);
        bottom: calc(var(--spacing) * 2.5);
      }
    }
  }
  .sm\:before\:bottom-\[2px\] {
    @media (width >= 40rem) {
      &::before {
        content: var(--tw-content);
        bottom: 2px;
      }
    }
  }
  .sm\:before\:mt-0 {
    @media (width >= 40rem) {
      &::before {
        content: var(--tw-content);
        margin-top: calc(var(--spacing) * 0);
      }
    }
  }
  .sm\:before\:hidden {
    @media (width >= 40rem) {
      &::before {
        content: var(--tw-content);
        display: none;
      }
    }
  }
  .sm\:before\:h-2\.5 {
    @media (width >= 40rem) {
      &::before {
        content: var(--tw-content);
        height: calc(var(--spacing) * 2.5);
      }
    }
  }
  .sm\:before\:h-\[10px\] {
    @media (width >= 40rem) {
      &::before {
        content: var(--tw-content);
        height: 10px;
      }
    }
  }
  .sm\:before\:h-\[400px\] {
    @media (width >= 40rem) {
      &::before {
        content: var(--tw-content);
        height: 400px;
      }
    }
  }
  .sm\:before\:h-\[500px\] {
    @media (width >= 40rem) {
      &::before {
        content: var(--tw-content);
        height: 500px;
      }
    }
  }
  .sm\:before\:w-\[400px\] {
    @media (width >= 40rem) {
      &::before {
        content: var(--tw-content);
        width: 400px;
      }
    }
  }
  .sm\:before\:w-\[500px\] {
    @media (width >= 40rem) {
      &::before {
        content: var(--tw-content);
        width: 500px;
      }
    }
  }
  .sm\:before\:-translate-x-0 {
    @media (width >= 40rem) {
      &::before {
        content: var(--tw-content);
        --tw-translate-x: calc(var(--spacing) * -0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .sm\:before\:-translate-y-1\/2 {
    @media (width >= 40rem) {
      &::before {
        content: var(--tw-content);
        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .sm\:before\:rotate-12 {
    @media (width >= 40rem) {
      &::before {
        content: var(--tw-content);
        rotate: 12deg;
      }
    }
  }
  .sm\:before\:border-r {
    @media (width >= 40rem) {
      &::before {
        content: var(--tw-content);
        border-right-style: var(--tw-border-style);
        border-right-width: 1px;
      }
    }
  }
  .sm\:before\:border-b-0 {
    @media (width >= 40rem) {
      &::before {
        content: var(--tw-content);
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0px;
      }
    }
  }
  .sm\:before\:border-l {
    @media (width >= 40rem) {
      &::before {
        content: var(--tw-content);
        border-left-style: var(--tw-border-style);
        border-left-width: 1px;
      }
    }
  }
  .sm\:before\:border-solid {
    @media (width >= 40rem) {
      &::before {
        content: var(--tw-content);
        --tw-border-style: solid;
        border-style: solid;
      }
    }
  }
  .sm\:before\:border-t-\[none\] {
    @media (width >= 40rem) {
      &::before {
        content: var(--tw-content);
        border-top-color: none;
      }
    }
  }
  .sm\:before\:border-r-white {
    @media (width >= 40rem) {
      &::before {
        content: var(--tw-content);
        border-right-color: var(--color-white);
      }
    }
  }
  .sm\:before\:border-l-black {
    @media (width >= 40rem) {
      &::before {
        content: var(--tw-content);
        border-left-color: var(--color-black);
      }
    }
  }
  .sm\:after\:top-0 {
    @media (width >= 40rem) {
      &::after {
        content: var(--tw-content);
        top: calc(var(--spacing) * 0);
      }
    }
  }
  .sm\:after\:right-0 {
    @media (width >= 40rem) {
      &::after {
        content: var(--tw-content);
        right: calc(var(--spacing) * 0);
      }
    }
  }
  .sm\:after\:right-\[6\%\] {
    @media (width >= 40rem) {
      &::after {
        content: var(--tw-content);
        right: 6%;
      }
    }
  }
  .sm\:after\:right-\[14px\] {
    @media (width >= 40rem) {
      &::after {
        content: var(--tw-content);
        right: 14px;
      }
    }
  }
  .sm\:after\:bottom-0 {
    @media (width >= 40rem) {
      &::after {
        content: var(--tw-content);
        bottom: calc(var(--spacing) * 0);
      }
    }
  }
  .sm\:after\:left-0 {
    @media (width >= 40rem) {
      &::after {
        content: var(--tw-content);
        left: calc(var(--spacing) * 0);
      }
    }
  }
  .sm\:after\:left-\[14px\] {
    @media (width >= 40rem) {
      &::after {
        content: var(--tw-content);
        left: 14px;
      }
    }
  }
  .sm\:after\:hidden {
    @media (width >= 40rem) {
      &::after {
        content: var(--tw-content);
        display: none;
      }
    }
  }
  .sm\:after\:h-\[350px\] {
    @media (width >= 40rem) {
      &::after {
        content: var(--tw-content);
        height: 350px;
      }
    }
  }
  .sm\:after\:h-\[400px\] {
    @media (width >= 40rem) {
      &::after {
        content: var(--tw-content);
        height: 400px;
      }
    }
  }
  .sm\:after\:w-10 {
    @media (width >= 40rem) {
      &::after {
        content: var(--tw-content);
        width: calc(var(--spacing) * 10);
      }
    }
  }
  .sm\:after\:w-\[350px\] {
    @media (width >= 40rem) {
      &::after {
        content: var(--tw-content);
        width: 350px;
      }
    }
  }
  .sm\:after\:w-\[400px\] {
    @media (width >= 40rem) {
      &::after {
        content: var(--tw-content);
        width: 400px;
      }
    }
  }
  .sm\:after\:text-center {
    @media (width >= 40rem) {
      &::after {
        content: var(--tw-content);
        text-align: center;
      }
    }
  }
  .sm\:after\:text-\[20px\] {
    @media (width >= 40rem) {
      &::after {
        content: var(--tw-content);
        font-size: 20px;
      }
    }
  }
  .sm\:after\:leading-\[50px\] {
    @media (width >= 40rem) {
      &::after {
        content: var(--tw-content);
        --tw-leading: 50px;
        line-height: 50px;
      }
    }
  }
  .sm\:after\:leading-\[55px\] {
    @media (width >= 40rem) {
      &::after {
        content: var(--tw-content);
        --tw-leading: 55px;
        line-height: 55px;
      }
    }
  }
  .data-\[state\=open\]\:sm\:slide-in-from-bottom-full {
    &[data-state="open"] {
      @media (width >= 40rem) {
        --tw-enter-translate-y: calc(1*100%);
      }
    }
  }
  .md\:invisible {
    @media (width >= 48rem) {
      visibility: hidden;
    }
  }
  .md\:visible {
    @media (width >= 48rem) {
      visibility: visible;
    }
  }
  .md\:absolute {
    @media (width >= 48rem) {
      position: absolute;
    }
  }
  .md\:relative {
    @media (width >= 48rem) {
      position: relative;
    }
  }
  .md\:static {
    @media (width >= 48rem) {
      position: static;
    }
  }
  .md\:inset-0 {
    @media (width >= 48rem) {
      inset: calc(var(--spacing) * 0);
    }
  }
  .md\:inset-x-0 {
    @media (width >= 48rem) {
      inset-inline: calc(var(--spacing) * 0);
    }
  }
  .md\:end-auto {
    @media (width >= 48rem) {
      inset-inline-end: auto;
    }
  }
  .md\:top-0 {
    @media (width >= 48rem) {
      top: calc(var(--spacing) * 0);
    }
  }
  .md\:top-4 {
    @media (width >= 48rem) {
      top: calc(var(--spacing) * 4);
    }
  }
  .md\:top-10 {
    @media (width >= 48rem) {
      top: calc(var(--spacing) * 10);
    }
  }
  .md\:top-16 {
    @media (width >= 48rem) {
      top: calc(var(--spacing) * 16);
    }
  }
  .md\:top-\[-23px\] {
    @media (width >= 48rem) {
      top: -23px;
    }
  }
  .md\:top-\[5\%\] {
    @media (width >= 48rem) {
      top: 5%;
    }
  }
  .md\:top-\[20\%\] {
    @media (width >= 48rem) {
      top: 20%;
    }
  }
  .md\:top-\[30px\] {
    @media (width >= 48rem) {
      top: 30px;
    }
  }
  .md\:top-\[80\%\]\! {
    @media (width >= 48rem) {
      top: 80% !important;
    }
  }
  .md\:top-auto {
    @media (width >= 48rem) {
      top: auto;
    }
  }
  .md\:top-full {
    @media (width >= 48rem) {
      top: 100%;
    }
  }
  .md\:right-0 {
    @media (width >= 48rem) {
      right: calc(var(--spacing) * 0);
    }
  }
  .md\:right-2\/4 {
    @media (width >= 48rem) {
      right: calc(2 / 4 * 100%);
    }
  }
  .md\:right-10 {
    @media (width >= 48rem) {
      right: calc(var(--spacing) * 10);
    }
  }
  .md\:right-20 {
    @media (width >= 48rem) {
      right: calc(var(--spacing) * 20);
    }
  }
  .md\:right-\[1\%\] {
    @media (width >= 48rem) {
      right: 1%;
    }
  }
  .md\:right-\[15px\] {
    @media (width >= 48rem) {
      right: 15px;
    }
  }
  .md\:right-\[27\%\] {
    @media (width >= 48rem) {
      right: 27%;
    }
  }
  .md\:right-\[75px\] {
    @media (width >= 48rem) {
      right: 75px;
    }
  }
  .md\:right-auto {
    @media (width >= 48rem) {
      right: auto;
    }
  }
  .md\:bottom-0 {
    @media (width >= 48rem) {
      bottom: calc(var(--spacing) * 0);
    }
  }
  .md\:bottom-10 {
    @media (width >= 48rem) {
      bottom: calc(var(--spacing) * 10);
    }
  }
  .md\:bottom-\[-17\%\] {
    @media (width >= 48rem) {
      bottom: -17%;
    }
  }
  .md\:bottom-\[-18px\] {
    @media (width >= 48rem) {
      bottom: -18px;
    }
  }
  .md\:bottom-\[41\%\] {
    @media (width >= 48rem) {
      bottom: 41%;
    }
  }
  .md\:bottom-auto {
    @media (width >= 48rem) {
      bottom: auto;
    }
  }
  .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-12 {
    @media (width >= 48rem) {
      left: calc(var(--spacing) * 12);
    }
  }
  .md\:left-20 {
    @media (width >= 48rem) {
      left: calc(var(--spacing) * 20);
    }
  }
  .md\:left-\[-11\%\] {
    @media (width >= 48rem) {
      left: -11%;
    }
  }
  .md\:left-\[1\%\] {
    @media (width >= 48rem) {
      left: 1%;
    }
  }
  .md\:left-\[2\%\] {
    @media (width >= 48rem) {
      left: 2%;
    }
  }
  .md\:left-\[15px\] {
    @media (width >= 48rem) {
      left: 15px;
    }
  }
  .md\:left-\[75px\] {
    @media (width >= 48rem) {
      left: 75px;
    }
  }
  .md\:left-\[90\%\]\! {
    @media (width >= 48rem) {
      left: 90% !important;
    }
  }
  .md\:left-auto {
    @media (width >= 48rem) {
      left: auto;
    }
  }
  .md\:z-61 {
    @media (width >= 48rem) {
      z-index: 61;
    }
  }
  .md\:z-\[5\] {
    @media (width >= 48rem) {
      z-index: 5;
    }
  }
  .md\:order-1 {
    @media (width >= 48rem) {
      order: 1;
    }
  }
  .md\:order-2 {
    @media (width >= 48rem) {
      order: 2;
    }
  }
  .md\:order-3 {
    @media (width >= 48rem) {
      order: 3;
    }
  }
  .md\:order-4 {
    @media (width >= 48rem) {
      order: 4;
    }
  }
  .md\:order-first {
    @media (width >= 48rem) {
      order: -9999;
    }
  }
  .md\:order-last {
    @media (width >= 48rem) {
      order: 9999;
    }
  }
  .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-7 {
    @media (width >= 48rem) {
      grid-column: span 7 / span 7;
    }
  }
  .md\:col-span-8 {
    @media (width >= 48rem) {
      grid-column: span 8 / span 8;
    }
  }
  .md\:col-span-9 {
    @media (width >= 48rem) {
      grid-column: span 9 / span 9;
    }
  }
  .md\:col-span-12 {
    @media (width >= 48rem) {
      grid-column: span 12 / span 12;
    }
  }
  .md\:row-span-2 {
    @media (width >= 48rem) {
      grid-row: span 2 / span 2;
    }
  }
  .md\:m-0 {
    @media (width >= 48rem) {
      margin: calc(var(--spacing) * 0);
    }
  }
  .md\:m-\[0_-15px\] {
    @media (width >= 48rem) {
      margin: 0 -15px;
    }
  }
  .md\:m-\[0_-20px\] {
    @media (width >= 48rem) {
      margin: 0 -20px;
    }
  }
  .md\:m-\[0_-50vw\] {
    @media (width >= 48rem) {
      margin: 0 -50vw;
    }
  }
  .md\:m-\[0_0\.8\%_10px\] {
    @media (width >= 48rem) {
      margin: 0 0.8% 10px;
    }
  }
  .md\:m-\[0_0_35px\] {
    @media (width >= 48rem) {
      margin: 0 0 35px;
    }
  }
  .md\:m-\[0_8px\] {
    @media (width >= 48rem) {
      margin: 0 8px;
    }
  }
  .md\:m-\[0_10px\] {
    @media (width >= 48rem) {
      margin: 0 10px;
    }
  }
  .md\:m-\[0_12px\] {
    @media (width >= 48rem) {
      margin: 0 12px;
    }
  }
  .md\:m-\[0_15px\] {
    @media (width >= 48rem) {
      margin: 0 15px;
    }
  }
  .md\:m-\[0_auto\] {
    @media (width >= 48rem) {
      margin: 0 auto;
    }
  }
  .md\:m-\[0_auto_50px\] {
    @media (width >= 48rem) {
      margin: 0 auto 50px;
    }
  }
  .md\:m-\[0_auto_70px\] {
    @media (width >= 48rem) {
      margin: 0 auto 70px;
    }
  }
  .md\:m-\[5px_10px\] {
    @media (width >= 48rem) {
      margin: 5px 10px;
    }
  }
  .md\:m-\[10px_0_80px\] {
    @media (width >= 48rem) {
      margin: 10px 0 80px;
    }
  }
  .md\:m-\[10px_12px\] {
    @media (width >= 48rem) {
      margin: 10px 12px;
    }
  }
  .md\:m-\[10px_auto_0\] {
    @media (width >= 48rem) {
      margin: 10px auto 0;
    }
  }
  .md\:m-\[18px_0_30px\] {
    @media (width >= 48rem) {
      margin: 18px 0 30px;
    }
  }
  .md\:m-\[25px_0_35px\] {
    @media (width >= 48rem) {
      margin: 25px 0 35px;
    }
  }
  .md\:m-\[25px_auto_0\] {
    @media (width >= 48rem) {
      margin: 25px auto 0;
    }
  }
  .md\:m-\[35px_0_30px\] {
    @media (width >= 48rem) {
      margin: 35px 0 30px;
    }
  }
  .md\:m-\[40px_0_50px\] {
    @media (width >= 48rem) {
      margin: 40px 0 50px;
    }
  }
  .md\:m-\[40px_auto_50px\] {
    @media (width >= 48rem) {
      margin: 40px auto 50px;
    }
  }
  .md\:m-\[50px_0_0\] {
    @media (width >= 48rem) {
      margin: 50px 0 0;
    }
  }
  .md\:m-\[50px_0_40px\] {
    @media (width >= 48rem) {
      margin: 50px 0 40px;
    }
  }
  .md\:m-\[50px_auto_0\] {
    @media (width >= 48rem) {
      margin: 50px auto 0;
    }
  }
  .md\:m-\[60px_auto_0\] {
    @media (width >= 48rem) {
      margin: 60px auto 0;
    }
  }
  .md\:m-\[90px_auto_0\] {
    @media (width >= 48rem) {
      margin: 90px auto 0;
    }
  }
  .md\:m-\[150px_0_150px\] {
    @media (width >= 48rem) {
      margin: 150px 0 150px;
    }
  }
  .md\:mx-0 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  .md\:mx-2 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 2);
    }
  }
  .md\:mx-2\.5 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 2.5);
    }
  }
  .md\:mx-4 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 4);
    }
  }
  .md\:mx-5 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 5);
    }
  }
  .md\:mx-10 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 10);
    }
  }
  .md\:mx-\[-12\.5px\] {
    @media (width >= 48rem) {
      margin-inline: -12.5px;
    }
  }
  .md\:mx-\[-20px\] {
    @media (width >= 48rem) {
      margin-inline: -20px;
    }
  }
  .md\:mx-\[4rem\] {
    @media (width >= 48rem) {
      margin-inline: 4rem;
    }
  }
  .md\:mx-auto {
    @media (width >= 48rem) {
      margin-inline: auto;
    }
  }
  .md\:my-6 {
    @media (width >= 48rem) {
      margin-block: calc(var(--spacing) * 6);
    }
  }
  .md\:my-10 {
    @media (width >= 48rem) {
      margin-block: calc(var(--spacing) * 10);
    }
  }
  .md\:my-\[50px\] {
    @media (width >= 48rem) {
      margin-block: 50px;
    }
  }
  .md\:my-\[150px\] {
    @media (width >= 48rem) {
      margin-block: 150px;
    }
  }
  .md\:-ms-2\.5 {
    @media (width >= 48rem) {
      margin-inline-start: calc(var(--spacing) * -2.5);
    }
  }
  .md\:ms-1 {
    @media (width >= 48rem) {
      margin-inline-start: calc(var(--spacing) * 1);
    }
  }
  .md\:ms-1\.5 {
    @media (width >= 48rem) {
      margin-inline-start: calc(var(--spacing) * 1.5);
    }
  }
  .md\:ms-4 {
    @media (width >= 48rem) {
      margin-inline-start: calc(var(--spacing) * 4);
    }
  }
  .md\:ms-65 {
    @media (width >= 48rem) {
      margin-inline-start: calc(var(--spacing) * 65);
    }
  }
  .md\:me-2 {
    @media (width >= 48rem) {
      margin-inline-end: calc(var(--spacing) * 2);
    }
  }
  .md\:\!mt-0 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 0) !important;
    }
  }
  .md\:\!mt-\[-17\.5rem\] {
    @media (width >= 48rem) {
      margin-top: -17.5rem !important;
    }
  }
  .md\:mt-0 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .md\:mt-2\.5 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 2.5);
    }
  }
  .md\:mt-3 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 3);
    }
  }
  .md\:mt-4 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 4);
    }
  }
  .md\:mt-5 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 5);
    }
  }
  .md\:mt-8 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  .md\:mt-10 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 10);
    }
  }
  .md\:mt-12 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 12);
    }
  }
  .md\:mt-16 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 16);
    }
  }
  .md\:mt-20 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 20);
    }
  }
  .md\:mt-24 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 24);
    }
  }
  .md\:mt-\[-260px\] {
    @media (width >= 48rem) {
      margin-top: -260px;
    }
  }
  .md\:mt-\[5px\] {
    @media (width >= 48rem) {
      margin-top: 5px;
    }
  }
  .md\:mt-\[10px\] {
    @media (width >= 48rem) {
      margin-top: 10px;
    }
  }
  .md\:mt-\[25px\] {
    @media (width >= 48rem) {
      margin-top: 25px;
    }
  }
  .md\:mt-\[30px\] {
    @media (width >= 48rem) {
      margin-top: 30px;
    }
  }
  .md\:mt-\[50px\] {
    @media (width >= 48rem) {
      margin-top: 50px;
    }
  }
  .md\:mt-\[60px\] {
    @media (width >= 48rem) {
      margin-top: 60px;
    }
  }
  .md\:mt-\[70px\] {
    @media (width >= 48rem) {
      margin-top: 70px;
    }
  }
  .md\:mt-\[80px\] {
    @media (width >= 48rem) {
      margin-top: 80px;
    }
  }
  .md\:mt-\[90px\] {
    @media (width >= 48rem) {
      margin-top: 90px;
    }
  }
  .md\:mt-\[99px\] {
    @media (width >= 48rem) {
      margin-top: 99px;
    }
  }
  .md\:mt-\[100px\] {
    @media (width >= 48rem) {
      margin-top: 100px;
    }
  }
  .md\:mt-\[110px\] {
    @media (width >= 48rem) {
      margin-top: 110px;
    }
  }
  .md\:mt-\[120px\] {
    @media (width >= 48rem) {
      margin-top: 120px;
    }
  }
  .md\:mt-\[130px\] {
    @media (width >= 48rem) {
      margin-top: 130px;
    }
  }
  .md\:mt-\[150px\] {
    @media (width >= 48rem) {
      margin-top: 150px;
    }
  }
  .md\:mt-\[200px\] {
    @media (width >= 48rem) {
      margin-top: 200px;
    }
  }
  .md\:mr-0 {
    @media (width >= 48rem) {
      margin-right: calc(var(--spacing) * 0);
    }
  }
  .md\:mr-3 {
    @media (width >= 48rem) {
      margin-right: calc(var(--spacing) * 3);
    }
  }
  .md\:mr-\[15px\] {
    @media (width >= 48rem) {
      margin-right: 15px;
    }
  }
  .md\:mr-\[22px\] {
    @media (width >= 48rem) {
      margin-right: 22px;
    }
  }
  .md\:mr-auto {
    @media (width >= 48rem) {
      margin-right: auto;
    }
  }
  .md\:\!mb-2 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 2) !important;
    }
  }
  .md\:\!mb-\[6rem\] {
    @media (width >= 48rem) {
      margin-bottom: 6rem !important;
    }
  }
  .md\:\!mb-\[7rem\] {
    @media (width >= 48rem) {
      margin-bottom: 7rem !important;
    }
  }
  .md\:mb-0 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .md\:mb-2 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 2);
    }
  }
  .md\:mb-2\.5 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 2.5);
    }
  }
  .md\:mb-3 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 3);
    }
  }
  .md\:mb-5 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 5);
    }
  }
  .md\:mb-6 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  .md\:mb-8 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  .md\:mb-10 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  .md\:mb-12 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 12);
    }
  }
  .md\:mb-14 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 14);
    }
  }
  .md\:mb-16 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 16);
    }
  }
  .md\:mb-20 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 20);
    }
  }
  .md\:mb-28 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 28);
    }
  }
  .md\:mb-\[10px\] {
    @media (width >= 48rem) {
      margin-bottom: 10px;
    }
  }
  .md\:mb-\[15px\] {
    @media (width >= 48rem) {
      margin-bottom: 15px;
    }
  }
  .md\:mb-\[25px\] {
    @media (width >= 48rem) {
      margin-bottom: 25px;
    }
  }
  .md\:mb-\[30px\] {
    @media (width >= 48rem) {
      margin-bottom: 30px;
    }
  }
  .md\:mb-\[35px\] {
    @media (width >= 48rem) {
      margin-bottom: 35px;
    }
  }
  .md\:mb-\[45px\] {
    @media (width >= 48rem) {
      margin-bottom: 45px;
    }
  }
  .md\:mb-\[50px\] {
    @media (width >= 48rem) {
      margin-bottom: 50px;
    }
  }
  .md\:mb-\[60px\] {
    @media (width >= 48rem) {
      margin-bottom: 60px;
    }
  }
  .md\:mb-\[70px\] {
    @media (width >= 48rem) {
      margin-bottom: 70px;
    }
  }
  .md\:mb-\[75px\] {
    @media (width >= 48rem) {
      margin-bottom: 75px;
    }
  }
  .md\:mb-\[90px\] {
    @media (width >= 48rem) {
      margin-bottom: 90px;
    }
  }
  .md\:mb-\[100px\] {
    @media (width >= 48rem) {
      margin-bottom: 100px;
    }
  }
  .md\:mb-\[120px\] {
    @media (width >= 48rem) {
      margin-bottom: 120px;
    }
  }
  .md\:mb-\[150px\] {
    @media (width >= 48rem) {
      margin-bottom: 150px;
    }
  }
  .md\:\!ml-\[8\.33333333\%\] {
    @media (width >= 48rem) {
      margin-left: 8.33333333% !important;
    }
  }
  .md\:\!ml-auto {
    @media (width >= 48rem) {
      margin-left: auto !important;
    }
  }
  .md\:-ml-12 {
    @media (width >= 48rem) {
      margin-left: calc(var(--spacing) * -12);
    }
  }
  .md\:ml-0 {
    @media (width >= 48rem) {
      margin-left: calc(var(--spacing) * 0);
    }
  }
  .md\:ml-5 {
    @media (width >= 48rem) {
      margin-left: calc(var(--spacing) * 5);
    }
  }
  .md\:ml-6 {
    @media (width >= 48rem) {
      margin-left: calc(var(--spacing) * 6);
    }
  }
  .md\:ml-\[15px\] {
    @media (width >= 48rem) {
      margin-left: 15px;
    }
  }
  .md\:ml-\[22px\] {
    @media (width >= 48rem) {
      margin-left: 22px;
    }
  }
  .md\:ml-auto {
    @media (width >= 48rem) {
      margin-left: auto;
    }
  }
  .md\:block {
    @media (width >= 48rem) {
      display: block;
    }
  }
  .md\:flex {
    @media (width >= 48rem) {
      display: flex;
    }
  }
  .md\:grid {
    @media (width >= 48rem) {
      display: grid;
    }
  }
  .md\:hidden {
    @media (width >= 48rem) {
      display: none;
    }
  }
  .md\:inline {
    @media (width >= 48rem) {
      display: inline;
    }
  }
  .md\:inline-block {
    @media (width >= 48rem) {
      display: inline-block;
    }
  }
  .md\:inline-flex {
    @media (width >= 48rem) {
      display: inline-flex;
    }
  }
  .md\:table-cell {
    @media (width >= 48rem) {
      display: table-cell;
    }
  }
  .md\:aspect-4\/3 {
    @media (width >= 48rem) {
      aspect-ratio: 4/3;
    }
  }
  .md\:aspect-auto {
    @media (width >= 48rem) {
      aspect-ratio: auto;
    }
  }
  .md\:size-7 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 7);
      height: calc(var(--spacing) * 7);
    }
  }
  .md\:h-1\.5 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 1.5);
    }
  }
  .md\:h-2 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 2);
    }
  }
  .md\:h-4 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 4);
    }
  }
  .md\:h-5 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 5);
    }
  }
  .md\:h-6 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 6);
    }
  }
  .md\:h-7 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 7);
    }
  }
  .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-28 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 28);
    }
  }
  .md\:h-40 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 40);
    }
  }
  .md\:h-44 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 44);
    }
  }
  .md\:h-48 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 48);
    }
  }
  .md\:h-52 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 52);
    }
  }
  .md\:h-56 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 56);
    }
  }
  .md\:h-60 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 60);
    }
  }
  .md\:h-64 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 64);
    }
  }
  .md\:h-80 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 80);
    }
  }
  .md\:h-96 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 96);
    }
  }
  .md\:h-\[10px\] {
    @media (width >= 48rem) {
      height: 10px;
    }
  }
  .md\:h-\[45px\] {
    @media (width >= 48rem) {
      height: 45px;
    }
  }
  .md\:h-\[50px\] {
    @media (width >= 48rem) {
      height: 50px;
    }
  }
  .md\:h-\[55px\] {
    @media (width >= 48rem) {
      height: 55px;
    }
  }
  .md\:h-\[60px\] {
    @media (width >= 48rem) {
      height: 60px;
    }
  }
  .md\:h-\[65px\] {
    @media (width >= 48rem) {
      height: 65px;
    }
  }
  .md\:h-\[70px\] {
    @media (width >= 48rem) {
      height: 70px;
    }
  }
  .md\:h-\[72px\] {
    @media (width >= 48rem) {
      height: 72px;
    }
  }
  .md\:h-\[100\%\] {
    @media (width >= 48rem) {
      height: 100%;
    }
  }
  .md\:h-\[110px\] {
    @media (width >= 48rem) {
      height: 110px;
    }
  }
  .md\:h-\[145px\] {
    @media (width >= 48rem) {
      height: 145px;
    }
  }
  .md\:h-\[150px\] {
    @media (width >= 48rem) {
      height: 150px;
    }
  }
  .md\:h-\[160px\] {
    @media (width >= 48rem) {
      height: 160px;
    }
  }
  .md\:h-\[250px\] {
    @media (width >= 48rem) {
      height: 250px;
    }
  }
  .md\:h-\[270px\] {
    @media (width >= 48rem) {
      height: 270px;
    }
  }
  .md\:h-\[280px\] {
    @media (width >= 48rem) {
      height: 280px;
    }
  }
  .md\:h-\[290px\] {
    @media (width >= 48rem) {
      height: 290px;
    }
  }
  .md\:h-\[300px\] {
    @media (width >= 48rem) {
      height: 300px;
    }
  }
  .md\:h-\[310px\] {
    @media (width >= 48rem) {
      height: 310px;
    }
  }
  .md\:h-\[350px\] {
    @media (width >= 48rem) {
      height: 350px;
    }
  }
  .md\:h-\[400px\] {
    @media (width >= 48rem) {
      height: 400px;
    }
  }
  .md\:h-\[500px\] {
    @media (width >= 48rem) {
      height: 500px;
    }
  }
  .md\:h-\[550px\] {
    @media (width >= 48rem) {
      height: 550px;
    }
  }
  .md\:h-auto {
    @media (width >= 48rem) {
      height: auto;
    }
  }
  .md\:h-full {
    @media (width >= 48rem) {
      height: 100%;
    }
  }
  .md\:max-h-\[70vh\] {
    @media (width >= 48rem) {
      max-height: 70vh;
    }
  }
  .md\:max-h-\[600px\] {
    @media (width >= 48rem) {
      max-height: 600px;
    }
  }
  .md\:max-h-full {
    @media (width >= 48rem) {
      max-height: 100%;
    }
  }
  .md\:max-h-none {
    @media (width >= 48rem) {
      max-height: none;
    }
  }
  .md\:min-h-0 {
    @media (width >= 48rem) {
      min-height: calc(var(--spacing) * 0);
    }
  }
  .md\:min-h-60 {
    @media (width >= 48rem) {
      min-height: calc(var(--spacing) * 60);
    }
  }
  .md\:min-h-\[25rem\] {
    @media (width >= 48rem) {
      min-height: 25rem;
    }
  }
  .md\:min-h-\[34rem\] {
    @media (width >= 48rem) {
      min-height: 34rem;
    }
  }
  .md\:min-h-\[544px\] {
    @media (width >= 48rem) {
      min-height: 544px;
    }
  }
  .md\:min-h-\[560px\] {
    @media (width >= 48rem) {
      min-height: 560px;
    }
  }
  .md\:min-h-\[580px\] {
    @media (width >= 48rem) {
      min-height: 580px;
    }
  }
  .md\:min-h-\[600px\] {
    @media (width >= 48rem) {
      min-height: 600px;
    }
  }
  .md\:min-h-full {
    @media (width >= 48rem) {
      min-height: 100%;
    }
  }
  .md\:min-h-screen {
    @media (width >= 48rem) {
      min-height: 100vh;
    }
  }
  .md\:w-1\/2 {
    @media (width >= 48rem) {
      width: calc(1 / 2 * 100%);
    }
  }
  .md\:w-1\/3 {
    @media (width >= 48rem) {
      width: calc(1 / 3 * 100%);
    }
  }
  .md\:w-3\/4 {
    @media (width >= 48rem) {
      width: calc(3 / 4 * 100%);
    }
  }
  .md\:w-3\/12 {
    @media (width >= 48rem) {
      width: calc(3 / 12 * 100%);
    }
  }
  .md\:w-4 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 4);
    }
  }
  .md\:w-4\/12 {
    @media (width >= 48rem) {
      width: calc(4 / 12 * 100%);
    }
  }
  .md\:w-5 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 5);
    }
  }
  .md\:w-5\/12 {
    @media (width >= 48rem) {
      width: calc(5 / 12 * 100%);
    }
  }
  .md\:w-6 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 6);
    }
  }
  .md\:w-6\/12 {
    @media (width >= 48rem) {
      width: calc(6 / 12 * 100%);
    }
  }
  .md\:w-7 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 7);
    }
  }
  .md\:w-7\/12 {
    @media (width >= 48rem) {
      width: calc(7 / 12 * 100%);
    }
  }
  .md\:w-8 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 8);
    }
  }
  .md\:w-8\/12 {
    @media (width >= 48rem) {
      width: calc(8 / 12 * 100%);
    }
  }
  .md\:w-9 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 9);
    }
  }
  .md\:w-9\/12 {
    @media (width >= 48rem) {
      width: calc(9 / 12 * 100%);
    }
  }
  .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-11\/12 {
    @media (width >= 48rem) {
      width: calc(11 / 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-16 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 16);
    }
  }
  .md\:w-20 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 20);
    }
  }
  .md\:w-24 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 24);
    }
  }
  .md\:w-28 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 28);
    }
  }
  .md\:w-32 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 32);
    }
  }
  .md\:w-40 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 40);
    }
  }
  .md\:w-48 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 48);
    }
  }
  .md\:w-56 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 56);
    }
  }
  .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-125 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 125);
    }
  }
  .md\:w-150 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 150);
    }
  }
  .md\:w-\[40\.3\%\] {
    @media (width >= 48rem) {
      width: 40.3%;
    }
  }
  .md\:w-\[41\.4\%\] {
    @media (width >= 48rem) {
      width: 41.4%;
    }
  }
  .md\:w-\[42\.5\%\] {
    @media (width >= 48rem) {
      width: 42.5%;
    }
  }
  .md\:w-\[45px\] {
    @media (width >= 48rem) {
      width: 45px;
    }
  }
  .md\:w-\[55px\] {
    @media (width >= 48rem) {
      width: 55px;
    }
  }
  .md\:w-\[60px\] {
    @media (width >= 48rem) {
      width: 60px;
    }
  }
  .md\:w-\[65px\] {
    @media (width >= 48rem) {
      width: 65px;
    }
  }
  .md\:w-\[70px\] {
    @media (width >= 48rem) {
      width: 70px;
    }
  }
  .md\:w-\[100px\] {
    @media (width >= 48rem) {
      width: 100px;
    }
  }
  .md\:w-\[110px\] {
    @media (width >= 48rem) {
      width: 110px;
    }
  }
  .md\:w-\[120px\] {
    @media (width >= 48rem) {
      width: 120px;
    }
  }
  .md\:w-\[130px\] {
    @media (width >= 48rem) {
      width: 130px;
    }
  }
  .md\:w-\[145px\] {
    @media (width >= 48rem) {
      width: 145px;
    }
  }
  .md\:w-\[150px\] {
    @media (width >= 48rem) {
      width: 150px;
    }
  }
  .md\:w-\[160px\] {
    @media (width >= 48rem) {
      width: 160px;
    }
  }
  .md\:w-\[170px\] {
    @media (width >= 48rem) {
      width: 170px;
    }
  }
  .md\:w-\[200px\] {
    @media (width >= 48rem) {
      width: 200px;
    }
  }
  .md\:w-\[250px\] {
    @media (width >= 48rem) {
      width: 250px;
    }
  }
  .md\:w-\[310px\] {
    @media (width >= 48rem) {
      width: 310px;
    }
  }
  .md\:w-\[550px\] {
    @media (width >= 48rem) {
      width: 550px;
    }
  }
  .md\:w-\[calc\(50\%-0\.75rem\)\] {
    @media (width >= 48rem) {
      width: calc(50% - 0.75rem);
    }
  }
  .md\:w-\[calc\(50\%-10px\)\] {
    @media (width >= 48rem) {
      width: calc(50% - 10px);
    }
  }
  .md\:w-\[calc\(50\%-12px\)\] {
    @media (width >= 48rem) {
      width: calc(50% - 12px);
    }
  }
  .md\:w-\[calc\(100\%_-_45px\)\] {
    @media (width >= 48rem) {
      width: calc(100% - 45px);
    }
  }
  .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
    @media (width >= 48rem) {
      width: var(--radix-navigation-menu-viewport-width);
    }
  }
  .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-2xl {
    @media (width >= 48rem) {
      max-width: var(--container-2xl);
    }
  }
  .md\:max-w-7xl {
    @media (width >= 48rem) {
      max-width: var(--container-7xl);
    }
  }
  .md\:max-w-80 {
    @media (width >= 48rem) {
      max-width: calc(var(--spacing) * 80);
    }
  }
  .md\:max-w-\[20rem\] {
    @media (width >= 48rem) {
      max-width: 20rem;
    }
  }
  .md\:max-w-\[25\%\] {
    @media (width >= 48rem) {
      max-width: 25%;
    }
  }
  .md\:max-w-\[50\%\] {
    @media (width >= 48rem) {
      max-width: 50%;
    }
  }
  .md\:max-w-\[60\%\] {
    @media (width >= 48rem) {
      max-width: 60%;
    }
  }
  .md\:max-w-\[70vw\] {
    @media (width >= 48rem) {
      max-width: 70vw;
    }
  }
  .md\:max-w-\[80\%\] {
    @media (width >= 48rem) {
      max-width: 80%;
    }
  }
  .md\:max-w-\[95\%\] {
    @media (width >= 48rem) {
      max-width: 95%;
    }
  }
  .md\:max-w-\[135\%\] {
    @media (width >= 48rem) {
      max-width: 135%;
    }
  }
  .md\:max-w-\[420px\] {
    @media (width >= 48rem) {
      max-width: 420px;
    }
  }
  .md\:max-w-\[500px\] {
    @media (width >= 48rem) {
      max-width: 500px;
    }
  }
  .md\:max-w-full {
    @media (width >= 48rem) {
      max-width: 100%;
    }
  }
  .md\:max-w-md {
    @media (width >= 48rem) {
      max-width: var(--container-md);
    }
  }
  .md\:max-w-none {
    @media (width >= 48rem) {
      max-width: none;
    }
  }
  .md\:max-w-screen-md {
    @media (width >= 48rem) {
      max-width: var(--breakpoint-md);
    }
  }
  .md\:max-w-xs {
    @media (width >= 48rem) {
      max-width: var(--container-xs);
    }
  }
  .md\:min-w-\[50\%\] {
    @media (width >= 48rem) {
      min-width: 50%;
    }
  }
  .md\:min-w-\[155px\] {
    @media (width >= 48rem) {
      min-width: 155px;
    }
  }
  .md\:min-w-\[500px\] {
    @media (width >= 48rem) {
      min-width: 500px;
    }
  }
  .md\:flex-\[0_0_25\%\] {
    @media (width >= 48rem) {
      flex: 0 0 25%;
    }
  }
  .md\:flex-\[0_0_50\%\] {
    @media (width >= 48rem) {
      flex: 0 0 50%;
    }
  }
  .md\:flex-none {
    @media (width >= 48rem) {
      flex: none;
    }
  }
  .md\:basis-1\/2 {
    @media (width >= 48rem) {
      flex-basis: calc(1 / 2 * 100%);
    }
  }
  .md\:basis-3\/12 {
    @media (width >= 48rem) {
      flex-basis: calc(3 / 12 * 100%);
    }
  }
  .md\:basis-4\/12 {
    @media (width >= 48rem) {
      flex-basis: calc(4 / 12 * 100%);
    }
  }
  .md\:basis-5\/12 {
    @media (width >= 48rem) {
      flex-basis: calc(5 / 12 * 100%);
    }
  }
  .md\:basis-6\/12 {
    @media (width >= 48rem) {
      flex-basis: calc(6 / 12 * 100%);
    }
  }
  .md\:basis-6\/82 {
    @media (width >= 48rem) {
      flex-basis: calc(6 / 82 * 100%);
    }
  }
  .md\:basis-7\/12 {
    @media (width >= 48rem) {
      flex-basis: calc(7 / 12 * 100%);
    }
  }
  .md\:basis-8\/12 {
    @media (width >= 48rem) {
      flex-basis: calc(8 / 12 * 100%);
    }
  }
  .md\:basis-9\/12 {
    @media (width >= 48rem) {
      flex-basis: calc(9 / 12 * 100%);
    }
  }
  .md\:basis-10\/12 {
    @media (width >= 48rem) {
      flex-basis: calc(10 / 12 * 100%);
    }
  }
  .md\:basis-11\/12 {
    @media (width >= 48rem) {
      flex-basis: calc(11 / 12 * 100%);
    }
  }
  .md\:basis-full {
    @media (width >= 48rem) {
      flex-basis: 100%;
    }
  }
  .md\:origin-\[100\%_0\] {
    @media (width >= 48rem) {
      transform-origin: 100% 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-0 {
    @media (width >= 48rem) {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .md\:translate-x-2\/4 {
    @media (width >= 48rem) {
      --tw-translate-x: calc(2 / 4 * 100%);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .md\:-translate-y-4 {
    @media (width >= 48rem) {
      --tw-translate-y: calc(var(--spacing) * -4);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .md\:-translate-y-6 {
    @media (width >= 48rem) {
      --tw-translate-y: calc(var(--spacing) * -6);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .md\:translate-y-4 {
    @media (width >= 48rem) {
      --tw-translate-y: calc(var(--spacing) * 4);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .md\:scale-x-100 {
    @media (width >= 48rem) {
      --tw-scale-x: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .md\:scale-y-0 {
    @media (width >= 48rem) {
      --tw-scale-y: 0%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .md\:rotate-3 {
    @media (width >= 48rem) {
      rotate: 3deg;
    }
  }
  .md\:transform-none {
    @media (width >= 48rem) {
      transform: none;
    }
  }
  .md\:scroll-m-\[130px\] {
    @media (width >= 48rem) {
      scroll-margin: 130px;
    }
  }
  .md\:scroll-m-\[180px\] {
    @media (width >= 48rem) {
      scroll-margin: 180px;
    }
  }
  .md\:columns-2 {
    @media (width >= 48rem) {
      columns: 2;
    }
  }
  .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-7 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-10 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-12 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-\[0\.8fr_1\.2fr\] {
    @media (width >= 48rem) {
      grid-template-columns: 0.8fr 1.2fr;
    }
  }
  .md\:grid-cols-\[1\.4fr_1fr_1fr_1fr\] {
    @media (width >= 48rem) {
      grid-template-columns: 1.4fr 1fr 1fr 1fr;
    }
  }
  .md\:grid-cols-\[1fr_280px\] {
    @media (width >= 48rem) {
      grid-template-columns: 1fr 280px;
    }
  }
  .md\:grid-cols-\[1fr_320px\] {
    @media (width >= 48rem) {
      grid-template-columns: 1fr 320px;
    }
  }
  .md\:grid-cols-\[14rem_auto\] {
    @media (width >= 48rem) {
      grid-template-columns: 14rem auto;
    }
  }
  .md\:grid-cols-\[180px_1fr_auto\] {
    @media (width >= 48rem) {
      grid-template-columns: 180px 1fr auto;
    }
  }
  .md\:grid-cols-\[220px_1fr\] {
    @media (width >= 48rem) {
      grid-template-columns: 220px 1fr;
    }
  }
  .md\:\!flex-row {
    @media (width >= 48rem) {
      flex-direction: row !important;
    }
  }
  .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\:flex-wrap {
    @media (width >= 48rem) {
      flex-wrap: wrap;
    }
  }
  .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\:\!justify-between {
    @media (width >= 48rem) {
      justify-content: space-between !important;
    }
  }
  .md\:justify-between {
    @media (width >= 48rem) {
      justify-content: space-between;
    }
  }
  .md\:justify-center {
    @media (width >= 48rem) {
      justify-content: center;
    }
  }
  .md\:justify-end {
    @media (width >= 48rem) {
      justify-content: flex-end;
    }
  }
  .md\:justify-normal {
    @media (width >= 48rem) {
      justify-content: normal;
    }
  }
  .md\:justify-start {
    @media (width >= 48rem) {
      justify-content: flex-start;
    }
  }
  .md\:gap-0 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 0);
    }
  }
  .md\:gap-1 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 1);
    }
  }
  .md\:gap-2 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .md\:gap-3 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .md\:gap-4 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .md\:gap-5 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 5);
    }
  }
  .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-14 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 14);
    }
  }
  .md\:gap-16 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 16);
    }
  }
  .md\:gap-24 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 24);
    }
  }
  .md\:gap-36 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 36);
    }
  }
  .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-2 {
    @media (width >= 48rem) {
      :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)));
      }
    }
  }
  .md\:space-y-3 {
    @media (width >= 48rem) {
      :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)));
      }
    }
  }
  .md\:space-y-4 {
    @media (width >= 48rem) {
      :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)));
      }
    }
  }
  .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\:space-y-8 {
    @media (width >= 48rem) {
      :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)));
      }
    }
  }
  .md\:space-y-10 {
    @media (width >= 48rem) {
      :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)));
      }
    }
  }
  .md\:space-y-12 {
    @media (width >= 48rem) {
      :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)));
      }
    }
  }
  .md\:space-y-16 {
    @media (width >= 48rem) {
      :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)));
      }
    }
  }
  .md\:gap-x-0 {
    @media (width >= 48rem) {
      column-gap: calc(var(--spacing) * 0);
    }
  }
  .md\:gap-x-4 {
    @media (width >= 48rem) {
      column-gap: calc(var(--spacing) * 4);
    }
  }
  .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\:justify-self-start {
    @media (width >= 48rem) {
      justify-self: flex-start;
    }
  }
  .md\:overflow-y-auto {
    @media (width >= 48rem) {
      overflow-y: auto;
    }
  }
  .md\:rounded-2xl {
    @media (width >= 48rem) {
      border-radius: var(--radius-2xl);
    }
  }
  .md\:rounded-3xl {
    @media (width >= 48rem) {
      border-radius: var(--radius-3xl);
    }
  }
  .md\:rounded-\[0_0_5px_5px\] {
    @media (width >= 48rem) {
      border-radius: 0 0 5px 5px;
    }
  }
  .md\:rounded-\[5px_5px_0_0\] {
    @media (width >= 48rem) {
      border-radius: 5px 5px 0 0;
    }
  }
  .md\:rounded-\[30px\] {
    @media (width >= 48rem) {
      border-radius: 30px;
    }
  }
  .md\:rounded-\[32px\] {
    @media (width >= 48rem) {
      border-radius: 32px;
    }
  }
  .md\:rounded-\[39px\] {
    @media (width >= 48rem) {
      border-radius: 39px;
    }
  }
  .md\:rounded-\[40px\] {
    @media (width >= 48rem) {
      border-radius: 40px;
    }
  }
  .md\:rounded-\[48px\] {
    @media (width >= 48rem) {
      border-radius: 48px;
    }
  }
  .md\:rounded-xl {
    @media (width >= 48rem) {
      border-radius: calc(var(--radius) + 16px);
    }
  }
  .md\:rounded-tl-xl {
    @media (width >= 48rem) {
      border-top-left-radius: calc(var(--radius) + 16px);
    }
  }
  .md\:rounded-tr-none {
    @media (width >= 48rem) {
      border-top-right-radius: 0;
    }
  }
  .md\:rounded-tr-xl {
    @media (width >= 48rem) {
      border-top-right-radius: calc(var(--radius) + 16px);
    }
  }
  .md\:rounded-bl-xl {
    @media (width >= 48rem) {
      border-bottom-left-radius: calc(var(--radius) + 16px);
    }
  }
  .md\:border-4 {
    @media (width >= 48rem) {
      border-style: var(--tw-border-style);
      border-width: 4px;
    }
  }
  .md\:border-x {
    @media (width >= 48rem) {
      border-inline-style: var(--tw-border-style);
      border-inline-width: 1px;
    }
  }
  .md\:border-s {
    @media (width >= 48rem) {
      border-inline-start-style: var(--tw-border-style);
      border-inline-start-width: 1px;
    }
  }
  .md\:border-s-0 {
    @media (width >= 48rem) {
      border-inline-start-style: var(--tw-border-style);
      border-inline-start-width: 0px;
    }
  }
  .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 {
    @media (width >= 48rem) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .md\:border-b-0 {
    @media (width >= 48rem) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .md\:border-b-2 {
    @media (width >= 48rem) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 2px;
    }
  }
  .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\:border-solid {
    @media (width >= 48rem) {
      --tw-border-style: solid;
      border-style: solid;
    }
  }
  .md\:border-neutral-300 {
    @media (width >= 48rem) {
      border-color: var(--color-neutral-300);
    }
  }
  .md\:border-white {
    @media (width >= 48rem) {
      border-color: var(--color-white);
    }
  }
  .md\:border-b-\[\#F1F1F1\] {
    @media (width >= 48rem) {
      border-bottom-color: #F1F1F1;
    }
  }
  .md\:bg-\[\#17192b\] {
    @media (width >= 48rem) {
      background-color: #17192b;
    }
  }
  .md\:bg-\[\#161616\] {
    @media (width >= 48rem) {
      background-color: #161616;
    }
  }
  .md\:bg-\[\#242424\] {
    @media (width >= 48rem) {
      background-color: #242424;
    }
  }
  .md\:bg-\[\#FBF3EC\] {
    @media (width >= 48rem) {
      background-color: #FBF3EC;
    }
  }
  .md\:bg-transparent {
    @media (width >= 48rem) {
      background-color: transparent;
    }
  }
  .md\:bg-white {
    @media (width >= 48rem) {
      background-color: var(--color-white);
    }
  }
  .md\:from-black {
    @media (width >= 48rem) {
      --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));
    }
  }
  .md\:via-black\/50 {
    @media (width >= 48rem) {
      --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);
    }
  }
  .md\:\!p-\[7rem_15px_9rem\] {
    @media (width >= 48rem) {
      padding: 7rem 15px 9rem !important;
    }
  }
  .md\:p-0 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 0);
    }
  }
  .md\:p-2 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 2);
    }
  }
  .md\:p-2\.5 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 2.5);
    }
  }
  .md\:p-4 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 4);
    }
  }
  .md\:p-5 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .md\:p-6 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .md\:p-7 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 7);
    }
  }
  .md\:p-8 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .md\:p-9 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 9);
    }
  }
  .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-\[0_0_30px_30px\] {
    @media (width >= 48rem) {
      padding: 0 0 30px 30px;
    }
  }
  .md\:p-\[0_0_50px\] {
    @media (width >= 48rem) {
      padding: 0 0 50px;
    }
  }
  .md\:p-\[0_0_100px_0\] {
    @media (width >= 48rem) {
      padding: 0 0 100px 0;
    }
  }
  .md\:p-\[0_15px\] {
    @media (width >= 48rem) {
      padding: 0 15px;
    }
  }
  .md\:p-\[0_15px_0_140px\] {
    @media (width >= 48rem) {
      padding: 0 15px 0 140px;
    }
  }
  .md\:p-\[0_15px_0_180px\] {
    @media (width >= 48rem) {
      padding: 0 15px 0 180px;
    }
  }
  .md\:p-\[0_15px_20px\] {
    @media (width >= 48rem) {
      padding: 0 15px 20px;
    }
  }
  .md\:p-\[0_15px_50px\] {
    @media (width >= 48rem) {
      padding: 0 15px 50px;
    }
  }
  .md\:p-\[0_18px\] {
    @media (width >= 48rem) {
      padding: 0 18px;
    }
  }
  .md\:p-\[0_25px\] {
    @media (width >= 48rem) {
      padding: 0 25px;
    }
  }
  .md\:p-\[0_30px_30px_0\] {
    @media (width >= 48rem) {
      padding: 0 30px 30px 0;
    }
  }
  .md\:p-\[0_40px\] {
    @media (width >= 48rem) {
      padding: 0 40px;
    }
  }
  .md\:p-\[0_50px\] {
    @media (width >= 48rem) {
      padding: 0 50px;
    }
  }
  .md\:p-\[0_140px_0_15px\] {
    @media (width >= 48rem) {
      padding: 0 140px 0 15px;
    }
  }
  .md\:p-\[0_165px_0_15px\] {
    @media (width >= 48rem) {
      padding: 0 165px 0 15px;
    }
  }
  .md\:p-\[0_180px_0_15px\] {
    @media (width >= 48rem) {
      padding: 0 180px 0 15px;
    }
  }
  .md\:p-\[0px_0_30px\] {
    @media (width >= 48rem) {
      padding: 0px 0 30px;
    }
  }
  .md\:p-\[1\.25rem_1\.75rem_1\.25rem\] {
    @media (width >= 48rem) {
      padding: 1.25rem 1.75rem 1.25rem;
    }
  }
  .md\:p-\[1\.25rem_2\.5rem_1\.25rem\] {
    @media (width >= 48rem) {
      padding: 1.25rem 2.5rem 1.25rem;
    }
  }
  .md\:p-\[1\.75rem_1\.75rem_1rem_1\.75rem\] {
    @media (width >= 48rem) {
      padding: 1.75rem 1.75rem 1rem 1.75rem;
    }
  }
  .md\:p-\[2\.8rem_3rem_2\.8rem\] {
    @media (width >= 48rem) {
      padding: 2.8rem 3rem 2.8rem;
    }
  }
  .md\:p-\[2px_12px\] {
    @media (width >= 48rem) {
      padding: 2px 12px;
    }
  }
  .md\:p-\[2rem_2\.5rem_1\.25rem\] {
    @media (width >= 48rem) {
      padding: 2rem 2.5rem 1.25rem;
    }
  }
  .md\:p-\[10px\] {
    @media (width >= 48rem) {
      padding: 10px;
    }
  }
  .md\:p-\[10px_0_25px\] {
    @media (width >= 48rem) {
      padding: 10px 0 25px;
    }
  }
  .md\:p-\[10px_0_30px\] {
    @media (width >= 48rem) {
      padding: 10px 0 30px;
    }
  }
  .md\:p-\[13px\] {
    @media (width >= 48rem) {
      padding: 13px;
    }
  }
  .md\:p-\[15px\] {
    @media (width >= 48rem) {
      padding: 15px;
    }
  }
  .md\:p-\[15px_0\] {
    @media (width >= 48rem) {
      padding: 15px 0;
    }
  }
  .md\:p-\[15px_0_0\] {
    @media (width >= 48rem) {
      padding: 15px 0 0;
    }
  }
  .md\:p-\[15px_0_20px\] {
    @media (width >= 48rem) {
      padding: 15px 0 20px;
    }
  }
  .md\:p-\[15px_0_22px\] {
    @media (width >= 48rem) {
      padding: 15px 0 22px;
    }
  }
  .md\:p-\[18px_0_22px\] {
    @media (width >= 48rem) {
      padding: 18px 0 22px;
    }
  }
  .md\:p-\[20px_0_0\] {
    @media (width >= 48rem) {
      padding: 20px 0 0;
    }
  }
  .md\:p-\[20px_0_4px\] {
    @media (width >= 48rem) {
      padding: 20px 0 4px;
    }
  }
  .md\:p-\[20px_0_5px\] {
    @media (width >= 48rem) {
      padding: 20px 0 5px;
    }
  }
  .md\:p-\[20px_0_25px\] {
    @media (width >= 48rem) {
      padding: 20px 0 25px;
    }
  }
  .md\:p-\[20px_0_40px\] {
    @media (width >= 48rem) {
      padding: 20px 0 40px;
    }
  }
  .md\:p-\[20px_0_50px\] {
    @media (width >= 48rem) {
      padding: 20px 0 50px;
    }
  }
  .md\:p-\[22px_0\] {
    @media (width >= 48rem) {
      padding: 22px 0;
    }
  }
  .md\:p-\[25px_0_15px\] {
    @media (width >= 48rem) {
      padding: 25px 0 15px;
    }
  }
  .md\:p-\[25px_0_18px\] {
    @media (width >= 48rem) {
      padding: 25px 0 18px;
    }
  }
  .md\:p-\[25px_0_20px\] {
    @media (width >= 48rem) {
      padding: 25px 0 20px;
    }
  }
  .md\:p-\[25px_0_25px_35px\] {
    @media (width >= 48rem) {
      padding: 25px 0 25px 35px;
    }
  }
  .md\:p-\[25px_0_30px\] {
    @media (width >= 48rem) {
      padding: 25px 0 30px;
    }
  }
  .md\:p-\[25px_0_35px\] {
    @media (width >= 48rem) {
      padding: 25px 0 35px;
    }
  }
  .md\:p-\[25px_0_40px\] {
    @media (width >= 48rem) {
      padding: 25px 0 40px;
    }
  }
  .md\:p-\[25px_15px\] {
    @media (width >= 48rem) {
      padding: 25px 15px;
    }
  }
  .md\:p-\[25px_15px_25px_20px\] {
    @media (width >= 48rem) {
      padding: 25px 15px 25px 20px;
    }
  }
  .md\:p-\[25px_15px_40px\] {
    @media (width >= 48rem) {
      padding: 25px 15px 40px;
    }
  }
  .md\:p-\[25px_35px_20px_0\] {
    @media (width >= 48rem) {
      padding: 25px 35px 20px 0;
    }
  }
  .md\:p-\[30px\] {
    @media (width >= 48rem) {
      padding: 30px;
    }
  }
  .md\:p-\[30px_0\] {
    @media (width >= 48rem) {
      padding: 30px 0;
    }
  }
  .md\:p-\[30px_0_0\] {
    @media (width >= 48rem) {
      padding: 30px 0 0;
    }
  }
  .md\:p-\[30px_0_40px\] {
    @media (width >= 48rem) {
      padding: 30px 0 40px;
    }
  }
  .md\:p-\[30px_0_40px_0\] {
    @media (width >= 48rem) {
      padding: 30px 0 40px 0;
    }
  }
  .md\:p-\[30px_0_45px\] {
    @media (width >= 48rem) {
      padding: 30px 0 45px;
    }
  }
  .md\:p-\[30px_0_45px_0\] {
    @media (width >= 48rem) {
      padding: 30px 0 45px 0;
    }
  }
  .md\:p-\[30px_15px\] {
    @media (width >= 48rem) {
      padding: 30px 15px;
    }
  }
  .md\:p-\[30px_15px_50px\] {
    @media (width >= 48rem) {
      padding: 30px 15px 50px;
    }
  }
  .md\:p-\[30px_20px\] {
    @media (width >= 48rem) {
      padding: 30px 20px;
    }
  }
  .md\:p-\[30px_25px_40px\] {
    @media (width >= 48rem) {
      padding: 30px 25px 40px;
    }
  }
  .md\:p-\[35px_0_0\] {
    @media (width >= 48rem) {
      padding: 35px 0 0;
    }
  }
  .md\:p-\[35px_0_25px_0\] {
    @media (width >= 48rem) {
      padding: 35px 0 25px 0;
    }
  }
  .md\:p-\[35px_0_30px\] {
    @media (width >= 48rem) {
      padding: 35px 0 30px;
    }
  }
  .md\:p-\[35px_0_40px\] {
    @media (width >= 48rem) {
      padding: 35px 0 40px;
    }
  }
  .md\:p-\[35px_12px\] {
    @media (width >= 48rem) {
      padding: 35px 12px;
    }
  }
  .md\:p-\[35px_15px_20px\] {
    @media (width >= 48rem) {
      padding: 35px 15px 20px;
    }
  }
  .md\:p-\[35px_15px_25px_10px\] {
    @media (width >= 48rem) {
      padding: 35px 15px 25px 10px;
    }
  }
  .md\:p-\[35px_15px_35px\] {
    @media (width >= 48rem) {
      padding: 35px 15px 35px;
    }
  }
  .md\:p-\[35px_15px_45px\] {
    @media (width >= 48rem) {
      padding: 35px 15px 45px;
    }
  }
  .md\:p-\[35px_20px_30px\] {
    @media (width >= 48rem) {
      padding: 35px 20px 30px;
    }
  }
  .md\:p-\[35px_25px_30px\] {
    @media (width >= 48rem) {
      padding: 35px 25px 30px;
    }
  }
  .md\:p-\[40px_0_0\] {
    @media (width >= 48rem) {
      padding: 40px 0 0;
    }
  }
  .md\:p-\[40px_0_20px\] {
    @media (width >= 48rem) {
      padding: 40px 0 20px;
    }
  }
  .md\:p-\[40px_0_25px\] {
    @media (width >= 48rem) {
      padding: 40px 0 25px;
    }
  }
  .md\:p-\[40px_0_60px\] {
    @media (width >= 48rem) {
      padding: 40px 0 60px;
    }
  }
  .md\:p-\[40px_0_90px\] {
    @media (width >= 48rem) {
      padding: 40px 0 90px;
    }
  }
  .md\:p-\[40px_15px\] {
    @media (width >= 48rem) {
      padding: 40px 15px;
    }
  }
  .md\:p-\[40px_15px_0\] {
    @media (width >= 48rem) {
      padding: 40px 15px 0;
    }
  }
  .md\:p-\[40px_15px_25px\] {
    @media (width >= 48rem) {
      padding: 40px 15px 25px;
    }
  }
  .md\:p-\[40px_20px\] {
    @media (width >= 48rem) {
      padding: 40px 20px;
    }
  }
  .md\:p-\[40px_20px_0_20px\] {
    @media (width >= 48rem) {
      padding: 40px 20px 0 20px;
    }
  }
  .md\:p-\[40px_20px_50px\] {
    @media (width >= 48rem) {
      padding: 40px 20px 50px;
    }
  }
  .md\:p-\[45px_0_90px\] {
    @media (width >= 48rem) {
      padding: 45px 0 90px;
    }
  }
  .md\:p-\[45px_20px\] {
    @media (width >= 48rem) {
      padding: 45px 20px;
    }
  }
  .md\:p-\[45px_20px_30px\] {
    @media (width >= 48rem) {
      padding: 45px 20px 30px;
    }
  }
  .md\:p-\[45px_45px_35px\] {
    @media (width >= 48rem) {
      padding: 45px 45px 35px;
    }
  }
  .md\:p-\[50px_0_0\] {
    @media (width >= 48rem) {
      padding: 50px 0 0;
    }
  }
  .md\:p-\[50px_0_0_0\] {
    @media (width >= 48rem) {
      padding: 50px 0 0 0;
    }
  }
  .md\:p-\[50px_0_75px\] {
    @media (width >= 48rem) {
      padding: 50px 0 75px;
    }
  }
  .md\:p-\[50px_15px\] {
    @media (width >= 48rem) {
      padding: 50px 15px;
    }
  }
  .md\:p-\[50px_20px_35px\] {
    @media (width >= 48rem) {
      padding: 50px 20px 35px;
    }
  }
  .md\:p-\[50px_20px_40px\] {
    @media (width >= 48rem) {
      padding: 50px 20px 40px;
    }
  }
  .md\:p-\[50px_25px\] {
    @media (width >= 48rem) {
      padding: 50px 25px;
    }
  }
  .md\:p-\[50px_35px_45px\] {
    @media (width >= 48rem) {
      padding: 50px 35px 45px;
    }
  }
  .md\:p-\[55px_0\] {
    @media (width >= 48rem) {
      padding: 55px 0;
    }
  }
  .md\:p-\[55px_20px_45px\] {
    @media (width >= 48rem) {
      padding: 55px 20px 45px;
    }
  }
  .md\:p-\[55px_20px_50px\] {
    @media (width >= 48rem) {
      padding: 55px 20px 50px;
    }
  }
  .md\:p-\[60px_0\] {
    @media (width >= 48rem) {
      padding: 60px 0;
    }
  }
  .md\:p-\[60px_0_0\] {
    @media (width >= 48rem) {
      padding: 60px 0 0;
    }
  }
  .md\:p-\[60px_0_10px\] {
    @media (width >= 48rem) {
      padding: 60px 0 10px;
    }
  }
  .md\:p-\[60px_0_80px\] {
    @media (width >= 48rem) {
      padding: 60px 0 80px;
    }
  }
  .md\:p-\[60px_20px\] {
    @media (width >= 48rem) {
      padding: 60px 20px;
    }
  }
  .md\:p-\[70px_0_40px\] {
    @media (width >= 48rem) {
      padding: 70px 0 40px;
    }
  }
  .md\:p-\[70px_0_60px\] {
    @media (width >= 48rem) {
      padding: 70px 0 60px;
    }
  }
  .md\:p-\[70px_15px_20px\] {
    @media (width >= 48rem) {
      padding: 70px 15px 20px;
    }
  }
  .md\:p-\[70px_30px\] {
    @media (width >= 48rem) {
      padding: 70px 30px;
    }
  }
  .md\:p-\[80px_0\] {
    @media (width >= 48rem) {
      padding: 80px 0;
    }
  }
  .md\:p-\[80px_0_0\] {
    @media (width >= 48rem) {
      padding: 80px 0 0;
    }
  }
  .md\:p-\[80px_0_50px\] {
    @media (width >= 48rem) {
      padding: 80px 0 50px;
    }
  }
  .md\:p-\[80px_0_70px\] {
    @media (width >= 48rem) {
      padding: 80px 0 70px;
    }
  }
  .md\:p-\[80px_0_80px\] {
    @media (width >= 48rem) {
      padding: 80px 0 80px;
    }
  }
  .md\:p-\[80px_0_90px\] {
    @media (width >= 48rem) {
      padding: 80px 0 90px;
    }
  }
  .md\:p-\[80px_0_100px\] {
    @media (width >= 48rem) {
      padding: 80px 0 100px;
    }
  }
  .md\:p-\[80px_0_200px\] {
    @media (width >= 48rem) {
      padding: 80px 0 200px;
    }
  }
  .md\:p-\[80px_15px\] {
    @media (width >= 48rem) {
      padding: 80px 15px;
    }
  }
  .md\:p-\[90px_0_90px\] {
    @media (width >= 48rem) {
      padding: 90px 0 90px;
    }
  }
  .md\:p-\[100px_0\] {
    @media (width >= 48rem) {
      padding: 100px 0;
    }
  }
  .md\:p-\[100px_0_0\] {
    @media (width >= 48rem) {
      padding: 100px 0 0;
    }
  }
  .md\:p-\[100px_0_60px\] {
    @media (width >= 48rem) {
      padding: 100px 0 60px;
    }
  }
  .md\:p-\[100px_0_80px\] {
    @media (width >= 48rem) {
      padding: 100px 0 80px;
    }
  }
  .md\:p-\[130px_0_30px\] {
    @media (width >= 48rem) {
      padding: 130px 0 30px;
    }
  }
  .md\:p-\[130px_0_70px\] {
    @media (width >= 48rem) {
      padding: 130px 0 70px;
    }
  }
  .md\:p-\[150px_0_50px\] {
    @media (width >= 48rem) {
      padding: 150px 0 50px;
    }
  }
  .md\:p-\[150px_0_80px\] {
    @media (width >= 48rem) {
      padding: 150px 0 80px;
    }
  }
  .md\:p-\[150px_0_100px\] {
    @media (width >= 48rem) {
      padding: 150px 0 100px;
    }
  }
  .md\:p-\[150px_0_265px\] {
    @media (width >= 48rem) {
      padding: 150px 0 265px;
    }
  }
  .md\:p-\[150px_0_285px\] {
    @media (width >= 48rem) {
      padding: 150px 0 285px;
    }
  }
  .md\:p-\[180px_0_0\] {
    @media (width >= 48rem) {
      padding: 180px 0 0;
    }
  }
  .md\:p-\[200px_0_100px\] {
    @media (width >= 48rem) {
      padding: 200px 0 100px;
    }
  }
  .md\:\!px-20 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 20) !important;
    }
  }
  .md\:px-1 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 1);
    }
  }
  .md\:px-2 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .md\:px-3 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .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-7 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 7);
    }
  }
  .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-14 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 14);
    }
  }
  .md\:px-16 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 16);
    }
  }
  .md\:px-24 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 24);
    }
  }
  .md\:px-\[12\.5px\] {
    @media (width >= 48rem) {
      padding-inline: 12.5px;
    }
  }
  .md\:px-\[20px\] {
    @media (width >= 48rem) {
      padding-inline: 20px;
    }
  }
  .md\:px-\[30px\] {
    @media (width >= 48rem) {
      padding-inline: 30px;
    }
  }
  .md\:px-\[60px\] {
    @media (width >= 48rem) {
      padding-inline: 60px;
    }
  }
  .md\:\!py-20 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 20) !important;
    }
  }
  .md\:\!py-24 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 24) !important;
    }
  }
  .md\:\!py-\[7rem\] {
    @media (width >= 48rem) {
      padding-block: 7rem !important;
    }
  }
  .md\:\!py-\[8rem\] {
    @media (width >= 48rem) {
      padding-block: 8rem !important;
    }
  }
  .md\:py-0 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 0);
    }
  }
  .md\:py-1\.5 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 1.5);
    }
  }
  .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-3\.5 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 3.5);
    }
  }
  .md\:py-4 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 4);
    }
  }
  .md\:py-5 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 5);
    }
  }
  .md\:py-6 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 6);
    }
  }
  .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-28 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 28);
    }
  }
  .md\:py-32 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 32);
    }
  }
  .md\:py-\[35px\] {
    @media (width >= 48rem) {
      padding-block: 35px;
    }
  }
  .md\:py-\[100px\] {
    @media (width >= 48rem) {
      padding-block: 100px;
    }
  }
  .md\:py-\[120px\] {
    @media (width >= 48rem) {
      padding-block: 120px;
    }
  }
  .md\:ps-2\.5 {
    @media (width >= 48rem) {
      padding-inline-start: calc(var(--spacing) * 2.5);
    }
  }
  .md\:ps-3 {
    @media (width >= 48rem) {
      padding-inline-start: calc(var(--spacing) * 3);
    }
  }
  .md\:ps-5 {
    @media (width >= 48rem) {
      padding-inline-start: calc(var(--spacing) * 5);
    }
  }
  .md\:ps-6 {
    @media (width >= 48rem) {
      padding-inline-start: calc(var(--spacing) * 6);
    }
  }
  .md\:ps-7 {
    @media (width >= 48rem) {
      padding-inline-start: calc(var(--spacing) * 7);
    }
  }
  .md\:ps-12 {
    @media (width >= 48rem) {
      padding-inline-start: calc(var(--spacing) * 12);
    }
  }
  .md\:ps-65 {
    @media (width >= 48rem) {
      padding-inline-start: calc(var(--spacing) * 65);
    }
  }
  .md\:pt-0 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .md\:pt-3 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 3);
    }
  }
  .md\:pt-5 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 5);
    }
  }
  .md\:pt-8 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 8);
    }
  }
  .md\:pt-10 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 10);
    }
  }
  .md\:pt-14 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 14);
    }
  }
  .md\:pt-16 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 16);
    }
  }
  .md\:pt-20 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 20);
    }
  }
  .md\:pt-24 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 24);
    }
  }
  .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\:pt-36 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 36);
    }
  }
  .md\:pt-40 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 40);
    }
  }
  .md\:pt-\[4\.5rem\] {
    @media (width >= 48rem) {
      padding-top: 4.5rem;
    }
  }
  .md\:pt-\[5px\] {
    @media (width >= 48rem) {
      padding-top: 5px;
    }
  }
  .md\:pt-\[10px\] {
    @media (width >= 48rem) {
      padding-top: 10px;
    }
  }
  .md\:pt-\[12\.5rem\] {
    @media (width >= 48rem) {
      padding-top: 12.5rem;
    }
  }
  .md\:pt-\[15px\] {
    @media (width >= 48rem) {
      padding-top: 15px;
    }
  }
  .md\:pt-\[22px\] {
    @media (width >= 48rem) {
      padding-top: 22px;
    }
  }
  .md\:pt-\[25px\] {
    @media (width >= 48rem) {
      padding-top: 25px;
    }
  }
  .md\:pt-\[30px\] {
    @media (width >= 48rem) {
      padding-top: 30px;
    }
  }
  .md\:pt-\[40px\] {
    @media (width >= 48rem) {
      padding-top: 40px;
    }
  }
  .md\:pt-\[45px\] {
    @media (width >= 48rem) {
      padding-top: 45px;
    }
  }
  .md\:pt-\[50px\] {
    @media (width >= 48rem) {
      padding-top: 50px;
    }
  }
  .md\:pt-\[60px\] {
    @media (width >= 48rem) {
      padding-top: 60px;
    }
  }
  .md\:pt-\[70px\] {
    @media (width >= 48rem) {
      padding-top: 70px;
    }
  }
  .md\:pt-\[80px\] {
    @media (width >= 48rem) {
      padding-top: 80px;
    }
  }
  .md\:pt-\[90px\] {
    @media (width >= 48rem) {
      padding-top: 90px;
    }
  }
  .md\:pt-\[99px\] {
    @media (width >= 48rem) {
      padding-top: 99px;
    }
  }
  .md\:pt-\[100px\] {
    @media (width >= 48rem) {
      padding-top: 100px;
    }
  }
  .md\:pt-\[120px\] {
    @media (width >= 48rem) {
      padding-top: 120px;
    }
  }
  .md\:pt-\[130px\] {
    @media (width >= 48rem) {
      padding-top: 130px;
    }
  }
  .md\:pt-\[150px\] {
    @media (width >= 48rem) {
      padding-top: 150px;
    }
  }
  .md\:pt-\[180px\] {
    @media (width >= 48rem) {
      padding-top: 180px;
    }
  }
  .md\:pt-\[190px\] {
    @media (width >= 48rem) {
      padding-top: 190px;
    }
  }
  .md\:pr-0 {
    @media (width >= 48rem) {
      padding-right: calc(var(--spacing) * 0);
    }
  }
  .md\:pr-1 {
    @media (width >= 48rem) {
      padding-right: calc(var(--spacing) * 1);
    }
  }
  .md\:pr-5 {
    @media (width >= 48rem) {
      padding-right: calc(var(--spacing) * 5);
    }
  }
  .md\:pr-12 {
    @media (width >= 48rem) {
      padding-right: calc(var(--spacing) * 12);
    }
  }
  .md\:pr-40 {
    @media (width >= 48rem) {
      padding-right: calc(var(--spacing) * 40);
    }
  }
  .md\:pr-\[3rem\] {
    @media (width >= 48rem) {
      padding-right: 3rem;
    }
  }
  .md\:pr-\[15px\] {
    @media (width >= 48rem) {
      padding-right: 15px;
    }
  }
  .md\:pr-\[50px\] {
    @media (width >= 48rem) {
      padding-right: 50px;
    }
  }
  .md\:\!pb-24 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 24) !important;
    }
  }
  .md\:pb-0 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .md\:pb-0\.5 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 0.5);
    }
  }
  .md\:pb-2 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 2);
    }
  }
  .md\:pb-2\.5 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 2.5);
    }
  }
  .md\:pb-5 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 5);
    }
  }
  .md\:pb-10 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 10);
    }
  }
  .md\:pb-20 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 20);
    }
  }
  .md\:pb-24 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 24);
    }
  }
  .md\:pb-28 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 28);
    }
  }
  .md\:pb-32 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 32);
    }
  }
  .md\:pb-40 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 40);
    }
  }
  .md\:pb-\[5px\] {
    @media (width >= 48rem) {
      padding-bottom: 5px;
    }
  }
  .md\:pb-\[7rem\] {
    @media (width >= 48rem) {
      padding-bottom: 7rem;
    }
  }
  .md\:pb-\[10px\] {
    @media (width >= 48rem) {
      padding-bottom: 10px;
    }
  }
  .md\:pb-\[12px\] {
    @media (width >= 48rem) {
      padding-bottom: 12px;
    }
  }
  .md\:pb-\[15px\] {
    @media (width >= 48rem) {
      padding-bottom: 15px;
    }
  }
  .md\:pb-\[18px\] {
    @media (width >= 48rem) {
      padding-bottom: 18px;
    }
  }
  .md\:pb-\[25px\] {
    @media (width >= 48rem) {
      padding-bottom: 25px;
    }
  }
  .md\:pb-\[30px\] {
    @media (width >= 48rem) {
      padding-bottom: 30px;
    }
  }
  .md\:pb-\[45px\] {
    @media (width >= 48rem) {
      padding-bottom: 45px;
    }
  }
  .md\:pb-\[50px\] {
    @media (width >= 48rem) {
      padding-bottom: 50px;
    }
  }
  .md\:pb-\[60px\] {
    @media (width >= 48rem) {
      padding-bottom: 60px;
    }
  }
  .md\:pb-\[70px\] {
    @media (width >= 48rem) {
      padding-bottom: 70px;
    }
  }
  .md\:pb-\[90px\] {
    @media (width >= 48rem) {
      padding-bottom: 90px;
    }
  }
  .md\:pb-\[100px\] {
    @media (width >= 48rem) {
      padding-bottom: 100px;
    }
  }
  .md\:pb-\[120px\] {
    @media (width >= 48rem) {
      padding-bottom: 120px;
    }
  }
  .md\:pb-\[150px\] {
    @media (width >= 48rem) {
      padding-bottom: 150px;
    }
  }
  .md\:pb-\[300px\] {
    @media (width >= 48rem) {
      padding-bottom: 300px;
    }
  }
  .md\:pl-0 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 0);
    }
  }
  .md\:pl-3 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 3);
    }
  }
  .md\:pl-5 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 5);
    }
  }
  .md\:pl-6 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 6);
    }
  }
  .md\:pl-12 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 12);
    }
  }
  .md\:pl-14 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 14);
    }
  }
  .md\:pl-16 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 16);
    }
  }
  .md\:pl-\[3rem\] {
    @media (width >= 48rem) {
      padding-left: 3rem;
    }
  }
  .md\:pl-\[15px\] {
    @media (width >= 48rem) {
      padding-left: 15px;
    }
  }
  .md\:pl-\[50px\] {
    @media (width >= 48rem) {
      padding-left: 50px;
    }
  }
  .md\:\!text-right {
    @media (width >= 48rem) {
      text-align: right !important;
    }
  }
  .md\:text-center {
    @media (width >= 48rem) {
      text-align: center;
    }
  }
  .md\:text-left {
    @media (width >= 48rem) {
      text-align: left;
    }
  }
  .md\:text-right {
    @media (width >= 48rem) {
      text-align: right;
    }
  }
  .md\:font-\[normal\] {
    @media (width >= 48rem) {
      font-family: normal;
    }
  }
  .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-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-\[66px\]\/19 {
    @media (width >= 48rem) {
      font-size: 66px;
      line-height: calc(var(--spacing) * 19);
    }
  }
  .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-xs {
    @media (width >= 48rem) {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .md\:\!text-\[1\.05rem\] {
    @media (width >= 48rem) {
      font-size: 1.05rem !important;
    }
  }
  .md\:text-\[0\.875rem\] {
    @media (width >= 48rem) {
      font-size: 0.875rem;
    }
  }
  .md\:text-\[1\.3em\] {
    @media (width >= 48rem) {
      font-size: 1.3em;
    }
  }
  .md\:text-\[2\.6rem\] {
    @media (width >= 48rem) {
      font-size: 2.6rem;
    }
  }
  .md\:text-\[2\.55rem\] {
    @media (width >= 48rem) {
      font-size: 2.55rem;
    }
  }
  .md\:text-\[9px\] {
    @media (width >= 48rem) {
      font-size: 9px;
    }
  }
  .md\:text-\[10px\] {
    @media (width >= 48rem) {
      font-size: 10px;
    }
  }
  .md\:text-\[11px\] {
    @media (width >= 48rem) {
      font-size: 11px;
    }
  }
  .md\:text-\[12px\] {
    @media (width >= 48rem) {
      font-size: 12px;
    }
  }
  .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-\[16px\] {
    @media (width >= 48rem) {
      font-size: 16px;
    }
  }
  .md\:text-\[17px\] {
    @media (width >= 48rem) {
      font-size: 17px;
    }
  }
  .md\:text-\[18px\] {
    @media (width >= 48rem) {
      font-size: 18px;
    }
  }
  .md\:text-\[19px\] {
    @media (width >= 48rem) {
      font-size: 19px;
    }
  }
  .md\:text-\[20px\] {
    @media (width >= 48rem) {
      font-size: 20px;
    }
  }
  .md\:text-\[22px\] {
    @media (width >= 48rem) {
      font-size: 22px;
    }
  }
  .md\:text-\[24px\] {
    @media (width >= 48rem) {
      font-size: 24px;
    }
  }
  .md\:text-\[25px\] {
    @media (width >= 48rem) {
      font-size: 25px;
    }
  }
  .md\:text-\[26px\] {
    @media (width >= 48rem) {
      font-size: 26px;
    }
  }
  .md\:text-\[28px\] {
    @media (width >= 48rem) {
      font-size: 28px;
    }
  }
  .md\:text-\[30px\] {
    @media (width >= 48rem) {
      font-size: 30px;
    }
  }
  .md\:text-\[32px\] {
    @media (width >= 48rem) {
      font-size: 32px;
    }
  }
  .md\:text-\[35px\] {
    @media (width >= 48rem) {
      font-size: 35px;
    }
  }
  .md\:text-\[36px\] {
    @media (width >= 48rem) {
      font-size: 36px;
    }
  }
  .md\:text-\[38px\] {
    @media (width >= 48rem) {
      font-size: 38px;
    }
  }
  .md\:text-\[40px\] {
    @media (width >= 48rem) {
      font-size: 40px;
    }
  }
  .md\:text-\[42px\] {
    @media (width >= 48rem) {
      font-size: 42px;
    }
  }
  .md\:text-\[45px\] {
    @media (width >= 48rem) {
      font-size: 45px;
    }
  }
  .md\:text-\[48px\] {
    @media (width >= 48rem) {
      font-size: 48px;
    }
  }
  .md\:text-\[50px\] {
    @media (width >= 48rem) {
      font-size: 50px;
    }
  }
  .md\:text-\[55px\] {
    @media (width >= 48rem) {
      font-size: 55px;
    }
  }
  .md\:text-\[92px\] {
    @media (width >= 48rem) {
      font-size: 92px;
    }
  }
  .md\:leading-10 {
    @media (width >= 48rem) {
      --tw-leading: calc(var(--spacing) * 10);
      line-height: calc(var(--spacing) * 10);
    }
  }
  .md\:leading-\[1\.2\] {
    @media (width >= 48rem) {
      --tw-leading: 1.2;
      line-height: 1.2;
    }
  }
  .md\:leading-\[1\.2em\] {
    @media (width >= 48rem) {
      --tw-leading: 1.2em;
      line-height: 1.2em;
    }
  }
  .md\:leading-\[1\.4em\] {
    @media (width >= 48rem) {
      --tw-leading: 1.4em;
      line-height: 1.4em;
    }
  }
  .md\:leading-\[1\.5em\] {
    @media (width >= 48rem) {
      --tw-leading: 1.5em;
      line-height: 1.5em;
    }
  }
  .md\:leading-\[1\.6em\] {
    @media (width >= 48rem) {
      --tw-leading: 1.6em;
      line-height: 1.6em;
    }
  }
  .md\:leading-\[1\.7em\] {
    @media (width >= 48rem) {
      --tw-leading: 1.7em;
      line-height: 1.7em;
    }
  }
  .md\:leading-\[1\.15em\] {
    @media (width >= 48rem) {
      --tw-leading: 1.15em;
      line-height: 1.15em;
    }
  }
  .md\:leading-\[1\.18em\] {
    @media (width >= 48rem) {
      --tw-leading: 1.18em;
      line-height: 1.18em;
    }
  }
  .md\:leading-\[1\.19em\] {
    @media (width >= 48rem) {
      --tw-leading: 1.19em;
      line-height: 1.19em;
    }
  }
  .md\:leading-\[1\.22em\] {
    @media (width >= 48rem) {
      --tw-leading: 1.22em;
      line-height: 1.22em;
    }
  }
  .md\:leading-\[1\.25em\] {
    @media (width >= 48rem) {
      --tw-leading: 1.25em;
      line-height: 1.25em;
    }
  }
  .md\:leading-\[1\.29em\] {
    @media (width >= 48rem) {
      --tw-leading: 1.29em;
      line-height: 1.29em;
    }
  }
  .md\:leading-\[1\.45em\] {
    @media (width >= 48rem) {
      --tw-leading: 1.45em;
      line-height: 1.45em;
    }
  }
  .md\:leading-\[1\.55em\] {
    @media (width >= 48rem) {
      --tw-leading: 1.55em;
      line-height: 1.55em;
    }
  }
  .md\:leading-\[1\.65em\] {
    @media (width >= 48rem) {
      --tw-leading: 1.65em;
      line-height: 1.65em;
    }
  }
  .md\:leading-\[1\.75em\] {
    @media (width >= 48rem) {
      --tw-leading: 1.75em;
      line-height: 1.75em;
    }
  }
  .md\:leading-\[2em\] {
    @media (width >= 48rem) {
      --tw-leading: 2em;
      line-height: 2em;
    }
  }
  .md\:leading-\[25px\] {
    @media (width >= 48rem) {
      --tw-leading: 25px;
      line-height: 25px;
    }
  }
  .md\:leading-\[40px\] {
    @media (width >= 48rem) {
      --tw-leading: 40px;
      line-height: 40px;
    }
  }
  .md\:leading-\[47px\] {
    @media (width >= 48rem) {
      --tw-leading: 47px;
      line-height: 47px;
    }
  }
  .md\:leading-\[48px\] {
    @media (width >= 48rem) {
      --tw-leading: 48px;
      line-height: 48px;
    }
  }
  .md\:leading-\[50px\] {
    @media (width >= 48rem) {
      --tw-leading: 50px;
      line-height: 50px;
    }
  }
  .md\:leading-\[52px\] {
    @media (width >= 48rem) {
      --tw-leading: 52px;
      line-height: 52px;
    }
  }
  .md\:leading-\[55px\] {
    @media (width >= 48rem) {
      --tw-leading: 55px;
      line-height: 55px;
    }
  }
  .md\:leading-tight {
    @media (width >= 48rem) {
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
    }
  }
  .md\:tracking-\[-0\.5px\] {
    @media (width >= 48rem) {
      --tw-tracking: -0.5px;
      letter-spacing: -0.5px;
    }
  }
  .md\:tracking-\[0px\] {
    @media (width >= 48rem) {
      --tw-tracking: 0px;
      letter-spacing: 0px;
    }
  }
  .md\:tracking-\[1px\] {
    @media (width >= 48rem) {
      --tw-tracking: 1px;
      letter-spacing: 1px;
    }
  }
  .md\:text-wrap {
    @media (width >= 48rem) {
      text-wrap: wrap;
    }
  }
  .md\:text-black {
    @media (width >= 48rem) {
      color: var(--color-black);
    }
  }
  .md\:text-white {
    @media (width >= 48rem) {
      color: var(--color-white);
    }
  }
  .md\:not-italic {
    @media (width >= 48rem) {
      font-style: normal;
    }
  }
  .md\:opacity-0 {
    @media (width >= 48rem) {
      opacity: 0%;
    }
  }
  .md\:opacity-100 {
    @media (width >= 48rem) {
      opacity: 100%;
    }
  }
  .md\:opacity-\[0\.2\] {
    @media (width >= 48rem) {
      opacity: 0.2;
    }
  }
  .md\:shadow-2xl {
    @media (width >= 48rem) {
      --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);
    }
  }
  .md\:shadow-\[0px_40px_50px_0px_rgba\(137\,139\,142\,0\.15\)\] {
    @media (width >= 48rem) {
      --tw-shadow: 0px 40px 50px 0px var(--tw-shadow-color, rgba(137,139,142,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);
    }
  }
  .md\:transition-all {
    @media (width >= 48rem) {
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .md\:duration-\[0\.3s\] {
    @media (width >= 48rem) {
      --tw-duration: 0.3s;
      transition-duration: 0.3s;
    }
  }
  .md\:duration-\[150ms\] {
    @media (width >= 48rem) {
      --tw-duration: 150ms;
      transition-duration: 150ms;
    }
  }
  .md\:ease-\[ease-in-out\] {
    @media (width >= 48rem) {
      --tw-ease: ease-in-out;
      transition-timing-function: ease-in-out;
    }
  }
  .md\:\[--strategy\:absolute\] {
    @media (width >= 48rem) {
      --strategy: absolute;
    }
  }
  .md\:\[--trigger\:hover\] {
    @media (width >= 48rem) {
      --trigger: hover;
    }
  }
  .md\:group-hover\:opacity-100 {
    @media (width >= 48rem) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          opacity: 100%;
        }
      }
    }
  }
  .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) + 16px);
      }
    }
  }
  .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);
        }
      }
    }
  }
  .md\:before\:invisible {
    @media (width >= 48rem) {
      &::before {
        content: var(--tw-content);
        visibility: hidden;
      }
    }
  }
  .md\:before\:inset-x-2\.5 {
    @media (width >= 48rem) {
      &::before {
        content: var(--tw-content);
        inset-inline: calc(var(--spacing) * 2.5);
      }
    }
  }
  .md\:before\:top-0 {
    @media (width >= 48rem) {
      &::before {
        content: var(--tw-content);
        top: calc(var(--spacing) * 0);
      }
    }
  }
  .md\:before\:top-2\.5 {
    @media (width >= 48rem) {
      &::before {
        content: var(--tw-content);
        top: calc(var(--spacing) * 2.5);
      }
    }
  }
  .md\:before\:\!bottom-\[10px\] {
    @media (width >= 48rem) {
      &::before {
        content: var(--tw-content);
        bottom: 10px !important;
      }
    }
  }
  .md\:before\:bottom-0 {
    @media (width >= 48rem) {
      &::before {
        content: var(--tw-content);
        bottom: calc(var(--spacing) * 0);
      }
    }
  }
  .md\:before\:bottom-0\.5 {
    @media (width >= 48rem) {
      &::before {
        content: var(--tw-content);
        bottom: calc(var(--spacing) * 0.5);
      }
    }
  }
  .md\:before\:bottom-2\.5 {
    @media (width >= 48rem) {
      &::before {
        content: var(--tw-content);
        bottom: calc(var(--spacing) * 2.5);
      }
    }
  }
  .md\:before\:bottom-\[2px\] {
    @media (width >= 48rem) {
      &::before {
        content: var(--tw-content);
        bottom: 2px;
      }
    }
  }
  .md\:before\:block {
    @media (width >= 48rem) {
      &::before {
        content: var(--tw-content);
        display: block;
      }
    }
  }
  .md\:before\:hidden {
    @media (width >= 48rem) {
      &::before {
        content: var(--tw-content);
        display: none;
      }
    }
  }
  .md\:before\:h-2\.5 {
    @media (width >= 48rem) {
      &::before {
        content: var(--tw-content);
        height: calc(var(--spacing) * 2.5);
      }
    }
  }
  .md\:before\:h-\[10px\] {
    @media (width >= 48rem) {
      &::before {
        content: var(--tw-content);
        height: 10px;
      }
    }
  }
  .md\:before\:h-\[400px\] {
    @media (width >= 48rem) {
      &::before {
        content: var(--tw-content);
        height: 400px;
      }
    }
  }
  .md\:before\:h-\[500px\] {
    @media (width >= 48rem) {
      &::before {
        content: var(--tw-content);
        height: 500px;
      }
    }
  }
  .md\:before\:w-\[400px\] {
    @media (width >= 48rem) {
      &::before {
        content: var(--tw-content);
        width: 400px;
      }
    }
  }
  .md\:before\:w-\[500px\] {
    @media (width >= 48rem) {
      &::before {
        content: var(--tw-content);
        width: 500px;
      }
    }
  }
  .md\:before\:border-r {
    @media (width >= 48rem) {
      &::before {
        content: var(--tw-content);
        border-right-style: var(--tw-border-style);
        border-right-width: 1px;
      }
    }
  }
  .md\:before\:border-b-0 {
    @media (width >= 48rem) {
      &::before {
        content: var(--tw-content);
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0px;
      }
    }
  }
  .md\:before\:border-l {
    @media (width >= 48rem) {
      &::before {
        content: var(--tw-content);
        border-left-style: var(--tw-border-style);
        border-left-width: 1px;
      }
    }
  }
  .md\:before\:border-solid {
    @media (width >= 48rem) {
      &::before {
        content: var(--tw-content);
        --tw-border-style: solid;
        border-style: solid;
      }
    }
  }
  .md\:before\:border-t-\[none\] {
    @media (width >= 48rem) {
      &::before {
        content: var(--tw-content);
        border-top-color: none;
      }
    }
  }
  .md\:before\:border-r-white {
    @media (width >= 48rem) {
      &::before {
        content: var(--tw-content);
        border-right-color: var(--color-white);
      }
    }
  }
  .md\:before\:border-l-black {
    @media (width >= 48rem) {
      &::before {
        content: var(--tw-content);
        border-left-color: var(--color-black);
      }
    }
  }
  .md\:after\:top-0 {
    @media (width >= 48rem) {
      &::after {
        content: var(--tw-content);
        top: calc(var(--spacing) * 0);
      }
    }
  }
  .md\:after\:right-0 {
    @media (width >= 48rem) {
      &::after {
        content: var(--tw-content);
        right: calc(var(--spacing) * 0);
      }
    }
  }
  .md\:after\:right-\[6\%\] {
    @media (width >= 48rem) {
      &::after {
        content: var(--tw-content);
        right: 6%;
      }
    }
  }
  .md\:after\:right-\[14px\] {
    @media (width >= 48rem) {
      &::after {
        content: var(--tw-content);
        right: 14px;
      }
    }
  }
  .md\:after\:bottom-0 {
    @media (width >= 48rem) {
      &::after {
        content: var(--tw-content);
        bottom: calc(var(--spacing) * 0);
      }
    }
  }
  .md\:after\:left-0 {
    @media (width >= 48rem) {
      &::after {
        content: var(--tw-content);
        left: calc(var(--spacing) * 0);
      }
    }
  }
  .md\:after\:left-\[14px\] {
    @media (width >= 48rem) {
      &::after {
        content: var(--tw-content);
        left: 14px;
      }
    }
  }
  .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\:after\:h-\[350px\] {
    @media (width >= 48rem) {
      &::after {
        content: var(--tw-content);
        height: 350px;
      }
    }
  }
  .md\:after\:h-\[400px\] {
    @media (width >= 48rem) {
      &::after {
        content: var(--tw-content);
        height: 400px;
      }
    }
  }
  .md\:after\:w-10 {
    @media (width >= 48rem) {
      &::after {
        content: var(--tw-content);
        width: calc(var(--spacing) * 10);
      }
    }
  }
  .md\:after\:w-\[350px\] {
    @media (width >= 48rem) {
      &::after {
        content: var(--tw-content);
        width: 350px;
      }
    }
  }
  .md\:after\:w-\[400px\] {
    @media (width >= 48rem) {
      &::after {
        content: var(--tw-content);
        width: 400px;
      }
    }
  }
  .md\:after\:text-center {
    @media (width >= 48rem) {
      &::after {
        content: var(--tw-content);
        text-align: center;
      }
    }
  }
  .md\:after\:text-\[20px\] {
    @media (width >= 48rem) {
      &::after {
        content: var(--tw-content);
        font-size: 20px;
      }
    }
  }
  .md\:after\:leading-\[50px\] {
    @media (width >= 48rem) {
      &::after {
        content: var(--tw-content);
        --tw-leading: 50px;
        line-height: 50px;
      }
    }
  }
  .md\:after\:leading-\[55px\] {
    @media (width >= 48rem) {
      &::after {
        content: var(--tw-content);
        --tw-leading: 55px;
        line-height: 55px;
      }
    }
  }
  .lg\:\!sticky {
    @media (width >= 64rem) {
      position: sticky !important;
    }
  }
  .lg\:absolute {
    @media (width >= 64rem) {
      position: absolute;
    }
  }
  .lg\:fixed {
    @media (width >= 64rem) {
      position: fixed;
    }
  }
  .lg\:relative {
    @media (width >= 64rem) {
      position: relative;
    }
  }
  .lg\:static {
    @media (width >= 64rem) {
      position: static;
    }
  }
  .lg\:sticky {
    @media (width >= 64rem) {
      position: sticky;
    }
  }
  .lg\:inset-0 {
    @media (width >= 64rem) {
      inset: calc(var(--spacing) * 0);
    }
  }
  .lg\:end-auto {
    @media (width >= 64rem) {
      inset-inline-end: auto;
    }
  }
  .lg\:top-0 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 0);
    }
  }
  .lg\:top-1\/2 {
    @media (width >= 64rem) {
      top: calc(1 / 2 * 100%);
    }
  }
  .lg\:top-4 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 4);
    }
  }
  .lg\:top-6 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 6);
    }
  }
  .lg\:top-8 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 8);
    }
  }
  .lg\:top-14 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 14);
    }
  }
  .lg\:top-20 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 20);
    }
  }
  .lg\:top-24 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 24);
    }
  }
  .lg\:top-32 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 32);
    }
  }
  .lg\:top-\[5\.5rem\] {
    @media (width >= 64rem) {
      top: 5.5rem;
    }
  }
  .lg\:top-\[30px\] {
    @media (width >= 64rem) {
      top: 30px;
    }
  }
  .lg\:top-full {
    @media (width >= 64rem) {
      top: 100%;
    }
  }
  .lg\:-right-8 {
    @media (width >= 64rem) {
      right: calc(var(--spacing) * -8);
    }
  }
  .lg\:-right-12 {
    @media (width >= 64rem) {
      right: calc(var(--spacing) * -12);
    }
  }
  .lg\:-right-16 {
    @media (width >= 64rem) {
      right: calc(var(--spacing) * -16);
    }
  }
  .lg\:right-6 {
    @media (width >= 64rem) {
      right: calc(var(--spacing) * 6);
    }
  }
  .lg\:right-8 {
    @media (width >= 64rem) {
      right: calc(var(--spacing) * 8);
    }
  }
  .lg\:right-10 {
    @media (width >= 64rem) {
      right: calc(var(--spacing) * 10);
    }
  }
  .lg\:right-12 {
    @media (width >= 64rem) {
      right: calc(var(--spacing) * 12);
    }
  }
  .lg\:right-\[1\%\] {
    @media (width >= 64rem) {
      right: 1%;
    }
  }
  .lg\:right-auto {
    @media (width >= 64rem) {
      right: auto;
    }
  }
  .lg\:bottom-0 {
    @media (width >= 64rem) {
      bottom: calc(var(--spacing) * 0);
    }
  }
  .lg\:bottom-6 {
    @media (width >= 64rem) {
      bottom: calc(var(--spacing) * 6);
    }
  }
  .lg\:bottom-8 {
    @media (width >= 64rem) {
      bottom: calc(var(--spacing) * 8);
    }
  }
  .lg\:-left-4 {
    @media (width >= 64rem) {
      left: calc(var(--spacing) * -4);
    }
  }
  .lg\:-left-6 {
    @media (width >= 64rem) {
      left: calc(var(--spacing) * -6);
    }
  }
  .lg\:-left-8 {
    @media (width >= 64rem) {
      left: calc(var(--spacing) * -8);
    }
  }
  .lg\:-left-12 {
    @media (width >= 64rem) {
      left: calc(var(--spacing) * -12);
    }
  }
  .lg\:-left-20 {
    @media (width >= 64rem) {
      left: calc(var(--spacing) * -20);
    }
  }
  .lg\:left-0 {
    @media (width >= 64rem) {
      left: calc(var(--spacing) * 0);
    }
  }
  .lg\:left-1\/2 {
    @media (width >= 64rem) {
      left: calc(1 / 2 * 100%);
    }
  }
  .lg\:left-6 {
    @media (width >= 64rem) {
      left: calc(var(--spacing) * 6);
    }
  }
  .lg\:left-8 {
    @media (width >= 64rem) {
      left: calc(var(--spacing) * 8);
    }
  }
  .lg\:left-10 {
    @media (width >= 64rem) {
      left: calc(var(--spacing) * 10);
    }
  }
  .lg\:left-12 {
    @media (width >= 64rem) {
      left: calc(var(--spacing) * 12);
    }
  }
  .lg\:left-80 {
    @media (width >= 64rem) {
      left: calc(var(--spacing) * 80);
    }
  }
  .lg\:left-\[1\%\] {
    @media (width >= 64rem) {
      left: 1%;
    }
  }
  .lg\:left-auto {
    @media (width >= 64rem) {
      left: auto;
    }
  }
  .lg\:z-61 {
    @media (width >= 64rem) {
      z-index: 61;
    }
  }
  .lg\:z-auto {
    @media (width >= 64rem) {
      z-index: auto;
    }
  }
  .lg\:\!-order-1 {
    @media (width >= 64rem) {
      order: calc(1 * -1) !important;
    }
  }
  .lg\:\!order-2 {
    @media (width >= 64rem) {
      order: 2 !important;
    }
  }
  .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\:order-first {
    @media (width >= 64rem) {
      order: -9999;
    }
  }
  .lg\:order-last {
    @media (width >= 64rem) {
      order: 9999;
    }
  }
  .lg\:order-none {
    @media (width >= 64rem) {
      order: 0;
    }
  }
  .lg\:col-span-1 {
    @media (width >= 64rem) {
      grid-column: span 1 / span 1;
    }
  }
  .lg\:col-span-2 {
    @media (width >= 64rem) {
      grid-column: span 2 / span 2;
    }
  }
  .lg\:col-span-3 {
    @media (width >= 64rem) {
      grid-column: span 3 / span 3;
    }
  }
  .lg\:col-span-4 {
    @media (width >= 64rem) {
      grid-column: span 4 / span 4;
    }
  }
  .lg\:col-span-5 {
    @media (width >= 64rem) {
      grid-column: span 5 / span 5;
    }
  }
  .lg\:col-span-6 {
    @media (width >= 64rem) {
      grid-column: span 6 / span 6;
    }
  }
  .lg\:col-span-7 {
    @media (width >= 64rem) {
      grid-column: span 7 / span 7;
    }
  }
  .lg\:col-span-8 {
    @media (width >= 64rem) {
      grid-column: span 8 / span 8;
    }
  }
  .lg\:col-span-9 {
    @media (width >= 64rem) {
      grid-column: span 9 / span 9;
    }
  }
  .lg\:col-span-10 {
    @media (width >= 64rem) {
      grid-column: span 10 / span 10;
    }
  }
  .lg\:col-span-12 {
    @media (width >= 64rem) {
      grid-column: span 12 / span 12;
    }
  }
  .lg\:col-start-1 {
    @media (width >= 64rem) {
      grid-column-start: 1;
    }
  }
  .lg\:col-start-2 {
    @media (width >= 64rem) {
      grid-column-start: 2;
    }
  }
  .lg\:col-start-6 {
    @media (width >= 64rem) {
      grid-column-start: 6;
    }
  }
  .lg\:col-start-8 {
    @media (width >= 64rem) {
      grid-column-start: 8;
    }
  }
  .lg\:col-end-13 {
    @media (width >= 64rem) {
      grid-column-end: 13;
    }
  }
  .lg\:row-span-2 {
    @media (width >= 64rem) {
      grid-row: span 2 / span 2;
    }
  }
  .lg\:m-0 {
    @media (width >= 64rem) {
      margin: calc(var(--spacing) * 0);
    }
  }
  .lg\:m-\[0_-15px\] {
    @media (width >= 64rem) {
      margin: 0 -15px;
    }
  }
  .lg\:m-\[0_18px\] {
    @media (width >= 64rem) {
      margin: 0 18px;
    }
  }
  .lg\:m-\[0_20px\] {
    @media (width >= 64rem) {
      margin: 0 20px;
    }
  }
  .lg\:m-\[0_26px\] {
    @media (width >= 64rem) {
      margin: 0 26px;
    }
  }
  .lg\:m-\[250px_0_200px\] {
    @media (width >= 64rem) {
      margin: 250px 0 200px;
    }
  }
  .lg\:-mx-8 {
    @media (width >= 64rem) {
      margin-inline: calc(var(--spacing) * -8);
    }
  }
  .lg\:mx-0 {
    @media (width >= 64rem) {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  .lg\:mx-8 {
    @media (width >= 64rem) {
      margin-inline: calc(var(--spacing) * 8);
    }
  }
  .lg\:mx-16 {
    @media (width >= 64rem) {
      margin-inline: calc(var(--spacing) * 16);
    }
  }
  .lg\:mx-64 {
    @media (width >= 64rem) {
      margin-inline: calc(var(--spacing) * 64);
    }
  }
  .lg\:mx-\[-7\.5px\] {
    @media (width >= 64rem) {
      margin-inline: -7.5px;
    }
  }
  .lg\:mx-\[-12\.5px\] {
    @media (width >= 64rem) {
      margin-inline: -12.5px;
    }
  }
  .lg\:mx-\[-20px\] {
    @media (width >= 64rem) {
      margin-inline: -20px;
    }
  }
  .lg\:mx-\[2\.5rem\] {
    @media (width >= 64rem) {
      margin-inline: 2.5rem;
    }
  }
  .lg\:mx-auto {
    @media (width >= 64rem) {
      margin-inline: auto;
    }
  }
  .lg\:my-0 {
    @media (width >= 64rem) {
      margin-block: calc(var(--spacing) * 0);
    }
  }
  .lg\:my-24 {
    @media (width >= 64rem) {
      margin-block: calc(var(--spacing) * 24);
    }
  }
  .lg\:-ms-6 {
    @media (width >= 64rem) {
      margin-inline-start: calc(var(--spacing) * -6);
    }
  }
  .lg\:me-6 {
    @media (width >= 64rem) {
      margin-inline-end: calc(var(--spacing) * 6);
    }
  }
  .lg\:prose-lg {
    @media (width >= 64rem) {
      font-size: 1.125rem;
      line-height: 1.7777778;
      :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em;
      }
      :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 1.2222222em;
        line-height: 1.4545455;
        margin-top: 1.0909091em;
        margin-bottom: 1.0909091em;
      }
      :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.6666667em;
        margin-bottom: 1.6666667em;
        padding-inline-start: 1em;
      }
      :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 2.6666667em;
        margin-top: 0;
        margin-bottom: 0.8333333em;
        line-height: 1;
      }
      :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 1.6666667em;
        margin-top: 1.8666667em;
        margin-bottom: 1.0666667em;
        line-height: 1.3333333;
      }
      :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 1.3333333em;
        margin-top: 1.6666667em;
        margin-bottom: 0.6666667em;
        line-height: 1.5;
      }
      :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.7777778em;
        margin-bottom: 0.4444444em;
        line-height: 1.5555556;
      }
      :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.7777778em;
        margin-bottom: 1.7777778em;
      }
      :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.7777778em;
        margin-bottom: 1.7777778em;
      }
      :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
        margin-bottom: 0;
      }
      :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.7777778em;
        margin-bottom: 1.7777778em;
      }
      :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8888889em;
        border-radius: 0.3125rem;
        padding-top: 0.2222222em;
        padding-inline-end: 0.4444444em;
        padding-bottom: 0.2222222em;
        padding-inline-start: 0.4444444em;
      }
      :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8888889em;
      }
      :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8666667em;
      }
      :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.875em;
      }
      :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8888889em;
        line-height: 1.75;
        margin-top: 2em;
        margin-bottom: 2em;
        border-radius: 0.375rem;
        padding-top: 1em;
        padding-inline-end: 1.5em;
        padding-bottom: 1em;
        padding-inline-start: 1.5em;
      }
      :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em;
        padding-inline-start: 1.5555556em;
      }
      :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em;
        padding-inline-start: 1.5555556em;
      }
      :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.6666667em;
        margin-bottom: 0.6666667em;
      }
      :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0.4444444em;
      }
      :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0.4444444em;
      }
      :where(.lg\:prose-lg > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.8888889em;
        margin-bottom: 0.8888889em;
      }
      :where(.lg\:prose-lg > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.3333333em;
      }
      :where(.lg\:prose-lg > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 1.3333333em;
      }
      :where(.lg\:prose-lg > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.3333333em;
      }
      :where(.lg\:prose-lg > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 1.3333333em;
      }
      :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.8888889em;
        margin-bottom: 0.8888889em;
      }
      :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em;
      }
      :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.3333333em;
      }
      :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.6666667em;
        padding-inline-start: 1.5555556em;
      }
      :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 3.1111111em;
        margin-bottom: 3.1111111em;
      }
      :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
      }
      :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
      }
      :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
      }
      :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
      }
      :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8888889em;
        line-height: 1.5;
      }
      :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0.75em;
        padding-bottom: 0.75em;
        padding-inline-start: 0.75em;
      }
      :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0;
      }
      :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0;
      }
      :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-top: 0.75em;
        padding-inline-end: 0.75em;
        padding-bottom: 0.75em;
        padding-inline-start: 0.75em;
      }
      :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0;
      }
      :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0;
      }
      :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.7777778em;
        margin-bottom: 1.7777778em;
      }
      :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
        margin-bottom: 0;
      }
      :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8888889em;
        line-height: 1.5;
        margin-top: 1em;
      }
      :where(.lg\:prose-lg > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
      }
      :where(.lg\:prose-lg > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 0;
      }
    }
  }
  .lg\:prose-xl {
    @media (width >= 64rem) {
      font-size: 1.25rem;
      line-height: 1.8;
      :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.2em;
        margin-bottom: 1.2em;
      }
      :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 1.2em;
        line-height: 1.5;
        margin-top: 1em;
        margin-bottom: 1em;
      }
      :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.6em;
        margin-bottom: 1.6em;
        padding-inline-start: 1.0666667em;
      }
      :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 2.8em;
        margin-top: 0;
        margin-bottom: 0.8571429em;
        line-height: 1;
      }
      :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 1.8em;
        margin-top: 1.5555556em;
        margin-bottom: 0.8888889em;
        line-height: 1.1111111;
      }
      :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 1.5em;
        margin-top: 1.6em;
        margin-bottom: 0.6666667em;
        line-height: 1.3333333;
      }
      :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.8em;
        margin-bottom: 0.6em;
        line-height: 1.6;
      }
      :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
      }
      :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
      }
      :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
        margin-bottom: 0;
      }
      :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
      }
      :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.9em;
        border-radius: 0.3125rem;
        padding-top: 0.25em;
        padding-inline-end: 0.4em;
        padding-bottom: 0.25em;
        padding-inline-start: 0.4em;
      }
      :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.9em;
      }
      :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8611111em;
      }
      :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.9em;
      }
      :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.9em;
        line-height: 1.7777778;
        margin-top: 2em;
        margin-bottom: 2em;
        border-radius: 0.5rem;
        padding-top: 1.1111111em;
        padding-inline-end: 1.3333333em;
        padding-bottom: 1.1111111em;
        padding-inline-start: 1.3333333em;
      }
      :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.2em;
        margin-bottom: 1.2em;
        padding-inline-start: 1.6em;
      }
      :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.2em;
        margin-bottom: 1.2em;
        padding-inline-start: 1.6em;
      }
      :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.6em;
        margin-bottom: 0.6em;
      }
      :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0.4em;
      }
      :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0.4em;
      }
      :where(.lg\:prose-xl > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.8em;
        margin-bottom: 0.8em;
      }
      :where(.lg\:prose-xl > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.2em;
      }
      :where(.lg\:prose-xl > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 1.2em;
      }
      :where(.lg\:prose-xl > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.2em;
      }
      :where(.lg\:prose-xl > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 1.2em;
      }
      :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.8em;
        margin-bottom: 0.8em;
      }
      :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.2em;
        margin-bottom: 1.2em;
      }
      :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.2em;
      }
      :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.6em;
        padding-inline-start: 1.6em;
      }
      :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2.8em;
        margin-bottom: 2.8em;
      }
      :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
      }
      :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
      }
      :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
      }
      :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
      }
      :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.9em;
        line-height: 1.5555556;
      }
      :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0.6666667em;
        padding-bottom: 0.8888889em;
        padding-inline-start: 0.6666667em;
      }
      :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0;
      }
      :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0;
      }
      :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-top: 0.8888889em;
        padding-inline-end: 0.6666667em;
        padding-bottom: 0.8888889em;
        padding-inline-start: 0.6666667em;
      }
      :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0;
      }
      :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0;
      }
      :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
      }
      :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
        margin-bottom: 0;
      }
      :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.9em;
        line-height: 1.5555556;
        margin-top: 1em;
      }
      :where(.lg\:prose-xl > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
      }
      :where(.lg\:prose-xl > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 0;
      }
    }
  }
  .lg\:\!mt-0 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 0) !important;
    }
  }
  .lg\:\!mt-5 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 5) !important;
    }
  }
  .lg\:\!mt-6 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 6) !important;
    }
  }
  .lg\:\!mt-8 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 8) !important;
    }
  }
  .lg\:\!mt-\[-5rem\] {
    @media (width >= 64rem) {
      margin-top: -5rem !important;
    }
  }
  .lg\:\!mt-\[-17\.5rem\] {
    @media (width >= 64rem) {
      margin-top: -17.5rem !important;
    }
  }
  .lg\:-mt-4 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * -4);
    }
  }
  .lg\:-mt-8 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * -8);
    }
  }
  .lg\:-mt-10 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * -10);
    }
  }
  .lg\:-mt-12 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * -12);
    }
  }
  .lg\:mt-0 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .lg\:mt-1 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 1);
    }
  }
  .lg\:mt-5 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 5);
    }
  }
  .lg\:mt-6 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  .lg\:mt-8 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  .lg\:mt-9 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 9);
    }
  }
  .lg\:mt-10 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 10);
    }
  }
  .lg\:mt-12 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 12);
    }
  }
  .lg\:mt-16 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 16);
    }
  }
  .lg\:mt-20 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 20);
    }
  }
  .lg\:mt-24 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 24);
    }
  }
  .lg\:mt-40 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 40);
    }
  }
  .lg\:mt-60 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 60);
    }
  }
  .lg\:mt-\[-10rem\] {
    @media (width >= 64rem) {
      margin-top: -10rem;
    }
  }
  .lg\:mt-\[5px\] {
    @media (width >= 64rem) {
      margin-top: 5px;
    }
  }
  .lg\:mt-\[25px\] {
    @media (width >= 64rem) {
      margin-top: 25px;
    }
  }
  .lg\:mt-\[30px\] {
    @media (width >= 64rem) {
      margin-top: 30px;
    }
  }
  .lg\:mt-\[45px\] {
    @media (width >= 64rem) {
      margin-top: 45px;
    }
  }
  .lg\:mt-\[50px\] {
    @media (width >= 64rem) {
      margin-top: 50px;
    }
  }
  .lg\:mt-\[60px\] {
    @media (width >= 64rem) {
      margin-top: 60px;
    }
  }
  .lg\:mt-\[70px\] {
    @media (width >= 64rem) {
      margin-top: 70px;
    }
  }
  .lg\:mt-\[100px\] {
    @media (width >= 64rem) {
      margin-top: 100px;
    }
  }
  .lg\:mt-\[110px\] {
    @media (width >= 64rem) {
      margin-top: 110px;
    }
  }
  .lg\:mt-\[120px\] {
    @media (width >= 64rem) {
      margin-top: 120px;
    }
  }
  .lg\:mt-\[160px\] {
    @media (width >= 64rem) {
      margin-top: 160px;
    }
  }
  .lg\:mt-\[180px\] {
    @media (width >= 64rem) {
      margin-top: 180px;
    }
  }
  .lg\:mt-\[200px\] {
    @media (width >= 64rem) {
      margin-top: 200px;
    }
  }
  .lg\:mt-\[250px\] {
    @media (width >= 64rem) {
      margin-top: 250px;
    }
  }
  .lg\:mr-0 {
    @media (width >= 64rem) {
      margin-right: calc(var(--spacing) * 0);
    }
  }
  .lg\:mr-3 {
    @media (width >= 64rem) {
      margin-right: calc(var(--spacing) * 3);
    }
  }
  .lg\:mr-5 {
    @media (width >= 64rem) {
      margin-right: calc(var(--spacing) * 5);
    }
  }
  .lg\:mr-6 {
    @media (width >= 64rem) {
      margin-right: calc(var(--spacing) * 6);
    }
  }
  .lg\:mr-8 {
    @media (width >= 64rem) {
      margin-right: calc(var(--spacing) * 8);
    }
  }
  .lg\:mr-\[3rem\] {
    @media (width >= 64rem) {
      margin-right: 3rem;
    }
  }
  .lg\:mr-\[15\%\] {
    @media (width >= 64rem) {
      margin-right: 15%;
    }
  }
  .lg\:mr-\[30px\] {
    @media (width >= 64rem) {
      margin-right: 30px;
    }
  }
  .lg\:mr-auto {
    @media (width >= 64rem) {
      margin-right: auto;
    }
  }
  .lg\:\!mb-0 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 0) !important;
    }
  }
  .lg\:\!mb-2 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 2) !important;
    }
  }
  .lg\:\!mb-40 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 40) !important;
    }
  }
  .lg\:\!mb-\[6rem\] {
    @media (width >= 64rem) {
      margin-bottom: 6rem !important;
    }
  }
  .lg\:\!mb-\[7rem\] {
    @media (width >= 64rem) {
      margin-bottom: 7rem !important;
    }
  }
  .lg\:-mb-6 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * -6);
    }
  }
  .lg\:mb-0 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .lg\:mb-4 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .lg\:mb-5 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 5);
    }
  }
  .lg\:mb-8 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  .lg\:mb-10 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  .lg\:mb-14 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 14);
    }
  }
  .lg\:mb-16 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 16);
    }
  }
  .lg\:mb-20 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 20);
    }
  }
  .lg\:mb-\[15px\] {
    @media (width >= 64rem) {
      margin-bottom: 15px;
    }
  }
  .lg\:mb-\[30px\] {
    @media (width >= 64rem) {
      margin-bottom: 30px;
    }
  }
  .lg\:mb-\[50px\] {
    @media (width >= 64rem) {
      margin-bottom: 50px;
    }
  }
  .lg\:mb-\[60px\] {
    @media (width >= 64rem) {
      margin-bottom: 60px;
    }
  }
  .lg\:mb-\[70px\] {
    @media (width >= 64rem) {
      margin-bottom: 70px;
    }
  }
  .lg\:mb-\[90px\] {
    @media (width >= 64rem) {
      margin-bottom: 90px;
    }
  }
  .lg\:mb-\[100px\] {
    @media (width >= 64rem) {
      margin-bottom: 100px;
    }
  }
  .lg\:mb-\[150px\] {
    @media (width >= 64rem) {
      margin-bottom: 150px;
    }
  }
  .lg\:mb-\[170px\] {
    @media (width >= 64rem) {
      margin-bottom: 170px;
    }
  }
  .lg\:mb-\[190px\] {
    @media (width >= 64rem) {
      margin-bottom: 190px;
    }
  }
  .lg\:mb-\[250px\] {
    @media (width >= 64rem) {
      margin-bottom: 250px;
    }
  }
  .lg\:\!ml-0 {
    @media (width >= 64rem) {
      margin-left: calc(var(--spacing) * 0) !important;
    }
  }
  .lg\:\!ml-\[16\.66666667\%\] {
    @media (width >= 64rem) {
      margin-left: 16.66666667% !important;
    }
  }
  .lg\:\!ml-auto {
    @media (width >= 64rem) {
      margin-left: auto !important;
    }
  }
  .lg\:-ml-28 {
    @media (width >= 64rem) {
      margin-left: calc(var(--spacing) * -28);
    }
  }
  .lg\:ml-0 {
    @media (width >= 64rem) {
      margin-left: calc(var(--spacing) * 0);
    }
  }
  .lg\:ml-3 {
    @media (width >= 64rem) {
      margin-left: calc(var(--spacing) * 3);
    }
  }
  .lg\:ml-5 {
    @media (width >= 64rem) {
      margin-left: calc(var(--spacing) * 5);
    }
  }
  .lg\:ml-12 {
    @media (width >= 64rem) {
      margin-left: calc(var(--spacing) * 12);
    }
  }
  .lg\:ml-\[3rem\] {
    @media (width >= 64rem) {
      margin-left: 3rem;
    }
  }
  .lg\:ml-\[30px\] {
    @media (width >= 64rem) {
      margin-left: 30px;
    }
  }
  .lg\:ml-\[260px\] {
    @media (width >= 64rem) {
      margin-left: 260px;
    }
  }
  .lg\:ml-auto {
    @media (width >= 64rem) {
      margin-left: auto;
    }
  }
  .lg\:block {
    @media (width >= 64rem) {
      display: block;
    }
  }
  .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-block {
    @media (width >= 64rem) {
      display: inline-block;
    }
  }
  .lg\:inline-flex {
    @media (width >= 64rem) {
      display: inline-flex;
    }
  }
  .lg\:table-cell {
    @media (width >= 64rem) {
      display: table-cell;
    }
  }
  .lg\:aspect-auto {
    @media (width >= 64rem) {
      aspect-ratio: auto;
    }
  }
  .lg\:size-auto {
    @media (width >= 64rem) {
      width: auto;
      height: auto;
    }
  }
  .lg\:h-8 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 8);
    }
  }
  .lg\:h-40 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 40);
    }
  }
  .lg\:h-56 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 56);
    }
  }
  .lg\:h-64 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 64);
    }
  }
  .lg\:h-72 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 72);
    }
  }
  .lg\:h-80 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 80);
    }
  }
  .lg\:h-96 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 96);
    }
  }
  .lg\:h-112 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 112);
    }
  }
  .lg\:h-\[55px\] {
    @media (width >= 64rem) {
      height: 55px;
    }
  }
  .lg\:h-\[65px\] {
    @media (width >= 64rem) {
      height: 65px;
    }
  }
  .lg\:h-\[121px\] {
    @media (width >= 64rem) {
      height: 121px;
    }
  }
  .lg\:h-\[135px\] {
    @media (width >= 64rem) {
      height: 135px;
    }
  }
  .lg\:h-\[138px\] {
    @media (width >= 64rem) {
      height: 138px;
    }
  }
  .lg\:h-\[150px\] {
    @media (width >= 64rem) {
      height: 150px;
    }
  }
  .lg\:h-\[151px\] {
    @media (width >= 64rem) {
      height: 151px;
    }
  }
  .lg\:h-\[175px\] {
    @media (width >= 64rem) {
      height: 175px;
    }
  }
  .lg\:h-\[197px\] {
    @media (width >= 64rem) {
      height: 197px;
    }
  }
  .lg\:h-\[250px\] {
    @media (width >= 64rem) {
      height: 250px;
    }
  }
  .lg\:h-\[310px\] {
    @media (width >= 64rem) {
      height: 310px;
    }
  }
  .lg\:h-\[400px\] {
    @media (width >= 64rem) {
      height: 400px;
    }
  }
  .lg\:h-\[420px\] {
    @media (width >= 64rem) {
      height: 420px;
    }
  }
  .lg\:h-\[450px\] {
    @media (width >= 64rem) {
      height: 450px;
    }
  }
  .lg\:h-\[480px\] {
    @media (width >= 64rem) {
      height: 480px;
    }
  }
  .lg\:h-\[500px\] {
    @media (width >= 64rem) {
      height: 500px;
    }
  }
  .lg\:h-\[520px\] {
    @media (width >= 64rem) {
      height: 520px;
    }
  }
  .lg\:h-\[540px\] {
    @media (width >= 64rem) {
      height: 540px;
    }
  }
  .lg\:h-\[550px\] {
    @media (width >= 64rem) {
      height: 550px;
    }
  }
  .lg\:h-\[600px\] {
    @media (width >= 64rem) {
      height: 600px;
    }
  }
  .lg\:h-\[650px\] {
    @media (width >= 64rem) {
      height: 650px;
    }
  }
  .lg\:h-\[700px\] {
    @media (width >= 64rem) {
      height: 700px;
    }
  }
  .lg\:h-\[calc\(50\%-10px\)\] {
    @media (width >= 64rem) {
      height: calc(50% - 10px);
    }
  }
  .lg\:h-\[calc\(100dvh-8rem\)\] {
    @media (width >= 64rem) {
      height: calc(100dvh - 8rem);
    }
  }
  .lg\:h-auto {
    @media (width >= 64rem) {
      height: auto;
    }
  }
  .lg\:h-full {
    @media (width >= 64rem) {
      height: 100%;
    }
  }
  .lg\:h-screen {
    @media (width >= 64rem) {
      height: 100vh;
    }
  }
  .lg\:max-h-\[calc\(100dvh-8rem\)\] {
    @media (width >= 64rem) {
      max-height: calc(100dvh - 8rem);
    }
  }
  .lg\:max-h-\[calc\(100vh-96px\)\] {
    @media (width >= 64rem) {
      max-height: calc(100vh - 96px);
    }
  }
  .lg\:max-h-none {
    @media (width >= 64rem) {
      max-height: none;
    }
  }
  .lg\:min-h-0 {
    @media (width >= 64rem) {
      min-height: calc(var(--spacing) * 0);
    }
  }
  .lg\:min-h-\[400px\] {
    @media (width >= 64rem) {
      min-height: 400px;
    }
  }
  .lg\:min-h-\[500px\] {
    @media (width >= 64rem) {
      min-height: 500px;
    }
  }
  .lg\:min-h-\[520px\] {
    @media (width >= 64rem) {
      min-height: 520px;
    }
  }
  .lg\:min-h-\[600px\] {
    @media (width >= 64rem) {
      min-height: 600px;
    }
  }
  .lg\:min-h-full {
    @media (width >= 64rem) {
      min-height: 100%;
    }
  }
  .lg\:w-0 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 0);
    }
  }
  .lg\:w-1\/2 {
    @media (width >= 64rem) {
      width: calc(1 / 2 * 100%);
    }
  }
  .lg\:w-1\/3 {
    @media (width >= 64rem) {
      width: calc(1 / 3 * 100%);
    }
  }
  .lg\:w-1\/4 {
    @media (width >= 64rem) {
      width: calc(1 / 4 * 100%);
    }
  }
  .lg\:w-1\/5 {
    @media (width >= 64rem) {
      width: calc(1 / 5 * 100%);
    }
  }
  .lg\:w-1\/6 {
    @media (width >= 64rem) {
      width: calc(1 / 6 * 100%);
    }
  }
  .lg\:w-2\/5 {
    @media (width >= 64rem) {
      width: calc(2 / 5 * 100%);
    }
  }
  .lg\:w-2\/12 {
    @media (width >= 64rem) {
      width: calc(2 / 12 * 100%);
    }
  }
  .lg\:w-3\/4 {
    @media (width >= 64rem) {
      width: calc(3 / 4 * 100%);
    }
  }
  .lg\:w-3\/5 {
    @media (width >= 64rem) {
      width: calc(3 / 5 * 100%);
    }
  }
  .lg\:w-3\/12 {
    @media (width >= 64rem) {
      width: calc(3 / 12 * 100%);
    }
  }
  .lg\:w-4\/5 {
    @media (width >= 64rem) {
      width: calc(4 / 5 * 100%);
    }
  }
  .lg\:w-4\/12 {
    @media (width >= 64rem) {
      width: calc(4 / 12 * 100%);
    }
  }
  .lg\:w-5\/6 {
    @media (width >= 64rem) {
      width: calc(5 / 6 * 100%);
    }
  }
  .lg\:w-5\/12 {
    @media (width >= 64rem) {
      width: calc(5 / 12 * 100%);
    }
  }
  .lg\:w-6\/9 {
    @media (width >= 64rem) {
      width: calc(6 / 9 * 100%);
    }
  }
  .lg\:w-6\/12 {
    @media (width >= 64rem) {
      width: calc(6 / 12 * 100%);
    }
  }
  .lg\:w-7\/12 {
    @media (width >= 64rem) {
      width: calc(7 / 12 * 100%);
    }
  }
  .lg\:w-8 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 8);
    }
  }
  .lg\:w-8\/12 {
    @media (width >= 64rem) {
      width: calc(8 / 12 * 100%);
    }
  }
  .lg\:w-9\/12 {
    @media (width >= 64rem) {
      width: calc(9 / 12 * 100%);
    }
  }
  .lg\:w-10\/12 {
    @media (width >= 64rem) {
      width: calc(10 / 12 * 100%);
    }
  }
  .lg\:w-11\/12 {
    @media (width >= 64rem) {
      width: calc(11 / 12 * 100%);
    }
  }
  .lg\:w-24 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 24);
    }
  }
  .lg\:w-32 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 32);
    }
  }
  .lg\:w-40 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 40);
    }
  }
  .lg\:w-48 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 48);
    }
  }
  .lg\:w-56 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 56);
    }
  }
  .lg\:w-64 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 64);
    }
  }
  .lg\:w-72 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 72);
    }
  }
  .lg\:w-80 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 80);
    }
  }
  .lg\:w-\[40vw\] {
    @media (width >= 64rem) {
      width: 40vw;
    }
  }
  .lg\:w-\[45\%\] {
    @media (width >= 64rem) {
      width: 45%;
    }
  }
  .lg\:w-\[55px\] {
    @media (width >= 64rem) {
      width: 55px;
    }
  }
  .lg\:w-\[65px\] {
    @media (width >= 64rem) {
      width: 65px;
    }
  }
  .lg\:w-\[121px\] {
    @media (width >= 64rem) {
      width: 121px;
    }
  }
  .lg\:w-\[130px\] {
    @media (width >= 64rem) {
      width: 130px;
    }
  }
  .lg\:w-\[135px\] {
    @media (width >= 64rem) {
      width: 135px;
    }
  }
  .lg\:w-\[138px\] {
    @media (width >= 64rem) {
      width: 138px;
    }
  }
  .lg\:w-\[151px\] {
    @media (width >= 64rem) {
      width: 151px;
    }
  }
  .lg\:w-\[175px\] {
    @media (width >= 64rem) {
      width: 175px;
    }
  }
  .lg\:w-\[197px\] {
    @media (width >= 64rem) {
      width: 197px;
    }
  }
  .lg\:w-\[220px\] {
    @media (width >= 64rem) {
      width: 220px;
    }
  }
  .lg\:w-\[240px\] {
    @media (width >= 64rem) {
      width: 240px;
    }
  }
  .lg\:w-\[250px\] {
    @media (width >= 64rem) {
      width: 250px;
    }
  }
  .lg\:w-\[310px\] {
    @media (width >= 64rem) {
      width: 310px;
    }
  }
  .lg\:w-\[420px\] {
    @media (width >= 64rem) {
      width: 420px;
    }
  }
  .lg\:w-\[450px\] {
    @media (width >= 64rem) {
      width: 450px;
    }
  }
  .lg\:w-\[850px\] {
    @media (width >= 64rem) {
      width: 850px;
    }
  }
  .lg\:w-\[calc\(25\%-18px\)\] {
    @media (width >= 64rem) {
      width: calc(25% - 18px);
    }
  }
  .lg\:w-\[calc\(33\.333\%-1rem\)\] {
    @media (width >= 64rem) {
      width: calc(33.333% - 1rem);
    }
  }
  .lg\:w-\[calc\(33\.333\%-16px\)\] {
    @media (width >= 64rem) {
      width: calc(33.333% - 16px);
    }
  }
  .lg\:w-\[calc\(50\%-1rem\)\] {
    @media (width >= 64rem) {
      width: calc(50% - 1rem);
    }
  }
  .lg\:w-\[calc\(50\%-12px\)\] {
    @media (width >= 64rem) {
      width: calc(50% - 12px);
    }
  }
  .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\:max-w-\(--breakpoint-xl\) {
    @media (width >= 64rem) {
      max-width: var(--breakpoint-xl);
    }
  }
  .lg\:max-w-2xl {
    @media (width >= 64rem) {
      max-width: var(--container-2xl);
    }
  }
  .lg\:max-w-3xl {
    @media (width >= 64rem) {
      max-width: var(--container-3xl);
    }
  }
  .lg\:max-w-4xl {
    @media (width >= 64rem) {
      max-width: var(--container-4xl);
    }
  }
  .lg\:max-w-5xl {
    @media (width >= 64rem) {
      max-width: var(--container-5xl);
    }
  }
  .lg\:max-w-6xl {
    @media (width >= 64rem) {
      max-width: var(--container-6xl);
    }
  }
  .lg\:max-w-full {
    @media (width >= 64rem) {
      max-width: 100%;
    }
  }
  .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-screen-xl {
    @media (width >= 64rem) {
      max-width: var(--breakpoint-xl);
    }
  }
  .lg\:max-w-sm {
    @media (width >= 64rem) {
      max-width: var(--container-sm);
    }
  }
  .lg\:max-w-xl {
    @media (width >= 64rem) {
      max-width: var(--container-xl);
    }
  }
  .lg\:min-w-0 {
    @media (width >= 64rem) {
      min-width: calc(var(--spacing) * 0);
    }
  }
  .lg\:min-w-52 {
    @media (width >= 64rem) {
      min-width: calc(var(--spacing) * 52);
    }
  }
  .lg\:min-w-\[33\.333\%\] {
    @media (width >= 64rem) {
      min-width: 33.333%;
    }
  }
  .lg\:min-w-\[800px\] {
    @media (width >= 64rem) {
      min-width: 800px;
    }
  }
  .lg\:flex-1 {
    @media (width >= 64rem) {
      flex: 1;
    }
  }
  .lg\:flex-none {
    @media (width >= 64rem) {
      flex: none;
    }
  }
  .lg\:grow {
    @media (width >= 64rem) {
      flex-grow: 1;
    }
  }
  .lg\:basis-0 {
    @media (width >= 64rem) {
      flex-basis: calc(var(--spacing) * 0);
    }
  }
  .lg\:basis-1\/3 {
    @media (width >= 64rem) {
      flex-basis: calc(1 / 3 * 100%);
    }
  }
  .lg\:basis-2\/12 {
    @media (width >= 64rem) {
      flex-basis: calc(2 / 12 * 100%);
    }
  }
  .lg\:basis-3\/12 {
    @media (width >= 64rem) {
      flex-basis: calc(3 / 12 * 100%);
    }
  }
  .lg\:basis-4\/12 {
    @media (width >= 64rem) {
      flex-basis: calc(4 / 12 * 100%);
    }
  }
  .lg\:basis-5\/12 {
    @media (width >= 64rem) {
      flex-basis: calc(5 / 12 * 100%);
    }
  }
  .lg\:basis-6\/9 {
    @media (width >= 64rem) {
      flex-basis: calc(6 / 9 * 100%);
    }
  }
  .lg\:basis-6\/12 {
    @media (width >= 64rem) {
      flex-basis: calc(6 / 12 * 100%);
    }
  }
  .lg\:basis-7\/12 {
    @media (width >= 64rem) {
      flex-basis: calc(7 / 12 * 100%);
    }
  }
  .lg\:basis-8\/12 {
    @media (width >= 64rem) {
      flex-basis: calc(8 / 12 * 100%);
    }
  }
  .lg\:basis-9\/12 {
    @media (width >= 64rem) {
      flex-basis: calc(9 / 12 * 100%);
    }
  }
  .lg\:basis-10\/12 {
    @media (width >= 64rem) {
      flex-basis: calc(10 / 12 * 100%);
    }
  }
  .lg\:basis-11\/12 {
    @media (width >= 64rem) {
      flex-basis: calc(11 / 12 * 100%);
    }
  }
  .lg\:basis-full {
    @media (width >= 64rem) {
      flex-basis: 100%;
    }
  }
  .lg\:\!translate-x-0 {
    @media (width >= 64rem) {
      --tw-translate-x: calc(var(--spacing) * 0) !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
    }
  }
  .lg\:-translate-x-1 {
    @media (width >= 64rem) {
      --tw-translate-x: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .lg\:-translate-x-1\.5 {
    @media (width >= 64rem) {
      --tw-translate-x: calc(var(--spacing) * -1.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .lg\:-translate-x-1\/2 {
    @media (width >= 64rem) {
      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .lg\:-translate-x-full {
    @media (width >= 64rem) {
      --tw-translate-x: -100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .lg\:translate-x-0 {
    @media (width >= 64rem) {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .lg\:translate-x-20 {
    @media (width >= 64rem) {
      --tw-translate-x: calc(var(--spacing) * 20);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .lg\:-translate-y-1\/2 {
    @media (width >= 64rem) {
      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .lg\:translate-y-1\/3 {
    @media (width >= 64rem) {
      --tw-translate-y: calc(1 / 3 * 100%);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .lg\:scale-105 {
    @media (width >= 64rem) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .lg\:\!transform-none {
    @media (width >= 64rem) {
      transform: none !important;
    }
  }
  .lg\:snap-none {
    @media (width >= 64rem) {
      scroll-snap-type: none;
    }
  }
  .lg\:columns-2 {
    @media (width >= 64rem) {
      columns: 2;
    }
  }
  .lg\:columns-3 {
    @media (width >= 64rem) {
      columns: 3;
    }
  }
  .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-8 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-12 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-\[0\.72fr_1\.28fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 0.72fr 1.28fr;
    }
  }
  .lg\:grid-cols-\[0\.75fr_1\.25fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 0.75fr 1.25fr;
    }
  }
  .lg\:grid-cols-\[0\.85fr_1\.15fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 0.85fr 1.15fr;
    }
  }
  .lg\:grid-cols-\[0\.95fr_1\.05fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 0.95fr 1.05fr;
    }
  }
  .lg\:grid-cols-\[1\.1fr_0\.9fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 1.1fr 0.9fr;
    }
  }
  .lg\:grid-cols-\[1\.2fr_1fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 1.2fr 1fr;
    }
  }
  .lg\:grid-cols-\[1\.05fr_0\.95fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 1.05fr 0.95fr;
    }
  }
  .lg\:grid-cols-\[1\.05fr_1fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 1.05fr 1fr;
    }
  }
  .lg\:grid-cols-\[1\.5fr_0\.95fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 1.5fr 0.95fr;
    }
  }
  .lg\:grid-cols-\[1\.25fr_0\.75fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 1.25fr 0.75fr;
    }
  }
  .lg\:grid-cols-\[1fr_0\.7fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 1fr 0.7fr;
    }
  }
  .lg\:grid-cols-\[1fr_0\.8fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 1fr 0.8fr;
    }
  }
  .lg\:grid-cols-\[1fr_0\.55fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 1fr 0.55fr;
    }
  }
  .lg\:grid-cols-\[1fr_0\.65fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 1fr 0.65fr;
    }
  }
  .lg\:grid-cols-\[1fr_0\.75fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 1fr 0.75fr;
    }
  }
  .lg\:grid-cols-\[1fr_210px_210px_210px\] {
    @media (width >= 64rem) {
      grid-template-columns: 1fr 210px 210px 210px;
    }
  }
  .lg\:grid-cols-\[1fr_220px_220px\] {
    @media (width >= 64rem) {
      grid-template-columns: 1fr 220px 220px;
    }
  }
  .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_340px\] {
    @media (width >= 64rem) {
      grid-template-columns: 1fr 340px;
    }
  }
  .lg\:grid-cols-\[1fr_auto_1fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 1fr auto 1fr;
    }
  }
  .lg\:grid-cols-\[280px_1fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 280px 1fr;
    }
  }
  .lg\:grid-cols-\[340px_1fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 340px 1fr;
    }
  }
  .lg\:grid-cols-\[380px_minmax\(0\,1fr\)\] {
    @media (width >= 64rem) {
      grid-template-columns: 380px minmax(0,1fr);
    }
  }
  .lg\:grid-cols-\[minmax\(0\,1\.65fr\)_minmax\(0\,1fr\)\] {
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1.65fr) minmax(0,1fr);
    }
  }
  .lg\:grid-cols-\[minmax\(0\,1fr\)_360px\] {
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1fr) 360px;
    }
  }
  .lg\:\!flex-row {
    @media (width >= 64rem) {
      flex-direction: row !important;
    }
  }
  .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\:flex-nowrap {
    @media (width >= 64rem) {
      flex-wrap: nowrap;
    }
  }
  .lg\:\!items-center {
    @media (width >= 64rem) {
      align-items: center !important;
    }
  }
  .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 !important;
    }
  }
  .lg\:\!justify-start {
    @media (width >= 64rem) {
      justify-content: flex-start !important;
    }
  }
  .lg\:justify-between {
    @media (width >= 64rem) {
      justify-content: space-between;
    }
  }
  .lg\:justify-center {
    @media (width >= 64rem) {
      justify-content: center;
    }
  }
  .lg\:justify-end {
    @media (width >= 64rem) {
      justify-content: flex-end;
    }
  }
  .lg\:justify-start {
    @media (width >= 64rem) {
      justify-content: flex-start;
    }
  }
  .lg\:justify-stretch {
    @media (width >= 64rem) {
      justify-content: stretch;
    }
  }
  .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-5 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 5);
    }
  }
  .lg\:gap-6 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .lg\:gap-7 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 7);
    }
  }
  .lg\:gap-8 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .lg\:gap-10 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .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\: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-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-0 {
    @media (width >= 64rem) {
      column-gap: calc(var(--spacing) * 0);
    }
  }
  .lg\:gap-x-2 {
    @media (width >= 64rem) {
      column-gap: calc(var(--spacing) * 2);
    }
  }
  .lg\:gap-x-4 {
    @media (width >= 64rem) {
      column-gap: calc(var(--spacing) * 4);
    }
  }
  .lg\:gap-x-5 {
    @media (width >= 64rem) {
      column-gap: calc(var(--spacing) * 5);
    }
  }
  .lg\:gap-x-6 {
    @media (width >= 64rem) {
      column-gap: calc(var(--spacing) * 6);
    }
  }
  .lg\:gap-x-7 {
    @media (width >= 64rem) {
      column-gap: calc(var(--spacing) * 7);
    }
  }
  .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-14 {
    @media (width >= 64rem) {
      column-gap: calc(var(--spacing) * 14);
    }
  }
  .lg\:gap-x-16 {
    @media (width >= 64rem) {
      column-gap: calc(var(--spacing) * 16);
    }
  }
  .lg\:gap-x-24 {
    @media (width >= 64rem) {
      column-gap: calc(var(--spacing) * 24);
    }
  }
  .lg\:gap-y-0 {
    @media (width >= 64rem) {
      row-gap: calc(var(--spacing) * 0);
    }
  }
  .lg\:divide-x {
    @media (width >= 64rem) {
      :where(& > :not(:last-child)) {
        --tw-divide-x-reverse: 0;
        border-inline-style: var(--tw-border-style);
        border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
        border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
      }
    }
  }
  .lg\:divide-y-0 {
    @media (width >= 64rem) {
      :where(& > :not(:last-child)) {
        --tw-divide-y-reverse: 0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(0px * var(--tw-divide-y-reverse));
        border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
      }
    }
  }
  .lg\:self-start {
    @media (width >= 64rem) {
      align-self: flex-start;
    }
  }
  .lg\:overflow-hidden {
    @media (width >= 64rem) {
      overflow: hidden;
    }
  }
  .lg\:overflow-visible {
    @media (width >= 64rem) {
      overflow: visible;
    }
  }
  .lg\:overflow-y-auto {
    @media (width >= 64rem) {
      overflow-y: auto;
    }
  }
  .lg\:rounded-3xl {
    @media (width >= 64rem) {
      border-radius: var(--radius-3xl);
    }
  }
  .lg\:rounded-\[1\.375rem\] {
    @media (width >= 64rem) {
      border-radius: 1.375rem;
    }
  }
  .lg\:rounded-\[30px\] {
    @media (width >= 64rem) {
      border-radius: 30px;
    }
  }
  .lg\:rounded-xl {
    @media (width >= 64rem) {
      border-radius: calc(var(--radius) + 16px);
    }
  }
  .lg\:rounded-l-none {
    @media (width >= 64rem) {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
  }
  .lg\:rounded-tl-\[0\.4rem\] {
    @media (width >= 64rem) {
      border-top-left-radius: 0.4rem;
    }
  }
  .lg\:rounded-r-none {
    @media (width >= 64rem) {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
  }
  .lg\:rounded-tr-none {
    @media (width >= 64rem) {
      border-top-right-radius: 0;
    }
  }
  .lg\:rounded-br-none {
    @media (width >= 64rem) {
      border-bottom-right-radius: 0;
    }
  }
  .lg\:rounded-bl-\[0\.4rem\] {
    @media (width >= 64rem) {
      border-bottom-left-radius: 0.4rem;
    }
  }
  .lg\:border-e {
    @media (width >= 64rem) {
      border-inline-end-style: var(--tw-border-style);
      border-inline-end-width: 1px;
    }
  }
  .lg\:border-t-0 {
    @media (width >= 64rem) {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
  }
  .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-none {
    @media (width >= 64rem) {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .lg\:border-solid {
    @media (width >= 64rem) {
      --tw-border-style: solid;
      border-style: solid;
    }
  }
  .lg\:border-transparent {
    @media (width >= 64rem) {
      border-color: transparent;
    }
  }
  .lg\:border-l-\[rgba\(164\,174\,198\,0\.2\)\] {
    @media (width >= 64rem) {
      border-left-color: rgba(164,174,198,0.2);
    }
  }
  .lg\:bg-transparent {
    @media (width >= 64rem) {
      background-color: transparent;
    }
  }
  .lg\:bg-white {
    @media (width >= 64rem) {
      background-color: var(--color-white);
    }
  }
  .lg\:bg-gradient-to-r {
    @media (width >= 64rem) {
      --tw-gradient-position: to right in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
    }
  }
  .lg\:bg-\[url\(\.\.\/images\/assets\/dot-bg-01\.svg\)\] {
    @media (width >= 64rem) {
      background-image: url(../images/assets/dot-bg-01.svg);
    }
  }
  .lg\:from-blue-600\/30 {
    @media (width >= 64rem) {
      --tw-gradient-from: color-mix(in srgb, oklch(54.6% 0.245 262.881) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-blue-600) 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));
    }
  }
  .lg\:from-cyan-600\/30 {
    @media (width >= 64rem) {
      --tw-gradient-from: color-mix(in srgb, oklch(60.9% 0.126 221.723) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-cyan-600) 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));
    }
  }
  .lg\:from-emerald-600\/30 {
    @media (width >= 64rem) {
      --tw-gradient-from: color-mix(in srgb, oklch(59.6% 0.145 163.225) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-emerald-600) 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));
    }
  }
  .lg\:from-green-600\/30 {
    @media (width >= 64rem) {
      --tw-gradient-from: color-mix(in srgb, oklch(62.7% 0.194 149.214) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-green-600) 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));
    }
  }
  .lg\:from-lime-600\/30 {
    @media (width >= 64rem) {
      --tw-gradient-from: color-mix(in srgb, oklch(64.8% 0.2 131.684) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-lime-600) 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));
    }
  }
  .lg\:from-orange-600\/30 {
    @media (width >= 64rem) {
      --tw-gradient-from: color-mix(in srgb, oklch(64.6% 0.222 41.116) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-orange-600) 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));
    }
  }
  .lg\:from-pink-600\/30 {
    @media (width >= 64rem) {
      --tw-gradient-from: color-mix(in srgb, oklch(59.2% 0.249 0.584) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-pink-600) 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));
    }
  }
  .lg\:from-purple-600\/30 {
    @media (width >= 64rem) {
      --tw-gradient-from: color-mix(in srgb, oklch(55.8% 0.288 302.321) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-purple-600) 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));
    }
  }
  .lg\:from-sky-600\/30 {
    @media (width >= 64rem) {
      --tw-gradient-from: color-mix(in srgb, oklch(58.8% 0.158 241.966) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-sky-600) 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));
    }
  }
  .lg\:from-transparent {
    @media (width >= 64rem) {
      --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));
    }
  }
  .lg\:from-violet-600\/30 {
    @media (width >= 64rem) {
      --tw-gradient-from: color-mix(in srgb, oklch(54.1% 0.281 293.009) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-violet-600) 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));
    }
  }
  .lg\:\!p-\[4\.5rem_4rem\] {
    @media (width >= 64rem) {
      padding: 4.5rem 4rem !important;
    }
  }
  .lg\:\!p-\[7rem_15px_9rem\] {
    @media (width >= 64rem) {
      padding: 7rem 15px 9rem !important;
    }
  }
  .lg\:p-0 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 0);
    }
  }
  .lg\:p-4 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 4);
    }
  }
  .lg\:p-5 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .lg\:p-6 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .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-14 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 14);
    }
  }
  .lg\:p-16 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 16);
    }
  }
  .lg\:p-20 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 20);
    }
  }
  .lg\:p-\[0_15px\] {
    @media (width >= 64rem) {
      padding: 0 15px;
    }
  }
  .lg\:p-\[0_15px_0_140px\] {
    @media (width >= 64rem) {
      padding: 0 15px 0 140px;
    }
  }
  .lg\:p-\[0_15px_20px\] {
    @media (width >= 64rem) {
      padding: 0 15px 20px;
    }
  }
  .lg\:p-\[0_15px_50px\] {
    @media (width >= 64rem) {
      padding: 0 15px 50px;
    }
  }
  .lg\:p-\[0_40px\] {
    @media (width >= 64rem) {
      padding: 0 40px;
    }
  }
  .lg\:p-\[0_140px_0_15px\] {
    @media (width >= 64rem) {
      padding: 0 140px 0 15px;
    }
  }
  .lg\:p-\[1\.25rem_1\.75rem_1\.25rem\] {
    @media (width >= 64rem) {
      padding: 1.25rem 1.75rem 1.25rem;
    }
  }
  .lg\:p-\[1\.25rem_2\.5rem_1\.25rem\] {
    @media (width >= 64rem) {
      padding: 1.25rem 2.5rem 1.25rem;
    }
  }
  .lg\:p-\[1\.75rem_1\.75rem_1rem_1\.75rem\] {
    @media (width >= 64rem) {
      padding: 1.75rem 1.75rem 1rem 1.75rem;
    }
  }
  .lg\:p-\[2\.8rem_3rem_2\.8rem\] {
    @media (width >= 64rem) {
      padding: 2.8rem 3rem 2.8rem;
    }
  }
  .lg\:p-\[2px_12px\] {
    @media (width >= 64rem) {
      padding: 2px 12px;
    }
  }
  .lg\:p-\[2rem_2\.5rem_1\.25rem\] {
    @media (width >= 64rem) {
      padding: 2rem 2.5rem 1.25rem;
    }
  }
  .lg\:p-\[10px_0_25px\] {
    @media (width >= 64rem) {
      padding: 10px 0 25px;
    }
  }
  .lg\:p-\[15px\] {
    @media (width >= 64rem) {
      padding: 15px;
    }
  }
  .lg\:p-\[25px_0_30px\] {
    @media (width >= 64rem) {
      padding: 25px 0 30px;
    }
  }
  .lg\:p-\[25px_0_35px\] {
    @media (width >= 64rem) {
      padding: 25px 0 35px;
    }
  }
  .lg\:p-\[25px_15px\] {
    @media (width >= 64rem) {
      padding: 25px 15px;
    }
  }
  .lg\:p-\[30px\] {
    @media (width >= 64rem) {
      padding: 30px;
    }
  }
  .lg\:p-\[30px_0_40px_0\] {
    @media (width >= 64rem) {
      padding: 30px 0 40px 0;
    }
  }
  .lg\:p-\[30px_0_45px\] {
    @media (width >= 64rem) {
      padding: 30px 0 45px;
    }
  }
  .lg\:p-\[30px_15px\] {
    @media (width >= 64rem) {
      padding: 30px 15px;
    }
  }
  .lg\:p-\[30px_15px_50px\] {
    @media (width >= 64rem) {
      padding: 30px 15px 50px;
    }
  }
  .lg\:p-\[30px_20px\] {
    @media (width >= 64rem) {
      padding: 30px 20px;
    }
  }
  .lg\:p-\[30px_25px\] {
    @media (width >= 64rem) {
      padding: 30px 25px;
    }
  }
  .lg\:p-\[35px_15px_45px\] {
    @media (width >= 64rem) {
      padding: 35px 15px 45px;
    }
  }
  .lg\:p-\[40px_0_0\] {
    @media (width >= 64rem) {
      padding: 40px 0 0;
    }
  }
  .lg\:p-\[70px_30px\] {
    @media (width >= 64rem) {
      padding: 70px 30px;
    }
  }
  .lg\:p-\[130px_0_120px\] {
    @media (width >= 64rem) {
      padding: 130px 0 120px;
    }
  }
  .lg\:p-\[150px_0\] {
    @media (width >= 64rem) {
      padding: 150px 0;
    }
  }
  .lg\:\!px-0 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 0) !important;
    }
  }
  .lg\:\!px-5 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 5) !important;
    }
  }
  .lg\:\!px-8 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 8) !important;
    }
  }
  .lg\:\!px-10 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 10) !important;
    }
  }
  .lg\:px-0 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .lg\:px-2 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .lg\:px-3 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .lg\:px-4 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .lg\:px-5 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
  .lg\:px-6 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .lg\:px-7 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 7);
    }
  }
  .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-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\:px-32 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 32);
    }
  }
  .lg\:px-\[1\.25rem\] {
    @media (width >= 64rem) {
      padding-inline: 1.25rem;
    }
  }
  .lg\:px-\[12\.5px\] {
    @media (width >= 64rem) {
      padding-inline: 12.5px;
    }
  }
  .lg\:px-\[20px\] {
    @media (width >= 64rem) {
      padding-inline: 20px;
    }
  }
  .lg\:px-\[30px\] {
    @media (width >= 64rem) {
      padding-inline: 30px;
    }
  }
  .lg\:px-\[55px\] {
    @media (width >= 64rem) {
      padding-inline: 55px;
    }
  }
  .lg\:\!py-20 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 20) !important;
    }
  }
  .lg\:\!py-24 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 24) !important;
    }
  }
  .lg\:\!py-\[7rem\] {
    @media (width >= 64rem) {
      padding-block: 7rem !important;
    }
  }
  .lg\:\!py-\[8rem\] {
    @media (width >= 64rem) {
      padding-block: 8rem !important;
    }
  }
  .lg\:py-0 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 0);
    }
  }
  .lg\:py-1\.5 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 1.5);
    }
  }
  .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-5 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 5);
    }
  }
  .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-12 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 12);
    }
  }
  .lg\:py-14 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 14);
    }
  }
  .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-28 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 28);
    }
  }
  .lg\:py-32 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 32);
    }
  }
  .lg\:py-\[50px\] {
    @media (width >= 64rem) {
      padding-block: 50px;
    }
  }
  .lg\:py-\[120px\] {
    @media (width >= 64rem) {
      padding-block: 120px;
    }
  }
  .lg\:ps-72 {
    @media (width >= 64rem) {
      padding-inline-start: calc(var(--spacing) * 72);
    }
  }
  .lg\:pe-6 {
    @media (width >= 64rem) {
      padding-inline-end: calc(var(--spacing) * 6);
    }
  }
  .lg\:pt-0 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .lg\:pt-4 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 4);
    }
  }
  .lg\:pt-5 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 5);
    }
  }
  .lg\:pt-8 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 8);
    }
  }
  .lg\:pt-10 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 10);
    }
  }
  .lg\:pt-12 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 12);
    }
  }
  .lg\:pt-13 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 13);
    }
  }
  .lg\:pt-14 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 14);
    }
  }
  .lg\:pt-16 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 16);
    }
  }
  .lg\:pt-20 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 20);
    }
  }
  .lg\:pt-24 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 24);
    }
  }
  .lg\:pt-32 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 32);
    }
  }
  .lg\:pt-36 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 36);
    }
  }
  .lg\:pt-40 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 40);
    }
  }
  .lg\:pt-44 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 44);
    }
  }
  .lg\:pt-\[4\.5rem\] {
    @media (width >= 64rem) {
      padding-top: 4.5rem;
    }
  }
  .lg\:pt-\[12\.5rem\] {
    @media (width >= 64rem) {
      padding-top: 12.5rem;
    }
  }
  .lg\:pt-\[30px\] {
    @media (width >= 64rem) {
      padding-top: 30px;
    }
  }
  .lg\:pt-\[90px\] {
    @media (width >= 64rem) {
      padding-top: 90px;
    }
  }
  .lg\:pt-\[100px\] {
    @media (width >= 64rem) {
      padding-top: 100px;
    }
  }
  .lg\:pt-\[120px\] {
    @media (width >= 64rem) {
      padding-top: 120px;
    }
  }
  .lg\:pt-\[160px\] {
    @media (width >= 64rem) {
      padding-top: 160px;
    }
  }
  .lg\:pt-\[170px\] {
    @media (width >= 64rem) {
      padding-top: 170px;
    }
  }
  .lg\:pt-\[180px\] {
    @media (width >= 64rem) {
      padding-top: 180px;
    }
  }
  .lg\:pt-\[200px\] {
    @media (width >= 64rem) {
      padding-top: 200px;
    }
  }
  .lg\:pt-\[230px\] {
    @media (width >= 64rem) {
      padding-top: 230px;
    }
  }
  .lg\:pt-\[235px\] {
    @media (width >= 64rem) {
      padding-top: 235px;
    }
  }
  .lg\:\!pr-6 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 6) !important;
    }
  }
  .lg\:pr-0 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 0);
    }
  }
  .lg\:pr-4 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 4);
    }
  }
  .lg\:pr-5 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 5);
    }
  }
  .lg\:pr-8 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 8);
    }
  }
  .lg\:pr-10 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 10);
    }
  }
  .lg\:pr-12 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 12);
    }
  }
  .lg\:pr-16 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 16);
    }
  }
  .lg\:pr-24 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 24);
    }
  }
  .lg\:pr-32 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 32);
    }
  }
  .lg\:pr-40 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 40);
    }
  }
  .lg\:pr-\[3rem\] {
    @media (width >= 64rem) {
      padding-right: 3rem;
    }
  }
  .lg\:pr-\[13\%\] {
    @media (width >= 64rem) {
      padding-right: 13%;
    }
  }
  .lg\:pr-\[15px\] {
    @media (width >= 64rem) {
      padding-right: 15px;
    }
  }
  .lg\:pr-\[65px\] {
    @media (width >= 64rem) {
      padding-right: 65px;
    }
  }
  .lg\:pr-\[97px\] {
    @media (width >= 64rem) {
      padding-right: 97px;
    }
  }
  .lg\:\!pb-24 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 24) !important;
    }
  }
  .lg\:pb-0 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .lg\:pb-1 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 1);
    }
  }
  .lg\:pb-2 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 2);
    }
  }
  .lg\:pb-5 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 5);
    }
  }
  .lg\:pb-10 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 10);
    }
  }
  .lg\:pb-12 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 12);
    }
  }
  .lg\:pb-14 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 14);
    }
  }
  .lg\:pb-16 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 16);
    }
  }
  .lg\:pb-20 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 20);
    }
  }
  .lg\:pb-24 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 24);
    }
  }
  .lg\:pb-28 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 28);
    }
  }
  .lg\:pb-32 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 32);
    }
  }
  .lg\:pb-40 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 40);
    }
  }
  .lg\:pb-\[7rem\] {
    @media (width >= 64rem) {
      padding-bottom: 7rem;
    }
  }
  .lg\:pb-\[25px\] {
    @media (width >= 64rem) {
      padding-bottom: 25px;
    }
  }
  .lg\:pb-\[26px\] {
    @media (width >= 64rem) {
      padding-bottom: 26px;
    }
  }
  .lg\:pb-\[50px\] {
    @media (width >= 64rem) {
      padding-bottom: 50px;
    }
  }
  .lg\:pb-\[100px\] {
    @media (width >= 64rem) {
      padding-bottom: 100px;
    }
  }
  .lg\:pb-\[120px\] {
    @media (width >= 64rem) {
      padding-bottom: 120px;
    }
  }
  .lg\:pb-\[170px\] {
    @media (width >= 64rem) {
      padding-bottom: 170px;
    }
  }
  .lg\:pb-\[250px\] {
    @media (width >= 64rem) {
      padding-bottom: 250px;
    }
  }
  .lg\:\!pl-6 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 6) !important;
    }
  }
  .lg\:pl-0 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 0);
    }
  }
  .lg\:pl-2 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 2);
    }
  }
  .lg\:pl-3 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 3);
    }
  }
  .lg\:pl-5 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 5);
    }
  }
  .lg\:pl-6 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 6);
    }
  }
  .lg\:pl-8 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 8);
    }
  }
  .lg\:pl-12 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 12);
    }
  }
  .lg\:pl-32 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 32);
    }
  }
  .lg\:pl-64 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 64);
    }
  }
  .lg\:pl-\[3rem\] {
    @media (width >= 64rem) {
      padding-left: 3rem;
    }
  }
  .lg\:pl-\[65px\] {
    @media (width >= 64rem) {
      padding-left: 65px;
    }
  }
  .lg\:\!text-right {
    @media (width >= 64rem) {
      text-align: right !important;
    }
  }
  .lg\:text-center {
    @media (width >= 64rem) {
      text-align: center;
    }
  }
  .lg\:text-left {
    @media (width >= 64rem) {
      text-align: left;
    }
  }
  .lg\:text-right {
    @media (width >= 64rem) {
      text-align: right;
    }
  }
  .lg\:text-start {
    @media (width >= 64rem) {
      text-align: start;
    }
  }
  .lg\:font-\[normal\] {
    @media (width >= 64rem) {
      font-family: normal;
    }
  }
  .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-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 {
    @media (width >= 64rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .lg\:text-lg {
    @media (width >= 64rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .lg\:text-sm {
    @media (width >= 64rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .lg\:text-xl {
    @media (width >= 64rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .lg\:\!text-\[\.85rem\] {
    @media (width >= 64rem) {
      font-size: .85rem !important;
    }
  }
  .lg\:text-\[3\.25rem\] {
    @media (width >= 64rem) {
      font-size: 3.25rem;
    }
  }
  .lg\:text-\[5\.5rem\] {
    @media (width >= 64rem) {
      font-size: 5.5rem;
    }
  }
  .lg\:text-\[11px\] {
    @media (width >= 64rem) {
      font-size: 11px;
    }
  }
  .lg\:text-\[12rem\] {
    @media (width >= 64rem) {
      font-size: 12rem;
    }
  }
  .lg\:text-\[14px\] {
    @media (width >= 64rem) {
      font-size: 14px;
    }
  }
  .lg\:text-\[15px\] {
    @media (width >= 64rem) {
      font-size: 15px;
    }
  }
  .lg\:text-\[16px\] {
    @media (width >= 64rem) {
      font-size: 16px;
    }
  }
  .lg\:text-\[17px\] {
    @media (width >= 64rem) {
      font-size: 17px;
    }
  }
  .lg\:text-\[18px\] {
    @media (width >= 64rem) {
      font-size: 18px;
    }
  }
  .lg\:text-\[19px\] {
    @media (width >= 64rem) {
      font-size: 19px;
    }
  }
  .lg\:text-\[20px\] {
    @media (width >= 64rem) {
      font-size: 20px;
    }
  }
  .lg\:text-\[22px\] {
    @media (width >= 64rem) {
      font-size: 22px;
    }
  }
  .lg\:text-\[24px\] {
    @media (width >= 64rem) {
      font-size: 24px;
    }
  }
  .lg\:text-\[25px\] {
    @media (width >= 64rem) {
      font-size: 25px;
    }
  }
  .lg\:text-\[28px\] {
    @media (width >= 64rem) {
      font-size: 28px;
    }
  }
  .lg\:text-\[30px\] {
    @media (width >= 64rem) {
      font-size: 30px;
    }
  }
  .lg\:text-\[35px\] {
    @media (width >= 64rem) {
      font-size: 35px;
    }
  }
  .lg\:text-\[36px\] {
    @media (width >= 64rem) {
      font-size: 36px;
    }
  }
  .lg\:text-\[45px\] {
    @media (width >= 64rem) {
      font-size: 45px;
    }
  }
  .lg\:text-\[50px\] {
    @media (width >= 64rem) {
      font-size: 50px;
    }
  }
  .lg\:text-\[58px\] {
    @media (width >= 64rem) {
      font-size: 58px;
    }
  }
  .lg\:text-\[62px\] {
    @media (width >= 64rem) {
      font-size: 62px;
    }
  }
  .lg\:text-\[64px\] {
    @media (width >= 64rem) {
      font-size: 64px;
    }
  }
  .lg\:text-\[80px\] {
    @media (width >= 64rem) {
      font-size: 80px;
    }
  }
  .lg\:leading-\[1\.1\] {
    @media (width >= 64rem) {
      --tw-leading: 1.1;
      line-height: 1.1;
    }
  }
  .lg\:leading-\[1\.7em\] {
    @media (width >= 64rem) {
      --tw-leading: 1.7em;
      line-height: 1.7em;
    }
  }
  .lg\:leading-\[1\.20em\] {
    @media (width >= 64rem) {
      --tw-leading: 1.20em;
      line-height: 1.20em;
    }
  }
  .lg\:leading-\[1\.45em\] {
    @media (width >= 64rem) {
      --tw-leading: 1.45em;
      line-height: 1.45em;
    }
  }
  .lg\:leading-\[3\.5rem\] {
    @media (width >= 64rem) {
      --tw-leading: 3.5rem;
      line-height: 3.5rem;
    }
  }
  .lg\:leading-\[25px\] {
    @media (width >= 64rem) {
      --tw-leading: 25px;
      line-height: 25px;
    }
  }
  .lg\:leading-\[48px\] {
    @media (width >= 64rem) {
      --tw-leading: 48px;
      line-height: 48px;
    }
  }
  .lg\:leading-tight {
    @media (width >= 64rem) {
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
    }
  }
  .lg\:whitespace-normal {
    @media (width >= 64rem) {
      white-space: normal;
    }
  }
  .lg\:opacity-0 {
    @media (width >= 64rem) {
      opacity: 0%;
    }
  }
  .lg\:shadow-\[0_2px_10px_0px_rgba\(0\,0\,0\,0\.05\)\] {
    @media (width >= 64rem) {
      --tw-shadow: 0 2px 10px 0px 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);
    }
  }
  .lg\:shadow-lg {
    @media (width >= 64rem) {
      --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);
    }
  }
  .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\:shadow-xl {
    @media (width >= 64rem) {
      --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);
    }
  }
  .lg\:transition {
    @media (width >= 64rem) {
      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));
    }
  }
  .lg\:duration-\[150ms\] {
    @media (width >= 64rem) {
      --tw-duration: 150ms;
      transition-duration: 150ms;
    }
  }
  .lg\:\[--overlay-backdrop\:false\] {
    @media (width >= 64rem) {
      --overlay-backdrop: false;
    }
  }
  .lg\:group-hover\:translate-x-0 {
    @media (width >= 64rem) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          --tw-translate-x: calc(var(--spacing) * 0);
          translate: var(--tw-translate-x) var(--tw-translate-y);
        }
      }
    }
  }
  .lg\:group-hover\:opacity-100 {
    @media (width >= 64rem) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          opacity: 100%;
        }
      }
    }
  }
  .lg\:group-focus\:translate-x-0 {
    @media (width >= 64rem) {
      &:is(:where(.group):focus *) {
        --tw-translate-x: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .lg\:group-focus\:opacity-100 {
    @media (width >= 64rem) {
      &:is(:where(.group):focus *) {
        opacity: 100%;
      }
    }
  }
  .lg\:group-data-\[state\=active\]\:flex {
    @media (width >= 64rem) {
      &:is(:where(.group)[data-state="active"] *) {
        display: flex;
      }
    }
  }
  .lg\:before\:absolute {
    @media (width >= 64rem) {
      &::before {
        content: var(--tw-content);
        position: absolute;
      }
    }
  }
  .lg\:before\:-start-12 {
    @media (width >= 64rem) {
      &::before {
        content: var(--tw-content);
        inset-inline-start: calc(var(--spacing) * -12);
      }
    }
  }
  .lg\:before\:top-0 {
    @media (width >= 64rem) {
      &::before {
        content: var(--tw-content);
        top: calc(var(--spacing) * 0);
      }
    }
  }
  .lg\:before\:right-\[-130px\] {
    @media (width >= 64rem) {
      &::before {
        content: var(--tw-content);
        right: -130px;
      }
    }
  }
  .lg\:before\:right-\[-151px\] {
    @media (width >= 64rem) {
      &::before {
        content: var(--tw-content);
        right: -151px;
      }
    }
  }
  .lg\:before\:mx-auto {
    @media (width >= 64rem) {
      &::before {
        content: var(--tw-content);
        margin-inline: auto;
      }
    }
  }
  .lg\:before\:block {
    @media (width >= 64rem) {
      &::before {
        content: var(--tw-content);
        display: block;
      }
    }
  }
  .lg\:before\:h-\[700px\] {
    @media (width >= 64rem) {
      &::before {
        content: var(--tw-content);
        height: 700px;
      }
    }
  }
  .lg\:before\:h-full {
    @media (width >= 64rem) {
      &::before {
        content: var(--tw-content);
        height: 100%;
      }
    }
  }
  .lg\:before\:w-\[130px\] {
    @media (width >= 64rem) {
      &::before {
        content: var(--tw-content);
        width: 130px;
      }
    }
  }
  .lg\:before\:w-\[145px\] {
    @media (width >= 64rem) {
      &::before {
        content: var(--tw-content);
        width: 145px;
      }
    }
  }
  .lg\:before\:w-\[700px\] {
    @media (width >= 64rem) {
      &::before {
        content: var(--tw-content);
        width: 700px;
      }
    }
  }
  .lg\:before\:w-px {
    @media (width >= 64rem) {
      &::before {
        content: var(--tw-content);
        width: 1px;
      }
    }
  }
  .lg\:before\:bg-neutral-300 {
    @media (width >= 64rem) {
      &::before {
        content: var(--tw-content);
        background-color: var(--color-neutral-300);
      }
    }
  }
  .lg\:group-hover\:before\:visible {
    @media (width >= 64rem) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          &::before {
            content: var(--tw-content);
            visibility: visible;
          }
        }
      }
    }
  }
  .lg\:after\:block {
    @media (width >= 64rem) {
      &::after {
        content: var(--tw-content);
        display: block;
      }
    }
  }
  .lg\:after\:h-\[500px\] {
    @media (width >= 64rem) {
      &::after {
        content: var(--tw-content);
        height: 500px;
      }
    }
  }
  .lg\:after\:w-\[500px\] {
    @media (width >= 64rem) {
      &::after {
        content: var(--tw-content);
        width: 500px;
      }
    }
  }
  .lg\:last\:border-e-0 {
    @media (width >= 64rem) {
      &:last-child {
        border-inline-end-style: var(--tw-border-style);
        border-inline-end-width: 0px;
      }
    }
  }
  .xl\:\!sticky {
    @media (width >= 80rem) {
      position: sticky !important;
    }
  }
  .xl\:absolute {
    @media (width >= 80rem) {
      position: absolute;
    }
  }
  .xl\:sticky {
    @media (width >= 80rem) {
      position: sticky;
    }
  }
  .xl\:top-24 {
    @media (width >= 80rem) {
      top: calc(var(--spacing) * 24);
    }
  }
  .xl\:top-\[25\%\] {
    @media (width >= 80rem) {
      top: 25%;
    }
  }
  .xl\:bottom-\[15\%\] {
    @media (width >= 80rem) {
      bottom: 15%;
    }
  }
  .xl\:left-\[10\%\] {
    @media (width >= 80rem) {
      left: 10%;
    }
  }
  .xl\:left-\[35\%\] {
    @media (width >= 80rem) {
      left: 35%;
    }
  }
  .xl\:\!-order-1 {
    @media (width >= 80rem) {
      order: calc(1 * -1) !important;
    }
  }
  .xl\:\!order-2 {
    @media (width >= 80rem) {
      order: 2 !important;
    }
  }
  .xl\:\!order-3 {
    @media (width >= 80rem) {
      order: 3 !important;
    }
  }
  .xl\:order-1 {
    @media (width >= 80rem) {
      order: 1;
    }
  }
  .xl\:order-2 {
    @media (width >= 80rem) {
      order: 2;
    }
  }
  .xl\:order-3 {
    @media (width >= 80rem) {
      order: 3;
    }
  }
  .xl\:order-first {
    @media (width >= 80rem) {
      order: -9999;
    }
  }
  .xl\:order-last {
    @media (width >= 80rem) {
      order: 9999;
    }
  }
  .xl\:col-span-2 {
    @media (width >= 80rem) {
      grid-column: span 2 / span 2;
    }
  }
  .xl\:col-span-3 {
    @media (width >= 80rem) {
      grid-column: span 3 / span 3;
    }
  }
  .xl\:col-span-4 {
    @media (width >= 80rem) {
      grid-column: span 4 / span 4;
    }
  }
  .xl\:col-span-5 {
    @media (width >= 80rem) {
      grid-column: span 5 / span 5;
    }
  }
  .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\:m-\[250px_0_200px\] {
    @media (width >= 80rem) {
      margin: 250px 0 200px;
    }
  }
  .xl\:mx-0 {
    @media (width >= 80rem) {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  .xl\:mx-10 {
    @media (width >= 80rem) {
      margin-inline: calc(var(--spacing) * 10);
    }
  }
  .xl\:mx-\[-7\.5px\] {
    @media (width >= 80rem) {
      margin-inline: -7.5px;
    }
  }
  .xl\:mx-\[-12\.5px\] {
    @media (width >= 80rem) {
      margin-inline: -12.5px;
    }
  }
  .xl\:mx-\[-20px\] {
    @media (width >= 80rem) {
      margin-inline: -20px;
    }
  }
  .xl\:mx-\[-35px\] {
    @media (width >= 80rem) {
      margin-inline: -35px;
    }
  }
  .xl\:mx-\[2\.5rem\] {
    @media (width >= 80rem) {
      margin-inline: 2.5rem;
    }
  }
  .xl\:mx-auto {
    @media (width >= 80rem) {
      margin-inline: auto;
    }
  }
  .xl\:my-0 {
    @media (width >= 80rem) {
      margin-block: calc(var(--spacing) * 0);
    }
  }
  .xl\:-ms-12 {
    @media (width >= 80rem) {
      margin-inline-start: calc(var(--spacing) * -12);
    }
  }
  .xl\:-me-10 {
    @media (width >= 80rem) {
      margin-inline-end: calc(var(--spacing) * -10);
    }
  }
  .xl\:prose-2xl {
    @media (width >= 80rem) {
      font-size: 1.5rem;
      line-height: 1.6666667;
      :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em;
      }
      :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 1.25em;
        line-height: 1.4666667;
        margin-top: 1.0666667em;
        margin-bottom: 1.0666667em;
      }
      :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.7777778em;
        margin-bottom: 1.7777778em;
        padding-inline-start: 1.1111111em;
      }
      :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 2.6666667em;
        margin-top: 0;
        margin-bottom: 0.875em;
        line-height: 1;
      }
      :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 2em;
        margin-top: 1.5em;
        margin-bottom: 0.8333333em;
        line-height: 1.0833333;
      }
      :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 1.5em;
        margin-top: 1.5555556em;
        margin-bottom: 0.6666667em;
        line-height: 1.2222222;
      }
      :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.6666667em;
        margin-bottom: 0.6666667em;
        line-height: 1.5;
      }
      :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
      }
      :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
      }
      :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
        margin-bottom: 0;
      }
      :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
      }
      :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8333333em;
        border-radius: 0.375rem;
        padding-top: 0.25em;
        padding-inline-end: 0.3333333em;
        padding-bottom: 0.25em;
        padding-inline-start: 0.3333333em;
      }
      :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8333333em;
      }
      :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.875em;
      }
      :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8888889em;
      }
      :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8333333em;
        line-height: 1.8;
        margin-top: 2em;
        margin-bottom: 2em;
        border-radius: 0.5rem;
        padding-top: 1.2em;
        padding-inline-end: 1.6em;
        padding-bottom: 1.2em;
        padding-inline-start: 1.6em;
      }
      :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em;
        padding-inline-start: 1.5833333em;
      }
      :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em;
        padding-inline-start: 1.5833333em;
      }
      :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.5em;
        margin-bottom: 0.5em;
      }
      :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0.4166667em;
      }
      :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0.4166667em;
      }
      :where(.xl\:prose-2xl > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.8333333em;
        margin-bottom: 0.8333333em;
      }
      :where(.xl\:prose-2xl > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.3333333em;
      }
      :where(.xl\:prose-2xl > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 1.3333333em;
      }
      :where(.xl\:prose-2xl > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.3333333em;
      }
      :where(.xl\:prose-2xl > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 1.3333333em;
      }
      :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.6666667em;
        margin-bottom: 0.6666667em;
      }
      :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em;
      }
      :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.3333333em;
      }
      :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.5em;
        padding-inline-start: 1.5833333em;
      }
      :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 3em;
        margin-bottom: 3em;
      }
      :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
      }
      :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
      }
      :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
      }
      :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
      }
      :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8333333em;
        line-height: 1.4;
      }
      :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0.6em;
        padding-bottom: 0.8em;
        padding-inline-start: 0.6em;
      }
      :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0;
      }
      :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0;
      }
      :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-top: 0.8em;
        padding-inline-end: 0.6em;
        padding-bottom: 0.8em;
        padding-inline-start: 0.6em;
      }
      :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0;
      }
      :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0;
      }
      :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
      }
      :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
        margin-bottom: 0;
      }
      :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8333333em;
        line-height: 1.6;
        margin-top: 1em;
      }
      :where(.xl\:prose-2xl > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
      }
      :where(.xl\:prose-2xl > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 0;
      }
    }
  }
  .xl\:prose-xl {
    @media (width >= 80rem) {
      font-size: 1.25rem;
      line-height: 1.8;
      :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.2em;
        margin-bottom: 1.2em;
      }
      :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 1.2em;
        line-height: 1.5;
        margin-top: 1em;
        margin-bottom: 1em;
      }
      :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.6em;
        margin-bottom: 1.6em;
        padding-inline-start: 1.0666667em;
      }
      :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 2.8em;
        margin-top: 0;
        margin-bottom: 0.8571429em;
        line-height: 1;
      }
      :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 1.8em;
        margin-top: 1.5555556em;
        margin-bottom: 0.8888889em;
        line-height: 1.1111111;
      }
      :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 1.5em;
        margin-top: 1.6em;
        margin-bottom: 0.6666667em;
        line-height: 1.3333333;
      }
      :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.8em;
        margin-bottom: 0.6em;
        line-height: 1.6;
      }
      :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
      }
      :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
      }
      :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
        margin-bottom: 0;
      }
      :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
      }
      :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.9em;
        border-radius: 0.3125rem;
        padding-top: 0.25em;
        padding-inline-end: 0.4em;
        padding-bottom: 0.25em;
        padding-inline-start: 0.4em;
      }
      :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.9em;
      }
      :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.8611111em;
      }
      :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.9em;
      }
      :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.9em;
        line-height: 1.7777778;
        margin-top: 2em;
        margin-bottom: 2em;
        border-radius: 0.5rem;
        padding-top: 1.1111111em;
        padding-inline-end: 1.3333333em;
        padding-bottom: 1.1111111em;
        padding-inline-start: 1.3333333em;
      }
      :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.2em;
        margin-bottom: 1.2em;
        padding-inline-start: 1.6em;
      }
      :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.2em;
        margin-bottom: 1.2em;
        padding-inline-start: 1.6em;
      }
      :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.6em;
        margin-bottom: 0.6em;
      }
      :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0.4em;
      }
      :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0.4em;
      }
      :where(.xl\:prose-xl > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.8em;
        margin-bottom: 0.8em;
      }
      :where(.xl\:prose-xl > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.2em;
      }
      :where(.xl\:prose-xl > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 1.2em;
      }
      :where(.xl\:prose-xl > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.2em;
      }
      :where(.xl\:prose-xl > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 1.2em;
      }
      :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.8em;
        margin-bottom: 0.8em;
      }
      :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.2em;
        margin-bottom: 1.2em;
      }
      :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.2em;
      }
      :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.6em;
        padding-inline-start: 1.6em;
      }
      :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2.8em;
        margin-bottom: 2.8em;
      }
      :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
      }
      :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
      }
      :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
      }
      :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
      }
      :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.9em;
        line-height: 1.5555556;
      }
      :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0.6666667em;
        padding-bottom: 0.8888889em;
        padding-inline-start: 0.6666667em;
      }
      :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0;
      }
      :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0;
      }
      :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-top: 0.8888889em;
        padding-inline-end: 0.6666667em;
        padding-bottom: 0.8888889em;
        padding-inline-start: 0.6666667em;
      }
      :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0;
      }
      :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0;
      }
      :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
      }
      :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
        margin-bottom: 0;
      }
      :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 0.9em;
        line-height: 1.5555556;
        margin-top: 1em;
      }
      :where(.xl\:prose-xl > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
      }
      :where(.xl\:prose-xl > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 0;
      }
    }
  }
  .xl\:\!mt-0 {
    @media (width >= 80rem) {
      margin-top: calc(var(--spacing) * 0) !important;
    }
  }
  .xl\:\!mt-5 {
    @media (width >= 80rem) {
      margin-top: calc(var(--spacing) * 5) !important;
    }
  }
  .xl\:\!mt-6 {
    @media (width >= 80rem) {
      margin-top: calc(var(--spacing) * 6) !important;
    }
  }
  .xl\:\!mt-8 {
    @media (width >= 80rem) {
      margin-top: calc(var(--spacing) * 8) !important;
    }
  }
  .xl\:\!mt-\[-10rem\] {
    @media (width >= 80rem) {
      margin-top: -10rem !important;
    }
  }
  .xl\:\!mt-\[-15rem\] {
    @media (width >= 80rem) {
      margin-top: -15rem !important;
    }
  }
  .xl\:\!mt-\[-17\.5rem\] {
    @media (width >= 80rem) {
      margin-top: -17.5rem !important;
    }
  }
  .xl\:mt-0 {
    @media (width >= 80rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .xl\:mt-8 {
    @media (width >= 80rem) {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  .xl\:mt-16 {
    @media (width >= 80rem) {
      margin-top: calc(var(--spacing) * 16);
    }
  }
  .xl\:mt-20 {
    @media (width >= 80rem) {
      margin-top: calc(var(--spacing) * 20);
    }
  }
  .xl\:mt-40 {
    @media (width >= 80rem) {
      margin-top: calc(var(--spacing) * 40);
    }
  }
  .xl\:mt-60 {
    @media (width >= 80rem) {
      margin-top: calc(var(--spacing) * 60);
    }
  }
  .xl\:mt-\[30px\] {
    @media (width >= 80rem) {
      margin-top: 30px;
    }
  }
  .xl\:mt-\[45px\] {
    @media (width >= 80rem) {
      margin-top: 45px;
    }
  }
  .xl\:mt-\[50px\] {
    @media (width >= 80rem) {
      margin-top: 50px;
    }
  }
  .xl\:mt-\[60px\] {
    @media (width >= 80rem) {
      margin-top: 60px;
    }
  }
  .xl\:mt-\[70px\] {
    @media (width >= 80rem) {
      margin-top: 70px;
    }
  }
  .xl\:mt-\[110px\] {
    @media (width >= 80rem) {
      margin-top: 110px;
    }
  }
  .xl\:mt-\[160px\] {
    @media (width >= 80rem) {
      margin-top: 160px;
    }
  }
  .xl\:mt-\[180px\] {
    @media (width >= 80rem) {
      margin-top: 180px;
    }
  }
  .xl\:mt-\[200px\] {
    @media (width >= 80rem) {
      margin-top: 200px;
    }
  }
  .xl\:mt-\[250px\] {
    @media (width >= 80rem) {
      margin-top: 250px;
    }
  }
  .xl\:mt-auto {
    @media (width >= 80rem) {
      margin-top: auto;
    }
  }
  .xl\:mr-0 {
    @media (width >= 80rem) {
      margin-right: calc(var(--spacing) * 0);
    }
  }
  .xl\:mr-5 {
    @media (width >= 80rem) {
      margin-right: calc(var(--spacing) * 5);
    }
  }
  .xl\:mr-\[0\.5rem\] {
    @media (width >= 80rem) {
      margin-right: 0.5rem;
    }
  }
  .xl\:mr-\[3rem\] {
    @media (width >= 80rem) {
      margin-right: 3rem;
    }
  }
  .xl\:mr-auto {
    @media (width >= 80rem) {
      margin-right: auto;
    }
  }
  .xl\:\!mb-0 {
    @media (width >= 80rem) {
      margin-bottom: calc(var(--spacing) * 0) !important;
    }
  }
  .xl\:\!mb-2 {
    @media (width >= 80rem) {
      margin-bottom: calc(var(--spacing) * 2) !important;
    }
  }
  .xl\:\!mb-\[6rem\] {
    @media (width >= 80rem) {
      margin-bottom: 6rem !important;
    }
  }
  .xl\:\!mb-\[7rem\] {
    @media (width >= 80rem) {
      margin-bottom: 7rem !important;
    }
  }
  .xl\:\!mb-\[17\.5rem\] {
    @media (width >= 80rem) {
      margin-bottom: 17.5rem !important;
    }
  }
  .xl\:mb-0 {
    @media (width >= 80rem) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .xl\:mb-5 {
    @media (width >= 80rem) {
      margin-bottom: calc(var(--spacing) * 5);
    }
  }
  .xl\:mb-10 {
    @media (width >= 80rem) {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  .xl\:mb-16 {
    @media (width >= 80rem) {
      margin-bottom: calc(var(--spacing) * 16);
    }
  }
  .xl\:mb-20 {
    @media (width >= 80rem) {
      margin-bottom: calc(var(--spacing) * 20);
    }
  }
  .xl\:mb-\[50px\] {
    @media (width >= 80rem) {
      margin-bottom: 50px;
    }
  }
  .xl\:mb-\[60px\] {
    @media (width >= 80rem) {
      margin-bottom: 60px;
    }
  }
  .xl\:mb-\[70px\] {
    @media (width >= 80rem) {
      margin-bottom: 70px;
    }
  }
  .xl\:mb-\[90px\] {
    @media (width >= 80rem) {
      margin-bottom: 90px;
    }
  }
  .xl\:mb-\[100px\] {
    @media (width >= 80rem) {
      margin-bottom: 100px;
    }
  }
  .xl\:mb-\[150px\] {
    @media (width >= 80rem) {
      margin-bottom: 150px;
    }
  }
  .xl\:mb-\[170px\] {
    @media (width >= 80rem) {
      margin-bottom: 170px;
    }
  }
  .xl\:mb-\[190px\] {
    @media (width >= 80rem) {
      margin-bottom: 190px;
    }
  }
  .xl\:mb-\[250px\] {
    @media (width >= 80rem) {
      margin-bottom: 250px;
    }
  }
  .xl\:\!ml-0 {
    @media (width >= 80rem) {
      margin-left: calc(var(--spacing) * 0) !important;
    }
  }
  .xl\:\!ml-\[16\.66666667\%\] {
    @media (width >= 80rem) {
      margin-left: 16.66666667% !important;
    }
  }
  .xl\:\!ml-auto {
    @media (width >= 80rem) {
      margin-left: auto !important;
    }
  }
  .xl\:ml-0 {
    @media (width >= 80rem) {
      margin-left: calc(var(--spacing) * 0);
    }
  }
  .xl\:ml-5 {
    @media (width >= 80rem) {
      margin-left: calc(var(--spacing) * 5);
    }
  }
  .xl\:ml-\[0\.5rem\] {
    @media (width >= 80rem) {
      margin-left: 0.5rem;
    }
  }
  .xl\:ml-\[3rem\] {
    @media (width >= 80rem) {
      margin-left: 3rem;
    }
  }
  .xl\:ml-auto {
    @media (width >= 80rem) {
      margin-left: auto;
    }
  }
  .xl\:block {
    @media (width >= 80rem) {
      display: block;
    }
  }
  .xl\:flex {
    @media (width >= 80rem) {
      display: flex;
    }
  }
  .xl\:hidden {
    @media (width >= 80rem) {
      display: none;
    }
  }
  .xl\:inline {
    @media (width >= 80rem) {
      display: inline;
    }
  }
  .xl\:inline-block {
    @media (width >= 80rem) {
      display: inline-block;
    }
  }
  .xl\:h-11 {
    @media (width >= 80rem) {
      height: calc(var(--spacing) * 11);
    }
  }
  .xl\:h-96 {
    @media (width >= 80rem) {
      height: calc(var(--spacing) * 96);
    }
  }
  .xl\:h-\[121px\] {
    @media (width >= 80rem) {
      height: 121px;
    }
  }
  .xl\:h-\[135px\] {
    @media (width >= 80rem) {
      height: 135px;
    }
  }
  .xl\:h-\[138px\] {
    @media (width >= 80rem) {
      height: 138px;
    }
  }
  .xl\:h-\[151px\] {
    @media (width >= 80rem) {
      height: 151px;
    }
  }
  .xl\:h-\[175px\] {
    @media (width >= 80rem) {
      height: 175px;
    }
  }
  .xl\:h-\[197px\] {
    @media (width >= 80rem) {
      height: 197px;
    }
  }
  .xl\:min-h-80 {
    @media (width >= 80rem) {
      min-height: calc(var(--spacing) * 80);
    }
  }
  .xl\:w-1\/3 {
    @media (width >= 80rem) {
      width: calc(1 / 3 * 100%);
    }
  }
  .xl\:w-2\/12 {
    @media (width >= 80rem) {
      width: calc(2 / 12 * 100%);
    }
  }
  .xl\:w-3\/4 {
    @media (width >= 80rem) {
      width: calc(3 / 4 * 100%);
    }
  }
  .xl\:w-3\/12 {
    @media (width >= 80rem) {
      width: calc(3 / 12 * 100%);
    }
  }
  .xl\:w-4\/12 {
    @media (width >= 80rem) {
      width: calc(4 / 12 * 100%);
    }
  }
  .xl\:w-5\/6 {
    @media (width >= 80rem) {
      width: calc(5 / 6 * 100%);
    }
  }
  .xl\:w-5\/12 {
    @media (width >= 80rem) {
      width: calc(5 / 12 * 100%);
    }
  }
  .xl\:w-6\/9 {
    @media (width >= 80rem) {
      width: calc(6 / 9 * 100%);
    }
  }
  .xl\:w-6\/12 {
    @media (width >= 80rem) {
      width: calc(6 / 12 * 100%);
    }
  }
  .xl\:w-7\/12 {
    @media (width >= 80rem) {
      width: calc(7 / 12 * 100%);
    }
  }
  .xl\:w-8\/12 {
    @media (width >= 80rem) {
      width: calc(8 / 12 * 100%);
    }
  }
  .xl\:w-9\/12 {
    @media (width >= 80rem) {
      width: calc(9 / 12 * 100%);
    }
  }
  .xl\:w-10\/12 {
    @media (width >= 80rem) {
      width: calc(10 / 12 * 100%);
    }
  }
  .xl\:w-11 {
    @media (width >= 80rem) {
      width: calc(var(--spacing) * 11);
    }
  }
  .xl\:w-11\/12 {
    @media (width >= 80rem) {
      width: calc(11 / 12 * 100%);
    }
  }
  .xl\:w-96 {
    @media (width >= 80rem) {
      width: calc(var(--spacing) * 96);
    }
  }
  .xl\:w-\[42\%\] {
    @media (width >= 80rem) {
      width: 42%;
    }
  }
  .xl\:w-\[58\%\] {
    @media (width >= 80rem) {
      width: 58%;
    }
  }
  .xl\:w-\[121px\] {
    @media (width >= 80rem) {
      width: 121px;
    }
  }
  .xl\:w-\[135px\] {
    @media (width >= 80rem) {
      width: 135px;
    }
  }
  .xl\:w-\[138px\] {
    @media (width >= 80rem) {
      width: 138px;
    }
  }
  .xl\:w-\[151px\] {
    @media (width >= 80rem) {
      width: 151px;
    }
  }
  .xl\:w-\[175px\] {
    @media (width >= 80rem) {
      width: 175px;
    }
  }
  .xl\:w-\[197px\] {
    @media (width >= 80rem) {
      width: 197px;
    }
  }
  .xl\:w-\[248px\] {
    @media (width >= 80rem) {
      width: 248px;
    }
  }
  .xl\:w-\[260px\] {
    @media (width >= 80rem) {
      width: 260px;
    }
  }
  .xl\:w-\[600px\] {
    @media (width >= 80rem) {
      width: 600px;
    }
  }
  .xl\:w-\[min\(100\%\,18rem\)\] {
    @media (width >= 80rem) {
      width: min(100%, 18rem);
    }
  }
  .xl\:w-full {
    @media (width >= 80rem) {
      width: 100%;
    }
  }
  .xl\:max-w-2xl {
    @media (width >= 80rem) {
      max-width: var(--container-2xl);
    }
  }
  .xl\:max-w-xl {
    @media (width >= 80rem) {
      max-width: var(--container-xl);
    }
  }
  .xl\:min-w-60 {
    @media (width >= 80rem) {
      min-width: calc(var(--spacing) * 60);
    }
  }
  .xl\:flex-1 {
    @media (width >= 80rem) {
      flex: 1;
    }
  }
  .xl\:shrink-0 {
    @media (width >= 80rem) {
      flex-shrink: 0;
    }
  }
  .xl\:basis-2\/12 {
    @media (width >= 80rem) {
      flex-basis: calc(2 / 12 * 100%);
    }
  }
  .xl\:basis-3\/12 {
    @media (width >= 80rem) {
      flex-basis: calc(3 / 12 * 100%);
    }
  }
  .xl\:basis-4\/12 {
    @media (width >= 80rem) {
      flex-basis: calc(4 / 12 * 100%);
    }
  }
  .xl\:basis-5\/12 {
    @media (width >= 80rem) {
      flex-basis: calc(5 / 12 * 100%);
    }
  }
  .xl\:basis-6\/9 {
    @media (width >= 80rem) {
      flex-basis: calc(6 / 9 * 100%);
    }
  }
  .xl\:basis-6\/12 {
    @media (width >= 80rem) {
      flex-basis: calc(6 / 12 * 100%);
    }
  }
  .xl\:basis-7\/12 {
    @media (width >= 80rem) {
      flex-basis: calc(7 / 12 * 100%);
    }
  }
  .xl\:basis-8\/12 {
    @media (width >= 80rem) {
      flex-basis: calc(8 / 12 * 100%);
    }
  }
  .xl\:basis-9\/12 {
    @media (width >= 80rem) {
      flex-basis: calc(9 / 12 * 100%);
    }
  }
  .xl\:basis-10\/12 {
    @media (width >= 80rem) {
      flex-basis: calc(10 / 12 * 100%);
    }
  }
  .xl\:basis-11\/12 {
    @media (width >= 80rem) {
      flex-basis: calc(11 / 12 * 100%);
    }
  }
  .xl\:basis-full {
    @media (width >= 80rem) {
      flex-basis: 100%;
    }
  }
  .xl\:columns-2 {
    @media (width >= 80rem) {
      columns: 2;
    }
  }
  .xl\:columns-3 {
    @media (width >= 80rem) {
      columns: 3;
    }
  }
  .xl\:columns-4 {
    @media (width >= 80rem) {
      columns: 4;
    }
  }
  .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-6 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-12 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-\[1fr_320px\] {
    @media (width >= 80rem) {
      grid-template-columns: 1fr 320px;
    }
  }
  .xl\:grid-cols-\[16rem_auto\] {
    @media (width >= 80rem) {
      grid-template-columns: 16rem auto;
    }
  }
  .xl\:grid-cols-\[minmax\(0\,1fr\)_min\(100\%\,20rem\)\] {
    @media (width >= 80rem) {
      grid-template-columns: minmax(0,1fr) min(100%, 20rem);
    }
  }
  .xl\:\!flex-row {
    @media (width >= 80rem) {
      flex-direction: row !important;
    }
  }
  .xl\:flex-row {
    @media (width >= 80rem) {
      flex-direction: row;
    }
  }
  .xl\:flex-nowrap {
    @media (width >= 80rem) {
      flex-wrap: nowrap;
    }
  }
  .xl\:\!items-center {
    @media (width >= 80rem) {
      align-items: center !important;
    }
  }
  .xl\:items-center {
    @media (width >= 80rem) {
      align-items: center;
    }
  }
  .xl\:items-start {
    @media (width >= 80rem) {
      align-items: flex-start;
    }
  }
  .xl\:\!justify-between {
    @media (width >= 80rem) {
      justify-content: space-between !important;
    }
  }
  .xl\:\!justify-start {
    @media (width >= 80rem) {
      justify-content: flex-start !important;
    }
  }
  .xl\:justify-between {
    @media (width >= 80rem) {
      justify-content: space-between;
    }
  }
  .xl\:justify-end {
    @media (width >= 80rem) {
      justify-content: flex-end;
    }
  }
  .xl\:justify-start {
    @media (width >= 80rem) {
      justify-content: flex-start;
    }
  }
  .xl\:gap-0 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 0);
    }
  }
  .xl\:gap-8 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .xl\:gap-16 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 16);
    }
  }
  .xl\:gap-20 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 20);
    }
  }
  .xl\:gap-x-8 {
    @media (width >= 80rem) {
      column-gap: calc(var(--spacing) * 8);
    }
  }
  .xl\:gap-x-12 {
    @media (width >= 80rem) {
      column-gap: calc(var(--spacing) * 12);
    }
  }
  .xl\:gap-x-16 {
    @media (width >= 80rem) {
      column-gap: calc(var(--spacing) * 16);
    }
  }
  .xl\:gap-x-20 {
    @media (width >= 80rem) {
      column-gap: calc(var(--spacing) * 20);
    }
  }
  .xl\:rounded-tl-\[0\.4rem\] {
    @media (width >= 80rem) {
      border-top-left-radius: 0.4rem;
    }
  }
  .xl\:rounded-tr-none {
    @media (width >= 80rem) {
      border-top-right-radius: 0;
    }
  }
  .xl\:rounded-br-none {
    @media (width >= 80rem) {
      border-bottom-right-radius: 0;
    }
  }
  .xl\:rounded-bl-\[0\.4rem\] {
    @media (width >= 80rem) {
      border-bottom-left-radius: 0.4rem;
    }
  }
  .xl\:border-l {
    @media (width >= 80rem) {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }
  .xl\:border-solid {
    @media (width >= 80rem) {
      --tw-border-style: solid;
      border-style: solid;
    }
  }
  .xl\:border-l-\[rgba\(164\,174\,198\,0\.2\)\] {
    @media (width >= 80rem) {
      border-left-color: rgba(164,174,198,0.2);
    }
  }
  .xl\:bg-\[url\(\.\.\/images\/assets\/dot-bg-01\.svg\)\] {
    @media (width >= 80rem) {
      background-image: url(../images/assets/dot-bg-01.svg);
    }
  }
  .xl\:\!p-\[4\.5rem_4rem\] {
    @media (width >= 80rem) {
      padding: 4.5rem 4rem !important;
    }
  }
  .xl\:\!p-\[7rem_15px_9rem\] {
    @media (width >= 80rem) {
      padding: 7rem 15px 9rem !important;
    }
  }
  .xl\:p-3 {
    @media (width >= 80rem) {
      padding: calc(var(--spacing) * 3);
    }
  }
  .xl\:p-5 {
    @media (width >= 80rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .xl\:p-8 {
    @media (width >= 80rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .xl\:p-9 {
    @media (width >= 80rem) {
      padding: calc(var(--spacing) * 9);
    }
  }
  .xl\:p-14 {
    @media (width >= 80rem) {
      padding: calc(var(--spacing) * 14);
    }
  }
  .xl\:p-\[0_40px\] {
    @media (width >= 80rem) {
      padding: 0 40px;
    }
  }
  .xl\:p-\[1\.25rem_1\.75rem_1\.25rem\] {
    @media (width >= 80rem) {
      padding: 1.25rem 1.75rem 1.25rem;
    }
  }
  .xl\:p-\[1\.25rem_2\.5rem_1\.25rem\] {
    @media (width >= 80rem) {
      padding: 1.25rem 2.5rem 1.25rem;
    }
  }
  .xl\:p-\[1\.75rem_1\.75rem_1rem_1\.75rem\] {
    @media (width >= 80rem) {
      padding: 1.75rem 1.75rem 1rem 1.75rem;
    }
  }
  .xl\:p-\[2\.8rem_3rem_2\.8rem\] {
    @media (width >= 80rem) {
      padding: 2.8rem 3rem 2.8rem;
    }
  }
  .xl\:p-\[2rem_2\.5rem_1\.25rem\] {
    @media (width >= 80rem) {
      padding: 2rem 2.5rem 1.25rem;
    }
  }
  .xl\:p-\[30px_70px\] {
    @media (width >= 80rem) {
      padding: 30px 70px;
    }
  }
  .xl\:p-\[40px_0_0\] {
    @media (width >= 80rem) {
      padding: 40px 0 0;
    }
  }
  .xl\:p-\[130px_0_120px\] {
    @media (width >= 80rem) {
      padding: 130px 0 120px;
    }
  }
  .xl\:p-\[150px_0\] {
    @media (width >= 80rem) {
      padding: 150px 0;
    }
  }
  .xl\:\!px-0 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 0) !important;
    }
  }
  .xl\:\!px-6 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 6) !important;
    }
  }
  .xl\:\!px-7 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 7) !important;
    }
  }
  .xl\:\!px-10 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 10) !important;
    }
  }
  .xl\:\!px-12 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 12) !important;
    }
  }
  .xl\:px-0 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .xl\:px-5 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
  .xl\:px-6 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .xl\:px-10 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
  .xl\:px-\[1\.25rem\] {
    @media (width >= 80rem) {
      padding-inline: 1.25rem;
    }
  }
  .xl\:px-\[3rem\] {
    @media (width >= 80rem) {
      padding-inline: 3rem;
    }
  }
  .xl\:px-\[12\.5px\] {
    @media (width >= 80rem) {
      padding-inline: 12.5px;
    }
  }
  .xl\:px-\[20px\] {
    @media (width >= 80rem) {
      padding-inline: 20px;
    }
  }
  .xl\:px-\[35px\] {
    @media (width >= 80rem) {
      padding-inline: 35px;
    }
  }
  .xl\:px-\[55px\] {
    @media (width >= 80rem) {
      padding-inline: 55px;
    }
  }
  .xl\:\!py-20 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 20) !important;
    }
  }
  .xl\:\!py-24 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 24) !important;
    }
  }
  .xl\:\!py-\[7rem\] {
    @media (width >= 80rem) {
      padding-block: 7rem !important;
    }
  }
  .xl\:\!py-\[8rem\] {
    @media (width >= 80rem) {
      padding-block: 8rem !important;
    }
  }
  .xl\:py-0 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 0);
    }
  }
  .xl\:py-12 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 12);
    }
  }
  .xl\:py-24 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 24);
    }
  }
  .xl\:py-\[50px\] {
    @media (width >= 80rem) {
      padding-block: 50px;
    }
  }
  .xl\:ps-12 {
    @media (width >= 80rem) {
      padding-inline-start: calc(var(--spacing) * 12);
    }
  }
  .xl\:pe-4 {
    @media (width >= 80rem) {
      padding-inline-end: calc(var(--spacing) * 4);
    }
  }
  .xl\:pe-10 {
    @media (width >= 80rem) {
      padding-inline-end: calc(var(--spacing) * 10);
    }
  }
  .xl\:pe-12 {
    @media (width >= 80rem) {
      padding-inline-end: calc(var(--spacing) * 12);
    }
  }
  .xl\:pt-0 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .xl\:pt-5 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 5);
    }
  }
  .xl\:pt-10 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 10);
    }
  }
  .xl\:pt-20 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 20);
    }
  }
  .xl\:pt-32 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 32);
    }
  }
  .xl\:pt-40 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 40);
    }
  }
  .xl\:pt-\[4\.5rem\] {
    @media (width >= 80rem) {
      padding-top: 4.5rem;
    }
  }
  .xl\:pt-\[12\.5rem\] {
    @media (width >= 80rem) {
      padding-top: 12.5rem;
    }
  }
  .xl\:pt-\[90px\] {
    @media (width >= 80rem) {
      padding-top: 90px;
    }
  }
  .xl\:pt-\[100px\] {
    @media (width >= 80rem) {
      padding-top: 100px;
    }
  }
  .xl\:pt-\[170px\] {
    @media (width >= 80rem) {
      padding-top: 170px;
    }
  }
  .xl\:pt-\[200px\] {
    @media (width >= 80rem) {
      padding-top: 200px;
    }
  }
  .xl\:pt-\[230px\] {
    @media (width >= 80rem) {
      padding-top: 230px;
    }
  }
  .xl\:pt-\[235px\] {
    @media (width >= 80rem) {
      padding-top: 235px;
    }
  }
  .xl\:\!pr-6 {
    @media (width >= 80rem) {
      padding-right: calc(var(--spacing) * 6) !important;
    }
  }
  .xl\:pr-5 {
    @media (width >= 80rem) {
      padding-right: calc(var(--spacing) * 5);
    }
  }
  .xl\:pr-10 {
    @media (width >= 80rem) {
      padding-right: calc(var(--spacing) * 10);
    }
  }
  .xl\:pr-20 {
    @media (width >= 80rem) {
      padding-right: calc(var(--spacing) * 20);
    }
  }
  .xl\:pr-40 {
    @media (width >= 80rem) {
      padding-right: calc(var(--spacing) * 40);
    }
  }
  .xl\:pr-48 {
    @media (width >= 80rem) {
      padding-right: calc(var(--spacing) * 48);
    }
  }
  .xl\:pr-60 {
    @media (width >= 80rem) {
      padding-right: calc(var(--spacing) * 60);
    }
  }
  .xl\:pr-\[3rem\] {
    @media (width >= 80rem) {
      padding-right: 3rem;
    }
  }
  .xl\:pr-\[4rem\] {
    @media (width >= 80rem) {
      padding-right: 4rem;
    }
  }
  .xl\:pr-\[65px\] {
    @media (width >= 80rem) {
      padding-right: 65px;
    }
  }
  .xl\:pr-\[97px\] {
    @media (width >= 80rem) {
      padding-right: 97px;
    }
  }
  .xl\:\!pb-24 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 24) !important;
    }
  }
  .xl\:pb-1 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 1);
    }
  }
  .xl\:pb-10 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 10);
    }
  }
  .xl\:pb-20 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 20);
    }
  }
  .xl\:pb-24 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 24);
    }
  }
  .xl\:pb-28 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 28);
    }
  }
  .xl\:pb-40 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 40);
    }
  }
  .xl\:pb-\[7rem\] {
    @media (width >= 80rem) {
      padding-bottom: 7rem;
    }
  }
  .xl\:pb-\[25px\] {
    @media (width >= 80rem) {
      padding-bottom: 25px;
    }
  }
  .xl\:pb-\[26px\] {
    @media (width >= 80rem) {
      padding-bottom: 26px;
    }
  }
  .xl\:pb-\[50px\] {
    @media (width >= 80rem) {
      padding-bottom: 50px;
    }
  }
  .xl\:pb-\[120px\] {
    @media (width >= 80rem) {
      padding-bottom: 120px;
    }
  }
  .xl\:pb-\[170px\] {
    @media (width >= 80rem) {
      padding-bottom: 170px;
    }
  }
  .xl\:pb-\[250px\] {
    @media (width >= 80rem) {
      padding-bottom: 250px;
    }
  }
  .xl\:\!pl-5 {
    @media (width >= 80rem) {
      padding-left: calc(var(--spacing) * 5) !important;
    }
  }
  .xl\:\!pl-6 {
    @media (width >= 80rem) {
      padding-left: calc(var(--spacing) * 6) !important;
    }
  }
  .xl\:pl-48 {
    @media (width >= 80rem) {
      padding-left: calc(var(--spacing) * 48);
    }
  }
  .xl\:pl-\[1\.25rem\] {
    @media (width >= 80rem) {
      padding-left: 1.25rem;
    }
  }
  .xl\:pl-\[3rem\] {
    @media (width >= 80rem) {
      padding-left: 3rem;
    }
  }
  .xl\:pl-\[65px\] {
    @media (width >= 80rem) {
      padding-left: 65px;
    }
  }
  .xl\:\!text-right {
    @media (width >= 80rem) {
      text-align: right !important;
    }
  }
  .xl\:text-center {
    @media (width >= 80rem) {
      text-align: center;
    }
  }
  .xl\:text-left {
    @media (width >= 80rem) {
      text-align: left;
    }
  }
  .xl\:text-right {
    @media (width >= 80rem) {
      text-align: right;
    }
  }
  .xl\:text-2xl {
    @media (width >= 80rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .xl\:text-3xl {
    @media (width >= 80rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .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-lg {
    @media (width >= 80rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .xl\:text-xl {
    @media (width >= 80rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .xl\:\!text-\[\.85rem\] {
    @media (width >= 80rem) {
      font-size: .85rem !important;
    }
  }
  .xl\:\!text-\[1\.5rem\] {
    @media (width >= 80rem) {
      font-size: 1.5rem !important;
    }
  }
  .xl\:text-\[1\.4rem\] {
    @media (width >= 80rem) {
      font-size: 1.4rem;
    }
  }
  .xl\:text-\[1\.5rem\] {
    @media (width >= 80rem) {
      font-size: 1.5rem;
    }
  }
  .xl\:text-\[1\.6rem\] {
    @media (width >= 80rem) {
      font-size: 1.6rem;
    }
  }
  .xl\:text-\[2\.1rem\] {
    @media (width >= 80rem) {
      font-size: 2.1rem;
    }
  }
  .xl\:text-\[2\.2rem\] {
    @media (width >= 80rem) {
      font-size: 2.2rem;
    }
  }
  .xl\:text-\[2\.4rem\] {
    @media (width >= 80rem) {
      font-size: 2.4rem;
    }
  }
  .xl\:text-\[2\.5rem\] {
    @media (width >= 80rem) {
      font-size: 2.5rem;
    }
  }
  .xl\:text-\[2\.8rem\] {
    @media (width >= 80rem) {
      font-size: 2.8rem;
    }
  }
  .xl\:text-\[2rem\] {
    @media (width >= 80rem) {
      font-size: 2rem;
    }
  }
  .xl\:text-\[3\.2rem\] {
    @media (width >= 80rem) {
      font-size: 3.2rem;
    }
  }
  .xl\:text-\[3rem\] {
    @media (width >= 80rem) {
      font-size: 3rem;
    }
  }
  .xl\:text-\[36px\] {
    @media (width >= 80rem) {
      font-size: 36px;
    }
  }
  .xl\:text-\[58px\] {
    @media (width >= 80rem) {
      font-size: 58px;
    }
  }
  .xl\:text-\[80px\] {
    @media (width >= 80rem) {
      font-size: 80px;
    }
  }
  .xl\:leading-\[1\.20em\] {
    @media (width >= 80rem) {
      --tw-leading: 1.20em;
      line-height: 1.20em;
    }
  }
  .xl\:leading-tight {
    @media (width >= 80rem) {
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
    }
  }
  .xl\:opacity-0 {
    @media (width >= 80rem) {
      opacity: 0%;
    }
  }
  .xl\:before\:right-\[-187px\] {
    @media (width >= 80rem) {
      &::before {
        content: var(--tw-content);
        right: -187px;
      }
    }
  }
  .xl\:before\:block {
    @media (width >= 80rem) {
      &::before {
        content: var(--tw-content);
        display: block;
      }
    }
  }
  .xl\:before\:w-40 {
    @media (width >= 80rem) {
      &::before {
        content: var(--tw-content);
        width: calc(var(--spacing) * 40);
      }
    }
  }
  .xl\:group-hover\:before\:visible {
    @media (width >= 80rem) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          &::before {
            content: var(--tw-content);
            visibility: visible;
          }
        }
      }
    }
  }
  .xl\:after\:block {
    @media (width >= 80rem) {
      &::after {
        content: var(--tw-content);
        display: block;
      }
    }
  }
  .\32 xl\:top-\[59\%\] {
    @media (width >= 96rem) {
      top: 59%;
    }
  }
  .\32 xl\:right-0 {
    @media (width >= 96rem) {
      right: calc(var(--spacing) * 0);
    }
  }
  .\32 xl\:right-\[5\%\] {
    @media (width >= 96rem) {
      right: 5%;
    }
  }
  .\32 xl\:left-0 {
    @media (width >= 96rem) {
      left: calc(var(--spacing) * 0);
    }
  }
  .\32 xl\:left-\[3\%\] {
    @media (width >= 96rem) {
      left: 3%;
    }
  }
  .\32 xl\:mt-\[30px\] {
    @media (width >= 96rem) {
      margin-top: 30px;
    }
  }
  .\32 xl\:mt-\[120px\] {
    @media (width >= 96rem) {
      margin-top: 120px;
    }
  }
  .\32 xl\:mr-\[30px\] {
    @media (width >= 96rem) {
      margin-right: 30px;
    }
  }
  .\32 xl\:ml-\[30px\] {
    @media (width >= 96rem) {
      margin-left: 30px;
    }
  }
  .\32 xl\:block {
    @media (width >= 96rem) {
      display: block;
    }
  }
  .\32 xl\:flex {
    @media (width >= 96rem) {
      display: flex;
    }
  }
  .\32 xl\:h-\[300px\] {
    @media (width >= 96rem) {
      height: 300px;
    }
  }
  .\32 xl\:h-\[600px\] {
    @media (width >= 96rem) {
      height: 600px;
    }
  }
  .\32 xl\:w-4\/5 {
    @media (width >= 96rem) {
      width: calc(4 / 5 * 100%);
    }
  }
  .\32 xl\:w-6\/12 {
    @media (width >= 96rem) {
      width: calc(6 / 12 * 100%);
    }
  }
  .\32 xl\:w-100 {
    @media (width >= 96rem) {
      width: calc(var(--spacing) * 100);
    }
  }
  .\32 xl\:w-\[25rem\] {
    @media (width >= 96rem) {
      width: 25rem;
    }
  }
  .\32 xl\:w-\[56\%\] {
    @media (width >= 96rem) {
      width: 56%;
    }
  }
  .\32 xl\:w-\[300px\] {
    @media (width >= 96rem) {
      width: 300px;
    }
  }
  .\32 xl\:w-\[600px\] {
    @media (width >= 96rem) {
      width: 600px;
    }
  }
  .\32 xl\:max-w-\(--breakpoint-2xl\) {
    @media (width >= 96rem) {
      max-width: var(--breakpoint-2xl);
    }
  }
  .\32 xl\:max-w-7xl {
    @media (width >= 96rem) {
      max-width: var(--container-7xl);
    }
  }
  .\32 xl\:max-w-\[138\%\] {
    @media (width >= 96rem) {
      max-width: 138%;
    }
  }
  .\32 xl\:max-w-full {
    @media (width >= 96rem) {
      max-width: 100%;
    }
  }
  .\32 xl\:pr-3 {
    @media (width >= 96rem) {
      padding-right: calc(var(--spacing) * 3);
    }
  }
  .\32 xl\:pr-6 {
    @media (width >= 96rem) {
      padding-right: calc(var(--spacing) * 6);
    }
  }
  .\32 xl\:pr-\[18\%\] {
    @media (width >= 96rem) {
      padding-right: 18%;
    }
  }
  .\32 xl\:text-base {
    @media (width >= 96rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .\32 xl\:text-\[22px\] {
    @media (width >= 96rem) {
      font-size: 22px;
    }
  }
  .\32 xl\:text-\[62px\] {
    @media (width >= 96rem) {
      font-size: 62px;
    }
  }
  .\32 xl\:text-\[68px\] {
    @media (width >= 96rem) {
      font-size: 68px;
    }
  }
  .\32 xl\:text-\[75px\] {
    @media (width >= 96rem) {
      font-size: 75px;
    }
  }
  .\32 xl\:text-\[120px\] {
    @media (width >= 96rem) {
      font-size: 120px;
    }
  }
  .xl\:2xl\:px-\[40px\] {
    @media (width >= 80rem) {
      @media (width >= 96rem) {
        padding-inline: 40px;
      }
    }
  }
  .xl\:2xl\:py-\[30px\] {
    @media (width >= 80rem) {
      @media (width >= 96rem) {
        padding-block: 30px;
      }
    }
  }
  .\@md\/field-group\:flex-row {
    @container field-group (width >= 28rem) {
      flex-direction: row;
    }
  }
  .\@md\/field-group\:items-center {
    @container field-group (width >= 28rem) {
      align-items: center;
    }
  }
  .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start {
    @container field-group (width >= 28rem) {
      &:has(>[data-slot=field-content]) {
        align-items: flex-start;
      }
    }
  }
  .rtl\:-scale-x-100 {
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      --tw-scale-x: calc(100% * -1);
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .rtl\:rotate-0 {
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      rotate: 0deg;
    }
  }
  .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;
      }
    }
  }
  .dark\:block {
    &:where([data-theme=dark], [data-theme=dark] *) {
      display: block;
    }
  }
  .dark\:hidden {
    &:where([data-theme=dark], [data-theme=dark] *) {
      display: none;
    }
  }
  .dark\:divide-gray-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      :where(& > :not(:last-child)) {
        border-color: var(--color-gray-700);
      }
    }
  }
  .dark\:divide-neutral-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      :where(& > :not(:last-child)) {
        border-color: var(--color-neutral-700);
      }
    }
  }
  .dark\:divide-neutral-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      :where(& > :not(:last-child)) {
        border-color: var(--color-neutral-800);
      }
    }
  }
  .dark\:rounded-md {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-radius: var(--radius);
    }
  }
  .dark\:border {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .dark\:\!border-neutral-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-neutral-700) !important;
    }
  }
  .dark\:border-amber-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-amber-400);
    }
  }
  .dark\:border-amber-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-amber-500);
    }
  }
  .dark\:border-amber-500\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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);
      }
    }
  }
  .dark\:border-amber-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-amber-800);
    }
  }
  .dark\:border-amber-800\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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);
      }
    }
  }
  .dark\:border-amber-800\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-amber-800) 50%, transparent);
      }
    }
  }
  .dark\:border-amber-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-amber-900) 50%, transparent);
      }
    }
  }
  .dark\:border-amber-950 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-amber-950);
    }
  }
  .dark\:border-blue-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-blue-400);
    }
  }
  .dark\:border-blue-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-blue-500);
    }
  }
  .dark\:border-blue-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-blue-800);
    }
  }
  .dark\:border-blue-800\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: color-mix(in srgb, oklch(42.4% 0.199 265.638) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-blue-800) 50%, transparent);
      }
    }
  }
  .dark\:border-blue-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-blue-900);
    }
  }
  .dark\:border-blue-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-blue-900) 50%, transparent);
      }
    }
  }
  .dark\:border-cyan-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-cyan-400);
    }
  }
  .dark\:border-cyan-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-cyan-700);
    }
  }
  .dark\:border-cyan-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-cyan-800);
    }
  }
  .dark\:border-cyan-800\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: color-mix(in srgb, oklch(45% 0.085 224.283) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-cyan-800) 30%, transparent);
      }
    }
  }
  .dark\:border-cyan-800\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: color-mix(in srgb, oklch(45% 0.085 224.283) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-cyan-800) 50%, transparent);
      }
    }
  }
  .dark\:border-cyan-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-cyan-900);
    }
  }
  .dark\:border-destructive {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: hsl(var(--destructive));
    }
  }
  .dark\:border-emerald-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-emerald-400);
    }
  }
  .dark\:border-emerald-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-emerald-800);
    }
  }
  .dark\:border-emerald-800\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: color-mix(in srgb, oklch(43.2% 0.095 166.913) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-emerald-800) 30%, transparent);
      }
    }
  }
  .dark\:border-emerald-800\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: color-mix(in srgb, oklch(43.2% 0.095 166.913) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-emerald-800) 50%, transparent);
      }
    }
  }
  .dark\:border-emerald-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-emerald-900) 50%, transparent);
      }
    }
  }
  .dark\:border-emerald-950 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-emerald-950);
    }
  }
  .dark\:border-fuchsia-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-fuchsia-400);
    }
  }
  .dark\:border-fuchsia-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-fuchsia-800);
    }
  }
  .dark\:border-fuchsia-800\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: color-mix(in srgb, oklch(45.2% 0.211 324.591) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-fuchsia-800) 30%, transparent);
      }
    }
  }
  .dark\:border-fuchsia-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-fuchsia-900);
    }
  }
  .dark\:border-fuchsia-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: color-mix(in srgb, oklch(40.1% 0.17 325.612) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-fuchsia-900) 30%, transparent);
      }
    }
  }
  .dark\:border-fuchsia-950 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-fuchsia-950);
    }
  }
  .dark\:border-gray-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-gray-300);
    }
  }
  .dark\:border-gray-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-gray-400);
    }
  }
  .dark\:border-gray-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-gray-600);
    }
  }
  .dark\:border-gray-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-gray-700);
    }
  }
  .dark\:border-gray-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-gray-800);
    }
  }
  .dark\:border-green-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-green-400);
    }
  }
  .dark\:border-green-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-green-800);
    }
  }
  .dark\:border-green-800\/50 {
    &:where([data-theme=dark], [data-theme=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 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-green-900);
    }
  }
  .dark\:border-green-950 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-green-950);
    }
  }
  .dark\:border-indigo-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-indigo-400);
    }
  }
  .dark\:border-indigo-500\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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);
      }
    }
  }
  .dark\:border-indigo-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-indigo-800);
    }
  }
  .dark\:border-indigo-800\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: color-mix(in srgb, oklch(39.8% 0.195 277.366) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-indigo-800) 30%, transparent);
      }
    }
  }
  .dark\:border-indigo-800\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: color-mix(in srgb, oklch(39.8% 0.195 277.366) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-indigo-800) 50%, transparent);
      }
    }
  }
  .dark\:border-indigo-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-indigo-900);
    }
  }
  .dark\:border-indigo-950 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-indigo-950);
    }
  }
  .dark\:border-lime-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-lime-400);
    }
  }
  .dark\:border-lime-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-lime-800);
    }
  }
  .dark\:border-lime-800\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: color-mix(in srgb, oklch(45.3% 0.124 130.933) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-lime-800) 50%, transparent);
      }
    }
  }
  .dark\:border-lime-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: color-mix(in srgb, oklch(40.5% 0.101 131.063) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-lime-900) 30%, transparent);
      }
    }
  }
  .dark\:border-lime-950 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-lime-950);
    }
  }
  .dark\:border-neutral-100 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-neutral-100);
    }
  }
  .dark\:border-neutral-200 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-neutral-200);
    }
  }
  .dark\:border-neutral-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-neutral-500);
    }
  }
  .dark\:border-neutral-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-neutral-600);
    }
  }
  .dark\:border-neutral-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-neutral-700);
    }
  }
  .dark\:border-neutral-700\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: color-mix(in srgb, oklch(37.1% 0 0) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-neutral-700) 40%, transparent);
      }
    }
  }
  .dark\:border-neutral-700\/50 {
    &:where([data-theme=dark], [data-theme=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 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-neutral-800);
    }
  }
  .dark\:border-neutral-800\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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);
      }
    }
  }
  .dark\:border-neutral-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-neutral-900);
    }
  }
  .dark\:border-neutral-950 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-neutral-950);
    }
  }
  .dark\:border-orange-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-orange-400);
    }
  }
  .dark\:border-orange-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-orange-800);
    }
  }
  .dark\:border-orange-800\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: color-mix(in srgb, oklch(47% 0.157 37.304) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-orange-800) 30%, transparent);
      }
    }
  }
  .dark\:border-orange-800\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: color-mix(in srgb, oklch(47% 0.157 37.304) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-orange-800) 50%, transparent);
      }
    }
  }
  .dark\:border-orange-950 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-orange-950);
    }
  }
  .dark\:border-pink-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-pink-400);
    }
  }
  .dark\:border-pink-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-pink-800);
    }
  }
  .dark\:border-pink-800\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: color-mix(in srgb, oklch(45.9% 0.187 3.815) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-pink-800) 30%, transparent);
      }
    }
  }
  .dark\:border-pink-800\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: color-mix(in srgb, oklch(45.9% 0.187 3.815) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-pink-800) 50%, transparent);
      }
    }
  }
  .dark\:border-purple-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-purple-400);
    }
  }
  .dark\:border-purple-500\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent);
      }
    }
  }
  .dark\:border-purple-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-purple-800);
    }
  }
  .dark\:border-purple-800\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: color-mix(in srgb, oklch(43.8% 0.218 303.724) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-purple-800) 50%, transparent);
      }
    }
  }
  .dark\:border-purple-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-purple-900);
    }
  }
  .dark\:border-red-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-red-400);
    }
  }
  .dark\:border-red-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-red-800);
    }
  }
  .dark\:border-red-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-red-900);
    }
  }
  .dark\:border-rose-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-rose-400);
    }
  }
  .dark\:border-rose-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-rose-500);
    }
  }
  .dark\:border-rose-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-rose-800);
    }
  }
  .dark\:border-rose-800\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: color-mix(in srgb, oklch(45.5% 0.188 13.697) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-rose-800) 30%, transparent);
      }
    }
  }
  .dark\:border-rose-800\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: color-mix(in srgb, oklch(45.5% 0.188 13.697) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-rose-800) 50%, transparent);
      }
    }
  }
  .dark\:border-rose-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: color-mix(in srgb, oklch(41% 0.159 10.272) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-rose-900) 50%, transparent);
      }
    }
  }
  .dark\:border-sky-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-sky-400);
    }
  }
  .dark\:border-sky-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-sky-500);
    }
  }
  .dark\:border-sky-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-sky-800);
    }
  }
  .dark\:border-sky-800\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: color-mix(in srgb, oklch(44.3% 0.11 240.79) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-sky-800) 30%, transparent);
      }
    }
  }
  .dark\:border-sky-800\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: color-mix(in srgb, oklch(44.3% 0.11 240.79) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-sky-800) 50%, transparent);
      }
    }
  }
  .dark\:border-sky-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-sky-900);
    }
  }
  .dark\:border-sky-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-sky-900) 50%, transparent);
      }
    }
  }
  .dark\:border-slate-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-slate-600);
    }
  }
  .dark\:border-slate-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-slate-700);
    }
  }
  .dark\:border-stone-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-stone-300);
    }
  }
  .dark\:border-stone-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-stone-500);
    }
  }
  .dark\:border-stone-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-stone-600);
    }
  }
  .dark\:border-stone-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-stone-700);
    }
  }
  .dark\:border-stone-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-stone-800);
    }
  }
  .dark\:border-teal-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-teal-400);
    }
  }
  .dark\:border-teal-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-teal-800);
    }
  }
  .dark\:border-teal-800\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: color-mix(in srgb, oklch(43.7% 0.078 188.216) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-teal-800) 30%, transparent);
      }
    }
  }
  .dark\:border-teal-800\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: color-mix(in srgb, oklch(43.7% 0.078 188.216) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-teal-800) 50%, transparent);
      }
    }
  }
  .dark\:border-teal-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: color-mix(in srgb, oklch(38.6% 0.063 188.416) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-teal-900) 50%, transparent);
      }
    }
  }
  .dark\:border-transparent {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: transparent;
    }
  }
  .dark\:border-violet-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-violet-400);
    }
  }
  .dark\:border-violet-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-violet-800);
    }
  }
  .dark\:border-violet-800\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: color-mix(in srgb, oklch(43.2% 0.232 292.759) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-violet-800) 30%, transparent);
      }
    }
  }
  .dark\:border-violet-800\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: color-mix(in srgb, oklch(43.2% 0.232 292.759) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-violet-800) 50%, transparent);
      }
    }
  }
  .dark\:border-violet-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-violet-900);
    }
  }
  .dark\:border-violet-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: color-mix(in srgb, oklch(38% 0.189 293.745) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-violet-900) 50%, transparent);
      }
    }
  }
  .dark\:border-white {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-white);
    }
  }
  .dark\:border-white\/10 {
    &:where([data-theme=dark], [data-theme=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\/20 {
    &:where([data-theme=dark], [data-theme=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-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-yellow-800);
    }
  }
  .dark\:border-zinc-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: var(--color-zinc-600);
    }
  }
  .dark\:border-zinc-700\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-color: color-mix(in srgb, oklch(37% 0.013 285.805) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-zinc-700) 50%, transparent);
      }
    }
  }
  .dark\:border-t-transparent {
    &:where([data-theme=dark], [data-theme=dark] *) {
      border-top-color: transparent;
    }
  }
  .dark\:\!bg-neutral-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-neutral-800) !important;
    }
  }
  .dark\:bg-amber-200 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-amber-200);
    }
  }
  .dark\:bg-amber-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-amber-400);
    }
  }
  .dark\:bg-amber-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-amber-500);
    }
  }
  .dark\:bg-amber-500\/10 {
    &:where([data-theme=dark], [data-theme=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\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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);
      }
    }
  }
  .dark\:bg-amber-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-amber-600);
    }
  }
  .dark\:bg-amber-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-amber-700);
    }
  }
  .dark\:bg-amber-700\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(55.5% 0.163 48.998) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-700) 40%, transparent);
      }
    }
  }
  .dark\:bg-amber-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-amber-800);
    }
  }
  .dark\:bg-amber-800\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-800) 20%, transparent);
      }
    }
  }
  .dark\:bg-amber-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-800) 40%, transparent);
      }
    }
  }
  .dark\:bg-amber-800\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-800) 50%, transparent);
      }
    }
  }
  .dark\:bg-amber-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-amber-900);
    }
  }
  .dark\:bg-amber-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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);
      }
    }
  }
  .dark\:bg-amber-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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);
      }
    }
  }
  .dark\:bg-amber-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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);
      }
    }
  }
  .dark\:bg-amber-900\/50 {
    &:where([data-theme=dark], [data-theme=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\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-950) 20%, transparent);
      }
    }
  }
  .dark\:bg-amber-950\/30 {
    &:where([data-theme=dark], [data-theme=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-black\/70 {
    &:where([data-theme=dark], [data-theme=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-blue-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-blue-400);
    }
  }
  .dark\:bg-blue-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-blue-500);
    }
  }
  .dark\:bg-blue-500\/20 {
    &:where([data-theme=dark], [data-theme=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 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-blue-600);
    }
  }
  .dark\:bg-blue-600\/20 {
    &:where([data-theme=dark], [data-theme=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 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-blue-700);
    }
  }
  .dark\:bg-blue-700\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(48.8% 0.243 264.376) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-blue-700) 40%, transparent);
      }
    }
  }
  .dark\:bg-blue-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-blue-800);
    }
  }
  .dark\:bg-blue-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(42.4% 0.199 265.638) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-blue-800) 40%, transparent);
      }
    }
  }
  .dark\:bg-blue-800\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(42.4% 0.199 265.638) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-blue-800) 50%, transparent);
      }
    }
  }
  .dark\:bg-blue-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-blue-900);
    }
  }
  .dark\:bg-blue-900\/10 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-blue-900) 10%, transparent);
      }
    }
  }
  .dark\:bg-blue-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent);
      }
    }
  }
  .dark\:bg-blue-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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\:bg-blue-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-blue-900) 40%, transparent);
      }
    }
  }
  .dark\:bg-blue-900\/50 {
    &:where([data-theme=dark], [data-theme=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 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-blue-950);
    }
  }
  .dark\:bg-blue-950\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(28.2% 0.091 267.935) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-blue-950) 20%, transparent);
      }
    }
  }
  .dark\:bg-blue-950\/30 {
    &:where([data-theme=dark], [data-theme=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-blue-950\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(28.2% 0.091 267.935) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-blue-950) 50%, transparent);
      }
    }
  }
  .dark\:bg-card\/60 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: hsl(var(--card));
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, hsl(var(--card)) 60%, transparent);
      }
    }
  }
  .dark\:bg-cyan-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-cyan-400);
    }
  }
  .dark\:bg-cyan-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-cyan-500);
    }
  }
  .dark\:bg-cyan-500\/10 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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);
      }
    }
  }
  .dark\:bg-cyan-500\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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);
      }
    }
  }
  .dark\:bg-cyan-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-cyan-600);
    }
  }
  .dark\:bg-cyan-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-cyan-700);
    }
  }
  .dark\:bg-cyan-700\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(52% 0.105 223.128) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-cyan-700) 40%, transparent);
      }
    }
  }
  .dark\:bg-cyan-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-cyan-800);
    }
  }
  .dark\:bg-cyan-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(45% 0.085 224.283) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-cyan-800) 40%, transparent);
      }
    }
  }
  .dark\:bg-cyan-800\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(45% 0.085 224.283) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-cyan-800) 50%, transparent);
      }
    }
  }
  .dark\:bg-cyan-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-cyan-900);
    }
  }
  .dark\:bg-cyan-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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);
      }
    }
  }
  .dark\:bg-cyan-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(39.8% 0.07 227.392) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-cyan-900) 30%, transparent);
      }
    }
  }
  .dark\:bg-cyan-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(39.8% 0.07 227.392) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-cyan-900) 40%, transparent);
      }
    }
  }
  .dark\:bg-cyan-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(39.8% 0.07 227.392) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-cyan-900) 50%, transparent);
      }
    }
  }
  .dark\:bg-cyan-950\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(30.2% 0.056 229.695) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-cyan-950) 20%, transparent);
      }
    }
  }
  .dark\:bg-cyan-950\/30 {
    &:where([data-theme=dark], [data-theme=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-cyan-950\/95 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(30.2% 0.056 229.695) 95%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-cyan-950) 95%, transparent);
      }
    }
  }
  .dark\:bg-emerald-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-emerald-400);
    }
  }
  .dark\:bg-emerald-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-emerald-500);
    }
  }
  .dark\:bg-emerald-500\/10 {
    &:where([data-theme=dark], [data-theme=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-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-emerald-600);
    }
  }
  .dark\:bg-emerald-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-emerald-700);
    }
  }
  .dark\:bg-emerald-700\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(50.8% 0.118 165.612) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-700) 40%, transparent);
      }
    }
  }
  .dark\:bg-emerald-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-emerald-800);
    }
  }
  .dark\:bg-emerald-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(43.2% 0.095 166.913) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-800) 40%, transparent);
      }
    }
  }
  .dark\:bg-emerald-800\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(43.2% 0.095 166.913) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-800) 50%, transparent);
      }
    }
  }
  .dark\:bg-emerald-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-emerald-900);
    }
  }
  .dark\:bg-emerald-900\/10 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-900) 10%, transparent);
      }
    }
  }
  .dark\:bg-emerald-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-900) 20%, transparent);
      }
    }
  }
  .dark\:bg-emerald-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-900) 30%, transparent);
      }
    }
  }
  .dark\:bg-emerald-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-900) 40%, transparent);
      }
    }
  }
  .dark\:bg-emerald-900\/50 {
    &:where([data-theme=dark], [data-theme=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\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(26.2% 0.051 172.552) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-950) 20%, transparent);
      }
    }
  }
  .dark\:bg-emerald-950\/30 {
    &:where([data-theme=dark], [data-theme=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\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(26.2% 0.051 172.552) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-950) 50%, transparent);
      }
    }
  }
  .dark\:bg-emerald-950\/95 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(26.2% 0.051 172.552) 95%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-950) 95%, transparent);
      }
    }
  }
  .dark\:bg-fuchsia-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-fuchsia-400);
    }
  }
  .dark\:bg-fuchsia-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-fuchsia-500);
    }
  }
  .dark\:bg-fuchsia-500\/10 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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);
      }
    }
  }
  .dark\:bg-fuchsia-500\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(66.7% 0.295 322.15) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-fuchsia-500) 20%, transparent);
      }
    }
  }
  .dark\:bg-fuchsia-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-fuchsia-600);
    }
  }
  .dark\:bg-fuchsia-600\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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);
      }
    }
  }
  .dark\:bg-fuchsia-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-fuchsia-700);
    }
  }
  .dark\:bg-fuchsia-700\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(51.8% 0.253 323.949) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-fuchsia-700) 40%, transparent);
      }
    }
  }
  .dark\:bg-fuchsia-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-fuchsia-800);
    }
  }
  .dark\:bg-fuchsia-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(45.2% 0.211 324.591) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-fuchsia-800) 40%, transparent);
      }
    }
  }
  .dark\:bg-fuchsia-900\/10 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(40.1% 0.17 325.612) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-fuchsia-900) 10%, transparent);
      }
    }
  }
  .dark\:bg-fuchsia-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(40.1% 0.17 325.612) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-fuchsia-900) 20%, transparent);
      }
    }
  }
  .dark\:bg-fuchsia-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(40.1% 0.17 325.612) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-fuchsia-900) 30%, transparent);
      }
    }
  }
  .dark\:bg-fuchsia-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(40.1% 0.17 325.612) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-fuchsia-900) 40%, transparent);
      }
    }
  }
  .dark\:bg-fuchsia-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(40.1% 0.17 325.612) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-fuchsia-900) 50%, transparent);
      }
    }
  }
  .dark\:bg-fuchsia-950\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(29.3% 0.136 325.661) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-fuchsia-950) 20%, transparent);
      }
    }
  }
  .dark\:bg-fuchsia-950\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(29.3% 0.136 325.661) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-fuchsia-950) 30%, transparent);
      }
    }
  }
  .dark\:bg-gray-50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-gray-50);
    }
  }
  .dark\:bg-gray-100 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-gray-100);
    }
  }
  .dark\:bg-gray-200 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-gray-200);
    }
  }
  .dark\:bg-gray-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-gray-500);
    }
  }
  .dark\:bg-gray-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-gray-600);
    }
  }
  .dark\:bg-gray-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-gray-700);
    }
  }
  .dark\:bg-gray-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-gray-800);
    }
  }
  .dark\:bg-gray-800\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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);
      }
    }
  }
  .dark\:bg-gray-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-gray-900);
    }
  }
  .dark\:bg-gray-950\/50 {
    &:where([data-theme=dark], [data-theme=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-green-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-green-400);
    }
  }
  .dark\:bg-green-400\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(79.2% 0.209 151.711) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-green-400) 50%, transparent);
      }
    }
  }
  .dark\:bg-green-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-green-500);
    }
  }
  .dark\:bg-green-500\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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);
      }
    }
  }
  .dark\:bg-green-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-green-600);
    }
  }
  .dark\:bg-green-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-green-700);
    }
  }
  .dark\:bg-green-700\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(52.7% 0.154 150.069) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-green-700) 40%, transparent);
      }
    }
  }
  .dark\:bg-green-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-green-800);
    }
  }
  .dark\:bg-green-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(44.8% 0.119 151.328) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-green-800) 40%, transparent);
      }
    }
  }
  .dark\:bg-green-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-green-900);
    }
  }
  .dark\:bg-green-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-green-900) 20%, transparent);
      }
    }
  }
  .dark\:bg-green-900\/30 {
    &:where([data-theme=dark], [data-theme=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-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-green-900) 40%, transparent);
      }
    }
  }
  .dark\:bg-green-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-green-900) 50%, transparent);
      }
    }
  }
  .dark\:bg-green-950 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-green-950);
    }
  }
  .dark\:bg-green-950\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(26.6% 0.065 152.934) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-green-950) 20%, transparent);
      }
    }
  }
  .dark\:bg-green-950\/30 {
    &:where([data-theme=dark], [data-theme=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-green-950\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(26.6% 0.065 152.934) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-green-950) 40%, transparent);
      }
    }
  }
  .dark\:bg-indigo-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-indigo-400);
    }
  }
  .dark\:bg-indigo-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-indigo-500);
    }
  }
  .dark\:bg-indigo-500\/10 {
    &:where([data-theme=dark], [data-theme=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-500\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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);
      }
    }
  }
  .dark\:bg-indigo-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-indigo-600);
    }
  }
  .dark\:bg-indigo-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-indigo-700);
    }
  }
  .dark\:bg-indigo-700\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(45.7% 0.24 277.023) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-indigo-700) 40%, transparent);
      }
    }
  }
  .dark\:bg-indigo-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-indigo-800);
    }
  }
  .dark\:bg-indigo-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(39.8% 0.195 277.366) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-indigo-800) 40%, transparent);
      }
    }
  }
  .dark\:bg-indigo-800\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(39.8% 0.195 277.366) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-indigo-800) 50%, transparent);
      }
    }
  }
  .dark\:bg-indigo-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-indigo-900);
    }
  }
  .dark\:bg-indigo-900\/10 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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\:bg-indigo-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-indigo-900) 20%, transparent);
      }
    }
  }
  .dark\:bg-indigo-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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\:bg-indigo-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-indigo-900) 40%, transparent);
      }
    }
  }
  .dark\:bg-indigo-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-indigo-900) 50%, transparent);
      }
    }
  }
  .dark\:bg-indigo-950 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-indigo-950);
    }
  }
  .dark\:bg-indigo-950\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(25.7% 0.09 281.288) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-indigo-950) 20%, transparent);
      }
    }
  }
  .dark\:bg-indigo-950\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(25.7% 0.09 281.288) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-indigo-950) 30%, transparent);
      }
    }
  }
  .dark\:bg-indigo-950\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(25.7% 0.09 281.288) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-indigo-950) 50%, transparent);
      }
    }
  }
  .dark\:bg-input\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: hsl(var(--input));
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, hsl(var(--input)) 30%, transparent);
      }
    }
  }
  .dark\:bg-lime-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-lime-400);
    }
  }
  .dark\:bg-lime-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-lime-500);
    }
  }
  .dark\:bg-lime-500\/10 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(76.8% 0.233 130.85) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-lime-500) 10%, transparent);
      }
    }
  }
  .dark\:bg-lime-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-lime-600);
    }
  }
  .dark\:bg-lime-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-lime-700);
    }
  }
  .dark\:bg-lime-700\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(53.2% 0.157 131.589) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-lime-700) 40%, transparent);
      }
    }
  }
  .dark\:bg-lime-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-lime-800);
    }
  }
  .dark\:bg-lime-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(45.3% 0.124 130.933) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-lime-800) 40%, transparent);
      }
    }
  }
  .dark\:bg-lime-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-lime-900);
    }
  }
  .dark\:bg-lime-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(40.5% 0.101 131.063) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-lime-900) 20%, transparent);
      }
    }
  }
  .dark\:bg-lime-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(40.5% 0.101 131.063) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-lime-900) 30%, transparent);
      }
    }
  }
  .dark\:bg-lime-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(40.5% 0.101 131.063) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-lime-900) 40%, transparent);
      }
    }
  }
  .dark\:bg-lime-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(40.5% 0.101 131.063) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-lime-900) 50%, transparent);
      }
    }
  }
  .dark\:bg-lime-950\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(27.4% 0.072 132.109) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-lime-950) 20%, transparent);
      }
    }
  }
  .dark\:bg-lime-950\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(27.4% 0.072 132.109) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-lime-950) 30%, transparent);
      }
    }
  }
  .dark\:bg-muted\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: hsl(var(--muted));
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, hsl(var(--muted)) 40%, transparent);
      }
    }
  }
  .dark\:bg-neutral-100 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-neutral-100);
    }
  }
  .dark\:bg-neutral-200 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-neutral-200);
    }
  }
  .dark\:bg-neutral-300\/10 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(87% 0 0) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-300) 10%, transparent);
      }
    }
  }
  .dark\:bg-neutral-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-neutral-600);
    }
  }
  .dark\:bg-neutral-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-neutral-700);
    }
  }
  .dark\:bg-neutral-700\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(37.1% 0 0) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-700) 30%, transparent);
      }
    }
  }
  .dark\:bg-neutral-700\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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\:bg-neutral-700\/60 {
    &:where([data-theme=dark], [data-theme=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 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-neutral-800);
    }
  }
  .dark\:bg-neutral-800\/50 {
    &:where([data-theme=dark], [data-theme=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\/70 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(26.9% 0 0) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-800) 70%, transparent);
      }
    }
  }
  .dark\:bg-neutral-800\/80 {
    &:where([data-theme=dark], [data-theme=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-800\/95 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(26.9% 0 0) 95%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-800) 95%, transparent);
      }
    }
  }
  .dark\:bg-neutral-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-neutral-900);
    }
  }
  .dark\:bg-neutral-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(20.5% 0 0) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-900) 30%, transparent);
      }
    }
  }
  .dark\:bg-neutral-900\/40 {
    &:where([data-theme=dark], [data-theme=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 {
    &:where([data-theme=dark], [data-theme=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\/60 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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);
      }
    }
  }
  .dark\:bg-neutral-900\/70 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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);
      }
    }
  }
  .dark\:bg-neutral-900\/80 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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);
      }
    }
  }
  .dark\:bg-neutral-900\/90 {
    &:where([data-theme=dark], [data-theme=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-900\/95 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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);
      }
    }
  }
  .dark\:bg-neutral-950 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-neutral-950);
    }
  }
  .dark\:bg-neutral-950\/70 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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);
      }
    }
  }
  .dark\:bg-neutral-950\/80 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(14.5% 0 0) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-950) 80%, transparent);
      }
    }
  }
  .dark\:bg-neutral-950\/90 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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);
      }
    }
  }
  .dark\:bg-neutral-950\/95 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(14.5% 0 0) 95%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-950) 95%, transparent);
      }
    }
  }
  .dark\:bg-orange-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-orange-400);
    }
  }
  .dark\:bg-orange-400\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(75% 0.183 55.934) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-orange-400) 50%, transparent);
      }
    }
  }
  .dark\:bg-orange-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-orange-500);
    }
  }
  .dark\:bg-orange-500\/10 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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);
      }
    }
  }
  .dark\:bg-orange-500\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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);
      }
    }
  }
  .dark\:bg-orange-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-orange-600);
    }
  }
  .dark\:bg-orange-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-orange-700);
    }
  }
  .dark\:bg-orange-700\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(55.3% 0.195 38.402) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-orange-700) 40%, transparent);
      }
    }
  }
  .dark\:bg-orange-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-orange-800);
    }
  }
  .dark\:bg-orange-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(47% 0.157 37.304) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-orange-800) 40%, transparent);
      }
    }
  }
  .dark\:bg-orange-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-orange-900);
    }
  }
  .dark\:bg-orange-900\/10 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-orange-900) 10%, transparent);
      }
    }
  }
  .dark\:bg-orange-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-orange-900) 20%, transparent);
      }
    }
  }
  .dark\:bg-orange-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-orange-900) 30%, transparent);
      }
    }
  }
  .dark\:bg-orange-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-orange-900) 40%, transparent);
      }
    }
  }
  .dark\:bg-orange-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-orange-900) 50%, transparent);
      }
    }
  }
  .dark\:bg-orange-950\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(26.6% 0.079 36.259) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-orange-950) 20%, transparent);
      }
    }
  }
  .dark\:bg-orange-950\/30 {
    &:where([data-theme=dark], [data-theme=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-palette-2\/10 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in oklab, #b5795b 10%, transparent);
    }
  }
  .dark\:bg-palette-3\/10 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in oklab, #a06d55 10%, transparent);
    }
  }
  .dark\:bg-pink-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-pink-400);
    }
  }
  .dark\:bg-pink-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-pink-500);
    }
  }
  .dark\:bg-pink-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-pink-600);
    }
  }
  .dark\:bg-pink-600\/10 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(59.2% 0.249 0.584) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-pink-600) 10%, transparent);
      }
    }
  }
  .dark\:bg-pink-600\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(59.2% 0.249 0.584) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-pink-600) 20%, transparent);
      }
    }
  }
  .dark\:bg-pink-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-pink-700);
    }
  }
  .dark\:bg-pink-700\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(52.5% 0.223 3.958) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-pink-700) 40%, transparent);
      }
    }
  }
  .dark\:bg-pink-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-pink-800);
    }
  }
  .dark\:bg-pink-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(45.9% 0.187 3.815) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-pink-800) 40%, transparent);
      }
    }
  }
  .dark\:bg-pink-800\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(45.9% 0.187 3.815) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-pink-800) 50%, transparent);
      }
    }
  }
  .dark\:bg-pink-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-pink-900);
    }
  }
  .dark\:bg-pink-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(40.8% 0.153 2.432) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-pink-900) 20%, transparent);
      }
    }
  }
  .dark\:bg-pink-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(40.8% 0.153 2.432) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-pink-900) 30%, transparent);
      }
    }
  }
  .dark\:bg-pink-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(40.8% 0.153 2.432) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-pink-900) 40%, transparent);
      }
    }
  }
  .dark\:bg-pink-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(40.8% 0.153 2.432) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-pink-900) 50%, transparent);
      }
    }
  }
  .dark\:bg-pink-950\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(28.4% 0.109 3.907) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-pink-950) 20%, transparent);
      }
    }
  }
  .dark\:bg-pink-950\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(28.4% 0.109 3.907) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-pink-950) 30%, transparent);
      }
    }
  }
  .dark\:bg-primary\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: hsl(var(--primary));
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, hsl(var(--primary)) 20%, transparent);
      }
    }
  }
  .dark\:bg-purple-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-purple-400);
    }
  }
  .dark\:bg-purple-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-purple-500);
    }
  }
  .dark\:bg-purple-500\/10 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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);
      }
    }
  }
  .dark\:bg-purple-500\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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);
      }
    }
  }
  .dark\:bg-purple-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-purple-600);
    }
  }
  .dark\:bg-purple-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-purple-700);
    }
  }
  .dark\:bg-purple-700\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(49.6% 0.265 301.924) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-purple-700) 40%, transparent);
      }
    }
  }
  .dark\:bg-purple-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-purple-800);
    }
  }
  .dark\:bg-purple-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(43.8% 0.218 303.724) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-purple-800) 40%, transparent);
      }
    }
  }
  .dark\:bg-purple-800\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(43.8% 0.218 303.724) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-purple-800) 50%, transparent);
      }
    }
  }
  .dark\:bg-purple-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-purple-900);
    }
  }
  .dark\:bg-purple-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-purple-900) 20%, transparent);
      }
    }
  }
  .dark\:bg-purple-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-purple-900) 30%, transparent);
      }
    }
  }
  .dark\:bg-purple-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-purple-900) 40%, transparent);
      }
    }
  }
  .dark\:bg-purple-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-purple-900) 50%, transparent);
      }
    }
  }
  .dark\:bg-purple-950\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(29.1% 0.149 302.717) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-purple-950) 20%, transparent);
      }
    }
  }
  .dark\:bg-purple-950\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(29.1% 0.149 302.717) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-purple-950) 30%, transparent);
      }
    }
  }
  .dark\:bg-red-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-red-400);
    }
  }
  .dark\:bg-red-400\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-red-400) 50%, transparent);
      }
    }
  }
  .dark\:bg-red-500\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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\:bg-red-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-red-600);
    }
  }
  .dark\:bg-red-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-red-900);
    }
  }
  .dark\:bg-red-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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\:bg-red-900\/30 {
    &:where([data-theme=dark], [data-theme=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\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-red-900) 40%, transparent);
      }
    }
  }
  .dark\:bg-red-950 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-red-950);
    }
  }
  .dark\:bg-red-950\/30 {
    &:where([data-theme=dark], [data-theme=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-red-950\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-red-950) 50%, transparent);
      }
    }
  }
  .dark\:bg-rose-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-rose-400);
    }
  }
  .dark\:bg-rose-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-rose-500);
    }
  }
  .dark\:bg-rose-500\/10 {
    &:where([data-theme=dark], [data-theme=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-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-rose-600);
    }
  }
  .dark\:bg-rose-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-rose-700);
    }
  }
  .dark\:bg-rose-700\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(51.4% 0.222 16.935) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-rose-700) 20%, transparent);
      }
    }
  }
  .dark\:bg-rose-700\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(51.4% 0.222 16.935) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-rose-700) 40%, transparent);
      }
    }
  }
  .dark\:bg-rose-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-rose-800);
    }
  }
  .dark\:bg-rose-800\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(45.5% 0.188 13.697) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-rose-800) 20%, transparent);
      }
    }
  }
  .dark\:bg-rose-800\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(45.5% 0.188 13.697) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-rose-800) 30%, transparent);
      }
    }
  }
  .dark\:bg-rose-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(45.5% 0.188 13.697) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-rose-800) 40%, transparent);
      }
    }
  }
  .dark\:bg-rose-800\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(45.5% 0.188 13.697) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-rose-800) 50%, transparent);
      }
    }
  }
  .dark\:bg-rose-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-rose-900);
    }
  }
  .dark\:bg-rose-900\/10 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(41% 0.159 10.272) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-rose-900) 10%, transparent);
      }
    }
  }
  .dark\:bg-rose-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(41% 0.159 10.272) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-rose-900) 20%, transparent);
      }
    }
  }
  .dark\:bg-rose-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(41% 0.159 10.272) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-rose-900) 30%, transparent);
      }
    }
  }
  .dark\:bg-rose-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(41% 0.159 10.272) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-rose-900) 40%, transparent);
      }
    }
  }
  .dark\:bg-rose-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(41% 0.159 10.272) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-rose-900) 50%, transparent);
      }
    }
  }
  .dark\:bg-rose-950\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(27.1% 0.105 12.094) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-rose-950) 20%, transparent);
      }
    }
  }
  .dark\:bg-rose-950\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(27.1% 0.105 12.094) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-rose-950) 30%, transparent);
      }
    }
  }
  .dark\:bg-sky-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-sky-400);
    }
  }
  .dark\:bg-sky-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-sky-500);
    }
  }
  .dark\:bg-sky-500\/10 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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);
      }
    }
  }
  .dark\:bg-sky-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-sky-600);
    }
  }
  .dark\:bg-sky-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-sky-700);
    }
  }
  .dark\:bg-sky-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-sky-800);
    }
  }
  .dark\:bg-sky-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(44.3% 0.11 240.79) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-sky-800) 40%, transparent);
      }
    }
  }
  .dark\:bg-sky-800\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(44.3% 0.11 240.79) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-sky-800) 50%, transparent);
      }
    }
  }
  .dark\:bg-sky-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-sky-900);
    }
  }
  .dark\:bg-sky-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-sky-900) 20%, transparent);
      }
    }
  }
  .dark\:bg-sky-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-sky-900) 30%, transparent);
      }
    }
  }
  .dark\:bg-sky-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-sky-900) 40%, transparent);
      }
    }
  }
  .dark\:bg-sky-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-sky-900) 50%, transparent);
      }
    }
  }
  .dark\:bg-sky-950\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(29.3% 0.066 243.157) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-sky-950) 20%, transparent);
      }
    }
  }
  .dark\:bg-sky-950\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(29.3% 0.066 243.157) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-sky-950) 30%, transparent);
      }
    }
  }
  .dark\:bg-sky-950\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(29.3% 0.066 243.157) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-sky-950) 50%, transparent);
      }
    }
  }
  .dark\:bg-slate-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-slate-400);
    }
  }
  .dark\:bg-slate-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-slate-700);
    }
  }
  .dark\:bg-slate-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-slate-800);
    }
  }
  .dark\:bg-slate-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-slate-900);
    }
  }
  .dark\:bg-slate-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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);
      }
    }
  }
  .dark\:bg-slate-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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);
      }
    }
  }
  .dark\:bg-stone-100 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-stone-100);
    }
  }
  .dark\:bg-stone-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-stone-300);
    }
  }
  .dark\:bg-stone-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-stone-700);
    }
  }
  .dark\:bg-stone-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-stone-800);
    }
  }
  .dark\:bg-stone-800\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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);
      }
    }
  }
  .dark\:bg-stone-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-stone-900);
    }
  }
  .dark\:bg-stone-900\/90 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(21.6% 0.006 56.043) 90%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-stone-900) 90%, transparent);
      }
    }
  }
  .dark\:bg-stone-950 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-stone-950);
    }
  }
  .dark\:bg-teal-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-teal-400);
    }
  }
  .dark\:bg-teal-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-teal-500);
    }
  }
  .dark\:bg-teal-500\/10 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-teal-500) 10%, transparent);
      }
    }
  }
  .dark\:bg-teal-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-teal-600);
    }
  }
  .dark\:bg-teal-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-teal-700);
    }
  }
  .dark\:bg-teal-700\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(51.1% 0.096 186.391) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-teal-700) 40%, transparent);
      }
    }
  }
  .dark\:bg-teal-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-teal-800);
    }
  }
  .dark\:bg-teal-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(43.7% 0.078 188.216) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-teal-800) 40%, transparent);
      }
    }
  }
  .dark\:bg-teal-800\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(43.7% 0.078 188.216) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-teal-800) 50%, transparent);
      }
    }
  }
  .dark\:bg-teal-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-teal-900);
    }
  }
  .dark\:bg-teal-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(38.6% 0.063 188.416) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-teal-900) 20%, transparent);
      }
    }
  }
  .dark\:bg-teal-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(38.6% 0.063 188.416) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-teal-900) 30%, transparent);
      }
    }
  }
  .dark\:bg-teal-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(38.6% 0.063 188.416) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-teal-900) 40%, transparent);
      }
    }
  }
  .dark\:bg-teal-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(38.6% 0.063 188.416) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-teal-900) 50%, transparent);
      }
    }
  }
  .dark\:bg-teal-950\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(27.7% 0.046 192.524) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-teal-950) 20%, transparent);
      }
    }
  }
  .dark\:bg-teal-950\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(27.7% 0.046 192.524) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-teal-950) 30%, transparent);
      }
    }
  }
  .dark\:bg-teal-950\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(27.7% 0.046 192.524) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-teal-950) 50%, transparent);
      }
    }
  }
  .dark\:bg-transparent {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: transparent;
    }
  }
  .dark\:bg-violet-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-violet-400);
    }
  }
  .dark\:bg-violet-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-violet-500);
    }
  }
  .dark\:bg-violet-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-violet-600);
    }
  }
  .dark\:bg-violet-600\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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);
      }
    }
  }
  .dark\:bg-violet-600\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(54.1% 0.281 293.009) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-violet-600) 30%, transparent);
      }
    }
  }
  .dark\:bg-violet-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-violet-700);
    }
  }
  .dark\:bg-violet-700\/10 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(49.1% 0.27 292.581) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-violet-700) 10%, transparent);
      }
    }
  }
  .dark\:bg-violet-700\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(49.1% 0.27 292.581) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-violet-700) 40%, transparent);
      }
    }
  }
  .dark\:bg-violet-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-violet-800);
    }
  }
  .dark\:bg-violet-800\/10 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(43.2% 0.232 292.759) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-violet-800) 10%, transparent);
      }
    }
  }
  .dark\:bg-violet-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(43.2% 0.232 292.759) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-violet-800) 40%, transparent);
      }
    }
  }
  .dark\:bg-violet-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-violet-900);
    }
  }
  .dark\:bg-violet-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(38% 0.189 293.745) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-violet-900) 20%, transparent);
      }
    }
  }
  .dark\:bg-violet-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(38% 0.189 293.745) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-violet-900) 30%, transparent);
      }
    }
  }
  .dark\:bg-violet-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(38% 0.189 293.745) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-violet-900) 40%, transparent);
      }
    }
  }
  .dark\:bg-violet-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(38% 0.189 293.745) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-violet-900) 50%, transparent);
      }
    }
  }
  .dark\:bg-violet-950\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(28.3% 0.141 291.089) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-violet-950) 20%, transparent);
      }
    }
  }
  .dark\:bg-violet-950\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(28.3% 0.141 291.089) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-violet-950) 30%, transparent);
      }
    }
  }
  .dark\:bg-violet-950\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(28.3% 0.141 291.089) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-violet-950) 50%, transparent);
      }
    }
  }
  .dark\:bg-white {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-white);
    }
  }
  .dark\:bg-white\/5 {
    &:where([data-theme=dark], [data-theme=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 {
    &:where([data-theme=dark], [data-theme=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\/80 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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\:bg-white\/\[\.05\] {
    &:where([data-theme=dark], [data-theme=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\/\[\.075\] {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, #fff 7.5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 7.5%, transparent);
      }
    }
  }
  .dark\:bg-yellow-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(42.1% 0.095 57.708) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-yellow-900) 20%, transparent);
      }
    }
  }
  .dark\:bg-yellow-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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);
      }
    }
  }
  .dark\:bg-yellow-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(42.1% 0.095 57.708) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-yellow-900) 40%, transparent);
      }
    }
  }
  .dark\:bg-yellow-950 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-yellow-950);
    }
  }
  .dark\:bg-zinc-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-zinc-400);
    }
  }
  .dark\:bg-zinc-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-zinc-700);
    }
  }
  .dark\:bg-zinc-700\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(37% 0.013 285.805) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-zinc-700) 50%, transparent);
      }
    }
  }
  .dark\:bg-zinc-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-zinc-800);
    }
  }
  .dark\:bg-zinc-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: var(--color-zinc-900);
    }
  }
  .dark\:bg-zinc-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in srgb, oklch(21% 0.006 285.885) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-zinc-900) 20%, transparent);
      }
    }
  }
  .dark\:from-amber-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --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));
    }
  }
  .dark\:from-amber-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(41.4% 0.112 45.904) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-amber-900) 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-amber-950\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(27.9% 0.077 45.635) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-amber-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-amber-950\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(27.9% 0.077 45.635) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-amber-950) 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-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-blue-900) 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-blue-950\/20 {
    &:where([data-theme=dark], [data-theme=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-blue-950\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(28.2% 0.091 267.935) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-blue-950) 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));
    }
  }
  .dark\:from-cyan-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --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));
    }
  }
  .dark\:from-cyan-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(39.8% 0.07 227.392) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-cyan-900) 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-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(39.8% 0.07 227.392) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-cyan-900) 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));
    }
  }
  .dark\:from-cyan-950\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(30.2% 0.056 229.695) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-cyan-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-950\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(30.2% 0.056 229.695) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-cyan-950) 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-emerald-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(37.8% 0.077 168.94) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-emerald-900) 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-emerald-950\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(26.2% 0.051 172.552) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-emerald-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-emerald-950\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(26.2% 0.051 172.552) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-emerald-950) 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-fuchsia-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(40.1% 0.17 325.612) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-fuchsia-900) 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-fuchsia-950\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(29.3% 0.136 325.661) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-fuchsia-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-green-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(39.3% 0.095 152.535) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-green-900) 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-indigo-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: 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));
    }
  }
  .dark\:from-indigo-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: 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));
    }
  }
  .dark\:from-indigo-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(35.9% 0.144 278.697) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-indigo-900) 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-indigo-950\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(25.7% 0.09 281.288) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-indigo-950) 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));
    }
  }
  .dark\:from-lime-950\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(27.4% 0.072 132.109) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-lime-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-neutral-800 {
    &:where([data-theme=dark], [data-theme=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 {
    &:where([data-theme=dark], [data-theme=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-900\/80 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --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));
    }
  }
  .dark\:from-neutral-900\/98 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(20.5% 0 0) 98%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-neutral-900) 98%, 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-950 {
    &:where([data-theme=dark], [data-theme=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-neutral-950\/95 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(14.5% 0 0) 95%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-neutral-950) 95%, 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-orange-500\/5 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(70.5% 0.213 47.604) 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-orange-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));
    }
  }
  .dark\:from-orange-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(40.8% 0.123 38.172) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-orange-900) 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-orange-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(40.8% 0.123 38.172) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-orange-900) 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));
    }
  }
  .dark\:from-orange-950\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(26.6% 0.079 36.259) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-orange-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-orange-950\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(26.6% 0.079 36.259) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-orange-950) 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-pink-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(40.8% 0.153 2.432) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-pink-900) 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));
    }
  }
  .dark\:from-pink-950\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(28.4% 0.109 3.907) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-pink-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-pink-950\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(28.4% 0.109 3.907) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-pink-950) 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-purple-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(38.1% 0.176 304.987) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-purple-900) 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-purple-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(38.1% 0.176 304.987) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-purple-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));
    }
  }
  .dark\:from-purple-950\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(29.1% 0.149 302.717) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-purple-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-red-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(39.6% 0.141 25.723) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-red-900) 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));
    }
  }
  .dark\:from-rose-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: var(--color-rose-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-rose-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(41% 0.159 10.272) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-rose-900) 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-rose-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(41% 0.159 10.272) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-rose-900) 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));
    }
  }
  .dark\:from-rose-950\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(27.1% 0.105 12.094) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-rose-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-rose-950\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(27.1% 0.105 12.094) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-rose-950) 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-sky-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(39.1% 0.09 240.876) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-sky-900) 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-sky-950\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(29.3% 0.066 243.157) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-sky-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-sky-950\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(29.3% 0.066 243.157) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-sky-950) 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));
    }
  }
  .dark\:from-sky-950\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(29.3% 0.066 243.157) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-sky-950) 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-slate-200 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: 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));
    }
  }
  .dark\:from-slate-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: 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));
    }
  }
  .dark\:from-slate-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-slate-900) 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-slate-950\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(12.9% 0.042 264.695) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-slate-950) 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-stone-700 {
    &:where([data-theme=dark], [data-theme=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-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --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));
    }
  }
  .dark\:from-teal-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(38.6% 0.063 188.416) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-teal-900) 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-teal-950\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(27.7% 0.046 192.524) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-teal-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-teal-950\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(27.7% 0.046 192.524) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-teal-950) 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));
    }
  }
  .dark\:from-teal-950\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(27.7% 0.046 192.524) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-teal-950) 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-violet-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --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));
    }
  }
  .dark\:from-violet-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: 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));
    }
  }
  .dark\:from-violet-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(38% 0.189 293.745) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-violet-900) 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-violet-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(38% 0.189 293.745) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-violet-900) 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));
    }
  }
  .dark\:from-violet-950\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(28.3% 0.141 291.089) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-violet-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-violet-950\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(28.3% 0.141 291.089) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-violet-950) 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));
    }
  }
  .dark\:from-violet-950\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-from: color-mix(in srgb, oklch(28.3% 0.141 291.089) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-violet-950) 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\:via-neutral-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --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);
    }
  }
  .dark\:via-neutral-900\/0 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-via: color-mix(in srgb, oklch(20.5% 0 0) 0%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, var(--color-neutral-900) 0%, 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-neutral-900\/95 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-via: color-mix(in srgb, oklch(20.5% 0 0) 95%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, var(--color-neutral-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);
    }
  }
  .dark\:via-neutral-950 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --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);
    }
  }
  .dark\:via-neutral-950\/80 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-via: color-mix(in srgb, oklch(14.5% 0 0) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, var(--color-neutral-950) 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-neutral-950\/90 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-via: color-mix(in srgb, oklch(14.5% 0 0) 90%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, var(--color-neutral-950) 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);
    }
  }
  .dark\:via-orange-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --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);
    }
  }
  .dark\:via-pink-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-via: var(--color-pink-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);
    }
  }
  .dark\:via-pink-950\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-via: color-mix(in srgb, oklch(28.4% 0.109 3.907) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, var(--color-pink-950) 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-purple-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --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);
    }
  }
  .dark\:via-purple-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-via: color-mix(in srgb, oklch(38.1% 0.176 304.987) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, var(--color-purple-900) 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-purple-950\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-via: color-mix(in srgb, oklch(29.1% 0.149 302.717) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, var(--color-purple-950) 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-red-500\/5 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-via: color-mix(in srgb, oklch(63.7% 0.237 25.331) 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, var(--color-red-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);
    }
  }
  .dark\:via-transparent {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --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);
    }
  }
  .dark\:to-amber-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: color-mix(in srgb, oklch(41.4% 0.112 45.904) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-amber-900) 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\:to-blue-950\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: color-mix(in srgb, oklch(28.2% 0.091 267.935) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: 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\:to-cyan-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: color-mix(in srgb, oklch(39.8% 0.07 227.392) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-cyan-900) 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\:to-cyan-950\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: color-mix(in srgb, oklch(30.2% 0.056 229.695) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-cyan-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\:to-cyan-950\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: color-mix(in srgb, oklch(30.2% 0.056 229.695) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-cyan-950) 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-fuchsia-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: var(--color-fuchsia-400);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-fuchsia-950\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: color-mix(in srgb, oklch(29.3% 0.136 325.661) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-fuchsia-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\:to-fuchsia-950\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: color-mix(in srgb, oklch(29.3% 0.136 325.661) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-fuchsia-950) 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-green-950\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: color-mix(in srgb, oklch(26.6% 0.065 152.934) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-green-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\:to-indigo-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --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));
    }
  }
  .dark\:to-indigo-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: color-mix(in srgb, oklch(35.9% 0.144 278.697) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-indigo-900) 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\:to-indigo-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: color-mix(in srgb, oklch(35.9% 0.144 278.697) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-indigo-900) 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));
    }
  }
  .dark\:to-indigo-950\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: color-mix(in srgb, oklch(25.7% 0.09 281.288) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-indigo-950) 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));
    }
  }
  .dark\:to-neutral-900 {
    &:where([data-theme=dark], [data-theme=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\/0 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: color-mix(in srgb, oklch(20.5% 0 0) 0%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-neutral-900) 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));
    }
  }
  .dark\:to-neutral-900\/90 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: color-mix(in srgb, oklch(20.5% 0 0) 90%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: 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));
    }
  }
  .dark\:to-neutral-950 {
    &:where([data-theme=dark], [data-theme=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-neutral-950\/60 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: color-mix(in srgb, oklch(14.5% 0 0) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-neutral-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));
    }
  }
  .dark\:to-orange-800\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: color-mix(in srgb, oklch(47% 0.157 37.304) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-orange-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));
    }
  }
  .dark\:to-orange-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --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));
    }
  }
  .dark\:to-orange-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: color-mix(in srgb, oklch(40.8% 0.123 38.172) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-orange-900) 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\:to-orange-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: color-mix(in srgb, oklch(40.8% 0.123 38.172) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-orange-900) 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));
    }
  }
  .dark\:to-orange-950\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: color-mix(in srgb, oklch(26.6% 0.079 36.259) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-orange-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\:to-orange-950\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: color-mix(in srgb, oklch(26.6% 0.079 36.259) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-orange-950) 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-pink-500\/5 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: color-mix(in srgb, oklch(65.6% 0.241 354.308) 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-pink-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));
    }
  }
  .dark\:to-pink-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: var(--color-pink-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-pink-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: color-mix(in srgb, oklch(40.8% 0.153 2.432) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-pink-900) 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\:to-pink-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: color-mix(in srgb, oklch(40.8% 0.153 2.432) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-pink-900) 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));
    }
  }
  .dark\:to-pink-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: color-mix(in srgb, oklch(40.8% 0.153 2.432) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-pink-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));
    }
  }
  .dark\:to-pink-950\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: color-mix(in srgb, oklch(28.4% 0.109 3.907) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-pink-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\:to-pink-950\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: color-mix(in srgb, oklch(28.4% 0.109 3.907) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-pink-950) 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-purple-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: var(--color-purple-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-purple-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: color-mix(in srgb, oklch(38.1% 0.176 304.987) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-purple-900) 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\:to-purple-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: color-mix(in srgb, oklch(38.1% 0.176 304.987) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-purple-900) 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));
    }
  }
  .dark\:to-purple-950\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: color-mix(in srgb, oklch(29.1% 0.149 302.717) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-purple-950) 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-red-500 {
    &:where([data-theme=dark], [data-theme=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-red-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-red-900) 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\:to-red-950\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: color-mix(in srgb, oklch(25.8% 0.092 26.042) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-red-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\:to-rose-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: color-mix(in srgb, oklch(41% 0.159 10.272) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-rose-900) 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));
    }
  }
  .dark\:to-rose-950\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: color-mix(in srgb, oklch(27.1% 0.105 12.094) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-rose-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\:to-slate-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: var(--color-slate-400);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-slate-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --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));
    }
  }
  .dark\:to-stone-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: var(--color-stone-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\:to-stone-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: 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\:to-teal-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: color-mix(in srgb, oklch(38.6% 0.063 188.416) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-teal-900) 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\:to-teal-950\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: color-mix(in srgb, oklch(27.7% 0.046 192.524) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-teal-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\:to-teal-950\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: color-mix(in srgb, oklch(27.7% 0.046 192.524) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-teal-950) 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-transparent {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --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));
    }
  }
  .dark\:to-violet-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-gradient-to: color-mix(in srgb, oklch(38% 0.189 293.745) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-violet-900) 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\:fill-neutral-200 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      fill: var(--color-neutral-200);
    }
  }
  .dark\:fill-neutral-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      fill: var(--color-neutral-300);
    }
  }
  .dark\:fill-orange-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      fill: var(--color-orange-300);
    }
  }
  .dark\:fill-red-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      fill: var(--color-red-500);
    }
  }
  .dark\:fill-sky-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      fill: color-mix(in srgb, oklch(39.1% 0.09 240.876) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        fill: color-mix(in oklab, var(--color-sky-900) 30%, transparent);
      }
    }
  }
  .dark\:fill-white {
    &:where([data-theme=dark], [data-theme=dark] *) {
      fill: var(--color-white);
    }
  }
  .dark\:fill-white\/70 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      fill: color-mix(in srgb, #fff 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        fill: color-mix(in oklab, var(--color-white) 70%, transparent);
      }
    }
  }
  .dark\:fill-white\/80 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      fill: color-mix(in srgb, #fff 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        fill: color-mix(in oklab, var(--color-white) 80%, transparent);
      }
    }
  }
  .dark\:stroke-sky-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      stroke: var(--color-sky-400);
    }
  }
  .dark\:stroke-white {
    &:where([data-theme=dark], [data-theme=dark] *) {
      stroke: var(--color-white);
    }
  }
  .dark\:text-amber-200 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-amber-200);
    }
  }
  .dark\:text-amber-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-amber-300);
    }
  }
  .dark\:text-amber-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-amber-400);
    }
  }
  .dark\:text-amber-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-amber-500);
    }
  }
  .dark\:text-amber-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-amber-600);
    }
  }
  .dark\:text-amber-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-amber-900) 30%, transparent);
      }
    }
  }
  .dark\:text-amber-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-amber-900) 50%, transparent);
      }
    }
  }
  .dark\:text-black {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-black);
    }
  }
  .dark\:text-blue-100 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-blue-100);
    }
  }
  .dark\:text-blue-200 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-blue-200);
    }
  }
  .dark\:text-blue-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-blue-300);
    }
  }
  .dark\:text-blue-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-blue-400);
    }
  }
  .dark\:text-blue-400\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-blue-400) 20%, transparent);
      }
    }
  }
  .dark\:text-blue-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-blue-500);
    }
  }
  .dark\:text-blue-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-blue-900) 50%, transparent);
      }
    }
  }
  .dark\:text-cyan-100 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-cyan-100);
    }
  }
  .dark\:text-cyan-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-cyan-300);
    }
  }
  .dark\:text-cyan-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-cyan-400);
    }
  }
  .dark\:text-cyan-400\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-cyan-400) 20%, transparent);
      }
    }
  }
  .dark\:text-cyan-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-cyan-500);
    }
  }
  .dark\:text-cyan-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-cyan-600);
    }
  }
  .dark\:text-cyan-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: color-mix(in srgb, oklch(39.8% 0.07 227.392) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-cyan-900) 50%, transparent);
      }
    }
  }
  .dark\:text-emerald-100 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-emerald-100);
    }
  }
  .dark\:text-emerald-200 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-emerald-200);
    }
  }
  .dark\:text-emerald-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-emerald-300);
    }
  }
  .dark\:text-emerald-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-emerald-400);
    }
  }
  .dark\:text-emerald-400\/70 {
    &:where([data-theme=dark], [data-theme=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-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-emerald-500);
    }
  }
  .dark\:text-emerald-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-emerald-600);
    }
  }
  .dark\:text-emerald-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-emerald-700);
    }
  }
  .dark\:text-emerald-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-emerald-900) 30%, transparent);
      }
    }
  }
  .dark\:text-emerald-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-emerald-900) 50%, transparent);
      }
    }
  }
  .dark\:text-foreground {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: hsl(var(--foreground));
    }
  }
  .dark\:text-foreground\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: hsl(var(--foreground));
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, hsl(var(--foreground)) 40%, transparent);
      }
    }
  }
  .dark\:text-fuchsia-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-fuchsia-300);
    }
  }
  .dark\:text-fuchsia-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-fuchsia-400);
    }
  }
  .dark\:text-fuchsia-400\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: color-mix(in srgb, oklch(74% 0.238 322.16) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-fuchsia-400) 20%, transparent);
      }
    }
  }
  .dark\:text-fuchsia-400\/70 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: color-mix(in srgb, oklch(74% 0.238 322.16) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-fuchsia-400) 70%, transparent);
      }
    }
  }
  .dark\:text-fuchsia-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: color-mix(in srgb, oklch(40.1% 0.17 325.612) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-fuchsia-900) 30%, transparent);
      }
    }
  }
  .dark\:text-gray-100 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-gray-100);
    }
  }
  .dark\:text-gray-200 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-gray-200);
    }
  }
  .dark\:text-gray-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-gray-300);
    }
  }
  .dark\:text-gray-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-gray-400);
    }
  }
  .dark\:text-gray-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-gray-600);
    }
  }
  .dark\:text-gray-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-gray-800);
    }
  }
  .dark\:text-gray-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-gray-900);
    }
  }
  .dark\:text-green-100 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-green-100);
    }
  }
  .dark\:text-green-200 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-green-200);
    }
  }
  .dark\:text-green-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-green-300);
    }
  }
  .dark\:text-green-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-green-400);
    }
  }
  .dark\:text-green-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-green-500);
    }
  }
  .dark\:text-green-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-green-600);
    }
  }
  .dark\:text-green-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-green-900);
    }
  }
  .dark\:text-green-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-green-900) 30%, transparent);
      }
    }
  }
  .dark\:text-green-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-green-900) 50%, transparent);
      }
    }
  }
  .dark\:text-indigo-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-indigo-300);
    }
  }
  .dark\:text-indigo-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-indigo-400);
    }
  }
  .dark\:text-indigo-400\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: color-mix(in srgb, oklch(67.3% 0.182 276.935) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-indigo-400) 20%, transparent);
      }
    }
  }
  .dark\:text-indigo-400\/70 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: color-mix(in srgb, oklch(67.3% 0.182 276.935) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-indigo-400) 70%, transparent);
      }
    }
  }
  .dark\:text-indigo-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-indigo-500);
    }
  }
  .dark\:text-indigo-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-indigo-600);
    }
  }
  .dark\:text-indigo-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-indigo-900) 30%, transparent);
      }
    }
  }
  .dark\:text-indigo-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-indigo-900) 50%, transparent);
      }
    }
  }
  .dark\:text-lime-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-lime-300);
    }
  }
  .dark\:text-lime-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-lime-400);
    }
  }
  .dark\:text-lime-400\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: color-mix(in srgb, oklch(84.1% 0.238 128.85) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-lime-400) 20%, transparent);
      }
    }
  }
  .dark\:text-lime-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-lime-500);
    }
  }
  .dark\:text-lime-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-lime-600);
    }
  }
  .dark\:text-muted-foreground {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: hsl(var(--muted-foreground));
    }
  }
  .dark\:text-neutral-50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-neutral-50);
    }
  }
  .dark\:text-neutral-100 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-neutral-100);
    }
  }
  .dark\:text-neutral-200 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-neutral-200);
    }
  }
  .dark\:text-neutral-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-neutral-300);
    }
  }
  .dark\:text-neutral-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-neutral-400);
    }
  }
  .dark\:text-neutral-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-neutral-500);
    }
  }
  .dark\:text-neutral-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-neutral-600);
    }
  }
  .dark\:text-neutral-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-neutral-700);
    }
  }
  .dark\:text-neutral-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-neutral-800);
    }
  }
  .dark\:text-neutral-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-neutral-900);
    }
  }
  .dark\:text-orange-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-orange-300);
    }
  }
  .dark\:text-orange-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-orange-400);
    }
  }
  .dark\:text-orange-400\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: color-mix(in srgb, oklch(75% 0.183 55.934) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-orange-400) 20%, transparent);
      }
    }
  }
  .dark\:text-orange-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-orange-600);
    }
  }
  .dark\:text-orange-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-orange-900);
    }
  }
  .dark\:text-orange-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-orange-900) 30%, transparent);
      }
    }
  }
  .dark\:text-palette-2 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: #b5795b;
    }
  }
  .dark\:text-pink-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-pink-300);
    }
  }
  .dark\:text-pink-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-pink-400);
    }
  }
  .dark\:text-pink-400\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: color-mix(in srgb, oklch(71.8% 0.202 349.761) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-pink-400) 20%, transparent);
      }
    }
  }
  .dark\:text-pink-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-pink-600);
    }
  }
  .dark\:text-pink-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-pink-700);
    }
  }
  .dark\:text-pink-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: color-mix(in srgb, oklch(40.8% 0.153 2.432) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-pink-900) 50%, transparent);
      }
    }
  }
  .dark\:text-purple-200 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-purple-200);
    }
  }
  .dark\:text-purple-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-purple-300);
    }
  }
  .dark\:text-purple-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-purple-400);
    }
  }
  .dark\:text-purple-400\/70 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: color-mix(in srgb, oklch(71.4% 0.203 305.504) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-purple-400) 70%, transparent);
      }
    }
  }
  .dark\:text-purple-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-purple-500);
    }
  }
  .dark\:text-purple-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-purple-900) 30%, transparent);
      }
    }
  }
  .dark\:text-purple-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-purple-900) 50%, transparent);
      }
    }
  }
  .dark\:text-red-100 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-red-100);
    }
  }
  .dark\:text-red-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-red-300);
    }
  }
  .dark\:text-red-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-red-400);
    }
  }
  .dark\:text-red-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-red-500);
    }
  }
  .dark\:text-rose-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-rose-300);
    }
  }
  .dark\:text-rose-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-rose-400);
    }
  }
  .dark\:text-rose-400\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-rose-400) 20%, transparent);
      }
    }
  }
  .dark\:text-rose-400\/70 {
    &:where([data-theme=dark], [data-theme=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-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-rose-500);
    }
  }
  .dark\:text-rose-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-rose-600);
    }
  }
  .dark\:text-sky-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-sky-300);
    }
  }
  .dark\:text-sky-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-sky-400);
    }
  }
  .dark\:text-sky-400\/70 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-sky-400) 70%, transparent);
      }
    }
  }
  .dark\:text-sky-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-sky-500);
    }
  }
  .dark\:text-sky-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-sky-900) 30%, transparent);
      }
    }
  }
  .dark\:text-slate-100 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-slate-100);
    }
  }
  .dark\:text-slate-200 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-slate-200);
    }
  }
  .dark\:text-slate-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-slate-300);
    }
  }
  .dark\:text-slate-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-slate-400);
    }
  }
  .dark\:text-slate-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-slate-900);
    }
  }
  .dark\:text-stone-100 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-stone-100);
    }
  }
  .dark\:text-stone-200 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-stone-200);
    }
  }
  .dark\:text-stone-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-stone-300);
    }
  }
  .dark\:text-stone-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-stone-400);
    }
  }
  .dark\:text-stone-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-stone-500);
    }
  }
  .dark\:text-stone-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-stone-600);
    }
  }
  .dark\:text-stone-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-stone-900);
    }
  }
  .dark\:text-teal-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-teal-300);
    }
  }
  .dark\:text-teal-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-teal-400);
    }
  }
  .dark\:text-teal-400\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: color-mix(in srgb, oklch(77.7% 0.152 181.912) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-teal-400) 20%, transparent);
      }
    }
  }
  .dark\:text-teal-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-teal-500);
    }
  }
  .dark\:text-teal-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-teal-600);
    }
  }
  .dark\:text-teal-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: color-mix(in srgb, oklch(38.6% 0.063 188.416) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-teal-900) 50%, transparent);
      }
    }
  }
  .dark\:text-violet-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-violet-300);
    }
  }
  .dark\:text-violet-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-violet-400);
    }
  }
  .dark\:text-violet-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-violet-500);
    }
  }
  .dark\:text-violet-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-violet-600);
    }
  }
  .dark\:text-white {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-white);
    }
  }
  .dark\:text-white\/60 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      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);
      }
    }
  }
  .dark\:text-white\/70 {
    &:where([data-theme=dark], [data-theme=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 {
    &:where([data-theme=dark], [data-theme=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 {
    &:where([data-theme=dark], [data-theme=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-100 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-yellow-100);
    }
  }
  .dark\:text-yellow-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-yellow-300);
    }
  }
  .dark\:text-yellow-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-yellow-400);
    }
  }
  .dark\:text-zinc-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-zinc-300);
    }
  }
  .dark\:text-zinc-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-zinc-400);
    }
  }
  .dark\:text-zinc-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-zinc-600);
    }
  }
  .dark\:text-zinc-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      color: var(--color-zinc-900);
    }
  }
  .dark\:decoration-palette-2\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      text-decoration-color: color-mix(in oklab, #b5795b 50%, transparent);
    }
  }
  .dark\:decoration-teal-400\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      text-decoration-color: color-mix(in srgb, oklch(77.7% 0.152 181.912) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        text-decoration-color: color-mix(in oklab, var(--color-teal-400) 50%, transparent);
      }
    }
  }
  .dark\:placeholder-neutral-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &::placeholder {
        color: var(--color-neutral-500);
      }
    }
  }
  .dark\:placeholder-zinc-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &::placeholder {
        color: var(--color-zinc-400);
      }
    }
  }
  .dark\:opacity-10 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      opacity: 10%;
    }
  }
  .dark\:opacity-20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      opacity: 20%;
    }
  }
  .dark\:opacity-30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      opacity: 30%;
    }
  }
  .dark\:opacity-40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      opacity: 40%;
    }
  }
  .dark\:shadow-\[0_0_0_14px_\#1a1a1a\,0_40px_80px_-20px_rgba\(0\,0\,0\,0\.8\)\] {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-shadow: 0 0 0 14px var(--tw-shadow-color, #1a1a1a), 0 40px 80px -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);
    }
  }
  .dark\:shadow-none {
    &:where([data-theme=dark], [data-theme=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\:shadow-black\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --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);
      }
    }
  }
  .dark\:shadow-card {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-shadow-color: hsl(var(--card));
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, hsl(var(--card)) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .dark\:shadow-gray-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-shadow-color: color-mix(in srgb, oklch(21% 0.034 264.665) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-900) 20%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .dark\:shadow-neutral-700\/70 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-shadow-color: color-mix(in srgb, oklch(37.1% 0 0) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-neutral-700) 70%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .dark\:shadow-neutral-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-shadow-color: color-mix(in srgb, oklch(20.5% 0 0) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-neutral-900) 20%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .dark\:shadow-neutral-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-shadow-color: color-mix(in srgb, oklch(20.5% 0 0) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-neutral-900) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .dark\:shadow-neutral-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-shadow-color: color-mix(in srgb, oklch(20.5% 0 0) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-neutral-900) 50%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .dark\:shadow-neutral-900\/\[\.2\] {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-shadow-color: color-mix(in srgb, oklch(20.5% 0 0) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-neutral-900) 20%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .dark\:shadow-violet-500\/5 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-shadow-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-violet-500) 5%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .dark\:ring-amber-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: var(--color-amber-800);
    }
  }
  .dark\:ring-amber-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-amber-900) 50%, transparent);
      }
    }
  }
  .dark\:ring-blue-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: var(--color-blue-400);
    }
  }
  .dark\:ring-blue-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: var(--color-blue-800);
    }
  }
  .dark\:ring-blue-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: var(--color-blue-900);
    }
  }
  .dark\:ring-cyan-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: var(--color-cyan-800);
    }
  }
  .dark\:ring-emerald-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: var(--color-emerald-800);
    }
  }
  .dark\:ring-fuchsia-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: var(--color-fuchsia-800);
    }
  }
  .dark\:ring-green-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: var(--color-green-400);
    }
  }
  .dark\:ring-green-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: var(--color-green-800);
    }
  }
  .dark\:ring-indigo-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: var(--color-indigo-800);
    }
  }
  .dark\:ring-indigo-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: var(--color-indigo-900);
    }
  }
  .dark\:ring-lime-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: var(--color-lime-800);
    }
  }
  .dark\:ring-neutral-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: var(--color-neutral-800);
    }
  }
  .dark\:ring-neutral-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: var(--color-neutral-900);
    }
  }
  .dark\:ring-orange-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: var(--color-orange-400);
    }
  }
  .dark\:ring-orange-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: var(--color-orange-800);
    }
  }
  .dark\:ring-orange-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-orange-900) 30%, transparent);
      }
    }
  }
  .dark\:ring-orange-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-orange-900) 50%, transparent);
      }
    }
  }
  .dark\:ring-pink-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: var(--color-pink-800);
    }
  }
  .dark\:ring-purple-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: var(--color-purple-400);
    }
  }
  .dark\:ring-purple-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: var(--color-purple-800);
    }
  }
  .dark\:ring-red-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: var(--color-red-400);
    }
  }
  .dark\:ring-red-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-red-900) 50%, transparent);
      }
    }
  }
  .dark\:ring-rose-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: var(--color-rose-800);
    }
  }
  .dark\:ring-rose-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: color-mix(in srgb, oklch(41% 0.159 10.272) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-rose-900) 50%, transparent);
      }
    }
  }
  .dark\:ring-sky-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: var(--color-sky-800);
    }
  }
  .dark\:ring-teal-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: var(--color-teal-800);
    }
  }
  .dark\:ring-teal-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: var(--color-teal-900);
    }
  }
  .dark\:ring-teal-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: color-mix(in srgb, oklch(38.6% 0.063 188.416) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-teal-900) 40%, transparent);
      }
    }
  }
  .dark\:ring-violet-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: var(--color-violet-600);
    }
  }
  .dark\:ring-violet-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: var(--color-violet-700);
    }
  }
  .dark\:ring-violet-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: var(--color-violet-800);
    }
  }
  .dark\:ring-violet-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: color-mix(in srgb, oklch(38% 0.189 293.745) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-violet-900) 50%, transparent);
      }
    }
  }
  .dark\:ring-white\/10 {
    &:where([data-theme=dark], [data-theme=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-200 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: var(--color-zinc-200);
    }
  }
  .dark\:ring-zinc-700\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: color-mix(in srgb, oklch(37% 0.013 285.805) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-zinc-700) 50%, transparent);
      }
    }
  }
  .dark\:ring-zinc-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-color: var(--color-zinc-800);
    }
  }
  .dark\:ring-offset-neutral-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-offset-color: var(--color-neutral-900);
    }
  }
  .dark\:ring-offset-neutral-950 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-offset-color: var(--color-neutral-950);
    }
  }
  .dark\:ring-offset-sky-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-ring-offset-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-offset-color: color-mix(in oklab, var(--color-sky-900) 20%, transparent);
      }
    }
  }
  .dark\:invert {
    &:where([data-theme=dark], [data-theme=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\:backdrop-blur-md {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --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,);
    }
  }
  .dark\:backdrop-brightness-100 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --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,);
    }
  }
  .dark\:prose-invert {
    &:where([data-theme=dark], [data-theme=dark] *) {
      --tw-prose-body: var(--tw-prose-invert-body);
      --tw-prose-headings: var(--tw-prose-invert-headings);
      --tw-prose-lead: var(--tw-prose-invert-lead);
      --tw-prose-links: var(--tw-prose-invert-links);
      --tw-prose-bold: var(--tw-prose-invert-bold);
      --tw-prose-counters: var(--tw-prose-invert-counters);
      --tw-prose-bullets: var(--tw-prose-invert-bullets);
      --tw-prose-hr: var(--tw-prose-invert-hr);
      --tw-prose-quotes: var(--tw-prose-invert-quotes);
      --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
      --tw-prose-captions: var(--tw-prose-invert-captions);
      --tw-prose-kbd: var(--tw-prose-invert-kbd);
      --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
      --tw-prose-code: var(--tw-prose-invert-code);
      --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
      --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
      --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
      --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
    }
  }
  .dark\:group-hover\:border-neutral-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          border-color: var(--color-neutral-600);
        }
      }
    }
  }
  .dark\:group-hover\:bg-amber-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: var(--color-amber-400);
        }
      }
    }
  }
  .dark\:group-hover\:bg-amber-500\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):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);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-amber-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-amber-800) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-amber-800\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-amber-800) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-amber-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          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);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-amber-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          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);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-amber-900\/60 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 60%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-amber-900) 60%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-blue-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: var(--color-blue-400);
        }
      }
    }
  }
  .dark\:group-hover\:bg-blue-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(42.4% 0.199 265.638) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-blue-800) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-blue-800\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(42.4% 0.199 265.638) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-blue-800) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-blue-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-blue-900) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-blue-900\/60 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 60%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-blue-900) 60%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-cyan-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: var(--color-cyan-400);
        }
      }
    }
  }
  .dark\:group-hover\:bg-cyan-500\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          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);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-cyan-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(45% 0.085 224.283) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-cyan-800) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-cyan-800\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(45% 0.085 224.283) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-cyan-800) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-cyan-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(39.8% 0.07 227.392) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-cyan-900) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-cyan-900\/60 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(39.8% 0.07 227.392) 60%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-cyan-900) 60%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-emerald-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: var(--color-emerald-400);
        }
      }
    }
  }
  .dark\:group-hover\:bg-emerald-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(43.2% 0.095 166.913) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-emerald-800) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-emerald-800\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(43.2% 0.095 166.913) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-emerald-800) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-emerald-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-emerald-900) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-emerald-900\/60 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 60%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-emerald-900) 60%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-fuchsia-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: var(--color-fuchsia-400);
        }
      }
    }
  }
  .dark\:group-hover\:bg-fuchsia-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(45.2% 0.211 324.591) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-fuchsia-800) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-fuchsia-800\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(45.2% 0.211 324.591) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-fuchsia-800) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-fuchsia-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(40.1% 0.17 325.612) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-fuchsia-900) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-fuchsia-900\/60 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(40.1% 0.17 325.612) 60%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-fuchsia-900) 60%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-green-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: var(--color-green-400);
        }
      }
    }
  }
  .dark\:group-hover\:bg-green-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(44.8% 0.119 151.328) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-green-800) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-green-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-green-900) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-green-900\/60 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 60%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-green-900) 60%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-indigo-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: var(--color-indigo-400);
        }
      }
    }
  }
  .dark\:group-hover\:bg-indigo-500\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          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);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-indigo-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(39.8% 0.195 277.366) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-indigo-800) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-indigo-800\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(39.8% 0.195 277.366) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-indigo-800) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-indigo-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-indigo-900) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-indigo-900\/60 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 60%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-indigo-900) 60%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-lime-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: var(--color-lime-400);
        }
      }
    }
  }
  .dark\:group-hover\:bg-lime-500\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(76.8% 0.233 130.85) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-lime-500) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-lime-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(45.3% 0.124 130.933) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-lime-800) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-lime-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(40.5% 0.101 131.063) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-lime-900) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-neutral-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: var(--color-neutral-700);
        }
      }
    }
  }
  .dark\:group-hover\:bg-neutral-800\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):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\:group-hover\:bg-orange-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: var(--color-orange-400);
        }
      }
    }
  }
  .dark\:group-hover\:bg-orange-500\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          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);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-orange-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(47% 0.157 37.304) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-orange-800) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-orange-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-orange-900) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-orange-900\/60 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 60%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-orange-900) 60%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-pink-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: var(--color-pink-400);
        }
      }
    }
  }
  .dark\:group-hover\:bg-pink-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(45.9% 0.187 3.815) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-pink-800) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-pink-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(40.8% 0.153 2.432) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-pink-900) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-purple-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: var(--color-purple-400);
        }
      }
    }
  }
  .dark\:group-hover\:bg-purple-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-purple-900) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-purple-900\/60 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 60%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-purple-900) 60%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-rose-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: var(--color-rose-400);
        }
      }
    }
  }
  .dark\:group-hover\:bg-rose-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(45.5% 0.188 13.697) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-rose-800) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-rose-800\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(45.5% 0.188 13.697) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-rose-800) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-rose-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(41% 0.159 10.272) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-rose-900) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-rose-900\/60 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(41% 0.159 10.272) 60%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-rose-900) 60%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-sky-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: var(--color-sky-400);
        }
      }
    }
  }
  .dark\:group-hover\:bg-sky-500\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-sky-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(44.3% 0.11 240.79) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-sky-800) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-sky-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-sky-900) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-sky-900\/60 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 60%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-sky-900) 60%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-stone-200 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: var(--color-stone-200);
        }
      }
    }
  }
  .dark\:group-hover\:bg-stone-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: var(--color-stone-700);
        }
      }
    }
  }
  .dark\:group-hover\:bg-teal-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: var(--color-teal-400);
        }
      }
    }
  }
  .dark\:group-hover\:bg-teal-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(43.7% 0.078 188.216) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-teal-800) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-teal-800\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(43.7% 0.078 188.216) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-teal-800) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-teal-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(38.6% 0.063 188.416) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-teal-900) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-violet-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: var(--color-violet-400);
        }
      }
    }
  }
  .dark\:group-hover\:bg-violet-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(43.2% 0.232 292.759) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-violet-800) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-violet-800\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(43.2% 0.232 292.759) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-violet-800) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-violet-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(38% 0.189 293.745) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-violet-900) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:bg-violet-900\/60 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(38% 0.189 293.745) 60%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-violet-900) 60%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:fill-sky-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          fill: color-mix(in srgb, oklch(44.3% 0.11 240.79) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            fill: color-mix(in oklab, var(--color-sky-800) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:stroke-sky-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          stroke: var(--color-sky-300);
        }
      }
    }
  }
  .dark\:group-hover\:text-amber-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-amber-400);
        }
      }
    }
  }
  .dark\:group-hover\:text-blue-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-blue-400);
        }
      }
    }
  }
  .dark\:group-hover\:text-blue-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-blue-500);
        }
      }
    }
  }
  .dark\:group-hover\:text-cyan-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-cyan-400);
        }
      }
    }
  }
  .dark\:group-hover\:text-emerald-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-emerald-400);
        }
      }
    }
  }
  .dark\:group-hover\:text-fuchsia-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-fuchsia-400);
        }
      }
    }
  }
  .dark\:group-hover\:text-green-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-green-400);
        }
      }
    }
  }
  .dark\:group-hover\:text-indigo-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-indigo-400);
        }
      }
    }
  }
  .dark\:group-hover\:text-lime-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-lime-400);
        }
      }
    }
  }
  .dark\:group-hover\:text-neutral-50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-neutral-50);
        }
      }
    }
  }
  .dark\:group-hover\:text-neutral-200 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-neutral-200);
        }
      }
    }
  }
  .dark\:group-hover\:text-neutral-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-neutral-400);
        }
      }
    }
  }
  .dark\:group-hover\:text-neutral-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-neutral-900);
        }
      }
    }
  }
  .dark\:group-hover\:text-orange-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-orange-400);
        }
      }
    }
  }
  .dark\:group-hover\:text-pink-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-pink-400);
        }
      }
    }
  }
  .dark\:group-hover\:text-primary {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: hsl(var(--primary));
        }
      }
    }
  }
  .dark\:group-hover\:text-purple-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-purple-400);
        }
      }
    }
  }
  .dark\:group-hover\:text-red-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-red-400);
        }
      }
    }
  }
  .dark\:group-hover\:text-rose-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-rose-400);
        }
      }
    }
  }
  .dark\:group-hover\:text-sky-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-sky-400);
        }
      }
    }
  }
  .dark\:group-hover\:text-stone-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-stone-800);
        }
      }
    }
  }
  .dark\:group-hover\:text-teal-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-teal-400);
        }
      }
    }
  }
  .dark\:group-hover\:text-violet-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-violet-400);
        }
      }
    }
  }
  .dark\:group-hover\:text-white {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
  }
  .dark\:group-hover\:shadow-amber-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          --tw-shadow-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-900) 30%, transparent) var(--tw-shadow-alpha), transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:shadow-neutral-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          --tw-shadow-color: oklch(37.1% 0 0);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-shadow-color: color-mix(in oklab, var(--color-neutral-700) var(--tw-shadow-alpha), transparent);
          }
        }
      }
    }
  }
  .dark\:group-hover\:ring-amber-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          --tw-ring-color: var(--color-amber-600);
        }
      }
    }
  }
  .dark\:peer-hover\:text-white\/80 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:is(:where(.peer):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);
          }
        }
      }
    }
  }
  .dark\:placeholder\:text-neutral-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &::placeholder {
        color: var(--color-neutral-300);
      }
    }
  }
  .dark\:placeholder\:text-neutral-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &::placeholder {
        color: var(--color-neutral-400);
      }
    }
  }
  .dark\:before\:border-neutral-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &::before {
        content: var(--tw-content);
        border-color: var(--color-neutral-600);
      }
    }
  }
  .dark\:before\:bg-cyan-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &::before {
        content: var(--tw-content);
        background-color: var(--color-cyan-400);
      }
    }
  }
  .dark\:before\:bg-neutral-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &::before {
        content: var(--tw-content);
        background-color: var(--color-neutral-600);
      }
    }
  }
  .dark\:before\:bg-neutral-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &::before {
        content: var(--tw-content);
        background-color: var(--color-neutral-700);
      }
    }
  }
  .dark\:after\:border-neutral-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &::after {
        content: var(--tw-content);
        border-color: var(--color-neutral-600);
      }
    }
  }
  .dark\:after\:border-white {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &::after {
        content: var(--tw-content);
        border-color: var(--color-white);
      }
    }
  }
  .dark\:after\:bg-neutral-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &::after {
        content: var(--tw-content);
        background-color: var(--color-neutral-700);
      }
    }
  }
  .dark\:after\:bg-white {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &::after {
        content: var(--tw-content);
        background-color: var(--color-white);
      }
    }
  }
  .dark\:checked\:border-blue-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:checked {
        border-color: var(--color-blue-500);
      }
    }
  }
  .dark\:checked\:border-yellow-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:checked {
        border-color: var(--color-yellow-400);
      }
    }
  }
  .dark\:checked\:bg-blue-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:checked {
        background-color: var(--color-blue-500);
      }
    }
  }
  .dark\:checked\:bg-yellow-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:checked {
        background-color: var(--color-yellow-400);
      }
    }
  }
  .dark\:hover\:border-amber-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-amber-300);
        }
      }
    }
  }
  .dark\:hover\:border-amber-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-amber-400);
        }
      }
    }
  }
  .dark\:hover\:border-amber-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-amber-500);
        }
      }
    }
  }
  .dark\:hover\:border-amber-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-amber-600);
        }
      }
    }
  }
  .dark\:hover\:border-amber-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-amber-700);
        }
      }
    }
  }
  .dark\:hover\:border-blue-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-blue-300);
        }
      }
    }
  }
  .dark\:hover\:border-blue-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-blue-400);
        }
      }
    }
  }
  .dark\:hover\:border-blue-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-blue-500);
        }
      }
    }
  }
  .dark\:hover\:border-blue-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-blue-600);
        }
      }
    }
  }
  .dark\:hover\:border-blue-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-blue-700);
        }
      }
    }
  }
  .dark\:hover\:border-cyan-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-cyan-400);
        }
      }
    }
  }
  .dark\:hover\:border-cyan-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-cyan-500);
        }
      }
    }
  }
  .dark\:hover\:border-cyan-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-cyan-600);
        }
      }
    }
  }
  .dark\:hover\:border-cyan-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-cyan-700);
        }
      }
    }
  }
  .dark\:hover\:border-emerald-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-emerald-400);
        }
      }
    }
  }
  .dark\:hover\:border-emerald-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-emerald-500);
        }
      }
    }
  }
  .dark\:hover\:border-emerald-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-emerald-600);
        }
      }
    }
  }
  .dark\:hover\:border-emerald-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-emerald-700);
        }
      }
    }
  }
  .dark\:hover\:border-fuchsia-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-fuchsia-400);
        }
      }
    }
  }
  .dark\:hover\:border-fuchsia-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-fuchsia-500);
        }
      }
    }
  }
  .dark\:hover\:border-fuchsia-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-fuchsia-600);
        }
      }
    }
  }
  .dark\:hover\:border-fuchsia-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-fuchsia-700);
        }
      }
    }
  }
  .dark\:hover\:border-green-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-green-300);
        }
      }
    }
  }
  .dark\:hover\:border-green-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-green-400);
        }
      }
    }
  }
  .dark\:hover\:border-green-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-green-500);
        }
      }
    }
  }
  .dark\:hover\:border-green-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-green-700);
        }
      }
    }
  }
  .dark\:hover\:border-indigo-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-indigo-400);
        }
      }
    }
  }
  .dark\:hover\:border-indigo-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-indigo-500);
        }
      }
    }
  }
  .dark\:hover\:border-indigo-500\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          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);
          }
        }
      }
    }
  }
  .dark\:hover\:border-indigo-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-indigo-600);
        }
      }
    }
  }
  .dark\:hover\:border-indigo-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-indigo-700);
        }
      }
    }
  }
  .dark\:hover\:border-lime-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-lime-400);
        }
      }
    }
  }
  .dark\:hover\:border-lime-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-lime-500);
        }
      }
    }
  }
  .dark\:hover\:border-lime-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-lime-700);
        }
      }
    }
  }
  .dark\:hover\:border-neutral-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-neutral-500);
        }
      }
    }
  }
  .dark\:hover\:border-neutral-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-neutral-600);
        }
      }
    }
  }
  .dark\:hover\:border-neutral-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-neutral-700);
        }
      }
    }
  }
  .dark\:hover\:border-neutral-700\/70 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: color-mix(in srgb, oklch(37.1% 0 0) 70%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-neutral-700) 70%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:border-orange-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-orange-300);
        }
      }
    }
  }
  .dark\:hover\:border-orange-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-orange-400);
        }
      }
    }
  }
  .dark\:hover\:border-orange-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-orange-500);
        }
      }
    }
  }
  .dark\:hover\:border-orange-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-orange-600);
        }
      }
    }
  }
  .dark\:hover\:border-orange-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-orange-700);
        }
      }
    }
  }
  .dark\:hover\:border-pink-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-pink-400);
        }
      }
    }
  }
  .dark\:hover\:border-pink-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-pink-500);
        }
      }
    }
  }
  .dark\:hover\:border-pink-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-pink-600);
        }
      }
    }
  }
  .dark\:hover\:border-pink-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-pink-700);
        }
      }
    }
  }
  .dark\:hover\:border-purple-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-purple-300);
        }
      }
    }
  }
  .dark\:hover\:border-purple-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-purple-400);
        }
      }
    }
  }
  .dark\:hover\:border-purple-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-purple-500);
        }
      }
    }
  }
  .dark\:hover\:border-purple-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-purple-600);
        }
      }
    }
  }
  .dark\:hover\:border-purple-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-purple-700);
        }
      }
    }
  }
  .dark\:hover\:border-red-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-red-300);
        }
      }
    }
  }
  .dark\:hover\:border-red-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-red-500);
        }
      }
    }
  }
  .dark\:hover\:border-rose-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-rose-400);
        }
      }
    }
  }
  .dark\:hover\:border-rose-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-rose-500);
        }
      }
    }
  }
  .dark\:hover\:border-rose-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-rose-600);
        }
      }
    }
  }
  .dark\:hover\:border-rose-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-rose-700);
        }
      }
    }
  }
  .dark\:hover\:border-sky-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-sky-400);
        }
      }
    }
  }
  .dark\:hover\:border-sky-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-sky-500);
        }
      }
    }
  }
  .dark\:hover\:border-sky-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-sky-600);
        }
      }
    }
  }
  .dark\:hover\:border-sky-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-sky-700);
        }
      }
    }
  }
  .dark\:hover\:border-slate-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-slate-600);
        }
      }
    }
  }
  .dark\:hover\:border-teal-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-teal-400);
        }
      }
    }
  }
  .dark\:hover\:border-teal-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-teal-500);
        }
      }
    }
  }
  .dark\:hover\:border-teal-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-teal-600);
        }
      }
    }
  }
  .dark\:hover\:border-teal-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-teal-700);
        }
      }
    }
  }
  .dark\:hover\:border-violet-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-violet-400);
        }
      }
    }
  }
  .dark\:hover\:border-violet-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-violet-500);
        }
      }
    }
  }
  .dark\:hover\:border-violet-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-violet-600);
        }
      }
    }
  }
  .dark\:hover\:border-violet-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-violet-700);
        }
      }
    }
  }
  .dark\:hover\:border-white {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-white);
        }
      }
    }
  }
  .dark\:hover\:border-yellow-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-yellow-500);
        }
      }
    }
  }
  .dark\:hover\:border-zinc-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-zinc-700);
        }
      }
    }
  }
  .dark\:hover\:bg-amber-200 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-amber-200);
        }
      }
    }
  }
  .dark\:hover\:bg-amber-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-amber-500);
        }
      }
    }
  }
  .dark\:hover\:bg-amber-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-amber-600);
        }
      }
    }
  }
  .dark\:hover\:bg-amber-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-amber-700);
        }
      }
    }
  }
  .dark\:hover\:bg-amber-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-amber-800);
        }
      }
    }
  }
  .dark\:hover\:bg-amber-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-amber-800) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-amber-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          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);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-amber-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          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);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-amber-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          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);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-amber-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          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\:hover\:bg-amber-950\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-amber-950) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-amber-950\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          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\:hover\:bg-amber-950\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-amber-950) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-black\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &: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);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-blue-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-blue-300);
        }
      }
    }
  }
  .dark\:hover\:bg-blue-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-blue-400);
        }
      }
    }
  }
  .dark\:hover\:bg-blue-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-blue-500);
        }
      }
    }
  }
  .dark\:hover\:bg-blue-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-blue-600);
        }
      }
    }
  }
  .dark\:hover\:bg-blue-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-blue-800);
        }
      }
    }
  }
  .dark\:hover\:bg-blue-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(42.4% 0.199 265.638) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-blue-800) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-blue-900\/10 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 10%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-blue-900) 10%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-blue-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-blue-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          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\:hover\:bg-blue-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-blue-900) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-blue-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          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\:hover\:bg-blue-950\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(28.2% 0.091 267.935) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-blue-950) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-blue-950\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          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\:hover\:bg-cyan-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-cyan-400);
        }
      }
    }
  }
  .dark\:hover\:bg-cyan-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-cyan-500);
        }
      }
    }
  }
  .dark\:hover\:bg-cyan-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-cyan-600);
        }
      }
    }
  }
  .dark\:hover\:bg-cyan-700\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(52% 0.105 223.128) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-cyan-700) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-cyan-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-cyan-800);
        }
      }
    }
  }
  .dark\:hover\:bg-cyan-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(45% 0.085 224.283) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-cyan-800) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-cyan-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          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);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-cyan-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(39.8% 0.07 227.392) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-cyan-900) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-cyan-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(39.8% 0.07 227.392) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-cyan-900) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-cyan-950\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          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\:hover\:bg-emerald-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-emerald-400);
        }
      }
    }
  }
  .dark\:hover\:bg-emerald-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-emerald-500);
        }
      }
    }
  }
  .dark\:hover\:bg-emerald-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-emerald-600);
        }
      }
    }
  }
  .dark\:hover\:bg-emerald-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-emerald-800);
        }
      }
    }
  }
  .dark\:hover\:bg-emerald-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(43.2% 0.095 166.913) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-emerald-800) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-emerald-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-emerald-900) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-emerald-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-emerald-900) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-emerald-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-emerald-900) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-emerald-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          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\:hover\:bg-emerald-950\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          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\:hover\:bg-fuchsia-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-fuchsia-500);
        }
      }
    }
  }
  .dark\:hover\:bg-fuchsia-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-fuchsia-600);
        }
      }
    }
  }
  .dark\:hover\:bg-fuchsia-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-fuchsia-800);
        }
      }
    }
  }
  .dark\:hover\:bg-fuchsia-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(45.2% 0.211 324.591) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-fuchsia-800) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-fuchsia-900\/10 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(40.1% 0.17 325.612) 10%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-fuchsia-900) 10%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-fuchsia-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(40.1% 0.17 325.612) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-fuchsia-900) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-fuchsia-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(40.1% 0.17 325.612) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-fuchsia-900) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-fuchsia-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(40.1% 0.17 325.612) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-fuchsia-900) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-fuchsia-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(40.1% 0.17 325.612) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-fuchsia-900) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-fuchsia-900\/60 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(40.1% 0.17 325.612) 60%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-fuchsia-900) 60%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-gray-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-gray-600);
        }
      }
    }
  }
  .dark\:hover\:bg-gray-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-gray-700);
        }
      }
    }
  }
  .dark\:hover\:bg-gray-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-gray-800);
        }
      }
    }
  }
  .dark\:hover\:bg-gray-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-gray-900);
        }
      }
    }
  }
  .dark\:hover\:bg-green-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-green-300);
        }
      }
    }
  }
  .dark\:hover\:bg-green-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-green-500);
        }
      }
    }
  }
  .dark\:hover\:bg-green-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-green-600);
        }
      }
    }
  }
  .dark\:hover\:bg-green-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-green-800);
        }
      }
    }
  }
  .dark\:hover\:bg-green-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(44.8% 0.119 151.328) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-green-800) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-green-900\/10 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 10%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-green-900) 10%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-green-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-green-900) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-green-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          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\:hover\:bg-green-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-green-900) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-green-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-green-900) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-green-900\/60 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 60%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-green-900) 60%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-green-950\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          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\:hover\:bg-green-950\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(26.6% 0.065 152.934) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-green-950) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-indigo-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-indigo-500);
        }
      }
    }
  }
  .dark\:hover\:bg-indigo-500\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          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);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-indigo-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-indigo-600);
        }
      }
    }
  }
  .dark\:hover\:bg-indigo-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-indigo-800);
        }
      }
    }
  }
  .dark\:hover\:bg-indigo-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(39.8% 0.195 277.366) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-indigo-800) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-indigo-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-indigo-900) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-indigo-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          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\:hover\:bg-indigo-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-indigo-900) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-indigo-900\/60 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 60%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-indigo-900) 60%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-indigo-950\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(25.7% 0.09 281.288) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-indigo-950) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-indigo-950\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(25.7% 0.09 281.288) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-indigo-950) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-input\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: hsl(var(--input));
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, hsl(var(--input)) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-lime-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-lime-500);
        }
      }
    }
  }
  .dark\:hover\:bg-lime-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-lime-600);
        }
      }
    }
  }
  .dark\:hover\:bg-lime-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-lime-800);
        }
      }
    }
  }
  .dark\:hover\:bg-lime-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(45.3% 0.124 130.933) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-lime-800) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-lime-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(40.5% 0.101 131.063) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-lime-900) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-lime-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(40.5% 0.101 131.063) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-lime-900) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-lime-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(40.5% 0.101 131.063) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-lime-900) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-lime-950\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(27.4% 0.072 132.109) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-lime-950) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-lime-950\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(27.4% 0.072 132.109) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-lime-950) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-50\/10 {
    &:where([data-theme=dark], [data-theme=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 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-neutral-100);
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-200 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-neutral-200);
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-500\/10 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          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);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-neutral-600);
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-neutral-700);
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-700\/50 {
    &:where([data-theme=dark], [data-theme=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\/60 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &: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);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-700\/80 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(37.1% 0 0) 80%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-neutral-700) 80%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-neutral-800);
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-800\/50 {
    &:where([data-theme=dark], [data-theme=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 {
    &:where([data-theme=dark], [data-theme=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 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-neutral-900);
        }
      }
    }
  }
  .dark\:hover\:bg-neutral-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          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\:hover\:bg-orange-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-orange-300);
        }
      }
    }
  }
  .dark\:hover\:bg-orange-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-orange-500);
        }
      }
    }
  }
  .dark\:hover\:bg-orange-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-orange-600);
        }
      }
    }
  }
  .dark\:hover\:bg-orange-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-orange-800);
        }
      }
    }
  }
  .dark\:hover\:bg-orange-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(47% 0.157 37.304) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-orange-800) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-orange-900\/10 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 10%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-orange-900) 10%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-orange-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-orange-900) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-orange-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-orange-900) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-orange-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-orange-900) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-orange-950\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          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\:hover\:bg-pink-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-pink-500);
        }
      }
    }
  }
  .dark\:hover\:bg-pink-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-pink-600);
        }
      }
    }
  }
  .dark\:hover\:bg-pink-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-pink-800);
        }
      }
    }
  }
  .dark\:hover\:bg-pink-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(45.9% 0.187 3.815) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-pink-800) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-pink-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(40.8% 0.153 2.432) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-pink-900) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-pink-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(40.8% 0.153 2.432) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-pink-900) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-pink-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(40.8% 0.153 2.432) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-pink-900) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-pink-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(40.8% 0.153 2.432) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-pink-900) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-pink-950\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(28.4% 0.109 3.907) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-pink-950) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-purple-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-purple-300);
        }
      }
    }
  }
  .dark\:hover\:bg-purple-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-purple-500);
        }
      }
    }
  }
  .dark\:hover\:bg-purple-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-purple-600);
        }
      }
    }
  }
  .dark\:hover\:bg-purple-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-purple-800);
        }
      }
    }
  }
  .dark\:hover\:bg-purple-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-purple-900) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-purple-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-purple-900) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-purple-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-purple-900) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-purple-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-purple-900) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-purple-900\/60 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 60%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-purple-900) 60%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-purple-950\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(29.1% 0.149 302.717) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-purple-950) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-red-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-red-300);
        }
      }
    }
  }
  .dark\:hover\:bg-red-500\/20 {
    &:where([data-theme=dark], [data-theme=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\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          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\:hover\:bg-rose-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-rose-500);
        }
      }
    }
  }
  .dark\:hover\:bg-rose-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-rose-600);
        }
      }
    }
  }
  .dark\:hover\:bg-rose-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-rose-800);
        }
      }
    }
  }
  .dark\:hover\:bg-rose-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(45.5% 0.188 13.697) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-rose-800) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-rose-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(41% 0.159 10.272) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-rose-900) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-rose-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(41% 0.159 10.272) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-rose-900) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-rose-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(41% 0.159 10.272) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-rose-900) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-rose-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(41% 0.159 10.272) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-rose-900) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-rose-950\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(27.1% 0.105 12.094) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-rose-950) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-rose-950\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(27.1% 0.105 12.094) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-rose-950) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-sky-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-sky-500);
        }
      }
    }
  }
  .dark\:hover\:bg-sky-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-sky-600);
        }
      }
    }
  }
  .dark\:hover\:bg-sky-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-sky-800);
        }
      }
    }
  }
  .dark\:hover\:bg-sky-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(44.3% 0.11 240.79) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-sky-800) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-sky-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-sky-900) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-sky-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-sky-900) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-sky-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-sky-900) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-sky-900\/60 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 60%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-sky-900) 60%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-slate-100 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-slate-100);
        }
      }
    }
  }
  .dark\:hover\:bg-slate-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-slate-800);
        }
      }
    }
  }
  .dark\:hover\:bg-slate-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          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);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-stone-200 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-stone-200);
        }
      }
    }
  }
  .dark\:hover\:bg-stone-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-stone-600);
        }
      }
    }
  }
  .dark\:hover\:bg-stone-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-stone-700);
        }
      }
    }
  }
  .dark\:hover\:bg-stone-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-stone-800);
        }
      }
    }
  }
  .dark\:hover\:bg-teal-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-teal-500);
        }
      }
    }
  }
  .dark\:hover\:bg-teal-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-teal-600);
        }
      }
    }
  }
  .dark\:hover\:bg-teal-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-teal-800);
        }
      }
    }
  }
  .dark\:hover\:bg-teal-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(43.7% 0.078 188.216) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-teal-800) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-teal-900\/10 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(38.6% 0.063 188.416) 10%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-teal-900) 10%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-teal-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(38.6% 0.063 188.416) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-teal-900) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-teal-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(38.6% 0.063 188.416) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-teal-900) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-teal-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(38.6% 0.063 188.416) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-teal-900) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-teal-900\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(38.6% 0.063 188.416) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-teal-900) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-teal-900\/60 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(38.6% 0.063 188.416) 60%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-teal-900) 60%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-teal-950\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(27.7% 0.046 192.524) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-teal-950) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-violet-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-violet-400);
        }
      }
    }
  }
  .dark\:hover\:bg-violet-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-violet-500);
        }
      }
    }
  }
  .dark\:hover\:bg-violet-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-violet-600);
        }
      }
    }
  }
  .dark\:hover\:bg-violet-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-violet-800);
        }
      }
    }
  }
  .dark\:hover\:bg-violet-800\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(43.2% 0.232 292.759) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-violet-800) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-violet-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(38% 0.189 293.745) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-violet-900) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-violet-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(38% 0.189 293.745) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-violet-900) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-violet-900\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(38% 0.189 293.745) 40%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-violet-900) 40%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-violet-900\/60 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(38% 0.189 293.745) 60%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-violet-900) 60%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-violet-950\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(28.3% 0.141 291.089) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-violet-950) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-violet-950\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(28.3% 0.141 291.089) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-violet-950) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-white {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-white);
        }
      }
    }
  }
  .dark\:hover\:bg-white\/5 {
    &:where([data-theme=dark], [data-theme=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 {
    &:where([data-theme=dark], [data-theme=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 {
    &:where([data-theme=dark], [data-theme=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-yellow-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-yellow-500);
        }
      }
    }
  }
  .dark\:hover\:bg-yellow-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(42.1% 0.095 57.708) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-yellow-900) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-yellow-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          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);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-zinc-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-zinc-600);
        }
      }
    }
  }
  .dark\:hover\:bg-zinc-700\/75 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(37% 0.013 285.805) 75%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-zinc-700) 75%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:from-amber-500\/10 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          --tw-gradient-from: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-amber-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));
        }
      }
    }
  }
  .dark\:hover\:from-blue-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          --tw-gradient-from: color-mix(in srgb, oklch(37.9% 0.146 265.522) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-blue-900) 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));
        }
      }
    }
  }
  .dark\:hover\:from-emerald-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          --tw-gradient-from: color-mix(in srgb, oklch(37.8% 0.077 168.94) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-emerald-900) 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));
        }
      }
    }
  }
  .dark\:hover\:from-indigo-500\/10 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          --tw-gradient-from: color-mix(in srgb, oklch(58.5% 0.233 277.117) 10%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: 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));
        }
      }
    }
  }
  .dark\:hover\:from-indigo-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          --tw-gradient-from: color-mix(in srgb, oklch(35.9% 0.144 278.697) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-indigo-900) 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));
        }
      }
    }
  }
  .dark\:hover\:from-lime-500\/10 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          --tw-gradient-from: color-mix(in srgb, oklch(76.8% 0.233 130.85) 10%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-lime-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));
        }
      }
    }
  }
  .dark\:hover\:from-orange-500\/10 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          --tw-gradient-from: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-orange-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));
        }
      }
    }
  }
  .dark\:hover\:from-orange-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          --tw-gradient-from: color-mix(in srgb, oklch(40.8% 0.123 38.172) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-orange-900) 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));
        }
      }
    }
  }
  .dark\:hover\:from-purple-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          --tw-gradient-from: color-mix(in srgb, oklch(38.1% 0.176 304.987) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-purple-900) 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));
        }
      }
    }
  }
  .dark\:hover\:from-rose-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          --tw-gradient-from: color-mix(in srgb, oklch(41% 0.159 10.272) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-rose-900) 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));
        }
      }
    }
  }
  .dark\:hover\:from-sky-500\/10 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          --tw-gradient-from: color-mix(in srgb, oklch(68.5% 0.169 237.323) 10%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-sky-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));
        }
      }
    }
  }
  .dark\:hover\:to-amber-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          --tw-gradient-to: color-mix(in srgb, oklch(41.4% 0.112 45.904) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-amber-900) 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));
        }
      }
    }
  }
  .dark\:hover\:to-cyan-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          --tw-gradient-to: color-mix(in srgb, oklch(39.8% 0.07 227.392) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-cyan-900) 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));
        }
      }
    }
  }
  .dark\:hover\:to-pink-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          --tw-gradient-to: color-mix(in srgb, oklch(40.8% 0.153 2.432) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-pink-900) 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));
        }
      }
    }
  }
  .dark\:hover\:to-red-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          --tw-gradient-to: color-mix(in srgb, oklch(39.6% 0.141 25.723) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-red-900) 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));
        }
      }
    }
  }
  .dark\:hover\:to-teal-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          --tw-gradient-to: color-mix(in srgb, oklch(38.6% 0.063 188.416) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-teal-900) 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));
        }
      }
    }
  }
  .dark\:hover\:to-violet-900\/30 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          --tw-gradient-to: color-mix(in srgb, oklch(38% 0.189 293.745) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-violet-900) 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));
        }
      }
    }
  }
  .dark\:hover\:text-amber-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-amber-300);
        }
      }
    }
  }
  .dark\:hover\:text-amber-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-amber-400);
        }
      }
    }
  }
  .dark\:hover\:text-amber-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-amber-500);
        }
      }
    }
  }
  .dark\:hover\:text-blue-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-blue-400);
        }
      }
    }
  }
  .dark\:hover\:text-blue-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-blue-500);
        }
      }
    }
  }
  .dark\:hover\:text-cyan-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-cyan-300);
        }
      }
    }
  }
  .dark\:hover\:text-cyan-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-cyan-400);
        }
      }
    }
  }
  .dark\:hover\:text-emerald-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-emerald-400);
        }
      }
    }
  }
  .dark\:hover\:text-fuchsia-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-fuchsia-400);
        }
      }
    }
  }
  .dark\:hover\:text-gray-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-gray-300);
        }
      }
    }
  }
  .dark\:hover\:text-gray-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-gray-500);
        }
      }
    }
  }
  .dark\:hover\:text-green-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-green-400);
        }
      }
    }
  }
  .dark\:hover\:text-indigo-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-indigo-400);
        }
      }
    }
  }
  .dark\:hover\:text-lime-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-lime-400);
        }
      }
    }
  }
  .dark\:hover\:text-neutral-50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-neutral-50);
        }
      }
    }
  }
  .dark\:hover\:text-neutral-200 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-neutral-200);
        }
      }
    }
  }
  .dark\:hover\:text-neutral-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-neutral-300);
        }
      }
    }
  }
  .dark\:hover\:text-neutral-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-neutral-400);
        }
      }
    }
  }
  .dark\:hover\:text-neutral-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-neutral-500);
        }
      }
    }
  }
  .dark\:hover\:text-neutral-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-neutral-700);
        }
      }
    }
  }
  .dark\:hover\:text-neutral-800\/70 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: color-mix(in srgb, oklch(26.9% 0 0) 70%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-neutral-800) 70%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:text-neutral-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-neutral-900);
        }
      }
    }
  }
  .dark\:hover\:text-orange-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-orange-300);
        }
      }
    }
  }
  .dark\:hover\:text-orange-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-orange-400);
        }
      }
    }
  }
  .dark\:hover\:text-pink-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-pink-400);
        }
      }
    }
  }
  .dark\:hover\:text-primary {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: hsl(var(--primary));
        }
      }
    }
  }
  .dark\:hover\:text-purple-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-purple-400);
        }
      }
    }
  }
  .dark\:hover\:text-red-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-red-300);
        }
      }
    }
  }
  .dark\:hover\:text-red-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-red-400);
        }
      }
    }
  }
  .dark\:hover\:text-rose-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-rose-300);
        }
      }
    }
  }
  .dark\:hover\:text-rose-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-rose-400);
        }
      }
    }
  }
  .dark\:hover\:text-sky-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-sky-300);
        }
      }
    }
  }
  .dark\:hover\:text-sky-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-sky-400);
        }
      }
    }
  }
  .dark\:hover\:text-slate-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-slate-300);
        }
      }
    }
  }
  .dark\:hover\:text-stone-100 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-stone-100);
        }
      }
    }
  }
  .dark\:hover\:text-stone-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-stone-800);
        }
      }
    }
  }
  .dark\:hover\:text-teal-100 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-teal-100);
        }
      }
    }
  }
  .dark\:hover\:text-teal-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-teal-400);
        }
      }
    }
  }
  .dark\:hover\:text-violet-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-violet-400);
        }
      }
    }
  }
  .dark\:hover\:text-white {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
  }
  .dark\:hover\:text-white\/60 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &: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);
          }
        }
      }
    }
  }
  .dark\:hover\:text-white\/70 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &: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);
          }
        }
      }
    }
  }
  .dark\:hover\:text-white\/80 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &: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);
          }
        }
      }
    }
  }
  .dark\:hover\:text-yellow-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-yellow-400);
        }
      }
    }
  }
  .dark\:hover\:text-zinc-200 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-zinc-200);
        }
      }
    }
  }
  .dark\:hover\:text-zinc-900 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-zinc-900);
        }
      }
    }
  }
  .hover\:dark\:text-primary {
    &:hover {
      @media (hover: hover) {
        &:where([data-theme=dark], [data-theme=dark] *) {
          color: hsl(var(--primary));
        }
      }
    }
  }
  .hover\:dark\:text-violet-600 {
    &:hover {
      @media (hover: hover) {
        &:where([data-theme=dark], [data-theme=dark] *) {
          color: var(--color-violet-600);
        }
      }
    }
  }
  .dark\:hover\:shadow-none {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &: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);
        }
      }
    }
  }
  .dark\:hover\:shadow-black\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &: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);
          }
        }
      }
    }
  }
  .dark\:hover\:shadow-neutral-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          --tw-shadow-color: oklch(37.1% 0 0);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-shadow-color: color-mix(in oklab, var(--color-neutral-700) var(--tw-shadow-alpha), transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:shadow-violet-900\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          --tw-shadow-color: color-mix(in srgb, oklch(38% 0.189 293.745) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-violet-900) 20%, transparent) var(--tw-shadow-alpha), transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:shadow-white\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          --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);
          }
        }
      }
    }
  }
  .dark\:hover\:ring-amber-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          --tw-ring-color: var(--color-amber-700);
        }
      }
    }
  }
  .dark\:hover\:ring-blue-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          --tw-ring-color: var(--color-blue-300);
        }
      }
    }
  }
  .dark\:hover\:ring-cyan-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          --tw-ring-color: var(--color-cyan-700);
        }
      }
    }
  }
  .dark\:hover\:ring-emerald-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          --tw-ring-color: var(--color-emerald-700);
        }
      }
    }
  }
  .dark\:hover\:ring-fuchsia-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          --tw-ring-color: var(--color-fuchsia-700);
        }
      }
    }
  }
  .dark\:hover\:ring-green-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          --tw-ring-color: var(--color-green-300);
        }
      }
    }
  }
  .dark\:hover\:ring-green-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          --tw-ring-color: var(--color-green-700);
        }
      }
    }
  }
  .dark\:hover\:ring-indigo-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          --tw-ring-color: var(--color-indigo-700);
        }
      }
    }
  }
  .dark\:hover\:ring-neutral-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          --tw-ring-color: var(--color-neutral-600);
        }
      }
    }
  }
  .dark\:hover\:ring-neutral-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          --tw-ring-color: var(--color-neutral-700);
        }
      }
    }
  }
  .dark\:hover\:ring-orange-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          --tw-ring-color: var(--color-orange-300);
        }
      }
    }
  }
  .dark\:hover\:ring-orange-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          --tw-ring-color: var(--color-orange-700);
        }
      }
    }
  }
  .dark\:hover\:ring-pink-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          --tw-ring-color: var(--color-pink-700);
        }
      }
    }
  }
  .dark\:hover\:ring-purple-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          --tw-ring-color: var(--color-purple-300);
        }
      }
    }
  }
  .dark\:hover\:ring-purple-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          --tw-ring-color: var(--color-purple-700);
        }
      }
    }
  }
  .dark\:hover\:ring-red-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          --tw-ring-color: var(--color-red-300);
        }
      }
    }
  }
  .dark\:hover\:ring-sky-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          --tw-ring-color: var(--color-sky-700);
        }
      }
    }
  }
  .dark\:hover\:ring-violet-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:hover {
        @media (hover: hover) {
          --tw-ring-color: var(--color-violet-700);
        }
      }
    }
  }
  .dark\:focus\:border-amber-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        border-color: var(--color-amber-300);
      }
    }
  }
  .dark\:focus\:border-amber-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        border-color: var(--color-amber-400);
      }
    }
  }
  .dark\:focus\:border-blue-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        border-color: var(--color-blue-300);
      }
    }
  }
  .dark\:focus\:border-blue-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        border-color: var(--color-blue-400);
      }
    }
  }
  .dark\:focus\:border-cyan-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        border-color: var(--color-cyan-400);
      }
    }
  }
  .dark\:focus\:border-emerald-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        border-color: var(--color-emerald-400);
      }
    }
  }
  .dark\:focus\:border-fuchsia-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        border-color: var(--color-fuchsia-400);
      }
    }
  }
  .dark\:focus\:border-green-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        border-color: var(--color-green-400);
      }
    }
  }
  .dark\:focus\:border-indigo-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        border-color: var(--color-indigo-400);
      }
    }
  }
  .dark\:focus\:border-indigo-500\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        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);
        }
      }
    }
  }
  .dark\:focus\:border-lime-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        border-color: var(--color-lime-400);
      }
    }
  }
  .dark\:focus\:border-neutral-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        border-color: var(--color-neutral-600);
      }
    }
  }
  .dark\:focus\:border-orange-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        border-color: var(--color-orange-400);
      }
    }
  }
  .dark\:focus\:border-pink-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        border-color: var(--color-pink-400);
      }
    }
  }
  .dark\:focus\:border-primary {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        border-color: hsl(var(--primary));
      }
    }
  }
  .dark\:focus\:border-purple-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        border-color: var(--color-purple-400);
      }
    }
  }
  .dark\:focus\:border-rose-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        border-color: var(--color-rose-400);
      }
    }
  }
  .dark\:focus\:border-sky-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        border-color: var(--color-sky-400);
      }
    }
  }
  .dark\:focus\:border-stone-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        border-color: var(--color-stone-300);
      }
    }
  }
  .dark\:focus\:border-teal-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        border-color: var(--color-teal-400);
      }
    }
  }
  .dark\:focus\:border-violet-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        border-color: var(--color-violet-400);
      }
    }
  }
  .dark\:focus\:border-zinc-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        border-color: var(--color-zinc-500);
      }
    }
  }
  .dark\:focus\:bg-cyan-700\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        background-color: color-mix(in srgb, oklch(52% 0.105 223.128) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-cyan-700) 20%, transparent);
        }
      }
    }
  }
  .dark\:focus\:bg-gray-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        background-color: var(--color-gray-600);
      }
    }
  }
  .dark\:focus\:bg-indigo-500\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        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);
        }
      }
    }
  }
  .dark\:focus\:bg-neutral-200 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        background-color: var(--color-neutral-200);
      }
    }
  }
  .dark\:focus\:bg-neutral-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        background-color: var(--color-neutral-700);
      }
    }
  }
  .dark\:focus\:bg-neutral-700\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        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\:focus\:bg-neutral-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        background-color: var(--color-neutral-800);
      }
    }
  }
  .dark\:focus\:bg-red-500\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        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\:focus\:bg-white\/10 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        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\:focus\:text-blue-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        color: var(--color-blue-500);
      }
    }
  }
  .dark\:focus\:text-indigo-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        color: var(--color-indigo-400);
      }
    }
  }
  .dark\:focus\:text-neutral-200 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        color: var(--color-neutral-200);
      }
    }
  }
  .dark\:focus\:text-neutral-300 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        color: var(--color-neutral-300);
      }
    }
  }
  .dark\:focus\:text-neutral-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        color: var(--color-neutral-400);
      }
    }
  }
  .dark\:focus\:text-neutral-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        color: var(--color-neutral-500);
      }
    }
  }
  .dark\:focus\:ring-1 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &: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);
      }
    }
  }
  .dark\:focus\:ring-blue-300\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        --tw-ring-color: color-mix(in srgb, oklch(80.9% 0.105 251.813) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--color-blue-300) 50%, transparent);
        }
      }
    }
  }
  .dark\:focus\:ring-blue-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        --tw-ring-color: var(--color-blue-400);
      }
    }
  }
  .dark\:focus\:ring-blue-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        --tw-ring-color: var(--color-blue-800);
      }
    }
  }
  .dark\:focus\:ring-gray-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        --tw-ring-color: var(--color-gray-600);
      }
    }
  }
  .dark\:focus\:ring-gray-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        --tw-ring-color: var(--color-gray-800);
      }
    }
  }
  .dark\:focus\:ring-green-300\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        --tw-ring-color: color-mix(in srgb, oklch(87.1% 0.15 154.449) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--color-green-300) 50%, transparent);
        }
      }
    }
  }
  .dark\:focus\:ring-green-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        --tw-ring-color: var(--color-green-400);
      }
    }
  }
  .dark\:focus\:ring-neutral-600 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        --tw-ring-color: var(--color-neutral-600);
      }
    }
  }
  .dark\:focus\:ring-orange-300\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &: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);
        }
      }
    }
  }
  .dark\:focus\:ring-orange-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        --tw-ring-color: var(--color-orange-400);
      }
    }
  }
  .dark\:focus\:ring-purple-300\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        --tw-ring-color: color-mix(in srgb, oklch(82.7% 0.119 306.383) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--color-purple-300) 50%, transparent);
        }
      }
    }
  }
  .dark\:focus\:ring-purple-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        --tw-ring-color: var(--color-purple-400);
      }
    }
  }
  .dark\:focus\:ring-red-300\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        --tw-ring-color: color-mix(in srgb, oklch(80.8% 0.114 19.571) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--color-red-300) 50%, transparent);
        }
      }
    }
  }
  .dark\:focus\:ring-red-400 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        --tw-ring-color: var(--color-red-400);
      }
    }
  }
  .dark\:focus\:ring-offset-gray-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        --tw-ring-offset-color: var(--color-gray-800);
      }
    }
  }
  .dark\:focus\:ring-offset-neutral-800 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        --tw-ring-offset-color: var(--color-neutral-800);
      }
    }
  }
  .dark\:focus\:ring-offset-neutral-950 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        --tw-ring-offset-color: var(--color-neutral-950);
      }
    }
  }
  .dark\:focus\:outline-hidden {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        --tw-outline-style: none;
        outline-style: none;
        @media (forced-colors: active) {
          outline: 2px solid transparent;
          outline-offset: 2px;
        }
      }
    }
  }
  .dark\:focus\:outline-none {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:focus {
        --tw-outline-style: none;
        outline-style: none;
      }
    }
  }
  .dark\:active\:border-zinc-700\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:active {
        border-color: color-mix(in srgb, oklch(37% 0.013 285.805) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-zinc-700) 50%, transparent);
        }
      }
    }
  }
  .dark\:active\:bg-zinc-700\/50 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:active {
        background-color: color-mix(in srgb, oklch(37% 0.013 285.805) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-zinc-700) 50%, transparent);
        }
      }
    }
  }
  .dark\:has-data-\[state\=checked\]\:bg-primary\/10 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:has(*[data-state="checked"]) {
        background-color: hsl(var(--primary));
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, hsl(var(--primary)) 10%, transparent);
        }
      }
    }
  }
  .dark\:has-\[\.mask-active\]\:bg-transparent {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:has(*:is(.mask-active)) {
        background-color: transparent;
      }
    }
  }
  .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &:has(*:is([data-slot][aria-invalid=true])) {
        --tw-ring-color: hsl(var(--destructive));
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, hsl(var(--destructive)) 40%, transparent);
        }
      }
    }
  }
  .dark\:aria-invalid\:ring-destructive\/40 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &[aria-invalid="true"] {
        --tw-ring-color: hsl(var(--destructive));
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, hsl(var(--destructive)) 40%, transparent);
        }
      }
    }
  }
  .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &[data-variant="destructive"] {
        &:focus {
          background-color: hsl(var(--destructive));
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, hsl(var(--destructive)) 20%, transparent);
          }
        }
      }
    }
  }
  .sm\:dark\:border {
    @media (width >= 40rem) {
      &:where([data-theme=dark], [data-theme=dark] *) {
        border-style: var(--tw-border-style);
        border-width: 1px;
      }
    }
  }
  .dark\:sm\:bg-transparent {
    &:where([data-theme=dark], [data-theme=dark] *) {
      @media (width >= 40rem) {
        background-color: transparent;
      }
    }
  }
  .dark\:lg\:bg-transparent {
    &:where([data-theme=dark], [data-theme=dark] *) {
      @media (width >= 64rem) {
        background-color: transparent;
      }
    }
  }
  .lg\:dark\:bg-transparent {
    @media (width >= 64rem) {
      &:where([data-theme=dark], [data-theme=dark] *) {
        background-color: transparent;
      }
    }
  }
  .lg\:dark\:before\:bg-neutral-700 {
    @media (width >= 64rem) {
      &:where([data-theme=dark], [data-theme=dark] *) {
        &::before {
          content: var(--tw-content);
          background-color: var(--color-neutral-700);
        }
      }
    }
  }
  .print\:hidden {
    @media print {
      display: none;
    }
  }
  .prose-h1\:font-semibold {
    & :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .prose-h2\:font-semibold {
    & :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .prose-p\:mb-0 {
    & :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .\[\&_\*\]\:outline-none {
    & * {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .\[\&_\.h-screen\]\:\!h-full {
    & .h-screen {
      height: 100% !important;
    }
  }
  .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground {
    & .recharts-cartesian-axis-tick text {
      fill: hsl(var(--muted-foreground));
    }
  }
  .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 {
    & .recharts-cartesian-grid line[stroke='#ccc'] {
      stroke: hsl(var(--border-hsl));
      @supports (color: color-mix(in lab, red, red)) {
        stroke: color-mix(in oklab, hsl(var(--border-hsl)) 50%, transparent);
      }
    }
  }
  .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border {
    & .recharts-curve.recharts-tooltip-cursor {
      stroke: hsl(var(--border-hsl));
    }
  }
  .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent {
    & .recharts-dot[stroke='#fff'] {
      stroke: transparent;
    }
  }
  .\[\&_\.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: hsl(var(--border-hsl));
    }
  }
  .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted {
    & .recharts-radial-bar-background-sector {
      fill: hsl(var(--muted));
    }
  }
  .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted {
    & .recharts-rectangle.recharts-tooltip-cursor {
      fill: hsl(var(--muted));
    }
  }
  .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border {
    & .recharts-reference-line [stroke='#ccc'] {
      stroke: hsl(var(--border-hsl));
    }
  }
  .\[\&_\.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-none {
    & .recharts-surface {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .\[\&_\.tiptap\.ProseMirror\]\:min-h-\[280px\] {
    & .tiptap.ProseMirror {
      min-height: 280px;
    }
  }
  .\[\&_\.w-screen\]\:\!w-full {
    & .w-screen {
      width: 100% !important;
    }
  }
  .\[\&_\[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: hsl(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);
    }
  }
  .\[\&_img\]\:size-full {
    & img {
      width: 100%;
      height: 100%;
    }
  }
  .\[\&_img\]\:object-cover {
    & img {
      object-fit: cover;
    }
  }
  .\[\&_ol\]\:list-decimal {
    & ol {
      list-style-type: decimal;
    }
  }
  .\[\&_ol\]\:pl-5 {
    & ol {
      padding-left: calc(var(--spacing) * 5);
    }
  }
  .\[\&_p\]\:leading-relaxed {
    & p {
      --tw-leading: var(--leading-relaxed);
      line-height: var(--leading-relaxed);
    }
  }
  .\[\&_svg\]\:pointer-events-none {
    & svg {
      pointer-events: none;
    }
  }
  .\[\&_svg\]\:size-4 {
    & svg {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .\[\&_svg\]\:shrink-0 {
    & svg {
      flex-shrink: 0;
    }
  }
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 {
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 3);
      height: calc(var(--spacing) * 3);
    }
  }
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 {
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
    }
  }
  .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground {
    & svg:not([class*='text-']) {
      color: hsl(var(--muted-foreground));
    }
  }
  .\[\&_tr\]\:border-b {
    & tr {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .\[\&_tr\]\:border-border {
    & tr {
      border-color: hsl(var(--border-hsl));
    }
  }
  .\[\&_tr\:first-child\]\:border-t {
    & tr:first-child {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
  }
  .\[\&_tr\:last-child\]\:border-0 {
    & tr:last-child {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .\[\&_ul\]\:list-disc {
    & ul {
      list-style-type: disc;
    }
  }
  .\[\&_ul\]\:pl-5 {
    & ul {
      padding-left: calc(var(--spacing) * 5);
    }
  }
  .\[\&\+\[data-slot\=item-content\]\]\:flex-none {
    &+[data-slot=item-content] {
      flex: none;
    }
  }
  .\[\&\:\:-webkit-details-marker\]\:hidden {
    &::-webkit-details-marker {
      display: none;
    }
  }
  .\[\&\:\:-webkit-scrollbar\]\:hidden {
    &::-webkit-scrollbar {
      display: none;
    }
  }
  .\[\&\:\:-webkit-scrollbar\]\:w-2 {
    &::-webkit-scrollbar {
      width: calc(var(--spacing) * 2);
    }
  }
  .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full {
    &::-webkit-scrollbar-thumb {
      border-radius: calc(infinity * 1px);
    }
  }
  .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-gray-300 {
    &::-webkit-scrollbar-thumb {
      background-color: var(--color-gray-300);
    }
  }
  .dark\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-neutral-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &::-webkit-scrollbar-thumb {
        background-color: var(--color-neutral-500);
      }
    }
  }
  .dark\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-slate-500 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &::-webkit-scrollbar-thumb {
        background-color: var(--color-slate-500);
      }
    }
  }
  .\[\&\:\:-webkit-scrollbar-track\]\:bg-gray-100 {
    &::-webkit-scrollbar-track {
      background-color: var(--color-gray-100);
    }
  }
  .\[\&\:\:-webkit-scrollbar-track\]\:bg-gray-200 {
    &::-webkit-scrollbar-track {
      background-color: var(--color-gray-200);
    }
  }
  .\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent {
    &::-webkit-scrollbar-track {
      background-color: transparent;
    }
  }
  .dark\:\[\&\:\:-webkit-scrollbar-track\]\:bg-neutral-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &::-webkit-scrollbar-track {
        background-color: var(--color-neutral-700);
      }
    }
  }
  .dark\:\[\&\:\:-webkit-scrollbar-track\]\:bg-slate-700 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      &::-webkit-scrollbar-track {
        background-color: var(--color-slate-700);
      }
    }
  }
  .\[\&\:\:-webkit-slider-thumb\]\:h-3 {
    &::-webkit-slider-thumb {
      height: calc(var(--spacing) * 3);
    }
  }
  .\[\&\:\:-webkit-slider-thumb\]\:w-3 {
    &::-webkit-slider-thumb {
      width: calc(var(--spacing) * 3);
    }
  }
  .\[\&\:\:-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\]\:bg-indigo-600 {
    &::-webkit-slider-thumb {
      background-color: var(--color-indigo-600);
    }
  }
  .\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md {
    &:first-child[data-selected=true] button {
      border-top-left-radius: var(--radius);
      border-bottom-left-radius: var(--radius);
    }
  }
  .\[\&\:has\(\[aria-selected\]\)\]\:bg-accent {
    &:has([aria-selected]) {
      background-color: hsl(var(--accent));
    }
  }
  .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md {
    &:first-child {
      &:has([aria-selected]) {
        border-top-left-radius: var(--radius);
        border-bottom-left-radius: var(--radius);
      }
    }
  }
  .last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md {
    &:last-child {
      &:has([aria-selected]) {
        border-top-right-radius: var(--radius);
        border-bottom-right-radius: var(--radius);
      }
    }
  }
  .\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50 {
    &:has([aria-selected].day-outside) {
      background-color: hsl(var(--accent));
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, hsl(var(--accent)) 50%, transparent);
      }
    }
  }
  .\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md {
    &:has([aria-selected].day-range-end) {
      border-top-right-radius: var(--radius);
      border-bottom-right-radius: var(--radius);
    }
  }
  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {
    &:has([role=checkbox]) {
      padding-right: calc(var(--spacing) * 0);
    }
  }
  .\[\.border-b\]\:pb-3 {
    &:is(.border-b) {
      padding-bottom: calc(var(--spacing) * 3);
    }
  }
  .\[\.border-t\]\:pt-3 {
    &:is(.border-t) {
      padding-top: calc(var(--spacing) * 3);
    }
  }
  .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;
        }
      }
    }
  }
  .\[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\]\:hover\:bg-accent\/50 {
    &:is(a) {
      &:hover {
        @media (hover: hover) {
          background-color: hsl(var(--accent));
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, hsl(var(--accent)) 50%, transparent);
          }
        }
      }
    }
  }
  .\[role\=\"menuitem\"\]\:visible {
    &:is(role="menuitem") {
      visibility: visible;
    }
  }
  .\*\:\[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);
        }
      }
    }
  }
  .data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive {
    &[data-variant="destructive"] {
      :is(& > *) {
        &:is(svg) {
          color: hsl(var(--destructive)) !important;
        }
      }
    }
  }
  .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md {
    &:last-child[data-selected=true] button {
      border-top-right-radius: var(--radius);
      border-bottom-right-radius: var(--radius);
    }
  }
  .\[\&\>\*\]\:w-full {
    &>* {
      width: 100%;
    }
  }
  .\[\&\>\*\]\: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;
      }
    }
  }
  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none {
    &>*:not(:first-child) {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
  }
  .\[\&\>\*\: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-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;
    }
  }
  .\[\&\>\.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;
      }
    }
  }
  .\[\&\>\[data-slot\=field\]\]\:p-4 {
    &>[data-slot=field] {
      padding: calc(var(--spacing) * 4);
    }
  }
  .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: var(--radius);
        border-bottom-right-radius: var(--radius);
      }
    }
  }
  .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit {
    &>[data-slot=select-trigger]:not([class*='w-']) {
      width: fit-content;
    }
  }
  .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] {
    &>[role=checkbox] {
      --tw-translate-y: 2px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .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\]\:underline {
    &>a {
      text-decoration-line: underline;
    }
  }
  .\[\&\>a\]\:underline-offset-4 {
    &>a {
      text-underline-offset: 4px;
    }
  }
  .\[\&\>a\:hover\]\:text-primary {
    &>a:hover {
      color: hsl(var(--primary));
    }
  }
  .\[\&\>button\]\:hidden {
    &>button {
      display: none;
    }
  }
  .\[\&\>div\]\:contents {
    &>div {
      display: contents;
    }
  }
  .\[\&\>div\]\:bg-destructive {
    &>div {
      background-color: hsl(var(--destructive));
    }
  }
  .\[\&\>div\]\:bg-primary {
    &>div {
      background-color: hsl(var(--primary));
    }
  }
  .\[\&\>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-2 {
    &:has(>[data-align=inline-end]) {
      &>input {
        padding-right: calc(var(--spacing) * 2);
      }
    }
  }
  .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-2 {
    &>li {
      margin-top: calc(var(--spacing) * 2);
    }
  }
  .\[\&\>p\]\:m-0 {
    &>p {
      margin: calc(var(--spacing) * 0);
    }
  }
  .\[\&\>p\]\:text-sm {
    &>p {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .\[\&\>span\]\:line-clamp-1 {
    &>span {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
    }
  }
  .\[\&\>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%;
    }
  }
  .\[\&\>span\:last-child\]\:truncate {
    &>span:last-child {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
  .\[\&\>svg\]\:absolute {
    &>svg {
      position: absolute;
    }
  }
  .\[\&\>svg\]\:top-4 {
    &>svg {
      top: calc(var(--spacing) * 4);
    }
  }
  .\[\&\>svg\]\:left-4 {
    &>svg {
      left: calc(var(--spacing) * 4);
    }
  }
  .\[\&\>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\]\:h-4 {
    &>svg {
      height: calc(var(--spacing) * 4);
    }
  }
  .\[\&\>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\]\:w-4 {
    &>svg {
      width: calc(var(--spacing) * 4);
    }
  }
  .\[\&\>svg\]\:shrink-0 {
    &>svg {
      flex-shrink: 0;
    }
  }
  .\[\&\>svg\]\:text-destructive {
    &>svg {
      color: hsl(var(--destructive));
    }
  }
  .\[\&\>svg\]\:text-foreground {
    &>svg {
      color: hsl(var(--foreground));
    }
  }
  .\[\&\>svg\]\:text-muted-foreground {
    &>svg {
      color: hsl(var(--muted-foreground));
    }
  }
  .\[\&\>svg\+div\]\:translate-y-\[-3px\] {
    &>svg+div {
      --tw-translate-y: -3px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .\[\&\>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\~\*\]\: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;
      }
    }
  }
  .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90 {
    &[data-panel-group-direction=vertical]>div {
      rotate: 90deg;
    }
  }
  .\[\&\[data-state\=open\]\>svg\]\:rotate-180 {
    &[data-state=open]>svg {
      rotate: 180deg;
    }
  }
  .\[\[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\=card-content\]_\&\]\:bg-transparent {
    [data-slot=card-content] & {
      background-color: transparent;
    }
  }
  .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent {
    [data-slot=popover-content] & {
      background-color: transparent;
    }
  }
  .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20 {
    [data-slot=tooltip-content] & {
      background-color: hsl(var(--background));
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, hsl(var(--background)) 20%, transparent);
      }
    }
  }
  .\[\[data-slot\=tooltip-content\]_\&\]\:text-background {
    [data-slot=tooltip-content] & {
      color: hsl(var(--background));
    }
  }
  .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10 {
    &:where([data-theme=dark], [data-theme=dark] *) {
      [data-slot=tooltip-content] & {
        background-color: hsl(var(--background));
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, hsl(var(--background)) 10%, transparent);
        }
      }
    }
  }
  .\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5 {
    [data-variant=legend]+& {
      margin-top: calc(var(--spacing) * -1.5);
    }
  }
}
@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;
}
@layer base {
  @font-face {
    font-family: "lucide";
    src: url('lucide.eot?t=1784276953700');
    src: url('lucide.eot?t=1784276953700#iefix') format('embedded-opentype') , url('lucide.woff2?t=1784276953700') format('woff2'), url('lucide.woff?t=1784276953700') format('woff'), url('lucide.ttf?t=1784276953700') format('truetype'), url('lucide.svg?t=1784276953700') format('svg');
  }
  [class^="icon-"], [class*=" icon-"] {
    font-family: 'lucide' !important;
    font-size: inherit;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon-a-arrow-down::before {
    content: "\e585";
  }
  .icon-a-arrow-up::before {
    content: "\e586";
  }
  .icon-a-large-small::before {
    content: "\e587";
  }
  .icon-accessibility::before {
    content: "\e297";
  }
  .icon-activity-square::before {
    content: "\e4b4";
  }
  .icon-activity::before {
    content: "\e038";
  }
  .icon-ad::before {
    content: "\e700";
  }
  .icon-air-vent::before {
    content: "\e34d";
  }
  .icon-airplay::before {
    content: "\e039";
  }
  .icon-alarm-check::before {
    content: "\e1ec";
  }
  .icon-alarm-clock-check::before {
    content: "\e1ec";
  }
  .icon-alarm-clock-minus::before {
    content: "\e1ed";
  }
  .icon-alarm-clock-off::before {
    content: "\e23b";
  }
  .icon-alarm-clock-plus::before {
    content: "\e1ee";
  }
  .icon-alarm-clock::before {
    content: "\e03a";
  }
  .icon-alarm-minus::before {
    content: "\e1ed";
  }
  .icon-alarm-plus::before {
    content: "\e1ee";
  }
  .icon-alarm-smoke::before {
    content: "\e57b";
  }
  .icon-album::before {
    content: "\e03b";
  }
  .icon-alert-circle::before {
    content: "\e077";
  }
  .icon-alert-octagon::before {
    content: "\e127";
  }
  .icon-alert-triangle::before {
    content: "\e193";
  }
  .icon-align-center-horizontal::before {
    content: "\e26c";
  }
  .icon-align-center-vertical::before {
    content: "\e26d";
  }
  .icon-align-center::before {
    content: "\e182";
  }
  .icon-align-end-horizontal::before {
    content: "\e26e";
  }
  .icon-align-end-vertical::before {
    content: "\e26f";
  }
  .icon-align-horizontal-distribute-center::before {
    content: "\e03c";
  }
  .icon-align-horizontal-distribute-end::before {
    content: "\e03d";
  }
  .icon-align-horizontal-distribute-start::before {
    content: "\e03e";
  }
  .icon-align-horizontal-justify-center::before {
    content: "\e272";
  }
  .icon-align-horizontal-justify-end::before {
    content: "\e273";
  }
  .icon-align-horizontal-justify-start::before {
    content: "\e274";
  }
  .icon-align-horizontal-space-around::before {
    content: "\e275";
  }
  .icon-align-horizontal-space-between::before {
    content: "\e276";
  }
  .icon-align-justify::before {
    content: "\e184";
  }
  .icon-align-left::before {
    content: "\e185";
  }
  .icon-align-right::before {
    content: "\e183";
  }
  .icon-align-start-horizontal::before {
    content: "\e270";
  }
  .icon-align-start-vertical::before {
    content: "\e271";
  }
  .icon-align-vertical-distribute-center::before {
    content: "\e27e";
  }
  .icon-align-vertical-distribute-end::before {
    content: "\e27f";
  }
  .icon-align-vertical-distribute-start::before {
    content: "\e280";
  }
  .icon-align-vertical-justify-center::before {
    content: "\e277";
  }
  .icon-align-vertical-justify-end::before {
    content: "\e278";
  }
  .icon-align-vertical-justify-start::before {
    content: "\e279";
  }
  .icon-align-vertical-space-around::before {
    content: "\e27a";
  }
  .icon-align-vertical-space-between::before {
    content: "\e27b";
  }
  .icon-ambulance::before {
    content: "\e5bb";
  }
  .icon-ampersand::before {
    content: "\e49c";
  }
  .icon-ampersands::before {
    content: "\e49d";
  }
  .icon-amphora::before {
    content: "\e61b";
  }
  .icon-anchor::before {
    content: "\e03f";
  }
  .icon-angry::before {
    content: "\e2fc";
  }
  .icon-annoyed::before {
    content: "\e2fd";
  }
  .icon-antenna::before {
    content: "\e4e2";
  }
  .icon-anvil::before {
    content: "\e580";
  }
  .icon-aperture::before {
    content: "\e040";
  }
  .icon-app-window-mac::before {
    content: "\e5d2";
  }
  .icon-app-window::before {
    content: "\e426";
  }
  .icon-apple::before {
    content: "\e34e";
  }
  .icon-archive-restore::before {
    content: "\e2cd";
  }
  .icon-archive-x::before {
    content: "\e50c";
  }
  .icon-archive::before {
    content: "\e041";
  }
  .icon-area-chart::before {
    content: "\e4d3";
  }
  .icon-armchair::before {
    content: "\e2c0";
  }
  .icon-arrow-big-down-dash::before {
    content: "\e41d";
  }
  .icon-arrow-big-down::before {
    content: "\e1e1";
  }
  .icon-arrow-big-left-dash::before {
    content: "\e41e";
  }
  .icon-arrow-big-left::before {
    content: "\e1e2";
  }
  .icon-arrow-big-right-dash::before {
    content: "\e41f";
  }
  .icon-arrow-big-right::before {
    content: "\e1e3";
  }
  .icon-arrow-big-up-dash::before {
    content: "\e420";
  }
  .icon-arrow-big-up::before {
    content: "\e1e4";
  }
  .icon-arrow-down-0-1::before {
    content: "\e413";
  }
  .icon-arrow-down-01::before {
    content: "\e413";
  }
  .icon-arrow-down-1-0::before {
    content: "\e414";
  }
  .icon-arrow-down-10::before {
    content: "\e414";
  }
  .icon-arrow-down-a-z::before {
    content: "\e415";
  }
  .icon-arrow-down-az::before {
    content: "\e415";
  }
  .icon-arrow-down-circle::before {
    content: "\e078";
  }
  .icon-arrow-down-from-line::before {
    content: "\e454";
  }
  .icon-arrow-down-left-from-circle::before {
    content: "\e3f7";
  }
  .icon-arrow-down-left-from-square::before {
    content: "\e5a1";
  }
  .icon-arrow-down-left-square::before {
    content: "\e4b5";
  }
  .icon-arrow-down-left::before {
    content: "\e043";
  }
  .icon-arrow-down-narrow-wide::before {
    content: "\e044";
  }
  .icon-arrow-down-right-from-circle::before {
    content: "\e3f8";
  }
  .icon-arrow-down-right-from-square::before {
    content: "\e5a2";
  }
  .icon-arrow-down-right-square::before {
    content: "\e4b6";
  }
  .icon-arrow-down-right::before {
    content: "\e045";
  }
  .icon-arrow-down-square::before {
    content: "\e427";
  }
  .icon-arrow-down-to-dot::before {
    content: "\e44d";
  }
  .icon-arrow-down-to-line::before {
    content: "\e455";
  }
  .icon-arrow-down-up::before {
    content: "\e046";
  }
  .icon-arrow-down-wide-narrow::before {
    content: "\e047";
  }
  .icon-arrow-down-z-a::before {
    content: "\e416";
  }
  .icon-arrow-down-za::before {
    content: "\e416";
  }
  .icon-arrow-down::before {
    content: "\e042";
  }
  .icon-arrow-left-circle::before {
    content: "\e079";
  }
  .icon-arrow-left-from-line::before {
    content: "\e456";
  }
  .icon-arrow-left-right::before {
    content: "\e24a";
  }
  .icon-arrow-left-square::before {
    content: "\e428";
  }
  .icon-arrow-left-to-line::before {
    content: "\e457";
  }
  .icon-arrow-left::before {
    content: "\e048";
  }
  .icon-arrow-right-circle::before {
    content: "\e07a";
  }
  .icon-arrow-right-from-line::before {
    content: "\e458";
  }
  .icon-arrow-right-left::before {
    content: "\e417";
  }
  .icon-arrow-right-square::before {
    content: "\e429";
  }
  .icon-arrow-right-to-line::before {
    content: "\e459";
  }
  .icon-arrow-right::before {
    content: "\e049";
  }
  .icon-arrow-up-0-1::before {
    content: "\e418";
  }
  .icon-arrow-up-01::before {
    content: "\e418";
  }
  .icon-arrow-up-1-0::before {
    content: "\e419";
  }
  .icon-arrow-up-10::before {
    content: "\e419";
  }
  .icon-arrow-up-a-z::before {
    content: "\e41a";
  }
  .icon-arrow-up-az::before {
    content: "\e41a";
  }
  .icon-arrow-up-circle::before {
    content: "\e07b";
  }
  .icon-arrow-up-down::before {
    content: "\e37d";
  }
  .icon-arrow-up-from-dot::before {
    content: "\e44e";
  }
  .icon-arrow-up-from-line::before {
    content: "\e45a";
  }
  .icon-arrow-up-left-from-circle::before {
    content: "\e3f9";
  }
  .icon-arrow-up-left-from-square::before {
    content: "\e5a3";
  }
  .icon-arrow-up-left-square::before {
    content: "\e4b7";
  }
  .icon-arrow-up-left::before {
    content: "\e04b";
  }
  .icon-arrow-up-narrow-wide::before {
    content: "\e04c";
  }
  .icon-arrow-up-right-from-circle::before {
    content: "\e3fa";
  }
  .icon-arrow-up-right-from-square::before {
    content: "\e5a4";
  }
  .icon-arrow-up-right-square::before {
    content: "\e4b8";
  }
  .icon-arrow-up-right::before {
    content: "\e04d";
  }
  .icon-arrow-up-square::before {
    content: "\e42a";
  }
  .icon-arrow-up-to-line::before {
    content: "\e45b";
  }
  .icon-arrow-up-wide-narrow::before {
    content: "\e41b";
  }
  .icon-arrow-up-z-a::before {
    content: "\e41c";
  }
  .icon-arrow-up-za::before {
    content: "\e41c";
  }
  .icon-arrow-up::before {
    content: "\e04a";
  }
  .icon-arrows-up-from-line::before {
    content: "\e4d4";
  }
  .icon-asterisk-square::before {
    content: "\e168";
  }
  .icon-asterisk::before {
    content: "\e1ef";
  }
  .icon-astroid::before {
    content: "\e6f0";
  }
  .icon-at-sign::before {
    content: "\e04e";
  }
  .icon-atom::before {
    content: "\e3d7";
  }
  .icon-audio-lines::before {
    content: "\e55a";
  }
  .icon-audio-waveform::before {
    content: "\e55b";
  }
  .icon-award::before {
    content: "\e04f";
  }
  .icon-axe::before {
    content: "\e050";
  }
  .icon-axis-3-d::before {
    content: "\e2fe";
  }
  .icon-axis-3d::before {
    content: "\e2fe";
  }
  .icon-baby::before {
    content: "\e2ce";
  }
  .icon-backpack::before {
    content: "\e2c8";
  }
  .icon-badge-alert::before {
    content: "\e475";
  }
  .icon-badge-cent::before {
    content: "\e50f";
  }
  .icon-badge-check::before {
    content: "\e241";
  }
  .icon-badge-dollar-sign::before {
    content: "\e476";
  }
  .icon-badge-euro::before {
    content: "\e510";
  }
  .icon-badge-help::before {
    content: "\e47b";
  }
  .icon-badge-indian-rupee::before {
    content: "\e511";
  }
  .icon-badge-info::before {
    content: "\e477";
  }
  .icon-badge-japanese-yen::before {
    content: "\e512";
  }
  .icon-badge-minus::before {
    content: "\e478";
  }
  .icon-badge-percent::before {
    content: "\e479";
  }
  .icon-badge-plus::before {
    content: "\e47a";
  }
  .icon-badge-pound-sterling::before {
    content: "\e513";
  }
  .icon-badge-question-mark::before {
    content: "\e47b";
  }
  .icon-badge-russian-ruble::before {
    content: "\e514";
  }
  .icon-badge-swiss-franc::before {
    content: "\e515";
  }
  .icon-badge-turkish-lira::before {
    content: "\e67e";
  }
  .icon-badge-x::before {
    content: "\e47c";
  }
  .icon-badge::before {
    content: "\e474";
  }
  .icon-baggage-claim::before {
    content: "\e2c9";
  }
  .icon-balloon::before {
    content: "\e6af";
  }
  .icon-ban::before {
    content: "\e051";
  }
  .icon-banana::before {
    content: "\e34f";
  }
  .icon-bandage::before {
    content: "\e61d";
  }
  .icon-banknote-arrow-down::before {
    content: "\e64c";
  }
  .icon-banknote-arrow-up::before {
    content: "\e64d";
  }
  .icon-banknote-check::before {
    content: "\e70c";
  }
  .icon-banknote-x::before {
    content: "\e64e";
  }
  .icon-banknote::before {
    content: "\e052";
  }
  .icon-bar-chart-2::before {
    content: "\e068";
  }
  .icon-bar-chart-3::before {
    content: "\e2a3";
  }
  .icon-bar-chart-4::before {
    content: "\e2a4";
  }
  .icon-bar-chart-big::before {
    content: "\e4a9";
  }
  .icon-bar-chart-horizontal-big::before {
    content: "\e4a7";
  }
  .icon-bar-chart-horizontal::before {
    content: "\e2a2";
  }
  .icon-bar-chart::before {
    content: "\e06a";
  }
  .icon-barcode::before {
    content: "\e533";
  }
  .icon-barrel::before {
    content: "\e675";
  }
  .icon-baseline::before {
    content: "\e285";
  }
  .icon-bath::before {
    content: "\e2ab";
  }
  .icon-battery-charging::before {
    content: "\e054";
  }
  .icon-battery-full::before {
    content: "\e055";
  }
  .icon-battery-low::before {
    content: "\e056";
  }
  .icon-battery-medium::before {
    content: "\e057";
  }
  .icon-battery-plus::before {
    content: "\e63e";
  }
  .icon-battery-warning::before {
    content: "\e3ac";
  }
  .icon-battery::before {
    content: "\e053";
  }
  .icon-beaker::before {
    content: "\e058";
  }
  .icon-bean-off::before {
    content: "\e390";
  }
  .icon-bean::before {
    content: "\e38f";
  }
  .icon-bed-double::before {
    content: "\e2c2";
  }
  .icon-bed-single::before {
    content: "\e2c3";
  }
  .icon-bed::before {
    content: "\e2c1";
  }
  .icon-beef-off::before {
    content: "\e6dc";
  }
  .icon-beef::before {
    content: "\e3a5";
  }
  .icon-beer-off::before {
    content: "\e5d9";
  }
  .icon-beer::before {
    content: "\e2cf";
  }
  .icon-bell-check::before {
    content: "\e6ef";
  }
  .icon-bell-dot::before {
    content: "\e42b";
  }
  .icon-bell-electric::before {
    content: "\e57c";
  }
  .icon-bell-minus::before {
    content: "\e1f0";
  }
  .icon-bell-off::before {
    content: "\e05a";
  }
  .icon-bell-plus::before {
    content: "\e1f1";
  }
  .icon-bell-ring::before {
    content: "\e224";
  }
  .icon-bell::before {
    content: "\e059";
  }
  .icon-between-horizonal-end::before {
    content: "\e591";
  }
  .icon-between-horizonal-start::before {
    content: "\e592";
  }
  .icon-between-horizontal-end::before {
    content: "\e591";
  }
  .icon-between-horizontal-start::before {
    content: "\e592";
  }
  .icon-between-vertical-end::before {
    content: "\e593";
  }
  .icon-between-vertical-start::before {
    content: "\e594";
  }
  .icon-biceps-flexed::before {
    content: "\e5eb";
  }
  .icon-bike::before {
    content: "\e1d2";
  }
  .icon-binary::before {
    content: "\e1f2";
  }
  .icon-binoculars::before {
    content: "\e621";
  }
  .icon-biohazard::before {
    content: "\e441";
  }
  .icon-bird::before {
    content: "\e3c5";
  }
  .icon-birdhouse::before {
    content: "\e69a";
  }
  .icon-bitcoin::before {
    content: "\e05b";
  }
  .icon-blend::before {
    content: "\e59c";
  }
  .icon-blender::before {
    content: "\e6f4";
  }
  .icon-blinds::before {
    content: "\e3c0";
  }
  .icon-blocks::before {
    content: "\e4fa";
  }
  .icon-bluetooth-connected::before {
    content: "\e1b8";
  }
  .icon-bluetooth-off::before {
    content: "\e1b9";
  }
  .icon-bluetooth-searching::before {
    content: "\e1ba";
  }
  .icon-bluetooth::before {
    content: "\e05c";
  }
  .icon-bold::before {
    content: "\e05d";
  }
  .icon-bolt::before {
    content: "\e58c";
  }
  .icon-bomb::before {
    content: "\e2ff";
  }
  .icon-bone-fracture::before {
    content: "\e715";
  }
  .icon-bone::before {
    content: "\e358";
  }
  .icon-book-a::before {
    content: "\e544";
  }
  .icon-book-alert::before {
    content: "\e672";
  }
  .icon-book-audio::before {
    content: "\e545";
  }
  .icon-book-check::before {
    content: "\e546";
  }
  .icon-book-copy::before {
    content: "\e3ec";
  }
  .icon-book-dashed::before {
    content: "\e3ed";
  }
  .icon-book-down::before {
    content: "\e3ee";
  }
  .icon-book-headphones::before {
    content: "\e547";
  }
  .icon-book-heart::before {
    content: "\e548";
  }
  .icon-book-image::before {
    content: "\e549";
  }
  .icon-book-key::before {
    content: "\e3ef";
  }
  .icon-book-lock::before {
    content: "\e3f0";
  }
  .icon-book-marked::before {
    content: "\e3f1";
  }
  .icon-book-minus::before {
    content: "\e3f2";
  }
  .icon-book-open-check::before {
    content: "\e381";
  }
  .icon-book-open-text::before {
    content: "\e54a";
  }
  .icon-book-open::before {
    content: "\e05f";
  }
  .icon-book-plus::before {
    content: "\e3f3";
  }
  .icon-book-search::before {
    content: "\e6ab";
  }
  .icon-book-template::before {
    content: "\e3ed";
  }
  .icon-book-text::before {
    content: "\e54b";
  }
  .icon-book-type::before {
    content: "\e54c";
  }
  .icon-book-up-2::before {
    content: "\e4a6";
  }
  .icon-book-up::before {
    content: "\e3f4";
  }
  .icon-book-user::before {
    content: "\e54d";
  }
  .icon-book-x::before {
    content: "\e3f5";
  }
  .icon-book::before {
    content: "\e05e";
  }
  .icon-bookmark-check::before {
    content: "\e51f";
  }
  .icon-bookmark-minus::before {
    content: "\e23c";
  }
  .icon-bookmark-off::before {
    content: "\e6df";
  }
  .icon-bookmark-plus::before {
    content: "\e23d";
  }
  .icon-bookmark-x::before {
    content: "\e520";
  }
  .icon-bookmark::before {
    content: "\e060";
  }
  .icon-boom-box::before {
    content: "\e4ee";
  }
  .icon-bot-message-square::before {
    content: "\e5ce";
  }
  .icon-bot-off::before {
    content: "\e5e0";
  }
  .icon-bot::before {
    content: "\e1bb";
  }
  .icon-bottle-wine::before {
    content: "\e67b";
  }
  .icon-bow-arrow::before {
    content: "\e65e";
  }
  .icon-box-select::before {
    content: "\e1cb";
  }
  .icon-box::before {
    content: "\e061";
  }
  .icon-boxes::before {
    content: "\e2d0";
  }
  .icon-braces::before {
    content: "\e36a";
  }
  .icon-brackets::before {
    content: "\e443";
  }
  .icon-brain-circuit::before {
    content: "\e3c7";
  }
  .icon-brain-cog::before {
    content: "\e3c8";
  }
  .icon-brain::before {
    content: "\e3c6";
  }
  .icon-brick-wall-fire::before {
    content: "\e653";
  }
  .icon-brick-wall-shield::before {
    content: "\e690";
  }
  .icon-brick-wall::before {
    content: "\e581";
  }
  .icon-briefcase-business::before {
    content: "\e5d5";
  }
  .icon-briefcase-conveyor-belt::before {
    content: "\e62b";
  }
  .icon-briefcase-medical::before {
    content: "\e5d6";
  }
  .icon-briefcase::before {
    content: "\e062";
  }
  .icon-bring-to-front::before {
    content: "\e4ef";
  }
  .icon-broccoli::before {
    content: "\e6f5";
  }
  .icon-brush-cleaning::before {
    content: "\e666";
  }
  .icon-brush::before {
    content: "\e1d3";
  }
  .icon-bubbles::before {
    content: "\e654";
  }
  .icon-bug-off::before {
    content: "\e50d";
  }
  .icon-bug-play::before {
    content: "\e50e";
  }
  .icon-bug::before {
    content: "\e20c";
  }
  .icon-building-2::before {
    content: "\e290";
  }
  .icon-building::before {
    content: "\e1cc";
  }
  .icon-bus-front::before {
    content: "\e4fb";
  }
  .icon-bus::before {
    content: "\e1d4";
  }
  .icon-cable-car::before {
    content: "\e4fc";
  }
  .icon-cable::before {
    content: "\e4e3";
  }
  .icon-cake-slice::before {
    content: "\e4b9";
  }
  .icon-cake::before {
    content: "\e344";
  }
  .icon-calculator::before {
    content: "\e1bc";
  }
  .icon-calendar-1::before {
    content: "\e630";
  }
  .icon-calendar-arrow-down::before {
    content: "\e5fe";
  }
  .icon-calendar-arrow-up::before {
    content: "\e5ff";
  }
  .icon-calendar-check-2::before {
    content: "\e2b8";
  }
  .icon-calendar-check::before {
    content: "\e2b7";
  }
  .icon-calendar-clock::before {
    content: "\e304";
  }
  .icon-calendar-cog::before {
    content: "\e5ed";
  }
  .icon-calendar-days::before {
    content: "\e2b9";
  }
  .icon-calendar-fold::before {
    content: "\e5b4";
  }
  .icon-calendar-heart::before {
    content: "\e305";
  }
  .icon-calendar-minus-2::before {
    content: "\e5b5";
  }
  .icon-calendar-minus::before {
    content: "\e2ba";
  }
  .icon-calendar-off::before {
    content: "\e2bb";
  }
  .icon-calendar-plus-2::before {
    content: "\e5b6";
  }
  .icon-calendar-plus::before {
    content: "\e2bc";
  }
  .icon-calendar-range::before {
    content: "\e2bd";
  }
  .icon-calendar-search::before {
    content: "\e306";
  }
  .icon-calendar-sync::before {
    content: "\e636";
  }
  .icon-calendar-x-2::before {
    content: "\e2bf";
  }
  .icon-calendar-x::before {
    content: "\e2be";
  }
  .icon-calendar::before {
    content: "\e063";
  }
  .icon-calendars::before {
    content: "\e6a7";
  }
  .icon-camera-off::before {
    content: "\e065";
  }
  .icon-camera::before {
    content: "\e064";
  }
  .icon-candlestick-chart::before {
    content: "\e4a8";
  }
  .icon-candy-cane::before {
    content: "\e4ba";
  }
  .icon-candy-off::before {
    content: "\e392";
  }
  .icon-candy::before {
    content: "\e391";
  }
  .icon-cannabis-off::before {
    content: "\e6e0";
  }
  .icon-cannabis::before {
    content: "\e5d4";
  }
  .icon-captions-off::before {
    content: "\e5c1";
  }
  .icon-captions::before {
    content: "\e3a4";
  }
  .icon-car-front::before {
    content: "\e4fd";
  }
  .icon-car-taxi-front::before {
    content: "\e4fe";
  }
  .icon-car::before {
    content: "\e1d5";
  }
  .icon-caravan::before {
    content: "\e539";
  }
  .icon-card-sim::before {
    content: "\e671";
  }
  .icon-carrot::before {
    content: "\e25a";
  }
  .icon-case-lower::before {
    content: "\e3d8";
  }
  .icon-case-sensitive::before {
    content: "\e3d9";
  }
  .icon-case-upper::before {
    content: "\e3da";
  }
  .icon-cassette-tape::before {
    content: "\e4ca";
  }
  .icon-cast::before {
    content: "\e066";
  }
  .icon-castle::before {
    content: "\e3e0";
  }
  .icon-cat::before {
    content: "\e38c";
  }
  .icon-cctv-off::before {
    content: "\e6d8";
  }
  .icon-cctv::before {
    content: "\e57d";
  }
  .icon-chart-area::before {
    content: "\e4d3";
  }
  .icon-chart-bar-big::before {
    content: "\e4a7";
  }
  .icon-chart-bar-decreasing::before {
    content: "\e607";
  }
  .icon-chart-bar-increasing::before {
    content: "\e608";
  }
  .icon-chart-bar-stacked::before {
    content: "\e609";
  }
  .icon-chart-bar::before {
    content: "\e2a2";
  }
  .icon-chart-candlestick::before {
    content: "\e4a8";
  }
  .icon-chart-column-big::before {
    content: "\e4a9";
  }
  .icon-chart-column-decreasing::before {
    content: "\e067";
  }
  .icon-chart-column-increasing::before {
    content: "\e2a4";
  }
  .icon-chart-column-stacked::before {
    content: "\e60a";
  }
  .icon-chart-column::before {
    content: "\e2a3";
  }
  .icon-chart-gantt::before {
    content: "\e624";
  }
  .icon-chart-line::before {
    content: "\e2a5";
  }
  .icon-chart-network::before {
    content: "\e60b";
  }
  .icon-chart-no-axes-column-decreasing::before {
    content: "\e069";
  }
  .icon-chart-no-axes-column-increasing::before {
    content: "\e06a";
  }
  .icon-chart-no-axes-column::before {
    content: "\e068";
  }
  .icon-chart-no-axes-combined::before {
    content: "\e60c";
  }
  .icon-chart-no-axes-gantt::before {
    content: "\e4c4";
  }
  .icon-chart-pie::before {
    content: "\e06b";
  }
  .icon-chart-scatter::before {
    content: "\e48a";
  }
  .icon-chart-spline::before {
    content: "\e60d";
  }
  .icon-check-check::before {
    content: "\e38e";
  }
  .icon-check-circle-2::before {
    content: "\e226";
  }
  .icon-check-circle::before {
    content: "\e07c";
  }
  .icon-check-line::before {
    content: "\e66b";
  }
  .icon-check-square-2::before {
    content: "\e559";
  }
  .icon-check-square::before {
    content: "\e16a";
  }
  .icon-check::before {
    content: "\e06c";
  }
  .icon-chef-hat::before {
    content: "\e2ac";
  }
  .icon-cherry::before {
    content: "\e350";
  }
  .icon-chess-bishop::before {
    content: "\e6a0";
  }
  .icon-chess-king::before {
    content: "\e6a1";
  }
  .icon-chess-knight::before {
    content: "\e6a2";
  }
  .icon-chess-pawn::before {
    content: "\e6a3";
  }
  .icon-chess-queen::before {
    content: "\e6a4";
  }
  .icon-chess-rook::before {
    content: "\e6a5";
  }
  .icon-chevron-down-circle::before {
    content: "\e4dd";
  }
  .icon-chevron-down-square::before {
    content: "\e3cf";
  }
  .icon-chevron-down::before {
    content: "\e06d";
  }
  .icon-chevron-first::before {
    content: "\e243";
  }
  .icon-chevron-last::before {
    content: "\e244";
  }
  .icon-chevron-left-circle::before {
    content: "\e4de";
  }
  .icon-chevron-left-square::before {
    content: "\e3d0";
  }
  .icon-chevron-left::before {
    content: "\e06e";
  }
  .icon-chevron-right-circle::before {
    content: "\e4df";
  }
  .icon-chevron-right-square::before {
    content: "\e3d1";
  }
  .icon-chevron-right::before {
    content: "\e06f";
  }
  .icon-chevron-up-circle::before {
    content: "\e4e0";
  }
  .icon-chevron-up-square::before {
    content: "\e3d2";
  }
  .icon-chevron-up::before {
    content: "\e070";
  }
  .icon-chevrons-down-up::before {
    content: "\e228";
  }
  .icon-chevrons-down::before {
    content: "\e071";
  }
  .icon-chevrons-left-right-ellipsis::before {
    content: "\e61f";
  }
  .icon-chevrons-left-right::before {
    content: "\e293";
  }
  .icon-chevrons-left::before {
    content: "\e072";
  }
  .icon-chevrons-right-left::before {
    content: "\e294";
  }
  .icon-chevrons-right::before {
    content: "\e073";
  }
  .icon-chevrons-up-down::before {
    content: "\e211";
  }
  .icon-chevrons-up::before {
    content: "\e074";
  }
  .icon-church::before {
    content: "\e3e1";
  }
  .icon-cigarette-off::before {
    content: "\e2c7";
  }
  .icon-cigarette::before {
    content: "\e2c6";
  }
  .icon-circle-alert::before {
    content: "\e077";
  }
  .icon-circle-arrow-down::before {
    content: "\e078";
  }
  .icon-circle-arrow-left::before {
    content: "\e079";
  }
  .icon-circle-arrow-out-down-left::before {
    content: "\e3f7";
  }
  .icon-circle-arrow-out-down-right::before {
    content: "\e3f8";
  }
  .icon-circle-arrow-out-up-left::before {
    content: "\e3f9";
  }
  .icon-circle-arrow-out-up-right::before {
    content: "\e3fa";
  }
  .icon-circle-arrow-right::before {
    content: "\e07a";
  }
  .icon-circle-arrow-up::before {
    content: "\e07b";
  }
  .icon-circle-check-big::before {
    content: "\e07c";
  }
  .icon-circle-check::before {
    content: "\e226";
  }
  .icon-circle-chevron-down::before {
    content: "\e4dd";
  }
  .icon-circle-chevron-left::before {
    content: "\e4de";
  }
  .icon-circle-chevron-right::before {
    content: "\e4df";
  }
  .icon-circle-chevron-up::before {
    content: "\e4e0";
  }
  .icon-circle-dashed::before {
    content: "\e4b0";
  }
  .icon-circle-divide::before {
    content: "\e07d";
  }
  .icon-circle-dollar-sign::before {
    content: "\e47d";
  }
  .icon-circle-dot-dashed::before {
    content: "\e4b1";
  }
  .icon-circle-dot::before {
    content: "\e345";
  }
  .icon-circle-ellipsis::before {
    content: "\e346";
  }
  .icon-circle-equal::before {
    content: "\e400";
  }
  .icon-circle-euro::before {
    content: "\e71f";
  }
  .icon-circle-fading-arrow-up::before {
    content: "\e618";
  }
  .icon-circle-fading-plus::before {
    content: "\e5bc";
  }
  .icon-circle-gauge::before {
    content: "\e4e1";
  }
  .icon-circle-help::before {
    content: "\e082";
  }
  .icon-circle-minus::before {
    content: "\e07e";
  }
  .icon-circle-off::before {
    content: "\e401";
  }
  .icon-circle-parking-off::before {
    content: "\e3ca";
  }
  .icon-circle-parking::before {
    content: "\e3c9";
  }
  .icon-circle-pause::before {
    content: "\e07f";
  }
  .icon-circle-percent::before {
    content: "\e51a";
  }
  .icon-circle-pile::before {
    content: "\e6e1";
  }
  .icon-circle-play::before {
    content: "\e080";
  }
  .icon-circle-plus::before {
    content: "\e081";
  }
  .icon-circle-pound-sterling::before {
    content: "\e66d";
  }
  .icon-circle-power::before {
    content: "\e550";
  }
  .icon-circle-question-mark::before {
    content: "\e082";
  }
  .icon-circle-slash-2::before {
    content: "\e213";
  }
  .icon-circle-slash::before {
    content: "\e402";
  }
  .icon-circle-slashed::before {
    content: "\e213";
  }
  .icon-circle-small::before {
    content: "\e640";
  }
  .icon-circle-star::before {
    content: "\e68d";
  }
  .icon-circle-stop::before {
    content: "\e083";
  }
  .icon-circle-user-round::before {
    content: "\e462";
  }
  .icon-circle-user::before {
    content: "\e461";
  }
  .icon-circle-x::before {
    content: "\e084";
  }
  .icon-circle::before {
    content: "\e076";
  }
  .icon-circuit-board::before {
    content: "\e403";
  }
  .icon-citrus::before {
    content: "\e375";
  }
  .icon-clapperboard::before {
    content: "\e29b";
  }
  .icon-clipboard-check::before {
    content: "\e219";
  }
  .icon-clipboard-clock::before {
    content: "\e688";
  }
  .icon-clipboard-copy::before {
    content: "\e225";
  }
  .icon-clipboard-edit::before {
    content: "\e307";
  }
  .icon-clipboard-list::before {
    content: "\e086";
  }
  .icon-clipboard-minus::before {
    content: "\e5be";
  }
  .icon-clipboard-paste::before {
    content: "\e3e8";
  }
  .icon-clipboard-pen-line::before {
    content: "\e308";
  }
  .icon-clipboard-pen::before {
    content: "\e307";
  }
  .icon-clipboard-plus::before {
    content: "\e5bf";
  }
  .icon-clipboard-signature::before {
    content: "\e308";
  }
  .icon-clipboard-type::before {
    content: "\e309";
  }
  .icon-clipboard-x::before {
    content: "\e222";
  }
  .icon-clipboard::before {
    content: "\e085";
  }
  .icon-clock-1::before {
    content: "\e24b";
  }
  .icon-clock-10::before {
    content: "\e24c";
  }
  .icon-clock-11::before {
    content: "\e24d";
  }
  .icon-clock-12::before {
    content: "\e24e";
  }
  .icon-clock-2::before {
    content: "\e24f";
  }
  .icon-clock-3::before {
    content: "\e250";
  }
  .icon-clock-4::before {
    content: "\e251";
  }
  .icon-clock-5::before {
    content: "\e252";
  }
  .icon-clock-6::before {
    content: "\e253";
  }
  .icon-clock-7::before {
    content: "\e254";
  }
  .icon-clock-8::before {
    content: "\e255";
  }
  .icon-clock-9::before {
    content: "\e256";
  }
  .icon-clock-alert::before {
    content: "\e62a";
  }
  .icon-clock-arrow-down::before {
    content: "\e600";
  }
  .icon-clock-arrow-left::before {
    content: "\e70d";
  }
  .icon-clock-arrow-right::before {
    content: "\e70e";
  }
  .icon-clock-arrow-up::before {
    content: "\e601";
  }
  .icon-clock-check::before {
    content: "\e69e";
  }
  .icon-clock-fading::before {
    content: "\e64a";
  }
  .icon-clock-plus::before {
    content: "\e667";
  }
  .icon-clock::before {
    content: "\e087";
  }
  .icon-closed-caption::before {
    content: "\e68a";
  }
  .icon-cloud-alert::before {
    content: "\e633";
  }
  .icon-cloud-backup::before {
    content: "\e6e2";
  }
  .icon-cloud-check::before {
    content: "\e66e";
  }
  .icon-cloud-cog::before {
    content: "\e30a";
  }
  .icon-cloud-download::before {
    content: "\e089";
  }
  .icon-cloud-drizzle::before {
    content: "\e08a";
  }
  .icon-cloud-fog::before {
    content: "\e214";
  }
  .icon-cloud-hail::before {
    content: "\e08b";
  }
  .icon-cloud-lightning::before {
    content: "\e08c";
  }
  .icon-cloud-moon-rain::before {
    content: "\e2fa";
  }
  .icon-cloud-moon::before {
    content: "\e215";
  }
  .icon-cloud-off::before {
    content: "\e08d";
  }
  .icon-cloud-rain-wind::before {
    content: "\e08f";
  }
  .icon-cloud-rain::before {
    content: "\e08e";
  }
  .icon-cloud-snow::before {
    content: "\e090";
  }
  .icon-cloud-sun-rain::before {
    content: "\e2fb";
  }
  .icon-cloud-sun::before {
    content: "\e216";
  }
  .icon-cloud-sync::before {
    content: "\e6e3";
  }
  .icon-cloud-upload::before {
    content: "\e091";
  }
  .icon-cloud::before {
    content: "\e088";
  }
  .icon-cloudy::before {
    content: "\e217";
  }
  .icon-clover::before {
    content: "\e092";
  }
  .icon-club::before {
    content: "\e496";
  }
  .icon-code-2::before {
    content: "\e206";
  }
  .icon-code-square::before {
    content: "\e16b";
  }
  .icon-code-xml::before {
    content: "\e206";
  }
  .icon-code::before {
    content: "\e093";
  }
  .icon-coffee::before {
    content: "\e096";
  }
  .icon-cog::before {
    content: "\e30b";
  }
  .icon-coins::before {
    content: "\e097";
  }
  .icon-columns-2::before {
    content: "\e098";
  }
  .icon-columns-3-cog::before {
    content: "\e661";
  }
  .icon-columns-3::before {
    content: "\e099";
  }
  .icon-columns-4::before {
    content: "\e589";
  }
  .icon-columns-settings::before {
    content: "\e661";
  }
  .icon-columns::before {
    content: "\e098";
  }
  .icon-combine::before {
    content: "\e44c";
  }
  .icon-command::before {
    content: "\e09a";
  }
  .icon-compass::before {
    content: "\e09b";
  }
  .icon-component::before {
    content: "\e2ad";
  }
  .icon-computer::before {
    content: "\e4e4";
  }
  .icon-concierge-bell::before {
    content: "\e378";
  }
  .icon-cone::before {
    content: "\e523";
  }
  .icon-construction::before {
    content: "\e3b4";
  }
  .icon-contact-2::before {
    content: "\e463";
  }
  .icon-contact-round::before {
    content: "\e463";
  }
  .icon-contact::before {
    content: "\e09c";
  }
  .icon-container::before {
    content: "\e4d5";
  }
  .icon-contrast::before {
    content: "\e09d";
  }
  .icon-cookie::before {
    content: "\e26b";
  }
  .icon-cooking-pot::before {
    content: "\e584";
  }
  .icon-copy-check::before {
    content: "\e3fb";
  }
  .icon-copy-minus::before {
    content: "\e3fc";
  }
  .icon-copy-plus::before {
    content: "\e3fd";
  }
  .icon-copy-slash::before {
    content: "\e3fe";
  }
  .icon-copy-x::before {
    content: "\e3ff";
  }
  .icon-copy::before {
    content: "\e09e";
  }
  .icon-copyleft::before {
    content: "\e09f";
  }
  .icon-copyright::before {
    content: "\e0a0";
  }
  .icon-corner-down-left::before {
    content: "\e0a1";
  }
  .icon-corner-down-right::before {
    content: "\e0a2";
  }
  .icon-corner-left-down::before {
    content: "\e0a3";
  }
  .icon-corner-left-up::before {
    content: "\e0a4";
  }
  .icon-corner-right-down::before {
    content: "\e0a5";
  }
  .icon-corner-right-up::before {
    content: "\e0a6";
  }
  .icon-corner-up-left::before {
    content: "\e0a7";
  }
  .icon-corner-up-right::before {
    content: "\e0a8";
  }
  .icon-cpu::before {
    content: "\e0a9";
  }
  .icon-creative-commons::before {
    content: "\e3b2";
  }
  .icon-credit-card::before {
    content: "\e0aa";
  }
  .icon-croissant::before {
    content: "\e2ae";
  }
  .icon-crop::before {
    content: "\e0ab";
  }
  .icon-cross::before {
    content: "\e1e5";
  }
  .icon-crosshair::before {
    content: "\e0ac";
  }
  .icon-crown::before {
    content: "\e1d6";
  }
  .icon-cuboid::before {
    content: "\e524";
  }
  .icon-cup-soda::before {
    content: "\e2d1";
  }
  .icon-curly-braces::before {
    content: "\e36a";
  }
  .icon-currency::before {
    content: "\e230";
  }
  .icon-cylinder::before {
    content: "\e525";
  }
  .icon-dam::before {
    content: "\e606";
  }
  .icon-database-arrow-down::before {
    content: "\e716";
  }
  .icon-database-arrow-up::before {
    content: "\e717";
  }
  .icon-database-backup::before {
    content: "\e3ab";
  }
  .icon-database-check::before {
    content: "\e718";
  }
  .icon-database-minus::before {
    content: "\e719";
  }
  .icon-database-plus::before {
    content: "\e71a";
  }
  .icon-database-search::before {
    content: "\e6b1";
  }
  .icon-database-x::before {
    content: "\e71b";
  }
  .icon-database-zap::before {
    content: "\e50b";
  }
  .icon-database::before {
    content: "\e0ad";
  }
  .icon-decimals-arrow-left::before {
    content: "\e65c";
  }
  .icon-decimals-arrow-right::before {
    content: "\e65d";
  }
  .icon-delete::before {
    content: "\e0ae";
  }
  .icon-dessert::before {
    content: "\e4bb";
  }
  .icon-diameter::before {
    content: "\e526";
  }
  .icon-diamond-minus::before {
    content: "\e5e1";
  }
  .icon-diamond-percent::before {
    content: "\e51b";
  }
  .icon-diamond-plus::before {
    content: "\e5e2";
  }
  .icon-diamond::before {
    content: "\e2d2";
  }
  .icon-dice-1::before {
    content: "\e287";
  }
  .icon-dice-2::before {
    content: "\e288";
  }
  .icon-dice-3::before {
    content: "\e289";
  }
  .icon-dice-4::before {
    content: "\e28a";
  }
  .icon-dice-5::before {
    content: "\e28b";
  }
  .icon-dice-6::before {
    content: "\e28c";
  }
  .icon-dices::before {
    content: "\e2c5";
  }
  .icon-diff::before {
    content: "\e30c";
  }
  .icon-disc-2::before {
    content: "\e3f6";
  }
  .icon-disc-3::before {
    content: "\e494";
  }
  .icon-disc-album::before {
    content: "\e55c";
  }
  .icon-disc::before {
    content: "\e0af";
  }
  .icon-divide-circle::before {
    content: "\e07d";
  }
  .icon-divide-square::before {
    content: "\e16d";
  }
  .icon-divide::before {
    content: "\e0b0";
  }
  .icon-dna-off::before {
    content: "\e394";
  }
  .icon-dna::before {
    content: "\e393";
  }
  .icon-dock::before {
    content: "\e5d3";
  }
  .icon-dog::before {
    content: "\e38d";
  }
  .icon-dollar-sign::before {
    content: "\e0b1";
  }
  .icon-donut::before {
    content: "\e4bc";
  }
  .icon-door-closed-locked::before {
    content: "\e664";
  }
  .icon-door-closed::before {
    content: "\e3d5";
  }
  .icon-door-open::before {
    content: "\e3d6";
  }
  .icon-dot-square::before {
    content: "\e16e";
  }
  .icon-dot::before {
    content: "\e44f";
  }
  .icon-download-cloud::before {
    content: "\e089";
  }
  .icon-download::before {
    content: "\e0b2";
  }
  .icon-drafting-compass::before {
    content: "\e527";
  }
  .icon-drama::before {
    content: "\e521";
  }
  .icon-drill::before {
    content: "\e58d";
  }
  .icon-drone::before {
    content: "\e676";
  }
  .icon-droplet-off::before {
    content: "\e638";
  }
  .icon-droplet::before {
    content: "\e0b4";
  }
  .icon-droplets::before {
    content: "\e0b5";
  }
  .icon-drum::before {
    content: "\e55d";
  }
  .icon-drumstick::before {
    content: "\e25b";
  }
  .icon-dumbbell::before {
    content: "\e3a1";
  }
  .icon-ear-off::before {
    content: "\e383";
  }
  .icon-ear::before {
    content: "\e382";
  }
  .icon-earth-lock::before {
    content: "\e5cc";
  }
  .icon-earth::before {
    content: "\e1f3";
  }
  .icon-eclipse::before {
    content: "\e59d";
  }
  .icon-edit-2::before {
    content: "\e12f";
  }
  .icon-edit-3::before {
    content: "\e130";
  }
  .icon-edit::before {
    content: "\e172";
  }
  .icon-egg-fried::before {
    content: "\e351";
  }
  .icon-egg-off::before {
    content: "\e395";
  }
  .icon-egg::before {
    content: "\e25d";
  }
  .icon-ellipse::before {
    content: "\e6b2";
  }
  .icon-ellipsis-vertical::before {
    content: "\e0b7";
  }
  .icon-ellipsis::before {
    content: "\e0b6";
  }
  .icon-equal-approximately::before {
    content: "\e634";
  }
  .icon-equal-not::before {
    content: "\e1be";
  }
  .icon-equal-square::before {
    content: "\e16f";
  }
  .icon-equal::before {
    content: "\e1bd";
  }
  .icon-eraser::before {
    content: "\e28f";
  }
  .icon-ethernet-port::before {
    content: "\e620";
  }
  .icon-euro::before {
    content: "\e0b8";
  }
  .icon-ev-charger::before {
    content: "\e697";
  }
  .icon-expand::before {
    content: "\e21a";
  }
  .icon-external-link::before {
    content: "\e0b9";
  }
  .icon-eye-closed::before {
    content: "\e62e";
  }
  .icon-eye-dashed::before {
    content: "\e701";
  }
  .icon-eye-off::before {
    content: "\e0bb";
  }
  .icon-eye::before {
    content: "\e0ba";
  }
  .icon-factory::before {
    content: "\e29f";
  }
  .icon-fan::before {
    content: "\e379";
  }
  .icon-fast-forward::before {
    content: "\e0bd";
  }
  .icon-feather::before {
    content: "\e0be";
  }
  .icon-fence::before {
    content: "\e582";
  }
  .icon-ferris-wheel::before {
    content: "\e47f";
  }
  .icon-file-archive::before {
    content: "\e30d";
  }
  .icon-file-audio-2::before {
    content: "\e31a";
  }
  .icon-file-audio::before {
    content: "\e31a";
  }
  .icon-file-axis-3-d::before {
    content: "\e30e";
  }
  .icon-file-axis-3d::before {
    content: "\e30e";
  }
  .icon-file-badge-2::before {
    content: "\e30f";
  }
  .icon-file-badge::before {
    content: "\e30f";
  }
  .icon-file-bar-chart-2::before {
    content: "\e311";
  }
  .icon-file-bar-chart::before {
    content: "\e312";
  }
  .icon-file-box::before {
    content: "\e310";
  }
  .icon-file-braces-corner::before {
    content: "\e36c";
  }
  .icon-file-braces::before {
    content: "\e36b";
  }
  .icon-file-chart-column-increasing::before {
    content: "\e312";
  }
  .icon-file-chart-column::before {
    content: "\e311";
  }
  .icon-file-chart-line::before {
    content: "\e313";
  }
  .icon-file-chart-pie::before {
    content: "\e314";
  }
  .icon-file-check-2::before {
    content: "\e0c2";
  }
  .icon-file-check-corner::before {
    content: "\e0c2";
  }
  .icon-file-check::before {
    content: "\e0c1";
  }
  .icon-file-clock::before {
    content: "\e315";
  }
  .icon-file-code-2::before {
    content: "\e45e";
  }
  .icon-file-code-corner::before {
    content: "\e45e";
  }
  .icon-file-code::before {
    content: "\e0c3";
  }
  .icon-file-cog-2::before {
    content: "\e316";
  }
  .icon-file-cog::before {
    content: "\e316";
  }
  .icon-file-diff::before {
    content: "\e317";
  }
  .icon-file-digit::before {
    content: "\e0c4";
  }
  .icon-file-down::before {
    content: "\e318";
  }
  .icon-file-edit::before {
    content: "\e31f";
  }
  .icon-file-exclamation-point::before {
    content: "\e319";
  }
  .icon-file-headphone::before {
    content: "\e31a";
  }
  .icon-file-heart::before {
    content: "\e31b";
  }
  .icon-file-image::before {
    content: "\e31c";
  }
  .icon-file-input::before {
    content: "\e0c5";
  }
  .icon-file-json-2::before {
    content: "\e36c";
  }
  .icon-file-json::before {
    content: "\e36b";
  }
  .icon-file-key-2::before {
    content: "\e31d";
  }
  .icon-file-key::before {
    content: "\e31d";
  }
  .icon-file-line-chart::before {
    content: "\e313";
  }
  .icon-file-lock-2::before {
    content: "\e31e";
  }
  .icon-file-lock::before {
    content: "\e31e";
  }
  .icon-file-minus-2::before {
    content: "\e0c7";
  }
  .icon-file-minus-corner::before {
    content: "\e0c7";
  }
  .icon-file-minus::before {
    content: "\e0c6";
  }
  .icon-file-music::before {
    content: "\e55e";
  }
  .icon-file-output::before {
    content: "\e0c8";
  }
  .icon-file-pen-line::before {
    content: "\e320";
  }
  .icon-file-pen::before {
    content: "\e31f";
  }
  .icon-file-pie-chart::before {
    content: "\e314";
  }
  .icon-file-play::before {
    content: "\e321";
  }
  .icon-file-plus-2::before {
    content: "\e0ca";
  }
  .icon-file-plus-corner::before {
    content: "\e0ca";
  }
  .icon-file-plus::before {
    content: "\e0c9";
  }
  .icon-file-question-mark::before {
    content: "\e322";
  }
  .icon-file-question::before {
    content: "\e322";
  }
  .icon-file-scan::before {
    content: "\e323";
  }
  .icon-file-search-2::before {
    content: "\e324";
  }
  .icon-file-search-corner::before {
    content: "\e324";
  }
  .icon-file-search::before {
    content: "\e0cb";
  }
  .icon-file-signal::before {
    content: "\e325";
  }
  .icon-file-signature::before {
    content: "\e320";
  }
  .icon-file-sliders::before {
    content: "\e5a0";
  }
  .icon-file-spreadsheet::before {
    content: "\e326";
  }
  .icon-file-stack::before {
    content: "\e4a1";
  }
  .icon-file-symlink::before {
    content: "\e327";
  }
  .icon-file-terminal::before {
    content: "\e328";
  }
  .icon-file-text::before {
    content: "\e0cc";
  }
  .icon-file-type-2::before {
    content: "\e36d";
  }
  .icon-file-type-corner::before {
    content: "\e36d";
  }
  .icon-file-type::before {
    content: "\e329";
  }
  .icon-file-up::before {
    content: "\e32a";
  }
  .icon-file-user::before {
    content: "\e62d";
  }
  .icon-file-video-2::before {
    content: "\e32b";
  }
  .icon-file-video-camera::before {
    content: "\e32b";
  }
  .icon-file-video::before {
    content: "\e321";
  }
  .icon-file-volume-2::before {
    content: "\e325";
  }
  .icon-file-volume::before {
    content: "\e32c";
  }
  .icon-file-warning::before {
    content: "\e319";
  }
  .icon-file-x-2::before {
    content: "\e0ce";
  }
  .icon-file-x-corner::before {
    content: "\e0ce";
  }
  .icon-file-x::before {
    content: "\e0cd";
  }
  .icon-file::before {
    content: "\e0c0";
  }
  .icon-files::before {
    content: "\e0cf";
  }
  .icon-film::before {
    content: "\e0d0";
  }
  .icon-filter-x::before {
    content: "\e3b5";
  }
  .icon-filter::before {
    content: "\e0dc";
  }
  .icon-fingerprint-pattern::before {
    content: "\e2cb";
  }
  .icon-fingerprint::before {
    content: "\e2cb";
  }
  .icon-fire-extinguisher::before {
    content: "\e57e";
  }
  .icon-fish-off::before {
    content: "\e3b0";
  }
  .icon-fish-symbol::before {
    content: "\e4f4";
  }
  .icon-fish::before {
    content: "\e3a6";
  }
  .icon-fishing-hook::before {
    content: "\e6e4";
  }
  .icon-fishing-rod::before {
    content: "\e6b3";
  }
  .icon-flag-off::before {
    content: "\e292";
  }
  .icon-flag-triangle-left::before {
    content: "\e237";
  }
  .icon-flag-triangle-right::before {
    content: "\e238";
  }
  .icon-flag::before {
    content: "\e0d1";
  }
  .icon-flame-kindling::before {
    content: "\e53a";
  }
  .icon-flame::before {
    content: "\e0d2";
  }
  .icon-flashlight-off::before {
    content: "\e0d4";
  }
  .icon-flashlight::before {
    content: "\e0d3";
  }
  .icon-flask-conical-off::before {
    content: "\e396";
  }
  .icon-flask-conical::before {
    content: "\e0d5";
  }
  .icon-flask-round::before {
    content: "\e0d6";
  }
  .icon-flip-horizontal-2::before {
    content: "\e35e";
  }
  .icon-flip-horizontal::before {
    content: "\e35d";
  }
  .icon-flip-vertical-2::before {
    content: "\e360";
  }
  .icon-flip-vertical::before {
    content: "\e35f";
  }
  .icon-flower-2::before {
    content: "\e2d4";
  }
  .icon-flower::before {
    content: "\e2d3";
  }
  .icon-focus::before {
    content: "\e29e";
  }
  .icon-fold-horizontal::before {
    content: "\e43b";
  }
  .icon-fold-vertical::before {
    content: "\e43c";
  }
  .icon-folder-archive::before {
    content: "\e32d";
  }
  .icon-folder-bookmark::before {
    content: "\e6f1";
  }
  .icon-folder-check::before {
    content: "\e32e";
  }
  .icon-folder-clock::before {
    content: "\e32f";
  }
  .icon-folder-closed::before {
    content: "\e330";
  }
  .icon-folder-code::before {
    content: "\e5fb";
  }
  .icon-folder-cog-2::before {
    content: "\e331";
  }
  .icon-folder-cog::before {
    content: "\e331";
  }
  .icon-folder-dot::before {
    content: "\e4c5";
  }
  .icon-folder-down::before {
    content: "\e332";
  }
  .icon-folder-edit::before {
    content: "\e338";
  }
  .icon-folder-git-2::before {
    content: "\e40a";
  }
  .icon-folder-git::before {
    content: "\e409";
  }
  .icon-folder-heart::before {
    content: "\e333";
  }
  .icon-folder-input::before {
    content: "\e334";
  }
  .icon-folder-kanban::before {
    content: "\e4c6";
  }
  .icon-folder-key::before {
    content: "\e335";
  }
  .icon-folder-lock::before {
    content: "\e336";
  }
  .icon-folder-minus::before {
    content: "\e0d8";
  }
  .icon-folder-open-dot::before {
    content: "\e4c7";
  }
  .icon-folder-open::before {
    content: "\e247";
  }
  .icon-folder-output::before {
    content: "\e337";
  }
  .icon-folder-pen::before {
    content: "\e338";
  }
  .icon-folder-plus::before {
    content: "\e0d9";
  }
  .icon-folder-root::before {
    content: "\e4c8";
  }
  .icon-folder-search-2::before {
    content: "\e33a";
  }
  .icon-folder-search::before {
    content: "\e339";
  }
  .icon-folder-symlink::before {
    content: "\e33b";
  }
  .icon-folder-sync::before {
    content: "\e4c9";
  }
  .icon-folder-tree::before {
    content: "\e33c";
  }
  .icon-folder-up::before {
    content: "\e33d";
  }
  .icon-folder-x::before {
    content: "\e33e";
  }
  .icon-folder::before {
    content: "\e0d7";
  }
  .icon-folders::before {
    content: "\e33f";
  }
  .icon-footprints::before {
    content: "\e3b9";
  }
  .icon-fork-knife-crossed::before {
    content: "\e2f7";
  }
  .icon-fork-knife::before {
    content: "\e2f6";
  }
  .icon-forklift::before {
    content: "\e3c1";
  }
  .icon-form-input::before {
    content: "\e21f";
  }
  .icon-form::before {
    content: "\e6a8";
  }
  .icon-forward::before {
    content: "\e229";
  }
  .icon-frame::before {
    content: "\e291";
  }
  .icon-frown::before {
    content: "\e0db";
  }
  .icon-fuel::before {
    content: "\e2af";
  }
  .icon-fullscreen::before {
    content: "\e534";
  }
  .icon-function-square::before {
    content: "\e22d";
  }
  .icon-funnel-plus::before {
    content: "\e0dd";
  }
  .icon-funnel-x::before {
    content: "\e3b5";
  }
  .icon-funnel::before {
    content: "\e0dc";
  }
  .icon-gallery-horizontal-end::before {
    content: "\e4cf";
  }
  .icon-gallery-horizontal::before {
    content: "\e4ce";
  }
  .icon-gallery-thumbnails::before {
    content: "\e4d0";
  }
  .icon-gallery-vertical-end::before {
    content: "\e4d2";
  }
  .icon-gallery-vertical::before {
    content: "\e4d1";
  }
  .icon-gamepad-2::before {
    content: "\e0df";
  }
  .icon-gamepad-directional::before {
    content: "\e69b";
  }
  .icon-gamepad::before {
    content: "\e0de";
  }
  .icon-gantt-chart-square::before {
    content: "\e169";
  }
  .icon-gantt-chart::before {
    content: "\e4c4";
  }
  .icon-gauge-circle::before {
    content: "\e4e1";
  }
  .icon-gauge::before {
    content: "\e1bf";
  }
  .icon-gavel::before {
    content: "\e0e0";
  }
  .icon-gem::before {
    content: "\e242";
  }
  .icon-georgian-lari::before {
    content: "\e678";
  }
  .icon-ghost::before {
    content: "\e20e";
  }
  .icon-gift::before {
    content: "\e0e1";
  }
  .icon-git-branch-minus::before {
    content: "\e69c";
  }
  .icon-git-branch-plus::before {
    content: "\e1f4";
  }
  .icon-git-branch::before {
    content: "\e0e2";
  }
  .icon-git-commit-horizontal::before {
    content: "\e0e3";
  }
  .icon-git-commit-vertical::before {
    content: "\e552";
  }
  .icon-git-commit::before {
    content: "\e0e3";
  }
  .icon-git-compare-arrows::before {
    content: "\e553";
  }
  .icon-git-compare::before {
    content: "\e359";
  }
  .icon-git-fork::before {
    content: "\e28d";
  }
  .icon-git-graph::before {
    content: "\e554";
  }
  .icon-git-merge-conflict::before {
    content: "\e6b4";
  }
  .icon-git-merge::before {
    content: "\e0e4";
  }
  .icon-git-pull-request-arrow::before {
    content: "\e555";
  }
  .icon-git-pull-request-closed::before {
    content: "\e35a";
  }
  .icon-git-pull-request-create-arrow::before {
    content: "\e557";
  }
  .icon-git-pull-request-create::before {
    content: "\e556";
  }
  .icon-git-pull-request-draft::before {
    content: "\e35b";
  }
  .icon-git-pull-request::before {
    content: "\e0e5";
  }
  .icon-glass-water::before {
    content: "\e2d5";
  }
  .icon-glasses::before {
    content: "\e20d";
  }
  .icon-globe-2::before {
    content: "\e1f3";
  }
  .icon-globe-check::before {
    content: "\e6fc";
  }
  .icon-globe-lock::before {
    content: "\e5cd";
  }
  .icon-globe-off::before {
    content: "\e6b5";
  }
  .icon-globe-x::before {
    content: "\e6b6";
  }
  .icon-globe::before {
    content: "\e0e8";
  }
  .icon-goal::before {
    content: "\e4a5";
  }
  .icon-gpu::before {
    content: "\e66a";
  }
  .icon-grab::before {
    content: "\e1e6";
  }
  .icon-graduation-cap::before {
    content: "\e234";
  }
  .icon-grape::before {
    content: "\e352";
  }
  .icon-grid-2-x-2-check::before {
    content: "\e5e4";
  }
  .icon-grid-2-x-2-plus::before {
    content: "\e628";
  }
  .icon-grid-2-x-2-x::before {
    content: "\e5e5";
  }
  .icon-grid-2-x-2::before {
    content: "\e4ff";
  }
  .icon-grid-2x2-check::before {
    content: "\e5e4";
  }
  .icon-grid-2x2-plus::before {
    content: "\e628";
  }
  .icon-grid-2x2-x::before {
    content: "\e5e5";
  }
  .icon-grid-2x2::before {
    content: "\e4ff";
  }
  .icon-grid-3-x-3::before {
    content: "\e0e9";
  }
  .icon-grid-3x2::before {
    content: "\e66f";
  }
  .icon-grid-3x3::before {
    content: "\e0e9";
  }
  .icon-grid::before {
    content: "\e0e9";
  }
  .icon-grip-horizontal::before {
    content: "\e0ea";
  }
  .icon-grip-vertical::before {
    content: "\e0eb";
  }
  .icon-grip::before {
    content: "\e3b1";
  }
  .icon-group::before {
    content: "\e464";
  }
  .icon-guitar::before {
    content: "\e55f";
  }
  .icon-ham::before {
    content: "\e5d7";
  }
  .icon-hamburger::before {
    content: "\e665";
  }
  .icon-hammer::before {
    content: "\e0ec";
  }
  .icon-hand-coins::before {
    content: "\e5b8";
  }
  .icon-hand-fist::before {
    content: "\e68b";
  }
  .icon-hand-grab::before {
    content: "\e1e6";
  }
  .icon-hand-heart::before {
    content: "\e5b9";
  }
  .icon-hand-helping::before {
    content: "\e3b8";
  }
  .icon-hand-metal::before {
    content: "\e22c";
  }
  .icon-hand-platter::before {
    content: "\e5ba";
  }
  .icon-hand::before {
    content: "\e1d7";
  }
  .icon-handbag::before {
    content: "\e689";
  }
  .icon-handshake::before {
    content: "\e5c0";
  }
  .icon-hard-drive-download::before {
    content: "\e4e5";
  }
  .icon-hard-drive-upload::before {
    content: "\e4e6";
  }
  .icon-hard-drive::before {
    content: "\e0ed";
  }
  .icon-hard-hat::before {
    content: "\e0ee";
  }
  .icon-hash::before {
    content: "\e0ef";
  }
  .icon-hat-glasses::before {
    content: "\e683";
  }
  .icon-haze::before {
    content: "\e0f0";
  }
  .icon-hd::before {
    content: "\e6e5";
  }
  .icon-hdmi-port::before {
    content: "\e4e7";
  }
  .icon-heading-1::before {
    content: "\e385";
  }
  .icon-heading-2::before {
    content: "\e386";
  }
  .icon-heading-3::before {
    content: "\e387";
  }
  .icon-heading-4::before {
    content: "\e388";
  }
  .icon-heading-5::before {
    content: "\e389";
  }
  .icon-heading-6::before {
    content: "\e38a";
  }
  .icon-heading::before {
    content: "\e384";
  }
  .icon-headphone-off::before {
    content: "\e629";
  }
  .icon-headphones::before {
    content: "\e0f1";
  }
  .icon-headset::before {
    content: "\e5bd";
  }
  .icon-heart-crack::before {
    content: "\e2d6";
  }
  .icon-heart-handshake::before {
    content: "\e2d7";
  }
  .icon-heart-minus::before {
    content: "\e651";
  }
  .icon-heart-off::before {
    content: "\e295";
  }
  .icon-heart-plus::before {
    content: "\e652";
  }
  .icon-heart-pulse::before {
    content: "\e36e";
  }
  .icon-heart-x::before {
    content: "\e6ed";
  }
  .icon-heart::before {
    content: "\e0f2";
  }
  .icon-heater::before {
    content: "\e58e";
  }
  .icon-helicopter::before {
    content: "\e69d";
  }
  .icon-help-circle::before {
    content: "\e082";
  }
  .icon-helping-hand::before {
    content: "\e3b8";
  }
  .icon-hexagon::before {
    content: "\e0f3";
  }
  .icon-highlighter::before {
    content: "\e0f4";
  }
  .icon-history::before {
    content: "\e1f5";
  }
  .icon-home::before {
    content: "\e0f5";
  }
  .icon-hop-off::before {
    content: "\e398";
  }
  .icon-hop::before {
    content: "\e397";
  }
  .icon-hospital::before {
    content: "\e5d8";
  }
  .icon-hotel::before {
    content: "\e3e2";
  }
  .icon-hourglass::before {
    content: "\e296";
  }
  .icon-house-heart::before {
    content: "\e695";
  }
  .icon-house-plug::before {
    content: "\e5f0";
  }
  .icon-house-plus::before {
    content: "\e5f1";
  }
  .icon-house-wifi::before {
    content: "\e63c";
  }
  .icon-house::before {
    content: "\e0f5";
  }
  .icon-ice-cream-2::before {
    content: "\e3a7";
  }
  .icon-ice-cream-bowl::before {
    content: "\e3a7";
  }
  .icon-ice-cream-cone::before {
    content: "\e353";
  }
  .icon-ice-cream::before {
    content: "\e353";
  }
  .icon-id-card-lanyard::before {
    content: "\e670";
  }
  .icon-id-card::before {
    content: "\e617";
  }
  .icon-image-down::before {
    content: "\e53c";
  }
  .icon-image-minus::before {
    content: "\e1f6";
  }
  .icon-image-off::before {
    content: "\e1c0";
  }
  .icon-image-play::before {
    content: "\e5df";
  }
  .icon-image-plus::before {
    content: "\e1f7";
  }
  .icon-image-up::before {
    content: "\e5cb";
  }
  .icon-image-upscale::before {
    content: "\e637";
  }
  .icon-image::before {
    content: "\e0f6";
  }
  .icon-images::before {
    content: "\e5c4";
  }
  .icon-import::before {
    content: "\e22f";
  }
  .icon-inbox::before {
    content: "\e0f7";
  }
  .icon-indent-decrease::before {
    content: "\e107";
  }
  .icon-indent-increase::before {
    content: "\e108";
  }
  .icon-indent::before {
    content: "\e108";
  }
  .icon-indian-rupee::before {
    content: "\e0f8";
  }
  .icon-infinity::before {
    content: "\e1e7";
  }
  .icon-info::before {
    content: "\e0f9";
  }
  .icon-inspect::before {
    content: "\e202";
  }
  .icon-inspection-panel::before {
    content: "\e583";
  }
  .icon-italic::before {
    content: "\e0fb";
  }
  .icon-iteration-ccw::before {
    content: "\e423";
  }
  .icon-iteration-cw::before {
    content: "\e424";
  }
  .icon-japanese-yen::before {
    content: "\e0fc";
  }
  .icon-joystick::before {
    content: "\e355";
  }
  .icon-kanban-square-dashed::before {
    content: "\e16c";
  }
  .icon-kanban-square::before {
    content: "\e170";
  }
  .icon-kanban::before {
    content: "\e4dc";
  }
  .icon-kayak::before {
    content: "\e68f";
  }
  .icon-key-round::before {
    content: "\e4a3";
  }
  .icon-key-square::before {
    content: "\e4a4";
  }
  .icon-key::before {
    content: "\e0fd";
  }
  .icon-keyboard-music::before {
    content: "\e560";
  }
  .icon-keyboard-off::before {
    content: "\e5de";
  }
  .icon-keyboard::before {
    content: "\e284";
  }
  .icon-lamp-ceiling::before {
    content: "\e2d9";
  }
  .icon-lamp-desk::before {
    content: "\e2da";
  }
  .icon-lamp-floor::before {
    content: "\e2db";
  }
  .icon-lamp-wall-down::before {
    content: "\e2dc";
  }
  .icon-lamp-wall-up::before {
    content: "\e2dd";
  }
  .icon-lamp::before {
    content: "\e2d8";
  }
  .icon-land-plot::before {
    content: "\e528";
  }
  .icon-landmark::before {
    content: "\e23a";
  }
  .icon-languages::before {
    content: "\e0fe";
  }
  .icon-laptop-2::before {
    content: "\e1d8";
  }
  .icon-laptop-minimal-check::before {
    content: "\e632";
  }
  .icon-laptop-minimal::before {
    content: "\e1d8";
  }
  .icon-laptop::before {
    content: "\e1cd";
  }
  .icon-lasso-select::before {
    content: "\e1cf";
  }
  .icon-lasso::before {
    content: "\e1ce";
  }
  .icon-laugh::before {
    content: "\e300";
  }
  .icon-layers-2::before {
    content: "\e52a";
  }
  .icon-layers-3::before {
    content: "\e529";
  }
  .icon-layers-minus::before {
    content: "\e6ee";
  }
  .icon-layers-plus::before {
    content: "\e6e6";
  }
  .icon-layers::before {
    content: "\e529";
  }
  .icon-layout-dashboard::before {
    content: "\e1c1";
  }
  .icon-layout-grid::before {
    content: "\e0ff";
  }
  .icon-layout-list::before {
    content: "\e1d9";
  }
  .icon-layout-panel-left::before {
    content: "\e470";
  }
  .icon-layout-panel-top::before {
    content: "\e471";
  }
  .icon-layout-template::before {
    content: "\e207";
  }
  .icon-layout::before {
    content: "\e12c";
  }
  .icon-leaf::before {
    content: "\e2de";
  }
  .icon-leafy-green::before {
    content: "\e46f";
  }
  .icon-lectern::before {
    content: "\e5e9";
  }
  .icon-lens-concave::before {
    content: "\e6b7";
  }
  .icon-lens-convex::before {
    content: "\e6b8";
  }
  .icon-letter-text::before {
    content: "\e605";
  }
  .icon-library-big::before {
    content: "\e54e";
  }
  .icon-library-square::before {
    content: "\e54f";
  }
  .icon-library::before {
    content: "\e100";
  }
  .icon-life-buoy::before {
    content: "\e101";
  }
  .icon-ligature::before {
    content: "\e43a";
  }
  .icon-lightbulb-off::before {
    content: "\e208";
  }
  .icon-lightbulb::before {
    content: "\e1c2";
  }
  .icon-line-chart::before {
    content: "\e2a5";
  }
  .icon-line-dot-right-horizontal::before {
    content: "\e6b9";
  }
  .icon-line-squiggle::before {
    content: "\e67a";
  }
  .icon-line-style::before {
    content: "\e6da";
  }
  .icon-link-2-off::before {
    content: "\e104";
  }
  .icon-link-2::before {
    content: "\e103";
  }
  .icon-link::before {
    content: "\e102";
  }
  .icon-list-check::before {
    content: "\e5fa";
  }
  .icon-list-checks::before {
    content: "\e1d0";
  }
  .icon-list-chevrons-down-up::before {
    content: "\e694";
  }
  .icon-list-chevrons-up-down::before {
    content: "\e696";
  }
  .icon-list-collapse::before {
    content: "\e59b";
  }
  .icon-list-end::before {
    content: "\e2df";
  }
  .icon-list-filter-plus::before {
    content: "\e639";
  }
  .icon-list-filter::before {
    content: "\e460";
  }
  .icon-list-indent-decrease::before {
    content: "\e107";
  }
  .icon-list-indent-increase::before {
    content: "\e108";
  }
  .icon-list-minus::before {
    content: "\e23e";
  }
  .icon-list-music::before {
    content: "\e2e0";
  }
  .icon-list-ordered::before {
    content: "\e1d1";
  }
  .icon-list-plus::before {
    content: "\e23f";
  }
  .icon-list-restart::before {
    content: "\e452";
  }
  .icon-list-sort-ascending::before {
    content: "\e702";
  }
  .icon-list-sort-descending::before {
    content: "\e703";
  }
  .icon-list-start::before {
    content: "\e2e1";
  }
  .icon-list-todo::before {
    content: "\e4c3";
  }
  .icon-list-tree::before {
    content: "\e408";
  }
  .icon-list-video::before {
    content: "\e2e2";
  }
  .icon-list-x::before {
    content: "\e240";
  }
  .icon-list::before {
    content: "\e106";
  }
  .icon-loader-2::before {
    content: "\e10a";
  }
  .icon-loader-circle::before {
    content: "\e10a";
  }
  .icon-loader-pinwheel::before {
    content: "\e5e6";
  }
  .icon-loader::before {
    content: "\e109";
  }
  .icon-locate-fixed::before {
    content: "\e1db";
  }
  .icon-locate-off::before {
    content: "\e282";
  }
  .icon-locate::before {
    content: "\e1da";
  }
  .icon-location-edit::before {
    content: "\e655";
  }
  .icon-lock-keyhole-open::before {
    content: "\e532";
  }
  .icon-lock-keyhole::before {
    content: "\e531";
  }
  .icon-lock-open::before {
    content: "\e10c";
  }
  .icon-lock::before {
    content: "\e10b";
  }
  .icon-log-in::before {
    content: "\e10d";
  }
  .icon-log-out::before {
    content: "\e10e";
  }
  .icon-logs::before {
    content: "\e5f4";
  }
  .icon-lollipop::before {
    content: "\e4bd";
  }
  .icon-luggage::before {
    content: "\e2ca";
  }
  .icon-m-square::before {
    content: "\e503";
  }
  .icon-magnet::before {
    content: "\e2b5";
  }
  .icon-mail-check::before {
    content: "\e361";
  }
  .icon-mail-minus::before {
    content: "\e362";
  }
  .icon-mail-open::before {
    content: "\e363";
  }
  .icon-mail-plus::before {
    content: "\e364";
  }
  .icon-mail-question-mark::before {
    content: "\e365";
  }
  .icon-mail-question::before {
    content: "\e365";
  }
  .icon-mail-search::before {
    content: "\e366";
  }
  .icon-mail-warning::before {
    content: "\e367";
  }
  .icon-mail-x::before {
    content: "\e368";
  }
  .icon-mail::before {
    content: "\e10f";
  }
  .icon-mailbox::before {
    content: "\e3d4";
  }
  .icon-mails::before {
    content: "\e369";
  }
  .icon-map-minus::before {
    content: "\e686";
  }
  .icon-map-pin-check-inside::before {
    content: "\e610";
  }
  .icon-map-pin-check::before {
    content: "\e60f";
  }
  .icon-map-pin-house::before {
    content: "\e61c";
  }
  .icon-map-pin-minus-inside::before {
    content: "\e612";
  }
  .icon-map-pin-minus::before {
    content: "\e611";
  }
  .icon-map-pin-off::before {
    content: "\e2a6";
  }
  .icon-map-pin-pen::before {
    content: "\e655";
  }
  .icon-map-pin-plus-inside::before {
    content: "\e614";
  }
  .icon-map-pin-plus::before {
    content: "\e613";
  }
  .icon-map-pin-search::before {
    content: "\e6de";
  }
  .icon-map-pin-x-inside::before {
    content: "\e616";
  }
  .icon-map-pin-x::before {
    content: "\e615";
  }
  .icon-map-pin::before {
    content: "\e111";
  }
  .icon-map-pinned::before {
    content: "\e53d";
  }
  .icon-map-plus::before {
    content: "\e63f";
  }
  .icon-map::before {
    content: "\e110";
  }
  .icon-mars-stroke::before {
    content: "\e642";
  }
  .icon-mars::before {
    content: "\e641";
  }
  .icon-martini::before {
    content: "\e2e3";
  }
  .icon-maximize-2::before {
    content: "\e113";
  }
  .icon-maximize::before {
    content: "\e112";
  }
  .icon-medal::before {
    content: "\e36f";
  }
  .icon-megaphone-off::before {
    content: "\e370";
  }
  .icon-megaphone::before {
    content: "\e235";
  }
  .icon-meh::before {
    content: "\e114";
  }
  .icon-memory-stick::before {
    content: "\e445";
  }
  .icon-menu-square::before {
    content: "\e453";
  }
  .icon-menu::before {
    content: "\e115";
  }
  .icon-merge::before {
    content: "\e43f";
  }
  .icon-message-circle-check::before {
    content: "\e6ba";
  }
  .icon-message-circle-code::before {
    content: "\e562";
  }
  .icon-message-circle-dashed::before {
    content: "\e563";
  }
  .icon-message-circle-heart::before {
    content: "\e564";
  }
  .icon-message-circle-more::before {
    content: "\e565";
  }
  .icon-message-circle-off::before {
    content: "\e566";
  }
  .icon-message-circle-plus::before {
    content: "\e567";
  }
  .icon-message-circle-question-mark::before {
    content: "\e568";
  }
  .icon-message-circle-question::before {
    content: "\e568";
  }
  .icon-message-circle-reply::before {
    content: "\e569";
  }
  .icon-message-circle-warning::before {
    content: "\e56a";
  }
  .icon-message-circle-x::before {
    content: "\e56b";
  }
  .icon-message-circle::before {
    content: "\e116";
  }
  .icon-message-square-check::before {
    content: "\e6bb";
  }
  .icon-message-square-code::before {
    content: "\e56c";
  }
  .icon-message-square-dashed::before {
    content: "\e40b";
  }
  .icon-message-square-diff::before {
    content: "\e56d";
  }
  .icon-message-square-dot::before {
    content: "\e56e";
  }
  .icon-message-square-heart::before {
    content: "\e56f";
  }
  .icon-message-square-lock::before {
    content: "\e62c";
  }
  .icon-message-square-more::before {
    content: "\e570";
  }
  .icon-message-square-off::before {
    content: "\e571";
  }
  .icon-message-square-plus::before {
    content: "\e40c";
  }
  .icon-message-square-quote::before {
    content: "\e572";
  }
  .icon-message-square-reply::before {
    content: "\e573";
  }
  .icon-message-square-share::before {
    content: "\e574";
  }
  .icon-message-square-text::before {
    content: "\e575";
  }
  .icon-message-square-warning::before {
    content: "\e576";
  }
  .icon-message-square-x::before {
    content: "\e577";
  }
  .icon-message-square::before {
    content: "\e117";
  }
  .icon-messages-square::before {
    content: "\e40d";
  }
  .icon-metronome::before {
    content: "\e6bc";
  }
  .icon-mic-2::before {
    content: "\e349";
  }
  .icon-mic-off::before {
    content: "\e119";
  }
  .icon-mic-vocal::before {
    content: "\e349";
  }
  .icon-mic::before {
    content: "\e118";
  }
  .icon-microchip::before {
    content: "\e61a";
  }
  .icon-microscope::before {
    content: "\e2e4";
  }
  .icon-microwave::before {
    content: "\e37a";
  }
  .icon-milestone::before {
    content: "\e298";
  }
  .icon-milk-off::before {
    content: "\e39a";
  }
  .icon-milk::before {
    content: "\e399";
  }
  .icon-minimize-2::before {
    content: "\e11b";
  }
  .icon-minimize::before {
    content: "\e11a";
  }
  .icon-minus-circle::before {
    content: "\e07e";
  }
  .icon-minus-square::before {
    content: "\e171";
  }
  .icon-minus::before {
    content: "\e11c";
  }
  .icon-mirror-rectangular::before {
    content: "\e6bd";
  }
  .icon-mirror-round::before {
    content: "\e6be";
  }
  .icon-monitor-check::before {
    content: "\e482";
  }
  .icon-monitor-cloud::before {
    content: "\e699";
  }
  .icon-monitor-cog::before {
    content: "\e603";
  }
  .icon-monitor-dot::before {
    content: "\e483";
  }
  .icon-monitor-down::before {
    content: "\e421";
  }
  .icon-monitor-off::before {
    content: "\e1dc";
  }
  .icon-monitor-pause::before {
    content: "\e484";
  }
  .icon-monitor-play::before {
    content: "\e485";
  }
  .icon-monitor-smartphone::before {
    content: "\e3a2";
  }
  .icon-monitor-speaker::before {
    content: "\e210";
  }
  .icon-monitor-stop::before {
    content: "\e486";
  }
  .icon-monitor-up::before {
    content: "\e422";
  }
  .icon-monitor-x::before {
    content: "\e487";
  }
  .icon-monitor::before {
    content: "\e11d";
  }
  .icon-moon-star::before {
    content: "\e410";
  }
  .icon-moon::before {
    content: "\e11e";
  }
  .icon-more-horizontal::before {
    content: "\e0b6";
  }
  .icon-more-vertical::before {
    content: "\e0b7";
  }
  .icon-motorbike::before {
    content: "\e698";
  }
  .icon-mountain-snow::before {
    content: "\e232";
  }
  .icon-mountain::before {
    content: "\e231";
  }
  .icon-mouse-left::before {
    content: "\e6bf";
  }
  .icon-mouse-off::before {
    content: "\e5db";
  }
  .icon-mouse-pointer-2-off::before {
    content: "\e6a6";
  }
  .icon-mouse-pointer-2::before {
    content: "\e1c3";
  }
  .icon-mouse-pointer-ban::before {
    content: "\e5e7";
  }
  .icon-mouse-pointer-click::before {
    content: "\e120";
  }
  .icon-mouse-pointer-square-dashed::before {
    content: "\e509";
  }
  .icon-mouse-pointer::before {
    content: "\e11f";
  }
  .icon-mouse-right::before {
    content: "\e6c0";
  }
  .icon-mouse::before {
    content: "\e28e";
  }
  .icon-move-3-d::before {
    content: "\e2e5";
  }
  .icon-move-3d::before {
    content: "\e2e5";
  }
  .icon-move-diagonal-2::before {
    content: "\e1c5";
  }
  .icon-move-diagonal::before {
    content: "\e1c4";
  }
  .icon-move-down-left::before {
    content: "\e48d";
  }
  .icon-move-down-right::before {
    content: "\e48e";
  }
  .icon-move-down::before {
    content: "\e48c";
  }
  .icon-move-horizontal::before {
    content: "\e1c6";
  }
  .icon-move-left::before {
    content: "\e48f";
  }
  .icon-move-right::before {
    content: "\e490";
  }
  .icon-move-up-left::before {
    content: "\e492";
  }
  .icon-move-up-right::before {
    content: "\e493";
  }
  .icon-move-up::before {
    content: "\e491";
  }
  .icon-move-vertical::before {
    content: "\e1c7";
  }
  .icon-move::before {
    content: "\e121";
  }
  .icon-music-2::before {
    content: "\e34a";
  }
  .icon-music-3::before {
    content: "\e34b";
  }
  .icon-music-4::before {
    content: "\e34c";
  }
  .icon-music::before {
    content: "\e122";
  }
  .icon-navigation-2-off::before {
    content: "\e2a7";
  }
  .icon-navigation-2::before {
    content: "\e124";
  }
  .icon-navigation-off::before {
    content: "\e2a8";
  }
  .icon-navigation::before {
    content: "\e123";
  }
  .icon-network::before {
    content: "\e125";
  }
  .icon-newspaper::before {
    content: "\e348";
  }
  .icon-nfc::before {
    content: "\e3c3";
  }
  .icon-non-binary::before {
    content: "\e643";
  }
  .icon-notebook-pen::before {
    content: "\e596";
  }
  .icon-notebook-tabs::before {
    content: "\e597";
  }
  .icon-notebook-text::before {
    content: "\e598";
  }
  .icon-notebook::before {
    content: "\e595";
  }
  .icon-notepad-text-dashed::before {
    content: "\e59a";
  }
  .icon-notepad-text::before {
    content: "\e599";
  }
  .icon-nut-off::before {
    content: "\e39c";
  }
  .icon-nut::before {
    content: "\e39b";
  }
  .icon-octagon-alert::before {
    content: "\e127";
  }
  .icon-octagon-minus::before {
    content: "\e627";
  }
  .icon-octagon-pause::before {
    content: "\e21b";
  }
  .icon-octagon-x::before {
    content: "\e128";
  }
  .icon-octagon::before {
    content: "\e126";
  }
  .icon-omega::before {
    content: "\e619";
  }
  .icon-option::before {
    content: "\e1f8";
  }
  .icon-orbit::before {
    content: "\e3e7";
  }
  .icon-origami::before {
    content: "\e5e3";
  }
  .icon-outdent::before {
    content: "\e107";
  }
  .icon-package-2::before {
    content: "\e340";
  }
  .icon-package-check::before {
    content: "\e266";
  }
  .icon-package-minus::before {
    content: "\e267";
  }
  .icon-package-open::before {
    content: "\e2cc";
  }
  .icon-package-plus::before {
    content: "\e268";
  }
  .icon-package-search::before {
    content: "\e269";
  }
  .icon-package-x::before {
    content: "\e26a";
  }
  .icon-package::before {
    content: "\e129";
  }
  .icon-paint-bucket::before {
    content: "\e2e6";
  }
  .icon-paint-roller::before {
    content: "\e59e";
  }
  .icon-paintbrush-2::before {
    content: "\e2e8";
  }
  .icon-paintbrush-vertical::before {
    content: "\e2e8";
  }
  .icon-paintbrush::before {
    content: "\e2e7";
  }
  .icon-palette::before {
    content: "\e1dd";
  }
  .icon-palmtree::before {
    content: "\e281";
  }
  .icon-panda::before {
    content: "\e668";
  }
  .icon-panel-bottom-close::before {
    content: "\e42d";
  }
  .icon-panel-bottom-dashed::before {
    content: "\e42e";
  }
  .icon-panel-bottom-inactive::before {
    content: "\e42e";
  }
  .icon-panel-bottom-open::before {
    content: "\e42f";
  }
  .icon-panel-bottom::before {
    content: "\e42c";
  }
  .icon-panel-left-close::before {
    content: "\e21c";
  }
  .icon-panel-left-dashed::before {
    content: "\e430";
  }
  .icon-panel-left-inactive::before {
    content: "\e430";
  }
  .icon-panel-left-open::before {
    content: "\e21d";
  }
  .icon-panel-left-right-dashed::before {
    content: "\e692";
  }
  .icon-panel-left::before {
    content: "\e12a";
  }
  .icon-panel-right-close::before {
    content: "\e432";
  }
  .icon-panel-right-dashed::before {
    content: "\e433";
  }
  .icon-panel-right-inactive::before {
    content: "\e433";
  }
  .icon-panel-right-open::before {
    content: "\e434";
  }
  .icon-panel-right::before {
    content: "\e431";
  }
  .icon-panel-top-bottom-dashed::before {
    content: "\e693";
  }
  .icon-panel-top-close::before {
    content: "\e436";
  }
  .icon-panel-top-dashed::before {
    content: "\e437";
  }
  .icon-panel-top-inactive::before {
    content: "\e437";
  }
  .icon-panel-top-open::before {
    content: "\e438";
  }
  .icon-panel-top::before {
    content: "\e435";
  }
  .icon-panels-left-bottom::before {
    content: "\e12b";
  }
  .icon-panels-left-right::before {
    content: "\e099";
  }
  .icon-panels-right-bottom::before {
    content: "\e588";
  }
  .icon-panels-top-bottom::before {
    content: "\e58a";
  }
  .icon-panels-top-left::before {
    content: "\e12c";
  }
  .icon-paper-bag::before {
    content: "\e71d";
  }
  .icon-paperclip::before {
    content: "\e12d";
  }
  .icon-parasol::before {
    content: "\e6fd";
  }
  .icon-parentheses::before {
    content: "\e444";
  }
  .icon-parking-circle-off::before {
    content: "\e3ca";
  }
  .icon-parking-circle::before {
    content: "\e3c9";
  }
  .icon-parking-meter::before {
    content: "\e500";
  }
  .icon-parking-square-off::before {
    content: "\e3cc";
  }
  .icon-parking-square::before {
    content: "\e3cb";
  }
  .icon-party-popper::before {
    content: "\e343";
  }
  .icon-pause-circle::before {
    content: "\e07f";
  }
  .icon-pause-octagon::before {
    content: "\e21b";
  }
  .icon-pause::before {
    content: "\e12e";
  }
  .icon-paw-print::before {
    content: "\e4f5";
  }
  .icon-pc-case::before {
    content: "\e446";
  }
  .icon-pen-box::before {
    content: "\e172";
  }
  .icon-pen-line::before {
    content: "\e130";
  }
  .icon-pen-off::before {
    content: "\e5ee";
  }
  .icon-pen-square::before {
    content: "\e172";
  }
  .icon-pen-tool::before {
    content: "\e131";
  }
  .icon-pen::before {
    content: "\e12f";
  }
  .icon-pencil-line::before {
    content: "\e4f0";
  }
  .icon-pencil-off::before {
    content: "\e5ef";
  }
  .icon-pencil-ruler::before {
    content: "\e4f1";
  }
  .icon-pencil-sparkles::before {
    content: "\e70f";
  }
  .icon-pencil::before {
    content: "\e1f9";
  }
  .icon-pentagon::before {
    content: "\e52b";
  }
  .icon-percent-circle::before {
    content: "\e51a";
  }
  .icon-percent-diamond::before {
    content: "\e51b";
  }
  .icon-percent-square::before {
    content: "\e51c";
  }
  .icon-percent::before {
    content: "\e132";
  }
  .icon-person-standing::before {
    content: "\e21e";
  }
  .icon-phi::before {
    content: "\e71c";
  }
  .icon-philippine-peso::before {
    content: "\e604";
  }
  .icon-phone-call::before {
    content: "\e134";
  }
  .icon-phone-forwarded::before {
    content: "\e135";
  }
  .icon-phone-incoming::before {
    content: "\e136";
  }
  .icon-phone-missed::before {
    content: "\e137";
  }
  .icon-phone-off::before {
    content: "\e138";
  }
  .icon-phone-outgoing::before {
    content: "\e139";
  }
  .icon-phone::before {
    content: "\e133";
  }
  .icon-pi-square::before {
    content: "\e488";
  }
  .icon-pi::before {
    content: "\e472";
  }
  .icon-piano::before {
    content: "\e561";
  }
  .icon-pickaxe::before {
    content: "\e5c6";
  }
  .icon-picture-in-picture-2::before {
    content: "\e3af";
  }
  .icon-picture-in-picture::before {
    content: "\e3ae";
  }
  .icon-pie-chart::before {
    content: "\e06b";
  }
  .icon-piggy-bank::before {
    content: "\e13a";
  }
  .icon-pilcrow-left::before {
    content: "\e5dc";
  }
  .icon-pilcrow-right::before {
    content: "\e5dd";
  }
  .icon-pilcrow-square::before {
    content: "\e48b";
  }
  .icon-pilcrow::before {
    content: "\e3a3";
  }
  .icon-pill-bottle::before {
    content: "\e5ea";
  }
  .icon-pill::before {
    content: "\e3bd";
  }
  .icon-pin-off::before {
    content: "\e2b6";
  }
  .icon-pin::before {
    content: "\e259";
  }
  .icon-pipette::before {
    content: "\e13b";
  }
  .icon-pizza::before {
    content: "\e354";
  }
  .icon-plane-landing::before {
    content: "\e3cd";
  }
  .icon-plane-takeoff::before {
    content: "\e3ce";
  }
  .icon-plane::before {
    content: "\e1de";
  }
  .icon-play-circle::before {
    content: "\e080";
  }
  .icon-play-off::before {
    content: "\e6fe";
  }
  .icon-play-square::before {
    content: "\e481";
  }
  .icon-play::before {
    content: "\e13c";
  }
  .icon-plug-2::before {
    content: "\e380";
  }
  .icon-plug-zap-2::before {
    content: "\e45c";
  }
  .icon-plug-zap::before {
    content: "\e45c";
  }
  .icon-plug::before {
    content: "\e37f";
  }
  .icon-plus-circle::before {
    content: "\e081";
  }
  .icon-plus-square::before {
    content: "\e173";
  }
  .icon-plus::before {
    content: "\e13d";
  }
  .icon-pocket-knife::before {
    content: "\e4a0";
  }
  .icon-podcast::before {
    content: "\e1fa";
  }
  .icon-podium::before {
    content: "\e704";
  }
  .icon-pointer-off::before {
    content: "\e57f";
  }
  .icon-pointer::before {
    content: "\e1e8";
  }
  .icon-popcorn::before {
    content: "\e4be";
  }
  .icon-popsicle::before {
    content: "\e4bf";
  }
  .icon-pound-sterling::before {
    content: "\e13f";
  }
  .icon-power-circle::before {
    content: "\e550";
  }
  .icon-power-off::before {
    content: "\e209";
  }
  .icon-power-square::before {
    content: "\e551";
  }
  .icon-power::before {
    content: "\e140";
  }
  .icon-presentation::before {
    content: "\e4ae";
  }
  .icon-printer-check::before {
    content: "\e5f5";
  }
  .icon-printer-x::before {
    content: "\e6c1";
  }
  .icon-printer::before {
    content: "\e141";
  }
  .icon-projector::before {
    content: "\e4af";
  }
  .icon-proportions::before {
    content: "\e5cf";
  }
  .icon-puzzle::before {
    content: "\e29c";
  }
  .icon-pyramid::before {
    content: "\e52c";
  }
  .icon-qr-code::before {
    content: "\e1df";
  }
  .icon-quote::before {
    content: "\e239";
  }
  .icon-rabbit::before {
    content: "\e4f6";
  }
  .icon-radar::before {
    content: "\e497";
  }
  .icon-radiation::before {
    content: "\e442";
  }
  .icon-radical::before {
    content: "\e5c2";
  }
  .icon-radio-off::before {
    content: "\e6dd";
  }
  .icon-radio-receiver::before {
    content: "\e1fb";
  }
  .icon-radio-tower::before {
    content: "\e404";
  }
  .icon-radio::before {
    content: "\e142";
  }
  .icon-radius::before {
    content: "\e52d";
  }
  .icon-rainbow::before {
    content: "\e4c2";
  }
  .icon-rat::before {
    content: "\e3eb";
  }
  .icon-ratio::before {
    content: "\e4e8";
  }
  .icon-receipt-cent::before {
    content: "\e5a5";
  }
  .icon-receipt-euro::before {
    content: "\e5a6";
  }
  .icon-receipt-indian-rupee::before {
    content: "\e5a7";
  }
  .icon-receipt-japanese-yen::before {
    content: "\e5a8";
  }
  .icon-receipt-pound-sterling::before {
    content: "\e5a9";
  }
  .icon-receipt-russian-ruble::before {
    content: "\e5aa";
  }
  .icon-receipt-swiss-franc::before {
    content: "\e5ab";
  }
  .icon-receipt-text::before {
    content: "\e5ac";
  }
  .icon-receipt-turkish-lira::before {
    content: "\e67f";
  }
  .icon-receipt::before {
    content: "\e3d3";
  }
  .icon-rectangle-circle::before {
    content: "\e673";
  }
  .icon-rectangle-ellipsis::before {
    content: "\e21f";
  }
  .icon-rectangle-goggles::before {
    content: "\e656";
  }
  .icon-rectangle-horizontal::before {
    content: "\e376";
  }
  .icon-rectangle-vertical::before {
    content: "\e377";
  }
  .icon-recycle::before {
    content: "\e2e9";
  }
  .icon-redo-2::before {
    content: "\e2a0";
  }
  .icon-redo-dot::before {
    content: "\e450";
  }
  .icon-redo::before {
    content: "\e143";
  }
  .icon-refresh-ccw-dot::before {
    content: "\e4b2";
  }
  .icon-refresh-ccw::before {
    content: "\e144";
  }
  .icon-refresh-cw-off::before {
    content: "\e498";
  }
  .icon-refresh-cw::before {
    content: "\e145";
  }
  .icon-refrigerator::before {
    content: "\e37b";
  }
  .icon-regex::before {
    content: "\e1fc";
  }
  .icon-remove-formatting::before {
    content: "\e3b3";
  }
  .icon-repeat-1::before {
    content: "\e1fd";
  }
  .icon-repeat-2::before {
    content: "\e411";
  }
  .icon-repeat-off::before {
    content: "\e6f3";
  }
  .icon-repeat::before {
    content: "\e146";
  }
  .icon-replace-all::before {
    content: "\e3dc";
  }
  .icon-replace::before {
    content: "\e3db";
  }
  .icon-reply-all::before {
    content: "\e22b";
  }
  .icon-reply::before {
    content: "\e22a";
  }
  .icon-rewind::before {
    content: "\e147";
  }
  .icon-ribbon::before {
    content: "\e558";
  }
  .icon-road::before {
    content: "\e6d9";
  }
  .icon-rocket::before {
    content: "\e286";
  }
  .icon-rocking-chair::before {
    content: "\e233";
  }
  .icon-roller-coaster::before {
    content: "\e480";
  }
  .icon-rose::before {
    content: "\e691";
  }
  .icon-rotate-3-d::before {
    content: "\e2ea";
  }
  .icon-rotate-3d::before {
    content: "\e2ea";
  }
  .icon-rotate-ccw-key::before {
    content: "\e650";
  }
  .icon-rotate-ccw-square::before {
    content: "\e5d0";
  }
  .icon-rotate-ccw::before {
    content: "\e148";
  }
  .icon-rotate-cw-square::before {
    content: "\e5d1";
  }
  .icon-rotate-cw::before {
    content: "\e149";
  }
  .icon-route-off::before {
    content: "\e53f";
  }
  .icon-route::before {
    content: "\e53e";
  }
  .icon-router::before {
    content: "\e3bf";
  }
  .icon-rows-2::before {
    content: "\e439";
  }
  .icon-rows-3::before {
    content: "\e58a";
  }
  .icon-rows-4::before {
    content: "\e58b";
  }
  .icon-rows::before {
    content: "\e439";
  }
  .icon-rss::before {
    content: "\e14a";
  }
  .icon-ruler-dimension-line::before {
    content: "\e662";
  }
  .icon-ruler::before {
    content: "\e14b";
  }
  .icon-russian-ruble::before {
    content: "\e14c";
  }
  .icon-sailboat::before {
    content: "\e37e";
  }
  .icon-salad::before {
    content: "\e3a8";
  }
  .icon-sandwich::before {
    content: "\e3a9";
  }
  .icon-satellite-dish::before {
    content: "\e448";
  }
  .icon-satellite::before {
    content: "\e447";
  }
  .icon-saudi-riyal::before {
    content: "\e64b";
  }
  .icon-save-all::before {
    content: "\e40f";
  }
  .icon-save-check::before {
    content: "\e710";
  }
  .icon-save-off::before {
    content: "\e5f3";
  }
  .icon-save-pen::before {
    content: "\e705";
  }
  .icon-save-plus::before {
    content: "\e706";
  }
  .icon-save::before {
    content: "\e14d";
  }
  .icon-scale-3-d::before {
    content: "\e2eb";
  }
  .icon-scale-3d::before {
    content: "\e2eb";
  }
  .icon-scale::before {
    content: "\e212";
  }
  .icon-scaling::before {
    content: "\e2ec";
  }
  .icon-scan-barcode::before {
    content: "\e535";
  }
  .icon-scan-box::before {
    content: "\e720";
  }
  .icon-scan-eye::before {
    content: "\e536";
  }
  .icon-scan-face::before {
    content: "\e371";
  }
  .icon-scan-heart::before {
    content: "\e63a";
  }
  .icon-scan-line::before {
    content: "\e258";
  }
  .icon-scan-qr-code::before {
    content: "\e5f6";
  }
  .icon-scan-search::before {
    content: "\e537";
  }
  .icon-scan-text::before {
    content: "\e538";
  }
  .icon-scan::before {
    content: "\e257";
  }
  .icon-scatter-chart::before {
    content: "\e48a";
  }
  .icon-school-2::before {
    content: "\e3e5";
  }
  .icon-school::before {
    content: "\e3e3";
  }
  .icon-scissors-line-dashed::before {
    content: "\e4e9";
  }
  .icon-scissors-square-dashed-bottom::before {
    content: "\e4eb";
  }
  .icon-scissors-square::before {
    content: "\e4ec";
  }
  .icon-scissors::before {
    content: "\e14e";
  }
  .icon-scooter::before {
    content: "\e6ac";
  }
  .icon-screen-share-off::before {
    content: "\e150";
  }
  .icon-screen-share::before {
    content: "\e14f";
  }
  .icon-scroll-text::before {
    content: "\e45f";
  }
  .icon-scroll::before {
    content: "\e2ed";
  }
  .icon-search-alert::before {
    content: "\e6e7";
  }
  .icon-search-check::before {
    content: "\e4aa";
  }
  .icon-search-code::before {
    content: "\e4ab";
  }
  .icon-search-slash::before {
    content: "\e4ac";
  }
  .icon-search-x::before {
    content: "\e4ad";
  }
  .icon-search::before {
    content: "\e151";
  }
  .icon-section::before {
    content: "\e5e8";
  }
  .icon-send-horizonal::before {
    content: "\e4f2";
  }
  .icon-send-horizontal::before {
    content: "\e4f2";
  }
  .icon-send-to-back::before {
    content: "\e4f3";
  }
  .icon-send::before {
    content: "\e152";
  }
  .icon-separator-horizontal::before {
    content: "\e1c8";
  }
  .icon-separator-vertical::before {
    content: "\e1c9";
  }
  .icon-server-cog::before {
    content: "\e341";
  }
  .icon-server-crash::before {
    content: "\e1e9";
  }
  .icon-server-off::before {
    content: "\e1ea";
  }
  .icon-server-plus::before {
    content: "\e721";
  }
  .icon-server::before {
    content: "\e153";
  }
  .icon-settings-2::before {
    content: "\e245";
  }
  .icon-settings::before {
    content: "\e154";
  }
  .icon-shapes::before {
    content: "\e4b3";
  }
  .icon-share-2::before {
    content: "\e156";
  }
  .icon-share::before {
    content: "\e155";
  }
  .icon-sheet::before {
    content: "\e157";
  }
  .icon-shell::before {
    content: "\e4f7";
  }
  .icon-shelving-unit::before {
    content: "\e6c2";
  }
  .icon-shield-alert::before {
    content: "\e1fe";
  }
  .icon-shield-ban::before {
    content: "\e159";
  }
  .icon-shield-check::before {
    content: "\e1ff";
  }
  .icon-shield-close::before {
    content: "\e200";
  }
  .icon-shield-cog-corner::before {
    content: "\e6e8";
  }
  .icon-shield-cog::before {
    content: "\e6e9";
  }
  .icon-shield-ellipsis::before {
    content: "\e516";
  }
  .icon-shield-half::before {
    content: "\e517";
  }
  .icon-shield-minus::before {
    content: "\e518";
  }
  .icon-shield-off::before {
    content: "\e15a";
  }
  .icon-shield-plus::before {
    content: "\e519";
  }
  .icon-shield-question-mark::before {
    content: "\e40e";
  }
  .icon-shield-question::before {
    content: "\e40e";
  }
  .icon-shield-user::before {
    content: "\e647";
  }
  .icon-shield-x::before {
    content: "\e200";
  }
  .icon-shield::before {
    content: "\e158";
  }
  .icon-ship-wheel::before {
    content: "\e502";
  }
  .icon-ship::before {
    content: "\e3ba";
  }
  .icon-shirt::before {
    content: "\e1ca";
  }
  .icon-shopping-bag::before {
    content: "\e15b";
  }
  .icon-shopping-basket::before {
    content: "\e4ea";
  }
  .icon-shopping-cart::before {
    content: "\e15c";
  }
  .icon-shovel::before {
    content: "\e15d";
  }
  .icon-shower-head::before {
    content: "\e37c";
  }
  .icon-shredder::before {
    content: "\e65b";
  }
  .icon-shrimp::before {
    content: "\e649";
  }
  .icon-shrink::before {
    content: "\e220";
  }
  .icon-shrub::before {
    content: "\e2ee";
  }
  .icon-shuffle::before {
    content: "\e15e";
  }
  .icon-sidebar-close::before {
    content: "\e21c";
  }
  .icon-sidebar-open::before {
    content: "\e21d";
  }
  .icon-sidebar::before {
    content: "\e12a";
  }
  .icon-sigma-square::before {
    content: "\e489";
  }
  .icon-sigma::before {
    content: "\e201";
  }
  .icon-signal-high::before {
    content: "\e260";
  }
  .icon-signal-low::before {
    content: "\e261";
  }
  .icon-signal-medium::before {
    content: "\e262";
  }
  .icon-signal-zero::before {
    content: "\e263";
  }
  .icon-signal::before {
    content: "\e25f";
  }
  .icon-signature::before {
    content: "\e5f2";
  }
  .icon-signpost-big::before {
    content: "\e541";
  }
  .icon-signpost::before {
    content: "\e540";
  }
  .icon-siren::before {
    content: "\e2ef";
  }
  .icon-skip-back::before {
    content: "\e15f";
  }
  .icon-skip-forward::before {
    content: "\e160";
  }
  .icon-skull::before {
    content: "\e221";
  }
  .icon-slash-square::before {
    content: "\e174";
  }
  .icon-slash::before {
    content: "\e51d";
  }
  .icon-slice::before {
    content: "\e2f0";
  }
  .icon-sliders-horizontal::before {
    content: "\e29a";
  }
  .icon-sliders-vertical::before {
    content: "\e162";
  }
  .icon-sliders::before {
    content: "\e162";
  }
  .icon-smartphone-charging::before {
    content: "\e22e";
  }
  .icon-smartphone-nfc::before {
    content: "\e3c4";
  }
  .icon-smartphone::before {
    content: "\e163";
  }
  .icon-smile-plus::before {
    content: "\e301";
  }
  .icon-smile::before {
    content: "\e164";
  }
  .icon-snail::before {
    content: "\e4f8";
  }
  .icon-snowflake::before {
    content: "\e165";
  }
  .icon-soap-dispenser-droplet::before {
    content: "\e669";
  }
  .icon-sofa::before {
    content: "\e2c4";
  }
  .icon-solar-panel::before {
    content: "\e69f";
  }
  .icon-sort-asc::before {
    content: "\e04c";
  }
  .icon-sort-desc::before {
    content: "\e047";
  }
  .icon-soup::before {
    content: "\e3aa";
  }
  .icon-space::before {
    content: "\e3dd";
  }
  .icon-spade::before {
    content: "\e499";
  }
  .icon-sparkle::before {
    content: "\e47e";
  }
  .icon-sparkles::before {
    content: "\e412";
  }
  .icon-speaker::before {
    content: "\e166";
  }
  .icon-speech::before {
    content: "\e51e";
  }
  .icon-spell-check-2::before {
    content: "\e49b";
  }
  .icon-spell-check::before {
    content: "\e49a";
  }
  .icon-spline-pointer::before {
    content: "\e64f";
  }
  .icon-spline::before {
    content: "\e38b";
  }
  .icon-split-square-horizontal::before {
    content: "\e3b6";
  }
  .icon-split-square-vertical::before {
    content: "\e3b7";
  }
  .icon-split::before {
    content: "\e440";
  }
  .icon-spool::before {
    content: "\e677";
  }
  .icon-sport-shoe::before {
    content: "\e6db";
  }
  .icon-spotlight::before {
    content: "\e682";
  }
  .icon-spray-can::before {
    content: "\e495";
  }
  .icon-sprout::before {
    content: "\e1eb";
  }
  .icon-square-activity::before {
    content: "\e4b4";
  }
  .icon-square-arrow-down-left::before {
    content: "\e4b5";
  }
  .icon-square-arrow-down-right::before {
    content: "\e4b6";
  }
  .icon-square-arrow-down::before {
    content: "\e427";
  }
  .icon-square-arrow-left::before {
    content: "\e428";
  }
  .icon-square-arrow-out-down-left::before {
    content: "\e5a1";
  }
  .icon-square-arrow-out-down-right::before {
    content: "\e5a2";
  }
  .icon-square-arrow-out-up-left::before {
    content: "\e5a3";
  }
  .icon-square-arrow-out-up-right::before {
    content: "\e5a4";
  }
  .icon-square-arrow-right-enter::before {
    content: "\e6c3";
  }
  .icon-square-arrow-right-exit::before {
    content: "\e6c4";
  }
  .icon-square-arrow-right::before {
    content: "\e429";
  }
  .icon-square-arrow-up-left::before {
    content: "\e4b7";
  }
  .icon-square-arrow-up-right::before {
    content: "\e4b8";
  }
  .icon-square-arrow-up::before {
    content: "\e42a";
  }
  .icon-square-asterisk::before {
    content: "\e168";
  }
  .icon-square-bottom-dashed-scissors::before {
    content: "\e4eb";
  }
  .icon-square-centerline-dashed-horizontal::before {
    content: "\e6c5";
  }
  .icon-square-centerline-dashed-vertical::before {
    content: "\e6c6";
  }
  .icon-square-chart-gantt::before {
    content: "\e169";
  }
  .icon-square-check-big::before {
    content: "\e16a";
  }
  .icon-square-check::before {
    content: "\e559";
  }
  .icon-square-chevron-down::before {
    content: "\e3cf";
  }
  .icon-square-chevron-left::before {
    content: "\e3d0";
  }
  .icon-square-chevron-right::before {
    content: "\e3d1";
  }
  .icon-square-chevron-up::before {
    content: "\e3d2";
  }
  .icon-square-code::before {
    content: "\e16b";
  }
  .icon-square-dashed-bottom-code::before {
    content: "\e4c1";
  }
  .icon-square-dashed-bottom::before {
    content: "\e4c0";
  }
  .icon-square-dashed-kanban::before {
    content: "\e16c";
  }
  .icon-square-dashed-mouse-pointer::before {
    content: "\e509";
  }
  .icon-square-dashed-text::before {
    content: "\e6ea";
  }
  .icon-square-dashed-top-solid::before {
    content: "\e66c";
  }
  .icon-square-dashed::before {
    content: "\e1cb";
  }
  .icon-square-divide::before {
    content: "\e16d";
  }
  .icon-square-dot::before {
    content: "\e16e";
  }
  .icon-square-equal::before {
    content: "\e16f";
  }
  .icon-square-function::before {
    content: "\e22d";
  }
  .icon-square-gantt-chart::before {
    content: "\e169";
  }
  .icon-square-kanban::before {
    content: "\e170";
  }
  .icon-square-library::before {
    content: "\e54f";
  }
  .icon-square-m::before {
    content: "\e503";
  }
  .icon-square-menu::before {
    content: "\e453";
  }
  .icon-square-minus::before {
    content: "\e171";
  }
  .icon-square-mouse-pointer::before {
    content: "\e202";
  }
  .icon-square-parking-off::before {
    content: "\e3cc";
  }
  .icon-square-parking::before {
    content: "\e3cb";
  }
  .icon-square-pause::before {
    content: "\e684";
  }
  .icon-square-pen::before {
    content: "\e172";
  }
  .icon-square-percent::before {
    content: "\e51c";
  }
  .icon-square-pi::before {
    content: "\e488";
  }
  .icon-square-pilcrow::before {
    content: "\e48b";
  }
  .icon-square-play::before {
    content: "\e481";
  }
  .icon-square-plus::before {
    content: "\e173";
  }
  .icon-square-power::before {
    content: "\e551";
  }
  .icon-square-radical::before {
    content: "\e5c3";
  }
  .icon-square-round-corner::before {
    content: "\e648";
  }
  .icon-square-scissors::before {
    content: "\e4ec";
  }
  .icon-square-sigma::before {
    content: "\e489";
  }
  .icon-square-slash::before {
    content: "\e174";
  }
  .icon-square-split-horizontal::before {
    content: "\e3b6";
  }
  .icon-square-split-vertical::before {
    content: "\e3b7";
  }
  .icon-square-square::before {
    content: "\e60e";
  }
  .icon-square-stack::before {
    content: "\e4a2";
  }
  .icon-square-star::before {
    content: "\e68e";
  }
  .icon-square-stop::before {
    content: "\e685";
  }
  .icon-square-terminal::before {
    content: "\e20a";
  }
  .icon-square-user-round::before {
    content: "\e466";
  }
  .icon-square-user::before {
    content: "\e465";
  }
  .icon-square-x::before {
    content: "\e175";
  }
  .icon-square::before {
    content: "\e167";
  }
  .icon-squares-exclude::before {
    content: "\e657";
  }
  .icon-squares-intersect::before {
    content: "\e658";
  }
  .icon-squares-subtract::before {
    content: "\e659";
  }
  .icon-squares-unite::before {
    content: "\e65a";
  }
  .icon-squircle-dashed::before {
    content: "\e679";
  }
  .icon-squircle::before {
    content: "\e57a";
  }
  .icon-squirrel::before {
    content: "\e49f";
  }
  .icon-stamp::before {
    content: "\e3bb";
  }
  .icon-star-check::before {
    content: "\e707";
  }
  .icon-star-half::before {
    content: "\e20b";
  }
  .icon-star-minus::before {
    content: "\e708";
  }
  .icon-star-off::before {
    content: "\e2b0";
  }
  .icon-star-plus::before {
    content: "\e709";
  }
  .icon-star-x::before {
    content: "\e70a";
  }
  .icon-star::before {
    content: "\e176";
  }
  .icon-stars::before {
    content: "\e412";
  }
  .icon-step-back::before {
    content: "\e3e9";
  }
  .icon-step-forward::before {
    content: "\e3ea";
  }
  .icon-stethoscope::before {
    content: "\e2f1";
  }
  .icon-sticker::before {
    content: "\e302";
  }
  .icon-sticky-note-check::before {
    content: "\e6f6";
  }
  .icon-sticky-note-minus::before {
    content: "\e6f7";
  }
  .icon-sticky-note-off::before {
    content: "\e6f8";
  }
  .icon-sticky-note-plus::before {
    content: "\e6f9";
  }
  .icon-sticky-note-x::before {
    content: "\e6fa";
  }
  .icon-sticky-note::before {
    content: "\e303";
  }
  .icon-sticky-notes::before {
    content: "\e6fb";
  }
  .icon-stone::before {
    content: "\e6eb";
  }
  .icon-stop-circle::before {
    content: "\e083";
  }
  .icon-store::before {
    content: "\e3e4";
  }
  .icon-stretch-horizontal::before {
    content: "\e27c";
  }
  .icon-stretch-vertical::before {
    content: "\e27d";
  }
  .icon-strikethrough::before {
    content: "\e177";
  }
  .icon-subscript::before {
    content: "\e25c";
  }
  .icon-subtitles::before {
    content: "\e3a4";
  }
  .icon-summary::before {
    content: "\e711";
  }
  .icon-sun-dim::before {
    content: "\e299";
  }
  .icon-sun-medium::before {
    content: "\e2b1";
  }
  .icon-sun-moon::before {
    content: "\e2b2";
  }
  .icon-sun-snow::before {
    content: "\e372";
  }
  .icon-sun::before {
    content: "\e178";
  }
  .icon-sunrise::before {
    content: "\e179";
  }
  .icon-sunset::before {
    content: "\e17a";
  }
  .icon-superscript::before {
    content: "\e25e";
  }
  .icon-swatch-book::before {
    content: "\e59f";
  }
  .icon-swiss-franc::before {
    content: "\e17b";
  }
  .icon-switch-camera::before {
    content: "\e17c";
  }
  .icon-sword::before {
    content: "\e2b3";
  }
  .icon-swords::before {
    content: "\e2b4";
  }
  .icon-syringe::before {
    content: "\e2f2";
  }
  .icon-table-2::before {
    content: "\e2f9";
  }
  .icon-table-cells-merge::before {
    content: "\e5c7";
  }
  .icon-table-cells-split::before {
    content: "\e5c8";
  }
  .icon-table-columns-split::before {
    content: "\e5c9";
  }
  .icon-table-config::before {
    content: "\e661";
  }
  .icon-table-of-contents::before {
    content: "\e61e";
  }
  .icon-table-properties::before {
    content: "\e4db";
  }
  .icon-table-rows-split::before {
    content: "\e5ca";
  }
  .icon-table::before {
    content: "\e17d";
  }
  .icon-tablet-smartphone::before {
    content: "\e50a";
  }
  .icon-tablet::before {
    content: "\e17e";
  }
  .icon-tablets::before {
    content: "\e3be";
  }
  .icon-tag-plus::before {
    content: "\e712";
  }
  .icon-tag-x::before {
    content: "\e713";
  }
  .icon-tag::before {
    content: "\e17f";
  }
  .icon-tags::before {
    content: "\e35c";
  }
  .icon-tally-1::before {
    content: "\e4d6";
  }
  .icon-tally-2::before {
    content: "\e4d7";
  }
  .icon-tally-3::before {
    content: "\e4d8";
  }
  .icon-tally-4::before {
    content: "\e4d9";
  }
  .icon-tally-5::before {
    content: "\e4da";
  }
  .icon-tangent::before {
    content: "\e52e";
  }
  .icon-target::before {
    content: "\e180";
  }
  .icon-telescope::before {
    content: "\e5c5";
  }
  .icon-tent-tree::before {
    content: "\e53b";
  }
  .icon-tent::before {
    content: "\e227";
  }
  .icon-terminal-square::before {
    content: "\e20a";
  }
  .icon-terminal::before {
    content: "\e181";
  }
  .icon-test-tube-2::before {
    content: "\e406";
  }
  .icon-test-tube-diagonal::before {
    content: "\e406";
  }
  .icon-test-tube::before {
    content: "\e405";
  }
  .icon-test-tubes::before {
    content: "\e407";
  }
  .icon-text-align-center::before {
    content: "\e182";
  }
  .icon-text-align-end::before {
    content: "\e183";
  }
  .icon-text-align-justify::before {
    content: "\e184";
  }
  .icon-text-align-start::before {
    content: "\e185";
  }
  .icon-text-cursor-input::before {
    content: "\e265";
  }
  .icon-text-cursor::before {
    content: "\e264";
  }
  .icon-text-initial::before {
    content: "\e605";
  }
  .icon-text-quote::before {
    content: "\e49e";
  }
  .icon-text-search::before {
    content: "\e5ad";
  }
  .icon-text-select::before {
    content: "\e6ea";
  }
  .icon-text-selection::before {
    content: "\e3de";
  }
  .icon-text-wrap::before {
    content: "\e248";
  }
  .icon-text::before {
    content: "\e185";
  }
  .icon-theater::before {
    content: "\e522";
  }
  .icon-thermometer-snowflake::before {
    content: "\e187";
  }
  .icon-thermometer-sun::before {
    content: "\e188";
  }
  .icon-thermometer::before {
    content: "\e186";
  }
  .icon-thumbs-down::before {
    content: "\e189";
  }
  .icon-thumbs-up::before {
    content: "\e18a";
  }
  .icon-ticket-check::before {
    content: "\e5ae";
  }
  .icon-ticket-minus::before {
    content: "\e5af";
  }
  .icon-ticket-percent::before {
    content: "\e5b0";
  }
  .icon-ticket-plus::before {
    content: "\e5b1";
  }
  .icon-ticket-slash::before {
    content: "\e5b2";
  }
  .icon-ticket-x::before {
    content: "\e5b3";
  }
  .icon-ticket::before {
    content: "\e20f";
  }
  .icon-tickets-plane::before {
    content: "\e623";
  }
  .icon-tickets::before {
    content: "\e622";
  }
  .icon-timeline::before {
    content: "\e6ec";
  }
  .icon-timer-off::before {
    content: "\e249";
  }
  .icon-timer-reset::before {
    content: "\e236";
  }
  .icon-timer::before {
    content: "\e1e0";
  }
  .icon-toggle-left::before {
    content: "\e18b";
  }
  .icon-toggle-right::before {
    content: "\e18c";
  }
  .icon-toilet::before {
    content: "\e635";
  }
  .icon-tool-case::before {
    content: "\e67d";
  }
  .icon-toolbox::before {
    content: "\e6b0";
  }
  .icon-tornado::before {
    content: "\e218";
  }
  .icon-torus::before {
    content: "\e52f";
  }
  .icon-touchpad-off::before {
    content: "\e44a";
  }
  .icon-touchpad::before {
    content: "\e449";
  }
  .icon-towel-rack::before {
    content: "\e6c7";
  }
  .icon-tower-control::before {
    content: "\e3bc";
  }
  .icon-toy-brick::before {
    content: "\e347";
  }
  .icon-tractor::before {
    content: "\e504";
  }
  .icon-traffic-cone::before {
    content: "\e505";
  }
  .icon-train-front-tunnel::before {
    content: "\e507";
  }
  .icon-train-front::before {
    content: "\e506";
  }
  .icon-train-track::before {
    content: "\e508";
  }
  .icon-train::before {
    content: "\e2a9";
  }
  .icon-tram-front::before {
    content: "\e2a9";
  }
  .icon-transgender::before {
    content: "\e644";
  }
  .icon-trash-2::before {
    content: "\e18e";
  }
  .icon-trash::before {
    content: "\e18d";
  }
  .icon-tree-deciduous::before {
    content: "\e2f3";
  }
  .icon-tree-palm::before {
    content: "\e281";
  }
  .icon-tree-pine::before {
    content: "\e2f4";
  }
  .icon-trees::before {
    content: "\e2f5";
  }
  .icon-trending-down::before {
    content: "\e190";
  }
  .icon-trending-up-down::before {
    content: "\e625";
  }
  .icon-trending-up::before {
    content: "\e191";
  }
  .icon-triangle-alert::before {
    content: "\e193";
  }
  .icon-triangle-dashed::before {
    content: "\e63d";
  }
  .icon-triangle-right::before {
    content: "\e4ed";
  }
  .icon-triangle::before {
    content: "\e192";
  }
  .icon-trophy::before {
    content: "\e373";
  }
  .icon-truck-electric::before {
    content: "\e65f";
  }
  .icon-truck::before {
    content: "\e194";
  }
  .icon-turkish-lira::before {
    content: "\e680";
  }
  .icon-turntable::before {
    content: "\e68c";
  }
  .icon-turtle::before {
    content: "\e4f9";
  }
  .icon-tv-2::before {
    content: "\e203";
  }
  .icon-tv-minimal-play::before {
    content: "\e5ec";
  }
  .icon-tv-minimal::before {
    content: "\e203";
  }
  .icon-tv::before {
    content: "\e195";
  }
  .icon-type-outline::before {
    content: "\e602";
  }
  .icon-type::before {
    content: "\e198";
  }
  .icon-umbrella-off::before {
    content: "\e543";
  }
  .icon-umbrella::before {
    content: "\e199";
  }
  .icon-underline::before {
    content: "\e19a";
  }
  .icon-undo-2::before {
    content: "\e2a1";
  }
  .icon-undo-dot::before {
    content: "\e451";
  }
  .icon-undo::before {
    content: "\e19b";
  }
  .icon-unfold-horizontal::before {
    content: "\e43d";
  }
  .icon-unfold-vertical::before {
    content: "\e43e";
  }
  .icon-ungroup::before {
    content: "\e467";
  }
  .icon-university::before {
    content: "\e3e5";
  }
  .icon-unlink-2::before {
    content: "\e19d";
  }
  .icon-unlink::before {
    content: "\e19c";
  }
  .icon-unlock-keyhole::before {
    content: "\e532";
  }
  .icon-unlock::before {
    content: "\e10c";
  }
  .icon-unplug::before {
    content: "\e45d";
  }
  .icon-upload-cloud::before {
    content: "\e091";
  }
  .icon-upload::before {
    content: "\e19e";
  }
  .icon-usb::before {
    content: "\e356";
  }
  .icon-user-2::before {
    content: "\e468";
  }
  .icon-user-check-2::before {
    content: "\e469";
  }
  .icon-user-check::before {
    content: "\e1a0";
  }
  .icon-user-circle-2::before {
    content: "\e462";
  }
  .icon-user-circle::before {
    content: "\e461";
  }
  .icon-user-cog-2::before {
    content: "\e46a";
  }
  .icon-user-cog::before {
    content: "\e342";
  }
  .icon-user-key::before {
    content: "\e6c8";
  }
  .icon-user-lock::before {
    content: "\e660";
  }
  .icon-user-minus-2::before {
    content: "\e46b";
  }
  .icon-user-minus::before {
    content: "\e1a1";
  }
  .icon-user-pen::before {
    content: "\e5fc";
  }
  .icon-user-plus-2::before {
    content: "\e46c";
  }
  .icon-user-plus::before {
    content: "\e1a2";
  }
  .icon-user-round-arrow-left::before {
    content: "\e714";
  }
  .icon-user-round-check::before {
    content: "\e469";
  }
  .icon-user-round-cog::before {
    content: "\e46a";
  }
  .icon-user-round-key::before {
    content: "\e6c9";
  }
  .icon-user-round-minus::before {
    content: "\e46b";
  }
  .icon-user-round-pen::before {
    content: "\e5fd";
  }
  .icon-user-round-plus::before {
    content: "\e46c";
  }
  .icon-user-round-search::before {
    content: "\e578";
  }
  .icon-user-round-x::before {
    content: "\e46d";
  }
  .icon-user-round::before {
    content: "\e468";
  }
  .icon-user-search::before {
    content: "\e579";
  }
  .icon-user-square-2::before {
    content: "\e466";
  }
  .icon-user-square::before {
    content: "\e465";
  }
  .icon-user-star::before {
    content: "\e687";
  }
  .icon-user-x-2::before {
    content: "\e46d";
  }
  .icon-user-x::before {
    content: "\e1a3";
  }
  .icon-user::before {
    content: "\e19f";
  }
  .icon-users-2::before {
    content: "\e46e";
  }
  .icon-users-round::before {
    content: "\e46e";
  }
  .icon-users::before {
    content: "\e1a4";
  }
  .icon-utensils-crossed::before {
    content: "\e2f7";
  }
  .icon-utensils::before {
    content: "\e2f6";
  }
  .icon-utility-pole::before {
    content: "\e3c2";
  }
  .icon-van::before {
    content: "\e6ad";
  }
  .icon-variable::before {
    content: "\e473";
  }
  .icon-vault::before {
    content: "\e58f";
  }
  .icon-vector-square::before {
    content: "\e67c";
  }
  .icon-vegan::before {
    content: "\e39d";
  }
  .icon-venetian-mask::before {
    content: "\e2aa";
  }
  .icon-venus-and-mars::before {
    content: "\e646";
  }
  .icon-venus::before {
    content: "\e645";
  }
  .icon-verified::before {
    content: "\e241";
  }
  .icon-vibrate-off::before {
    content: "\e29d";
  }
  .icon-vibrate::before {
    content: "\e223";
  }
  .icon-video-off::before {
    content: "\e1a6";
  }
  .icon-video::before {
    content: "\e1a5";
  }
  .icon-videotape::before {
    content: "\e4cb";
  }
  .icon-view::before {
    content: "\e1a7";
  }
  .icon-voicemail::before {
    content: "\e1a8";
  }
  .icon-volleyball::before {
    content: "\e62f";
  }
  .icon-volume-1::before {
    content: "\e1aa";
  }
  .icon-volume-2::before {
    content: "\e1ab";
  }
  .icon-volume-off::before {
    content: "\e626";
  }
  .icon-volume-x::before {
    content: "\e1ac";
  }
  .icon-volume::before {
    content: "\e1a9";
  }
  .icon-vote::before {
    content: "\e3ad";
  }
  .icon-wallet-2::before {
    content: "\e4cd";
  }
  .icon-wallet-cards::before {
    content: "\e4cc";
  }
  .icon-wallet-minimal::before {
    content: "\e4cd";
  }
  .icon-wallet::before {
    content: "\e204";
  }
  .icon-wallpaper::before {
    content: "\e44b";
  }
  .icon-wand-2::before {
    content: "\e357";
  }
  .icon-wand-sparkles::before {
    content: "\e357";
  }
  .icon-wand::before {
    content: "\e246";
  }
  .icon-warehouse::before {
    content: "\e3e6";
  }
  .icon-washing-machine::before {
    content: "\e590";
  }
  .icon-watch::before {
    content: "\e1ad";
  }
  .icon-waves-arrow-down::before {
    content: "\e6a9";
  }
  .icon-waves-arrow-up::before {
    content: "\e6aa";
  }
  .icon-waves-horizontal::before {
    content: "\e283";
  }
  .icon-waves-ladder::before {
    content: "\e63b";
  }
  .icon-waves-vertical::before {
    content: "\e6f2";
  }
  .icon-waves::before {
    content: "\e283";
  }
  .icon-waypoints::before {
    content: "\e542";
  }
  .icon-webcam-off::before {
    content: "\e6ff";
  }
  .icon-webcam::before {
    content: "\e205";
  }
  .icon-webhook-off::before {
    content: "\e5b7";
  }
  .icon-webhook::before {
    content: "\e374";
  }
  .icon-weight-tilde::before {
    content: "\e6ae";
  }
  .icon-weight::before {
    content: "\e530";
  }
  .icon-wheat-off::before {
    content: "\e39f";
  }
  .icon-wheat::before {
    content: "\e39e";
  }
  .icon-whole-word::before {
    content: "\e3df";
  }
  .icon-wifi-cog::before {
    content: "\e674";
  }
  .icon-wifi-high::before {
    content: "\e5f7";
  }
  .icon-wifi-low::before {
    content: "\e5f8";
  }
  .icon-wifi-off::before {
    content: "\e1af";
  }
  .icon-wifi-pen::before {
    content: "\e663";
  }
  .icon-wifi-sync::before {
    content: "\e681";
  }
  .icon-wifi-zero::before {
    content: "\e5f9";
  }
  .icon-wifi::before {
    content: "\e1ae";
  }
  .icon-wind-arrow-down::before {
    content: "\e631";
  }
  .icon-wind::before {
    content: "\e1b0";
  }
  .icon-wine-off::before {
    content: "\e3a0";
  }
  .icon-wine::before {
    content: "\e2f8";
  }
  .icon-workflow::before {
    content: "\e425";
  }
  .icon-worm::before {
    content: "\e5da";
  }
  .icon-wrap-text::before {
    content: "\e248";
  }
  .icon-wrench-off::before {
    content: "\e70b";
  }
  .icon-wrench::before {
    content: "\e1b1";
  }
  .icon-x-circle::before {
    content: "\e084";
  }
  .icon-x-line-top::before {
    content: "\e6ca";
  }
  .icon-x-octagon::before {
    content: "\e128";
  }
  .icon-x-square::before {
    content: "\e175";
  }
  .icon-x::before {
    content: "\e1b2";
  }
  .icon-zap-off::before {
    content: "\e1b5";
  }
  .icon-zap::before {
    content: "\e1b4";
  }
  .icon-zodiac-aquarius::before {
    content: "\e6cb";
  }
  .icon-zodiac-aries::before {
    content: "\e6cc";
  }
  .icon-zodiac-cancer::before {
    content: "\e6cd";
  }
  .icon-zodiac-capricorn::before {
    content: "\e6ce";
  }
  .icon-zodiac-gemini::before {
    content: "\e6cf";
  }
  .icon-zodiac-leo::before {
    content: "\e6d0";
  }
  .icon-zodiac-libra::before {
    content: "\e6d1";
  }
  .icon-zodiac-ophiuchus::before {
    content: "\e6d2";
  }
  .icon-zodiac-pisces::before {
    content: "\e6d3";
  }
  .icon-zodiac-sagittarius::before {
    content: "\e6d4";
  }
  .icon-zodiac-scorpio::before {
    content: "\e6d5";
  }
  .icon-zodiac-taurus::before {
    content: "\e6d6";
  }
  .icon-zodiac-virgo::before {
    content: "\e6d7";
  }
  .icon-zoom-in::before {
    content: "\e1b6";
  }
  .icon-zoom-out::before {
    content: "\e1b7";
  }
}
body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}
.badge {
  display: inline-flex;
  align-items: center;
}
[x-cloak] {
  display: none !important;
}
.soft-highlight-card {
  padding: calc(var(--spacing) * 8);
  background: linear-gradient( to right, hsl(var(--soft-highlight-bg-from)), hsl(var(--soft-highlight-bg-to)) );
  border-color: hsl(var(--soft-highlight-border));
}
.soft-highlight-card__heading {
  margin-bottom: calc(var(--spacing) * 1);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: hsl(var(--soft-highlight-heading));
}
.soft-highlight-card__muted {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: hsl(var(--soft-highlight-muted));
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: hsl(var(--muted-foreground) / 0.3);
}
::-webkit-scrollbar-thumb:hover {
  background: hsl(var(--muted-foreground) / 0.5);
}
.content-text {
  color: var(--tw-prose-body);
  max-width: 65ch;
  :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }
  :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-lead);
    font-size: 1.25em;
    line-height: 1.6;
    margin-top: 1.2em;
    margin-bottom: 1.2em;
  }
  :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-links);
    text-decoration: underline;
    font-weight: 500;
  }
  :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-bold);
    font-weight: 600;
  }
  :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit;
  }
  :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit;
  }
  :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit;
  }
  :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: decimal;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
  }
  :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: upper-alpha;
  }
  :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: lower-alpha;
  }
  :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: upper-alpha;
  }
  :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: lower-alpha;
  }
  :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: upper-roman;
  }
  :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: lower-roman;
  }
  :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: upper-roman;
  }
  :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: lower-roman;
  }
  :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: decimal;
  }
  :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    list-style-type: disc;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
  }
  :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
    font-weight: 400;
    color: var(--tw-prose-counters);
  }
  :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
    color: var(--tw-prose-bullets);
  }
  :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.25em;
  }
  :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    border-color: var(--tw-prose-hr);
    border-top-width: 1px;
    margin-top: 3em;
    margin-bottom: 3em;
  }
  :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-weight: 500;
    font-style: italic;
    color: var(--tw-prose-quotes);
    border-inline-start-width: 0.25rem;
    border-inline-start-color: var(--tw-prose-quote-borders);
    quotes: "\201C""\201D""\2018""\2019";
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-inline-start: 1em;
  }
  :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
    content: open-quote;
  }
  :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
    content: close-quote;
  }
  :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 800;
    font-size: 2.25em;
    margin-top: 0;
    margin-bottom: 0.8888889em;
    line-height: 1.1111111;
  }
  :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-weight: 900;
    color: inherit;
  }
  :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 700;
    font-size: 1.5em;
    margin-top: 2em;
    margin-bottom: 1em;
    line-height: 1.3333333;
  }
  :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-weight: 800;
    color: inherit;
  }
  :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    font-size: 1.25em;
    margin-top: 1.6em;
    margin-bottom: 0.6em;
    line-height: 1.6;
  }
  :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-weight: 700;
    color: inherit;
  }
  :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    line-height: 1.5;
  }
  :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-weight: 700;
    color: inherit;
  }
  :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    display: block;
    margin-top: 2em;
    margin-bottom: 2em;
  }
  :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-weight: 500;
    font-family: inherit;
    color: var(--tw-prose-kbd);
    box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
    font-size: 0.875em;
    border-radius: 0.3125rem;
    padding-top: 0.1875em;
    padding-inline-end: 0.375em;
    padding-bottom: 0.1875em;
    padding-inline-start: 0.375em;
  }
  :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-code);
    font-weight: 600;
    font-size: 0.875em;
  }
  :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
    content: "`";
  }
  :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
    content: "`";
  }
  :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit;
  }
  :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit;
  }
  :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit;
    font-size: 0.875em;
  }
  :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit;
    font-size: 0.9em;
  }
  :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit;
  }
  :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit;
  }
  :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: inherit;
  }
  :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-pre-code);
    background-color: var(--tw-prose-pre-bg);
    overflow-x: auto;
    font-weight: 400;
    font-size: 0.875em;
    line-height: 1.7142857;
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
    border-radius: 0.375rem;
    padding-top: 0.8571429em;
    padding-inline-end: 1.1428571em;
    padding-bottom: 0.8571429em;
    padding-inline-start: 1.1428571em;
  }
  :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    background-color: transparent;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
  }
  :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
    content: none;
  }
  :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
    content: none;
  }
  :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    width: 100%;
    table-layout: auto;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: 0.875em;
    line-height: 1.7142857;
  }
  :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-th-borders);
  }
  :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    vertical-align: bottom;
    padding-inline-end: 0.5714286em;
    padding-bottom: 0.5714286em;
    padding-inline-start: 0.5714286em;
  }
  :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-td-borders);
  }
  :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    border-bottom-width: 0;
  }
  :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    vertical-align: baseline;
  }
  :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    border-top-width: 1px;
    border-top-color: var(--tw-prose-th-borders);
  }
  :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    vertical-align: top;
  }
  :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    text-align: start;
  }
  :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }
  :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    color: var(--tw-prose-captions);
    font-size: 0.875em;
    line-height: 1.4285714;
    margin-top: 0.8571429em;
  }
  --tw-prose-body: oklch(37.3% 0.034 259.733);
  --tw-prose-headings: oklch(21% 0.034 264.665);
  --tw-prose-lead: oklch(44.6% 0.03 256.802);
  --tw-prose-links: oklch(21% 0.034 264.665);
  --tw-prose-bold: oklch(21% 0.034 264.665);
  --tw-prose-counters: oklch(55.1% 0.027 264.364);
  --tw-prose-bullets: oklch(87.2% 0.01 258.338);
  --tw-prose-hr: oklch(92.8% 0.006 264.531);
  --tw-prose-quotes: oklch(21% 0.034 264.665);
  --tw-prose-quote-borders: oklch(92.8% 0.006 264.531);
  --tw-prose-captions: oklch(55.1% 0.027 264.364);
  --tw-prose-kbd: oklch(21% 0.034 264.665);
  --tw-prose-kbd-shadows: color-mix(in oklab, oklch(21% 0.034 264.665) 10%, transparent);
  --tw-prose-code: oklch(21% 0.034 264.665);
  --tw-prose-pre-code: oklch(92.8% 0.006 264.531);
  --tw-prose-pre-bg: oklch(27.8% 0.033 256.848);
  --tw-prose-th-borders: oklch(87.2% 0.01 258.338);
  --tw-prose-td-borders: oklch(92.8% 0.006 264.531);
  --tw-prose-invert-body: oklch(87.2% 0.01 258.338);
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: oklch(70.7% 0.022 261.325);
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: oklch(70.7% 0.022 261.325);
  --tw-prose-invert-bullets: oklch(44.6% 0.03 256.802);
  --tw-prose-invert-hr: oklch(37.3% 0.034 259.733);
  --tw-prose-invert-quotes: oklch(96.7% 0.003 264.542);
  --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733);
  --tw-prose-invert-captions: oklch(70.7% 0.022 261.325);
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338);
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802);
  --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733);
  font-size: 1rem;
  line-height: 1.75;
  :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }
  :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }
  :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0.375em;
  }
  :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0.375em;
  }
  :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }
  :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.25em;
  }
  :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-bottom: 1.25em;
  }
  :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.25em;
  }
  :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-bottom: 1.25em;
  }
  :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }
  :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }
  :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.5em;
    padding-inline-start: 1.625em;
  }
  :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
  }
  :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
  }
  :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
  }
  :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
  }
  :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0;
  }
  :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-end: 0;
  }
  :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-top: 0.5714286em;
    padding-inline-end: 0.5714286em;
    padding-bottom: 0.5714286em;
    padding-inline-start: 0.5714286em;
  }
  :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0;
  }
  :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-end: 0;
  }
  :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
  }
  :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-bottom: 0;
  }
  blockquote {
    p {
      &:first-of-type::before, &:last-of-type::after {
        content: none;
      }
    }
  }
  h1 {
    font-size: 2rem;
    line-height: 1.15;
    margin-top: 2rem;
    margin-bottom: 1rem;
  }
  h2 {
    margin-top: 2rem;
    margin-bottom: 0.75rem;
  }
  h3 {
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
  }
  h4 {
    margin-top: 1.3rem;
    margin-bottom: 0.5rem;
  }
  p {
    font-size: 1.05rem;
    line-height: 1.75;
    margin-top: 0;
    margin-bottom: 1rem;
  }
  max-width: none;
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  color: hsl(var(--foreground));
  &:where([data-theme=dark], [data-theme=dark] *) {
    color: var(--color-white);
  }
  &:where([data-theme=dark], [data-theme=dark] *) {
    --tw-prose-body: var(--tw-prose-invert-body);
    --tw-prose-headings: var(--tw-prose-invert-headings);
    --tw-prose-lead: var(--tw-prose-invert-lead);
    --tw-prose-links: var(--tw-prose-invert-links);
    --tw-prose-bold: var(--tw-prose-invert-bold);
    --tw-prose-counters: var(--tw-prose-invert-counters);
    --tw-prose-bullets: var(--tw-prose-invert-bullets);
    --tw-prose-hr: var(--tw-prose-invert-hr);
    --tw-prose-quotes: var(--tw-prose-invert-quotes);
    --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
    --tw-prose-captions: var(--tw-prose-invert-captions);
    --tw-prose-kbd: var(--tw-prose-invert-kbd);
    --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
    --tw-prose-code: var(--tw-prose-invert-code);
    --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
    --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
    --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
    --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
  }
}
.button-sm {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.button-lg {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
.motion-word {
  display: inline-block;
  animation: slideUp 0.5s ease forwards;
  opacity: 0;
}
@keyframes slideUp {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.card-zoom img {
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.card-zoom:hover img {
  transform: scale(1.05);
}
.block-bg {
  background-color: transparent;
}
.block-bg--colored {
  background-color: hsl(var(--card));
}
.course-card, .course-card-simple {
  background-color: var(--block-card-bg, hsl(var(--card)));
}
.block-bg--colored .course-card, .block-bg--colored .course-card-simple {
  background-color: var(--block-card-bg-colored, var(--block-card-bg, hsl(var(--card))));
}
.form-input.form-input-icon {
  padding-inline-start: calc(var(--spacing) * 11);
}
.form-input.form-input-icon-toggle {
  padding-inline-end: calc(var(--spacing) * 12);
}
.product-list-row {
  display: grid;
  gap: calc(var(--spacing) * 5);
  border-radius: 1.8rem;
  border-style: var(--tw-border-style);
  border-width: 1px;
  background-color: hsl(var(--card));
  padding: calc(var(--spacing) * 4);
  --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);
  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));
  &:hover {
    @media (hover: hover) {
      --tw-translate-y: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  &: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);
    }
  }
  @media (width >= 48rem) {
    grid-template-columns: 180px 1fr auto;
  }
  @media (width >= 48rem) {
    align-items: center;
  }
  border-color: hsl(var(--card-border));
}
.product-list-row--deleted {
  background-color: hsl(var(--muted));
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, hsl(var(--muted)) 40%, transparent);
  }
  opacity: 90%;
  border-color: hsl(var(--destructive) / 0.25);
}
.product-list-row--draft {
  border-color: hsl(var(--palette-2, var(--accent)) / 0.45);
}
.product-list-row--inactive {
  opacity: 95%;
  border-color: hsl(var(--border-hsl));
}
.product-list-row__media {
  position: relative;
  display: grid;
  aspect-ratio: 4/3;
  place-items: center;
  overflow: hidden;
  border-radius: 1.35rem;
  --tw-gradient-position: to bottom right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: hsl(var(--muted));
  --tw-gradient-via: color-mix(in oklab, hsl(var(--secondary)) 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);
  --tw-gradient-to: color-mix(in oklab, hsl(var(--accent)) 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));
  padding: calc(var(--spacing) * 4);
}
.product-list-row__media img {
  position: absolute;
  inset: calc(var(--spacing) * 0);
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.product-list-row__media-placeholder {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  color: hsl(var(--muted-foreground));
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, hsl(var(--muted-foreground)) 40%, transparent);
  }
}
.product-list-row__badges {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(var(--spacing) * 2);
}
.product-list-row__badge {
  border-radius: calc(infinity * 1px);
  background-color: hsl(var(--secondary));
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: hsl(var(--secondary-foreground));
}
.product-list-row__badge--outline {
  border-style: var(--tw-border-style);
  border-width: 1px;
  background-color: transparent;
  color: hsl(var(--muted-foreground));
  border-color: hsl(var(--border-hsl));
}
.product-list-row__title {
  margin-top: calc(var(--spacing) * 3);
  font-family: Georgia, serif;
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
  color: hsl(var(--foreground));
  @media (width >= 40rem) {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
}
.product-list-row__subtitle {
  margin-top: calc(var(--spacing) * 2);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: hsl(var(--muted-foreground));
}
.product-list-row__tags {
  margin-top: calc(var(--spacing) * 4);
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--spacing) * 2);
}
.product-list-row__tag {
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: hsl(var(--muted-foreground));
  border-color: hsl(var(--border-hsl));
}
.product-list-row__tag--featured {
  border-style: var(--tw-border-style);
  border-width: 1px;
  background-color: hsl(var(--secondary));
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, hsl(var(--secondary)) 60%, transparent);
  }
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: hsl(var(--secondary-foreground));
  border-color: hsl(var(--border-hsl));
}
.product-list-row__aside {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--spacing) * 4);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  padding-top: calc(var(--spacing) * 4);
  @media (width >= 48rem) {
    display: block;
  }
  @media (width >= 48rem) {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
  @media (width >= 48rem) {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  @media (width >= 48rem) {
    padding-top: calc(var(--spacing) * 0);
  }
  @media (width >= 48rem) {
    padding-left: calc(var(--spacing) * 6);
  }
  @media (width >= 48rem) {
    text-align: right;
  }
  border-color: hsl(var(--border-hsl));
}
.product-list-row__price {
  font-family: Georgia, serif;
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
  color: hsl(var(--foreground));
  @media (width >= 40rem) {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
}
.product-list-row__price-label {
  margin-top: calc(var(--spacing) * 1);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-tracking: 0.18em;
  letter-spacing: 0.18em;
  color: hsl(var(--muted-foreground));
  text-transform: uppercase;
}
.product-list-row__actions {
  margin-top: calc(var(--spacing) * 0);
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--spacing) * 2);
  @media (width >= 48rem) {
    margin-top: calc(var(--spacing) * 5);
  }
  @media (width >= 48rem) {
    justify-content: flex-end;
  }
}
.product-list-row__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  padding-inline: calc(var(--spacing) * 5);
  padding-block: calc(var(--spacing) * 3);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: hsl(var(--foreground));
  text-decoration-line: none;
  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));
  &:hover {
    @media (hover: hover) {
      background-color: hsl(var(--secondary));
    }
  }
  border-color: hsl(var(--border-hsl));
}
.product-list-row__btn--primary {
  border-color: transparent;
  background-color: hsl(var(--primary));
  color: hsl(var(--primary-foreground));
  &: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,);
    }
  }
}
.site-header__container {
  position: relative;
  position: sticky;
  top: calc(var(--spacing) * 0);
  z-index: 50;
}
.site-header {
  position: relative;
  z-index: 50;
}
.site-header__inner {
  margin-inline: auto;
  max-width: var(--container-7xl);
}
.site-header__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.site-header__brand {
  display: flex;
  align-items: center;
}
.site-header__brand-link {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}
.site-header__logo-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
.site-header__logo {
  width: auto;
  object-fit: contain;
}
.site-header__brand-text {
  display: none;
  flex-direction: column;
  --tw-leading: 1;
  line-height: 1;
  @media (width >= 40rem) {
    display: flex;
  }
}
.site-header__nav {
  display: none;
  align-items: center;
  @media (width >= 48rem) {
    display: flex;
  }
}
.site-header__subnav {
  pointer-events: auto;
  position: relative;
  display: flex;
  align-items: center;
  @media (width >= 48rem) {
    pointer-events: none;
  }
  @media (width >= 48rem) {
    position: absolute;
  }
  @media (width >= 48rem) {
    top: 100%;
  }
  @media (width >= 48rem) {
    right: calc(var(--spacing) * 0);
  }
  @media (width >= 48rem) {
    left: calc(var(--spacing) * 0);
  }
  @media (width >= 48rem) {
    z-index: 40;
  }
  @media (width >= 48rem) {
    margin-inline: auto;
  }
  @media (width >= 48rem) {
    max-width: var(--container-7xl);
  }
  @media (width >= 48rem) {
    justify-content: flex-end;
  }
}
.site-header__subnav-drawer {
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  @media (width >= 48rem) {
    margin-left: auto;
  }
}
.admin-header .site-header__subnav {
  position: relative;
  display: block;
}
.site-header__subnav-link, .site-header__subnav-link-active {
  flex-shrink: 0;
  text-decoration-line: none;
}
.site-header__actions {
  display: flex;
  align-items: center;
}
.site-header__icon-btn {
  position: relative;
  display: inline-flex;
}
.site-header__badge-dot {
  position: absolute;
  top: calc(var(--spacing) * 2);
  right: calc(var(--spacing) * 2);
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 2);
  border-radius: calc(infinity * 1px);
}
.site-header__divider {
  display: none;
  height: calc(var(--spacing) * 6);
  width: 1px;
  @media (width >= 40rem) {
    display: block;
  }
}
.site-header__profile-btn {
  display: flex;
  cursor: pointer;
  align-items: center;
}
.site-header__avatar {
  flex-shrink: 0;
  object-fit: cover;
}
.site-header__avatar-fallback {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}
.site-header__profile-menu {
  position: absolute;
  right: calc(var(--spacing) * 0);
  z-index: 60;
  margin-top: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 56);
}
.site-header__profile-menu--submenu {
  top: calc(var(--spacing) * 0);
  right: 100%;
  z-index: 70;
  margin-top: calc(var(--spacing) * 0);
  margin-right: calc(var(--spacing) * 2);
  max-height: calc(var(--spacing) * 72);
  width: calc(var(--spacing) * 52);
  overflow-y: auto;
}
.site-header__profile-menu-item {
  display: flex;
  width: 100%;
  align-items: center;
  text-align: left;
  text-decoration-line: none;
}
.site-header__profile-menu-item--trigger {
  justify-content: space-between;
}
.site-header__profile-menu-icon, .site-header__profile-menu-chevron {
  flex-shrink: 0;
}
.site-header__profile-menu-meta {
  display: flex;
  max-width: 5rem;
  flex-shrink: 0;
  align-items: center;
}
.site-header__menu-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  @media (width >= 48rem) {
    display: none;
  }
}
.site-header__mobile {
  :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)));
  }
  @media (width >= 48rem) {
    display: none;
  }
}
.site-header__mobile-link, .site-header__mobile-link-active {
  display: block;
}
.site-header__mobile-section {
  :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)));
  }
}
.site-header__mobile-item, .site-header__mobile-signout {
  display: flex;
  align-items: center;
}
.header-nav {
  display: none;
  align-items: center;
  @media (width >= 48rem) {
    display: flex;
  }
}
.tab-bar {
  overflow-x: auto;
}
.tab-bar--split {
  display: flex;
  overflow: hidden;
}
.tab-bar--split .tab-bar__track {
  min-width: calc(var(--spacing) * 0);
  flex: 1;
  overflow-x: auto;
}
.tab-bar__track {
  display: flex;
  width: 100%;
  min-width: max-content;
  align-items: stretch;
}
.input-label {
  margin-bottom: calc(var(--spacing) * 2);
  display: block;
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: hsl(var(--muted-foreground));
  text-transform: uppercase;
}
.button {
  display: inline-flex;
  flex-shrink: 0;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 2);
  border-radius: calc(infinity * 1px);
  padding-inline: calc(var(--spacing) * 5);
  padding-block: calc(var(--spacing) * 3);
  font-size: 0.9em;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  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));
}
.button:disabled {
  cursor: not-allowed;
  opacity: 60%;
}
.input {
  border-radius: calc(infinity * 1px);
  background-color: hsl(var(--secondary));
  padding-inline: calc(var(--spacing) * 5);
  padding-block: calc(var(--spacing) * 2.5);
  color: hsl(var(--foreground));
  &::placeholder {
    color: hsl(var(--muted-foreground));
  }
  &: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 {
    --tw-ring-color: hsl(var(--primary));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, hsl(var(--primary)) 40%, transparent);
    }
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
}
.data-table-surface {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-2xl);
  background-color: hsl(var(--card));
  --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));
  --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);
  --tw-ring-color: color-mix(in oklab, hsl(var(--border-hsl)) 60%, transparent);
}
.data-table {
  width: 100%;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.data-table > thead > tr {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-gray-100);
  background-color: hsl(var(--secondary));
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, hsl(var(--secondary)) 20%, transparent);
  }
}
.data-table > thead > tr > th {
  padding-inline: calc(var(--spacing) * 6);
  padding-block: calc(var(--spacing) * 4);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
  color: var(--color-gray-400);
  text-transform: uppercase;
  @media (width >= 40rem) {
    padding-inline: calc(var(--spacing) * 8);
  }
}
.data-table > tbody {
  :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)));
  }
  :where(& > :not(:last-child)) {
    border-color: var(--color-gray-100);
  }
}
.data-table > tbody > tr {
  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));
  &:hover {
    @media (hover: hover) {
      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);
      }
    }
  }
}
.data-table > tbody > tr > td {
  padding-inline: calc(var(--spacing) * 6);
  padding-block: calc(var(--spacing) * 4);
  vertical-align: middle;
  @media (width >= 40rem) {
    padding-inline: calc(var(--spacing) * 8);
  }
}
.data-table-footer {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 3);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-gray-100);
  padding-inline: calc(var(--spacing) * 5);
  padding-block: calc(var(--spacing) * 3);
  @media (width >= 40rem) {
    flex-direction: row;
  }
  @media (width >= 40rem) {
    align-items: center;
  }
  @media (width >= 40rem) {
    justify-content: space-between;
  }
}
.data-table-page-btn {
  display: inline-flex;
  height: calc(var(--spacing) * 9);
  align-items: center;
  gap: calc(var(--spacing) * 1.5);
  border-radius: calc(infinity * 1px);
  background-color: hsl(var(--card));
  padding-inline: calc(var(--spacing) * 3.5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --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));
  --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);
  --tw-ring-color: color-mix(in oklab, hsl(var(--border-hsl)) 60%, transparent);
  &:hover {
    @media (hover: hover) {
      background-color: hsl(var(--secondary));
    }
  }
  &:disabled {
    cursor: not-allowed;
  }
  &:disabled {
    opacity: 40%;
  }
}
.form-input {
  width: 100%;
}
[data-theme="light"] {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  background-color: hsl(var(--background));
  font-family: Avenir, "Helvetica Neue", Helvetica, sans-serif;
  color: hsl(var(--foreground));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6 {
  font-family: Georgia, serif;
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
}
.soft-highlight-card {
  border-radius: 2rem;
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.soft-highlight-card__heading {
  font-family: Georgia, serif;
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
}
::-webkit-scrollbar-thumb {
  border-radius: 9999px;
}
.button-primary {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-radius: calc(infinity * 1px);
  background-color: hsl(var(--primary));
  padding-inline: calc(var(--spacing) * 5);
  padding-block: calc(var(--spacing) * 2.5);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: hsl(var(--primary-foreground));
  --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);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &:hover {
    @media (hover: hover) {
      --tw-translate-y: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  &: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,);
    }
  }
  &:disabled {
    cursor: not-allowed;
  }
  &:disabled {
    opacity: 50%;
  }
  &:disabled {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
}
.button-secondary {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: hsl(var(--border-hsl));
  background-color: hsl(var(--card));
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, hsl(var(--card)) 70%, transparent);
  }
  padding-inline: calc(var(--spacing) * 5);
  padding-block: calc(var(--spacing) * 2.5);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: hsl(var(--foreground));
  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));
  &:hover {
    @media (hover: hover) {
      background-color: hsl(var(--card));
    }
  }
  &:disabled {
    cursor: not-allowed;
  }
  &:disabled {
    opacity: 50%;
  }
}
.button-default {
  border-radius: calc(infinity * 1px);
  background-color: hsl(var(--primary));
  padding-inline: calc(var(--spacing) * 6);
  padding-block: calc(var(--spacing) * 3);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: hsl(var(--primary-foreground));
  --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);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &: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,);
    }
  }
  &:active {
    scale: 0.99;
  }
}
.button-large-square {
  display: inline-flex;
  height: calc(var(--spacing) * 14);
  cursor: pointer;
  align-items: center;
  gap: calc(var(--spacing) * 3);
  border-radius: calc(infinity * 1px);
  background-color: hsl(var(--primary));
  padding-inline: calc(var(--spacing) * 8);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: hsl(var(--primary-foreground));
  --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);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &: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,);
    }
  }
  &:disabled {
    cursor: not-allowed;
  }
}
.button-hero {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 3);
  border-radius: calc(infinity * 1px);
  padding-inline: calc(var(--spacing) * 8);
  padding-block: calc(var(--spacing) * 4);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &:hover {
    @media (hover: hover) {
      --tw-translate-y: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  &:active {
    scale: 0.985;
  }
}
.button-hero-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 3);
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  padding-inline: calc(var(--spacing) * 8);
  padding-block: calc(var(--spacing) * 4);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &:hover {
    @media (hover: hover) {
      --tw-translate-y: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  &:active {
    scale: 0.985;
  }
}
.button-hero--inverse {
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
  &:hover {
    @media (hover: hover) {
      background-color: hsl(var(--background));
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, hsl(var(--background)) 90%, transparent);
      }
    }
  }
}
.button-hero-outline--inverse {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: hsl(var(--background));
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, hsl(var(--background)) 30%, transparent);
  }
  background-color: transparent;
  color: hsl(var(--background));
  &:hover {
    @media (hover: hover) {
      border-color: hsl(var(--background));
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, hsl(var(--background)) 60%, transparent);
      }
    }
  }
  &:hover {
    @media (hover: hover) {
      background-color: hsl(var(--background));
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, hsl(var(--background)) 10%, transparent);
      }
    }
  }
}
.course-header-btn {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-radius: calc(infinity * 1px);
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 2);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: hsl(var(--muted-foreground));
  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));
  &:disabled {
    cursor: not-allowed;
  }
  &:disabled {
    opacity: 50%;
  }
}
.course-header-btn:not(:disabled):hover {
  background-color: hsl(var(--secondary));
  color: hsl(var(--foreground));
}
.course-header-btn--solid {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: hsl(var(--border-hsl));
  background-color: hsl(var(--secondary));
  color: hsl(var(--foreground));
}
.course-header-btn--solid:not(:disabled):hover {
  background-color: hsl(var(--secondary));
  color: hsl(var(--foreground));
}
.course-header-btn--complete {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: hsl(var(--border-hsl));
  background-color: hsl(var(--secondary));
  padding-inline: calc(var(--spacing) * 5);
  padding-block: calc(var(--spacing) * 2);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: hsl(var(--foreground));
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &:hover {
    @media (hover: hover) {
      background-color: hsl(var(--card));
    }
  }
  &:disabled {
    pointer-events: none;
  }
  &:disabled {
    cursor: not-allowed;
  }
  &:disabled {
    opacity: 60%;
  }
}
.course-header-btn--complete.is-done {
  border-color: hsl(var(--primary));
  background-color: hsl(var(--primary));
  color: hsl(var(--primary-foreground));
}
.site-header {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: hsl(var(--border-hsl));
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, hsl(var(--border-hsl)) 80%, transparent);
  }
  background-color: hsl(var(--background));
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, hsl(var(--background)) 85%, transparent);
  }
  --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,);
}
.site-header__inner {
  padding-inline: calc(var(--spacing) * 6);
}
.site-header__bar {
  height: calc(var(--spacing) * 20);
}
.site-header__brand {
  gap: calc(var(--spacing) * 6);
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 10);
  }
}
.site-header__brand-link {
  gap: calc(var(--spacing) * 3);
}
.site-header__logo {
  height: calc(var(--spacing) * 12);
}
.site-header__brand-name {
  font-family: Georgia, serif;
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
  color: hsl(var(--foreground));
}
.site-header__brand-tagline {
  display: block;
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-tracking: 0.32em;
  letter-spacing: 0.32em;
  color: hsl(var(--muted-foreground));
  text-transform: uppercase;
}
.site-header__nav {
  gap: calc(var(--spacing) * 8);
  font-family: Avenir, "Helvetica Neue", Helvetica, sans-serif;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  font-weight: var(--font-weight-medium);
}
.site-header__subnav {
  pointer-events: none;
  position: absolute;
  top: 100%;
  right: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 40;
  margin-inline: auto;
  display: flex;
  max-width: var(--container-7xl);
  justify-content: flex-end;
  padding-inline: calc(var(--spacing) * 6);
}
.site-header__subnav-drawer {
  gap: calc(var(--spacing) * 6);
  border-top-left-radius: var(--radius-3xl);
  border-bottom-right-radius: var(--radius-3xl);
  border-bottom-left-radius: var(--radius-3xl);
  background-color: hsl(var(--foreground));
  padding-block: calc(var(--spacing) * 2.5);
  padding-right: calc(var(--spacing) * 6);
  padding-left: calc(var(--spacing) * 8);
  --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);
  @media (width >= 40rem) {
    gap: calc(var(--spacing) * 8);
  }
}
.site-header__subnav-link {
  border-radius: 0;
  background-color: transparent;
  padding-inline: calc(var(--spacing) * 0);
  padding-block: calc(var(--spacing) * 1);
  font-family: Avenir, "Helvetica Neue", Helvetica, sans-serif;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: hsl(var(--background));
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, hsl(var(--background)) 65%, transparent);
  }
  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));
  &:hover {
    @media (hover: hover) {
      color: hsl(var(--background));
    }
  }
  font-weight: var(--font-weight-medium);
}
.site-header__subnav-link-active {
  border-radius: 0;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: hsl(var(--background));
  background-color: transparent;
  padding-inline: calc(var(--spacing) * 0);
  padding-block: calc(var(--spacing) * 1);
  font-family: Avenir, "Helvetica Neue", Helvetica, sans-serif;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: hsl(var(--background));
  font-weight: var(--font-weight-medium);
}
.site-header__actions {
  gap: calc(var(--spacing) * 4);
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 6);
  }
}
.site-header__icon-btn {
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: hsl(var(--border-hsl));
  padding: calc(var(--spacing) * 2.5);
  color: hsl(var(--muted-foreground));
  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));
  &:hover {
    @media (hover: hover) {
      background-color: hsl(var(--card));
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, hsl(var(--card)) 70%, transparent);
      }
    }
  }
  &:hover {
    @media (hover: hover) {
      color: hsl(var(--foreground));
    }
  }
}
.site-header__badge-dot {
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: hsl(var(--background));
  background-color: hsl(var(--primary));
}
.site-header__divider {
  margin-inline: calc(var(--spacing) * 1);
  background-color: hsl(var(--border-hsl));
}
.site-header__profile-btn {
  margin-right: calc(var(--spacing) * -1);
  gap: calc(var(--spacing) * 3);
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: transparent;
  padding-block: calc(var(--spacing) * 1.5);
  padding-right: calc(var(--spacing) * 2);
  padding-left: calc(var(--spacing) * 1.5);
  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));
  &:hover {
    @media (hover: hover) {
      border-color: hsl(var(--border-hsl));
    }
  }
  &:hover {
    @media (hover: hover) {
      background-color: hsl(var(--card));
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, hsl(var(--card)) 70%, transparent);
      }
    }
  }
}
.site-header__avatar {
  height: calc(var(--spacing) * 9);
  width: calc(var(--spacing) * 9);
  border-radius: calc(infinity * 1px);
  --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);
  --tw-ring-color: transparent;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.site-header__avatar-fallback {
  height: calc(var(--spacing) * 9);
  width: calc(var(--spacing) * 9);
  border-radius: calc(infinity * 1px);
  background-color: hsl(var(--primary));
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: hsl(var(--primary-foreground));
  --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);
  --tw-ring-color: transparent;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.site-header__profile-btn:hover .site-header__avatar, .site-header__profile-btn:hover .site-header__avatar-fallback {
  --tw-ring-color: hsl(var(--primary));
  @supports (color: color-mix(in lab, red, red)) {
    --tw-ring-color: color-mix(in oklab, hsl(var(--primary)) 40%, transparent);
  }
}
.site-header__profile-name {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: hsl(var(--foreground));
}
.site-header__profile-menu {
  border-radius: 1.35rem;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: hsl(var(--border-hsl));
  background-color: hsl(var(--card));
  padding-block: calc(var(--spacing) * 2);
  --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);
}
.site-header__profile-menu-item {
  gap: calc(var(--spacing) * 3);
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 2.5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: hsl(var(--muted-foreground));
  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));
  &:hover {
    @media (hover: hover) {
      background-color: hsl(var(--secondary));
    }
  }
  &:hover {
    @media (hover: hover) {
      color: hsl(var(--foreground));
    }
  }
}
.site-header__profile-menu-item--active {
  background-color: hsl(var(--accent));
  color: hsl(var(--accent-foreground));
}
.site-header__profile-menu-item--danger {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-rose-600);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-rose-50);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-rose-700);
    }
  }
}
.site-header__profile-menu-icon {
  color: hsl(var(--muted-foreground));
}
.site-header__profile-menu-item--danger .site-header__profile-menu-icon {
  color: var(--color-rose-600);
}
.site-header__profile-menu-meta {
  gap: calc(var(--spacing) * 1);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: hsl(var(--muted-foreground));
}
.site-header__profile-menu-chevron {
  color: hsl(var(--muted-foreground));
}
.site-header__profile-menu-divider {
  margin-block: calc(var(--spacing) * 1);
  height: 1px;
  background-color: hsl(var(--border-hsl));
}
.site-header__menu-btn {
  width: calc(var(--spacing) * 11);
  height: calc(var(--spacing) * 11);
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: hsl(var(--border-hsl));
  background-color: hsl(var(--card));
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, hsl(var(--card)) 70%, transparent);
  }
  color: hsl(var(--foreground));
}
.site-header__mobile {
  overflow: hidden;
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: hsl(var(--border-hsl));
  background-color: hsl(var(--background));
  padding-inline: calc(var(--spacing) * 0);
  padding-top: calc(var(--spacing) * 2);
  padding-bottom: calc(var(--spacing) * 8);
}
.site-header__mobile-link {
  padding-inline: calc(var(--spacing) * 6);
  padding-block: calc(var(--spacing) * 3);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: hsl(var(--foreground));
  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));
  &:hover {
    @media (hover: hover) {
      color: hsl(var(--primary));
    }
  }
}
.site-header__mobile-link-active {
  padding-inline: calc(var(--spacing) * 6);
  padding-block: calc(var(--spacing) * 3);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: hsl(var(--primary));
}
.site-header__mobile-section {
  margin-inline: calc(var(--spacing) * 6);
  margin-top: calc(var(--spacing) * 4);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: hsl(var(--border-hsl));
  padding-top: calc(var(--spacing) * 4);
}
.site-header__mobile-item {
  gap: calc(var(--spacing) * 3);
  border-radius: 0;
  padding-inline: calc(var(--spacing) * 0);
  padding-block: calc(var(--spacing) * 2);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: hsl(var(--foreground));
  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));
  &:hover {
    @media (hover: hover) {
      color: hsl(var(--primary));
    }
  }
}
.site-header__mobile-label {
  padding-inline: calc(var(--spacing) * 0);
  padding-top: calc(var(--spacing) * 3);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: 2px;
  letter-spacing: 2px;
  color: hsl(var(--muted-foreground));
  text-transform: uppercase;
}
.site-header__mobile-signout {
  margin-top: calc(var(--spacing) * 4);
  width: 100%;
  justify-content: center;
  gap: calc(var(--spacing) * 3);
  border-radius: calc(infinity * 1px);
  background-color: hsl(var(--primary));
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 3.5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: hsl(var(--primary-foreground));
}
.top-nav {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: hsl(var(--border-hsl));
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, hsl(var(--border-hsl)) 80%, transparent);
  }
  background-color: hsl(var(--background));
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, hsl(var(--background)) 85%, transparent);
  }
  --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,);
}
.header-nav {
  gap: calc(var(--spacing) * 10);
}
.main-nav-button-selected {
  border-radius: 0;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: hsl(var(--foreground));
  background-color: transparent;
  padding-inline: calc(var(--spacing) * 0);
  padding-block: calc(var(--spacing) * 1);
  font-family: Avenir, "Helvetica Neue", Helvetica, sans-serif;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: hsl(var(--foreground));
  font-weight: var(--font-weight-medium);
}
.main-nav-button {
  border-radius: 0;
  background-color: transparent;
  padding-inline: calc(var(--spacing) * 0);
  padding-block: calc(var(--spacing) * 1);
  font-family: Avenir, "Helvetica Neue", Helvetica, sans-serif;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: hsl(var(--muted-foreground));
  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));
  &:hover {
    @media (hover: hover) {
      color: hsl(var(--foreground));
    }
  }
  font-weight: var(--font-weight-medium);
}
.card {
  border-radius: 2.2rem;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: hsl(var(--border-hsl));
  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);
  }
  --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);
}
.card-header {
  gap: calc(var(--spacing) * 4);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: hsl(var(--border-hsl));
  background-color: hsl(var(--secondary));
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, hsl(var(--secondary)) 20%, transparent);
  }
  padding: calc(var(--spacing) * 5);
}
.card-title {
  margin-bottom: calc(var(--spacing) * 0.5);
  font-family: Georgia, serif;
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  color: hsl(var(--foreground));
}
.card-subtitle {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: hsl(var(--muted-foreground));
}
.card-body {
  padding: calc(var(--spacing) * 5);
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 7);
  }
}
.card-header-simple {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: hsl(var(--border-hsl));
  background-color: hsl(var(--secondary));
}
.header-box {
  margin-bottom: calc(var(--spacing) * 6);
  border-radius: 2rem;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: hsl(var(--border-hsl));
  background-color: hsl(var(--card));
  padding: calc(var(--spacing) * 8);
  color: hsl(var(--foreground));
  --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);
}
.simple-box {
  border-radius: 2rem;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: hsl(var(--border-hsl));
  background-color: hsl(var(--card));
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, hsl(var(--card)) 70%, transparent);
  }
  padding: calc(var(--spacing) * 8);
}
.bright-box {
  border-radius: 2rem;
  background-color: hsl(var(--primary));
  padding: calc(var(--spacing) * 8);
  color: hsl(var(--primary-foreground));
  --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);
  --tw-shadow-color: hsl(var(--foreground));
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--foreground)) 10%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.colored-box {
  border-radius: 2rem;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: hsl(var(--border-hsl));
  background-color: hsl(var(--secondary));
}
.notice-box {
  position: relative;
  overflow: hidden;
  border-radius: 2rem;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: hsl(var(--border-hsl));
  background-color: hsl(var(--card));
}
.premium-card {
  background: hsl(var(--card));
  border: 1px solid hsl(var(--border-hsl) / 0.9);
  box-shadow: 0 20px 40px -24px hsl(var(--foreground));
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 20px 40px -24px color-mix(in srgb, hsl(var(--foreground)) 18%, transparent);
  }
  border-radius: 2rem;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.premium-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 28px 48px -24px hsl(var(--foreground));
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 28px 48px -24px color-mix(in srgb, hsl(var(--foreground)) 22%, transparent);
  }
}
.badge {
  border-radius: var(--radius-3xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: hsl(var(--border-hsl));
  background-color: hsl(var(--accent));
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1.5);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
  color: hsl(var(--accent-foreground));
  text-transform: uppercase;
}
.badge-primary {
  margin-bottom: calc(var(--spacing) * 4);
  display: inline-block;
  border-radius: var(--radius-3xl);
  background-color: hsl(var(--card));
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, hsl(var(--card)) 90%, transparent);
  }
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 2);
  font-size: 10px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
  color: hsl(var(--primary));
  text-transform: uppercase;
  --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);
  --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,);
}
.badge-soft {
  border-radius: var(--radius-3xl);
  background-color: hsl(var(--accent));
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: hsl(var(--accent-foreground));
}
.indicator-badge {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-3xl);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
  white-space: nowrap;
  text-transform: uppercase;
}
.indicator-badge.indicator-badge-success {
  background-color: hsl(var(--accent));
  color: hsl(var(--accent-foreground));
}
.indicator-badge.indicator-badge-warning {
  background-color: hsl(var(--secondary));
  color: hsl(var(--foreground));
}
.indicator-badge.indicator-badge-danger {
  background-color: hsl(var(--destructive));
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, hsl(var(--destructive)) 10%, transparent);
  }
  color: hsl(var(--destructive));
}
.indicator-badge.indicator-badge-neutral {
  background-color: hsl(var(--secondary));
  color: hsl(var(--muted-foreground));
}
.indicator-badge-tiny {
  border-radius: var(--radius-3xl);
  background-color: hsl(var(--secondary));
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * 0.5);
  font-size: 10px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
  color: hsl(var(--muted-foreground));
  text-transform: uppercase;
}
.selector-button {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-3xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: hsl(var(--border-hsl));
  background-color: transparent;
  padding-inline: calc(var(--spacing) * 7);
  padding-block: calc(var(--spacing) * 2.5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: hsl(var(--foreground));
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &:hover {
    @media (hover: hover) {
      border-color: hsl(var(--muted-foreground));
    }
  }
}
.selector-button-selected {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-3xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: hsl(var(--primary));
  background-color: hsl(var(--primary));
  padding-inline: calc(var(--spacing) * 7);
  padding-block: calc(var(--spacing) * 2.5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: hsl(var(--primary-foreground));
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.side-nav-selector {
  border-radius: var(--radius-2xl);
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 3);
}
.side-nav-selector-selected {
  background-color: hsl(var(--primary));
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, hsl(var(--primary)) 10%, transparent);
  }
  color: hsl(var(--primary));
}
.side-nav-selector-completed {
  background-color: hsl(var(--accent));
  color: hsl(var(--accent-foreground));
  &:hover {
    @media (hover: hover) {
      background-color: hsl(var(--secondary));
    }
  }
}
.form-input {
  width: 100%;
  border-radius: var(--radius-2xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: hsl(var(--border-hsl));
  background-color: hsl(var(--secondary));
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 4);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: hsl(var(--foreground));
  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));
  --tw-outline-style: none;
  outline-style: none;
  &::placeholder {
    color: hsl(var(--muted-foreground));
  }
  &:focus {
    border-color: hsl(var(--ring));
  }
  &: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 {
    --tw-ring-color: hsl(var(--ring));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, hsl(var(--ring)) 15%, transparent);
    }
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
}
.two-factor-digit {
  display: block;
  width: calc(var(--spacing) * 12);
  border-radius: var(--radius-2xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: hsl(var(--border-hsl));
  background-color: hsl(var(--secondary));
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 3);
  text-align: center;
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: hsl(var(--foreground));
  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));
  --tw-outline-style: none;
  outline-style: none;
  &::placeholder {
    color: hsl(var(--muted-foreground));
  }
  &:focus {
    border-color: hsl(var(--ring));
  }
  &: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 {
    --tw-ring-color: hsl(var(--ring));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, hsl(var(--ring)) 15%, transparent);
    }
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
}
.alert-box {
  margin-bottom: calc(var(--spacing) * 5);
  border-radius: var(--radius-2xl);
  border-left-style: var(--tw-border-style);
  border-left-width: 4px;
  padding: calc(var(--spacing) * 6);
}
.alert-box.alert-warning {
  border-color: var(--color-amber-700);
  background-color: hsl(var(--secondary));
  color: hsl(var(--foreground));
  &:where([data-theme=dark], [data-theme=dark] *) {
    border-color: var(--color-amber-500);
  }
  &:where([data-theme=dark], [data-theme=dark] *) {
    background-color: hsl(var(--muted));
  }
  &:where([data-theme=dark], [data-theme=dark] *) {
    color: hsl(var(--foreground));
  }
}
.alert-box.alert-danger {
  border-color: hsl(var(--destructive));
  background-color: hsl(var(--destructive));
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, hsl(var(--destructive)) 5%, transparent);
  }
  color: hsl(var(--foreground));
  &:where([data-theme=dark], [data-theme=dark] *) {
    border-color: hsl(var(--destructive));
  }
  &:where([data-theme=dark], [data-theme=dark] *) {
    background-color: hsl(var(--destructive));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, hsl(var(--destructive)) 20%, transparent);
    }
  }
  &:where([data-theme=dark], [data-theme=dark] *) {
    color: hsl(var(--foreground));
  }
}
.alert-box.alert-success {
  border-color: hsl(var(--primary));
  background-color: hsl(var(--accent));
  color: hsl(var(--foreground));
  &:where([data-theme=dark], [data-theme=dark] *) {
    border-color: hsl(var(--primary));
  }
  &:where([data-theme=dark], [data-theme=dark] *) {
    background-color: hsl(var(--accent));
  }
  &:where([data-theme=dark], [data-theme=dark] *) {
    color: hsl(var(--foreground));
  }
}
.alert-box.alert-info, .alert-box.alert-primary {
  border-color: hsl(var(--primary));
  background-color: hsl(var(--secondary));
  color: hsl(var(--foreground));
  &:where([data-theme=dark], [data-theme=dark] *) {
    border-color: hsl(var(--primary));
  }
  &:where([data-theme=dark], [data-theme=dark] *) {
    background-color: hsl(var(--muted));
  }
  &:where([data-theme=dark], [data-theme=dark] *) {
    color: hsl(var(--foreground));
  }
}
.alert-box.alert-neutral {
  border-color: hsl(var(--border-hsl));
  background-color: hsl(var(--background));
  color: hsl(var(--muted-foreground));
  &:where([data-theme=dark], [data-theme=dark] *) {
    border-color: hsl(var(--border-hsl));
  }
  &:where([data-theme=dark], [data-theme=dark] *) {
    background-color: hsl(var(--card));
  }
  &:where([data-theme=dark], [data-theme=dark] *) {
    color: hsl(var(--muted-foreground));
  }
}
.alert-box.alert-secondary {
  border-color: hsl(var(--border-hsl));
  background-color: hsl(var(--card));
  color: hsl(var(--foreground));
}
.alert-box.alert-dark {
  border-color: hsl(var(--foreground));
  background-color: hsl(var(--foreground));
  color: hsl(var(--background));
  &:where([data-theme=dark], [data-theme=dark] *) {
    border-color: hsl(var(--background));
  }
  &:where([data-theme=dark], [data-theme=dark] *) {
    background-color: hsl(var(--foreground));
  }
  &:where([data-theme=dark], [data-theme=dark] *) {
    color: hsl(var(--background));
  }
}
.status-notice {
  margin-bottom: calc(var(--spacing) * 8);
  display: flex;
  align-items: flex-start;
  gap: calc(var(--spacing) * 4);
  border-radius: var(--radius-2xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  padding: calc(var(--spacing) * 6);
  @media (width >= 40rem) {
    align-items: center;
  }
}
.status-notice-icon {
  display: flex;
  height: calc(var(--spacing) * 12);
  width: calc(var(--spacing) * 12);
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  color: var(--color-white);
  --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);
}
.status-notice-title {
  font-family: Georgia, serif;
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: hsl(var(--foreground));
}
.status-notice-body {
  margin-top: calc(var(--spacing) * 1);
}
.status-notice-warning {
  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);
  }
  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);
  }
}
.status-notice-warning .status-notice-icon {
  background-color: var(--color-amber-500);
  --tw-shadow-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.status-notice-warning .status-notice-body {
  color: var(--color-amber-800);
}
.status-notice-neutral {
  border-color: var(--color-slate-200);
  background-color: var(--color-slate-100);
}
.status-notice-neutral .status-notice-icon {
  background-color: var(--color-slate-600);
  --tw-shadow-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.status-notice-neutral .status-notice-title {
  color: var(--color-slate-900);
}
.status-notice-neutral .status-notice-body {
  color: var(--color-slate-700);
}
.serif-title {
  font-family: var(--font-serif);
  letter-spacing: -0.02em;
}
.glass-nav {
  backdrop-filter: blur(12px);
}
.custom-scrollbar::-webkit-scrollbar {
  width: 5px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 10px;
}
.block-section {
  padding-top: calc(var(--spacing) * 16);
  padding-bottom: calc(var(--spacing) * 16);
  @media (width >= 40rem) {
    padding-top: calc(var(--spacing) * 24);
  }
  @media (width >= 40rem) {
    padding-bottom: calc(var(--spacing) * 20);
  }
}
.block-section-lg {
  padding-block: calc(var(--spacing) * 24);
}
.block-container {
  margin-inline: auto;
  max-width: var(--container-7xl);
  padding-inline: calc(var(--spacing) * 6);
}
.block-eyebrow {
  margin-bottom: calc(var(--spacing) * 3);
  display: block;
  font-family: Avenir, "Helvetica Neue", Helvetica, sans-serif;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: 0.28em;
  letter-spacing: 0.28em;
  text-transform: uppercase;
}
.block-heading {
  font-family: Georgia, serif;
  font-size: var(--text-5xl);
  line-height: var(--tw-leading, var(--text-5xl--line-height));
  --tw-leading: 0.95;
  line-height: 0.95;
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
  @media (width >= 40rem) {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
  }
}
.block-heading-sm {
  font-family: Georgia, serif;
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
  --tw-leading: 0.95;
  line-height: 0.95;
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
  @media (width >= 40rem) {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
}
.block-lede {
  margin-top: calc(var(--spacing) * 4);
  max-width: var(--container-xl);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  color: hsl(var(--muted-foreground));
  @media (width >= 40rem) {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
}
.block-text-link {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: hsl(var(--muted-foreground));
  padding-bottom: calc(var(--spacing) * 1);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  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));
  &:hover {
    @media (hover: hover) {
      border-color: hsl(var(--primary));
    }
  }
  &:hover {
    @media (hover: hover) {
      color: hsl(var(--primary));
    }
  }
}
.block-feature-card {
  border-radius: 2rem;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: hsl(var(--border-hsl));
  background-color: hsl(var(--card));
  padding: calc(var(--spacing) * 8);
  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));
}
.block-feature-card-lg {
  border-radius: 2.5rem;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: hsl(var(--border-hsl));
  background-color: hsl(var(--card));
  padding: calc(var(--spacing) * 8);
  @media (width >= 40rem) {
    padding: calc(var(--spacing) * 10);
  }
}
.block-icon-sm {
  display: flex;
  height: calc(var(--spacing) * 10);
  width: calc(var(--spacing) * 10);
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-2xl);
}
.block-icon {
  display: flex;
  height: calc(var(--spacing) * 12);
  width: calc(var(--spacing) * 12);
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-2xl);
}
.block-icon-lg {
  display: flex;
  height: calc(var(--spacing) * 16);
  width: calc(var(--spacing) * 16);
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-2xl);
}
.block-media {
  overflow: hidden;
  border-radius: var(--radius-3xl);
}
.block-media-md {
  overflow: hidden;
  border-radius: var(--radius-3xl);
}
.block-header-overlay {
  position: relative;
  display: flex;
  height: 520px;
  align-items: center;
  overflow: hidden;
  background-color: hsl(var(--foreground));
  color: hsl(var(--background));
}
.block-header-overlay__image {
  position: absolute;
  inset: calc(var(--spacing) * 0);
  height: 100%;
  width: 100%;
  object-fit: cover;
  opacity: 30%;
}
.block-header-overlay__inner {
  position: relative;
  z-index: 10;
  margin-inline: auto;
  max-width: var(--container-2xl);
  padding-inline: calc(var(--spacing) * 6);
  text-align: center;
}
.block-header-overlay__eyebrow-wrap {
  margin-inline: auto;
  margin-bottom: calc(var(--spacing) * 8);
  max-width: var(--container-xs);
}
.block-header-overlay__eyebrow {
  display: inline-block;
  border-radius: var(--radius-3xl);
  padding-inline: calc(var(--spacing) * 5);
  padding-block: calc(var(--spacing) * 3);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  background-color: hsl(var(--background));
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb, hsl(var(--background)) 10%, transparent);
  }
}
.block-header-overlay__title {
  margin-bottom: calc(var(--spacing) * 8);
  font-family: Georgia, serif;
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
  --tw-leading: 0.95;
  line-height: 0.95;
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
  @media (width >= 40rem) {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
  @media (width >= 64rem) {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
  }
}
.block-header-overlay__text {
  margin-inline: auto;
  max-width: var(--container-xs);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  opacity: 80%;
}
.block-hero-split {
  position: relative;
  overflow: hidden;
  padding-block: calc(var(--spacing) * 20);
  @media (width >= 40rem) {
    padding-block: calc(var(--spacing) * 24);
  }
  background-color: hsl(var(--foreground));
  color: hsl(var(--background));
}
.block-hero-split__image {
  position: absolute;
  inset: calc(var(--spacing) * 0);
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.block-hero-split__scrim {
  position: absolute;
  inset: calc(var(--spacing) * 0);
  background-image: linear-gradient( to bottom, hsl(var(--foreground)), hsl(var(--foreground)), hsl(var(--foreground)) );
  @supports (color: color-mix(in lab, red, red)) {
    background-image: linear-gradient( to bottom, color-mix(in srgb, hsl(var(--foreground)) 80%, transparent), color-mix(in srgb, hsl(var(--foreground)) 55%, transparent), color-mix(in srgb, hsl(var(--foreground)) 90%, transparent) );
  }
}
.block-hero-split__body {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 16);
}
.block-hero-split__copy {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 8);
  padding-top: calc(var(--spacing) * 10);
}
.block-hero-split__title {
  font-family: Georgia, serif;
  font-size: var(--text-5xl);
  line-height: var(--tw-leading, var(--text-5xl--line-height));
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
  --tw-font-weight: var(--font-weight-light);
  font-weight: var(--font-weight-light);
  --tw-tracking: var(--tracking-tighter);
  letter-spacing: var(--tracking-tighter);
  @media (width >= 48rem) {
    font-size: var(--text-7xl);
    line-height: var(--tw-leading, var(--text-7xl--line-height));
  }
  @media (width >= 64rem) {
    font-size: var(--text-8xl);
    line-height: var(--tw-leading, var(--text-8xl--line-height));
  }
}
.block-hero-split__subtitle {
  max-width: var(--container-xl);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  opacity: 80%;
  @media (width >= 48rem) {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
}
.block-hero-split__actions {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--spacing) * 4);
  padding-top: calc(var(--spacing) * 4);
}
.block-hero-split__nav {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 6);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  padding-top: calc(var(--spacing) * 8);
  @media (width >= 64rem) {
    flex-direction: row;
  }
  border-color: hsl(var(--background));
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, hsl(var(--background)) 10%, transparent);
  }
}
.block-hero-split__nav-item {
  flex: 1;
  border-left-style: var(--tw-border-style);
  border-left-width: 2px;
  padding-block: calc(var(--spacing) * 4);
  padding-left: calc(var(--spacing) * 4);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  border-color: hsl(var(--background));
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, hsl(var(--background)) 20%, transparent);
  }
  color: hsl(var(--background));
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, hsl(var(--background)) 55%, transparent);
  }
}
.block-hero-split__nav-item:hover, .block-hero-split__nav-item.is-active {
  border-color: hsl(var(--primary));
  color: hsl(var(--background));
}
.block-hero-split__nav-label {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}
.block-hero-centered {
  position: relative;
  display: flex;
  height: calc(100vh - 100px);
  min-height: 32rem;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: hsl(var(--foreground));
  color: hsl(var(--background));
}
.block-hero-centered__image {
  position: absolute;
  inset: calc(var(--spacing) * 0);
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.block-hero-centered__scrim {
  position: absolute;
  inset: calc(var(--spacing) * 0);
  background-image: linear-gradient( to bottom, hsl(var(--foreground)), hsl(var(--foreground)), hsl(var(--foreground)) );
  @supports (color: color-mix(in lab, red, red)) {
    background-image: linear-gradient( to bottom, color-mix(in srgb, hsl(var(--foreground)) 30%, transparent), color-mix(in srgb, hsl(var(--foreground)) 45%, transparent), color-mix(in srgb, hsl(var(--foreground)) 75%, transparent) );
  }
}
.block-hero-centered__inner {
  position: relative;
  z-index: 10;
  margin-inline: auto;
  max-width: var(--container-4xl);
  padding-inline: calc(var(--spacing) * 6);
  text-align: center;
}
.block-hero-centered__eyebrow {
  margin-bottom: calc(var(--spacing) * 8);
  display: inline-flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-3xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  padding-inline: calc(var(--spacing) * 6);
  padding-block: calc(var(--spacing) * 1.5);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-tracking: 3px;
  letter-spacing: 3px;
  text-transform: uppercase;
  --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,);
  background-color: hsl(var(--background));
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb, hsl(var(--background)) 10%, transparent);
  }
  border-color: hsl(var(--background));
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, hsl(var(--background)) 30%, transparent);
  }
}
.block-hero-centered__eyebrow-dot {
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 2);
  animation: var(--animate-pulse);
  border-radius: calc(infinity * 1px);
  background-color: hsl(var(--primary));
}
.block-hero-centered__title {
  margin-bottom: calc(var(--spacing) * 6);
  font-family: Georgia, serif;
  font-size: var(--text-5xl);
  line-height: var(--tw-leading, var(--text-5xl--line-height));
  --tw-leading: 0.95;
  line-height: 0.95;
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
  @media (width >= 40rem) {
    font-size: var(--text-7xl);
    line-height: var(--tw-leading, var(--text-7xl--line-height));
  }
  @media (width >= 48rem) {
    font-size: 92px;
  }
}
.block-hero-centered__subtitle {
  margin-inline: auto;
  margin-bottom: calc(var(--spacing) * 14);
  max-width: var(--container-md);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  opacity: 90%;
}
.block-hero-centered__actions {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: calc(var(--spacing) * 4);
  @media (width >= 40rem) {
    flex-direction: row;
  }
}
.block-hero-centered__scroll {
  position: absolute;
  bottom: calc(var(--spacing) * 12);
  left: calc(1 / 2 * 100%);
  display: flex;
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  flex-direction: column;
  align-items: center;
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
  color: hsl(var(--background));
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, hsl(var(--background)) 70%, transparent);
  }
}
.course-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 2rem;
  border-style: var(--tw-border-style);
  border-width: 1px;
  background-color: hsl(var(--card));
  color: hsl(var(--foreground));
  text-decoration-line: none;
  --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);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  &:hover {
    @media (hover: hover) {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  &: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);
    }
  }
  border-color: hsl(var(--card-border));
}
.course-card-simple {
  overflow: hidden;
  border-radius: 2rem;
  border-style: var(--tw-border-style);
  border-width: 1px;
  background-color: hsl(var(--card));
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  &:hover {
    @media (hover: hover) {
      border-color: hsl(var(--muted-foreground));
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, hsl(var(--muted-foreground)) 40%, transparent);
      }
    }
  }
  border-color: hsl(var(--card-border));
}
.course-card__media {
  position: relative;
  height: calc(var(--spacing) * 72);
  flex-shrink: 0;
  overflow: hidden;
}
.course-card__media.card-zoom:hover img {
  transform: scale(1.1);
}
.course-card__chips {
  display: none;
}
.course-card__badge {
  position: absolute;
  top: calc(var(--spacing) * 5);
  right: calc(var(--spacing) * 5);
  z-index: 10;
}
.course-card__view {
  display: none;
}
.course-card__body {
  position: relative;
  z-index: 10;
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: calc(var(--spacing) * 8);
}
.course-card__body-simple {
  padding: calc(var(--spacing) * 8);
}
.course-card__eyebrow {
  margin-bottom: calc(var(--spacing) * 2);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
  color: hsl(var(--muted-foreground));
  text-transform: uppercase;
}
.course-card__category {
  margin-bottom: calc(var(--spacing) * 3);
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--spacing) * 1.5);
}
.course-card__category-pill {
  border-radius: calc(infinity * 1px);
  background-color: hsl(var(--secondary));
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: hsl(var(--secondary-foreground));
}
.course-card__title {
  margin-bottom: calc(var(--spacing) * 4);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-family: Georgia, serif;
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
  color: hsl(var(--foreground));
}
.course-card:hover .course-card__title, .course-card:focus .course-card__title {
  color: hsl(var(--foreground));
}
.course-card__desc {
  margin-bottom: calc(var(--spacing) * 6);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: hsl(var(--muted-foreground));
}
.course-card__footer {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--spacing) * 3);
  border-style: var(--tw-border-style);
  border-width: 0px;
  padding-top: calc(var(--spacing) * 0);
}
.course-card__meta {
  display: none;
}
.course-card__price {
  font-family: Georgia, serif;
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
  color: hsl(var(--foreground));
}
.course-card__actions {
  margin-left: auto;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: calc(var(--spacing) * 3);
}
.course-card__details {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-radius: calc(infinity * 1px);
  border-color: transparent;
  background-color: hsl(var(--primary));
  padding-inline: calc(var(--spacing) * 5);
  padding-block: calc(var(--spacing) * 2.5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: var(--tracking-normal);
  letter-spacing: var(--tracking-normal);
  color: hsl(var(--primary-foreground));
  text-transform: none;
  --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);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &:hover {
    @media (hover: hover) {
      --tw-translate-y: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  &:hover {
    @media (hover: hover) {
      background-color: hsl(var(--primary));
    }
  }
  &:hover {
    @media (hover: hover) {
      color: hsl(var(--primary-foreground));
    }
  }
  &: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,);
    }
  }
}
.course-card__details-icon {
  height: calc(var(--spacing) * 3.5);
  width: calc(var(--spacing) * 3.5);
  flex-shrink: 0;
}
.course-card__status {
  position: absolute;
  top: calc(var(--spacing) * 5);
  right: calc(var(--spacing) * 5);
  z-index: 10;
  border-radius: var(--radius-3xl);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
  color: hsl(var(--primary-foreground));
  text-transform: uppercase;
  --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,);
}
.course-card__status--complete {
  background-color: hsl(var(--primary));
}
.course-card__status--started {
  background-color: #b5795b;
}
.course-card__status--open {
  background-color: #e5c08b;
}
.course-card__status--taken {
  background-color: #1f2b24;
}
.course-card__progress {
  margin-top: auto;
  :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)));
  }
  padding-top: calc(var(--spacing) * 2);
}
.course-card__progress-track {
  height: calc(var(--spacing) * 1.5);
  width: 100%;
  overflow: hidden;
  border-radius: calc(infinity * 1px);
  background-color: hsl(var(--muted));
}
.course-card__progress-bar {
  height: 100%;
  border-radius: calc(infinity * 1px);
  background-color: hsl(var(--primary));
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.course-card__progress-label {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: hsl(var(--muted-foreground));
}
.product-list-row__media {
  --tw-gradient-from: color-mix(in oklab, var(--color-rose-200) 70%, transparent);
  --tw-gradient-via: hsl(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);
  --tw-gradient-to: color-mix(in oklab, var(--color-amber-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));
}
.product-list-row__btn--primary {
  background-color: hsl(var(--foreground));
  color: hsl(var(--background));
  &:hover {
    @media (hover: hover) {
      background-color: hsl(var(--foreground));
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, hsl(var(--foreground)) 90%, transparent);
      }
    }
  }
  &:hover {
    @media (hover: hover) {
      --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,);
    }
  }
}
.block-chip {
  border-radius: var(--radius-3xl);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: hsl(var(--foreground));
  --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,);
}
.block-view-pill {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--spacing) * 1);
  border-radius: var(--radius-3xl);
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 2);
  font-size: 10px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
  --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);
  --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,);
}
.block-filter-pill {
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: hsl(var(--border-hsl));
  background-color: hsl(var(--card));
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, hsl(var(--card)) 55%, transparent);
  }
  padding-inline: calc(var(--spacing) * 5);
  padding-block: calc(var(--spacing) * 2.5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: hsl(var(--foreground));
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.block-filter-pill:hover {
  border-color: hsl(var(--muted-foreground));
}
.block-filter-pill.is-active, .block-filter-pill[aria-pressed="true"] {
  border-color: hsl(var(--primary));
  background-color: hsl(var(--primary));
  color: hsl(var(--primary-foreground));
}
.block-filter-pill.is-active:hover, .block-filter-pill[aria-pressed="true"]:hover {
  border-color: hsl(var(--primary));
}
.block-accordion-item {
  overflow: hidden;
  border-radius: var(--radius-3xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: hsl(var(--border-hsl));
  background-color: hsl(var(--card));
}
.block-accordion-trigger {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: calc(var(--spacing) * 8);
  text-align: left;
}
.features-cards-grid__grid {
  display: grid;
  gap: calc(var(--spacing) * 5);
  @media (width >= 64rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.features-cards-grid__card {
  border-radius: 2rem;
  border-style: var(--tw-border-style);
  border-width: 1px;
  padding: calc(var(--spacing) * 6);
  --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);
}
.features-cards-grid__icon {
  display: inline-flex;
  width: calc(var(--spacing) * 12);
  height: calc(var(--spacing) * 12);
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-leading: 1;
  line-height: 1;
}
.features-cards-grid__icon :is([class*="icon-"], svg) {
  display: block;
  width: calc(var(--spacing) * 6);
  height: calc(var(--spacing) * 6);
  flex-shrink: 0;
  --tw-leading: 1;
  line-height: 1;
}
.features-cards-grid__icon [class*="icon-"]::before {
  display: block;
}
.features-cards-grid__title {
  margin-top: calc(var(--spacing) * 8);
  font-family: Georgia, serif;
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
}
.features-cards-grid__text {
  margin-top: calc(var(--spacing) * 3);
  --tw-leading: calc(var(--spacing) * 7);
  line-height: calc(var(--spacing) * 7);
}
.features-cards-contrast__grid {
  display: grid;
  gap: calc(var(--spacing) * 5);
  @media (width >= 64rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.features-cards-contrast__card {
  border-radius: 2rem;
  border-style: var(--tw-border-style);
  border-width: 1px;
  padding: calc(var(--spacing) * 6);
  --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);
}
.features-cards-contrast__icon {
  display: inline-flex;
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-leading: 1;
  line-height: 1;
}
.features-cards-contrast__icon :is([class*="icon-"], svg) {
  width: calc(var(--spacing) * 7);
  height: calc(var(--spacing) * 7);
  flex-shrink: 0;
  --tw-leading: 1;
  line-height: 1;
}
.features-cards-contrast__icon [class*="icon-"]::before {
  display: block;
}
.features-cards-contrast__title {
  margin-top: calc(var(--spacing) * 5);
  font-family: Georgia, serif;
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
}
.features-cards-contrast__text {
  margin-top: calc(var(--spacing) * 3);
  --tw-leading: calc(var(--spacing) * 7);
  line-height: calc(var(--spacing) * 7);
}
:root {
  --background: 38 41% 95%;
  --foreground: 33 13% 13%;
  --card: 43 100% 99%;
  --card-foreground: 33 13% 13%;
  --card-border: 33 32% 81%;
  --popover: 43 100% 99%;
  --popover-foreground: 33 13% 13%;
  --primary: 33 13% 13%;
  --primary-foreground: 38 41% 95%;
  --primary-hover: 32 15% 20%;
  --secondary: 39 34% 89%;
  --secondary-foreground: 33 13% 13%;
  --muted: 39 34% 89%;
  --muted-foreground: 31 17% 47%;
  --accent: 35 42% 90%;
  --accent-foreground: 19 31% 48%;
  --destructive: 0 55% 42%;
  --destructive-foreground: 0 0% 100%;
  --border-hsl: 37 28% 82%;
  --input: 33 29% 78%;
  --ring: 20 38% 53%;
  --radius: 1.25rem;
  --block-bg-colored: #efe6d8;
  --block-bg-light: hsl(var(--background));
  --block-card-bg: #fffdf8;
  --block-card-bg-colored: #f7f3ec;
  --soft-highlight-bg-from: 38 41% 95%;
  --soft-highlight-bg-to: 35 42% 90%;
  --soft-highlight-border: 37 28% 82%;
  --soft-highlight-heading: 19 31% 40%;
  --soft-highlight-muted: 31 17% 47%;
}
.dark {
  --background: 33 12% 10%;
  --foreground: 38 30% 94%;
  --card: 33 10% 13%;
  --card-foreground: 38 30% 94%;
  --card-border: 33 10% 22%;
  --popover: 33 10% 13%;
  --popover-foreground: 38 30% 94%;
  --primary: 38 30% 94%;
  --primary-foreground: 33 12% 10%;
  --primary-hover: 38 25% 88%;
  --secondary: 33 10% 16%;
  --secondary-foreground: 38 25% 90%;
  --muted: 33 10% 16%;
  --muted-foreground: 33 12% 62%;
  --accent: 25 18% 18%;
  --accent-foreground: 29 43% 72%;
  --destructive: 0 55% 48%;
  --destructive-foreground: 0 0% 98%;
  --border-hsl: 33 10% 22%;
  --input: 33 10% 22%;
  --ring: 20 38% 58%;
  --block-bg-colored: hsl(var(--secondary));
  --block-bg-light: hsl(var(--background));
  --block-card-bg: hsl(var(--secondary));
  --block-card-bg-colored: hsl(var(--card));
  --soft-highlight-bg-from: 33 10% 13%;
  --soft-highlight-bg-to: 25 16% 16%;
  --soft-highlight-border: 33 10% 26%;
  --soft-highlight-heading: 29 43% 72%;
  --soft-highlight-muted: 33 12% 62%;
}
.glass-nav {
  background: hsl(38 41% 95% / 0.85);
  border-bottom: 1px solid hsl(37 28% 82% / 0.8);
}
.morning-glow {
  background: radial-gradient(ellipse 120% 80% at 0% 40%, hsl(39 34% 89% / 0.95) 0%, transparent 58%), radial-gradient(ellipse 100% 70% at 100% 30%, hsl(323 24% 89% / 0.55) 0%, transparent 55%), radial-gradient(circle at 50% 100%, hsl(20 38% 53% / 0.08) 0%, transparent 45%);
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: hsl(37 28% 82%);
}
.colored-box {
  border-color: hsl(var(--border-hsl));
  background-color: var(--block-bg-colored);
}
.notice-box {
  border-color: hsl(var(--border-hsl));
  background-color: hsl(var(--card));
}
.block-bg {
  background-color: transparent;
}
.block-bg--colored {
  background-color: hsl(var(--card));
}
.course-card, .course-card-simple {
  background-color: var(--block-card-bg);
}
.block-bg--colored .course-card, .block-bg--colored .course-card-simple {
  background-color: var(--block-card-bg-colored);
}
.course-card__desc {
  color: #7b6b5b;
}
.course-card__category-pill {
  background-color: #f0e7da;
  color: #705e4f;
}
.form-input {
  border-color: #d8c8b7;
  background-color: #fbf8f2;
  &:focus {
    border-color: #b5795b;
  }
  &:focus {
    --tw-ring-color: color-mix(in oklab, #b5795b 15%, transparent);
  }
}
.two-factor-digit {
  border-color: #d8c8b7;
  background-color: #fbf8f2;
  &:focus {
    border-color: #b5795b;
  }
  &:focus {
    --tw-ring-color: color-mix(in oklab, #b5795b 15%, transparent);
  }
}
.block-eyebrow, .block-eyebrow.text-primary {
  color: #a06d55;
}
.site-header__nav, .main-nav-button, .main-nav-button-selected, .site-header__mobile-link, .site-header__mobile-link-active {
  color: rgb(93, 81, 70);
  font-weight: var(--font-weight-medium);
}
.main-nav-button:hover, .site-header__mobile-link:hover {
  color: #26221d;
}
.main-nav-button-selected, .site-header__mobile-link-active {
  color: #26221d;
  border-color: #26221d;
}
.site-header__subnav-drawer {
  background-color: #26221d;
}
.site-header__subnav-link {
  color: rgba(247, 243, 236, 0.7);
  font-weight: var(--font-weight-medium);
}
.site-header__subnav-link:hover {
  color: #f7f3ec;
}
.site-header__subnav-link-active {
  color: #f7f3ec;
  border-color: #f7f3ec;
}
.hero-glow {
  background: radial-gradient(ellipse 60% 50% at 70% 20%, hsl(20 38% 53% / 0.12) 0%, transparent 70%), radial-gradient(ellipse 40% 60% at 20% 80%, hsl(39 34% 89% / 0.7) 0%, transparent 70%), hsl(38 41% 95%);
}
.alert-box.alert-warning {
  border-left-color: #b5795b;
  background-color: #fbf6ee;
  color: #5d5146;
  &:where([data-theme=dark], [data-theme=dark] *) {
    border-left-color: #e5c08b;
  }
  &:where([data-theme=dark], [data-theme=dark] *) {
    background-color: #34281c;
  }
  &:where([data-theme=dark], [data-theme=dark] *) {
    color: #f0e7da;
  }
}
.alert-box.alert-danger {
  border-left-color: #a8483c;
  background-color: #faf0ee;
  color: #5c2520;
  &:where([data-theme=dark], [data-theme=dark] *) {
    border-left-color: #c45c52;
  }
  &:where([data-theme=dark], [data-theme=dark] *) {
    background-color: #361f1c;
  }
  &:where([data-theme=dark], [data-theme=dark] *) {
    color: #f4deda;
  }
}
.alert-box.alert-success {
  border-left-color: #1f2b24;
  background-color: #eff3ef;
  color: #1f2b24;
  &:where([data-theme=dark], [data-theme=dark] *) {
    border-left-color: #8d9b90;
  }
  &:where([data-theme=dark], [data-theme=dark] *) {
    background-color: #15201a;
  }
  &:where([data-theme=dark], [data-theme=dark] *) {
    color: #dfe8df;
  }
}
.alert-box.alert-info, .alert-box.alert-primary {
  border-left-color: hsl(var(--primary));
  background-color: hsl(var(--secondary));
  color: hsl(var(--foreground));
  &:where([data-theme=dark], [data-theme=dark] *) {
    border-left-color: hsl(var(--primary));
  }
  &:where([data-theme=dark], [data-theme=dark] *) {
    background-color: #241e18;
  }
  &:where([data-theme=dark], [data-theme=dark] *) {
    color: #f0e7da;
  }
}
.alert-box.alert-info2, .alert-box.alert-primary2 {
  border-left-color: hsl(var(--accent-foreground));
  background-color: hsl(var(--accent));
  color: hsl(var(--foreground));
  &:where([data-theme=dark], [data-theme=dark] *) {
    border-left-color: hsl(var(--accent-foreground));
  }
  &:where([data-theme=dark], [data-theme=dark] *) {
    background-color: #1c1814;
  }
  &:where([data-theme=dark], [data-theme=dark] *) {
    color: #f0e7da;
  }
}
.alert-box.alert-neutral {
  border-left-color: hsl(var(--border-hsl));
  background-color: hsl(var(--background));
  color: hsl(var(--muted-foreground));
  &:where([data-theme=dark], [data-theme=dark] *) {
    border-left-color: hsl(var(--muted-foreground));
  }
  &:where([data-theme=dark], [data-theme=dark] *) {
    background-color: #1a1612;
  }
  &:where([data-theme=dark], [data-theme=dark] *) {
    color: #f0e7da;
  }
}
.alert-box.alert-secondary {
  border-left-color: hsl(var(--border-hsl));
  &:where([data-theme=dark], [data-theme=dark] *) {
    border-left-color: hsl(var(--muted));
  }
}
.alert-box.alert-dark {
  border-left-color: hsl(var(--foreground));
  background-color: hsl(var(--foreground));
  color: hsl(var(--background));
  &:where([data-theme=dark], [data-theme=dark] *) {
    border-left-color: hsl(var(--background));
  }
  &:where([data-theme=dark], [data-theme=dark] *) {
    background-color: #120f0c;
  }
  &:where([data-theme=dark], [data-theme=dark] *) {
    color: hsl(var(--background));
  }
}
.indicator-badge.indicator-badge-success {
  background-color: #eff3ef;
  color: #1f2b24;
  &:where([data-theme=dark], [data-theme=dark] *) {
    background-color: #15201a;
  }
  &:where([data-theme=dark], [data-theme=dark] *) {
    color: #dfe8df;
  }
}
.indicator-badge.indicator-badge-warning {
  background-color: #fbf6ee;
  color: #5d5146;
  &:where([data-theme=dark], [data-theme=dark] *) {
    background-color: #34281c;
  }
  &:where([data-theme=dark], [data-theme=dark] *) {
    color: #e5c08b;
  }
}
.indicator-badge.indicator-badge-danger {
  background-color: #faf0ee;
  color: #5c2520;
  &:where([data-theme=dark], [data-theme=dark] *) {
    background-color: #361f1c;
  }
  &:where([data-theme=dark], [data-theme=dark] *) {
    color: #e8b8b0;
  }
}
.indicator-badge.indicator-badge-neutral {
  background-color: hsl(var(--secondary));
  color: hsl(var(--muted-foreground));
  &:where([data-theme=dark], [data-theme=dark] *) {
    background-color: #241e18;
  }
  &:where([data-theme=dark], [data-theme=dark] *) {
    color: #f0e7da;
  }
}
.indicator-badge-tiny {
  background-color: hsl(var(--secondary));
  color: hsl(var(--muted-foreground));
}
.features-cards-grid__card {
  border-color: #dccdbb;
}
.features-cards-grid__card--1 {
  background-color: #ece5d8;
}
.features-cards-grid__card--2 {
  background-color: #eadde5;
}
.features-cards-grid__card--3 {
  background-color: #dfe8df;
}
.features-cards-grid__card--4 {
  background-color: #dce6ea;
}
.features-cards-grid__card--5 {
  background-color: #e8dcc8;
}
.features-cards-grid__card--6 {
  background-color: #e4e0ea;
}
.features-cards-grid__icon {
  background-color: color-mix(in srgb, #fff 65%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 65%, transparent);
  }
  color: #5d5146;
}
.features-cards-grid__text {
  color: #66584b;
}
.features-cards-contrast__card {
  border-color: #ded0bf;
  background-color: #26221d;
  color: #f9f1e6;
  --tw-shadow-color: color-mix(in srgb, oklch(86.9% 0.005 56.366) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-stone-300) 30%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.features-cards-contrast__icon {
  color: #e5c08b;
}
.features-cards-contrast__text {
  color: #d8ccbc;
}
@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-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-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-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 caret-blink {
  0%,70%,100% {
    opacity: 1;
  }
  20%,50% {
    opacity: 0;
  }
}
@keyframes bounce-side {
  0%, 100% {
    transform: translateX(-25%);
    animation-timing-function: ease-in;
  }
  50% {
    transform: translateX(0);
    animation-timing-function: ease-out;
  }
}
@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-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-x-reverse: 0;
      --tw-border-style: solid;
      --tw-divide-y-reverse: 0;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
    }
  }
}