/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
@layer properties;
:root, :host {
  --spacing-nav-width: 240px;
  --spacing-details-width: 340px;
  --spacing-toolbar-height: 52px;
  --spacing-dropdown: 45vh;
  --breakpoint-sm: 40rem;
  --breakpoint-md: 48rem;
  --breakpoint-lg: 64rem;
  --breakpoint-xl: 80rem;
  --font-sans: "InterVariable", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
  --font-serif: Georgia, Cambria, "Times New Roman", Times, serif;
  --font-caveat: "Caveat", system-ui, sans-serif;
  --color-red-50: oklch(97.2% 0.0164 16.1);
  --color-red-100: oklch(93.8% 0.0388 16.5);
  --color-red-200: oklch(88.9% 0.0738 17.2);
  --color-red-300: oklch(81.6% 0.1271 18.6);
  --color-red-400: oklch(72.4% 0.1996 21.5);
  --color-red-500: oklch(65.3% 0.2452 24.8);
  --color-red-600: oklch(59.4% 0.2517 26.9);
  --color-red-700: oklch(52.1% 0.2227 27.1);
  --color-red-800: oklch(43.0% 0.1848 24.6);
  --color-red-900: oklch(36.2% 0.1093 19.7);
  --color-red-950: oklch(29.7% 0.0654 15.1);
  --color-orange-50: oklch(98.0% 0.018 69.5);
  --color-orange-100: oklch(95.5% 0.0423 71.3);
  --color-orange-200: oklch(90.4% 0.0842 67.0);
  --color-orange-300: oklch(84.1% 0.136 63.2);
  --color-orange-400: oklch(76.7% 0.1878 53.7);
  --color-orange-500: oklch(71.7% 0.2208 46.1);
  --color-orange-600: oklch(66.0% 0.2293 40.0);
  --color-orange-700: oklch(56.6% 0.2049 37.4);
  --color-orange-800: oklch(44.8% 0.1618 37.5);
  --color-orange-900: oklch(36.6% 0.0855 48.2);
  --color-orange-950: oklch(30.0% 0.0485 45.2);
  --color-amber-50: oklch(98.6% 0.0264 95.1);
  --color-amber-100: oklch(96.5% 0.0695 97.5);
  --color-amber-200: oklch(93.0% 0.1328 96.7);
  --color-amber-300: oklch(88.8% 0.18 92.8);
  --color-amber-400: oklch(85.1% 0.1948 86.5);
  --color-amber-500: oklch(78.6% 0.1876 76.7);
  --color-amber-600: oklch(67.8% 0.1734 64.5);
  --color-amber-700: oklch(56.2% 0.1555 55.0);
  --color-amber-800: oklch(44.2% 0.1272 53.5);
  --color-amber-900: oklch(35.4% 0.0726 69.3);
  --color-amber-950: oklch(29.6% 0.0393 70.2);
  --color-yellow-100: oklch(96.5% 0.0695 97.5);
  --color-yellow-200: oklch(93.0% 0.1328 96.7);
  --color-yellow-300: oklch(88.8% 0.18 92.8);
  --color-yellow-400: oklch(85.1% 0.1948 86.5);
  --color-yellow-500: oklch(78.6% 0.1876 76.7);
  --color-yellow-900: oklch(35.4% 0.0726 69.3);
  --color-olive-50: oklch(98.6% 0.0231 107.7);
  --color-olive-100: oklch(95.8% 0.0619 107.5);
  --color-olive-200: oklch(92.6% 0.1196 107.6);
  --color-olive-300: oklch(87.4% 0.1828 108.6);
  --color-olive-400: oklch(83.3% 0.1991 111.1);
  --color-olive-500: oklch(74.9% 0.1861 113.5);
  --color-olive-600: oklch(63.8% 0.1622 113.7);
  --color-olive-700: oklch(51.5% 0.126 113.4);
  --color-olive-800: oklch(39.9% 0.1035 119.3);
  --color-olive-900: oklch(35.6% 0.0637 116.9);
  --color-olive-950: oklch(29.0% 0.0293 115.3);
  --color-lime-50: oklch(98.4% 0.0347 122.7);
  --color-lime-100: oklch(96.4% 0.0745 124.4);
  --color-lime-200: oklch(93.3% 0.1396 126.4);
  --color-lime-300: oklch(89.0% 0.209 128.9);
  --color-lime-400: oklch(84.0% 0.2465 131.1);
  --color-lime-500: oklch(75.9% 0.2452 133.2);
  --color-lime-600: oklch(64.0% 0.211 134.1);
  --color-lime-700: oklch(52.6% 0.1687 134.0);
  --color-lime-800: oklch(42.2% 0.1179 132.5);
  --color-lime-900: oklch(37.2% 0.0831 130.3);
  --color-lime-950: oklch(29.7% 0.0422 130.7);
  --color-green-50: oklch(97.9% 0.0238 137.3);
  --color-green-100: oklch(95.9% 0.0538 138.7);
  --color-green-200: oklch(92.4% 0.1118 140.1);
  --color-green-300: oklch(87.3% 0.1851 141.4);
  --color-green-400: oklch(80.9% 0.2424 142.8);
  --color-green-500: oklch(72.9% 0.2558 143.7);
  --color-green-600: oklch(62.2% 0.2224 144.1);
  --color-green-700: oklch(51.7% 0.1772 144.5);
  --color-green-800: oklch(41.4% 0.1204 144.8);
  --color-green-900: oklch(35.8% 0.0783 144.8);
  --color-green-950: oklch(28.7% 0.0366 146.4);
  --color-emerald-50: oklch(98.0% 0.018 161.4);
  --color-emerald-100: oklch(95.2% 0.0487 164.6);
  --color-emerald-200: oklch(90.8% 0.0949 162.7);
  --color-emerald-300: oklch(85.0% 0.1494 163.8);
  --color-emerald-400: oklch(78.3% 0.1888 164.9);
  --color-emerald-500: oklch(70.2% 0.1849 166.4);
  --color-emerald-600: oklch(59.9% 0.1554 167.6);
  --color-emerald-700: oklch(50.8% 0.1249 169.0);
  --color-emerald-800: oklch(40.2% 0.1009 177.3);
  --color-emerald-900: oklch(35.2% 0.0836 174.8);
  --color-emerald-950: oklch(28.6% 0.0397 179.7);
  --color-teal-50: oklch(98.0% 0.0174 195.6);
  --color-teal-100: oklch(94.7% 0.053 190.4);
  --color-teal-200: oklch(89.7% 0.095 190.9);
  --color-teal-300: oklch(83.7% 0.1435 192.5);
  --color-teal-400: oklch(77.4% 0.1677 195.4);
  --color-teal-500: oklch(69.9% 0.1578 196.7);
  --color-teal-600: oklch(59.8% 0.1338 200.3);
  --color-teal-700: oklch(50.9% 0.1112 202.2);
  --color-teal-800: oklch(40.4% 0.0921 198.8);
  --color-teal-900: oklch(35.0% 0.08 195.8);
  --color-teal-950: oklch(28.4% 0.0467 196.3);
  --color-cyan-50: oklch(97.9% 0.0183 214.2);
  --color-cyan-100: oklch(95.1% 0.0426 211.3);
  --color-cyan-200: oklch(90.5% 0.0832 211.4);
  --color-cyan-300: oklch(83.8% 0.1353 213.6);
  --color-cyan-400: oklch(76.7% 0.1696 216.4);
  --color-cyan-500: oklch(69.2% 0.1668 221.5);
  --color-cyan-600: oklch(59.4% 0.1493 226.4);
  --color-cyan-700: oklch(50.7% 0.1267 227.6);
  --color-cyan-800: oklch(40.7% 0.0973 218.5);
  --color-cyan-900: oklch(34.9% 0.0811 212.2);
  --color-cyan-950: oklch(28.2% 0.0441 215.2);
  --color-sky-50: oklch(97.7% 0.0148 231.7);
  --color-sky-100: oklch(95.0% 0.0298 231.8);
  --color-sky-200: oklch(89.5% 0.0667 229.0);
  --color-sky-300: oklch(82.5% 0.1109 232.5);
  --color-sky-400: oklch(73.4% 0.1679 235.2);
  --color-sky-500: oklch(68.3% 0.1947 239.3);
  --color-sky-600: oklch(60.8% 0.1891 242.3);
  --color-sky-700: oklch(49.9% 0.1567 243.2);
  --color-sky-800: oklch(40.1% 0.1141 236.6);
  --color-sky-900: oklch(35.2% 0.0873 228.5);
  --color-sky-950: oklch(28.7% 0.0473 229.9);
  --color-blue-50: oklch(97.0% 0.0161 250.4);
  --color-blue-100: oklch(93.1% 0.0357 251.3);
  --color-blue-200: oklch(88.1% 0.0646 249.5);
  --color-blue-300: oklch(80.7% 0.1085 246.6);
  --color-blue-400: oklch(71.2% 0.1601 249.4);
  --color-blue-500: oklch(62.4% 0.2046 255.4);
  --color-blue-600: oklch(55.0% 0.23 259.5);
  --color-blue-700: oklch(49.3% 0.2301 261.6);
  --color-blue-800: oklch(40.1% 0.1644 258.9);
  --color-blue-900: oklch(35.3% 0.0843 250.1);
  --color-blue-950: oklch(28.7% 0.0473 255.4);
  --color-indigo-50: oklch(96.2% 0.0197 270.1);
  --color-indigo-100: oklch(93.0% 0.0366 270.6);
  --color-indigo-200: oklch(87.0% 0.0678 272.1);
  --color-indigo-300: oklch(78.7% 0.1124 272.9);
  --color-indigo-400: oklch(68.4% 0.1688 275.7);
  --color-indigo-500: oklch(59.2% 0.2152 276.5);
  --color-indigo-600: oklch(52.0% 0.2406 276.9);
  --color-indigo-700: oklch(46.5% 0.2241 277.1);
  --color-indigo-800: oklch(40.6% 0.1758 279.5);
  --color-indigo-900: oklch(35.3% 0.0893 279.7);
  --color-indigo-950: oklch(29.5% 0.0524 280.8);
  --color-violet-50: oklch(97.0% 0.0177 294.9);
  --color-violet-100: oklch(94.4% 0.0313 295.9);
  --color-violet-200: oklch(89.6% 0.0601 294.4);
  --color-violet-300: oklch(81.5% 0.11 294.9);
  --color-violet-400: oklch(71.6% 0.1712 295.1);
  --color-violet-500: oklch(61.6% 0.2328 294.6);
  --color-violet-600: oklch(55.5% 0.2608 295.3);
  --color-violet-700: oklch(50.4% 0.2545 294.9);
  --color-violet-800: oklch(42.1% 0.1961 299.8);
  --color-violet-900: oklch(36.1% 0.1011 300.6);
  --color-violet-950: oklch(29.6% 0.0576 301.2);
  --color-purple-50: oklch(97.8% 0.016 311.1);
  --color-purple-100: oklch(94.8% 0.0368 309.9);
  --color-purple-200: oklch(90.5% 0.0676 309.4);
  --color-purple-300: oklch(83.2% 0.1201 309.2);
  --color-purple-400: oklch(73.1% 0.1936 308.4);
  --color-purple-500: oklch(64.0% 0.2514 306.9);
  --color-purple-600: oklch(57.3% 0.2707 305.3);
  --color-purple-700: oklch(51.0% 0.2534 304.9);
  --color-purple-800: oklch(42.5% 0.1933 310.8);
  --color-purple-900: oklch(36.2% 0.1047 311.0);
  --color-purple-950: oklch(29.5% 0.0605 310.0);
  --color-fuchsia-50: oklch(97.8% 0.0201 323.5);
  --color-fuchsia-100: oklch(95.4% 0.0415 322.3);
  --color-fuchsia-200: oklch(90.8% 0.0842 323.1);
  --color-fuchsia-300: oklch(84.2% 0.1512 324.9);
  --color-fuchsia-400: oklch(76.2% 0.2337 325.6);
  --color-fuchsia-500: oklch(68.5% 0.2889 325.5);
  --color-fuchsia-600: oklch(60.9% 0.2854 326.2);
  --color-fuchsia-700: oklch(53.4% 0.2512 327.2);
  --color-fuchsia-800: oklch(43.9% 0.2036 330.5);
  --color-fuchsia-900: oklch(36.6% 0.1213 327.3);
  --color-fuchsia-950: oklch(30.1% 0.0725 326.8);
  --color-pink-50: oklch(97.3% 0.0174 346.0);
  --color-pink-100: oklch(95.0% 0.0337 345.1);
  --color-pink-200: oklch(90.4% 0.0714 345.9);
  --color-pink-300: oklch(83.1% 0.1319 348.4);
  --color-pink-400: oklch(73.9% 0.2078 351.8);
  --color-pink-500: oklch(67.3% 0.2485 355.9);
  --color-pink-600: oklch(60.9% 0.2547 1.7);
  --color-pink-700: oklch(54.1% 0.2323 4.9);
  --color-pink-800: oklch(44.2% 0.195 2.6);
  --color-pink-900: oklch(36.7% 0.1073 352.8);
  --color-pink-950: oklch(30.0% 0.0598 350.4);
  --color-rose-50: oklch(97.3% 0.0189 0.3);
  --color-rose-100: oklch(94.5% 0.0343 1.6);
  --color-rose-200: oklch(89.8% 0.0699 2.4);
  --color-rose-300: oklch(82.5% 0.1255 3.3);
  --color-rose-400: oklch(73.0% 0.1973 7.0);
  --color-rose-500: oklch(66.0% 0.2406 11.0);
  --color-rose-600: oklch(60.1% 0.2484 13.0);
  --color-rose-700: oklch(53.1% 0.2252 14.9);
  --color-rose-800: oklch(46.2% 0.2082 14.1);
  --color-rose-900: oklch(37.6% 0.1279 7.0);
  --color-rose-950: oklch(30.4% 0.0745 2.7);
  --color-brown-50: oklch(98.0% 0.0072 70.9);
  --color-brown-100: oklch(95.3% 0.0159 70.8);
  --color-brown-200: oklch(90.3% 0.0256 70.8);
  --color-brown-300: oklch(83.8% 0.0402 70.8);
  --color-brown-400: oklch(75.0% 0.0569 70.7);
  --color-brown-500: oklch(67.1% 0.0665 69.7);
  --color-brown-600: oklch(59.7% 0.0702 70.4);
  --color-brown-700: oklch(52.1% 0.06 70.4);
  --color-brown-800: oklch(42.7% 0.0469 67.2);
  --color-brown-900: oklch(35.6% 0.0216 59.8);
  --color-brown-950: oklch(29.4% 0.0109 48.7);
  --color-stone-50: oklch(99.2% 0.0039 62.9);
  --color-stone-100: oklch(98.0% 0.0031 44.0);
  --color-stone-200: oklch(92.3% 0.0031 44.0);
  --color-stone-800: oklch(26.9% 0.0078 31.1);
  --color-neutral-50: oklch(99.1% 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(71.5% 0 0);
  --color-neutral-500: oklch(55.6% 0 0);
  --color-neutral-600: oklch(43.9% 0 0);
  --color-neutral-700: oklch(33.3% 0 0);
  --color-neutral-800: oklch(26.9% 0 0);
  --color-neutral-900: oklch(22.2% 0 0);
  --color-zinc-200: oklch(81.6% 0.0091 286.2);
  --color-zinc-400: oklch(55.2% 0.0168 285.8);
  --color-zinc-700: oklch(30.1% 0.0138 293.1);
  --color-zinc-800: oklch(25.5% 0.0103 296.2);
  --color-zinc-900: oklch(20.8% 0.0109 296.0);
  --color-black: oklch(0% 0 0 / 1.0);
  --color-white: oklch(100% 0 0 / 1.0);
  --color-gray-50: #F9FAFB;
  --color-gray-100: #F3F4F6;
  --color-gray-200: #E5E7EB;
  --color-gray-300: #D1D5DB;
  --color-gray-400: #9CA3AF;
  --color-gray-500: #6B7280;
  --color-gray-600: #4B5563;
  --color-gray-700: #374151;
  --color-gray-800: #1F2937;
  --color-gray-900: #111827;
  --color-gray-950: #030712;
  --color-slate-100: #F1F5F9;
  --color-slate-600: #475569;
  --accent-red-dark: var(--color-red-900);
  --accent-red-primary: var(--color-red-500);
  --accent-red-secondary: var(--color-red-400);
  --accent-red-tertiary: var(--color-red-200);
  --accent-red-surface-primary: var(--color-red-200);
  --accent-red-surface-secondary: var(--color-red-100);
  --accent-red-on-surface: var(--color-red-900);
  --accent-orange-dark: var(--color-orange-900);
  --accent-orange-primary: var(--color-orange-500);
  --accent-orange-secondary: var(--color-orange-400);
  --accent-orange-tertiary: var(--color-orange-200);
  --accent-orange-surface-primary: var(--color-orange-200);
  --accent-orange-surface-secondary: var(--color-orange-100);
  --accent-orange-on-surface: var(--color-orange-900);
  --accent-amber-dark: var(--color-amber-900);
  --accent-amber-primary: var(--color-amber-500);
  --accent-amber-secondary: var(--color-amber-400);
  --accent-amber-tertiary: var(--color-amber-200);
  --accent-amber-surface-primary: var(--color-amber-200);
  --accent-amber-surface-secondary: var(--color-amber-100);
  --accent-amber-on-surface: var(--color-amber-900);
  --accent-yellow-dark: var(--color-yellow-900);
  --accent-yellow-primary: var(--color-yellow-500);
  --accent-yellow-secondary: var(--color-yellow-400);
  --accent-yellow-tertiary: var(--color-yellow-200);
  --accent-yellow-surface-primary: var(--color-yellow-200);
  --accent-yellow-surface-secondary: var(--color-yellow-100);
  --accent-yellow-on-surface: var(--color-yellow-900);
  --accent-olive-dark: var(--color-olive-900);
  --accent-olive-primary: var(--color-olive-500);
  --accent-olive-secondary: var(--color-olive-400);
  --accent-olive-tertiary: var(--color-olive-200);
  --accent-olive-surface-primary: var(--color-olive-200);
  --accent-olive-surface-secondary: var(--color-olive-100);
  --accent-olive-on-surface: var(--color-olive-900);
  --accent-lime-dark: var(--color-lime-900);
  --accent-lime-primary: var(--color-lime-500);
  --accent-lime-secondary: var(--color-lime-400);
  --accent-lime-tertiary: var(--color-lime-200);
  --accent-lime-surface-primary: var(--color-lime-200);
  --accent-lime-surface-secondary: var(--color-lime-100);
  --accent-lime-on-surface: var(--color-lime-900);
  --accent-green-dark: var(--color-green-900);
  --accent-green-primary: var(--color-green-500);
  --accent-green-secondary: var(--color-green-400);
  --accent-green-tertiary: var(--color-green-200);
  --accent-green-surface-primary: var(--color-green-200);
  --accent-green-surface-secondary: var(--color-green-100);
  --accent-green-on-surface: var(--color-green-900);
  --accent-emerald-dark: var(--color-emerald-900);
  --accent-emerald-primary: var(--color-emerald-500);
  --accent-emerald-secondary: var(--color-emerald-400);
  --accent-emerald-tertiary: var(--color-emerald-200);
  --accent-emerald-surface-primary: var(--color-emerald-200);
  --accent-emerald-surface-secondary: var(--color-emerald-100);
  --accent-emerald-on-surface: var(--color-emerald-900);
  --accent-teal-dark: var(--color-teal-900);
  --accent-teal-primary: var(--color-teal-500);
  --accent-teal-secondary: var(--color-teal-400);
  --accent-teal-tertiary: var(--color-teal-200);
  --accent-teal-surface-primary: var(--color-teal-200);
  --accent-teal-surface-secondary: var(--color-teal-100);
  --accent-teal-on-surface: var(--color-teal-900);
  --accent-cyan-dark: var(--color-cyan-900);
  --accent-cyan-primary: var(--color-cyan-500);
  --accent-cyan-secondary: var(--color-cyan-400);
  --accent-cyan-tertiary: var(--color-cyan-200);
  --accent-cyan-surface-primary: var(--color-cyan-200);
  --accent-cyan-surface-secondary: var(--color-cyan-100);
  --accent-cyan-on-surface: var(--color-cyan-900);
  --accent-sky-dark: var(--color-sky-900);
  --accent-sky-primary: var(--color-sky-600);
  --accent-sky-secondary: var(--color-sky-400);
  --accent-sky-tertiary: var(--color-sky-200);
  --accent-sky-surface-primary: var(--color-sky-200);
  --accent-sky-surface-secondary: var(--color-sky-100);
  --accent-sky-on-surface: var(--color-sky-900);
  --accent-blue-dark: var(--color-blue-900);
  --accent-blue-primary: var(--color-blue-500);
  --accent-blue-secondary: var(--color-blue-400);
  --accent-blue-tertiary: var(--color-blue-200);
  --accent-blue-surface-primary: var(--color-blue-200);
  --accent-blue-surface-secondary: var(--color-blue-100);
  --accent-blue-on-surface: var(--color-blue-900);
  --accent-indigo-dark: var(--color-indigo-900);
  --accent-indigo-primary: var(--color-indigo-500);
  --accent-indigo-secondary: var(--color-indigo-400);
  --accent-indigo-tertiary: var(--color-indigo-200);
  --accent-indigo-surface-primary: var(--color-indigo-200);
  --accent-indigo-surface-secondary: var(--color-indigo-100);
  --accent-indigo-on-surface: var(--color-indigo-900);
  --accent-violet-dark: var(--color-violet-900);
  --accent-violet-primary: var(--color-violet-500);
  --accent-violet-secondary: var(--color-violet-400);
  --accent-violet-tertiary: var(--color-violet-200);
  --accent-violet-surface-primary: var(--color-violet-200);
  --accent-violet-surface-secondary: var(--color-violet-100);
  --accent-violet-on-surface: var(--color-violet-900);
  --accent-purple-dark: var(--color-purple-900);
  --accent-purple-primary: var(--color-purple-500);
  --accent-purple-secondary: var(--color-purple-400);
  --accent-purple-tertiary: var(--color-purple-200);
  --accent-purple-surface-primary: var(--color-purple-200);
  --accent-purple-surface-secondary: var(--color-purple-100);
  --accent-purple-on-surface: var(--color-purple-900);
  --accent-fuchsia-dark: var(--color-fuchsia-900);
  --accent-fuchsia-primary: var(--color-fuchsia-500);
  --accent-fuchsia-secondary: var(--color-fuchsia-400);
  --accent-fuchsia-tertiary: var(--color-fuchsia-200);
  --accent-fuchsia-surface-primary: var(--color-fuchsia-200);
  --accent-fuchsia-surface-secondary: var(--color-fuchsia-100);
  --accent-fuchsia-on-surface: var(--color-fuchsia-900);
  --accent-pink-dark: var(--color-pink-900);
  --accent-pink-primary: var(--color-pink-500);
  --accent-pink-secondary: var(--color-pink-400);
  --accent-pink-tertiary: var(--color-pink-200);
  --accent-pink-surface-primary: var(--color-pink-200);
  --accent-pink-surface-secondary: var(--color-pink-100);
  --accent-pink-on-surface: var(--color-pink-900);
  --accent-rose-dark: var(--color-rose-900);
  --accent-rose-primary: var(--color-rose-500);
  --accent-rose-secondary: var(--color-rose-400);
  --accent-rose-tertiary: var(--color-rose-200);
  --accent-rose-surface-primary: var(--color-rose-200);
  --accent-rose-surface-secondary: var(--color-rose-100);
  --accent-rose-on-surface: var(--color-rose-900);
  --accent-brown-dark: var(--color-brown-900);
  --accent-brown-primary: var(--color-brown-500);
  --accent-brown-secondary: var(--color-brown-400);
  --accent-brown-tertiary: var(--color-brown-200);
  --accent-brown-surface-primary: var(--color-brown-200);
  --accent-brown-surface-secondary: var(--color-brown-100);
  --accent-brown-on-surface: var(--color-brown-900);
  --accent-gray-dark: var(--color-neutral-800);
  --accent-gray-primary: var(--color-neutral-500);
  --accent-gray-secondary: var(--color-neutral-400);
  --accent-gray-tertiary: var(--color-neutral-200);
  --accent-gray-surface-primary: var(--color-neutral-200);
  --accent-gray-surface-secondary: var(--color-neutral-100);
  --accent-gray-on-surface: var(--color-neutral-800);
  --background-primary: var(--color-neutral-50);
  --background-secondary: var(--color-white);
  --background-tertiary: var(--color-white);
  --background-quaternary: var(--color-white);
  --border-primary: oklch(from var(--color-neutral-900) l c h / 20%);
  --border-secondary: oklch(from var(--color-neutral-900) l c h / 8%);
  --border-tertiary: oklch(from var(--color-neutral-900) l c h / 8%);
  --fill-primary: oklch(from var(--color-zinc-400) l c h / 20%);
  --fill-secondary: oklch(from var(--color-zinc-400) l c h / 16%);
  --fill-tertiary: oklch(from var(--color-zinc-400) l c h / 12%);
  --fill-quaternary: oklch(from var(--color-zinc-400) l c h / 8%);
  --label-primary: var(--color-neutral-900);
  --label-secondary: oklch(from var(--color-neutral-700) l c h / 75%);
  --label-tertiary: oklch(from var(--color-neutral-700) l c h / 50%);
  --label-quaternary: oklch(from var(--color-neutral-700) l c h / 30%);
  --border-color-primary: var(--border-primary);
  --border-color-secondary: var(--border-secondary);
  --border-color-tertiary: var(--border-tertiary);
  --ring-color-bg-secondary: var(--background-secondary);
  --color-primary: var(--background-primary);
  --color-secondary: var(--background-secondary);
  --color-tertiary: var(--background-tertiary);
  --color-quaternary: var(--background-quaternary);
  --color-fill-primary: var(--fill-primary);
  --color-fill-secondary: var(--fill-secondary);
  --color-fill-tertiary: var(--fill-tertiary);
  --color-fill-quaternary: var(--fill-quaternary);
  --color-label-primary: var(--label-primary);
  --color-label-secondary: var(--label-secondary);
  --color-label-tertiary: var(--label-tertiary);
  --color-label-quaternary: var(--label-quaternary);
  --color-border-primary: var(--border-primary);
  --color-border-secondary: var(--border-secondary);
  --color-bg-tertiary: var(--background-tertiary);
  --color-background-primary: var(--background-primary);
  --color-background-tertiary: var(--background-tertiary);
  --color-background-quaternary: var(--background-quaternary);
  --color-charts-line-1: #0EA5E9;
  --color-charts-line-2: #84CC16;
  --color-charts-line-3: #A78BFA;
  --color-charts-line-4: #93C5FD;
  --color-charts-line-5: #14B8A6;
  --color-charts-line-6: #F97316;
  --color-charts-line-7: #FACC15;
  --color-charts-line-8: #F43F5E;
  --color-charts-bar-1: #0284C7;
  --color-charts-bar-2: #0EA5E9;
  --color-charts-bar-3: #38BDF8;
  --color-charts-bar-4: #7DD3FC;
  --color-charts-bar-5: #BAE6FD;
  --color-charts-bar-6: #E0F2FE;
  --color-charts-pie-amber-1: #FDE68A;
  --color-charts-pie-amber-2: #FBBF24;
  --color-charts-pie-amber-3: #D97706;
  --color-charts-pie-amber-4: #B45309;
  --color-charts-pie-amber-5: #78350F;
  --color-charts-pie-amber-6: #E7E5E4;
  --color-charts-pie-lime-1: #D9F99D;
  --color-charts-pie-lime-2: #A3E635;
  --color-charts-pie-lime-3: #65A30D;
  --color-charts-pie-lime-4: #4D7C0F;
  --color-charts-pie-lime-5: #365314;
  --color-charts-pie-lime-6: #E7E5E4;
  --color-charts-pie-purple-1: #D8B4FE;
  --color-charts-pie-purple-2: #C084FC;
  --color-charts-pie-purple-3: #A855F7;
  --color-charts-pie-purple-4: #9333EA;
  --color-charts-pie-purple-5: #7E22CE;
  --color-charts-pie-purple-6: #6B21A8;
  --color-accent-amber-surface-secondary: var(--accent-amber-surface-secondary);
  --color-accent-amber-surface-primary: var(--accent-amber-surface-primary);
  --color-accent-amber-tertiary: var(--accent-amber-tertiary);
  --color-accent-amber-secondary: var(--accent-amber-secondary);
  --color-accent-amber-primary: var(--accent-amber-primary);
  --color-accent-amber-on-surface: var(--accent-amber-on-surface);
  --color-accent-amber-dark: var(--accent-amber-dark);
  --color-accent-blue-surface-secondary: var(--accent-blue-surface-secondary);
  --color-accent-blue-surface-primary: var(--accent-blue-surface-primary);
  --color-accent-blue-tertiary: var(--accent-blue-tertiary);
  --color-accent-blue-secondary: var(--accent-blue-secondary);
  --color-accent-blue-primary: var(--accent-blue-primary);
  --color-accent-blue-on-surface: var(--accent-blue-on-surface);
  --color-accent-blue-dark: var(--accent-blue-dark);
  --color-accent-brown-surface-secondary: var(--accent-brown-surface-secondary);
  --color-accent-brown-surface-primary: var(--accent-brown-surface-primary);
  --color-accent-brown-tertiary: var(--accent-brown-tertiary);
  --color-accent-brown-secondary: var(--accent-brown-secondary);
  --color-accent-brown-primary: var(--accent-brown-primary);
  --color-accent-brown-on-surface: var(--accent-brown-on-surface);
  --color-accent-brown-dark: var(--accent-brown-dark);
  --color-accent-cyan-surface-secondary: var(--accent-cyan-surface-secondary);
  --color-accent-cyan-surface-primary: var(--accent-cyan-surface-primary);
  --color-accent-cyan-tertiary: var(--accent-cyan-tertiary);
  --color-accent-cyan-secondary: var(--accent-cyan-secondary);
  --color-accent-cyan-primary: var(--accent-cyan-primary);
  --color-accent-cyan-on-surface: var(--accent-cyan-on-surface);
  --color-accent-cyan-dark: var(--accent-cyan-dark);
  --color-accent-emerald-surface-secondary: var(--accent-emerald-surface-secondary);
  --color-accent-emerald-surface-primary: var(--accent-emerald-surface-primary);
  --color-accent-emerald-tertiary: var(--accent-emerald-tertiary);
  --color-accent-emerald-secondary: var(--accent-emerald-secondary);
  --color-accent-emerald-primary: var(--accent-emerald-primary);
  --color-accent-emerald-on-surface: var(--accent-emerald-on-surface);
  --color-accent-emerald-dark: var(--accent-emerald-dark);
  --color-accent-fuchsia-surface-secondary: var(--accent-fuchsia-surface-secondary);
  --color-accent-fuchsia-surface-primary: var(--accent-fuchsia-surface-primary);
  --color-accent-fuchsia-tertiary: var(--accent-fuchsia-tertiary);
  --color-accent-fuchsia-secondary: var(--accent-fuchsia-secondary);
  --color-accent-fuchsia-primary: var(--accent-fuchsia-primary);
  --color-accent-fuchsia-on-surface: var(--accent-fuchsia-on-surface);
  --color-accent-fuchsia-dark: var(--accent-fuchsia-dark);
  --color-accent-gray-surface-secondary: var(--accent-gray-surface-secondary);
  --color-accent-gray-surface-primary: var(--accent-gray-surface-primary);
  --color-accent-gray-tertiary: var(--accent-gray-tertiary);
  --color-accent-gray-secondary: var(--accent-gray-secondary);
  --color-accent-gray-primary: var(--accent-gray-primary);
  --color-accent-gray-on-surface: var(--accent-gray-on-surface);
  --color-accent-gray-dark: var(--accent-gray-dark);
  --color-accent-green-surface-secondary: var(--accent-green-surface-secondary);
  --color-accent-green-surface-primary: var(--accent-green-surface-primary);
  --color-accent-green-tertiary: var(--accent-green-tertiary);
  --color-accent-green-secondary: var(--accent-green-secondary);
  --color-accent-green-primary: var(--accent-green-primary);
  --color-accent-green-on-surface: var(--accent-green-on-surface);
  --color-accent-green-dark: var(--accent-green-dark);
  --color-accent-indigo-surface-secondary: var(--accent-indigo-surface-secondary);
  --color-accent-indigo-surface-primary: var(--accent-indigo-surface-primary);
  --color-accent-indigo-tertiary: var(--accent-indigo-tertiary);
  --color-accent-indigo-secondary: var(--accent-indigo-secondary);
  --color-accent-indigo-primary: var(--accent-indigo-primary);
  --color-accent-indigo-on-surface: var(--accent-indigo-on-surface);
  --color-accent-indigo-dark: var(--accent-indigo-dark);
  --color-accent-lime-surface-secondary: var(--accent-lime-surface-secondary);
  --color-accent-lime-surface-primary: var(--accent-lime-surface-primary);
  --color-accent-lime-tertiary: var(--accent-lime-tertiary);
  --color-accent-lime-secondary: var(--accent-lime-secondary);
  --color-accent-lime-primary: var(--accent-lime-primary);
  --color-accent-lime-on-surface: var(--accent-lime-on-surface);
  --color-accent-lime-dark: var(--accent-lime-dark);
  --color-accent-olive-surface-secondary: var(--accent-olive-surface-secondary);
  --color-accent-olive-surface-primary: var(--accent-olive-surface-primary);
  --color-accent-olive-tertiary: var(--accent-olive-tertiary);
  --color-accent-olive-secondary: var(--accent-olive-secondary);
  --color-accent-olive-primary: var(--accent-olive-primary);
  --color-accent-olive-on-surface: var(--accent-olive-on-surface);
  --color-accent-olive-dark: var(--accent-olive-dark);
  --color-accent-orange-surface-secondary: var(--accent-orange-surface-secondary);
  --color-accent-orange-surface-primary: var(--accent-orange-surface-primary);
  --color-accent-orange-tertiary: var(--accent-orange-tertiary);
  --color-accent-orange-secondary: var(--accent-orange-secondary);
  --color-accent-orange-primary: var(--accent-orange-primary);
  --color-accent-orange-on-surface: var(--accent-orange-on-surface);
  --color-accent-orange-dark: var(--accent-orange-dark);
  --color-accent-pink-surface-secondary: var(--accent-pink-surface-secondary);
  --color-accent-pink-surface-primary: var(--accent-pink-surface-primary);
  --color-accent-pink-tertiary: var(--accent-pink-tertiary);
  --color-accent-pink-secondary: var(--accent-pink-secondary);
  --color-accent-pink-primary: var(--accent-pink-primary);
  --color-accent-pink-on-surface: var(--accent-pink-on-surface);
  --color-accent-pink-dark: var(--accent-pink-dark);
  --color-accent-purple-surface-secondary: var(--accent-purple-surface-secondary);
  --color-accent-purple-surface-primary: var(--accent-purple-surface-primary);
  --color-accent-purple-tertiary: var(--accent-purple-tertiary);
  --color-accent-purple-secondary: var(--accent-purple-secondary);
  --color-accent-purple-primary: var(--accent-purple-primary);
  --color-accent-purple-on-surface: var(--accent-purple-on-surface);
  --color-accent-purple-dark: var(--accent-purple-dark);
  --color-accent-red-surface-secondary: var(--accent-red-surface-secondary);
  --color-accent-red-surface-primary: var(--accent-red-surface-primary);
  --color-accent-red-tertiary: var(--accent-red-tertiary);
  --color-accent-red-secondary: var(--accent-red-secondary);
  --color-accent-red-primary: var(--accent-red-primary);
  --color-accent-red-on-surface: var(--accent-red-on-surface);
  --color-accent-red-dark: var(--accent-red-dark);
  --color-accent-rose-surface-secondary: var(--accent-rose-surface-secondary);
  --color-accent-rose-surface-primary: var(--accent-rose-surface-primary);
  --color-accent-rose-tertiary: var(--accent-rose-tertiary);
  --color-accent-rose-secondary: var(--accent-rose-secondary);
  --color-accent-rose-primary: var(--accent-rose-primary);
  --color-accent-rose-on-surface: var(--accent-rose-on-surface);
  --color-accent-rose-dark: var(--accent-rose-dark);
  --color-accent-sky-surface-secondary: var(--accent-sky-surface-secondary);
  --color-accent-sky-surface-primary: var(--accent-sky-surface-primary);
  --color-accent-sky-tertiary: var(--accent-sky-tertiary);
  --color-accent-sky-secondary: var(--accent-sky-secondary);
  --color-accent-sky-primary: var(--accent-sky-primary);
  --color-accent-sky-on-surface: var(--accent-sky-on-surface);
  --color-accent-sky-dark: var(--accent-sky-dark);
  --color-accent-teal-surface-secondary: var(--accent-teal-surface-secondary);
  --color-accent-teal-surface-primary: var(--accent-teal-surface-primary);
  --color-accent-teal-tertiary: var(--accent-teal-tertiary);
  --color-accent-teal-secondary: var(--accent-teal-secondary);
  --color-accent-teal-primary: var(--accent-teal-primary);
  --color-accent-teal-on-surface: var(--accent-teal-on-surface);
  --color-accent-teal-dark: var(--accent-teal-dark);
  --color-accent-violet-surface-secondary: var(--accent-violet-surface-secondary);
  --color-accent-violet-surface-primary: var(--accent-violet-surface-primary);
  --color-accent-violet-tertiary: var(--accent-violet-tertiary);
  --color-accent-violet-secondary: var(--accent-violet-secondary);
  --color-accent-violet-primary: var(--accent-violet-primary);
  --color-accent-violet-on-surface: var(--accent-violet-on-surface);
  --color-accent-violet-dark: var(--accent-violet-dark);
  --color-accent-yellow-surface-secondary: var(--accent-yellow-surface-secondary);
  --color-accent-yellow-surface-primary: var(--accent-yellow-surface-primary);
  --color-accent-yellow-tertiary: var(--accent-yellow-tertiary);
  --color-accent-yellow-secondary: var(--accent-yellow-secondary);
  --color-accent-yellow-primary: var(--accent-yellow-primary);
  --color-accent-yellow-on-surface: var(--accent-yellow-on-surface);
  --color-accent-yellow-dark: var(--accent-yellow-dark);
  --radius: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 10px;
  --radius-2xl: 12px;
  --radius-3xl: 14px;
  --radius-4xl: 16px;
  --radius-6xl: 20px;
  --radius-8xl: 24px;
  --animate-shine: shine 5s linear infinite;
  --animate-fade: fadeIn 150ms ease-in-out;
  --animate-wiggle: wiggle 400ms ease-in-out infinite;
  --animate-spinMedium: spin 2s linear infinite;
  --ease-page-overlay: cubic-bezier(0.16, 1, 0.3, 1);
  --text-xs: 12px;
  --text-xs--line-height: 1rem;
  --text-sm: 14px;
  --text-sm--line-height: 1.25rem;
  --text-base: 16px;
  --text-base--line-height: 1.5rem;
  --text-lg: 18px;
  --text-lg--line-height: 1.75rem;
  --text-xl: 20px;
  --text-xl--line-height: 1.75rem;
  --text-2xl: 24px;
  --text-2xl--line-height: 2rem;
  --text-3xl: 30px;
  --text-3xl--line-height: 2.25rem;
  --text-4xl: 36px;
  --text-4xl--line-height: 2.5rem;
  --text-5xl: 48px;
  --text-5xl--line-height: 1;
  --text-6xl: 64px;
  --text-6xl--line-height: 1;
  --opacity-15: 0.15;
  --opacity-35: 0.35;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
  --spacing: 0.25rem;
  --text-7xl: 4.5rem;
  --text-7xl--line-height: 1;
  --text-8xl: 6rem;
  --text-8xl--line-height: 1;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --tracking-tight: -0.025em;
  --tracking-wide: 0.025em;
  --leading-normal: 1.5;
  --leading-relaxed: 1.625;
  --radius-xs: 0.125rem;
  --radius-sm: 0.25rem;
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --animate-spin: spin 1s linear infinite;
  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  --blur-xs: 4px;
  --blur-lg: 16px;
  --blur-xl: 24px;
  --blur-2xl: 40px;
  --blur-3xl: 64px;
  --default-transition-duration: 150ms;
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --default-font-family: var(--font-sans);
  --default-mono-font-family: var(--font-mono);
}
@layer theme {
  :where(.dark, .dark *) {
    --accent-red-dark: var(--color-red-900);
    --accent-red-primary: var(--color-red-500);
    --accent-red-secondary: var(--color-red-400);
    --accent-red-tertiary: var(--color-red-300);
    --accent-red-surface-primary: oklch(from var(--color-red-500) l c h / 25%);
    --accent-red-surface-secondary: oklch(from var(--color-red-500) l c h / 15%);
    --accent-red-on-surface: var(--color-red-100);
    --accent-orange-dark: var(--color-orange-900);
    --accent-orange-primary: var(--color-orange-500);
    --accent-orange-secondary: var(--color-orange-400);
    --accent-orange-tertiary: var(--color-orange-300);
    --accent-orange-surface-primary: oklch(from var(--color-orange-500) l c h / 25%);
    --accent-orange-surface-secondary: oklch(from var(--color-orange-500) l c h / 15%);
    --accent-orange-on-surface: var(--color-orange-100);
    --accent-amber-dark: var(--color-amber-900);
    --accent-amber-primary: var(--color-amber-500);
    --accent-amber-secondary: var(--color-amber-400);
    --accent-amber-tertiary: var(--color-amber-300);
    --accent-amber-surface-primary: oklch(from var(--color-amber-500) l c h / 25%);
    --accent-amber-surface-secondary: oklch(from var(--color-amber-500) l c h / 15%);
    --accent-amber-on-surface: var(--color-amber-100);
    --accent-yellow-dark: var(--color-yellow-900);
    --accent-yellow-primary: var(--color-yellow-500);
    --accent-yellow-secondary: var(--color-yellow-400);
    --accent-yellow-tertiary: var(--color-yellow-300);
    --accent-yellow-surface-primary: oklch(from var(--color-yellow-500) l c h / 25%);
    --accent-yellow-surface-secondary: oklch(from var(--color-yellow-500) l c h / 15%);
    --accent-yellow-on-surface: var(--color-yellow-100);
    --accent-olive-dark: var(--color-olive-900);
    --accent-olive-primary: var(--color-olive-500);
    --accent-olive-secondary: var(--color-olive-400);
    --accent-olive-tertiary: var(--color-olive-300);
    --accent-olive-surface-primary: oklch(from var(--color-olive-500) l c h / 25%);
    --accent-olive-surface-secondary: oklch(from var(--color-olive-500) l c h / 15%);
    --accent-olive-on-surface: var(--color-olive-100);
    --accent-lime-dark: var(--color-lime-900);
    --accent-lime-primary: var(--color-lime-500);
    --accent-lime-secondary: var(--color-lime-400);
    --accent-lime-tertiary: var(--color-lime-300);
    --accent-lime-surface-primary: oklch(from var(--color-lime-500) l c h / 25%);
    --accent-lime-surface-secondary: oklch(from var(--color-lime-500) l c h / 15%);
    --accent-lime-on-surface: var(--color-lime-100);
    --accent-green-dark: var(--color-green-900);
    --accent-green-primary: var(--color-green-500);
    --accent-green-secondary: var(--color-green-400);
    --accent-green-tertiary: var(--color-green-300);
    --accent-green-surface-primary: oklch(from var(--color-green-500) l c h / 25%);
    --accent-green-surface-secondary: oklch(from var(--color-green-500) l c h / 15%);
    --accent-green-on-surface: var(--color-green-100);
    --accent-emerald-dark: var(--color-emerald-900);
    --accent-emerald-primary: var(--color-emerald-500);
    --accent-emerald-secondary: var(--color-emerald-400);
    --accent-emerald-tertiary: var(--color-emerald-300);
    --accent-emerald-surface-primary: oklch(from var(--color-emerald-500) l c h / 25%);
    --accent-emerald-surface-secondary: oklch(from var(--color-emerald-500) l c h / 15%);
    --accent-emerald-on-surface: var(--color-emerald-100);
    --accent-teal-dark: var(--color-teal-900);
    --accent-teal-primary: var(--color-teal-500);
    --accent-teal-secondary: var(--color-teal-400);
    --accent-teal-tertiary: var(--color-teal-300);
    --accent-teal-surface-primary: oklch(from var(--color-teal-500) l c h / 25%);
    --accent-teal-surface-secondary: oklch(from var(--color-teal-500) l c h / 15%);
    --accent-teal-on-surface: var(--color-teal-100);
    --accent-cyan-dark: var(--color-cyan-900);
    --accent-cyan-primary: var(--color-cyan-500);
    --accent-cyan-secondary: var(--color-cyan-400);
    --accent-cyan-tertiary: var(--color-cyan-300);
    --accent-cyan-surface-primary: oklch(from var(--color-cyan-500) l c h / 25%);
    --accent-cyan-surface-secondary: oklch(from var(--color-cyan-500) l c h / 15%);
    --accent-cyan-on-surface: var(--color-cyan-100);
    --accent-sky-dark: var(--color-sky-900);
    --accent-sky-primary: var(--color-sky-600);
    --accent-sky-secondary: var(--color-sky-400);
    --accent-sky-tertiary: var(--color-sky-300);
    --accent-sky-surface-primary: oklch(from var(--color-sky-500) l c h / 25%);
    --accent-sky-surface-secondary: oklch(from var(--color-sky-500) l c h / 15%);
    --accent-sky-on-surface: var(--color-sky-100);
    --accent-blue-dark: var(--color-blue-900);
    --accent-blue-primary: var(--color-blue-500);
    --accent-blue-secondary: var(--color-blue-400);
    --accent-blue-tertiary: var(--color-blue-300);
    --accent-blue-surface-primary: oklch(from var(--color-blue-500) l c h / 25%);
    --accent-blue-surface-secondary: oklch(from var(--color-blue-500) l c h / 15%);
    --accent-blue-on-surface: var(--color-blue-100);
    --accent-indigo-dark: var(--color-indigo-900);
    --accent-indigo-primary: var(--color-indigo-500);
    --accent-indigo-secondary: var(--color-indigo-400);
    --accent-indigo-tertiary: var(--color-indigo-300);
    --accent-indigo-surface-primary: oklch(from var(--color-indigo-500) l c h / 25%);
    --accent-indigo-surface-secondary: oklch(from var(--color-indigo-500) l c h / 15%);
    --accent-indigo-on-surface: var(--color-indigo-100);
    --accent-violet-dark: var(--color-violet-900);
    --accent-violet-primary: var(--color-violet-500);
    --accent-violet-secondary: var(--color-violet-400);
    --accent-violet-tertiary: var(--color-violet-300);
    --accent-violet-surface-primary: oklch(from var(--color-violet-500) l c h / 25%);
    --accent-violet-surface-secondary: oklch(from var(--color-violet-500) l c h / 15%);
    --accent-violet-on-surface: var(--color-violet-100);
    --accent-purple-dark: var(--color-purple-900);
    --accent-purple-primary: var(--color-purple-500);
    --accent-purple-secondary: var(--color-purple-400);
    --accent-purple-tertiary: var(--color-purple-300);
    --accent-purple-surface-primary: oklch(from var(--color-purple-500) l c h / 25%);
    --accent-purple-surface-secondary: oklch(from var(--color-purple-500) l c h / 15%);
    --accent-purple-on-surface: var(--color-purple-100);
    --accent-fuchsia-dark: var(--color-fuchsia-900);
    --accent-fuchsia-primary: var(--color-fuchsia-500);
    --accent-fuchsia-secondary: var(--color-fuchsia-400);
    --accent-fuchsia-tertiary: var(--color-fuchsia-300);
    --accent-fuchsia-surface-primary: oklch(from var(--color-fuchsia-500) l c h / 25%);
    --accent-fuchsia-surface-secondary: oklch(from var(--color-fuchsia-500) l c h / 15%);
    --accent-fuchsia-on-surface: var(--color-fuchsia-100);
    --accent-pink-dark: var(--color-pink-900);
    --accent-pink-primary: var(--color-pink-500);
    --accent-pink-secondary: var(--color-pink-400);
    --accent-pink-tertiary: var(--color-pink-300);
    --accent-pink-surface-primary: oklch(from var(--color-pink-500) l c h / 25%);
    --accent-pink-surface-secondary: oklch(from var(--color-pink-500) l c h / 15%);
    --accent-pink-on-surface: var(--color-pink-100);
    --accent-rose-dark: var(--color-rose-900);
    --accent-rose-primary: var(--color-rose-500);
    --accent-rose-secondary: var(--color-rose-400);
    --accent-rose-tertiary: var(--color-rose-300);
    --accent-rose-surface-primary: oklch(from var(--color-rose-500) l c h / 25%);
    --accent-rose-surface-secondary: oklch(from var(--color-rose-500) l c h / 15%);
    --accent-rose-on-surface: var(--color-rose-100);
    --accent-brown-dark: var(--color-brown-900);
    --accent-brown-primary: var(--color-brown-500);
    --accent-brown-secondary: var(--color-brown-400);
    --accent-brown-tertiary: var(--color-brown-300);
    --accent-brown-surface-primary: oklch(from var(--color-brown-500) l c h / 25%);
    --accent-brown-surface-secondary: oklch(from var(--color-brown-500) l c h / 15%);
    --accent-brown-on-surface: var(--color-brown-100);
    --accent-gray-dark: var(--color-neutral-800);
    --accent-gray-primary: var(--color-neutral-500);
    --accent-gray-secondary: var(--color-neutral-400);
    --accent-gray-tertiary: var(--color-neutral-300);
    --accent-gray-surface-primary: oklch(from var(--color-gray-500) l c h / 25%);
    --accent-gray-surface-secondary: oklch(from var(--color-gray-500) l c h / 15%);
    --accent-gray-on-surface: var(--color-neutral-100);
    --background-primary: var(--color-zinc-900);
    --background-secondary: var(--color-zinc-800);
    --background-tertiary: var(--color-zinc-700);
    --background-quaternary: var(--color-zinc-800);
    --border-color-primary: oklch(from var(--color-neutral-600) l c h / 80%);
    --border-color-secondary: oklch(from var(--color-neutral-600) l c h / 50%);
    --border-color-tertiary: oklch(from var(--color-black) l c h / 10%);
    --ring-color-bg-primary: var(--background-primary);
    --ring-color-bg-secondary: var(--background-secondary);
    --ring-color-bg-tertiary: var(--background-tertiary);
    --ring-color-bg-quaternary: var(--background-quaternary);
    --color-fill-primary: oklch(from var(--color-zinc-400) l c h / 36%);
    --color-fill-secondary: oklch(from var(--color-zinc-400) l c h / 32%);
    --color-fill-tertiary: oklch(from var(--color-zinc-400) l c h / 24%);
    --color-fill-quaternary: oklch(from var(--color-zinc-400) l c h / 18%);
    --label-primary: var(--color-white);
    --label-secondary: oklch(from var(--color-zinc-200) l c h / 60%);
    --label-tertiary: oklch(from var(--color-zinc-200) l c h / 40%);
    --label-quaternary: oklch(from var(--color-zinc-200) l c h / 20%);
    --color-label-primary: var(--color-white);
    --color-label-secondary: oklch(from var(--color-zinc-200) l c h / 60%);
    --color-label-tertiary: oklch(from var(--color-zinc-200) l c h / 40%);
    --color-label-quaternary: oklch(from var(--color-zinc-200) l c h / 20%);
    --color-primary: var(--background-primary);
    --color-secondary: var(--background-secondary);
    --color-tertiary: var(--background-tertiary);
    --color-quaternary: var(--background-quaternary);
    --color-accent-amber-surface-secondary: var(--accent-amber-surface-secondary);
    --color-accent-amber-surface-primary: var(--accent-amber-surface-primary);
    --color-accent-amber-tertiary: var(--accent-amber-tertiary);
    --color-accent-amber-secondary: var(--accent-amber-secondary);
    --color-accent-amber-primary: var(--accent-amber-primary);
    --color-accent-amber-on-surface: var(--accent-amber-on-surface);
    --color-accent-amber-dark: var(--accent-amber-dark);
    --color-accent-blue-surface-secondary: var(--accent-blue-surface-secondary);
    --color-accent-blue-surface-primary: var(--accent-blue-surface-primary);
    --color-accent-blue-tertiary: var(--accent-blue-tertiary);
    --color-accent-blue-secondary: var(--accent-blue-secondary);
    --color-accent-blue-primary: var(--accent-blue-primary);
    --color-accent-blue-on-surface: var(--accent-blue-on-surface);
    --color-accent-blue-dark: var(--accent-blue-dark);
    --color-accent-brown-surface-secondary: var(--accent-brown-surface-secondary);
    --color-accent-brown-surface-primary: var(--accent-brown-surface-primary);
    --color-accent-brown-tertiary: var(--accent-brown-tertiary);
    --color-accent-brown-secondary: var(--accent-brown-secondary);
    --color-accent-brown-primary: var(--accent-brown-primary);
    --color-accent-brown-on-surface: var(--accent-brown-on-surface);
    --color-accent-brown-dark: var(--accent-brown-dark);
    --color-accent-cyan-surface-secondary: var(--accent-cyan-surface-secondary);
    --color-accent-cyan-surface-primary: var(--accent-cyan-surface-primary);
    --color-accent-cyan-tertiary: var(--accent-cyan-tertiary);
    --color-accent-cyan-secondary: var(--accent-cyan-secondary);
    --color-accent-cyan-primary: var(--accent-cyan-primary);
    --color-accent-cyan-on-surface: var(--accent-cyan-on-surface);
    --color-accent-cyan-dark: var(--accent-cyan-dark);
    --color-accent-emerald-surface-secondary: var(--accent-emerald-surface-secondary);
    --color-accent-emerald-surface-primary: var(--accent-emerald-surface-primary);
    --color-accent-emerald-tertiary: var(--accent-emerald-tertiary);
    --color-accent-emerald-secondary: var(--accent-emerald-secondary);
    --color-accent-emerald-primary: var(--accent-emerald-primary);
    --color-accent-emerald-on-surface: var(--accent-emerald-on-surface);
    --color-accent-emerald-dark: var(--accent-emerald-dark);
    --color-accent-fuchsia-surface-secondary: var(--accent-fuchsia-surface-secondary);
    --color-accent-fuchsia-surface-primary: var(--accent-fuchsia-surface-primary);
    --color-accent-fuchsia-tertiary: var(--accent-fuchsia-tertiary);
    --color-accent-fuchsia-secondary: var(--accent-fuchsia-secondary);
    --color-accent-fuchsia-primary: var(--accent-fuchsia-primary);
    --color-accent-fuchsia-on-surface: var(--accent-fuchsia-on-surface);
    --color-accent-fuchsia-dark: var(--accent-fuchsia-dark);
    --color-accent-gray-surface-secondary: var(--accent-gray-surface-secondary);
    --color-accent-gray-surface-primary: var(--accent-gray-surface-primary);
    --color-accent-gray-tertiary: var(--accent-gray-tertiary);
    --color-accent-gray-secondary: var(--accent-gray-secondary);
    --color-accent-gray-primary: var(--accent-gray-primary);
    --color-accent-gray-on-surface: var(--accent-gray-on-surface);
    --color-accent-gray-dark: var(--accent-gray-dark);
    --color-accent-green-surface-secondary: var(--accent-green-surface-secondary);
    --color-accent-green-surface-primary: var(--accent-green-surface-primary);
    --color-accent-green-tertiary: var(--accent-green-tertiary);
    --color-accent-green-secondary: var(--accent-green-secondary);
    --color-accent-green-primary: var(--accent-green-primary);
    --color-accent-green-on-surface: var(--accent-green-on-surface);
    --color-accent-green-dark: var(--accent-green-dark);
    --color-accent-indigo-surface-secondary: var(--accent-indigo-surface-secondary);
    --color-accent-indigo-surface-primary: var(--accent-indigo-surface-primary);
    --color-accent-indigo-tertiary: var(--accent-indigo-tertiary);
    --color-accent-indigo-secondary: var(--accent-indigo-secondary);
    --color-accent-indigo-primary: var(--accent-indigo-primary);
    --color-accent-indigo-on-surface: var(--accent-indigo-on-surface);
    --color-accent-indigo-dark: var(--accent-indigo-dark);
    --color-accent-lime-surface-secondary: var(--accent-lime-surface-secondary);
    --color-accent-lime-surface-primary: var(--accent-lime-surface-primary);
    --color-accent-lime-tertiary: var(--accent-lime-tertiary);
    --color-accent-lime-secondary: var(--accent-lime-secondary);
    --color-accent-lime-primary: var(--accent-lime-primary);
    --color-accent-lime-on-surface: var(--accent-lime-on-surface);
    --color-accent-lime-dark: var(--accent-lime-dark);
    --color-accent-olive-surface-secondary: var(--accent-olive-surface-secondary);
    --color-accent-olive-surface-primary: var(--accent-olive-surface-primary);
    --color-accent-olive-tertiary: var(--accent-olive-tertiary);
    --color-accent-olive-secondary: var(--accent-olive-secondary);
    --color-accent-olive-primary: var(--accent-olive-primary);
    --color-accent-olive-on-surface: var(--accent-olive-on-surface);
    --color-accent-olive-dark: var(--accent-olive-dark);
    --color-accent-orange-surface-secondary: var(--accent-orange-surface-secondary);
    --color-accent-orange-surface-primary: var(--accent-orange-surface-primary);
    --color-accent-orange-tertiary: var(--accent-orange-tertiary);
    --color-accent-orange-secondary: var(--accent-orange-secondary);
    --color-accent-orange-primary: var(--accent-orange-primary);
    --color-accent-orange-on-surface: var(--accent-orange-on-surface);
    --color-accent-orange-dark: var(--accent-orange-dark);
    --color-accent-pink-surface-secondary: var(--accent-pink-surface-secondary);
    --color-accent-pink-surface-primary: var(--accent-pink-surface-primary);
    --color-accent-pink-tertiary: var(--accent-pink-tertiary);
    --color-accent-pink-secondary: var(--accent-pink-secondary);
    --color-accent-pink-primary: var(--accent-pink-primary);
    --color-accent-pink-on-surface: var(--accent-pink-on-surface);
    --color-accent-pink-dark: var(--accent-pink-dark);
    --color-accent-purple-surface-secondary: var(--accent-purple-surface-secondary);
    --color-accent-purple-surface-primary: var(--accent-purple-surface-primary);
    --color-accent-purple-tertiary: var(--accent-purple-tertiary);
    --color-accent-purple-secondary: var(--accent-purple-secondary);
    --color-accent-purple-primary: var(--accent-purple-primary);
    --color-accent-purple-on-surface: var(--accent-purple-on-surface);
    --color-accent-purple-dark: var(--accent-purple-dark);
    --color-accent-red-surface-secondary: var(--accent-red-surface-secondary);
    --color-accent-red-surface-primary: var(--accent-red-surface-primary);
    --color-accent-red-tertiary: var(--accent-red-tertiary);
    --color-accent-red-secondary: var(--accent-red-secondary);
    --color-accent-red-primary: var(--accent-red-primary);
    --color-accent-red-on-surface: var(--accent-red-on-surface);
    --color-accent-red-dark: var(--accent-red-dark);
    --color-accent-rose-surface-secondary: var(--accent-rose-surface-secondary);
    --color-accent-rose-surface-primary: var(--accent-rose-surface-primary);
    --color-accent-rose-tertiary: var(--accent-rose-tertiary);
    --color-accent-rose-secondary: var(--accent-rose-secondary);
    --color-accent-rose-primary: var(--accent-rose-primary);
    --color-accent-rose-on-surface: var(--accent-rose-on-surface);
    --color-accent-rose-dark: var(--accent-rose-dark);
    --color-accent-sky-surface-secondary: var(--accent-sky-surface-secondary);
    --color-accent-sky-surface-primary: var(--accent-sky-surface-primary);
    --color-accent-sky-tertiary: var(--accent-sky-tertiary);
    --color-accent-sky-secondary: var(--accent-sky-secondary);
    --color-accent-sky-primary: var(--accent-sky-primary);
    --color-accent-sky-on-surface: var(--accent-sky-on-surface);
    --color-accent-sky-dark: var(--accent-sky-dark);
    --color-accent-teal-surface-secondary: var(--accent-teal-surface-secondary);
    --color-accent-teal-surface-primary: var(--accent-teal-surface-primary);
    --color-accent-teal-tertiary: var(--accent-teal-tertiary);
    --color-accent-teal-secondary: var(--accent-teal-secondary);
    --color-accent-teal-primary: var(--accent-teal-primary);
    --color-accent-teal-on-surface: var(--accent-teal-on-surface);
    --color-accent-teal-dark: var(--accent-teal-dark);
    --color-accent-violet-surface-secondary: var(--accent-violet-surface-secondary);
    --color-accent-violet-surface-primary: var(--accent-violet-surface-primary);
    --color-accent-violet-tertiary: var(--accent-violet-tertiary);
    --color-accent-violet-secondary: var(--accent-violet-secondary);
    --color-accent-violet-primary: var(--accent-violet-primary);
    --color-accent-violet-on-surface: var(--accent-violet-on-surface);
    --color-accent-violet-dark: var(--accent-violet-dark);
    --color-accent-yellow-surface-secondary: var(--accent-yellow-surface-secondary);
    --color-accent-yellow-surface-primary: var(--accent-yellow-surface-primary);
    --color-accent-yellow-tertiary: var(--accent-yellow-tertiary);
    --color-accent-yellow-secondary: var(--accent-yellow-secondary);
    --color-accent-yellow-primary: var(--accent-yellow-primary);
    --color-accent-yellow-on-surface: var(--accent-yellow-on-surface);
    --color-accent-yellow-dark: var(--accent-yellow-dark);
  }
}
@layer theme, base, components, utilities;
@layer theme;
@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 {
    container-type: inline-size;
  }
  .\@container {
    container-type: inline-size;
  }
  .pointer-events-auto {
    pointer-events: auto;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-4 {
    inset: calc(var(--spacing) * 4);
  }
  .inset-y-0 {
    inset-block: 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-5 {
    top: calc(var(--spacing) * -5);
  }
  .-top-\[10\%\] {
    top: calc(10% * -1);
  }
  .-top-\[200px\] {
    top: calc(200px * -1);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .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\/4 {
    top: calc(1/4 * 100%);
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-2\/3 {
    top: calc(2/3 * 100%);
  }
  .top-3\.5 {
    top: calc(var(--spacing) * 3.5);
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .top-5 {
    top: calc(var(--spacing) * 5);
  }
  .top-10 {
    top: calc(var(--spacing) * 10);
  }
  .top-14 {
    top: calc(var(--spacing) * 14);
  }
  .top-16 {
    top: calc(var(--spacing) * 16);
  }
  .top-20 {
    top: calc(var(--spacing) * 20);
  }
  .top-32 {
    top: calc(var(--spacing) * 32);
  }
  .top-\[-17px\] {
    top: -17px;
  }
  .top-\[-60px\] {
    top: -60px;
  }
  .top-\[-196px\] {
    top: -196px;
  }
  .top-\[10\%\] {
    top: 10%;
  }
  .top-\[12px\] {
    top: 12px;
  }
  .top-\[30\%\] {
    top: 30%;
  }
  .top-\[52px\] {
    top: 52px;
  }
  .top-\[60px\] {
    top: 60px;
  }
  .top-\[104px\] {
    top: 104px;
  }
  .top-full {
    top: 100%;
  }
  .top-toolbar-height {
    top: var(--spacing-toolbar-height);
  }
  .-right-0\.5 {
    right: calc(var(--spacing) * -0.5);
  }
  .-right-1 {
    right: calc(var(--spacing) * -1);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-1 {
    right: calc(var(--spacing) * 1);
  }
  .right-1\.5 {
    right: calc(var(--spacing) * 1.5);
  }
  .right-1\/4 {
    right: calc(1/4 * 100%);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .right-3 {
    right: calc(var(--spacing) * 3);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .right-5 {
    right: calc(var(--spacing) * 5);
  }
  .right-10 {
    right: calc(var(--spacing) * 10);
  }
  .right-20 {
    right: calc(var(--spacing) * 20);
  }
  .right-32 {
    right: calc(var(--spacing) * 32);
  }
  .right-\[-3px\] {
    right: -3px;
  }
  .right-\[-240px\] {
    right: -240px;
  }
  .right-\[8\%\] {
    right: 8%;
  }
  .right-\[13\%\] {
    right: 13%;
  }
  .right-\[52px\] {
    right: 52px;
  }
  .-bottom-1 {
    bottom: calc(var(--spacing) * -1);
  }
  .-bottom-4 {
    bottom: calc(var(--spacing) * -4);
  }
  .-bottom-\[5\%\] {
    bottom: calc(5% * -1);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-1 {
    bottom: calc(var(--spacing) * 1);
  }
  .bottom-1\.5 {
    bottom: calc(var(--spacing) * 1.5);
  }
  .bottom-1\/3 {
    bottom: calc(1/3 * 100%);
  }
  .bottom-1\/4 {
    bottom: calc(1/4 * 100%);
  }
  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }
  .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-20 {
    bottom: calc(var(--spacing) * 20);
  }
  .bottom-\[-3px\] {
    bottom: -3px;
  }
  .bottom-\[3px\] {
    bottom: 3px;
  }
  .bottom-\[10\%\] {
    bottom: 10%;
  }
  .bottom-\[20px\] {
    bottom: 20px;
  }
  .bottom-full {
    bottom: 100%;
  }
  .bottom-px {
    bottom: 1px;
  }
  .-left-1 {
    left: calc(var(--spacing) * -1);
  }
  .-left-1\.5 {
    left: calc(var(--spacing) * -1.5);
  }
  .-left-2 {
    left: calc(var(--spacing) * -2);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-1 {
    left: calc(var(--spacing) * 1);
  }
  .left-1\/2 {
    left: calc(1/2 * 100%);
  }
  .left-1\/3 {
    left: calc(1/3 * 100%);
  }
  .left-2 {
    left: calc(var(--spacing) * 2);
  }
  .left-3 {
    left: calc(var(--spacing) * 3);
  }
  .left-4 {
    left: calc(var(--spacing) * 4);
  }
  .left-5 {
    left: calc(var(--spacing) * 5);
  }
  .left-20 {
    left: calc(var(--spacing) * 20);
  }
  .left-\[-64px\] {
    left: -64px;
  }
  .left-\[8\%\] {
    left: 8%;
  }
  .left-\[20px\] {
    left: 20px;
  }
  .left-\[21\%\] {
    left: 21%;
  }
  .left-\[22px\] {
    left: 22px;
  }
  .left-\[23\%\] {
    left: 23%;
  }
  .left-\[50\%\] {
    left: 50%;
  }
  .left-\[118px\] {
    left: 118px;
  }
  .left-\[137px\] {
    left: 137px;
  }
  .left-\[240px\] {
    left: 240px;
  }
  .left-\[calc\(50\%-28px\)\] {
    left: calc(50% - 28px);
  }
  .left-nav-width {
    left: var(--spacing-nav-width);
  }
  .isolate {
    isolation: isolate;
  }
  .z-\(--index\) {
    z-index: var(--index);
  }
  .z-0 {
    z-index: 0;
  }
  .z-1 {
    z-index: 1;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .z-60 {
    z-index: 60;
  }
  .z-100 {
    z-index: 100;
  }
  .z-200 {
    z-index: 200;
  }
  .z-999 {
    z-index: 999;
  }
  .z-\[200\] {
    z-index: 200;
  }
  .z-\[250\] {
    z-index: 250;
  }
  .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-10 {
    grid-column: span 10 / span 10;
  }
  .col-span-11 {
    grid-column: span 11 / span 11;
  }
  .col-span-12 {
    grid-column: span 12 / span 12;
  }
  .col-span-13 {
    grid-column: span 13 / span 13;
  }
  .col-span-14 {
    grid-column: span 14 / span 14;
  }
  .col-span-15 {
    grid-column: span 15 / span 15;
  }
  .col-span-16 {
    grid-column: span 16 / span 16;
  }
  .col-span-17 {
    grid-column: span 17 / span 17;
  }
  .col-span-18 {
    grid-column: span 18 / span 18;
  }
  .col-span-19 {
    grid-column: span 19 / span 19;
  }
  .col-span-20 {
    grid-column: span 20 / span 20;
  }
  .col-span-21 {
    grid-column: span 21 / span 21;
  }
  .col-span-22 {
    grid-column: span 22 / span 22;
  }
  .col-span-23 {
    grid-column: span 23 / span 23;
  }
  .col-span-24 {
    grid-column: span 24 / span 24;
  }
  .col-span-25 {
    grid-column: span 25 / span 25;
  }
  .col-span-26 {
    grid-column: span 26 / span 26;
  }
  .col-span-27 {
    grid-column: span 27 / span 27;
  }
  .col-span-28 {
    grid-column: span 28 / span 28;
  }
  .col-span-29 {
    grid-column: span 29 / span 29;
  }
  .col-span-30 {
    grid-column: span 30 / span 30;
  }
  .col-span-31 {
    grid-column: span 31 / span 31;
  }
  .col-span-32 {
    grid-column: span 32 / span 32;
  }
  .col-span-33 {
    grid-column: span 33 / span 33;
  }
  .col-span-34 {
    grid-column: span 34 / span 34;
  }
  .col-span-35 {
    grid-column: span 35 / span 35;
  }
  .col-span-36 {
    grid-column: span 36 / span 36;
  }
  .col-span-37 {
    grid-column: span 37 / span 37;
  }
  .col-span-38 {
    grid-column: span 38 / span 38;
  }
  .col-span-39 {
    grid-column: span 39 / span 39;
  }
  .col-span-40 {
    grid-column: span 40 / span 40;
  }
  .col-span-41 {
    grid-column: span 41 / span 41;
  }
  .col-span-42 {
    grid-column: span 42 / span 42;
  }
  .col-span-43 {
    grid-column: span 43 / span 43;
  }
  .col-span-44 {
    grid-column: span 44 / span 44;
  }
  .col-span-45 {
    grid-column: span 45 / span 45;
  }
  .col-span-46 {
    grid-column: span 46 / span 46;
  }
  .col-span-47 {
    grid-column: span 47 / span 47;
  }
  .col-span-48 {
    grid-column: span 48 / span 48;
  }
  .col-span-49 {
    grid-column: span 49 / span 49;
  }
  .col-span-50 {
    grid-column: span 50 / span 50;
  }
  .col-span-51 {
    grid-column: span 51 / span 51;
  }
  .col-span-52 {
    grid-column: span 52 / span 52;
  }
  .col-span-53 {
    grid-column: span 53 / span 53;
  }
  .col-span-54 {
    grid-column: span 54 / span 54;
  }
  .col-span-55 {
    grid-column: span 55 / span 55;
  }
  .col-span-56 {
    grid-column: span 56 / span 56;
  }
  .col-span-57 {
    grid-column: span 57 / span 57;
  }
  .col-span-58 {
    grid-column: span 58 / span 58;
  }
  .col-span-59 {
    grid-column: span 59 / span 59;
  }
  .col-span-60 {
    grid-column: span 60 / span 60;
  }
  .col-span-61 {
    grid-column: span 61 / span 61;
  }
  .col-span-62 {
    grid-column: span 62 / span 62;
  }
  .col-span-63 {
    grid-column: span 63 / span 63;
  }
  .col-span-64 {
    grid-column: span 64 / span 64;
  }
  .col-span-65 {
    grid-column: span 65 / span 65;
  }
  .col-span-66 {
    grid-column: span 66 / span 66;
  }
  .col-span-67 {
    grid-column: span 67 / span 67;
  }
  .col-span-68 {
    grid-column: span 68 / span 68;
  }
  .col-span-69 {
    grid-column: span 69 / span 69;
  }
  .col-span-70 {
    grid-column: span 70 / span 70;
  }
  .col-span-71 {
    grid-column: span 71 / span 71;
  }
  .col-span-72 {
    grid-column: span 72 / span 72;
  }
  .col-span-73 {
    grid-column: span 73 / span 73;
  }
  .col-span-74 {
    grid-column: span 74 / span 74;
  }
  .col-span-75 {
    grid-column: span 75 / span 75;
  }
  .col-span-76 {
    grid-column: span 76 / span 76;
  }
  .col-span-77 {
    grid-column: span 77 / span 77;
  }
  .col-span-78 {
    grid-column: span 78 / span 78;
  }
  .col-span-79 {
    grid-column: span 79 / span 79;
  }
  .col-span-80 {
    grid-column: span 80 / span 80;
  }
  .col-span-81 {
    grid-column: span 81 / span 81;
  }
  .col-span-82 {
    grid-column: span 82 / span 82;
  }
  .col-span-83 {
    grid-column: span 83 / span 83;
  }
  .col-span-84 {
    grid-column: span 84 / span 84;
  }
  .col-span-85 {
    grid-column: span 85 / span 85;
  }
  .col-span-86 {
    grid-column: span 86 / span 86;
  }
  .col-span-87 {
    grid-column: span 87 / span 87;
  }
  .col-span-88 {
    grid-column: span 88 / span 88;
  }
  .col-span-89 {
    grid-column: span 89 / span 89;
  }
  .col-span-90 {
    grid-column: span 90 / span 90;
  }
  .col-span-91 {
    grid-column: span 91 / span 91;
  }
  .col-span-92 {
    grid-column: span 92 / span 92;
  }
  .col-span-93 {
    grid-column: span 93 / span 93;
  }
  .col-span-94 {
    grid-column: span 94 / span 94;
  }
  .col-span-95 {
    grid-column: span 95 / span 95;
  }
  .col-span-96 {
    grid-column: span 96 / span 96;
  }
  .col-span-97 {
    grid-column: span 97 / span 97;
  }
  .col-span-98 {
    grid-column: span 98 / span 98;
  }
  .col-span-99 {
    grid-column: span 99 / span 99;
  }
  .col-span-100 {
    grid-column: span 100 / span 100;
  }
  .col-span-101 {
    grid-column: span 101 / span 101;
  }
  .col-span-102 {
    grid-column: span 102 / span 102;
  }
  .col-span-103 {
    grid-column: span 103 / span 103;
  }
  .col-span-104 {
    grid-column: span 104 / span 104;
  }
  .col-span-105 {
    grid-column: span 105 / span 105;
  }
  .col-span-106 {
    grid-column: span 106 / span 106;
  }
  .col-span-107 {
    grid-column: span 107 / span 107;
  }
  .col-span-108 {
    grid-column: span 108 / span 108;
  }
  .col-span-109 {
    grid-column: span 109 / span 109;
  }
  .col-span-110 {
    grid-column: span 110 / span 110;
  }
  .col-span-111 {
    grid-column: span 111 / span 111;
  }
  .col-span-112 {
    grid-column: span 112 / span 112;
  }
  .col-span-113 {
    grid-column: span 113 / span 113;
  }
  .col-span-114 {
    grid-column: span 114 / span 114;
  }
  .col-span-115 {
    grid-column: span 115 / span 115;
  }
  .col-span-116 {
    grid-column: span 116 / span 116;
  }
  .col-span-117 {
    grid-column: span 117 / span 117;
  }
  .col-span-118 {
    grid-column: span 118 / span 118;
  }
  .col-span-119 {
    grid-column: span 119 / span 119;
  }
  .col-span-120 {
    grid-column: span 120 / span 120;
  }
  .col-span-121 {
    grid-column: span 121 / span 121;
  }
  .col-span-122 {
    grid-column: span 122 / span 122;
  }
  .col-span-123 {
    grid-column: span 123 / span 123;
  }
  .col-span-124 {
    grid-column: span 124 / span 124;
  }
  .col-span-125 {
    grid-column: span 125 / span 125;
  }
  .col-span-126 {
    grid-column: span 126 / span 126;
  }
  .col-span-127 {
    grid-column: span 127 / span 127;
  }
  .col-span-128 {
    grid-column: span 128 / span 128;
  }
  .col-span-129 {
    grid-column: span 129 / span 129;
  }
  .col-span-130 {
    grid-column: span 130 / span 130;
  }
  .col-span-131 {
    grid-column: span 131 / span 131;
  }
  .col-span-132 {
    grid-column: span 132 / span 132;
  }
  .col-span-133 {
    grid-column: span 133 / span 133;
  }
  .col-span-134 {
    grid-column: span 134 / span 134;
  }
  .col-span-135 {
    grid-column: span 135 / span 135;
  }
  .col-span-136 {
    grid-column: span 136 / span 136;
  }
  .col-span-137 {
    grid-column: span 137 / span 137;
  }
  .col-span-138 {
    grid-column: span 138 / span 138;
  }
  .col-span-139 {
    grid-column: span 139 / span 139;
  }
  .col-span-140 {
    grid-column: span 140 / span 140;
  }
  .col-span-141 {
    grid-column: span 141 / span 141;
  }
  .col-span-142 {
    grid-column: span 142 / span 142;
  }
  .col-span-143 {
    grid-column: span 143 / span 143;
  }
  .col-span-144 {
    grid-column: span 144 / span 144;
  }
  .col-span-145 {
    grid-column: span 145 / span 145;
  }
  .col-span-146 {
    grid-column: span 146 / span 146;
  }
  .col-span-147 {
    grid-column: span 147 / span 147;
  }
  .col-span-148 {
    grid-column: span 148 / span 148;
  }
  .col-span-149 {
    grid-column: span 149 / span 149;
  }
  .col-span-150 {
    grid-column: span 150 / span 150;
  }
  .col-span-151 {
    grid-column: span 151 / span 151;
  }
  .col-span-152 {
    grid-column: span 152 / span 152;
  }
  .col-span-153 {
    grid-column: span 153 / span 153;
  }
  .col-span-154 {
    grid-column: span 154 / span 154;
  }
  .col-span-155 {
    grid-column: span 155 / span 155;
  }
  .col-span-156 {
    grid-column: span 156 / span 156;
  }
  .col-span-157 {
    grid-column: span 157 / span 157;
  }
  .col-span-158 {
    grid-column: span 158 / span 158;
  }
  .col-span-159 {
    grid-column: span 159 / span 159;
  }
  .col-span-160 {
    grid-column: span 160 / span 160;
  }
  .col-span-161 {
    grid-column: span 161 / span 161;
  }
  .col-span-162 {
    grid-column: span 162 / span 162;
  }
  .col-span-163 {
    grid-column: span 163 / span 163;
  }
  .col-span-164 {
    grid-column: span 164 / span 164;
  }
  .col-span-165 {
    grid-column: span 165 / span 165;
  }
  .col-span-166 {
    grid-column: span 166 / span 166;
  }
  .col-span-167 {
    grid-column: span 167 / span 167;
  }
  .col-span-168 {
    grid-column: span 168 / span 168;
  }
  .col-span-169 {
    grid-column: span 169 / span 169;
  }
  .col-span-170 {
    grid-column: span 170 / span 170;
  }
  .col-span-171 {
    grid-column: span 171 / span 171;
  }
  .col-span-172 {
    grid-column: span 172 / span 172;
  }
  .col-span-173 {
    grid-column: span 173 / span 173;
  }
  .col-span-174 {
    grid-column: span 174 / span 174;
  }
  .col-span-175 {
    grid-column: span 175 / span 175;
  }
  .col-span-176 {
    grid-column: span 176 / span 176;
  }
  .col-span-177 {
    grid-column: span 177 / span 177;
  }
  .col-span-178 {
    grid-column: span 178 / span 178;
  }
  .col-span-179 {
    grid-column: span 179 / span 179;
  }
  .col-span-180 {
    grid-column: span 180 / span 180;
  }
  .col-span-181 {
    grid-column: span 181 / span 181;
  }
  .col-span-182 {
    grid-column: span 182 / span 182;
  }
  .col-span-183 {
    grid-column: span 183 / span 183;
  }
  .col-span-184 {
    grid-column: span 184 / span 184;
  }
  .col-span-185 {
    grid-column: span 185 / span 185;
  }
  .col-span-186 {
    grid-column: span 186 / span 186;
  }
  .col-span-187 {
    grid-column: span 187 / span 187;
  }
  .col-span-188 {
    grid-column: span 188 / span 188;
  }
  .col-span-189 {
    grid-column: span 189 / span 189;
  }
  .col-span-190 {
    grid-column: span 190 / span 190;
  }
  .col-span-191 {
    grid-column: span 191 / span 191;
  }
  .col-span-192 {
    grid-column: span 192 / span 192;
  }
  .col-span-193 {
    grid-column: span 193 / span 193;
  }
  .col-span-194 {
    grid-column: span 194 / span 194;
  }
  .col-span-195 {
    grid-column: span 195 / span 195;
  }
  .col-span-196 {
    grid-column: span 196 / span 196;
  }
  .col-span-197 {
    grid-column: span 197 / span 197;
  }
  .col-span-198 {
    grid-column: span 198 / span 198;
  }
  .col-span-199 {
    grid-column: span 199 / span 199;
  }
  .col-span-200 {
    grid-column: span 200 / span 200;
  }
  .col-span-201 {
    grid-column: span 201 / span 201;
  }
  .col-span-202 {
    grid-column: span 202 / span 202;
  }
  .col-span-203 {
    grid-column: span 203 / span 203;
  }
  .col-span-204 {
    grid-column: span 204 / span 204;
  }
  .col-span-205 {
    grid-column: span 205 / span 205;
  }
  .col-span-206 {
    grid-column: span 206 / span 206;
  }
  .col-span-207 {
    grid-column: span 207 / span 207;
  }
  .col-span-208 {
    grid-column: span 208 / span 208;
  }
  .col-span-209 {
    grid-column: span 209 / span 209;
  }
  .col-span-210 {
    grid-column: span 210 / span 210;
  }
  .col-span-211 {
    grid-column: span 211 / span 211;
  }
  .col-span-212 {
    grid-column: span 212 / span 212;
  }
  .col-span-213 {
    grid-column: span 213 / span 213;
  }
  .col-span-214 {
    grid-column: span 214 / span 214;
  }
  .col-span-215 {
    grid-column: span 215 / span 215;
  }
  .col-span-216 {
    grid-column: span 216 / span 216;
  }
  .col-span-217 {
    grid-column: span 217 / span 217;
  }
  .col-span-218 {
    grid-column: span 218 / span 218;
  }
  .col-span-219 {
    grid-column: span 219 / span 219;
  }
  .col-span-220 {
    grid-column: span 220 / span 220;
  }
  .col-span-221 {
    grid-column: span 221 / span 221;
  }
  .col-span-222 {
    grid-column: span 222 / span 222;
  }
  .col-span-223 {
    grid-column: span 223 / span 223;
  }
  .col-span-224 {
    grid-column: span 224 / span 224;
  }
  .col-span-225 {
    grid-column: span 225 / span 225;
  }
  .col-span-226 {
    grid-column: span 226 / span 226;
  }
  .col-span-227 {
    grid-column: span 227 / span 227;
  }
  .col-span-228 {
    grid-column: span 228 / span 228;
  }
  .col-span-229 {
    grid-column: span 229 / span 229;
  }
  .col-span-230 {
    grid-column: span 230 / span 230;
  }
  .col-span-231 {
    grid-column: span 231 / span 231;
  }
  .col-span-232 {
    grid-column: span 232 / span 232;
  }
  .col-span-233 {
    grid-column: span 233 / span 233;
  }
  .col-span-234 {
    grid-column: span 234 / span 234;
  }
  .col-span-235 {
    grid-column: span 235 / span 235;
  }
  .col-span-236 {
    grid-column: span 236 / span 236;
  }
  .col-span-237 {
    grid-column: span 237 / span 237;
  }
  .col-span-238 {
    grid-column: span 238 / span 238;
  }
  .col-span-239 {
    grid-column: span 239 / span 239;
  }
  .col-span-240 {
    grid-column: span 240 / span 240;
  }
  .col-span-241 {
    grid-column: span 241 / span 241;
  }
  .col-span-242 {
    grid-column: span 242 / span 242;
  }
  .col-span-243 {
    grid-column: span 243 / span 243;
  }
  .col-span-244 {
    grid-column: span 244 / span 244;
  }
  .col-span-245 {
    grid-column: span 245 / span 245;
  }
  .col-span-246 {
    grid-column: span 246 / span 246;
  }
  .col-span-247 {
    grid-column: span 247 / span 247;
  }
  .col-span-248 {
    grid-column: span 248 / span 248;
  }
  .col-span-249 {
    grid-column: span 249 / span 249;
  }
  .col-span-250 {
    grid-column: span 250 / span 250;
  }
  .col-span-251 {
    grid-column: span 251 / span 251;
  }
  .col-span-252 {
    grid-column: span 252 / span 252;
  }
  .col-span-253 {
    grid-column: span 253 / span 253;
  }
  .col-span-254 {
    grid-column: span 254 / span 254;
  }
  .col-span-255 {
    grid-column: span 255 / span 255;
  }
  .col-span-256 {
    grid-column: span 256 / span 256;
  }
  .col-span-257 {
    grid-column: span 257 / span 257;
  }
  .col-span-258 {
    grid-column: span 258 / span 258;
  }
  .col-span-259 {
    grid-column: span 259 / span 259;
  }
  .col-span-260 {
    grid-column: span 260 / span 260;
  }
  .col-span-261 {
    grid-column: span 261 / span 261;
  }
  .col-span-262 {
    grid-column: span 262 / span 262;
  }
  .col-span-263 {
    grid-column: span 263 / span 263;
  }
  .col-span-264 {
    grid-column: span 264 / span 264;
  }
  .col-span-265 {
    grid-column: span 265 / span 265;
  }
  .col-span-266 {
    grid-column: span 266 / span 266;
  }
  .col-span-267 {
    grid-column: span 267 / span 267;
  }
  .col-span-268 {
    grid-column: span 268 / span 268;
  }
  .col-span-269 {
    grid-column: span 269 / span 269;
  }
  .col-span-270 {
    grid-column: span 270 / span 270;
  }
  .col-span-271 {
    grid-column: span 271 / span 271;
  }
  .col-span-272 {
    grid-column: span 272 / span 272;
  }
  .col-span-273 {
    grid-column: span 273 / span 273;
  }
  .col-span-274 {
    grid-column: span 274 / span 274;
  }
  .col-span-275 {
    grid-column: span 275 / span 275;
  }
  .col-span-276 {
    grid-column: span 276 / span 276;
  }
  .col-span-277 {
    grid-column: span 277 / span 277;
  }
  .col-span-278 {
    grid-column: span 278 / span 278;
  }
  .col-span-279 {
    grid-column: span 279 / span 279;
  }
  .col-span-280 {
    grid-column: span 280 / span 280;
  }
  .col-span-281 {
    grid-column: span 281 / span 281;
  }
  .col-span-282 {
    grid-column: span 282 / span 282;
  }
  .col-span-283 {
    grid-column: span 283 / span 283;
  }
  .col-span-284 {
    grid-column: span 284 / span 284;
  }
  .col-span-285 {
    grid-column: span 285 / span 285;
  }
  .col-span-286 {
    grid-column: span 286 / span 286;
  }
  .col-span-287 {
    grid-column: span 287 / span 287;
  }
  .col-span-288 {
    grid-column: span 288 / span 288;
  }
  .col-span-289 {
    grid-column: span 289 / span 289;
  }
  .col-span-290 {
    grid-column: span 290 / span 290;
  }
  .col-span-291 {
    grid-column: span 291 / span 291;
  }
  .col-span-292 {
    grid-column: span 292 / span 292;
  }
  .col-span-293 {
    grid-column: span 293 / span 293;
  }
  .col-span-294 {
    grid-column: span 294 / span 294;
  }
  .col-span-295 {
    grid-column: span 295 / span 295;
  }
  .col-span-296 {
    grid-column: span 296 / span 296;
  }
  .col-span-297 {
    grid-column: span 297 / span 297;
  }
  .col-span-298 {
    grid-column: span 298 / span 298;
  }
  .col-span-299 {
    grid-column: span 299 / span 299;
  }
  .col-span-300 {
    grid-column: span 300 / span 300;
  }
  .col-span-301 {
    grid-column: span 301 / span 301;
  }
  .col-span-302 {
    grid-column: span 302 / span 302;
  }
  .col-span-303 {
    grid-column: span 303 / span 303;
  }
  .col-span-304 {
    grid-column: span 304 / span 304;
  }
  .col-span-305 {
    grid-column: span 305 / span 305;
  }
  .col-span-306 {
    grid-column: span 306 / span 306;
  }
  .col-span-307 {
    grid-column: span 307 / span 307;
  }
  .col-span-308 {
    grid-column: span 308 / span 308;
  }
  .col-span-309 {
    grid-column: span 309 / span 309;
  }
  .col-span-310 {
    grid-column: span 310 / span 310;
  }
  .col-span-311 {
    grid-column: span 311 / span 311;
  }
  .col-span-312 {
    grid-column: span 312 / span 312;
  }
  .col-span-313 {
    grid-column: span 313 / span 313;
  }
  .col-span-314 {
    grid-column: span 314 / span 314;
  }
  .col-span-315 {
    grid-column: span 315 / span 315;
  }
  .col-span-316 {
    grid-column: span 316 / span 316;
  }
  .col-span-317 {
    grid-column: span 317 / span 317;
  }
  .col-span-318 {
    grid-column: span 318 / span 318;
  }
  .col-span-319 {
    grid-column: span 319 / span 319;
  }
  .col-span-320 {
    grid-column: span 320 / span 320;
  }
  .col-span-321 {
    grid-column: span 321 / span 321;
  }
  .col-span-322 {
    grid-column: span 322 / span 322;
  }
  .col-span-323 {
    grid-column: span 323 / span 323;
  }
  .col-span-324 {
    grid-column: span 324 / span 324;
  }
  .col-span-325 {
    grid-column: span 325 / span 325;
  }
  .col-span-326 {
    grid-column: span 326 / span 326;
  }
  .col-span-327 {
    grid-column: span 327 / span 327;
  }
  .col-span-328 {
    grid-column: span 328 / span 328;
  }
  .col-span-329 {
    grid-column: span 329 / span 329;
  }
  .col-span-330 {
    grid-column: span 330 / span 330;
  }
  .col-span-331 {
    grid-column: span 331 / span 331;
  }
  .col-span-332 {
    grid-column: span 332 / span 332;
  }
  .col-span-333 {
    grid-column: span 333 / span 333;
  }
  .col-span-334 {
    grid-column: span 334 / span 334;
  }
  .col-span-335 {
    grid-column: span 335 / span 335;
  }
  .col-span-336 {
    grid-column: span 336 / span 336;
  }
  .col-span-337 {
    grid-column: span 337 / span 337;
  }
  .col-span-338 {
    grid-column: span 338 / span 338;
  }
  .col-span-339 {
    grid-column: span 339 / span 339;
  }
  .col-span-340 {
    grid-column: span 340 / span 340;
  }
  .col-span-341 {
    grid-column: span 341 / span 341;
  }
  .col-span-342 {
    grid-column: span 342 / span 342;
  }
  .col-span-343 {
    grid-column: span 343 / span 343;
  }
  .col-span-344 {
    grid-column: span 344 / span 344;
  }
  .col-span-345 {
    grid-column: span 345 / span 345;
  }
  .col-span-346 {
    grid-column: span 346 / span 346;
  }
  .col-span-347 {
    grid-column: span 347 / span 347;
  }
  .col-span-348 {
    grid-column: span 348 / span 348;
  }
  .col-span-349 {
    grid-column: span 349 / span 349;
  }
  .col-span-350 {
    grid-column: span 350 / span 350;
  }
  .col-span-351 {
    grid-column: span 351 / span 351;
  }
  .col-span-352 {
    grid-column: span 352 / span 352;
  }
  .col-span-353 {
    grid-column: span 353 / span 353;
  }
  .col-span-354 {
    grid-column: span 354 / span 354;
  }
  .col-span-355 {
    grid-column: span 355 / span 355;
  }
  .col-span-356 {
    grid-column: span 356 / span 356;
  }
  .col-span-357 {
    grid-column: span 357 / span 357;
  }
  .col-span-358 {
    grid-column: span 358 / span 358;
  }
  .col-span-359 {
    grid-column: span 359 / span 359;
  }
  .col-span-360 {
    grid-column: span 360 / span 360;
  }
  .col-span-361 {
    grid-column: span 361 / span 361;
  }
  .col-span-362 {
    grid-column: span 362 / span 362;
  }
  .col-span-363 {
    grid-column: span 363 / span 363;
  }
  .col-span-364 {
    grid-column: span 364 / span 364;
  }
  .col-span-365 {
    grid-column: span 365 / span 365;
  }
  .col-span-366 {
    grid-column: span 366 / span 366;
  }
  .col-start-1 {
    grid-column-start: 1;
  }
  .col-start-2 {
    grid-column-start: 2;
  }
  .col-start-3 {
    grid-column-start: 3;
  }
  .col-start-4 {
    grid-column-start: 4;
  }
  .col-start-5 {
    grid-column-start: 5;
  }
  .col-start-6 {
    grid-column-start: 6;
  }
  .col-start-7 {
    grid-column-start: 7;
  }
  .col-start-8 {
    grid-column-start: 8;
  }
  .col-start-9 {
    grid-column-start: 9;
  }
  .col-start-10 {
    grid-column-start: 10;
  }
  .col-start-11 {
    grid-column-start: 11;
  }
  .col-start-12 {
    grid-column-start: 12;
  }
  .col-start-13 {
    grid-column-start: 13;
  }
  .col-start-14 {
    grid-column-start: 14;
  }
  .col-start-15 {
    grid-column-start: 15;
  }
  .col-start-16 {
    grid-column-start: 16;
  }
  .col-start-17 {
    grid-column-start: 17;
  }
  .col-start-18 {
    grid-column-start: 18;
  }
  .col-start-19 {
    grid-column-start: 19;
  }
  .col-start-20 {
    grid-column-start: 20;
  }
  .col-start-21 {
    grid-column-start: 21;
  }
  .col-start-22 {
    grid-column-start: 22;
  }
  .col-start-23 {
    grid-column-start: 23;
  }
  .col-start-24 {
    grid-column-start: 24;
  }
  .col-start-25 {
    grid-column-start: 25;
  }
  .col-start-26 {
    grid-column-start: 26;
  }
  .col-start-27 {
    grid-column-start: 27;
  }
  .col-start-28 {
    grid-column-start: 28;
  }
  .col-start-29 {
    grid-column-start: 29;
  }
  .col-start-30 {
    grid-column-start: 30;
  }
  .col-start-31 {
    grid-column-start: 31;
  }
  .col-start-32 {
    grid-column-start: 32;
  }
  .col-start-33 {
    grid-column-start: 33;
  }
  .col-start-34 {
    grid-column-start: 34;
  }
  .col-start-35 {
    grid-column-start: 35;
  }
  .col-start-36 {
    grid-column-start: 36;
  }
  .col-start-37 {
    grid-column-start: 37;
  }
  .col-start-38 {
    grid-column-start: 38;
  }
  .col-start-39 {
    grid-column-start: 39;
  }
  .col-start-40 {
    grid-column-start: 40;
  }
  .col-start-41 {
    grid-column-start: 41;
  }
  .col-start-42 {
    grid-column-start: 42;
  }
  .col-start-43 {
    grid-column-start: 43;
  }
  .col-start-44 {
    grid-column-start: 44;
  }
  .col-start-45 {
    grid-column-start: 45;
  }
  .col-start-46 {
    grid-column-start: 46;
  }
  .col-start-47 {
    grid-column-start: 47;
  }
  .col-start-48 {
    grid-column-start: 48;
  }
  .col-start-49 {
    grid-column-start: 49;
  }
  .col-start-50 {
    grid-column-start: 50;
  }
  .col-start-51 {
    grid-column-start: 51;
  }
  .col-start-52 {
    grid-column-start: 52;
  }
  .col-start-53 {
    grid-column-start: 53;
  }
  .col-start-54 {
    grid-column-start: 54;
  }
  .col-start-55 {
    grid-column-start: 55;
  }
  .col-start-56 {
    grid-column-start: 56;
  }
  .col-start-57 {
    grid-column-start: 57;
  }
  .col-start-58 {
    grid-column-start: 58;
  }
  .col-start-59 {
    grid-column-start: 59;
  }
  .col-start-60 {
    grid-column-start: 60;
  }
  .col-start-61 {
    grid-column-start: 61;
  }
  .col-start-62 {
    grid-column-start: 62;
  }
  .col-start-63 {
    grid-column-start: 63;
  }
  .col-start-64 {
    grid-column-start: 64;
  }
  .col-start-65 {
    grid-column-start: 65;
  }
  .col-start-66 {
    grid-column-start: 66;
  }
  .col-start-67 {
    grid-column-start: 67;
  }
  .col-start-68 {
    grid-column-start: 68;
  }
  .col-start-69 {
    grid-column-start: 69;
  }
  .col-start-70 {
    grid-column-start: 70;
  }
  .col-start-71 {
    grid-column-start: 71;
  }
  .col-start-72 {
    grid-column-start: 72;
  }
  .col-start-73 {
    grid-column-start: 73;
  }
  .col-start-74 {
    grid-column-start: 74;
  }
  .col-start-75 {
    grid-column-start: 75;
  }
  .col-start-76 {
    grid-column-start: 76;
  }
  .col-start-77 {
    grid-column-start: 77;
  }
  .col-start-78 {
    grid-column-start: 78;
  }
  .col-start-79 {
    grid-column-start: 79;
  }
  .col-start-80 {
    grid-column-start: 80;
  }
  .col-start-81 {
    grid-column-start: 81;
  }
  .col-start-82 {
    grid-column-start: 82;
  }
  .col-start-83 {
    grid-column-start: 83;
  }
  .col-start-84 {
    grid-column-start: 84;
  }
  .col-start-85 {
    grid-column-start: 85;
  }
  .col-start-86 {
    grid-column-start: 86;
  }
  .col-start-87 {
    grid-column-start: 87;
  }
  .col-start-88 {
    grid-column-start: 88;
  }
  .col-start-89 {
    grid-column-start: 89;
  }
  .col-start-90 {
    grid-column-start: 90;
  }
  .col-start-91 {
    grid-column-start: 91;
  }
  .col-start-92 {
    grid-column-start: 92;
  }
  .col-start-93 {
    grid-column-start: 93;
  }
  .col-start-94 {
    grid-column-start: 94;
  }
  .col-start-95 {
    grid-column-start: 95;
  }
  .col-start-96 {
    grid-column-start: 96;
  }
  .col-start-97 {
    grid-column-start: 97;
  }
  .col-start-98 {
    grid-column-start: 98;
  }
  .col-start-99 {
    grid-column-start: 99;
  }
  .col-start-100 {
    grid-column-start: 100;
  }
  .col-start-101 {
    grid-column-start: 101;
  }
  .col-start-102 {
    grid-column-start: 102;
  }
  .col-start-103 {
    grid-column-start: 103;
  }
  .col-start-104 {
    grid-column-start: 104;
  }
  .col-start-105 {
    grid-column-start: 105;
  }
  .col-start-106 {
    grid-column-start: 106;
  }
  .col-start-107 {
    grid-column-start: 107;
  }
  .col-start-108 {
    grid-column-start: 108;
  }
  .col-start-109 {
    grid-column-start: 109;
  }
  .col-start-110 {
    grid-column-start: 110;
  }
  .col-start-111 {
    grid-column-start: 111;
  }
  .col-start-112 {
    grid-column-start: 112;
  }
  .col-start-113 {
    grid-column-start: 113;
  }
  .col-start-114 {
    grid-column-start: 114;
  }
  .col-start-115 {
    grid-column-start: 115;
  }
  .col-start-116 {
    grid-column-start: 116;
  }
  .col-start-117 {
    grid-column-start: 117;
  }
  .col-start-118 {
    grid-column-start: 118;
  }
  .col-start-119 {
    grid-column-start: 119;
  }
  .col-start-120 {
    grid-column-start: 120;
  }
  .col-start-121 {
    grid-column-start: 121;
  }
  .col-start-122 {
    grid-column-start: 122;
  }
  .col-start-123 {
    grid-column-start: 123;
  }
  .col-start-124 {
    grid-column-start: 124;
  }
  .col-start-125 {
    grid-column-start: 125;
  }
  .col-start-126 {
    grid-column-start: 126;
  }
  .col-start-127 {
    grid-column-start: 127;
  }
  .col-start-128 {
    grid-column-start: 128;
  }
  .col-start-129 {
    grid-column-start: 129;
  }
  .col-start-130 {
    grid-column-start: 130;
  }
  .col-start-131 {
    grid-column-start: 131;
  }
  .col-start-132 {
    grid-column-start: 132;
  }
  .col-start-133 {
    grid-column-start: 133;
  }
  .col-start-134 {
    grid-column-start: 134;
  }
  .col-start-135 {
    grid-column-start: 135;
  }
  .col-start-136 {
    grid-column-start: 136;
  }
  .col-start-137 {
    grid-column-start: 137;
  }
  .col-start-138 {
    grid-column-start: 138;
  }
  .col-start-139 {
    grid-column-start: 139;
  }
  .col-start-140 {
    grid-column-start: 140;
  }
  .col-start-141 {
    grid-column-start: 141;
  }
  .col-start-142 {
    grid-column-start: 142;
  }
  .col-start-143 {
    grid-column-start: 143;
  }
  .col-start-144 {
    grid-column-start: 144;
  }
  .col-start-145 {
    grid-column-start: 145;
  }
  .col-start-146 {
    grid-column-start: 146;
  }
  .col-start-147 {
    grid-column-start: 147;
  }
  .col-start-148 {
    grid-column-start: 148;
  }
  .col-start-149 {
    grid-column-start: 149;
  }
  .col-start-150 {
    grid-column-start: 150;
  }
  .col-start-151 {
    grid-column-start: 151;
  }
  .col-start-152 {
    grid-column-start: 152;
  }
  .col-start-153 {
    grid-column-start: 153;
  }
  .col-start-154 {
    grid-column-start: 154;
  }
  .col-start-155 {
    grid-column-start: 155;
  }
  .col-start-156 {
    grid-column-start: 156;
  }
  .col-start-157 {
    grid-column-start: 157;
  }
  .col-start-158 {
    grid-column-start: 158;
  }
  .col-start-159 {
    grid-column-start: 159;
  }
  .col-start-160 {
    grid-column-start: 160;
  }
  .col-start-161 {
    grid-column-start: 161;
  }
  .col-start-162 {
    grid-column-start: 162;
  }
  .col-start-163 {
    grid-column-start: 163;
  }
  .col-start-164 {
    grid-column-start: 164;
  }
  .col-start-165 {
    grid-column-start: 165;
  }
  .col-start-166 {
    grid-column-start: 166;
  }
  .col-start-167 {
    grid-column-start: 167;
  }
  .col-start-168 {
    grid-column-start: 168;
  }
  .col-start-169 {
    grid-column-start: 169;
  }
  .col-start-170 {
    grid-column-start: 170;
  }
  .col-start-171 {
    grid-column-start: 171;
  }
  .col-start-172 {
    grid-column-start: 172;
  }
  .col-start-173 {
    grid-column-start: 173;
  }
  .col-start-174 {
    grid-column-start: 174;
  }
  .col-start-175 {
    grid-column-start: 175;
  }
  .col-start-176 {
    grid-column-start: 176;
  }
  .col-start-177 {
    grid-column-start: 177;
  }
  .col-start-178 {
    grid-column-start: 178;
  }
  .col-start-179 {
    grid-column-start: 179;
  }
  .col-start-180 {
    grid-column-start: 180;
  }
  .col-start-181 {
    grid-column-start: 181;
  }
  .col-start-182 {
    grid-column-start: 182;
  }
  .col-start-183 {
    grid-column-start: 183;
  }
  .col-start-184 {
    grid-column-start: 184;
  }
  .col-start-185 {
    grid-column-start: 185;
  }
  .col-start-186 {
    grid-column-start: 186;
  }
  .col-start-187 {
    grid-column-start: 187;
  }
  .col-start-188 {
    grid-column-start: 188;
  }
  .col-start-189 {
    grid-column-start: 189;
  }
  .col-start-190 {
    grid-column-start: 190;
  }
  .col-start-191 {
    grid-column-start: 191;
  }
  .col-start-192 {
    grid-column-start: 192;
  }
  .col-start-193 {
    grid-column-start: 193;
  }
  .col-start-194 {
    grid-column-start: 194;
  }
  .col-start-195 {
    grid-column-start: 195;
  }
  .col-start-196 {
    grid-column-start: 196;
  }
  .col-start-197 {
    grid-column-start: 197;
  }
  .col-start-198 {
    grid-column-start: 198;
  }
  .col-start-199 {
    grid-column-start: 199;
  }
  .col-start-200 {
    grid-column-start: 200;
  }
  .col-start-201 {
    grid-column-start: 201;
  }
  .col-start-202 {
    grid-column-start: 202;
  }
  .col-start-203 {
    grid-column-start: 203;
  }
  .col-start-204 {
    grid-column-start: 204;
  }
  .col-start-205 {
    grid-column-start: 205;
  }
  .col-start-206 {
    grid-column-start: 206;
  }
  .col-start-207 {
    grid-column-start: 207;
  }
  .col-start-208 {
    grid-column-start: 208;
  }
  .col-start-209 {
    grid-column-start: 209;
  }
  .col-start-210 {
    grid-column-start: 210;
  }
  .col-start-211 {
    grid-column-start: 211;
  }
  .col-start-212 {
    grid-column-start: 212;
  }
  .col-start-213 {
    grid-column-start: 213;
  }
  .col-start-214 {
    grid-column-start: 214;
  }
  .col-start-215 {
    grid-column-start: 215;
  }
  .col-start-216 {
    grid-column-start: 216;
  }
  .col-start-217 {
    grid-column-start: 217;
  }
  .col-start-218 {
    grid-column-start: 218;
  }
  .col-start-219 {
    grid-column-start: 219;
  }
  .col-start-220 {
    grid-column-start: 220;
  }
  .col-start-221 {
    grid-column-start: 221;
  }
  .col-start-222 {
    grid-column-start: 222;
  }
  .col-start-223 {
    grid-column-start: 223;
  }
  .col-start-224 {
    grid-column-start: 224;
  }
  .col-start-225 {
    grid-column-start: 225;
  }
  .col-start-226 {
    grid-column-start: 226;
  }
  .col-start-227 {
    grid-column-start: 227;
  }
  .col-start-228 {
    grid-column-start: 228;
  }
  .col-start-229 {
    grid-column-start: 229;
  }
  .col-start-230 {
    grid-column-start: 230;
  }
  .col-start-231 {
    grid-column-start: 231;
  }
  .col-start-232 {
    grid-column-start: 232;
  }
  .col-start-233 {
    grid-column-start: 233;
  }
  .col-start-234 {
    grid-column-start: 234;
  }
  .col-start-235 {
    grid-column-start: 235;
  }
  .col-start-236 {
    grid-column-start: 236;
  }
  .col-start-237 {
    grid-column-start: 237;
  }
  .col-start-238 {
    grid-column-start: 238;
  }
  .col-start-239 {
    grid-column-start: 239;
  }
  .col-start-240 {
    grid-column-start: 240;
  }
  .col-start-241 {
    grid-column-start: 241;
  }
  .col-start-242 {
    grid-column-start: 242;
  }
  .col-start-243 {
    grid-column-start: 243;
  }
  .col-start-244 {
    grid-column-start: 244;
  }
  .col-start-245 {
    grid-column-start: 245;
  }
  .col-start-246 {
    grid-column-start: 246;
  }
  .col-start-247 {
    grid-column-start: 247;
  }
  .col-start-248 {
    grid-column-start: 248;
  }
  .col-start-249 {
    grid-column-start: 249;
  }
  .col-start-250 {
    grid-column-start: 250;
  }
  .col-start-251 {
    grid-column-start: 251;
  }
  .col-start-252 {
    grid-column-start: 252;
  }
  .col-start-253 {
    grid-column-start: 253;
  }
  .col-start-254 {
    grid-column-start: 254;
  }
  .col-start-255 {
    grid-column-start: 255;
  }
  .col-start-256 {
    grid-column-start: 256;
  }
  .col-start-257 {
    grid-column-start: 257;
  }
  .col-start-258 {
    grid-column-start: 258;
  }
  .col-start-259 {
    grid-column-start: 259;
  }
  .col-start-260 {
    grid-column-start: 260;
  }
  .col-start-261 {
    grid-column-start: 261;
  }
  .col-start-262 {
    grid-column-start: 262;
  }
  .col-start-263 {
    grid-column-start: 263;
  }
  .col-start-264 {
    grid-column-start: 264;
  }
  .col-start-265 {
    grid-column-start: 265;
  }
  .col-start-266 {
    grid-column-start: 266;
  }
  .col-start-267 {
    grid-column-start: 267;
  }
  .col-start-268 {
    grid-column-start: 268;
  }
  .col-start-269 {
    grid-column-start: 269;
  }
  .col-start-270 {
    grid-column-start: 270;
  }
  .col-start-271 {
    grid-column-start: 271;
  }
  .col-start-272 {
    grid-column-start: 272;
  }
  .col-start-273 {
    grid-column-start: 273;
  }
  .col-start-274 {
    grid-column-start: 274;
  }
  .col-start-275 {
    grid-column-start: 275;
  }
  .col-start-276 {
    grid-column-start: 276;
  }
  .col-start-277 {
    grid-column-start: 277;
  }
  .col-start-278 {
    grid-column-start: 278;
  }
  .col-start-279 {
    grid-column-start: 279;
  }
  .col-start-280 {
    grid-column-start: 280;
  }
  .col-start-281 {
    grid-column-start: 281;
  }
  .col-start-282 {
    grid-column-start: 282;
  }
  .col-start-283 {
    grid-column-start: 283;
  }
  .col-start-284 {
    grid-column-start: 284;
  }
  .col-start-285 {
    grid-column-start: 285;
  }
  .col-start-286 {
    grid-column-start: 286;
  }
  .col-start-287 {
    grid-column-start: 287;
  }
  .col-start-288 {
    grid-column-start: 288;
  }
  .col-start-289 {
    grid-column-start: 289;
  }
  .col-start-290 {
    grid-column-start: 290;
  }
  .col-start-291 {
    grid-column-start: 291;
  }
  .col-start-292 {
    grid-column-start: 292;
  }
  .col-start-293 {
    grid-column-start: 293;
  }
  .col-start-294 {
    grid-column-start: 294;
  }
  .col-start-295 {
    grid-column-start: 295;
  }
  .col-start-296 {
    grid-column-start: 296;
  }
  .col-start-297 {
    grid-column-start: 297;
  }
  .col-start-298 {
    grid-column-start: 298;
  }
  .col-start-299 {
    grid-column-start: 299;
  }
  .col-start-300 {
    grid-column-start: 300;
  }
  .col-start-301 {
    grid-column-start: 301;
  }
  .col-start-302 {
    grid-column-start: 302;
  }
  .col-start-303 {
    grid-column-start: 303;
  }
  .col-start-304 {
    grid-column-start: 304;
  }
  .col-start-305 {
    grid-column-start: 305;
  }
  .col-start-306 {
    grid-column-start: 306;
  }
  .col-start-307 {
    grid-column-start: 307;
  }
  .col-start-308 {
    grid-column-start: 308;
  }
  .col-start-309 {
    grid-column-start: 309;
  }
  .col-start-310 {
    grid-column-start: 310;
  }
  .col-start-311 {
    grid-column-start: 311;
  }
  .col-start-312 {
    grid-column-start: 312;
  }
  .col-start-313 {
    grid-column-start: 313;
  }
  .col-start-314 {
    grid-column-start: 314;
  }
  .col-start-315 {
    grid-column-start: 315;
  }
  .col-start-316 {
    grid-column-start: 316;
  }
  .col-start-317 {
    grid-column-start: 317;
  }
  .col-start-318 {
    grid-column-start: 318;
  }
  .col-start-319 {
    grid-column-start: 319;
  }
  .col-start-320 {
    grid-column-start: 320;
  }
  .col-start-321 {
    grid-column-start: 321;
  }
  .col-start-322 {
    grid-column-start: 322;
  }
  .col-start-323 {
    grid-column-start: 323;
  }
  .col-start-324 {
    grid-column-start: 324;
  }
  .col-start-325 {
    grid-column-start: 325;
  }
  .col-start-326 {
    grid-column-start: 326;
  }
  .col-start-327 {
    grid-column-start: 327;
  }
  .col-start-328 {
    grid-column-start: 328;
  }
  .col-start-329 {
    grid-column-start: 329;
  }
  .col-start-330 {
    grid-column-start: 330;
  }
  .col-start-331 {
    grid-column-start: 331;
  }
  .col-start-332 {
    grid-column-start: 332;
  }
  .col-start-333 {
    grid-column-start: 333;
  }
  .col-start-334 {
    grid-column-start: 334;
  }
  .col-start-335 {
    grid-column-start: 335;
  }
  .col-start-336 {
    grid-column-start: 336;
  }
  .col-start-337 {
    grid-column-start: 337;
  }
  .col-start-338 {
    grid-column-start: 338;
  }
  .col-start-339 {
    grid-column-start: 339;
  }
  .col-start-340 {
    grid-column-start: 340;
  }
  .col-start-341 {
    grid-column-start: 341;
  }
  .col-start-342 {
    grid-column-start: 342;
  }
  .col-start-343 {
    grid-column-start: 343;
  }
  .col-start-344 {
    grid-column-start: 344;
  }
  .col-start-345 {
    grid-column-start: 345;
  }
  .col-start-346 {
    grid-column-start: 346;
  }
  .col-start-347 {
    grid-column-start: 347;
  }
  .col-start-348 {
    grid-column-start: 348;
  }
  .col-start-349 {
    grid-column-start: 349;
  }
  .col-start-350 {
    grid-column-start: 350;
  }
  .col-start-351 {
    grid-column-start: 351;
  }
  .col-start-352 {
    grid-column-start: 352;
  }
  .col-start-353 {
    grid-column-start: 353;
  }
  .col-start-354 {
    grid-column-start: 354;
  }
  .col-start-355 {
    grid-column-start: 355;
  }
  .col-start-356 {
    grid-column-start: 356;
  }
  .col-start-357 {
    grid-column-start: 357;
  }
  .col-start-358 {
    grid-column-start: 358;
  }
  .col-start-359 {
    grid-column-start: 359;
  }
  .col-start-360 {
    grid-column-start: 360;
  }
  .col-start-361 {
    grid-column-start: 361;
  }
  .col-start-362 {
    grid-column-start: 362;
  }
  .col-start-363 {
    grid-column-start: 363;
  }
  .col-start-364 {
    grid-column-start: 364;
  }
  .col-start-365 {
    grid-column-start: 365;
  }
  .col-start-366 {
    grid-column-start: 366;
  }
  .col-end-1 {
    grid-column-end: 1;
  }
  .col-end-2 {
    grid-column-end: 2;
  }
  .col-end-3 {
    grid-column-end: 3;
  }
  .col-end-4 {
    grid-column-end: 4;
  }
  .col-end-5 {
    grid-column-end: 5;
  }
  .col-end-6 {
    grid-column-end: 6;
  }
  .col-end-7 {
    grid-column-end: 7;
  }
  .col-end-8 {
    grid-column-end: 8;
  }
  .col-end-9 {
    grid-column-end: 9;
  }
  .col-end-10 {
    grid-column-end: 10;
  }
  .col-end-11 {
    grid-column-end: 11;
  }
  .col-end-12 {
    grid-column-end: 12;
  }
  .col-end-13 {
    grid-column-end: 13;
  }
  .col-end-14 {
    grid-column-end: 14;
  }
  .col-end-15 {
    grid-column-end: 15;
  }
  .col-end-16 {
    grid-column-end: 16;
  }
  .col-end-17 {
    grid-column-end: 17;
  }
  .col-end-18 {
    grid-column-end: 18;
  }
  .col-end-19 {
    grid-column-end: 19;
  }
  .col-end-20 {
    grid-column-end: 20;
  }
  .col-end-21 {
    grid-column-end: 21;
  }
  .col-end-22 {
    grid-column-end: 22;
  }
  .col-end-23 {
    grid-column-end: 23;
  }
  .col-end-24 {
    grid-column-end: 24;
  }
  .col-end-25 {
    grid-column-end: 25;
  }
  .col-end-26 {
    grid-column-end: 26;
  }
  .col-end-27 {
    grid-column-end: 27;
  }
  .col-end-28 {
    grid-column-end: 28;
  }
  .col-end-29 {
    grid-column-end: 29;
  }
  .col-end-30 {
    grid-column-end: 30;
  }
  .col-end-31 {
    grid-column-end: 31;
  }
  .col-end-32 {
    grid-column-end: 32;
  }
  .col-end-33 {
    grid-column-end: 33;
  }
  .col-end-34 {
    grid-column-end: 34;
  }
  .col-end-35 {
    grid-column-end: 35;
  }
  .col-end-36 {
    grid-column-end: 36;
  }
  .col-end-37 {
    grid-column-end: 37;
  }
  .col-end-38 {
    grid-column-end: 38;
  }
  .col-end-39 {
    grid-column-end: 39;
  }
  .col-end-40 {
    grid-column-end: 40;
  }
  .col-end-41 {
    grid-column-end: 41;
  }
  .col-end-42 {
    grid-column-end: 42;
  }
  .col-end-43 {
    grid-column-end: 43;
  }
  .col-end-44 {
    grid-column-end: 44;
  }
  .col-end-45 {
    grid-column-end: 45;
  }
  .col-end-46 {
    grid-column-end: 46;
  }
  .col-end-47 {
    grid-column-end: 47;
  }
  .col-end-48 {
    grid-column-end: 48;
  }
  .col-end-49 {
    grid-column-end: 49;
  }
  .col-end-50 {
    grid-column-end: 50;
  }
  .col-end-51 {
    grid-column-end: 51;
  }
  .col-end-52 {
    grid-column-end: 52;
  }
  .col-end-53 {
    grid-column-end: 53;
  }
  .col-end-54 {
    grid-column-end: 54;
  }
  .col-end-55 {
    grid-column-end: 55;
  }
  .col-end-56 {
    grid-column-end: 56;
  }
  .col-end-57 {
    grid-column-end: 57;
  }
  .col-end-58 {
    grid-column-end: 58;
  }
  .col-end-59 {
    grid-column-end: 59;
  }
  .col-end-60 {
    grid-column-end: 60;
  }
  .col-end-61 {
    grid-column-end: 61;
  }
  .col-end-62 {
    grid-column-end: 62;
  }
  .col-end-63 {
    grid-column-end: 63;
  }
  .col-end-64 {
    grid-column-end: 64;
  }
  .col-end-65 {
    grid-column-end: 65;
  }
  .col-end-66 {
    grid-column-end: 66;
  }
  .col-end-67 {
    grid-column-end: 67;
  }
  .col-end-68 {
    grid-column-end: 68;
  }
  .col-end-69 {
    grid-column-end: 69;
  }
  .col-end-70 {
    grid-column-end: 70;
  }
  .col-end-71 {
    grid-column-end: 71;
  }
  .col-end-72 {
    grid-column-end: 72;
  }
  .col-end-73 {
    grid-column-end: 73;
  }
  .col-end-74 {
    grid-column-end: 74;
  }
  .col-end-75 {
    grid-column-end: 75;
  }
  .col-end-76 {
    grid-column-end: 76;
  }
  .col-end-77 {
    grid-column-end: 77;
  }
  .col-end-78 {
    grid-column-end: 78;
  }
  .col-end-79 {
    grid-column-end: 79;
  }
  .col-end-80 {
    grid-column-end: 80;
  }
  .col-end-81 {
    grid-column-end: 81;
  }
  .col-end-82 {
    grid-column-end: 82;
  }
  .col-end-83 {
    grid-column-end: 83;
  }
  .col-end-84 {
    grid-column-end: 84;
  }
  .col-end-85 {
    grid-column-end: 85;
  }
  .col-end-86 {
    grid-column-end: 86;
  }
  .col-end-87 {
    grid-column-end: 87;
  }
  .col-end-88 {
    grid-column-end: 88;
  }
  .col-end-89 {
    grid-column-end: 89;
  }
  .col-end-90 {
    grid-column-end: 90;
  }
  .col-end-91 {
    grid-column-end: 91;
  }
  .col-end-92 {
    grid-column-end: 92;
  }
  .col-end-93 {
    grid-column-end: 93;
  }
  .col-end-94 {
    grid-column-end: 94;
  }
  .col-end-95 {
    grid-column-end: 95;
  }
  .col-end-96 {
    grid-column-end: 96;
  }
  .col-end-97 {
    grid-column-end: 97;
  }
  .col-end-98 {
    grid-column-end: 98;
  }
  .col-end-99 {
    grid-column-end: 99;
  }
  .col-end-100 {
    grid-column-end: 100;
  }
  .col-end-101 {
    grid-column-end: 101;
  }
  .col-end-102 {
    grid-column-end: 102;
  }
  .col-end-103 {
    grid-column-end: 103;
  }
  .col-end-104 {
    grid-column-end: 104;
  }
  .col-end-105 {
    grid-column-end: 105;
  }
  .col-end-106 {
    grid-column-end: 106;
  }
  .col-end-107 {
    grid-column-end: 107;
  }
  .col-end-108 {
    grid-column-end: 108;
  }
  .col-end-109 {
    grid-column-end: 109;
  }
  .col-end-110 {
    grid-column-end: 110;
  }
  .col-end-111 {
    grid-column-end: 111;
  }
  .col-end-112 {
    grid-column-end: 112;
  }
  .col-end-113 {
    grid-column-end: 113;
  }
  .col-end-114 {
    grid-column-end: 114;
  }
  .col-end-115 {
    grid-column-end: 115;
  }
  .col-end-116 {
    grid-column-end: 116;
  }
  .col-end-117 {
    grid-column-end: 117;
  }
  .col-end-118 {
    grid-column-end: 118;
  }
  .col-end-119 {
    grid-column-end: 119;
  }
  .col-end-120 {
    grid-column-end: 120;
  }
  .col-end-121 {
    grid-column-end: 121;
  }
  .col-end-122 {
    grid-column-end: 122;
  }
  .col-end-123 {
    grid-column-end: 123;
  }
  .col-end-124 {
    grid-column-end: 124;
  }
  .col-end-125 {
    grid-column-end: 125;
  }
  .col-end-126 {
    grid-column-end: 126;
  }
  .col-end-127 {
    grid-column-end: 127;
  }
  .col-end-128 {
    grid-column-end: 128;
  }
  .col-end-129 {
    grid-column-end: 129;
  }
  .col-end-130 {
    grid-column-end: 130;
  }
  .col-end-131 {
    grid-column-end: 131;
  }
  .col-end-132 {
    grid-column-end: 132;
  }
  .col-end-133 {
    grid-column-end: 133;
  }
  .col-end-134 {
    grid-column-end: 134;
  }
  .col-end-135 {
    grid-column-end: 135;
  }
  .col-end-136 {
    grid-column-end: 136;
  }
  .col-end-137 {
    grid-column-end: 137;
  }
  .col-end-138 {
    grid-column-end: 138;
  }
  .col-end-139 {
    grid-column-end: 139;
  }
  .col-end-140 {
    grid-column-end: 140;
  }
  .col-end-141 {
    grid-column-end: 141;
  }
  .col-end-142 {
    grid-column-end: 142;
  }
  .col-end-143 {
    grid-column-end: 143;
  }
  .col-end-144 {
    grid-column-end: 144;
  }
  .col-end-145 {
    grid-column-end: 145;
  }
  .col-end-146 {
    grid-column-end: 146;
  }
  .col-end-147 {
    grid-column-end: 147;
  }
  .col-end-148 {
    grid-column-end: 148;
  }
  .col-end-149 {
    grid-column-end: 149;
  }
  .col-end-150 {
    grid-column-end: 150;
  }
  .col-end-151 {
    grid-column-end: 151;
  }
  .col-end-152 {
    grid-column-end: 152;
  }
  .col-end-153 {
    grid-column-end: 153;
  }
  .col-end-154 {
    grid-column-end: 154;
  }
  .col-end-155 {
    grid-column-end: 155;
  }
  .col-end-156 {
    grid-column-end: 156;
  }
  .col-end-157 {
    grid-column-end: 157;
  }
  .col-end-158 {
    grid-column-end: 158;
  }
  .col-end-159 {
    grid-column-end: 159;
  }
  .col-end-160 {
    grid-column-end: 160;
  }
  .col-end-161 {
    grid-column-end: 161;
  }
  .col-end-162 {
    grid-column-end: 162;
  }
  .col-end-163 {
    grid-column-end: 163;
  }
  .col-end-164 {
    grid-column-end: 164;
  }
  .col-end-165 {
    grid-column-end: 165;
  }
  .col-end-166 {
    grid-column-end: 166;
  }
  .col-end-167 {
    grid-column-end: 167;
  }
  .col-end-168 {
    grid-column-end: 168;
  }
  .col-end-169 {
    grid-column-end: 169;
  }
  .col-end-170 {
    grid-column-end: 170;
  }
  .col-end-171 {
    grid-column-end: 171;
  }
  .col-end-172 {
    grid-column-end: 172;
  }
  .col-end-173 {
    grid-column-end: 173;
  }
  .col-end-174 {
    grid-column-end: 174;
  }
  .col-end-175 {
    grid-column-end: 175;
  }
  .col-end-176 {
    grid-column-end: 176;
  }
  .col-end-177 {
    grid-column-end: 177;
  }
  .col-end-178 {
    grid-column-end: 178;
  }
  .col-end-179 {
    grid-column-end: 179;
  }
  .col-end-180 {
    grid-column-end: 180;
  }
  .col-end-181 {
    grid-column-end: 181;
  }
  .col-end-182 {
    grid-column-end: 182;
  }
  .col-end-183 {
    grid-column-end: 183;
  }
  .col-end-184 {
    grid-column-end: 184;
  }
  .col-end-185 {
    grid-column-end: 185;
  }
  .col-end-186 {
    grid-column-end: 186;
  }
  .col-end-187 {
    grid-column-end: 187;
  }
  .col-end-188 {
    grid-column-end: 188;
  }
  .col-end-189 {
    grid-column-end: 189;
  }
  .col-end-190 {
    grid-column-end: 190;
  }
  .col-end-191 {
    grid-column-end: 191;
  }
  .col-end-192 {
    grid-column-end: 192;
  }
  .col-end-193 {
    grid-column-end: 193;
  }
  .col-end-194 {
    grid-column-end: 194;
  }
  .col-end-195 {
    grid-column-end: 195;
  }
  .col-end-196 {
    grid-column-end: 196;
  }
  .col-end-197 {
    grid-column-end: 197;
  }
  .col-end-198 {
    grid-column-end: 198;
  }
  .col-end-199 {
    grid-column-end: 199;
  }
  .col-end-200 {
    grid-column-end: 200;
  }
  .col-end-201 {
    grid-column-end: 201;
  }
  .col-end-202 {
    grid-column-end: 202;
  }
  .col-end-203 {
    grid-column-end: 203;
  }
  .col-end-204 {
    grid-column-end: 204;
  }
  .col-end-205 {
    grid-column-end: 205;
  }
  .col-end-206 {
    grid-column-end: 206;
  }
  .col-end-207 {
    grid-column-end: 207;
  }
  .col-end-208 {
    grid-column-end: 208;
  }
  .col-end-209 {
    grid-column-end: 209;
  }
  .col-end-210 {
    grid-column-end: 210;
  }
  .col-end-211 {
    grid-column-end: 211;
  }
  .col-end-212 {
    grid-column-end: 212;
  }
  .col-end-213 {
    grid-column-end: 213;
  }
  .col-end-214 {
    grid-column-end: 214;
  }
  .col-end-215 {
    grid-column-end: 215;
  }
  .col-end-216 {
    grid-column-end: 216;
  }
  .col-end-217 {
    grid-column-end: 217;
  }
  .col-end-218 {
    grid-column-end: 218;
  }
  .col-end-219 {
    grid-column-end: 219;
  }
  .col-end-220 {
    grid-column-end: 220;
  }
  .col-end-221 {
    grid-column-end: 221;
  }
  .col-end-222 {
    grid-column-end: 222;
  }
  .col-end-223 {
    grid-column-end: 223;
  }
  .col-end-224 {
    grid-column-end: 224;
  }
  .col-end-225 {
    grid-column-end: 225;
  }
  .col-end-226 {
    grid-column-end: 226;
  }
  .col-end-227 {
    grid-column-end: 227;
  }
  .col-end-228 {
    grid-column-end: 228;
  }
  .col-end-229 {
    grid-column-end: 229;
  }
  .col-end-230 {
    grid-column-end: 230;
  }
  .col-end-231 {
    grid-column-end: 231;
  }
  .col-end-232 {
    grid-column-end: 232;
  }
  .col-end-233 {
    grid-column-end: 233;
  }
  .col-end-234 {
    grid-column-end: 234;
  }
  .col-end-235 {
    grid-column-end: 235;
  }
  .col-end-236 {
    grid-column-end: 236;
  }
  .col-end-237 {
    grid-column-end: 237;
  }
  .col-end-238 {
    grid-column-end: 238;
  }
  .col-end-239 {
    grid-column-end: 239;
  }
  .col-end-240 {
    grid-column-end: 240;
  }
  .col-end-241 {
    grid-column-end: 241;
  }
  .col-end-242 {
    grid-column-end: 242;
  }
  .col-end-243 {
    grid-column-end: 243;
  }
  .col-end-244 {
    grid-column-end: 244;
  }
  .col-end-245 {
    grid-column-end: 245;
  }
  .col-end-246 {
    grid-column-end: 246;
  }
  .col-end-247 {
    grid-column-end: 247;
  }
  .col-end-248 {
    grid-column-end: 248;
  }
  .col-end-249 {
    grid-column-end: 249;
  }
  .col-end-250 {
    grid-column-end: 250;
  }
  .col-end-251 {
    grid-column-end: 251;
  }
  .col-end-252 {
    grid-column-end: 252;
  }
  .col-end-253 {
    grid-column-end: 253;
  }
  .col-end-254 {
    grid-column-end: 254;
  }
  .col-end-255 {
    grid-column-end: 255;
  }
  .col-end-256 {
    grid-column-end: 256;
  }
  .col-end-257 {
    grid-column-end: 257;
  }
  .col-end-258 {
    grid-column-end: 258;
  }
  .col-end-259 {
    grid-column-end: 259;
  }
  .col-end-260 {
    grid-column-end: 260;
  }
  .col-end-261 {
    grid-column-end: 261;
  }
  .col-end-262 {
    grid-column-end: 262;
  }
  .col-end-263 {
    grid-column-end: 263;
  }
  .col-end-264 {
    grid-column-end: 264;
  }
  .col-end-265 {
    grid-column-end: 265;
  }
  .col-end-266 {
    grid-column-end: 266;
  }
  .col-end-267 {
    grid-column-end: 267;
  }
  .col-end-268 {
    grid-column-end: 268;
  }
  .col-end-269 {
    grid-column-end: 269;
  }
  .col-end-270 {
    grid-column-end: 270;
  }
  .col-end-271 {
    grid-column-end: 271;
  }
  .col-end-272 {
    grid-column-end: 272;
  }
  .col-end-273 {
    grid-column-end: 273;
  }
  .col-end-274 {
    grid-column-end: 274;
  }
  .col-end-275 {
    grid-column-end: 275;
  }
  .col-end-276 {
    grid-column-end: 276;
  }
  .col-end-277 {
    grid-column-end: 277;
  }
  .col-end-278 {
    grid-column-end: 278;
  }
  .col-end-279 {
    grid-column-end: 279;
  }
  .col-end-280 {
    grid-column-end: 280;
  }
  .col-end-281 {
    grid-column-end: 281;
  }
  .col-end-282 {
    grid-column-end: 282;
  }
  .col-end-283 {
    grid-column-end: 283;
  }
  .col-end-284 {
    grid-column-end: 284;
  }
  .col-end-285 {
    grid-column-end: 285;
  }
  .col-end-286 {
    grid-column-end: 286;
  }
  .col-end-287 {
    grid-column-end: 287;
  }
  .col-end-288 {
    grid-column-end: 288;
  }
  .col-end-289 {
    grid-column-end: 289;
  }
  .col-end-290 {
    grid-column-end: 290;
  }
  .col-end-291 {
    grid-column-end: 291;
  }
  .col-end-292 {
    grid-column-end: 292;
  }
  .col-end-293 {
    grid-column-end: 293;
  }
  .col-end-294 {
    grid-column-end: 294;
  }
  .col-end-295 {
    grid-column-end: 295;
  }
  .col-end-296 {
    grid-column-end: 296;
  }
  .col-end-297 {
    grid-column-end: 297;
  }
  .col-end-298 {
    grid-column-end: 298;
  }
  .col-end-299 {
    grid-column-end: 299;
  }
  .col-end-300 {
    grid-column-end: 300;
  }
  .col-end-301 {
    grid-column-end: 301;
  }
  .col-end-302 {
    grid-column-end: 302;
  }
  .col-end-303 {
    grid-column-end: 303;
  }
  .col-end-304 {
    grid-column-end: 304;
  }
  .col-end-305 {
    grid-column-end: 305;
  }
  .col-end-306 {
    grid-column-end: 306;
  }
  .col-end-307 {
    grid-column-end: 307;
  }
  .col-end-308 {
    grid-column-end: 308;
  }
  .col-end-309 {
    grid-column-end: 309;
  }
  .col-end-310 {
    grid-column-end: 310;
  }
  .col-end-311 {
    grid-column-end: 311;
  }
  .col-end-312 {
    grid-column-end: 312;
  }
  .col-end-313 {
    grid-column-end: 313;
  }
  .col-end-314 {
    grid-column-end: 314;
  }
  .col-end-315 {
    grid-column-end: 315;
  }
  .col-end-316 {
    grid-column-end: 316;
  }
  .col-end-317 {
    grid-column-end: 317;
  }
  .col-end-318 {
    grid-column-end: 318;
  }
  .col-end-319 {
    grid-column-end: 319;
  }
  .col-end-320 {
    grid-column-end: 320;
  }
  .col-end-321 {
    grid-column-end: 321;
  }
  .col-end-322 {
    grid-column-end: 322;
  }
  .col-end-323 {
    grid-column-end: 323;
  }
  .col-end-324 {
    grid-column-end: 324;
  }
  .col-end-325 {
    grid-column-end: 325;
  }
  .col-end-326 {
    grid-column-end: 326;
  }
  .col-end-327 {
    grid-column-end: 327;
  }
  .col-end-328 {
    grid-column-end: 328;
  }
  .col-end-329 {
    grid-column-end: 329;
  }
  .col-end-330 {
    grid-column-end: 330;
  }
  .col-end-331 {
    grid-column-end: 331;
  }
  .col-end-332 {
    grid-column-end: 332;
  }
  .col-end-333 {
    grid-column-end: 333;
  }
  .col-end-334 {
    grid-column-end: 334;
  }
  .col-end-335 {
    grid-column-end: 335;
  }
  .col-end-336 {
    grid-column-end: 336;
  }
  .col-end-337 {
    grid-column-end: 337;
  }
  .col-end-338 {
    grid-column-end: 338;
  }
  .col-end-339 {
    grid-column-end: 339;
  }
  .col-end-340 {
    grid-column-end: 340;
  }
  .col-end-341 {
    grid-column-end: 341;
  }
  .col-end-342 {
    grid-column-end: 342;
  }
  .col-end-343 {
    grid-column-end: 343;
  }
  .col-end-344 {
    grid-column-end: 344;
  }
  .col-end-345 {
    grid-column-end: 345;
  }
  .col-end-346 {
    grid-column-end: 346;
  }
  .col-end-347 {
    grid-column-end: 347;
  }
  .col-end-348 {
    grid-column-end: 348;
  }
  .col-end-349 {
    grid-column-end: 349;
  }
  .col-end-350 {
    grid-column-end: 350;
  }
  .col-end-351 {
    grid-column-end: 351;
  }
  .col-end-352 {
    grid-column-end: 352;
  }
  .col-end-353 {
    grid-column-end: 353;
  }
  .col-end-354 {
    grid-column-end: 354;
  }
  .col-end-355 {
    grid-column-end: 355;
  }
  .col-end-356 {
    grid-column-end: 356;
  }
  .col-end-357 {
    grid-column-end: 357;
  }
  .col-end-358 {
    grid-column-end: 358;
  }
  .col-end-359 {
    grid-column-end: 359;
  }
  .col-end-360 {
    grid-column-end: 360;
  }
  .col-end-361 {
    grid-column-end: 361;
  }
  .col-end-362 {
    grid-column-end: 362;
  }
  .col-end-363 {
    grid-column-end: 363;
  }
  .col-end-364 {
    grid-column-end: 364;
  }
  .col-end-365 {
    grid-column-end: 365;
  }
  .col-end-366 {
    grid-column-end: 366;
  }
  .col-end-367 {
    grid-column-end: 367;
  }
  .row-span-1 {
    grid-row: span 1 / span 1;
  }
  .row-span-2 {
    grid-row: span 2 / span 2;
  }
  .row-span-3 {
    grid-row: span 3 / span 3;
  }
  .row-span-4 {
    grid-row: span 4 / span 4;
  }
  .row-start-1 {
    grid-row-start: 1;
  }
  .float-left {
    float: left;
  }
  .float-right {
    float: right;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .-m-2\.5 {
    margin: calc(var(--spacing) * -2.5);
  }
  .m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .m-2 {
    margin: calc(var(--spacing) * 2);
  }
  .m-4\! {
    margin: calc(var(--spacing) * 4) !important;
  }
  .m-12 {
    margin: calc(var(--spacing) * 12);
  }
  .m-16 {
    margin: calc(var(--spacing) * 16);
  }
  .m-auto {
    margin: auto;
  }
  .m-px {
    margin: 1px;
  }
  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }
  .-mx-2 {
    margin-inline: calc(var(--spacing) * -2);
  }
  .-mx-3 {
    margin-inline: calc(var(--spacing) * -3);
  }
  .-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
  }
  .-mx-5 {
    margin-inline: calc(var(--spacing) * -5);
  }
  .-mx-6 {
    margin-inline: calc(var(--spacing) * -6);
  }
  .mx-0 {
    margin-inline: calc(var(--spacing) * 0);
  }
  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .mx-3 {
    margin-inline: calc(var(--spacing) * 3);
  }
  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }
  .mx-5 {
    margin-inline: calc(var(--spacing) * 5);
  }
  .mx-6 {
    margin-inline: calc(var(--spacing) * 6);
  }
  .mx-8 {
    margin-inline: calc(var(--spacing) * 8);
  }
  .mx-14 {
    margin-inline: calc(var(--spacing) * 14);
  }
  .mx-16 {
    margin-inline: calc(var(--spacing) * 16);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .mx-px {
    margin-inline: 1px;
  }
  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .my-10 {
    margin-block: calc(var(--spacing) * 10);
  }
  .my-16 {
    margin-block: calc(var(--spacing) * 16);
  }
  .-mt-16 {
    margin-top: calc(var(--spacing) * -16);
  }
  .-mt-\[3px\] {
    margin-top: calc(3px * -1);
  }
  .-mt-\[7\.5vw\] {
    margin-top: calc(7.5vw * -1);
  }
  .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-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }
  .mt-\[27px\] {
    margin-top: 27px;
  }
  .mt-px {
    margin-top: 1px;
  }
  .-mr-1 {
    margin-right: calc(var(--spacing) * -1);
  }
  .-mr-\[12px\] {
    margin-right: calc(12px * -1);
  }
  .-mr-\[36px\] {
    margin-right: calc(36px * -1);
  }
  .-mr-details-width {
    margin-right: calc(var(--spacing-details-width) * -1);
  }
  .mr-0 {
    margin-right: calc(var(--spacing) * 0);
  }
  .mr-0\.5 {
    margin-right: calc(var(--spacing) * 0.5);
  }
  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .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-8 {
    margin-right: calc(var(--spacing) * 8);
  }
  .mr-16 {
    margin-right: calc(var(--spacing) * 16);
  }
  .mr-20 {
    margin-right: calc(var(--spacing) * 20);
  }
  .mr-auto {
    margin-right: auto;
  }
  .-mb-2 {
    margin-bottom: calc(var(--spacing) * -2);
  }
  .-mb-6 {
    margin-bottom: calc(var(--spacing) * -6);
  }
  .mb-0\! {
    margin-bottom: calc(var(--spacing) * 0) !important;
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-7 {
    margin-bottom: calc(var(--spacing) * 7);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .mb-14 {
    margin-bottom: calc(var(--spacing) * 14);
  }
  .mb-\[60px\] {
    margin-bottom: 60px;
  }
  .-ml-3 {
    margin-left: calc(var(--spacing) * -3);
  }
  .-ml-4 {
    margin-left: calc(var(--spacing) * -4);
  }
  .-ml-40 {
    margin-left: calc(var(--spacing) * -40);
  }
  .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-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }
  .ml-12 {
    margin-left: calc(var(--spacing) * 12);
  }
  .ml-16 {
    margin-left: calc(var(--spacing) * 16);
  }
  .ml-\[176px\] {
    margin-left: 176px;
  }
  .ml-auto {
    margin-left: auto;
  }
  .box-border {
    box-sizing: border-box;
  }
  .box-border\! {
    box-sizing: border-box !important;
  }
  .box-content {
    box-sizing: content-box;
  }
  .line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .line-clamp-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  .\!hidden {
    display: none !important;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .flex\! {
    display: flex !important;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .hidden\! {
    display: none !important;
  }
  .inline {
    display: inline;
  }
  .inline\! {
    display: inline !important;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .inline-flex\! {
    display: inline-flex !important;
  }
  .table {
    display: table;
  }
  .table-cell {
    display: table-cell;
  }
  .aspect-2\/1 {
    aspect-ratio: 2/1;
  }
  .aspect-\[1\/0\.5\] {
    aspect-ratio: 1/0.5;
  }
  .aspect-\[1\/1\.1\] {
    aspect-ratio: 1/1.1;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .size-\[24px\] {
    width: 24px;
    height: 24px;
  }
  .size-\[64px\] {
    width: 64px;
    height: 64px;
  }
  .h-0 {
    height: calc(var(--spacing) * 0);
  }
  .h-1 {
    height: calc(var(--spacing) * 1);
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-6\! {
    height: calc(var(--spacing) * 6) !important;
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-18 {
    height: calc(var(--spacing) * 18);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-32 {
    height: calc(var(--spacing) * 32);
  }
  .h-40 {
    height: calc(var(--spacing) * 40);
  }
  .h-48 {
    height: calc(var(--spacing) * 48);
  }
  .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-80 {
    height: calc(var(--spacing) * 80);
  }
  .h-96 {
    height: calc(var(--spacing) * 96);
  }
  .h-\[10px\] {
    height: 10px;
  }
  .h-\[13px\] {
    height: 13px;
  }
  .h-\[17px\] {
    height: 17px;
  }
  .h-\[20px\] {
    height: 20px;
  }
  .h-\[22px\] {
    height: 22px;
  }
  .h-\[24px\] {
    height: 24px;
  }
  .h-\[26px\] {
    height: 26px;
  }
  .h-\[28px\] {
    height: 28px;
  }
  .h-\[30px\] {
    height: 30px;
  }
  .h-\[32px\] {
    height: 32px;
  }
  .h-\[36px\] {
    height: 36px;
  }
  .h-\[38px\] {
    height: 38px;
  }
  .h-\[38px\]\! {
    height: 38px !important;
  }
  .h-\[40px\] {
    height: 40px;
  }
  .h-\[46px\] {
    height: 46px;
  }
  .h-\[48px\] {
    height: 48px;
  }
  .h-\[50px\] {
    height: 50px;
  }
  .h-\[50vh\] {
    height: 50vh;
  }
  .h-\[52px\] {
    height: 52px;
  }
  .h-\[55px\] {
    height: 55px;
  }
  .h-\[56px\] {
    height: 56px;
  }
  .h-\[62px\] {
    height: 62px;
  }
  .h-\[64px\] {
    height: 64px;
  }
  .h-\[68px\] {
    height: 68px;
  }
  .h-\[72px\] {
    height: 72px;
  }
  .h-\[74px\] {
    height: 74px;
  }
  .h-\[75px\] {
    height: 75px;
  }
  .h-\[76px\] {
    height: 76px;
  }
  .h-\[80px\] {
    height: 80px;
  }
  .h-\[90px\] {
    height: 90px;
  }
  .h-\[94px\] {
    height: 94px;
  }
  .h-\[96px\] {
    height: 96px;
  }
  .h-\[104px\] {
    height: 104px;
  }
  .h-\[112px\] {
    height: 112px;
  }
  .h-\[120px\] {
    height: 120px;
  }
  .h-\[124px\] {
    height: 124px;
  }
  .h-\[133px\] {
    height: 133px;
  }
  .h-\[136px\] {
    height: 136px;
  }
  .h-\[140px\] {
    height: 140px;
  }
  .h-\[144px\] {
    height: 144px;
  }
  .h-\[148px\] {
    height: 148px;
  }
  .h-\[150px\] {
    height: 150px;
  }
  .h-\[152px\] {
    height: 152px;
  }
  .h-\[155px\] {
    height: 155px;
  }
  .h-\[156px\]\! {
    height: 156px !important;
  }
  .h-\[158px\] {
    height: 158px;
  }
  .h-\[160px\] {
    height: 160px;
  }
  .h-\[162px\] {
    height: 162px;
  }
  .h-\[164px\] {
    height: 164px;
  }
  .h-\[168px\] {
    height: 168px;
  }
  .h-\[170px\] {
    height: 170px;
  }
  .h-\[174px\] {
    height: 174px;
  }
  .h-\[180px\] {
    height: 180px;
  }
  .h-\[184px\] {
    height: 184px;
  }
  .h-\[194px\] {
    height: 194px;
  }
  .h-\[200px\] {
    height: 200px;
  }
  .h-\[203px\] {
    height: 203px;
  }
  .h-\[205px\] {
    height: 205px;
  }
  .h-\[220px\] {
    height: 220px;
  }
  .h-\[226px\] {
    height: 226px;
  }
  .h-\[228px\] {
    height: 228px;
  }
  .h-\[238px\] {
    height: 238px;
  }
  .h-\[250px\] {
    height: 250px;
  }
  .h-\[256px\] {
    height: 256px;
  }
  .h-\[258px\] {
    height: 258px;
  }
  .h-\[260px\] {
    height: 260px;
  }
  .h-\[277px\] {
    height: 277px;
  }
  .h-\[280px\] {
    height: 280px;
  }
  .h-\[294px\] {
    height: 294px;
  }
  .h-\[300px\] {
    height: 300px;
  }
  .h-\[308px\]\! {
    height: 308px !important;
  }
  .h-\[317px\] {
    height: 317px;
  }
  .h-\[320px\] {
    height: 320px;
  }
  .h-\[350px\] {
    height: 350px;
  }
  .h-\[364px\] {
    height: 364px;
  }
  .h-\[375px\] {
    height: 375px;
  }
  .h-\[406px\] {
    height: 406px;
  }
  .h-\[456px\] {
    height: 456px;
  }
  .h-\[500px\] {
    height: 500px;
  }
  .h-\[572px\] {
    height: 572px;
  }
  .h-\[584px\] {
    height: 584px;
  }
  .h-\[600px\] {
    height: 600px;
  }
  .h-\[660px\] {
    height: 660px;
  }
  .h-\[680px\] {
    height: 680px;
  }
  .h-\[1024px\] {
    height: 1024px;
  }
  .h-\[calc\(100\%-4rem\)\] {
    height: calc(100% - 4rem);
  }
  .h-\[calc\(100\%-52px\)\] {
    height: calc(100% - 52px);
  }
  .h-\[calc\(100\%-75px\)\] {
    height: calc(100% - 75px);
  }
  .h-\[calc\(100\%-96px\)\] {
    height: calc(100% - 96px);
  }
  .h-\[calc\(100\%-104px\)\] {
    height: calc(100% - 104px);
  }
  .h-\[calc\(100\%-156px\)\] {
    height: calc(100% - 156px);
  }
  .h-\[calc\(100\%-158px\)\] {
    height: calc(100% - 158px);
  }
  .h-\[calc\(100vh-16px\)\] {
    height: calc(100vh - 16px);
  }
  .h-\[calc\(100vh-40px\)\] {
    height: calc(100vh - 40px);
  }
  .h-\[calc\(100vh-76px\)\] {
    height: calc(100vh - 76px);
  }
  .h-\[calc\(100vh-116px\)\] {
    height: calc(100vh - 116px);
  }
  .h-\[calc\(325px-64px\)\] {
    height: calc(325px - 64px);
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .h-screen {
    height: 100vh;
  }
  .h-screen\! {
    height: 100vh !important;
  }
  .h-toolbar-height {
    height: var(--spacing-toolbar-height);
  }
  .max-h-8 {
    max-height: calc(var(--spacing) * 8);
  }
  .max-h-24 {
    max-height: calc(var(--spacing) * 24);
  }
  .max-h-40 {
    max-height: calc(var(--spacing) * 40);
  }
  .max-h-48 {
    max-height: calc(var(--spacing) * 48);
  }
  .max-h-60 {
    max-height: calc(var(--spacing) * 60);
  }
  .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }
  .max-h-\[45vh\] {
    max-height: 45vh;
  }
  .max-h-\[70vh\] {
    max-height: 70vh;
  }
  .max-h-\[72px\] {
    max-height: 72px;
  }
  .max-h-\[80dvh\] {
    max-height: 80dvh;
  }
  .max-h-\[80vh\] {
    max-height: 80vh;
  }
  .max-h-\[85vh\] {
    max-height: 85vh;
  }
  .max-h-\[96vh\] {
    max-height: 96vh;
  }
  .max-h-\[220px\] {
    max-height: 220px;
  }
  .max-h-\[250px\] {
    max-height: 250px;
  }
  .max-h-\[260px\] {
    max-height: 260px;
  }
  .max-h-\[300px\] {
    max-height: 300px;
  }
  .max-h-\[310px\] {
    max-height: 310px;
  }
  .max-h-\[320px\] {
    max-height: 320px;
  }
  .max-h-\[350px\] {
    max-height: 350px;
  }
  .max-h-\[400px\] {
    max-height: 400px;
  }
  .max-h-\[450px\] {
    max-height: 450px;
  }
  .max-h-\[530px\] {
    max-height: 530px;
  }
  .max-h-\[600px\] {
    max-height: 600px;
  }
  .max-h-\[660px\] {
    max-height: 660px;
  }
  .max-h-\[720px\] {
    max-height: 720px;
  }
  .max-h-\[738px\] {
    max-height: 738px;
  }
  .max-h-\[calc\(80dvh-56px\)\] {
    max-height: calc(80dvh - 56px);
  }
  .max-h-\[calc\(80vh-114px\)\] {
    max-height: calc(80vh - 114px);
  }
  .max-h-\[calc\(100\%-52px\)\] {
    max-height: calc(100% - 52px);
  }
  .max-h-\[calc\(100\%-60px\)\] {
    max-height: calc(100% - 60px);
  }
  .max-h-\[calc\(100\%-75px\)\] {
    max-height: calc(100% - 75px);
  }
  .max-h-\[calc\(100\%-76px\)\] {
    max-height: calc(100% - 76px);
  }
  .max-h-\[calc\(100vh-52px\)\] {
    max-height: calc(100vh - 52px);
  }
  .max-h-dropdown {
    max-height: var(--spacing-dropdown);
  }
  .max-h-full {
    max-height: 100%;
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .min-h-2 {
    min-height: calc(var(--spacing) * 2);
  }
  .min-h-3 {
    min-height: calc(var(--spacing) * 3);
  }
  .min-h-5 {
    min-height: calc(var(--spacing) * 5);
  }
  .min-h-6 {
    min-height: calc(var(--spacing) * 6);
  }
  .min-h-7 {
    min-height: calc(var(--spacing) * 7);
  }
  .min-h-10 {
    min-height: calc(var(--spacing) * 10);
  }
  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }
  .min-h-14 {
    min-height: calc(var(--spacing) * 14);
  }
  .min-h-20 {
    min-height: calc(var(--spacing) * 20);
  }
  .min-h-\[20px\] {
    min-height: 20px;
  }
  .min-h-\[32px\] {
    min-height: 32px;
  }
  .min-h-\[40px\] {
    min-height: 40px;
  }
  .min-h-\[52px\] {
    min-height: 52px;
  }
  .min-h-\[64px\] {
    min-height: 64px;
  }
  .min-h-\[70px\] {
    min-height: 70px;
  }
  .min-h-\[120px\] {
    min-height: 120px;
  }
  .min-h-\[140px\] {
    min-height: 140px;
  }
  .min-h-\[156px\] {
    min-height: 156px;
  }
  .min-h-\[176px\] {
    min-height: 176px;
  }
  .min-h-\[200px\] {
    min-height: 200px;
  }
  .min-h-\[250px\] {
    min-height: 250px;
  }
  .min-h-\[320px\] {
    min-height: 320px;
  }
  .min-h-\[400px\] {
    min-height: 400px;
  }
  .min-h-\[420px\] {
    min-height: 420px;
  }
  .min-h-\[478px\] {
    min-height: 478px;
  }
  .min-h-\[calc\(100vh-105px\)\] {
    min-height: calc(100vh - 105px);
  }
  .min-h-full {
    min-height: 100%;
  }
  .min-h-px {
    min-height: 1px;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .min-h-toolbar-height {
    min-height: var(--spacing-toolbar-height);
  }
  .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\/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-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-4\/5 {
    width: calc(4/5 * 100%);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-6\! {
    width: calc(var(--spacing) * 6) !important;
  }
  .w-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-36 {
    width: calc(var(--spacing) * 36);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-56 {
    width: calc(var(--spacing) * 56);
  }
  .w-60 {
    width: calc(var(--spacing) * 60);
  }
  .w-64 {
    width: calc(var(--spacing) * 64);
  }
  .w-72 {
    width: calc(var(--spacing) * 72);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-96 {
    width: calc(var(--spacing) * 96);
  }
  .w-\[2px\] {
    width: 2px;
  }
  .w-\[3px\] {
    width: 3px;
  }
  .w-\[5px\] {
    width: 5px;
  }
  .w-\[15px\] {
    width: 15px;
  }
  .w-\[20px\] {
    width: 20px;
  }
  .w-\[24px\] {
    width: 24px;
  }
  .w-\[28px\] {
    width: 28px;
  }
  .w-\[30px\] {
    width: 30px;
  }
  .w-\[32px\] {
    width: 32px;
  }
  .w-\[38px\] {
    width: 38px;
  }
  .w-\[40px\] {
    width: 40px;
  }
  .w-\[40vw\] {
    width: 40vw;
  }
  .w-\[42px\] {
    width: 42px;
  }
  .w-\[47px\] {
    width: 47px;
  }
  .w-\[48px\] {
    width: 48px;
  }
  .w-\[56px\] {
    width: 56px;
  }
  .w-\[60px\] {
    width: 60px;
  }
  .w-\[64px\] {
    width: 64px;
  }
  .w-\[68px\] {
    width: 68px;
  }
  .w-\[70\%\] {
    width: 70%;
  }
  .w-\[76px\] {
    width: 76px;
  }
  .w-\[80\%\] {
    width: 80%;
  }
  .w-\[80px\] {
    width: 80px;
  }
  .w-\[88px\] {
    width: 88px;
  }
  .w-\[94px\] {
    width: 94px;
  }
  .w-\[96px\] {
    width: 96px;
  }
  .w-\[100px\] {
    width: 100px;
  }
  .w-\[112px\] {
    width: 112px;
  }
  .w-\[120px\] {
    width: 120px;
  }
  .w-\[130px\] {
    width: 130px;
  }
  .w-\[140px\] {
    width: 140px;
  }
  .w-\[144px\] {
    width: 144px;
  }
  .w-\[148px\] {
    width: 148px;
  }
  .w-\[150px\] {
    width: 150px;
  }
  .w-\[155px\] {
    width: 155px;
  }
  .w-\[156px\] {
    width: 156px;
  }
  .w-\[160px\] {
    width: 160px;
  }
  .w-\[164px\] {
    width: 164px;
  }
  .w-\[168px\] {
    width: 168px;
  }
  .w-\[174px\] {
    width: 174px;
  }
  .w-\[180px\] {
    width: 180px;
  }
  .w-\[198px\] {
    width: 198px;
  }
  .w-\[200px\] {
    width: 200px;
  }
  .w-\[202px\] {
    width: 202px;
  }
  .w-\[204px\] {
    width: 204px;
  }
  .w-\[220px\] {
    width: 220px;
  }
  .w-\[232px\] {
    width: 232px;
  }
  .w-\[240px\] {
    width: 240px;
  }
  .w-\[244px\] {
    width: 244px;
  }
  .w-\[248px\] {
    width: 248px;
  }
  .w-\[250px\] {
    width: 250px;
  }
  .w-\[258px\] {
    width: 258px;
  }
  .w-\[260px\] {
    width: 260px;
  }
  .w-\[264px\] {
    width: 264px;
  }
  .w-\[280px\] {
    width: 280px;
  }
  .w-\[300\%\] {
    width: 300%;
  }
  .w-\[300px\] {
    width: 300px;
  }
  .w-\[316px\] {
    width: 316px;
  }
  .w-\[320px\] {
    width: 320px;
  }
  .w-\[326px\]\! {
    width: 326px !important;
  }
  .w-\[340px\] {
    width: 340px;
  }
  .w-\[350px\] {
    width: 350px;
  }
  .w-\[360px\] {
    width: 360px;
  }
  .w-\[372px\] {
    width: 372px;
  }
  .w-\[380px\] {
    width: 380px;
  }
  .w-\[392px\] {
    width: 392px;
  }
  .w-\[400\%\] {
    width: 400%;
  }
  .w-\[400px\] {
    width: 400px;
  }
  .w-\[460px\] {
    width: 460px;
  }
  .w-\[480px\] {
    width: 480px;
  }
  .w-\[548px\]\! {
    width: 548px !important;
  }
  .w-\[584px\] {
    width: 584px;
  }
  .w-\[600px\] {
    width: 600px;
  }
  .w-\[624px\] {
    width: 624px;
  }
  .w-\[720px\] {
    width: 720px;
  }
  .w-\[740px\] {
    width: 740px;
  }
  .w-\[768px\] {
    width: 768px;
  }
  .w-\[890px\] {
    width: 890px;
  }
  .w-\[900px\] {
    width: 900px;
  }
  .w-\[1024px\] {
    width: 1024px;
  }
  .w-\[calc\(100\%-16px\)\] {
    width: calc(100% - 16px);
  }
  .w-\[calc\(100\%-24px\)\] {
    width: calc(100% - 24px);
  }
  .w-\[calc\(100\%-48px\)\] {
    width: calc(100% - 48px);
  }
  .w-\[calc\(100\%-340px\)\] {
    width: calc(100% - 340px);
  }
  .w-\[calc\(100vw-40px\)\] {
    width: calc(100vw - 40px);
  }
  .w-\[calc\(100vw-84px\)\] {
    width: calc(100vw - 84px);
  }
  .w-auto {
    width: auto;
  }
  .w-details-width {
    width: var(--spacing-details-width);
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: max-content;
  }
  .w-min\! {
    width: min-content !important;
  }
  .w-px {
    width: 1px;
  }
  .w-screen {
    width: 100vw;
  }
  .max-w-2xl {
    max-width: 42rem;
  }
  .max-w-3xl {
    max-width: 48rem;
  }
  .max-w-4xl {
    max-width: 56rem;
  }
  .max-w-55 {
    max-width: calc(var(--spacing) * 55);
  }
  .max-w-\[50\%\] {
    max-width: 50%;
  }
  .max-w-\[90vw\] {
    max-width: 90vw;
  }
  .max-w-\[120px\] {
    max-width: 120px;
  }
  .max-w-\[150px\] {
    max-width: 150px;
  }
  .max-w-\[200px\] {
    max-width: 200px;
  }
  .max-w-\[220px\] {
    max-width: 220px;
  }
  .max-w-\[250px\] {
    max-width: 250px;
  }
  .max-w-\[280px\] {
    max-width: 280px;
  }
  .max-w-\[304px\] {
    max-width: 304px;
  }
  .max-w-\[320px\] {
    max-width: 320px;
  }
  .max-w-\[375px\] {
    max-width: 375px;
  }
  .max-w-\[392px\] {
    max-width: 392px;
  }
  .max-w-\[400px\] {
    max-width: 400px;
  }
  .max-w-\[420px\] {
    max-width: 420px;
  }
  .max-w-\[480px\] {
    max-width: 480px;
  }
  .max-w-\[488px\] {
    max-width: 488px;
  }
  .max-w-\[536px\] {
    max-width: 536px;
  }
  .max-w-\[600px\] {
    max-width: 600px;
  }
  .max-w-\[640px\] {
    max-width: 640px;
  }
  .max-w-\[650px\] {
    max-width: 650px;
  }
  .max-w-\[820px\] {
    max-width: 820px;
  }
  .max-w-\[840px\] {
    max-width: 840px;
  }
  .max-w-\[845px\] {
    max-width: 845px;
  }
  .max-w-\[890px\] {
    max-width: 890px;
  }
  .max-w-\[1024px\] {
    max-width: 1024px;
  }
  .max-w-\[1600px\] {
    max-width: 1600px;
  }
  .max-w-\[calc\(100\%-24px\)\] {
    max-width: calc(100% - 24px);
  }
  .max-w-dvh {
    max-width: 100dvh;
  }
  .max-w-fit {
    max-width: fit-content;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-md {
    max-width: 28rem;
  }
  .max-w-none {
    max-width: none;
  }
  .max-w-screen {
    max-width: 100vw;
  }
  .max-w-screen-lg {
    max-width: var(--breakpoint-lg);
  }
  .max-w-screen-md {
    max-width: var(--breakpoint-md);
  }
  .max-w-screen-sm {
    max-width: var(--breakpoint-sm);
  }
  .max-w-screen-xl {
    max-width: var(--breakpoint-xl);
  }
  .max-w-xl {
    max-width: 36rem;
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-2 {
    min-width: calc(var(--spacing) * 2);
  }
  .min-w-4 {
    min-width: calc(var(--spacing) * 4);
  }
  .min-w-7 {
    min-width: calc(var(--spacing) * 7);
  }
  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }
  .min-w-10 {
    min-width: calc(var(--spacing) * 10);
  }
  .min-w-16 {
    min-width: calc(var(--spacing) * 16);
  }
  .min-w-48 {
    min-width: calc(var(--spacing) * 48);
  }
  .min-w-\[20px\] {
    min-width: 20px;
  }
  .min-w-\[30\%\] {
    min-width: 30%;
  }
  .min-w-\[40px\] {
    min-width: 40px;
  }
  .min-w-\[100px\] {
    min-width: 100px;
  }
  .min-w-\[150px\] {
    min-width: 150px;
  }
  .min-w-\[168px\] {
    min-width: 168px;
  }
  .min-w-\[180px\] {
    min-width: 180px;
  }
  .min-w-\[200px\] {
    min-width: 200px;
  }
  .min-w-\[220px\] {
    min-width: 220px;
  }
  .min-w-\[268px\] {
    min-width: 268px;
  }
  .min-w-\[320px\] {
    min-width: 320px;
  }
  .min-w-\[340px\] {
    min-width: 340px;
  }
  .min-w-\[400px\] {
    min-width: 400px;
  }
  .min-w-details-width {
    min-width: var(--spacing-details-width);
  }
  .min-w-full {
    min-width: 100%;
  }
  .min-w-px {
    min-width: 1px;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-\[0_0_5px\] {
    flex: 0 0 5px;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .grow-0 {
    flex-grow: 0;
  }
  .table-fixed {
    table-layout: fixed;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .border-separate {
    border-collapse: separate;
  }
  .border-spacing-0 {
    --tw-border-spacing-x: calc(var(--spacing) * 0);
    --tw-border-spacing-y: calc(var(--spacing) * 0);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }
  .border-spacing-y-1 {
    --tw-border-spacing-y: calc(var(--spacing) * 1);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }
  .border-spacing-y-2 {
    --tw-border-spacing-y: calc(var(--spacing) * 2);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }
  .border-spacing-y-6 {
    --tw-border-spacing-y: calc(var(--spacing) * 6);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }
  .origin-center {
    transform-origin: center;
  }
  .origin-top-left {
    transform-origin: 0 0;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-\[50\%\] {
    --tw-translate-x: calc(50% * -1);
    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-\[75\%\] {
    --tw-translate-x: 75%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[100vw\] {
    --tw-translate-x: 100vw;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-full {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-24 {
    --tw-translate-y: calc(var(--spacing) * -24);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-\[40px\] {
    --tw-translate-y: calc(40px * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-\[60px\] {
    --tw-translate-y: calc(60px * -1);
    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-3 {
    --tw-translate-y: calc(var(--spacing) * 3);
    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-20 {
    --tw-translate-y: calc(var(--spacing) * 20);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-full {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .scale-110 {
    --tw-scale-x: 110%;
    --tw-scale-y: 110%;
    --tw-scale-z: 110%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-x-\[-1\] {
    --tw-scale-x: -1;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-\[0\.3\] {
    scale: 0.3;
  }
  .scale-\[0\.25\] {
    scale: 0.25;
  }
  .-rotate-12 {
    rotate: calc(12deg * -1);
  }
  .-rotate-90 {
    rotate: calc(90deg * -1);
  }
  .rotate-3 {
    rotate: 3deg;
  }
  .rotate-6 {
    rotate: 6deg;
  }
  .rotate-12 {
    rotate: 12deg;
  }
  .rotate-45 {
    rotate: 45deg;
  }
  .rotate-90 {
    rotate: 90deg;
  }
  .-skew-x-11 {
    --tw-skew-x: skewX(calc(11deg * -1));
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .skew-x-11 {
    --tw-skew-x: skewX(11deg);
    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,);
  }
  .animate-fade {
    animation: var(--animate-fade);
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-col-resize {
    cursor: col-resize;
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-grab {
    cursor: grab;
  }
  .cursor-grabbing {
    cursor: grabbing;
  }
  .cursor-help {
    cursor: help;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-not-allowed\! {
    cursor: not-allowed !important;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .cursor-text {
    cursor: text;
  }
  .cursor-wait {
    cursor: wait;
  }
  .resize {
    resize: both;
  }
  .resize-none {
    resize: none;
  }
  .scroll-mt-12 {
    scroll-margin-top: calc(var(--spacing) * 12);
  }
  .scroll-pl-\[240px\] {
    scroll-padding-left: 240px;
  }
  .list-inside {
    list-style-position: inside;
  }
  .list-decimal {
    list-style-type: decimal;
  }
  .list-disc {
    list-style-type: disc;
  }
  .appearance-none {
    appearance: none;
  }
  .auto-rows-\[308px\] {
    grid-auto-rows: 308px;
  }
  .auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }
  .auto-rows-min {
    grid-auto-rows: min-content;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid-cols-13 {
    grid-template-columns: repeat(13, minmax(0, 1fr));
  }
  .grid-cols-14 {
    grid-template-columns: repeat(14, minmax(0, 1fr));
  }
  .grid-cols-15 {
    grid-template-columns: repeat(15, minmax(0, 1fr));
  }
  .grid-cols-16 {
    grid-template-columns: repeat(16, minmax(0, 1fr));
  }
  .grid-cols-17 {
    grid-template-columns: repeat(17, minmax(0, 1fr));
  }
  .grid-cols-18 {
    grid-template-columns: repeat(18, minmax(0, 1fr));
  }
  .grid-cols-19 {
    grid-template-columns: repeat(19, minmax(0, 1fr));
  }
  .grid-cols-20 {
    grid-template-columns: repeat(20, minmax(0, 1fr));
  }
  .grid-cols-21 {
    grid-template-columns: repeat(21, minmax(0, 1fr));
  }
  .grid-cols-22 {
    grid-template-columns: repeat(22, minmax(0, 1fr));
  }
  .grid-cols-23 {
    grid-template-columns: repeat(23, minmax(0, 1fr));
  }
  .grid-cols-24 {
    grid-template-columns: repeat(24, minmax(0, 1fr));
  }
  .grid-cols-25 {
    grid-template-columns: repeat(25, minmax(0, 1fr));
  }
  .grid-cols-26 {
    grid-template-columns: repeat(26, minmax(0, 1fr));
  }
  .grid-cols-27 {
    grid-template-columns: repeat(27, minmax(0, 1fr));
  }
  .grid-cols-28 {
    grid-template-columns: repeat(28, minmax(0, 1fr));
  }
  .grid-cols-29 {
    grid-template-columns: repeat(29, minmax(0, 1fr));
  }
  .grid-cols-30 {
    grid-template-columns: repeat(30, minmax(0, 1fr));
  }
  .grid-cols-31 {
    grid-template-columns: repeat(31, minmax(0, 1fr));
  }
  .grid-cols-32 {
    grid-template-columns: repeat(32, minmax(0, 1fr));
  }
  .grid-cols-33 {
    grid-template-columns: repeat(33, minmax(0, 1fr));
  }
  .grid-cols-34 {
    grid-template-columns: repeat(34, minmax(0, 1fr));
  }
  .grid-cols-35 {
    grid-template-columns: repeat(35, minmax(0, 1fr));
  }
  .grid-cols-36 {
    grid-template-columns: repeat(36, minmax(0, 1fr));
  }
  .grid-cols-37 {
    grid-template-columns: repeat(37, minmax(0, 1fr));
  }
  .grid-cols-38 {
    grid-template-columns: repeat(38, minmax(0, 1fr));
  }
  .grid-cols-39 {
    grid-template-columns: repeat(39, minmax(0, 1fr));
  }
  .grid-cols-40 {
    grid-template-columns: repeat(40, minmax(0, 1fr));
  }
  .grid-cols-41 {
    grid-template-columns: repeat(41, minmax(0, 1fr));
  }
  .grid-cols-42 {
    grid-template-columns: repeat(42, minmax(0, 1fr));
  }
  .grid-cols-43 {
    grid-template-columns: repeat(43, minmax(0, 1fr));
  }
  .grid-cols-44 {
    grid-template-columns: repeat(44, minmax(0, 1fr));
  }
  .grid-cols-45 {
    grid-template-columns: repeat(45, minmax(0, 1fr));
  }
  .grid-cols-46 {
    grid-template-columns: repeat(46, minmax(0, 1fr));
  }
  .grid-cols-47 {
    grid-template-columns: repeat(47, minmax(0, 1fr));
  }
  .grid-cols-48 {
    grid-template-columns: repeat(48, minmax(0, 1fr));
  }
  .grid-cols-49 {
    grid-template-columns: repeat(49, minmax(0, 1fr));
  }
  .grid-cols-50 {
    grid-template-columns: repeat(50, minmax(0, 1fr));
  }
  .grid-cols-51 {
    grid-template-columns: repeat(51, minmax(0, 1fr));
  }
  .grid-cols-52 {
    grid-template-columns: repeat(52, minmax(0, 1fr));
  }
  .grid-cols-53 {
    grid-template-columns: repeat(53, minmax(0, 1fr));
  }
  .grid-cols-54 {
    grid-template-columns: repeat(54, minmax(0, 1fr));
  }
  .grid-cols-55 {
    grid-template-columns: repeat(55, minmax(0, 1fr));
  }
  .grid-cols-56 {
    grid-template-columns: repeat(56, minmax(0, 1fr));
  }
  .grid-cols-57 {
    grid-template-columns: repeat(57, minmax(0, 1fr));
  }
  .grid-cols-58 {
    grid-template-columns: repeat(58, minmax(0, 1fr));
  }
  .grid-cols-59 {
    grid-template-columns: repeat(59, minmax(0, 1fr));
  }
  .grid-cols-60 {
    grid-template-columns: repeat(60, minmax(0, 1fr));
  }
  .grid-cols-61 {
    grid-template-columns: repeat(61, minmax(0, 1fr));
  }
  .grid-cols-62 {
    grid-template-columns: repeat(62, minmax(0, 1fr));
  }
  .grid-cols-63 {
    grid-template-columns: repeat(63, minmax(0, 1fr));
  }
  .grid-cols-64 {
    grid-template-columns: repeat(64, minmax(0, 1fr));
  }
  .grid-cols-65 {
    grid-template-columns: repeat(65, minmax(0, 1fr));
  }
  .grid-cols-66 {
    grid-template-columns: repeat(66, minmax(0, 1fr));
  }
  .grid-cols-67 {
    grid-template-columns: repeat(67, minmax(0, 1fr));
  }
  .grid-cols-68 {
    grid-template-columns: repeat(68, minmax(0, 1fr));
  }
  .grid-cols-69 {
    grid-template-columns: repeat(69, minmax(0, 1fr));
  }
  .grid-cols-70 {
    grid-template-columns: repeat(70, minmax(0, 1fr));
  }
  .grid-cols-71 {
    grid-template-columns: repeat(71, minmax(0, 1fr));
  }
  .grid-cols-72 {
    grid-template-columns: repeat(72, minmax(0, 1fr));
  }
  .grid-cols-73 {
    grid-template-columns: repeat(73, minmax(0, 1fr));
  }
  .grid-cols-74 {
    grid-template-columns: repeat(74, minmax(0, 1fr));
  }
  .grid-cols-75 {
    grid-template-columns: repeat(75, minmax(0, 1fr));
  }
  .grid-cols-76 {
    grid-template-columns: repeat(76, minmax(0, 1fr));
  }
  .grid-cols-77 {
    grid-template-columns: repeat(77, minmax(0, 1fr));
  }
  .grid-cols-78 {
    grid-template-columns: repeat(78, minmax(0, 1fr));
  }
  .grid-cols-79 {
    grid-template-columns: repeat(79, minmax(0, 1fr));
  }
  .grid-cols-80 {
    grid-template-columns: repeat(80, minmax(0, 1fr));
  }
  .grid-cols-81 {
    grid-template-columns: repeat(81, minmax(0, 1fr));
  }
  .grid-cols-82 {
    grid-template-columns: repeat(82, minmax(0, 1fr));
  }
  .grid-cols-83 {
    grid-template-columns: repeat(83, minmax(0, 1fr));
  }
  .grid-cols-84 {
    grid-template-columns: repeat(84, minmax(0, 1fr));
  }
  .grid-cols-85 {
    grid-template-columns: repeat(85, minmax(0, 1fr));
  }
  .grid-cols-86 {
    grid-template-columns: repeat(86, minmax(0, 1fr));
  }
  .grid-cols-87 {
    grid-template-columns: repeat(87, minmax(0, 1fr));
  }
  .grid-cols-88 {
    grid-template-columns: repeat(88, minmax(0, 1fr));
  }
  .grid-cols-89 {
    grid-template-columns: repeat(89, minmax(0, 1fr));
  }
  .grid-cols-90 {
    grid-template-columns: repeat(90, minmax(0, 1fr));
  }
  .grid-cols-91 {
    grid-template-columns: repeat(91, minmax(0, 1fr));
  }
  .grid-cols-92 {
    grid-template-columns: repeat(92, minmax(0, 1fr));
  }
  .grid-cols-93 {
    grid-template-columns: repeat(93, minmax(0, 1fr));
  }
  .grid-cols-94 {
    grid-template-columns: repeat(94, minmax(0, 1fr));
  }
  .grid-cols-95 {
    grid-template-columns: repeat(95, minmax(0, 1fr));
  }
  .grid-cols-96 {
    grid-template-columns: repeat(96, minmax(0, 1fr));
  }
  .grid-cols-97 {
    grid-template-columns: repeat(97, minmax(0, 1fr));
  }
  .grid-cols-98 {
    grid-template-columns: repeat(98, minmax(0, 1fr));
  }
  .grid-cols-99 {
    grid-template-columns: repeat(99, minmax(0, 1fr));
  }
  .grid-cols-100 {
    grid-template-columns: repeat(100, minmax(0, 1fr));
  }
  .grid-cols-101 {
    grid-template-columns: repeat(101, minmax(0, 1fr));
  }
  .grid-cols-102 {
    grid-template-columns: repeat(102, minmax(0, 1fr));
  }
  .grid-cols-103 {
    grid-template-columns: repeat(103, minmax(0, 1fr));
  }
  .grid-cols-104 {
    grid-template-columns: repeat(104, minmax(0, 1fr));
  }
  .grid-cols-105 {
    grid-template-columns: repeat(105, minmax(0, 1fr));
  }
  .grid-cols-106 {
    grid-template-columns: repeat(106, minmax(0, 1fr));
  }
  .grid-cols-107 {
    grid-template-columns: repeat(107, minmax(0, 1fr));
  }
  .grid-cols-108 {
    grid-template-columns: repeat(108, minmax(0, 1fr));
  }
  .grid-cols-109 {
    grid-template-columns: repeat(109, minmax(0, 1fr));
  }
  .grid-cols-110 {
    grid-template-columns: repeat(110, minmax(0, 1fr));
  }
  .grid-cols-111 {
    grid-template-columns: repeat(111, minmax(0, 1fr));
  }
  .grid-cols-112 {
    grid-template-columns: repeat(112, minmax(0, 1fr));
  }
  .grid-cols-113 {
    grid-template-columns: repeat(113, minmax(0, 1fr));
  }
  .grid-cols-114 {
    grid-template-columns: repeat(114, minmax(0, 1fr));
  }
  .grid-cols-115 {
    grid-template-columns: repeat(115, minmax(0, 1fr));
  }
  .grid-cols-116 {
    grid-template-columns: repeat(116, minmax(0, 1fr));
  }
  .grid-cols-117 {
    grid-template-columns: repeat(117, minmax(0, 1fr));
  }
  .grid-cols-118 {
    grid-template-columns: repeat(118, minmax(0, 1fr));
  }
  .grid-cols-119 {
    grid-template-columns: repeat(119, minmax(0, 1fr));
  }
  .grid-cols-120 {
    grid-template-columns: repeat(120, minmax(0, 1fr));
  }
  .grid-cols-121 {
    grid-template-columns: repeat(121, minmax(0, 1fr));
  }
  .grid-cols-122 {
    grid-template-columns: repeat(122, minmax(0, 1fr));
  }
  .grid-cols-123 {
    grid-template-columns: repeat(123, minmax(0, 1fr));
  }
  .grid-cols-124 {
    grid-template-columns: repeat(124, minmax(0, 1fr));
  }
  .grid-cols-125 {
    grid-template-columns: repeat(125, minmax(0, 1fr));
  }
  .grid-cols-126 {
    grid-template-columns: repeat(126, minmax(0, 1fr));
  }
  .grid-cols-127 {
    grid-template-columns: repeat(127, minmax(0, 1fr));
  }
  .grid-cols-128 {
    grid-template-columns: repeat(128, minmax(0, 1fr));
  }
  .grid-cols-129 {
    grid-template-columns: repeat(129, minmax(0, 1fr));
  }
  .grid-cols-130 {
    grid-template-columns: repeat(130, minmax(0, 1fr));
  }
  .grid-cols-131 {
    grid-template-columns: repeat(131, minmax(0, 1fr));
  }
  .grid-cols-132 {
    grid-template-columns: repeat(132, minmax(0, 1fr));
  }
  .grid-cols-133 {
    grid-template-columns: repeat(133, minmax(0, 1fr));
  }
  .grid-cols-134 {
    grid-template-columns: repeat(134, minmax(0, 1fr));
  }
  .grid-cols-135 {
    grid-template-columns: repeat(135, minmax(0, 1fr));
  }
  .grid-cols-136 {
    grid-template-columns: repeat(136, minmax(0, 1fr));
  }
  .grid-cols-137 {
    grid-template-columns: repeat(137, minmax(0, 1fr));
  }
  .grid-cols-138 {
    grid-template-columns: repeat(138, minmax(0, 1fr));
  }
  .grid-cols-139 {
    grid-template-columns: repeat(139, minmax(0, 1fr));
  }
  .grid-cols-140 {
    grid-template-columns: repeat(140, minmax(0, 1fr));
  }
  .grid-cols-141 {
    grid-template-columns: repeat(141, minmax(0, 1fr));
  }
  .grid-cols-142 {
    grid-template-columns: repeat(142, minmax(0, 1fr));
  }
  .grid-cols-143 {
    grid-template-columns: repeat(143, minmax(0, 1fr));
  }
  .grid-cols-144 {
    grid-template-columns: repeat(144, minmax(0, 1fr));
  }
  .grid-cols-145 {
    grid-template-columns: repeat(145, minmax(0, 1fr));
  }
  .grid-cols-146 {
    grid-template-columns: repeat(146, minmax(0, 1fr));
  }
  .grid-cols-147 {
    grid-template-columns: repeat(147, minmax(0, 1fr));
  }
  .grid-cols-148 {
    grid-template-columns: repeat(148, minmax(0, 1fr));
  }
  .grid-cols-149 {
    grid-template-columns: repeat(149, minmax(0, 1fr));
  }
  .grid-cols-150 {
    grid-template-columns: repeat(150, minmax(0, 1fr));
  }
  .grid-cols-151 {
    grid-template-columns: repeat(151, minmax(0, 1fr));
  }
  .grid-cols-152 {
    grid-template-columns: repeat(152, minmax(0, 1fr));
  }
  .grid-cols-153 {
    grid-template-columns: repeat(153, minmax(0, 1fr));
  }
  .grid-cols-154 {
    grid-template-columns: repeat(154, minmax(0, 1fr));
  }
  .grid-cols-155 {
    grid-template-columns: repeat(155, minmax(0, 1fr));
  }
  .grid-cols-156 {
    grid-template-columns: repeat(156, minmax(0, 1fr));
  }
  .grid-cols-157 {
    grid-template-columns: repeat(157, minmax(0, 1fr));
  }
  .grid-cols-158 {
    grid-template-columns: repeat(158, minmax(0, 1fr));
  }
  .grid-cols-159 {
    grid-template-columns: repeat(159, minmax(0, 1fr));
  }
  .grid-cols-160 {
    grid-template-columns: repeat(160, minmax(0, 1fr));
  }
  .grid-cols-161 {
    grid-template-columns: repeat(161, minmax(0, 1fr));
  }
  .grid-cols-162 {
    grid-template-columns: repeat(162, minmax(0, 1fr));
  }
  .grid-cols-163 {
    grid-template-columns: repeat(163, minmax(0, 1fr));
  }
  .grid-cols-164 {
    grid-template-columns: repeat(164, minmax(0, 1fr));
  }
  .grid-cols-165 {
    grid-template-columns: repeat(165, minmax(0, 1fr));
  }
  .grid-cols-166 {
    grid-template-columns: repeat(166, minmax(0, 1fr));
  }
  .grid-cols-167 {
    grid-template-columns: repeat(167, minmax(0, 1fr));
  }
  .grid-cols-168 {
    grid-template-columns: repeat(168, minmax(0, 1fr));
  }
  .grid-cols-169 {
    grid-template-columns: repeat(169, minmax(0, 1fr));
  }
  .grid-cols-170 {
    grid-template-columns: repeat(170, minmax(0, 1fr));
  }
  .grid-cols-171 {
    grid-template-columns: repeat(171, minmax(0, 1fr));
  }
  .grid-cols-172 {
    grid-template-columns: repeat(172, minmax(0, 1fr));
  }
  .grid-cols-173 {
    grid-template-columns: repeat(173, minmax(0, 1fr));
  }
  .grid-cols-174 {
    grid-template-columns: repeat(174, minmax(0, 1fr));
  }
  .grid-cols-175 {
    grid-template-columns: repeat(175, minmax(0, 1fr));
  }
  .grid-cols-176 {
    grid-template-columns: repeat(176, minmax(0, 1fr));
  }
  .grid-cols-177 {
    grid-template-columns: repeat(177, minmax(0, 1fr));
  }
  .grid-cols-178 {
    grid-template-columns: repeat(178, minmax(0, 1fr));
  }
  .grid-cols-179 {
    grid-template-columns: repeat(179, minmax(0, 1fr));
  }
  .grid-cols-180 {
    grid-template-columns: repeat(180, minmax(0, 1fr));
  }
  .grid-cols-181 {
    grid-template-columns: repeat(181, minmax(0, 1fr));
  }
  .grid-cols-182 {
    grid-template-columns: repeat(182, minmax(0, 1fr));
  }
  .grid-cols-183 {
    grid-template-columns: repeat(183, minmax(0, 1fr));
  }
  .grid-cols-184 {
    grid-template-columns: repeat(184, minmax(0, 1fr));
  }
  .grid-cols-185 {
    grid-template-columns: repeat(185, minmax(0, 1fr));
  }
  .grid-cols-186 {
    grid-template-columns: repeat(186, minmax(0, 1fr));
  }
  .grid-cols-187 {
    grid-template-columns: repeat(187, minmax(0, 1fr));
  }
  .grid-cols-188 {
    grid-template-columns: repeat(188, minmax(0, 1fr));
  }
  .grid-cols-189 {
    grid-template-columns: repeat(189, minmax(0, 1fr));
  }
  .grid-cols-190 {
    grid-template-columns: repeat(190, minmax(0, 1fr));
  }
  .grid-cols-191 {
    grid-template-columns: repeat(191, minmax(0, 1fr));
  }
  .grid-cols-192 {
    grid-template-columns: repeat(192, minmax(0, 1fr));
  }
  .grid-cols-193 {
    grid-template-columns: repeat(193, minmax(0, 1fr));
  }
  .grid-cols-194 {
    grid-template-columns: repeat(194, minmax(0, 1fr));
  }
  .grid-cols-195 {
    grid-template-columns: repeat(195, minmax(0, 1fr));
  }
  .grid-cols-196 {
    grid-template-columns: repeat(196, minmax(0, 1fr));
  }
  .grid-cols-197 {
    grid-template-columns: repeat(197, minmax(0, 1fr));
  }
  .grid-cols-198 {
    grid-template-columns: repeat(198, minmax(0, 1fr));
  }
  .grid-cols-199 {
    grid-template-columns: repeat(199, minmax(0, 1fr));
  }
  .grid-cols-200 {
    grid-template-columns: repeat(200, minmax(0, 1fr));
  }
  .grid-cols-201 {
    grid-template-columns: repeat(201, minmax(0, 1fr));
  }
  .grid-cols-202 {
    grid-template-columns: repeat(202, minmax(0, 1fr));
  }
  .grid-cols-203 {
    grid-template-columns: repeat(203, minmax(0, 1fr));
  }
  .grid-cols-204 {
    grid-template-columns: repeat(204, minmax(0, 1fr));
  }
  .grid-cols-205 {
    grid-template-columns: repeat(205, minmax(0, 1fr));
  }
  .grid-cols-206 {
    grid-template-columns: repeat(206, minmax(0, 1fr));
  }
  .grid-cols-207 {
    grid-template-columns: repeat(207, minmax(0, 1fr));
  }
  .grid-cols-208 {
    grid-template-columns: repeat(208, minmax(0, 1fr));
  }
  .grid-cols-209 {
    grid-template-columns: repeat(209, minmax(0, 1fr));
  }
  .grid-cols-210 {
    grid-template-columns: repeat(210, minmax(0, 1fr));
  }
  .grid-cols-211 {
    grid-template-columns: repeat(211, minmax(0, 1fr));
  }
  .grid-cols-212 {
    grid-template-columns: repeat(212, minmax(0, 1fr));
  }
  .grid-cols-213 {
    grid-template-columns: repeat(213, minmax(0, 1fr));
  }
  .grid-cols-214 {
    grid-template-columns: repeat(214, minmax(0, 1fr));
  }
  .grid-cols-215 {
    grid-template-columns: repeat(215, minmax(0, 1fr));
  }
  .grid-cols-216 {
    grid-template-columns: repeat(216, minmax(0, 1fr));
  }
  .grid-cols-217 {
    grid-template-columns: repeat(217, minmax(0, 1fr));
  }
  .grid-cols-218 {
    grid-template-columns: repeat(218, minmax(0, 1fr));
  }
  .grid-cols-219 {
    grid-template-columns: repeat(219, minmax(0, 1fr));
  }
  .grid-cols-220 {
    grid-template-columns: repeat(220, minmax(0, 1fr));
  }
  .grid-cols-221 {
    grid-template-columns: repeat(221, minmax(0, 1fr));
  }
  .grid-cols-222 {
    grid-template-columns: repeat(222, minmax(0, 1fr));
  }
  .grid-cols-223 {
    grid-template-columns: repeat(223, minmax(0, 1fr));
  }
  .grid-cols-224 {
    grid-template-columns: repeat(224, minmax(0, 1fr));
  }
  .grid-cols-225 {
    grid-template-columns: repeat(225, minmax(0, 1fr));
  }
  .grid-cols-226 {
    grid-template-columns: repeat(226, minmax(0, 1fr));
  }
  .grid-cols-227 {
    grid-template-columns: repeat(227, minmax(0, 1fr));
  }
  .grid-cols-228 {
    grid-template-columns: repeat(228, minmax(0, 1fr));
  }
  .grid-cols-229 {
    grid-template-columns: repeat(229, minmax(0, 1fr));
  }
  .grid-cols-230 {
    grid-template-columns: repeat(230, minmax(0, 1fr));
  }
  .grid-cols-231 {
    grid-template-columns: repeat(231, minmax(0, 1fr));
  }
  .grid-cols-232 {
    grid-template-columns: repeat(232, minmax(0, 1fr));
  }
  .grid-cols-233 {
    grid-template-columns: repeat(233, minmax(0, 1fr));
  }
  .grid-cols-234 {
    grid-template-columns: repeat(234, minmax(0, 1fr));
  }
  .grid-cols-235 {
    grid-template-columns: repeat(235, minmax(0, 1fr));
  }
  .grid-cols-236 {
    grid-template-columns: repeat(236, minmax(0, 1fr));
  }
  .grid-cols-237 {
    grid-template-columns: repeat(237, minmax(0, 1fr));
  }
  .grid-cols-238 {
    grid-template-columns: repeat(238, minmax(0, 1fr));
  }
  .grid-cols-239 {
    grid-template-columns: repeat(239, minmax(0, 1fr));
  }
  .grid-cols-240 {
    grid-template-columns: repeat(240, minmax(0, 1fr));
  }
  .grid-cols-241 {
    grid-template-columns: repeat(241, minmax(0, 1fr));
  }
  .grid-cols-242 {
    grid-template-columns: repeat(242, minmax(0, 1fr));
  }
  .grid-cols-243 {
    grid-template-columns: repeat(243, minmax(0, 1fr));
  }
  .grid-cols-244 {
    grid-template-columns: repeat(244, minmax(0, 1fr));
  }
  .grid-cols-245 {
    grid-template-columns: repeat(245, minmax(0, 1fr));
  }
  .grid-cols-246 {
    grid-template-columns: repeat(246, minmax(0, 1fr));
  }
  .grid-cols-247 {
    grid-template-columns: repeat(247, minmax(0, 1fr));
  }
  .grid-cols-248 {
    grid-template-columns: repeat(248, minmax(0, 1fr));
  }
  .grid-cols-249 {
    grid-template-columns: repeat(249, minmax(0, 1fr));
  }
  .grid-cols-250 {
    grid-template-columns: repeat(250, minmax(0, 1fr));
  }
  .grid-cols-251 {
    grid-template-columns: repeat(251, minmax(0, 1fr));
  }
  .grid-cols-252 {
    grid-template-columns: repeat(252, minmax(0, 1fr));
  }
  .grid-cols-253 {
    grid-template-columns: repeat(253, minmax(0, 1fr));
  }
  .grid-cols-254 {
    grid-template-columns: repeat(254, minmax(0, 1fr));
  }
  .grid-cols-255 {
    grid-template-columns: repeat(255, minmax(0, 1fr));
  }
  .grid-cols-256 {
    grid-template-columns: repeat(256, minmax(0, 1fr));
  }
  .grid-cols-257 {
    grid-template-columns: repeat(257, minmax(0, 1fr));
  }
  .grid-cols-258 {
    grid-template-columns: repeat(258, minmax(0, 1fr));
  }
  .grid-cols-259 {
    grid-template-columns: repeat(259, minmax(0, 1fr));
  }
  .grid-cols-260 {
    grid-template-columns: repeat(260, minmax(0, 1fr));
  }
  .grid-cols-261 {
    grid-template-columns: repeat(261, minmax(0, 1fr));
  }
  .grid-cols-262 {
    grid-template-columns: repeat(262, minmax(0, 1fr));
  }
  .grid-cols-263 {
    grid-template-columns: repeat(263, minmax(0, 1fr));
  }
  .grid-cols-264 {
    grid-template-columns: repeat(264, minmax(0, 1fr));
  }
  .grid-cols-265 {
    grid-template-columns: repeat(265, minmax(0, 1fr));
  }
  .grid-cols-266 {
    grid-template-columns: repeat(266, minmax(0, 1fr));
  }
  .grid-cols-267 {
    grid-template-columns: repeat(267, minmax(0, 1fr));
  }
  .grid-cols-268 {
    grid-template-columns: repeat(268, minmax(0, 1fr));
  }
  .grid-cols-269 {
    grid-template-columns: repeat(269, minmax(0, 1fr));
  }
  .grid-cols-270 {
    grid-template-columns: repeat(270, minmax(0, 1fr));
  }
  .grid-cols-271 {
    grid-template-columns: repeat(271, minmax(0, 1fr));
  }
  .grid-cols-272 {
    grid-template-columns: repeat(272, minmax(0, 1fr));
  }
  .grid-cols-273 {
    grid-template-columns: repeat(273, minmax(0, 1fr));
  }
  .grid-cols-274 {
    grid-template-columns: repeat(274, minmax(0, 1fr));
  }
  .grid-cols-275 {
    grid-template-columns: repeat(275, minmax(0, 1fr));
  }
  .grid-cols-276 {
    grid-template-columns: repeat(276, minmax(0, 1fr));
  }
  .grid-cols-277 {
    grid-template-columns: repeat(277, minmax(0, 1fr));
  }
  .grid-cols-278 {
    grid-template-columns: repeat(278, minmax(0, 1fr));
  }
  .grid-cols-279 {
    grid-template-columns: repeat(279, minmax(0, 1fr));
  }
  .grid-cols-280 {
    grid-template-columns: repeat(280, minmax(0, 1fr));
  }
  .grid-cols-281 {
    grid-template-columns: repeat(281, minmax(0, 1fr));
  }
  .grid-cols-282 {
    grid-template-columns: repeat(282, minmax(0, 1fr));
  }
  .grid-cols-283 {
    grid-template-columns: repeat(283, minmax(0, 1fr));
  }
  .grid-cols-284 {
    grid-template-columns: repeat(284, minmax(0, 1fr));
  }
  .grid-cols-285 {
    grid-template-columns: repeat(285, minmax(0, 1fr));
  }
  .grid-cols-286 {
    grid-template-columns: repeat(286, minmax(0, 1fr));
  }
  .grid-cols-287 {
    grid-template-columns: repeat(287, minmax(0, 1fr));
  }
  .grid-cols-288 {
    grid-template-columns: repeat(288, minmax(0, 1fr));
  }
  .grid-cols-289 {
    grid-template-columns: repeat(289, minmax(0, 1fr));
  }
  .grid-cols-290 {
    grid-template-columns: repeat(290, minmax(0, 1fr));
  }
  .grid-cols-291 {
    grid-template-columns: repeat(291, minmax(0, 1fr));
  }
  .grid-cols-292 {
    grid-template-columns: repeat(292, minmax(0, 1fr));
  }
  .grid-cols-293 {
    grid-template-columns: repeat(293, minmax(0, 1fr));
  }
  .grid-cols-294 {
    grid-template-columns: repeat(294, minmax(0, 1fr));
  }
  .grid-cols-295 {
    grid-template-columns: repeat(295, minmax(0, 1fr));
  }
  .grid-cols-296 {
    grid-template-columns: repeat(296, minmax(0, 1fr));
  }
  .grid-cols-297 {
    grid-template-columns: repeat(297, minmax(0, 1fr));
  }
  .grid-cols-298 {
    grid-template-columns: repeat(298, minmax(0, 1fr));
  }
  .grid-cols-299 {
    grid-template-columns: repeat(299, minmax(0, 1fr));
  }
  .grid-cols-300 {
    grid-template-columns: repeat(300, minmax(0, 1fr));
  }
  .grid-cols-301 {
    grid-template-columns: repeat(301, minmax(0, 1fr));
  }
  .grid-cols-302 {
    grid-template-columns: repeat(302, minmax(0, 1fr));
  }
  .grid-cols-303 {
    grid-template-columns: repeat(303, minmax(0, 1fr));
  }
  .grid-cols-304 {
    grid-template-columns: repeat(304, minmax(0, 1fr));
  }
  .grid-cols-305 {
    grid-template-columns: repeat(305, minmax(0, 1fr));
  }
  .grid-cols-306 {
    grid-template-columns: repeat(306, minmax(0, 1fr));
  }
  .grid-cols-307 {
    grid-template-columns: repeat(307, minmax(0, 1fr));
  }
  .grid-cols-308 {
    grid-template-columns: repeat(308, minmax(0, 1fr));
  }
  .grid-cols-309 {
    grid-template-columns: repeat(309, minmax(0, 1fr));
  }
  .grid-cols-310 {
    grid-template-columns: repeat(310, minmax(0, 1fr));
  }
  .grid-cols-311 {
    grid-template-columns: repeat(311, minmax(0, 1fr));
  }
  .grid-cols-312 {
    grid-template-columns: repeat(312, minmax(0, 1fr));
  }
  .grid-cols-313 {
    grid-template-columns: repeat(313, minmax(0, 1fr));
  }
  .grid-cols-314 {
    grid-template-columns: repeat(314, minmax(0, 1fr));
  }
  .grid-cols-315 {
    grid-template-columns: repeat(315, minmax(0, 1fr));
  }
  .grid-cols-316 {
    grid-template-columns: repeat(316, minmax(0, 1fr));
  }
  .grid-cols-317 {
    grid-template-columns: repeat(317, minmax(0, 1fr));
  }
  .grid-cols-318 {
    grid-template-columns: repeat(318, minmax(0, 1fr));
  }
  .grid-cols-319 {
    grid-template-columns: repeat(319, minmax(0, 1fr));
  }
  .grid-cols-320 {
    grid-template-columns: repeat(320, minmax(0, 1fr));
  }
  .grid-cols-321 {
    grid-template-columns: repeat(321, minmax(0, 1fr));
  }
  .grid-cols-322 {
    grid-template-columns: repeat(322, minmax(0, 1fr));
  }
  .grid-cols-323 {
    grid-template-columns: repeat(323, minmax(0, 1fr));
  }
  .grid-cols-324 {
    grid-template-columns: repeat(324, minmax(0, 1fr));
  }
  .grid-cols-325 {
    grid-template-columns: repeat(325, minmax(0, 1fr));
  }
  .grid-cols-326 {
    grid-template-columns: repeat(326, minmax(0, 1fr));
  }
  .grid-cols-327 {
    grid-template-columns: repeat(327, minmax(0, 1fr));
  }
  .grid-cols-328 {
    grid-template-columns: repeat(328, minmax(0, 1fr));
  }
  .grid-cols-329 {
    grid-template-columns: repeat(329, minmax(0, 1fr));
  }
  .grid-cols-330 {
    grid-template-columns: repeat(330, minmax(0, 1fr));
  }
  .grid-cols-331 {
    grid-template-columns: repeat(331, minmax(0, 1fr));
  }
  .grid-cols-332 {
    grid-template-columns: repeat(332, minmax(0, 1fr));
  }
  .grid-cols-333 {
    grid-template-columns: repeat(333, minmax(0, 1fr));
  }
  .grid-cols-334 {
    grid-template-columns: repeat(334, minmax(0, 1fr));
  }
  .grid-cols-335 {
    grid-template-columns: repeat(335, minmax(0, 1fr));
  }
  .grid-cols-336 {
    grid-template-columns: repeat(336, minmax(0, 1fr));
  }
  .grid-cols-337 {
    grid-template-columns: repeat(337, minmax(0, 1fr));
  }
  .grid-cols-338 {
    grid-template-columns: repeat(338, minmax(0, 1fr));
  }
  .grid-cols-339 {
    grid-template-columns: repeat(339, minmax(0, 1fr));
  }
  .grid-cols-340 {
    grid-template-columns: repeat(340, minmax(0, 1fr));
  }
  .grid-cols-341 {
    grid-template-columns: repeat(341, minmax(0, 1fr));
  }
  .grid-cols-342 {
    grid-template-columns: repeat(342, minmax(0, 1fr));
  }
  .grid-cols-343 {
    grid-template-columns: repeat(343, minmax(0, 1fr));
  }
  .grid-cols-344 {
    grid-template-columns: repeat(344, minmax(0, 1fr));
  }
  .grid-cols-345 {
    grid-template-columns: repeat(345, minmax(0, 1fr));
  }
  .grid-cols-346 {
    grid-template-columns: repeat(346, minmax(0, 1fr));
  }
  .grid-cols-347 {
    grid-template-columns: repeat(347, minmax(0, 1fr));
  }
  .grid-cols-348 {
    grid-template-columns: repeat(348, minmax(0, 1fr));
  }
  .grid-cols-349 {
    grid-template-columns: repeat(349, minmax(0, 1fr));
  }
  .grid-cols-350 {
    grid-template-columns: repeat(350, minmax(0, 1fr));
  }
  .grid-cols-351 {
    grid-template-columns: repeat(351, minmax(0, 1fr));
  }
  .grid-cols-352 {
    grid-template-columns: repeat(352, minmax(0, 1fr));
  }
  .grid-cols-353 {
    grid-template-columns: repeat(353, minmax(0, 1fr));
  }
  .grid-cols-354 {
    grid-template-columns: repeat(354, minmax(0, 1fr));
  }
  .grid-cols-355 {
    grid-template-columns: repeat(355, minmax(0, 1fr));
  }
  .grid-cols-356 {
    grid-template-columns: repeat(356, minmax(0, 1fr));
  }
  .grid-cols-357 {
    grid-template-columns: repeat(357, minmax(0, 1fr));
  }
  .grid-cols-358 {
    grid-template-columns: repeat(358, minmax(0, 1fr));
  }
  .grid-cols-359 {
    grid-template-columns: repeat(359, minmax(0, 1fr));
  }
  .grid-cols-360 {
    grid-template-columns: repeat(360, minmax(0, 1fr));
  }
  .grid-cols-361 {
    grid-template-columns: repeat(361, minmax(0, 1fr));
  }
  .grid-cols-362 {
    grid-template-columns: repeat(362, minmax(0, 1fr));
  }
  .grid-cols-363 {
    grid-template-columns: repeat(363, minmax(0, 1fr));
  }
  .grid-cols-364 {
    grid-template-columns: repeat(364, minmax(0, 1fr));
  }
  .grid-cols-365 {
    grid-template-columns: repeat(365, minmax(0, 1fr));
  }
  .grid-cols-366 {
    grid-template-columns: repeat(366, minmax(0, 1fr));
  }
  .grid-cols-\[1fr_auto_1fr\] {
    grid-template-columns: 1fr auto 1fr;
  }
  .grid-cols-\[2rem_1fr_2rem_1fr_3rem\] {
    grid-template-columns: 2rem 1fr 2rem 1fr 3rem;
  }
  .grid-cols-\[3fr_2fr_2fr\] {
    grid-template-columns: 3fr 2fr 2fr;
  }
  .grid-cols-\[40\%_1fr_1fr\] {
    grid-template-columns: 40% 1fr 1fr;
  }
  .grid-cols-\[40\%_1fr_1fr_1fr\] {
    grid-template-columns: 40% 1fr 1fr 1fr;
  }
  .grid-cols-\[40px_calc\(100\%-40px\)\] {
    grid-template-columns: 40px calc(100% - 40px);
  }
  .grid-cols-\[120px_1fr\] {
    grid-template-columns: 120px 1fr;
  }
  .grid-cols-\[256px_1fr\] {
    grid-template-columns: 256px 1fr;
  }
  .grid-cols-\[auto_1fr_1fr_1fr_70px\] {
    grid-template-columns: auto 1fr 1fr 1fr 70px;
  }
  .grid-cols-\[auto_1fr_1fr_1fr_minmax\(120px\,0\.7fr\)\] {
    grid-template-columns: auto 1fr 1fr 1fr minmax(120px,0.7fr);
  }
  .grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .grid-rows-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-items-center {
    place-items: center;
  }
  .content-center {
    align-content: center;
  }
  .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-between {
    justify-content: space-between;
  }
  .justify-between\! {
    justify-content: space-between !important;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-evenly {
    justify-content: space-evenly;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .justify-stretch {
    justify-content: stretch;
  }
  .justify-items-end {
    justify-items: end;
  }
  .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-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-9 {
    gap: calc(var(--spacing) * 9);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .gap-14 {
    gap: calc(var(--spacing) * 14);
  }
  .gap-20 {
    gap: calc(var(--spacing) * 20);
  }
  .gap-\[21px\] {
    gap: 21px;
  }
  .gap-\[85px\] {
    gap: 85px;
  }
  .space-y-1 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-3 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-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)));
    }
  }
  .gap-x-1 {
    column-gap: calc(var(--spacing) * 1);
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-5 {
    column-gap: calc(var(--spacing) * 5);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }
  .gap-x-12 {
    column-gap: calc(var(--spacing) * 12);
  }
  .-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 {
    :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)));
    }
  }
  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * 0.5);
  }
  .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);
  }
  .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-dashed {
    :where(& > :not(:last-child)) {
      --tw-border-style: dashed;
      border-style: dashed;
    }
  }
  .divide-border-primary {
    :where(& > :not(:last-child)) {
      border-color: var(--color-border-primary);
    }
  }
  .divide-border-secondary {
    :where(& > :not(:last-child)) {
      border-color: var(--color-border-secondary);
    }
  }
  .divide-secondary {
    :where(& > :not(:last-child)) {
      border-color: var(--border-color-secondary);
    }
  }
  .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-hidden {
    overflow: hidden !important;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-clip {
    overflow: clip;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-hidden\! {
    overflow: hidden !important;
  }
  .overflow-scroll {
    overflow: scroll;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-x-scroll {
    overflow-x: scroll;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-y-hidden {
    overflow-y: hidden;
  }
  .overflow-y-scroll {
    overflow-y: scroll;
  }
  .rounded {
    border-radius: var(--radius);
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  .rounded-4xl {
    border-radius: var(--radius-4xl);
  }
  .rounded-4xl\! {
    border-radius: var(--radius-4xl) !important;
  }
  .rounded-6xl {
    border-radius: var(--radius-6xl);
  }
  .rounded-6xl\! {
    border-radius: var(--radius-6xl) !important;
  }
  .rounded-8xl {
    border-radius: var(--radius-8xl);
  }
  .rounded-\[1px\] {
    border-radius: 1px;
  }
  .rounded-\[2px\] {
    border-radius: 2px;
  }
  .rounded-\[3px\] {
    border-radius: 3px;
  }
  .rounded-\[7px\] {
    border-radius: 7px;
  }
  .rounded-\[10px\] {
    border-radius: 10px;
  }
  .rounded-\[11\.25px\] {
    border-radius: 11.25px;
  }
  .rounded-\[13px\] {
    border-radius: 13px;
  }
  .rounded-\[15px\] {
    border-radius: 15px;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-full\! {
    border-radius: calc(infinity * 1px) !important;
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-lg\! {
    border-radius: var(--radius-lg) !important;
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-xl\! {
    border-radius: var(--radius-xl) !important;
  }
  .rounded-xs {
    border-radius: var(--radius-xs);
  }
  .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-6xl {
    border-top-left-radius: var(--radius-6xl);
    border-top-right-radius: var(--radius-6xl);
  }
  .rounded-t-\[19px\] {
    border-top-left-radius: 19px;
    border-top-right-radius: 19px;
  }
  .rounded-t-lg {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }
  .rounded-t-md {
    border-top-left-radius: var(--radius-md);
    border-top-right-radius: var(--radius-md);
  }
  .rounded-t-xl {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
  }
  .rounded-l-4xl {
    border-top-left-radius: var(--radius-4xl);
    border-bottom-left-radius: var(--radius-4xl);
  }
  .rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .rounded-tl-2xl {
    border-top-left-radius: var(--radius-2xl);
  }
  .rounded-r {
    border-top-right-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
  }
  .rounded-r-2xl {
    border-top-right-radius: var(--radius-2xl);
    border-bottom-right-radius: var(--radius-2xl);
  }
  .rounded-r-4xl {
    border-top-right-radius: var(--radius-4xl);
    border-bottom-right-radius: var(--radius-4xl);
  }
  .rounded-r-full {
    border-top-right-radius: calc(infinity * 1px);
    border-bottom-right-radius: calc(infinity * 1px);
  }
  .rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .rounded-tr-sm {
    border-top-right-radius: var(--radius-sm);
  }
  .rounded-tr-xl {
    border-top-right-radius: var(--radius-xl);
  }
  .rounded-b-3xl {
    border-bottom-right-radius: var(--radius-3xl);
    border-bottom-left-radius: var(--radius-3xl);
  }
  .rounded-b-\[19px\] {
    border-bottom-right-radius: 19px;
    border-bottom-left-radius: 19px;
  }
  .rounded-b-lg {
    border-bottom-right-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }
  .rounded-b-xl {
    border-bottom-right-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }
  .rounded-bl-xl {
    border-bottom-left-radius: var(--radius-xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }
  .border-x-0 {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 0px;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-0 {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
  .border-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-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-l-0 {
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
  }
  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-none\! {
    --tw-border-style: none !important;
    border-style: none !important;
  }
  .\!border-accent-amber-dark {
    border-color: var(--color-accent-amber-dark) !important;
  }
  .\!border-accent-amber-on-surface {
    border-color: var(--color-accent-amber-on-surface) !important;
  }
  .\!border-accent-amber-primary {
    border-color: var(--color-accent-amber-primary) !important;
  }
  .\!border-accent-amber-secondary {
    border-color: var(--color-accent-amber-secondary) !important;
  }
  .\!border-accent-amber-surface-primary {
    border-color: var(--color-accent-amber-surface-primary) !important;
  }
  .\!border-accent-amber-surface-secondary {
    border-color: var(--color-accent-amber-surface-secondary) !important;
  }
  .\!border-accent-amber-tertiary {
    border-color: var(--color-accent-amber-tertiary) !important;
  }
  .\!border-accent-blue-dark {
    border-color: var(--color-accent-blue-dark) !important;
  }
  .\!border-accent-blue-on-surface {
    border-color: var(--color-accent-blue-on-surface) !important;
  }
  .\!border-accent-blue-primary {
    border-color: var(--color-accent-blue-primary) !important;
  }
  .\!border-accent-blue-secondary {
    border-color: var(--color-accent-blue-secondary) !important;
  }
  .\!border-accent-blue-surface-primary {
    border-color: var(--color-accent-blue-surface-primary) !important;
  }
  .\!border-accent-blue-surface-secondary {
    border-color: var(--color-accent-blue-surface-secondary) !important;
  }
  .\!border-accent-blue-tertiary {
    border-color: var(--color-accent-blue-tertiary) !important;
  }
  .\!border-accent-brown-dark {
    border-color: var(--color-accent-brown-dark) !important;
  }
  .\!border-accent-brown-on-surface {
    border-color: var(--color-accent-brown-on-surface) !important;
  }
  .\!border-accent-brown-primary {
    border-color: var(--color-accent-brown-primary) !important;
  }
  .\!border-accent-brown-secondary {
    border-color: var(--color-accent-brown-secondary) !important;
  }
  .\!border-accent-brown-surface-primary {
    border-color: var(--color-accent-brown-surface-primary) !important;
  }
  .\!border-accent-brown-surface-secondary {
    border-color: var(--color-accent-brown-surface-secondary) !important;
  }
  .\!border-accent-brown-tertiary {
    border-color: var(--color-accent-brown-tertiary) !important;
  }
  .\!border-accent-cyan-dark {
    border-color: var(--color-accent-cyan-dark) !important;
  }
  .\!border-accent-cyan-on-surface {
    border-color: var(--color-accent-cyan-on-surface) !important;
  }
  .\!border-accent-cyan-primary {
    border-color: var(--color-accent-cyan-primary) !important;
  }
  .\!border-accent-cyan-secondary {
    border-color: var(--color-accent-cyan-secondary) !important;
  }
  .\!border-accent-cyan-surface-primary {
    border-color: var(--color-accent-cyan-surface-primary) !important;
  }
  .\!border-accent-cyan-surface-secondary {
    border-color: var(--color-accent-cyan-surface-secondary) !important;
  }
  .\!border-accent-cyan-tertiary {
    border-color: var(--color-accent-cyan-tertiary) !important;
  }
  .\!border-accent-emerald-dark {
    border-color: var(--color-accent-emerald-dark) !important;
  }
  .\!border-accent-emerald-on-surface {
    border-color: var(--color-accent-emerald-on-surface) !important;
  }
  .\!border-accent-emerald-primary {
    border-color: var(--color-accent-emerald-primary) !important;
  }
  .\!border-accent-emerald-secondary {
    border-color: var(--color-accent-emerald-secondary) !important;
  }
  .\!border-accent-emerald-surface-primary {
    border-color: var(--color-accent-emerald-surface-primary) !important;
  }
  .\!border-accent-emerald-surface-secondary {
    border-color: var(--color-accent-emerald-surface-secondary) !important;
  }
  .\!border-accent-emerald-tertiary {
    border-color: var(--color-accent-emerald-tertiary) !important;
  }
  .\!border-accent-fuchsia-dark {
    border-color: var(--color-accent-fuchsia-dark) !important;
  }
  .\!border-accent-fuchsia-on-surface {
    border-color: var(--color-accent-fuchsia-on-surface) !important;
  }
  .\!border-accent-fuchsia-primary {
    border-color: var(--color-accent-fuchsia-primary) !important;
  }
  .\!border-accent-fuchsia-secondary {
    border-color: var(--color-accent-fuchsia-secondary) !important;
  }
  .\!border-accent-fuchsia-surface-primary {
    border-color: var(--color-accent-fuchsia-surface-primary) !important;
  }
  .\!border-accent-fuchsia-surface-secondary {
    border-color: var(--color-accent-fuchsia-surface-secondary) !important;
  }
  .\!border-accent-fuchsia-tertiary {
    border-color: var(--color-accent-fuchsia-tertiary) !important;
  }
  .\!border-accent-gray-dark {
    border-color: var(--color-accent-gray-dark) !important;
  }
  .\!border-accent-gray-on-surface {
    border-color: var(--color-accent-gray-on-surface) !important;
  }
  .\!border-accent-gray-primary {
    border-color: var(--color-accent-gray-primary) !important;
  }
  .\!border-accent-gray-secondary {
    border-color: var(--color-accent-gray-secondary) !important;
  }
  .\!border-accent-gray-surface-primary {
    border-color: var(--color-accent-gray-surface-primary) !important;
  }
  .\!border-accent-gray-surface-secondary {
    border-color: var(--color-accent-gray-surface-secondary) !important;
  }
  .\!border-accent-gray-tertiary {
    border-color: var(--color-accent-gray-tertiary) !important;
  }
  .\!border-accent-green-dark {
    border-color: var(--color-accent-green-dark) !important;
  }
  .\!border-accent-green-on-surface {
    border-color: var(--color-accent-green-on-surface) !important;
  }
  .\!border-accent-green-primary {
    border-color: var(--color-accent-green-primary) !important;
  }
  .\!border-accent-green-secondary {
    border-color: var(--color-accent-green-secondary) !important;
  }
  .\!border-accent-green-surface-primary {
    border-color: var(--color-accent-green-surface-primary) !important;
  }
  .\!border-accent-green-surface-secondary {
    border-color: var(--color-accent-green-surface-secondary) !important;
  }
  .\!border-accent-green-tertiary {
    border-color: var(--color-accent-green-tertiary) !important;
  }
  .\!border-accent-indigo-dark {
    border-color: var(--color-accent-indigo-dark) !important;
  }
  .\!border-accent-indigo-on-surface {
    border-color: var(--color-accent-indigo-on-surface) !important;
  }
  .\!border-accent-indigo-primary {
    border-color: var(--color-accent-indigo-primary) !important;
  }
  .\!border-accent-indigo-secondary {
    border-color: var(--color-accent-indigo-secondary) !important;
  }
  .\!border-accent-indigo-surface-primary {
    border-color: var(--color-accent-indigo-surface-primary) !important;
  }
  .\!border-accent-indigo-surface-secondary {
    border-color: var(--color-accent-indigo-surface-secondary) !important;
  }
  .\!border-accent-indigo-tertiary {
    border-color: var(--color-accent-indigo-tertiary) !important;
  }
  .\!border-accent-lime-dark {
    border-color: var(--color-accent-lime-dark) !important;
  }
  .\!border-accent-lime-on-surface {
    border-color: var(--color-accent-lime-on-surface) !important;
  }
  .\!border-accent-lime-primary {
    border-color: var(--color-accent-lime-primary) !important;
  }
  .\!border-accent-lime-secondary {
    border-color: var(--color-accent-lime-secondary) !important;
  }
  .\!border-accent-lime-surface-primary {
    border-color: var(--color-accent-lime-surface-primary) !important;
  }
  .\!border-accent-lime-surface-secondary {
    border-color: var(--color-accent-lime-surface-secondary) !important;
  }
  .\!border-accent-lime-tertiary {
    border-color: var(--color-accent-lime-tertiary) !important;
  }
  .\!border-accent-olive-dark {
    border-color: var(--color-accent-olive-dark) !important;
  }
  .\!border-accent-olive-on-surface {
    border-color: var(--color-accent-olive-on-surface) !important;
  }
  .\!border-accent-olive-primary {
    border-color: var(--color-accent-olive-primary) !important;
  }
  .\!border-accent-olive-secondary {
    border-color: var(--color-accent-olive-secondary) !important;
  }
  .\!border-accent-olive-surface-primary {
    border-color: var(--color-accent-olive-surface-primary) !important;
  }
  .\!border-accent-olive-surface-secondary {
    border-color: var(--color-accent-olive-surface-secondary) !important;
  }
  .\!border-accent-olive-tertiary {
    border-color: var(--color-accent-olive-tertiary) !important;
  }
  .\!border-accent-orange-dark {
    border-color: var(--color-accent-orange-dark) !important;
  }
  .\!border-accent-orange-on-surface {
    border-color: var(--color-accent-orange-on-surface) !important;
  }
  .\!border-accent-orange-primary {
    border-color: var(--color-accent-orange-primary) !important;
  }
  .\!border-accent-orange-secondary {
    border-color: var(--color-accent-orange-secondary) !important;
  }
  .\!border-accent-orange-surface-primary {
    border-color: var(--color-accent-orange-surface-primary) !important;
  }
  .\!border-accent-orange-surface-secondary {
    border-color: var(--color-accent-orange-surface-secondary) !important;
  }
  .\!border-accent-orange-tertiary {
    border-color: var(--color-accent-orange-tertiary) !important;
  }
  .\!border-accent-pink-dark {
    border-color: var(--color-accent-pink-dark) !important;
  }
  .\!border-accent-pink-on-surface {
    border-color: var(--color-accent-pink-on-surface) !important;
  }
  .\!border-accent-pink-primary {
    border-color: var(--color-accent-pink-primary) !important;
  }
  .\!border-accent-pink-secondary {
    border-color: var(--color-accent-pink-secondary) !important;
  }
  .\!border-accent-pink-surface-primary {
    border-color: var(--color-accent-pink-surface-primary) !important;
  }
  .\!border-accent-pink-surface-secondary {
    border-color: var(--color-accent-pink-surface-secondary) !important;
  }
  .\!border-accent-pink-tertiary {
    border-color: var(--color-accent-pink-tertiary) !important;
  }
  .\!border-accent-purple-dark {
    border-color: var(--color-accent-purple-dark) !important;
  }
  .\!border-accent-purple-on-surface {
    border-color: var(--color-accent-purple-on-surface) !important;
  }
  .\!border-accent-purple-primary {
    border-color: var(--color-accent-purple-primary) !important;
  }
  .\!border-accent-purple-secondary {
    border-color: var(--color-accent-purple-secondary) !important;
  }
  .\!border-accent-purple-surface-primary {
    border-color: var(--color-accent-purple-surface-primary) !important;
  }
  .\!border-accent-purple-surface-secondary {
    border-color: var(--color-accent-purple-surface-secondary) !important;
  }
  .\!border-accent-purple-tertiary {
    border-color: var(--color-accent-purple-tertiary) !important;
  }
  .\!border-accent-red-dark {
    border-color: var(--color-accent-red-dark) !important;
  }
  .\!border-accent-red-on-surface {
    border-color: var(--color-accent-red-on-surface) !important;
  }
  .\!border-accent-red-primary {
    border-color: var(--color-accent-red-primary) !important;
  }
  .\!border-accent-red-secondary {
    border-color: var(--color-accent-red-secondary) !important;
  }
  .\!border-accent-red-surface-primary {
    border-color: var(--color-accent-red-surface-primary) !important;
  }
  .\!border-accent-red-surface-secondary {
    border-color: var(--color-accent-red-surface-secondary) !important;
  }
  .\!border-accent-red-tertiary {
    border-color: var(--color-accent-red-tertiary) !important;
  }
  .\!border-accent-rose-dark {
    border-color: var(--color-accent-rose-dark) !important;
  }
  .\!border-accent-rose-on-surface {
    border-color: var(--color-accent-rose-on-surface) !important;
  }
  .\!border-accent-rose-primary {
    border-color: var(--color-accent-rose-primary) !important;
  }
  .\!border-accent-rose-secondary {
    border-color: var(--color-accent-rose-secondary) !important;
  }
  .\!border-accent-rose-surface-primary {
    border-color: var(--color-accent-rose-surface-primary) !important;
  }
  .\!border-accent-rose-surface-secondary {
    border-color: var(--color-accent-rose-surface-secondary) !important;
  }
  .\!border-accent-rose-tertiary {
    border-color: var(--color-accent-rose-tertiary) !important;
  }
  .\!border-accent-sky-dark {
    border-color: var(--color-accent-sky-dark) !important;
  }
  .\!border-accent-sky-on-surface {
    border-color: var(--color-accent-sky-on-surface) !important;
  }
  .\!border-accent-sky-primary {
    border-color: var(--color-accent-sky-primary) !important;
  }
  .\!border-accent-sky-secondary {
    border-color: var(--color-accent-sky-secondary) !important;
  }
  .\!border-accent-sky-surface-primary {
    border-color: var(--color-accent-sky-surface-primary) !important;
  }
  .\!border-accent-sky-surface-secondary {
    border-color: var(--color-accent-sky-surface-secondary) !important;
  }
  .\!border-accent-sky-tertiary {
    border-color: var(--color-accent-sky-tertiary) !important;
  }
  .\!border-accent-teal-dark {
    border-color: var(--color-accent-teal-dark) !important;
  }
  .\!border-accent-teal-on-surface {
    border-color: var(--color-accent-teal-on-surface) !important;
  }
  .\!border-accent-teal-primary {
    border-color: var(--color-accent-teal-primary) !important;
  }
  .\!border-accent-teal-secondary {
    border-color: var(--color-accent-teal-secondary) !important;
  }
  .\!border-accent-teal-surface-primary {
    border-color: var(--color-accent-teal-surface-primary) !important;
  }
  .\!border-accent-teal-surface-secondary {
    border-color: var(--color-accent-teal-surface-secondary) !important;
  }
  .\!border-accent-teal-tertiary {
    border-color: var(--color-accent-teal-tertiary) !important;
  }
  .\!border-accent-violet-dark {
    border-color: var(--color-accent-violet-dark) !important;
  }
  .\!border-accent-violet-on-surface {
    border-color: var(--color-accent-violet-on-surface) !important;
  }
  .\!border-accent-violet-primary {
    border-color: var(--color-accent-violet-primary) !important;
  }
  .\!border-accent-violet-secondary {
    border-color: var(--color-accent-violet-secondary) !important;
  }
  .\!border-accent-violet-surface-primary {
    border-color: var(--color-accent-violet-surface-primary) !important;
  }
  .\!border-accent-violet-surface-secondary {
    border-color: var(--color-accent-violet-surface-secondary) !important;
  }
  .\!border-accent-violet-tertiary {
    border-color: var(--color-accent-violet-tertiary) !important;
  }
  .\!border-accent-yellow-dark {
    border-color: var(--color-accent-yellow-dark) !important;
  }
  .\!border-accent-yellow-on-surface {
    border-color: var(--color-accent-yellow-on-surface) !important;
  }
  .\!border-accent-yellow-primary {
    border-color: var(--color-accent-yellow-primary) !important;
  }
  .\!border-accent-yellow-secondary {
    border-color: var(--color-accent-yellow-secondary) !important;
  }
  .\!border-accent-yellow-surface-primary {
    border-color: var(--color-accent-yellow-surface-primary) !important;
  }
  .\!border-accent-yellow-surface-secondary {
    border-color: var(--color-accent-yellow-surface-secondary) !important;
  }
  .\!border-accent-yellow-tertiary {
    border-color: var(--color-accent-yellow-tertiary) !important;
  }
  .border-\[\#E8E8E8\] {
    border-color: #E8E8E8;
  }
  .border-accent-amber-dark {
    border-color: var(--color-accent-amber-dark);
  }
  .border-accent-amber-on-surface {
    border-color: var(--color-accent-amber-on-surface);
  }
  .border-accent-amber-primary {
    border-color: var(--color-accent-amber-primary);
  }
  .border-accent-amber-secondary {
    border-color: var(--color-accent-amber-secondary);
  }
  .border-accent-amber-surface-primary {
    border-color: var(--color-accent-amber-surface-primary);
  }
  .border-accent-amber-surface-secondary {
    border-color: var(--color-accent-amber-surface-secondary);
  }
  .border-accent-amber-tertiary {
    border-color: var(--color-accent-amber-tertiary);
  }
  .border-accent-blue-dark {
    border-color: var(--color-accent-blue-dark);
  }
  .border-accent-blue-on-surface {
    border-color: var(--color-accent-blue-on-surface);
  }
  .border-accent-blue-primary {
    border-color: var(--color-accent-blue-primary);
  }
  .border-accent-blue-secondary {
    border-color: var(--color-accent-blue-secondary);
  }
  .border-accent-blue-surface-primary {
    border-color: var(--color-accent-blue-surface-primary);
  }
  .border-accent-blue-surface-secondary {
    border-color: var(--color-accent-blue-surface-secondary);
  }
  .border-accent-blue-tertiary {
    border-color: var(--color-accent-blue-tertiary);
  }
  .border-accent-brown-dark {
    border-color: var(--color-accent-brown-dark);
  }
  .border-accent-brown-on-surface {
    border-color: var(--color-accent-brown-on-surface);
  }
  .border-accent-brown-primary {
    border-color: var(--color-accent-brown-primary);
  }
  .border-accent-brown-secondary {
    border-color: var(--color-accent-brown-secondary);
  }
  .border-accent-brown-surface-primary {
    border-color: var(--color-accent-brown-surface-primary);
  }
  .border-accent-brown-surface-secondary {
    border-color: var(--color-accent-brown-surface-secondary);
  }
  .border-accent-brown-tertiary {
    border-color: var(--color-accent-brown-tertiary);
  }
  .border-accent-cyan-dark {
    border-color: var(--color-accent-cyan-dark);
  }
  .border-accent-cyan-on-surface {
    border-color: var(--color-accent-cyan-on-surface);
  }
  .border-accent-cyan-primary {
    border-color: var(--color-accent-cyan-primary);
  }
  .border-accent-cyan-secondary {
    border-color: var(--color-accent-cyan-secondary);
  }
  .border-accent-cyan-surface-primary {
    border-color: var(--color-accent-cyan-surface-primary);
  }
  .border-accent-cyan-surface-secondary {
    border-color: var(--color-accent-cyan-surface-secondary);
  }
  .border-accent-cyan-tertiary {
    border-color: var(--color-accent-cyan-tertiary);
  }
  .border-accent-emerald-dark {
    border-color: var(--color-accent-emerald-dark);
  }
  .border-accent-emerald-on-surface {
    border-color: var(--color-accent-emerald-on-surface);
  }
  .border-accent-emerald-primary {
    border-color: var(--color-accent-emerald-primary);
  }
  .border-accent-emerald-secondary {
    border-color: var(--color-accent-emerald-secondary);
  }
  .border-accent-emerald-surface-primary {
    border-color: var(--color-accent-emerald-surface-primary);
  }
  .border-accent-emerald-surface-secondary {
    border-color: var(--color-accent-emerald-surface-secondary);
  }
  .border-accent-emerald-tertiary {
    border-color: var(--color-accent-emerald-tertiary);
  }
  .border-accent-fuchsia-dark {
    border-color: var(--color-accent-fuchsia-dark);
  }
  .border-accent-fuchsia-on-surface {
    border-color: var(--color-accent-fuchsia-on-surface);
  }
  .border-accent-fuchsia-primary {
    border-color: var(--color-accent-fuchsia-primary);
  }
  .border-accent-fuchsia-secondary {
    border-color: var(--color-accent-fuchsia-secondary);
  }
  .border-accent-fuchsia-surface-primary {
    border-color: var(--color-accent-fuchsia-surface-primary);
  }
  .border-accent-fuchsia-surface-secondary {
    border-color: var(--color-accent-fuchsia-surface-secondary);
  }
  .border-accent-fuchsia-tertiary {
    border-color: var(--color-accent-fuchsia-tertiary);
  }
  .border-accent-gray-dark {
    border-color: var(--color-accent-gray-dark);
  }
  .border-accent-gray-on-surface {
    border-color: var(--color-accent-gray-on-surface);
  }
  .border-accent-gray-primary {
    border-color: var(--color-accent-gray-primary);
  }
  .border-accent-gray-secondary {
    border-color: var(--color-accent-gray-secondary);
  }
  .border-accent-gray-surface-primary {
    border-color: var(--color-accent-gray-surface-primary);
  }
  .border-accent-gray-surface-secondary {
    border-color: var(--color-accent-gray-surface-secondary);
  }
  .border-accent-gray-tertiary {
    border-color: var(--color-accent-gray-tertiary);
  }
  .border-accent-green-dark {
    border-color: var(--color-accent-green-dark);
  }
  .border-accent-green-on-surface {
    border-color: var(--color-accent-green-on-surface);
  }
  .border-accent-green-primary {
    border-color: var(--color-accent-green-primary);
  }
  .border-accent-green-secondary {
    border-color: var(--color-accent-green-secondary);
  }
  .border-accent-green-surface-primary {
    border-color: var(--color-accent-green-surface-primary);
  }
  .border-accent-green-surface-secondary {
    border-color: var(--color-accent-green-surface-secondary);
  }
  .border-accent-green-tertiary {
    border-color: var(--color-accent-green-tertiary);
  }
  .border-accent-indigo-dark {
    border-color: var(--color-accent-indigo-dark);
  }
  .border-accent-indigo-on-surface {
    border-color: var(--color-accent-indigo-on-surface);
  }
  .border-accent-indigo-primary {
    border-color: var(--color-accent-indigo-primary);
  }
  .border-accent-indigo-secondary {
    border-color: var(--color-accent-indigo-secondary);
  }
  .border-accent-indigo-surface-primary {
    border-color: var(--color-accent-indigo-surface-primary);
  }
  .border-accent-indigo-surface-secondary {
    border-color: var(--color-accent-indigo-surface-secondary);
  }
  .border-accent-indigo-tertiary {
    border-color: var(--color-accent-indigo-tertiary);
  }
  .border-accent-lime-dark {
    border-color: var(--color-accent-lime-dark);
  }
  .border-accent-lime-on-surface {
    border-color: var(--color-accent-lime-on-surface);
  }
  .border-accent-lime-primary {
    border-color: var(--color-accent-lime-primary);
  }
  .border-accent-lime-secondary {
    border-color: var(--color-accent-lime-secondary);
  }
  .border-accent-lime-surface-primary {
    border-color: var(--color-accent-lime-surface-primary);
  }
  .border-accent-lime-surface-secondary {
    border-color: var(--color-accent-lime-surface-secondary);
  }
  .border-accent-lime-tertiary {
    border-color: var(--color-accent-lime-tertiary);
  }
  .border-accent-olive-dark {
    border-color: var(--color-accent-olive-dark);
  }
  .border-accent-olive-on-surface {
    border-color: var(--color-accent-olive-on-surface);
  }
  .border-accent-olive-primary {
    border-color: var(--color-accent-olive-primary);
  }
  .border-accent-olive-secondary {
    border-color: var(--color-accent-olive-secondary);
  }
  .border-accent-olive-surface-primary {
    border-color: var(--color-accent-olive-surface-primary);
  }
  .border-accent-olive-surface-secondary {
    border-color: var(--color-accent-olive-surface-secondary);
  }
  .border-accent-olive-tertiary {
    border-color: var(--color-accent-olive-tertiary);
  }
  .border-accent-orange-dark {
    border-color: var(--color-accent-orange-dark);
  }
  .border-accent-orange-on-surface {
    border-color: var(--color-accent-orange-on-surface);
  }
  .border-accent-orange-primary {
    border-color: var(--color-accent-orange-primary);
  }
  .border-accent-orange-secondary {
    border-color: var(--color-accent-orange-secondary);
  }
  .border-accent-orange-surface-primary {
    border-color: var(--color-accent-orange-surface-primary);
  }
  .border-accent-orange-surface-secondary {
    border-color: var(--color-accent-orange-surface-secondary);
  }
  .border-accent-orange-tertiary {
    border-color: var(--color-accent-orange-tertiary);
  }
  .border-accent-pink-dark {
    border-color: var(--color-accent-pink-dark);
  }
  .border-accent-pink-on-surface {
    border-color: var(--color-accent-pink-on-surface);
  }
  .border-accent-pink-primary {
    border-color: var(--color-accent-pink-primary);
  }
  .border-accent-pink-secondary {
    border-color: var(--color-accent-pink-secondary);
  }
  .border-accent-pink-surface-primary {
    border-color: var(--color-accent-pink-surface-primary);
  }
  .border-accent-pink-surface-secondary {
    border-color: var(--color-accent-pink-surface-secondary);
  }
  .border-accent-pink-tertiary {
    border-color: var(--color-accent-pink-tertiary);
  }
  .border-accent-purple-dark {
    border-color: var(--color-accent-purple-dark);
  }
  .border-accent-purple-on-surface {
    border-color: var(--color-accent-purple-on-surface);
  }
  .border-accent-purple-primary {
    border-color: var(--color-accent-purple-primary);
  }
  .border-accent-purple-secondary {
    border-color: var(--color-accent-purple-secondary);
  }
  .border-accent-purple-surface-primary {
    border-color: var(--color-accent-purple-surface-primary);
  }
  .border-accent-purple-surface-secondary {
    border-color: var(--color-accent-purple-surface-secondary);
  }
  .border-accent-purple-tertiary {
    border-color: var(--color-accent-purple-tertiary);
  }
  .border-accent-red-dark {
    border-color: var(--color-accent-red-dark);
  }
  .border-accent-red-on-surface {
    border-color: var(--color-accent-red-on-surface);
  }
  .border-accent-red-primary {
    border-color: var(--color-accent-red-primary);
  }
  .border-accent-red-secondary {
    border-color: var(--color-accent-red-secondary);
  }
  .border-accent-red-surface-primary {
    border-color: var(--color-accent-red-surface-primary);
  }
  .border-accent-red-surface-secondary {
    border-color: var(--color-accent-red-surface-secondary);
  }
  .border-accent-red-tertiary {
    border-color: var(--color-accent-red-tertiary);
  }
  .border-accent-rose-dark {
    border-color: var(--color-accent-rose-dark);
  }
  .border-accent-rose-on-surface {
    border-color: var(--color-accent-rose-on-surface);
  }
  .border-accent-rose-primary {
    border-color: var(--color-accent-rose-primary);
  }
  .border-accent-rose-secondary {
    border-color: var(--color-accent-rose-secondary);
  }
  .border-accent-rose-surface-primary {
    border-color: var(--color-accent-rose-surface-primary);
  }
  .border-accent-rose-surface-secondary {
    border-color: var(--color-accent-rose-surface-secondary);
  }
  .border-accent-rose-tertiary {
    border-color: var(--color-accent-rose-tertiary);
  }
  .border-accent-sky-dark {
    border-color: var(--color-accent-sky-dark);
  }
  .border-accent-sky-on-surface {
    border-color: var(--color-accent-sky-on-surface);
  }
  .border-accent-sky-primary {
    border-color: var(--color-accent-sky-primary);
  }
  .border-accent-sky-secondary {
    border-color: var(--color-accent-sky-secondary);
  }
  .border-accent-sky-surface-primary {
    border-color: var(--color-accent-sky-surface-primary);
  }
  .border-accent-sky-surface-secondary {
    border-color: var(--color-accent-sky-surface-secondary);
  }
  .border-accent-sky-tertiary {
    border-color: var(--color-accent-sky-tertiary);
  }
  .border-accent-teal-dark {
    border-color: var(--color-accent-teal-dark);
  }
  .border-accent-teal-on-surface {
    border-color: var(--color-accent-teal-on-surface);
  }
  .border-accent-teal-primary {
    border-color: var(--color-accent-teal-primary);
  }
  .border-accent-teal-secondary {
    border-color: var(--color-accent-teal-secondary);
  }
  .border-accent-teal-surface-primary {
    border-color: var(--color-accent-teal-surface-primary);
  }
  .border-accent-teal-surface-secondary {
    border-color: var(--color-accent-teal-surface-secondary);
  }
  .border-accent-teal-tertiary {
    border-color: var(--color-accent-teal-tertiary);
  }
  .border-accent-violet-dark {
    border-color: var(--color-accent-violet-dark);
  }
  .border-accent-violet-on-surface {
    border-color: var(--color-accent-violet-on-surface);
  }
  .border-accent-violet-primary {
    border-color: var(--color-accent-violet-primary);
  }
  .border-accent-violet-secondary {
    border-color: var(--color-accent-violet-secondary);
  }
  .border-accent-violet-surface-primary {
    border-color: var(--color-accent-violet-surface-primary);
  }
  .border-accent-violet-surface-secondary {
    border-color: var(--color-accent-violet-surface-secondary);
  }
  .border-accent-violet-tertiary {
    border-color: var(--color-accent-violet-tertiary);
  }
  .border-accent-yellow-dark {
    border-color: var(--color-accent-yellow-dark);
  }
  .border-accent-yellow-on-surface {
    border-color: var(--color-accent-yellow-on-surface);
  }
  .border-accent-yellow-primary {
    border-color: var(--color-accent-yellow-primary);
  }
  .border-accent-yellow-secondary {
    border-color: var(--color-accent-yellow-secondary);
  }
  .border-accent-yellow-surface-primary {
    border-color: var(--color-accent-yellow-surface-primary);
  }
  .border-accent-yellow-surface-secondary {
    border-color: var(--color-accent-yellow-surface-secondary);
  }
  .border-accent-yellow-tertiary {
    border-color: var(--color-accent-yellow-tertiary);
  }
  .border-amber-100 {
    border-color: var(--color-amber-100);
  }
  .border-amber-200 {
    border-color: var(--color-amber-200);
  }
  .border-amber-300 {
    border-color: var(--color-amber-300);
  }
  .border-amber-400 {
    border-color: var(--color-amber-400);
  }
  .border-amber-500 {
    border-color: var(--color-amber-500);
  }
  .border-amber-600 {
    border-color: var(--color-amber-600);
  }
  .border-bg-tertiary {
    border-color: var(--color-bg-tertiary);
  }
  .border-black {
    border-color: var(--color-black);
  }
  .border-black\/5 {
    border-color: color-mix(in srgb, oklch(0% 0 0 / 1.0) 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, oklch(0% 0 0 / 1.0) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  .border-blue-100 {
    border-color: var(--color-blue-100);
  }
  .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-500 {
    border-color: var(--color-blue-500);
  }
  .border-blue-600 {
    border-color: var(--color-blue-600);
  }
  .border-border-secondary {
    border-color: var(--color-border-secondary);
  }
  .border-brown-100 {
    border-color: var(--color-brown-100);
  }
  .border-brown-200 {
    border-color: var(--color-brown-200);
  }
  .border-brown-300 {
    border-color: var(--color-brown-300);
  }
  .border-brown-400 {
    border-color: var(--color-brown-400);
  }
  .border-brown-500 {
    border-color: var(--color-brown-500);
  }
  .border-brown-600 {
    border-color: var(--color-brown-600);
  }
  .border-cyan-100 {
    border-color: var(--color-cyan-100);
  }
  .border-cyan-200 {
    border-color: var(--color-cyan-200);
  }
  .border-cyan-300 {
    border-color: var(--color-cyan-300);
  }
  .border-cyan-400 {
    border-color: var(--color-cyan-400);
  }
  .border-cyan-500 {
    border-color: var(--color-cyan-500);
  }
  .border-cyan-600 {
    border-color: var(--color-cyan-600);
  }
  .border-emerald-100 {
    border-color: var(--color-emerald-100);
  }
  .border-emerald-200 {
    border-color: var(--color-emerald-200);
  }
  .border-emerald-300 {
    border-color: var(--color-emerald-300);
  }
  .border-emerald-400 {
    border-color: var(--color-emerald-400);
  }
  .border-emerald-500 {
    border-color: var(--color-emerald-500);
  }
  .border-emerald-600 {
    border-color: var(--color-emerald-600);
  }
  .border-fuchsia-100 {
    border-color: var(--color-fuchsia-100);
  }
  .border-fuchsia-200 {
    border-color: var(--color-fuchsia-200);
  }
  .border-fuchsia-300 {
    border-color: var(--color-fuchsia-300);
  }
  .border-fuchsia-400 {
    border-color: var(--color-fuchsia-400);
  }
  .border-fuchsia-500 {
    border-color: var(--color-fuchsia-500);
  }
  .border-fuchsia-600 {
    border-color: var(--color-fuchsia-600);
  }
  .border-gray-100 {
    border-color: var(--color-gray-100);
  }
  .border-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-gray-400 {
    border-color: var(--color-gray-400);
  }
  .border-gray-500 {
    border-color: var(--color-gray-500);
  }
  .border-gray-600 {
    border-color: var(--color-gray-600);
  }
  .border-green-100 {
    border-color: var(--color-green-100);
  }
  .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-600 {
    border-color: var(--color-green-600);
  }
  .border-indigo-100 {
    border-color: var(--color-indigo-100);
  }
  .border-indigo-200 {
    border-color: var(--color-indigo-200);
  }
  .border-indigo-300 {
    border-color: var(--color-indigo-300);
  }
  .border-indigo-400 {
    border-color: var(--color-indigo-400);
  }
  .border-indigo-500 {
    border-color: var(--color-indigo-500);
  }
  .border-indigo-600 {
    border-color: var(--color-indigo-600);
  }
  .border-lime-100 {
    border-color: var(--color-lime-100);
  }
  .border-lime-200 {
    border-color: var(--color-lime-200);
  }
  .border-lime-300 {
    border-color: var(--color-lime-300);
  }
  .border-lime-400 {
    border-color: var(--color-lime-400);
  }
  .border-lime-500 {
    border-color: var(--color-lime-500);
  }
  .border-lime-600 {
    border-color: var(--color-lime-600);
  }
  .border-neutral-200 {
    border-color: var(--color-neutral-200);
  }
  .border-neutral-400\/30 {
    border-color: color-mix(in srgb, oklch(71.5% 0 0) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-neutral-400) 30%, transparent);
    }
  }
  .border-neutral-900\/10 {
    border-color: color-mix(in srgb, oklch(22.2% 0 0) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-neutral-900) 10%, transparent);
    }
  }
  .border-olive-100 {
    border-color: var(--color-olive-100);
  }
  .border-olive-200 {
    border-color: var(--color-olive-200);
  }
  .border-olive-300 {
    border-color: var(--color-olive-300);
  }
  .border-olive-400 {
    border-color: var(--color-olive-400);
  }
  .border-olive-500 {
    border-color: var(--color-olive-500);
  }
  .border-olive-600 {
    border-color: var(--color-olive-600);
  }
  .border-orange-100 {
    border-color: var(--color-orange-100);
  }
  .border-orange-200 {
    border-color: var(--color-orange-200);
  }
  .border-orange-300 {
    border-color: var(--color-orange-300);
  }
  .border-orange-400 {
    border-color: var(--color-orange-400);
  }
  .border-orange-500 {
    border-color: var(--color-orange-500);
  }
  .border-orange-600 {
    border-color: var(--color-orange-600);
  }
  .border-pink-100 {
    border-color: var(--color-pink-100);
  }
  .border-pink-200 {
    border-color: var(--color-pink-200);
  }
  .border-pink-300 {
    border-color: var(--color-pink-300);
  }
  .border-pink-400 {
    border-color: var(--color-pink-400);
  }
  .border-pink-500 {
    border-color: var(--color-pink-500);
  }
  .border-pink-600 {
    border-color: var(--color-pink-600);
  }
  .border-primary {
    border-color: var(--border-color-primary);
  }
  .border-purple-100 {
    border-color: var(--color-purple-100);
  }
  .border-purple-200 {
    border-color: var(--color-purple-200);
  }
  .border-purple-300 {
    border-color: var(--color-purple-300);
  }
  .border-purple-400 {
    border-color: var(--color-purple-400);
  }
  .border-purple-500 {
    border-color: var(--color-purple-500);
  }
  .border-purple-600 {
    border-color: var(--color-purple-600);
  }
  .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-600 {
    border-color: var(--color-red-600);
  }
  .border-rose-100 {
    border-color: var(--color-rose-100);
  }
  .border-rose-200 {
    border-color: var(--color-rose-200);
  }
  .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-600 {
    border-color: var(--color-rose-600);
  }
  .border-secondary {
    border-color: var(--border-color-secondary);
  }
  .border-secondary\! {
    border-color: var(--border-color-secondary) !important;
  }
  .border-sky-100 {
    border-color: var(--color-sky-100);
  }
  .border-sky-200 {
    border-color: var(--color-sky-200);
  }
  .border-sky-300 {
    border-color: var(--color-sky-300);
  }
  .border-sky-400 {
    border-color: var(--color-sky-400);
  }
  .border-sky-500 {
    border-color: var(--color-sky-500);
  }
  .border-sky-600 {
    border-color: var(--color-sky-600);
  }
  .border-slate-600 {
    border-color: var(--color-slate-600);
  }
  .border-teal-100 {
    border-color: var(--color-teal-100);
  }
  .border-teal-200 {
    border-color: var(--color-teal-200);
  }
  .border-teal-300 {
    border-color: var(--color-teal-300);
  }
  .border-teal-400 {
    border-color: var(--color-teal-400);
  }
  .border-teal-500 {
    border-color: var(--color-teal-500);
  }
  .border-teal-600 {
    border-color: var(--color-teal-600);
  }
  .border-tertiary {
    border-color: var(--border-color-tertiary);
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-violet-100 {
    border-color: var(--color-violet-100);
  }
  .border-violet-200 {
    border-color: var(--color-violet-200);
  }
  .border-violet-300 {
    border-color: var(--color-violet-300);
  }
  .border-violet-400 {
    border-color: var(--color-violet-400);
  }
  .border-violet-500 {
    border-color: var(--color-violet-500);
  }
  .border-violet-600 {
    border-color: var(--color-violet-600);
  }
  .border-white {
    border-color: var(--color-white);
  }
  .border-t-gray-900 {
    border-top-color: var(--color-gray-900);
  }
  .border-b-secondary {
    border-bottom-color: var(--border-color-secondary);
  }
  .\!bg-accent-amber-dark {
    background-color: var(--color-accent-amber-dark) !important;
  }
  .\!bg-accent-amber-on-surface {
    background-color: var(--color-accent-amber-on-surface) !important;
  }
  .\!bg-accent-amber-primary {
    background-color: var(--color-accent-amber-primary) !important;
  }
  .\!bg-accent-amber-secondary {
    background-color: var(--color-accent-amber-secondary) !important;
  }
  .\!bg-accent-amber-surface-primary {
    background-color: var(--color-accent-amber-surface-primary) !important;
  }
  .\!bg-accent-amber-surface-secondary {
    background-color: var(--color-accent-amber-surface-secondary) !important;
  }
  .\!bg-accent-amber-tertiary {
    background-color: var(--color-accent-amber-tertiary) !important;
  }
  .\!bg-accent-blue-dark {
    background-color: var(--color-accent-blue-dark) !important;
  }
  .\!bg-accent-blue-on-surface {
    background-color: var(--color-accent-blue-on-surface) !important;
  }
  .\!bg-accent-blue-primary {
    background-color: var(--color-accent-blue-primary) !important;
  }
  .\!bg-accent-blue-secondary {
    background-color: var(--color-accent-blue-secondary) !important;
  }
  .\!bg-accent-blue-surface-primary {
    background-color: var(--color-accent-blue-surface-primary) !important;
  }
  .\!bg-accent-blue-surface-secondary {
    background-color: var(--color-accent-blue-surface-secondary) !important;
  }
  .\!bg-accent-blue-tertiary {
    background-color: var(--color-accent-blue-tertiary) !important;
  }
  .\!bg-accent-brown-dark {
    background-color: var(--color-accent-brown-dark) !important;
  }
  .\!bg-accent-brown-on-surface {
    background-color: var(--color-accent-brown-on-surface) !important;
  }
  .\!bg-accent-brown-primary {
    background-color: var(--color-accent-brown-primary) !important;
  }
  .\!bg-accent-brown-secondary {
    background-color: var(--color-accent-brown-secondary) !important;
  }
  .\!bg-accent-brown-surface-primary {
    background-color: var(--color-accent-brown-surface-primary) !important;
  }
  .\!bg-accent-brown-surface-secondary {
    background-color: var(--color-accent-brown-surface-secondary) !important;
  }
  .\!bg-accent-brown-tertiary {
    background-color: var(--color-accent-brown-tertiary) !important;
  }
  .\!bg-accent-cyan-dark {
    background-color: var(--color-accent-cyan-dark) !important;
  }
  .\!bg-accent-cyan-on-surface {
    background-color: var(--color-accent-cyan-on-surface) !important;
  }
  .\!bg-accent-cyan-primary {
    background-color: var(--color-accent-cyan-primary) !important;
  }
  .\!bg-accent-cyan-secondary {
    background-color: var(--color-accent-cyan-secondary) !important;
  }
  .\!bg-accent-cyan-surface-primary {
    background-color: var(--color-accent-cyan-surface-primary) !important;
  }
  .\!bg-accent-cyan-surface-secondary {
    background-color: var(--color-accent-cyan-surface-secondary) !important;
  }
  .\!bg-accent-cyan-tertiary {
    background-color: var(--color-accent-cyan-tertiary) !important;
  }
  .\!bg-accent-emerald-dark {
    background-color: var(--color-accent-emerald-dark) !important;
  }
  .\!bg-accent-emerald-on-surface {
    background-color: var(--color-accent-emerald-on-surface) !important;
  }
  .\!bg-accent-emerald-primary {
    background-color: var(--color-accent-emerald-primary) !important;
  }
  .\!bg-accent-emerald-secondary {
    background-color: var(--color-accent-emerald-secondary) !important;
  }
  .\!bg-accent-emerald-surface-primary {
    background-color: var(--color-accent-emerald-surface-primary) !important;
  }
  .\!bg-accent-emerald-surface-secondary {
    background-color: var(--color-accent-emerald-surface-secondary) !important;
  }
  .\!bg-accent-emerald-tertiary {
    background-color: var(--color-accent-emerald-tertiary) !important;
  }
  .\!bg-accent-fuchsia-dark {
    background-color: var(--color-accent-fuchsia-dark) !important;
  }
  .\!bg-accent-fuchsia-on-surface {
    background-color: var(--color-accent-fuchsia-on-surface) !important;
  }
  .\!bg-accent-fuchsia-primary {
    background-color: var(--color-accent-fuchsia-primary) !important;
  }
  .\!bg-accent-fuchsia-secondary {
    background-color: var(--color-accent-fuchsia-secondary) !important;
  }
  .\!bg-accent-fuchsia-surface-primary {
    background-color: var(--color-accent-fuchsia-surface-primary) !important;
  }
  .\!bg-accent-fuchsia-surface-secondary {
    background-color: var(--color-accent-fuchsia-surface-secondary) !important;
  }
  .\!bg-accent-fuchsia-tertiary {
    background-color: var(--color-accent-fuchsia-tertiary) !important;
  }
  .\!bg-accent-gray-dark {
    background-color: var(--color-accent-gray-dark) !important;
  }
  .\!bg-accent-gray-on-surface {
    background-color: var(--color-accent-gray-on-surface) !important;
  }
  .\!bg-accent-gray-primary {
    background-color: var(--color-accent-gray-primary) !important;
  }
  .\!bg-accent-gray-secondary {
    background-color: var(--color-accent-gray-secondary) !important;
  }
  .\!bg-accent-gray-surface-primary {
    background-color: var(--color-accent-gray-surface-primary) !important;
  }
  .\!bg-accent-gray-surface-secondary {
    background-color: var(--color-accent-gray-surface-secondary) !important;
  }
  .\!bg-accent-gray-tertiary {
    background-color: var(--color-accent-gray-tertiary) !important;
  }
  .\!bg-accent-green-dark {
    background-color: var(--color-accent-green-dark) !important;
  }
  .\!bg-accent-green-on-surface {
    background-color: var(--color-accent-green-on-surface) !important;
  }
  .\!bg-accent-green-primary {
    background-color: var(--color-accent-green-primary) !important;
  }
  .\!bg-accent-green-secondary {
    background-color: var(--color-accent-green-secondary) !important;
  }
  .\!bg-accent-green-surface-primary {
    background-color: var(--color-accent-green-surface-primary) !important;
  }
  .\!bg-accent-green-surface-secondary {
    background-color: var(--color-accent-green-surface-secondary) !important;
  }
  .\!bg-accent-green-tertiary {
    background-color: var(--color-accent-green-tertiary) !important;
  }
  .\!bg-accent-indigo-dark {
    background-color: var(--color-accent-indigo-dark) !important;
  }
  .\!bg-accent-indigo-on-surface {
    background-color: var(--color-accent-indigo-on-surface) !important;
  }
  .\!bg-accent-indigo-primary {
    background-color: var(--color-accent-indigo-primary) !important;
  }
  .\!bg-accent-indigo-secondary {
    background-color: var(--color-accent-indigo-secondary) !important;
  }
  .\!bg-accent-indigo-surface-primary {
    background-color: var(--color-accent-indigo-surface-primary) !important;
  }
  .\!bg-accent-indigo-surface-secondary {
    background-color: var(--color-accent-indigo-surface-secondary) !important;
  }
  .\!bg-accent-indigo-tertiary {
    background-color: var(--color-accent-indigo-tertiary) !important;
  }
  .\!bg-accent-lime-dark {
    background-color: var(--color-accent-lime-dark) !important;
  }
  .\!bg-accent-lime-on-surface {
    background-color: var(--color-accent-lime-on-surface) !important;
  }
  .\!bg-accent-lime-primary {
    background-color: var(--color-accent-lime-primary) !important;
  }
  .\!bg-accent-lime-secondary {
    background-color: var(--color-accent-lime-secondary) !important;
  }
  .\!bg-accent-lime-surface-primary {
    background-color: var(--color-accent-lime-surface-primary) !important;
  }
  .\!bg-accent-lime-surface-secondary {
    background-color: var(--color-accent-lime-surface-secondary) !important;
  }
  .\!bg-accent-lime-tertiary {
    background-color: var(--color-accent-lime-tertiary) !important;
  }
  .\!bg-accent-olive-dark {
    background-color: var(--color-accent-olive-dark) !important;
  }
  .\!bg-accent-olive-on-surface {
    background-color: var(--color-accent-olive-on-surface) !important;
  }
  .\!bg-accent-olive-primary {
    background-color: var(--color-accent-olive-primary) !important;
  }
  .\!bg-accent-olive-secondary {
    background-color: var(--color-accent-olive-secondary) !important;
  }
  .\!bg-accent-olive-surface-primary {
    background-color: var(--color-accent-olive-surface-primary) !important;
  }
  .\!bg-accent-olive-surface-secondary {
    background-color: var(--color-accent-olive-surface-secondary) !important;
  }
  .\!bg-accent-olive-tertiary {
    background-color: var(--color-accent-olive-tertiary) !important;
  }
  .\!bg-accent-orange-dark {
    background-color: var(--color-accent-orange-dark) !important;
  }
  .\!bg-accent-orange-on-surface {
    background-color: var(--color-accent-orange-on-surface) !important;
  }
  .\!bg-accent-orange-primary {
    background-color: var(--color-accent-orange-primary) !important;
  }
  .\!bg-accent-orange-secondary {
    background-color: var(--color-accent-orange-secondary) !important;
  }
  .\!bg-accent-orange-surface-primary {
    background-color: var(--color-accent-orange-surface-primary) !important;
  }
  .\!bg-accent-orange-surface-secondary {
    background-color: var(--color-accent-orange-surface-secondary) !important;
  }
  .\!bg-accent-orange-tertiary {
    background-color: var(--color-accent-orange-tertiary) !important;
  }
  .\!bg-accent-pink-dark {
    background-color: var(--color-accent-pink-dark) !important;
  }
  .\!bg-accent-pink-on-surface {
    background-color: var(--color-accent-pink-on-surface) !important;
  }
  .\!bg-accent-pink-primary {
    background-color: var(--color-accent-pink-primary) !important;
  }
  .\!bg-accent-pink-secondary {
    background-color: var(--color-accent-pink-secondary) !important;
  }
  .\!bg-accent-pink-surface-primary {
    background-color: var(--color-accent-pink-surface-primary) !important;
  }
  .\!bg-accent-pink-surface-secondary {
    background-color: var(--color-accent-pink-surface-secondary) !important;
  }
  .\!bg-accent-pink-tertiary {
    background-color: var(--color-accent-pink-tertiary) !important;
  }
  .\!bg-accent-purple-dark {
    background-color: var(--color-accent-purple-dark) !important;
  }
  .\!bg-accent-purple-on-surface {
    background-color: var(--color-accent-purple-on-surface) !important;
  }
  .\!bg-accent-purple-primary {
    background-color: var(--color-accent-purple-primary) !important;
  }
  .\!bg-accent-purple-secondary {
    background-color: var(--color-accent-purple-secondary) !important;
  }
  .\!bg-accent-purple-surface-primary {
    background-color: var(--color-accent-purple-surface-primary) !important;
  }
  .\!bg-accent-purple-surface-secondary {
    background-color: var(--color-accent-purple-surface-secondary) !important;
  }
  .\!bg-accent-purple-tertiary {
    background-color: var(--color-accent-purple-tertiary) !important;
  }
  .\!bg-accent-red-dark {
    background-color: var(--color-accent-red-dark) !important;
  }
  .\!bg-accent-red-on-surface {
    background-color: var(--color-accent-red-on-surface) !important;
  }
  .\!bg-accent-red-primary {
    background-color: var(--color-accent-red-primary) !important;
  }
  .\!bg-accent-red-secondary {
    background-color: var(--color-accent-red-secondary) !important;
  }
  .\!bg-accent-red-surface-primary {
    background-color: var(--color-accent-red-surface-primary) !important;
  }
  .\!bg-accent-red-surface-secondary {
    background-color: var(--color-accent-red-surface-secondary) !important;
  }
  .\!bg-accent-red-tertiary {
    background-color: var(--color-accent-red-tertiary) !important;
  }
  .\!bg-accent-rose-dark {
    background-color: var(--color-accent-rose-dark) !important;
  }
  .\!bg-accent-rose-on-surface {
    background-color: var(--color-accent-rose-on-surface) !important;
  }
  .\!bg-accent-rose-primary {
    background-color: var(--color-accent-rose-primary) !important;
  }
  .\!bg-accent-rose-secondary {
    background-color: var(--color-accent-rose-secondary) !important;
  }
  .\!bg-accent-rose-surface-primary {
    background-color: var(--color-accent-rose-surface-primary) !important;
  }
  .\!bg-accent-rose-surface-secondary {
    background-color: var(--color-accent-rose-surface-secondary) !important;
  }
  .\!bg-accent-rose-tertiary {
    background-color: var(--color-accent-rose-tertiary) !important;
  }
  .\!bg-accent-sky-dark {
    background-color: var(--color-accent-sky-dark) !important;
  }
  .\!bg-accent-sky-on-surface {
    background-color: var(--color-accent-sky-on-surface) !important;
  }
  .\!bg-accent-sky-primary {
    background-color: var(--color-accent-sky-primary) !important;
  }
  .\!bg-accent-sky-secondary {
    background-color: var(--color-accent-sky-secondary) !important;
  }
  .\!bg-accent-sky-surface-primary {
    background-color: var(--color-accent-sky-surface-primary) !important;
  }
  .\!bg-accent-sky-surface-secondary {
    background-color: var(--color-accent-sky-surface-secondary) !important;
  }
  .\!bg-accent-sky-tertiary {
    background-color: var(--color-accent-sky-tertiary) !important;
  }
  .\!bg-accent-teal-dark {
    background-color: var(--color-accent-teal-dark) !important;
  }
  .\!bg-accent-teal-on-surface {
    background-color: var(--color-accent-teal-on-surface) !important;
  }
  .\!bg-accent-teal-primary {
    background-color: var(--color-accent-teal-primary) !important;
  }
  .\!bg-accent-teal-secondary {
    background-color: var(--color-accent-teal-secondary) !important;
  }
  .\!bg-accent-teal-surface-primary {
    background-color: var(--color-accent-teal-surface-primary) !important;
  }
  .\!bg-accent-teal-surface-secondary {
    background-color: var(--color-accent-teal-surface-secondary) !important;
  }
  .\!bg-accent-teal-tertiary {
    background-color: var(--color-accent-teal-tertiary) !important;
  }
  .\!bg-accent-violet-dark {
    background-color: var(--color-accent-violet-dark) !important;
  }
  .\!bg-accent-violet-on-surface {
    background-color: var(--color-accent-violet-on-surface) !important;
  }
  .\!bg-accent-violet-primary {
    background-color: var(--color-accent-violet-primary) !important;
  }
  .\!bg-accent-violet-secondary {
    background-color: var(--color-accent-violet-secondary) !important;
  }
  .\!bg-accent-violet-surface-primary {
    background-color: var(--color-accent-violet-surface-primary) !important;
  }
  .\!bg-accent-violet-surface-secondary {
    background-color: var(--color-accent-violet-surface-secondary) !important;
  }
  .\!bg-accent-violet-tertiary {
    background-color: var(--color-accent-violet-tertiary) !important;
  }
  .\!bg-accent-yellow-dark {
    background-color: var(--color-accent-yellow-dark) !important;
  }
  .\!bg-accent-yellow-on-surface {
    background-color: var(--color-accent-yellow-on-surface) !important;
  }
  .\!bg-accent-yellow-primary {
    background-color: var(--color-accent-yellow-primary) !important;
  }
  .\!bg-accent-yellow-secondary {
    background-color: var(--color-accent-yellow-secondary) !important;
  }
  .\!bg-accent-yellow-surface-primary {
    background-color: var(--color-accent-yellow-surface-primary) !important;
  }
  .\!bg-accent-yellow-surface-secondary {
    background-color: var(--color-accent-yellow-surface-secondary) !important;
  }
  .\!bg-accent-yellow-tertiary {
    background-color: var(--color-accent-yellow-tertiary) !important;
  }
  .\!bg-black\/\[0\%\] {
    background-color: color-mix(in srgb, oklch(0% 0 0 / 1.0) 0%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 0%, transparent) !important;
    }
  }
  .bg-\[var\(--background-tertiary\)\] {
    background-color: var(--background-tertiary);
  }
  .bg-accent-amber-dark {
    background-color: var(--color-accent-amber-dark);
  }
  .bg-accent-amber-on-surface {
    background-color: var(--color-accent-amber-on-surface);
  }
  .bg-accent-amber-primary {
    background-color: var(--color-accent-amber-primary);
  }
  .bg-accent-amber-primary\! {
    background-color: var(--color-accent-amber-primary) !important;
  }
  .bg-accent-amber-secondary {
    background-color: var(--color-accent-amber-secondary);
  }
  .bg-accent-amber-surface-primary {
    background-color: var(--color-accent-amber-surface-primary);
  }
  .bg-accent-amber-surface-secondary {
    background-color: var(--color-accent-amber-surface-secondary);
  }
  .bg-accent-amber-tertiary {
    background-color: var(--color-accent-amber-tertiary);
  }
  .bg-accent-blue-dark {
    background-color: var(--color-accent-blue-dark);
  }
  .bg-accent-blue-on-surface {
    background-color: var(--color-accent-blue-on-surface);
  }
  .bg-accent-blue-primary {
    background-color: var(--color-accent-blue-primary);
  }
  .bg-accent-blue-secondary {
    background-color: var(--color-accent-blue-secondary);
  }
  .bg-accent-blue-surface-primary {
    background-color: var(--color-accent-blue-surface-primary);
  }
  .bg-accent-blue-surface-secondary {
    background-color: var(--color-accent-blue-surface-secondary);
  }
  .bg-accent-blue-tertiary {
    background-color: var(--color-accent-blue-tertiary);
  }
  .bg-accent-brown-dark {
    background-color: var(--color-accent-brown-dark);
  }
  .bg-accent-brown-on-surface {
    background-color: var(--color-accent-brown-on-surface);
  }
  .bg-accent-brown-primary {
    background-color: var(--color-accent-brown-primary);
  }
  .bg-accent-brown-secondary {
    background-color: var(--color-accent-brown-secondary);
  }
  .bg-accent-brown-surface-primary {
    background-color: var(--color-accent-brown-surface-primary);
  }
  .bg-accent-brown-surface-secondary {
    background-color: var(--color-accent-brown-surface-secondary);
  }
  .bg-accent-brown-tertiary {
    background-color: var(--color-accent-brown-tertiary);
  }
  .bg-accent-cyan-dark {
    background-color: var(--color-accent-cyan-dark);
  }
  .bg-accent-cyan-on-surface {
    background-color: var(--color-accent-cyan-on-surface);
  }
  .bg-accent-cyan-primary {
    background-color: var(--color-accent-cyan-primary);
  }
  .bg-accent-cyan-secondary {
    background-color: var(--color-accent-cyan-secondary);
  }
  .bg-accent-cyan-surface-primary {
    background-color: var(--color-accent-cyan-surface-primary);
  }
  .bg-accent-cyan-surface-secondary {
    background-color: var(--color-accent-cyan-surface-secondary);
  }
  .bg-accent-cyan-tertiary {
    background-color: var(--color-accent-cyan-tertiary);
  }
  .bg-accent-emerald-dark {
    background-color: var(--color-accent-emerald-dark);
  }
  .bg-accent-emerald-on-surface {
    background-color: var(--color-accent-emerald-on-surface);
  }
  .bg-accent-emerald-primary {
    background-color: var(--color-accent-emerald-primary);
  }
  .bg-accent-emerald-secondary {
    background-color: var(--color-accent-emerald-secondary);
  }
  .bg-accent-emerald-surface-primary {
    background-color: var(--color-accent-emerald-surface-primary);
  }
  .bg-accent-emerald-surface-secondary {
    background-color: var(--color-accent-emerald-surface-secondary);
  }
  .bg-accent-emerald-tertiary {
    background-color: var(--color-accent-emerald-tertiary);
  }
  .bg-accent-fuchsia-dark {
    background-color: var(--color-accent-fuchsia-dark);
  }
  .bg-accent-fuchsia-on-surface {
    background-color: var(--color-accent-fuchsia-on-surface);
  }
  .bg-accent-fuchsia-primary {
    background-color: var(--color-accent-fuchsia-primary);
  }
  .bg-accent-fuchsia-secondary {
    background-color: var(--color-accent-fuchsia-secondary);
  }
  .bg-accent-fuchsia-surface-primary {
    background-color: var(--color-accent-fuchsia-surface-primary);
  }
  .bg-accent-fuchsia-surface-secondary {
    background-color: var(--color-accent-fuchsia-surface-secondary);
  }
  .bg-accent-fuchsia-tertiary {
    background-color: var(--color-accent-fuchsia-tertiary);
  }
  .bg-accent-gray-dark {
    background-color: var(--color-accent-gray-dark);
  }
  .bg-accent-gray-on-surface {
    background-color: var(--color-accent-gray-on-surface);
  }
  .bg-accent-gray-primary {
    background-color: var(--color-accent-gray-primary);
  }
  .bg-accent-gray-secondary {
    background-color: var(--color-accent-gray-secondary);
  }
  .bg-accent-gray-surface-primary {
    background-color: var(--color-accent-gray-surface-primary);
  }
  .bg-accent-gray-surface-secondary {
    background-color: var(--color-accent-gray-surface-secondary);
  }
  .bg-accent-gray-tertiary {
    background-color: var(--color-accent-gray-tertiary);
  }
  .bg-accent-green-dark {
    background-color: var(--color-accent-green-dark);
  }
  .bg-accent-green-on-surface {
    background-color: var(--color-accent-green-on-surface);
  }
  .bg-accent-green-primary {
    background-color: var(--color-accent-green-primary);
  }
  .bg-accent-green-primary\! {
    background-color: var(--color-accent-green-primary) !important;
  }
  .bg-accent-green-secondary {
    background-color: var(--color-accent-green-secondary);
  }
  .bg-accent-green-surface-primary {
    background-color: var(--color-accent-green-surface-primary);
  }
  .bg-accent-green-surface-secondary {
    background-color: var(--color-accent-green-surface-secondary);
  }
  .bg-accent-green-surface-secondary\! {
    background-color: var(--color-accent-green-surface-secondary) !important;
  }
  .bg-accent-green-tertiary {
    background-color: var(--color-accent-green-tertiary);
  }
  .bg-accent-indigo-dark {
    background-color: var(--color-accent-indigo-dark);
  }
  .bg-accent-indigo-on-surface {
    background-color: var(--color-accent-indigo-on-surface);
  }
  .bg-accent-indigo-primary {
    background-color: var(--color-accent-indigo-primary);
  }
  .bg-accent-indigo-secondary {
    background-color: var(--color-accent-indigo-secondary);
  }
  .bg-accent-indigo-surface-primary {
    background-color: var(--color-accent-indigo-surface-primary);
  }
  .bg-accent-indigo-surface-secondary {
    background-color: var(--color-accent-indigo-surface-secondary);
  }
  .bg-accent-indigo-tertiary {
    background-color: var(--color-accent-indigo-tertiary);
  }
  .bg-accent-lime-dark {
    background-color: var(--color-accent-lime-dark);
  }
  .bg-accent-lime-on-surface {
    background-color: var(--color-accent-lime-on-surface);
  }
  .bg-accent-lime-primary {
    background-color: var(--color-accent-lime-primary);
  }
  .bg-accent-lime-secondary {
    background-color: var(--color-accent-lime-secondary);
  }
  .bg-accent-lime-surface-primary {
    background-color: var(--color-accent-lime-surface-primary);
  }
  .bg-accent-lime-surface-secondary {
    background-color: var(--color-accent-lime-surface-secondary);
  }
  .bg-accent-lime-tertiary {
    background-color: var(--color-accent-lime-tertiary);
  }
  .bg-accent-olive-dark {
    background-color: var(--color-accent-olive-dark);
  }
  .bg-accent-olive-on-surface {
    background-color: var(--color-accent-olive-on-surface);
  }
  .bg-accent-olive-primary {
    background-color: var(--color-accent-olive-primary);
  }
  .bg-accent-olive-secondary {
    background-color: var(--color-accent-olive-secondary);
  }
  .bg-accent-olive-surface-primary {
    background-color: var(--color-accent-olive-surface-primary);
  }
  .bg-accent-olive-surface-secondary {
    background-color: var(--color-accent-olive-surface-secondary);
  }
  .bg-accent-olive-tertiary {
    background-color: var(--color-accent-olive-tertiary);
  }
  .bg-accent-orange-dark {
    background-color: var(--color-accent-orange-dark);
  }
  .bg-accent-orange-on-surface {
    background-color: var(--color-accent-orange-on-surface);
  }
  .bg-accent-orange-primary {
    background-color: var(--color-accent-orange-primary);
  }
  .bg-accent-orange-primary\! {
    background-color: var(--color-accent-orange-primary) !important;
  }
  .bg-accent-orange-secondary {
    background-color: var(--color-accent-orange-secondary);
  }
  .bg-accent-orange-surface-primary {
    background-color: var(--color-accent-orange-surface-primary);
  }
  .bg-accent-orange-surface-secondary {
    background-color: var(--color-accent-orange-surface-secondary);
  }
  .bg-accent-orange-tertiary {
    background-color: var(--color-accent-orange-tertiary);
  }
  .bg-accent-pink-dark {
    background-color: var(--color-accent-pink-dark);
  }
  .bg-accent-pink-on-surface {
    background-color: var(--color-accent-pink-on-surface);
  }
  .bg-accent-pink-primary {
    background-color: var(--color-accent-pink-primary);
  }
  .bg-accent-pink-secondary {
    background-color: var(--color-accent-pink-secondary);
  }
  .bg-accent-pink-surface-primary {
    background-color: var(--color-accent-pink-surface-primary);
  }
  .bg-accent-pink-surface-secondary {
    background-color: var(--color-accent-pink-surface-secondary);
  }
  .bg-accent-pink-tertiary {
    background-color: var(--color-accent-pink-tertiary);
  }
  .bg-accent-purple-dark {
    background-color: var(--color-accent-purple-dark);
  }
  .bg-accent-purple-on-surface {
    background-color: var(--color-accent-purple-on-surface);
  }
  .bg-accent-purple-primary {
    background-color: var(--color-accent-purple-primary);
  }
  .bg-accent-purple-secondary {
    background-color: var(--color-accent-purple-secondary);
  }
  .bg-accent-purple-surface-primary {
    background-color: var(--color-accent-purple-surface-primary);
  }
  .bg-accent-purple-surface-secondary {
    background-color: var(--color-accent-purple-surface-secondary);
  }
  .bg-accent-purple-tertiary {
    background-color: var(--color-accent-purple-tertiary);
  }
  .bg-accent-red-dark {
    background-color: var(--color-accent-red-dark);
  }
  .bg-accent-red-on-surface {
    background-color: var(--color-accent-red-on-surface);
  }
  .bg-accent-red-primary {
    background-color: var(--color-accent-red-primary);
  }
  .bg-accent-red-secondary {
    background-color: var(--color-accent-red-secondary);
  }
  .bg-accent-red-surface-primary {
    background-color: var(--color-accent-red-surface-primary);
  }
  .bg-accent-red-surface-secondary {
    background-color: var(--color-accent-red-surface-secondary);
  }
  .bg-accent-red-surface-secondary\! {
    background-color: var(--color-accent-red-surface-secondary) !important;
  }
  .bg-accent-red-tertiary {
    background-color: var(--color-accent-red-tertiary);
  }
  .bg-accent-rose-dark {
    background-color: var(--color-accent-rose-dark);
  }
  .bg-accent-rose-on-surface {
    background-color: var(--color-accent-rose-on-surface);
  }
  .bg-accent-rose-primary {
    background-color: var(--color-accent-rose-primary);
  }
  .bg-accent-rose-secondary {
    background-color: var(--color-accent-rose-secondary);
  }
  .bg-accent-rose-surface-primary {
    background-color: var(--color-accent-rose-surface-primary);
  }
  .bg-accent-rose-surface-secondary {
    background-color: var(--color-accent-rose-surface-secondary);
  }
  .bg-accent-rose-tertiary {
    background-color: var(--color-accent-rose-tertiary);
  }
  .bg-accent-sky-dark {
    background-color: var(--color-accent-sky-dark);
  }
  .bg-accent-sky-on-surface {
    background-color: var(--color-accent-sky-on-surface);
  }
  .bg-accent-sky-primary {
    background-color: var(--color-accent-sky-primary);
  }
  .bg-accent-sky-primary\/10 {
    background-color: color-mix(in srgb, oklch(60.8% 0.1891 242.3) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-accent-sky-primary) 10%, transparent);
    }
  }
  .bg-accent-sky-secondary {
    background-color: var(--color-accent-sky-secondary);
  }
  .bg-accent-sky-surface-primary {
    background-color: var(--color-accent-sky-surface-primary);
  }
  .bg-accent-sky-surface-secondary {
    background-color: var(--color-accent-sky-surface-secondary);
  }
  .bg-accent-sky-surface-secondary\! {
    background-color: var(--color-accent-sky-surface-secondary) !important;
  }
  .bg-accent-sky-tertiary {
    background-color: var(--color-accent-sky-tertiary);
  }
  .bg-accent-teal-dark {
    background-color: var(--color-accent-teal-dark);
  }
  .bg-accent-teal-on-surface {
    background-color: var(--color-accent-teal-on-surface);
  }
  .bg-accent-teal-primary {
    background-color: var(--color-accent-teal-primary);
  }
  .bg-accent-teal-secondary {
    background-color: var(--color-accent-teal-secondary);
  }
  .bg-accent-teal-surface-primary {
    background-color: var(--color-accent-teal-surface-primary);
  }
  .bg-accent-teal-surface-secondary {
    background-color: var(--color-accent-teal-surface-secondary);
  }
  .bg-accent-teal-tertiary {
    background-color: var(--color-accent-teal-tertiary);
  }
  .bg-accent-violet-dark {
    background-color: var(--color-accent-violet-dark);
  }
  .bg-accent-violet-on-surface {
    background-color: var(--color-accent-violet-on-surface);
  }
  .bg-accent-violet-primary {
    background-color: var(--color-accent-violet-primary);
  }
  .bg-accent-violet-secondary {
    background-color: var(--color-accent-violet-secondary);
  }
  .bg-accent-violet-surface-primary {
    background-color: var(--color-accent-violet-surface-primary);
  }
  .bg-accent-violet-surface-secondary {
    background-color: var(--color-accent-violet-surface-secondary);
  }
  .bg-accent-violet-tertiary {
    background-color: var(--color-accent-violet-tertiary);
  }
  .bg-accent-yellow-dark {
    background-color: var(--color-accent-yellow-dark);
  }
  .bg-accent-yellow-on-surface {
    background-color: var(--color-accent-yellow-on-surface);
  }
  .bg-accent-yellow-primary {
    background-color: var(--color-accent-yellow-primary);
  }
  .bg-accent-yellow-secondary {
    background-color: var(--color-accent-yellow-secondary);
  }
  .bg-accent-yellow-surface-primary {
    background-color: var(--color-accent-yellow-surface-primary);
  }
  .bg-accent-yellow-surface-secondary {
    background-color: var(--color-accent-yellow-surface-secondary);
  }
  .bg-accent-yellow-tertiary {
    background-color: var(--color-accent-yellow-tertiary);
  }
  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }
  .bg-amber-100 {
    background-color: var(--color-amber-100);
  }
  .bg-amber-200 {
    background-color: var(--color-amber-200);
  }
  .bg-amber-300 {
    background-color: var(--color-amber-300);
  }
  .bg-amber-400 {
    background-color: var(--color-amber-400);
  }
  .bg-amber-500 {
    background-color: var(--color-amber-500);
  }
  .bg-amber-600 {
    background-color: var(--color-amber-600);
  }
  .bg-amber-700 {
    background-color: var(--color-amber-700);
  }
  .bg-amber-800 {
    background-color: var(--color-amber-800);
  }
  .bg-amber-900 {
    background-color: var(--color-amber-900);
  }
  .bg-amber-950 {
    background-color: var(--color-amber-950);
  }
  .bg-background-primary {
    background-color: var(--color-background-primary);
  }
  .bg-background-tertiary {
    background-color: var(--color-background-tertiary);
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-black\/5 {
    background-color: color-mix(in srgb, oklch(0% 0 0 / 1.0) 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, oklch(0% 0 0 / 1.0) 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, oklch(0% 0 0 / 1.0) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }
  .bg-black\/\[2\%\] {
    background-color: color-mix(in srgb, oklch(0% 0 0 / 1.0) 2%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 2%, transparent);
    }
  }
  .bg-black\/\[10\%\] {
    background-color: color-mix(in srgb, oklch(0% 0 0 / 1.0) 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, oklch(0% 0 0 / 1.0) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }
  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }
  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }
  .bg-blue-200 {
    background-color: var(--color-blue-200);
  }
  .bg-blue-300 {
    background-color: var(--color-blue-300);
  }
  .bg-blue-400 {
    background-color: var(--color-blue-400);
  }
  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }
  .bg-blue-700 {
    background-color: var(--color-blue-700);
  }
  .bg-blue-800 {
    background-color: var(--color-blue-800);
  }
  .bg-blue-900 {
    background-color: var(--color-blue-900);
  }
  .bg-blue-950 {
    background-color: var(--color-blue-950);
  }
  .bg-border-primary {
    background-color: var(--color-border-primary);
  }
  .bg-border-secondary {
    background-color: var(--color-border-secondary);
  }
  .bg-brown-50 {
    background-color: var(--color-brown-50);
  }
  .bg-brown-100 {
    background-color: var(--color-brown-100);
  }
  .bg-brown-200 {
    background-color: var(--color-brown-200);
  }
  .bg-brown-300 {
    background-color: var(--color-brown-300);
  }
  .bg-brown-400 {
    background-color: var(--color-brown-400);
  }
  .bg-brown-500 {
    background-color: var(--color-brown-500);
  }
  .bg-brown-600 {
    background-color: var(--color-brown-600);
  }
  .bg-brown-700 {
    background-color: var(--color-brown-700);
  }
  .bg-brown-800 {
    background-color: var(--color-brown-800);
  }
  .bg-brown-900 {
    background-color: var(--color-brown-900);
  }
  .bg-brown-950 {
    background-color: var(--color-brown-950);
  }
  .bg-charts-bar-1 {
    background-color: var(--color-charts-bar-1);
  }
  .bg-charts-bar-2 {
    background-color: var(--color-charts-bar-2);
  }
  .bg-charts-bar-3 {
    background-color: var(--color-charts-bar-3);
  }
  .bg-charts-bar-4 {
    background-color: var(--color-charts-bar-4);
  }
  .bg-charts-bar-5 {
    background-color: var(--color-charts-bar-5);
  }
  .bg-charts-bar-6 {
    background-color: var(--color-charts-bar-6);
  }
  .bg-charts-line-1 {
    background-color: var(--color-charts-line-1);
  }
  .bg-charts-line-2 {
    background-color: var(--color-charts-line-2);
  }
  .bg-charts-line-3 {
    background-color: var(--color-charts-line-3);
  }
  .bg-charts-line-4 {
    background-color: var(--color-charts-line-4);
  }
  .bg-charts-line-5 {
    background-color: var(--color-charts-line-5);
  }
  .bg-charts-line-6 {
    background-color: var(--color-charts-line-6);
  }
  .bg-charts-line-7 {
    background-color: var(--color-charts-line-7);
  }
  .bg-charts-line-8 {
    background-color: var(--color-charts-line-8);
  }
  .bg-charts-pie-amber-1 {
    background-color: var(--color-charts-pie-amber-1);
  }
  .bg-charts-pie-amber-2 {
    background-color: var(--color-charts-pie-amber-2);
  }
  .bg-charts-pie-amber-3 {
    background-color: var(--color-charts-pie-amber-3);
  }
  .bg-charts-pie-amber-4 {
    background-color: var(--color-charts-pie-amber-4);
  }
  .bg-charts-pie-amber-5 {
    background-color: var(--color-charts-pie-amber-5);
  }
  .bg-charts-pie-amber-6 {
    background-color: var(--color-charts-pie-amber-6);
  }
  .bg-charts-pie-lime-1 {
    background-color: var(--color-charts-pie-lime-1);
  }
  .bg-charts-pie-lime-2 {
    background-color: var(--color-charts-pie-lime-2);
  }
  .bg-charts-pie-lime-3 {
    background-color: var(--color-charts-pie-lime-3);
  }
  .bg-charts-pie-lime-4 {
    background-color: var(--color-charts-pie-lime-4);
  }
  .bg-charts-pie-lime-5 {
    background-color: var(--color-charts-pie-lime-5);
  }
  .bg-charts-pie-lime-6 {
    background-color: var(--color-charts-pie-lime-6);
  }
  .bg-charts-pie-purple-1 {
    background-color: var(--color-charts-pie-purple-1);
  }
  .bg-charts-pie-purple-2 {
    background-color: var(--color-charts-pie-purple-2);
  }
  .bg-charts-pie-purple-3 {
    background-color: var(--color-charts-pie-purple-3);
  }
  .bg-charts-pie-purple-4 {
    background-color: var(--color-charts-pie-purple-4);
  }
  .bg-charts-pie-purple-5 {
    background-color: var(--color-charts-pie-purple-5);
  }
  .bg-charts-pie-purple-6 {
    background-color: var(--color-charts-pie-purple-6);
  }
  .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-300 {
    background-color: var(--color-cyan-300);
  }
  .bg-cyan-400 {
    background-color: var(--color-cyan-400);
  }
  .bg-cyan-500 {
    background-color: var(--color-cyan-500);
  }
  .bg-cyan-600 {
    background-color: var(--color-cyan-600);
  }
  .bg-cyan-700 {
    background-color: var(--color-cyan-700);
  }
  .bg-cyan-800 {
    background-color: var(--color-cyan-800);
  }
  .bg-cyan-900 {
    background-color: var(--color-cyan-900);
  }
  .bg-cyan-950 {
    background-color: var(--color-cyan-950);
  }
  .bg-emerald-50 {
    background-color: var(--color-emerald-50);
  }
  .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-500 {
    background-color: var(--color-emerald-500);
  }
  .bg-emerald-600 {
    background-color: var(--color-emerald-600);
  }
  .bg-emerald-700 {
    background-color: var(--color-emerald-700);
  }
  .bg-emerald-800 {
    background-color: var(--color-emerald-800);
  }
  .bg-emerald-900 {
    background-color: var(--color-emerald-900);
  }
  .bg-emerald-950 {
    background-color: var(--color-emerald-950);
  }
  .bg-fill-primary {
    background-color: var(--color-fill-primary);
  }
  .bg-fill-quaternary {
    background-color: var(--color-fill-quaternary);
  }
  .bg-fill-secondary {
    background-color: var(--color-fill-secondary);
  }
  .bg-fill-tertiary {
    background-color: var(--color-fill-tertiary);
  }
  .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-500 {
    background-color: var(--color-fuchsia-500);
  }
  .bg-fuchsia-600 {
    background-color: var(--color-fuchsia-600);
  }
  .bg-fuchsia-700 {
    background-color: var(--color-fuchsia-700);
  }
  .bg-fuchsia-800 {
    background-color: var(--color-fuchsia-800);
  }
  .bg-fuchsia-900 {
    background-color: var(--color-fuchsia-900);
  }
  .bg-fuchsia-950 {
    background-color: var(--color-fuchsia-950);
  }
  .bg-gray-50 {
    background-color: var(--color-gray-50);
  }
  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }
  .bg-gray-300 {
    background-color: var(--color-gray-300);
  }
  .bg-gray-400 {
    background-color: var(--color-gray-400);
  }
  .bg-gray-500 {
    background-color: var(--color-gray-500);
  }
  .bg-gray-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-950 {
    background-color: var(--color-gray-950);
  }
  .bg-green-50 {
    background-color: var(--color-green-50);
  }
  .bg-green-100 {
    background-color: var(--color-green-100);
  }
  .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-600 {
    background-color: var(--color-green-600);
  }
  .bg-green-700 {
    background-color: var(--color-green-700);
  }
  .bg-green-800 {
    background-color: var(--color-green-800);
  }
  .bg-green-900 {
    background-color: var(--color-green-900);
  }
  .bg-green-950 {
    background-color: var(--color-green-950);
  }
  .bg-indigo-50 {
    background-color: var(--color-indigo-50);
  }
  .bg-indigo-100 {
    background-color: var(--color-indigo-100);
  }
  .bg-indigo-200 {
    background-color: var(--color-indigo-200);
  }
  .bg-indigo-300 {
    background-color: var(--color-indigo-300);
  }
  .bg-indigo-400 {
    background-color: var(--color-indigo-400);
  }
  .bg-indigo-500 {
    background-color: var(--color-indigo-500);
  }
  .bg-indigo-600 {
    background-color: var(--color-indigo-600);
  }
  .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-950 {
    background-color: var(--color-indigo-950);
  }
  .bg-inherit {
    background-color: inherit;
  }
  .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-600 {
    background-color: var(--color-lime-600);
  }
  .bg-lime-700 {
    background-color: var(--color-lime-700);
  }
  .bg-lime-800 {
    background-color: var(--color-lime-800);
  }
  .bg-lime-900 {
    background-color: var(--color-lime-900);
  }
  .bg-lime-950 {
    background-color: var(--color-lime-950);
  }
  .bg-neutral-200 {
    background-color: var(--color-neutral-200);
  }
  .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-900\/8 {
    background-color: color-mix(in srgb, oklch(22.2% 0 0) 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-neutral-900) 8%, transparent);
    }
  }
  .bg-olive-50 {
    background-color: var(--color-olive-50);
  }
  .bg-olive-100 {
    background-color: var(--color-olive-100);
  }
  .bg-olive-200 {
    background-color: var(--color-olive-200);
  }
  .bg-olive-300 {
    background-color: var(--color-olive-300);
  }
  .bg-olive-400 {
    background-color: var(--color-olive-400);
  }
  .bg-olive-500 {
    background-color: var(--color-olive-500);
  }
  .bg-olive-600 {
    background-color: var(--color-olive-600);
  }
  .bg-olive-700 {
    background-color: var(--color-olive-700);
  }
  .bg-olive-800 {
    background-color: var(--color-olive-800);
  }
  .bg-olive-900 {
    background-color: var(--color-olive-900);
  }
  .bg-olive-950 {
    background-color: var(--color-olive-950);
  }
  .bg-orange-50 {
    background-color: var(--color-orange-50);
  }
  .bg-orange-100 {
    background-color: var(--color-orange-100);
  }
  .bg-orange-200 {
    background-color: var(--color-orange-200);
  }
  .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-600 {
    background-color: var(--color-orange-600);
  }
  .bg-orange-700 {
    background-color: var(--color-orange-700);
  }
  .bg-orange-800 {
    background-color: var(--color-orange-800);
  }
  .bg-orange-900 {
    background-color: var(--color-orange-900);
  }
  .bg-orange-950 {
    background-color: var(--color-orange-950);
  }
  .bg-pink-50 {
    background-color: var(--color-pink-50);
  }
  .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-400 {
    background-color: var(--color-pink-400);
  }
  .bg-pink-500 {
    background-color: var(--color-pink-500);
  }
  .bg-pink-600 {
    background-color: var(--color-pink-600);
  }
  .bg-pink-700 {
    background-color: var(--color-pink-700);
  }
  .bg-pink-800 {
    background-color: var(--color-pink-800);
  }
  .bg-pink-900 {
    background-color: var(--color-pink-900);
  }
  .bg-pink-950 {
    background-color: var(--color-pink-950);
  }
  .bg-primary {
    background-color: var(--color-primary);
  }
  .bg-primary\/\[90\%\] {
    background-color: color-mix(in srgb, oklch(99.1% 0 0) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 90%, 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-600 {
    background-color: var(--color-purple-600);
  }
  .bg-purple-700 {
    background-color: var(--color-purple-700);
  }
  .bg-purple-800 {
    background-color: var(--color-purple-800);
  }
  .bg-purple-900 {
    background-color: var(--color-purple-900);
  }
  .bg-purple-950 {
    background-color: var(--color-purple-950);
  }
  .bg-quaternary {
    background-color: var(--color-quaternary);
  }
  .bg-red-50 {
    background-color: var(--color-red-50);
  }
  .bg-red-100 {
    background-color: var(--color-red-100);
  }
  .bg-red-200 {
    background-color: var(--color-red-200);
  }
  .bg-red-300 {
    background-color: var(--color-red-300);
  }
  .bg-red-400 {
    background-color: var(--color-red-400);
  }
  .bg-red-500 {
    background-color: var(--color-red-500);
  }
  .bg-red-500\/10 {
    background-color: color-mix(in srgb, oklch(65.3% 0.2452 24.8) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
    }
  }
  .bg-red-600 {
    background-color: var(--color-red-600);
  }
  .bg-red-700 {
    background-color: var(--color-red-700);
  }
  .bg-red-800 {
    background-color: var(--color-red-800);
  }
  .bg-red-900 {
    background-color: var(--color-red-900);
  }
  .bg-red-950 {
    background-color: var(--color-red-950);
  }
  .bg-rose-50 {
    background-color: var(--color-rose-50);
  }
  .bg-rose-100 {
    background-color: var(--color-rose-100);
  }
  .bg-rose-200 {
    background-color: var(--color-rose-200);
  }
  .bg-rose-300 {
    background-color: var(--color-rose-300);
  }
  .bg-rose-400 {
    background-color: var(--color-rose-400);
  }
  .bg-rose-500 {
    background-color: var(--color-rose-500);
  }
  .bg-rose-600 {
    background-color: var(--color-rose-600);
  }
  .bg-rose-700 {
    background-color: var(--color-rose-700);
  }
  .bg-rose-800 {
    background-color: var(--color-rose-800);
  }
  .bg-rose-900 {
    background-color: var(--color-rose-900);
  }
  .bg-rose-950 {
    background-color: var(--color-rose-950);
  }
  .bg-secondary {
    background-color: var(--color-secondary);
  }
  .bg-secondary\/90 {
    background-color: color-mix(in srgb, oklch(100% 0 0 / 1.0) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-secondary) 90%, transparent);
    }
  }
  .bg-sky-50 {
    background-color: var(--color-sky-50);
  }
  .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-500 {
    background-color: var(--color-sky-500);
  }
  .bg-sky-600 {
    background-color: var(--color-sky-600);
  }
  .bg-sky-700 {
    background-color: var(--color-sky-700);
  }
  .bg-sky-800 {
    background-color: var(--color-sky-800);
  }
  .bg-sky-900 {
    background-color: var(--color-sky-900);
  }
  .bg-sky-950 {
    background-color: var(--color-sky-950);
  }
  .bg-slate-100 {
    background-color: var(--color-slate-100);
  }
  .bg-stone-100 {
    background-color: var(--color-stone-100);
  }
  .bg-stone-200 {
    background-color: var(--color-stone-200);
  }
  .bg-teal-50 {
    background-color: var(--color-teal-50);
  }
  .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-600 {
    background-color: var(--color-teal-600);
  }
  .bg-teal-700 {
    background-color: var(--color-teal-700);
  }
  .bg-teal-800 {
    background-color: var(--color-teal-800);
  }
  .bg-teal-900 {
    background-color: var(--color-teal-900);
  }
  .bg-teal-950 {
    background-color: var(--color-teal-950);
  }
  .bg-tertiary {
    background-color: var(--color-tertiary);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-transparent\! {
    background-color: transparent !important;
  }
  .bg-violet-50 {
    background-color: var(--color-violet-50);
  }
  .bg-violet-100 {
    background-color: var(--color-violet-100);
  }
  .bg-violet-200 {
    background-color: var(--color-violet-200);
  }
  .bg-violet-300 {
    background-color: var(--color-violet-300);
  }
  .bg-violet-400 {
    background-color: var(--color-violet-400);
  }
  .bg-violet-500 {
    background-color: var(--color-violet-500);
  }
  .bg-violet-600 {
    background-color: var(--color-violet-600);
  }
  .bg-violet-700 {
    background-color: var(--color-violet-700);
  }
  .bg-violet-800 {
    background-color: var(--color-violet-800);
  }
  .bg-violet-900 {
    background-color: var(--color-violet-900);
  }
  .bg-violet-950 {
    background-color: var(--color-violet-950);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/0 {
    background-color: color-mix(in srgb, oklch(100% 0 0 / 1.0) 0%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 0%, transparent);
    }
  }
  .bg-white\/70 {
    background-color: color-mix(in srgb, oklch(100% 0 0 / 1.0) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .bg-white\/80 {
    background-color: color-mix(in srgb, oklch(100% 0 0 / 1.0) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .bg-white\/\[90\%\] {
    background-color: color-mix(in srgb, oklch(100% 0 0 / 1.0) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .bg-yellow-100 {
    background-color: var(--color-yellow-100);
  }
  .bg-yellow-400 {
    background-color: var(--color-yellow-400);
  }
  .bg-zinc-800 {
    background-color: var(--color-zinc-800);
  }
  .bg-linear-to-b {
    --tw-gradient-position: to bottom;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to bottom in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-linear-to-br {
    --tw-gradient-position: to bottom right;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to bottom right in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-linear-to-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-tl {
    --tw-gradient-position: to top left;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to top left in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-\[linear-gradient\(to_bottom\,var\(--color-gray-300\)_50\%\,transparent_50\%\)\] {
    background-image: linear-gradient(to bottom,var(--color-gray-300) 50%,transparent 50%);
  }
  .bg-\[linear-gradient\(to_right\,\#8882_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,\#8882_1px\,transparent_1px\)\] {
    background-image: linear-gradient(to right,#8882 1px,transparent 1px),linear-gradient(to bottom,#8882 1px,transparent 1px);
  }
  .\!from-accent-amber-primary {
    --tw-gradient-from: var(--color-accent-amber-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-amber-secondary {
    --tw-gradient-from: var(--color-accent-amber-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-amber-tertiary {
    --tw-gradient-from: var(--color-accent-amber-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-blue-primary {
    --tw-gradient-from: var(--color-accent-blue-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-blue-secondary {
    --tw-gradient-from: var(--color-accent-blue-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-blue-tertiary {
    --tw-gradient-from: var(--color-accent-blue-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-brown-primary {
    --tw-gradient-from: var(--color-accent-brown-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-brown-secondary {
    --tw-gradient-from: var(--color-accent-brown-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-brown-tertiary {
    --tw-gradient-from: var(--color-accent-brown-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-cyan-primary {
    --tw-gradient-from: var(--color-accent-cyan-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-cyan-secondary {
    --tw-gradient-from: var(--color-accent-cyan-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-cyan-tertiary {
    --tw-gradient-from: var(--color-accent-cyan-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-emerald-primary {
    --tw-gradient-from: var(--color-accent-emerald-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-emerald-secondary {
    --tw-gradient-from: var(--color-accent-emerald-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-emerald-tertiary {
    --tw-gradient-from: var(--color-accent-emerald-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-fuchsia-primary {
    --tw-gradient-from: var(--color-accent-fuchsia-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-fuchsia-secondary {
    --tw-gradient-from: var(--color-accent-fuchsia-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-fuchsia-tertiary {
    --tw-gradient-from: var(--color-accent-fuchsia-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-gray-primary {
    --tw-gradient-from: var(--color-accent-gray-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-gray-secondary {
    --tw-gradient-from: var(--color-accent-gray-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-gray-tertiary {
    --tw-gradient-from: var(--color-accent-gray-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-green-primary {
    --tw-gradient-from: var(--color-accent-green-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-green-secondary {
    --tw-gradient-from: var(--color-accent-green-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-green-tertiary {
    --tw-gradient-from: var(--color-accent-green-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-indigo-primary {
    --tw-gradient-from: var(--color-accent-indigo-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-indigo-secondary {
    --tw-gradient-from: var(--color-accent-indigo-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-indigo-tertiary {
    --tw-gradient-from: var(--color-accent-indigo-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-lime-primary {
    --tw-gradient-from: var(--color-accent-lime-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-lime-secondary {
    --tw-gradient-from: var(--color-accent-lime-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-lime-tertiary {
    --tw-gradient-from: var(--color-accent-lime-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-olive-primary {
    --tw-gradient-from: var(--color-accent-olive-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-olive-secondary {
    --tw-gradient-from: var(--color-accent-olive-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-olive-tertiary {
    --tw-gradient-from: var(--color-accent-olive-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-orange-primary {
    --tw-gradient-from: var(--color-accent-orange-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-orange-secondary {
    --tw-gradient-from: var(--color-accent-orange-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-orange-tertiary {
    --tw-gradient-from: var(--color-accent-orange-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-pink-primary {
    --tw-gradient-from: var(--color-accent-pink-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-pink-secondary {
    --tw-gradient-from: var(--color-accent-pink-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-pink-tertiary {
    --tw-gradient-from: var(--color-accent-pink-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-purple-primary {
    --tw-gradient-from: var(--color-accent-purple-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-purple-secondary {
    --tw-gradient-from: var(--color-accent-purple-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-purple-tertiary {
    --tw-gradient-from: var(--color-accent-purple-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-red-primary {
    --tw-gradient-from: var(--color-accent-red-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-red-secondary {
    --tw-gradient-from: var(--color-accent-red-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-red-tertiary {
    --tw-gradient-from: var(--color-accent-red-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-rose-primary {
    --tw-gradient-from: var(--color-accent-rose-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-rose-secondary {
    --tw-gradient-from: var(--color-accent-rose-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-rose-tertiary {
    --tw-gradient-from: var(--color-accent-rose-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-sky-primary {
    --tw-gradient-from: var(--color-accent-sky-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-sky-secondary {
    --tw-gradient-from: var(--color-accent-sky-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-sky-tertiary {
    --tw-gradient-from: var(--color-accent-sky-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-teal-primary {
    --tw-gradient-from: var(--color-accent-teal-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-teal-secondary {
    --tw-gradient-from: var(--color-accent-teal-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-teal-tertiary {
    --tw-gradient-from: var(--color-accent-teal-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-violet-primary {
    --tw-gradient-from: var(--color-accent-violet-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-violet-secondary {
    --tw-gradient-from: var(--color-accent-violet-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-violet-tertiary {
    --tw-gradient-from: var(--color-accent-violet-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-yellow-primary {
    --tw-gradient-from: var(--color-accent-yellow-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-yellow-secondary {
    --tw-gradient-from: var(--color-accent-yellow-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!from-accent-yellow-tertiary {
    --tw-gradient-from: var(--color-accent-yellow-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .from-\(--background-primary\) {
    --tw-gradient-from: var(--background-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-accent-amber-primary {
    --tw-gradient-from: var(--color-accent-amber-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-accent-amber-secondary {
    --tw-gradient-from: var(--color-accent-amber-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent-amber-tertiary {
    --tw-gradient-from: var(--color-accent-amber-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent-blue-primary {
    --tw-gradient-from: var(--color-accent-blue-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-accent-blue-secondary {
    --tw-gradient-from: var(--color-accent-blue-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent-blue-tertiary {
    --tw-gradient-from: var(--color-accent-blue-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent-brown-primary {
    --tw-gradient-from: var(--color-accent-brown-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-accent-brown-secondary {
    --tw-gradient-from: var(--color-accent-brown-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent-brown-tertiary {
    --tw-gradient-from: var(--color-accent-brown-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent-cyan-primary {
    --tw-gradient-from: var(--color-accent-cyan-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-accent-cyan-secondary {
    --tw-gradient-from: var(--color-accent-cyan-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent-cyan-tertiary {
    --tw-gradient-from: var(--color-accent-cyan-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent-emerald-primary {
    --tw-gradient-from: var(--color-accent-emerald-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-accent-emerald-secondary {
    --tw-gradient-from: var(--color-accent-emerald-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent-emerald-tertiary {
    --tw-gradient-from: var(--color-accent-emerald-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent-fuchsia-primary {
    --tw-gradient-from: var(--color-accent-fuchsia-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-accent-fuchsia-secondary {
    --tw-gradient-from: var(--color-accent-fuchsia-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent-fuchsia-tertiary {
    --tw-gradient-from: var(--color-accent-fuchsia-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent-gray-primary {
    --tw-gradient-from: var(--color-accent-gray-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-accent-gray-secondary {
    --tw-gradient-from: var(--color-accent-gray-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent-gray-tertiary {
    --tw-gradient-from: var(--color-accent-gray-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent-green-primary {
    --tw-gradient-from: var(--color-accent-green-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-accent-green-secondary {
    --tw-gradient-from: var(--color-accent-green-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent-green-tertiary {
    --tw-gradient-from: var(--color-accent-green-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent-indigo-primary {
    --tw-gradient-from: var(--color-accent-indigo-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-accent-indigo-secondary {
    --tw-gradient-from: var(--color-accent-indigo-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent-indigo-tertiary {
    --tw-gradient-from: var(--color-accent-indigo-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent-lime-primary {
    --tw-gradient-from: var(--color-accent-lime-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-accent-lime-secondary {
    --tw-gradient-from: var(--color-accent-lime-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent-lime-tertiary {
    --tw-gradient-from: var(--color-accent-lime-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent-olive-primary {
    --tw-gradient-from: var(--color-accent-olive-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-accent-olive-secondary {
    --tw-gradient-from: var(--color-accent-olive-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent-olive-tertiary {
    --tw-gradient-from: var(--color-accent-olive-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent-orange-primary {
    --tw-gradient-from: var(--color-accent-orange-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-accent-orange-secondary {
    --tw-gradient-from: var(--color-accent-orange-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent-orange-tertiary {
    --tw-gradient-from: var(--color-accent-orange-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent-pink-primary {
    --tw-gradient-from: var(--color-accent-pink-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-accent-pink-secondary {
    --tw-gradient-from: var(--color-accent-pink-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent-pink-tertiary {
    --tw-gradient-from: var(--color-accent-pink-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent-purple-primary {
    --tw-gradient-from: var(--color-accent-purple-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-accent-purple-secondary {
    --tw-gradient-from: var(--color-accent-purple-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent-purple-tertiary {
    --tw-gradient-from: var(--color-accent-purple-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent-red-primary {
    --tw-gradient-from: var(--color-accent-red-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-accent-red-secondary {
    --tw-gradient-from: var(--color-accent-red-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent-red-tertiary {
    --tw-gradient-from: var(--color-accent-red-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent-rose-primary {
    --tw-gradient-from: var(--color-accent-rose-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-accent-rose-secondary {
    --tw-gradient-from: var(--color-accent-rose-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent-rose-tertiary {
    --tw-gradient-from: var(--color-accent-rose-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent-sky-primary {
    --tw-gradient-from: var(--color-accent-sky-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-accent-sky-secondary {
    --tw-gradient-from: var(--color-accent-sky-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent-sky-tertiary {
    --tw-gradient-from: var(--color-accent-sky-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent-teal-primary {
    --tw-gradient-from: var(--color-accent-teal-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-accent-teal-secondary {
    --tw-gradient-from: var(--color-accent-teal-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent-teal-tertiary {
    --tw-gradient-from: var(--color-accent-teal-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent-violet-primary {
    --tw-gradient-from: var(--color-accent-violet-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-accent-violet-secondary {
    --tw-gradient-from: var(--color-accent-violet-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent-violet-tertiary {
    --tw-gradient-from: var(--color-accent-violet-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent-yellow-primary {
    --tw-gradient-from: var(--color-accent-yellow-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-accent-yellow-secondary {
    --tw-gradient-from: var(--color-accent-yellow-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-accent-yellow-tertiary {
    --tw-gradient-from: var(--color-accent-yellow-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-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-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-black\/80 {
    --tw-gradient-from: color-mix(in srgb, oklch(0% 0 0 / 1.0) 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-400\/30 {
    --tw-gradient-from: color-mix(in srgb, oklch(71.2% 0.1601 249.4) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-blue-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-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-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-brown-500 {
    --tw-gradient-from: var(--color-brown-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-brown-600 {
    --tw-gradient-from: var(--color-brown-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-300\/25 {
    --tw-gradient-from: color-mix(in srgb, oklch(83.8% 0.1353 213.6) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-cyan-300) 25%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-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-600 {
    --tw-gradient-from: var(--color-cyan-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-emerald-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-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-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-600 {
    --tw-gradient-from: var(--color-fuchsia-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-gray-500 {
    --tw-gradient-from: var(--color-gray-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-gray-600 {
    --tw-gradient-from: var(--color-gray-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-green-400\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(80.9% 0.2424 142.8) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-green-400) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-green-500 {
    --tw-gradient-from: var(--color-green-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-green-600 {
    --tw-gradient-from: var(--color-green-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-indigo-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-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-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-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-olive-500 {
    --tw-gradient-from: var(--color-olive-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-olive-600 {
    --tw-gradient-from: var(--color-olive-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-400 {
    --tw-gradient-from: var(--color-orange-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-orange-500 {
    --tw-gradient-from: var(--color-orange-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-orange-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-pink-400\/30 {
    --tw-gradient-from: color-mix(in srgb, oklch(73.9% 0.2078 351.8) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-pink-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-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-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-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-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-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-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-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-600 {
    --tw-gradient-from: var(--color-rose-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-sky-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-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-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-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-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-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-400\/20 {
    --tw-gradient-from: color-mix(in srgb, oklch(71.6% 0.1712 295.1) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-violet-400) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-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-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-white\/35 {
    --tw-gradient-from: color-mix(in srgb, oklch(100% 0 0 / 1.0) 0.35, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-white) var(--opacity-35), transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-yellow-300\/25 {
    --tw-gradient-from: color-mix(in srgb, oklch(88.8% 0.18 92.8) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-yellow-300) 25%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-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-blue-50 {
    --tw-gradient-via: var(--color-blue-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);
  }
  .\!to-accent-amber-primary {
    --tw-gradient-to: var(--color-accent-amber-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-amber-secondary {
    --tw-gradient-to: var(--color-accent-amber-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-amber-tertiary {
    --tw-gradient-to: var(--color-accent-amber-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-blue-primary {
    --tw-gradient-to: var(--color-accent-blue-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-blue-secondary {
    --tw-gradient-to: var(--color-accent-blue-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-blue-tertiary {
    --tw-gradient-to: var(--color-accent-blue-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-brown-primary {
    --tw-gradient-to: var(--color-accent-brown-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-brown-secondary {
    --tw-gradient-to: var(--color-accent-brown-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-brown-tertiary {
    --tw-gradient-to: var(--color-accent-brown-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-cyan-primary {
    --tw-gradient-to: var(--color-accent-cyan-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-cyan-secondary {
    --tw-gradient-to: var(--color-accent-cyan-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-cyan-tertiary {
    --tw-gradient-to: var(--color-accent-cyan-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-emerald-primary {
    --tw-gradient-to: var(--color-accent-emerald-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-emerald-secondary {
    --tw-gradient-to: var(--color-accent-emerald-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-emerald-tertiary {
    --tw-gradient-to: var(--color-accent-emerald-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-fuchsia-primary {
    --tw-gradient-to: var(--color-accent-fuchsia-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-fuchsia-secondary {
    --tw-gradient-to: var(--color-accent-fuchsia-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-fuchsia-tertiary {
    --tw-gradient-to: var(--color-accent-fuchsia-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-gray-primary {
    --tw-gradient-to: var(--color-accent-gray-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-gray-secondary {
    --tw-gradient-to: var(--color-accent-gray-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-gray-tertiary {
    --tw-gradient-to: var(--color-accent-gray-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-green-primary {
    --tw-gradient-to: var(--color-accent-green-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-green-secondary {
    --tw-gradient-to: var(--color-accent-green-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-green-tertiary {
    --tw-gradient-to: var(--color-accent-green-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-indigo-primary {
    --tw-gradient-to: var(--color-accent-indigo-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-indigo-secondary {
    --tw-gradient-to: var(--color-accent-indigo-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-indigo-tertiary {
    --tw-gradient-to: var(--color-accent-indigo-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-lime-primary {
    --tw-gradient-to: var(--color-accent-lime-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-lime-secondary {
    --tw-gradient-to: var(--color-accent-lime-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-lime-tertiary {
    --tw-gradient-to: var(--color-accent-lime-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-olive-primary {
    --tw-gradient-to: var(--color-accent-olive-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-olive-secondary {
    --tw-gradient-to: var(--color-accent-olive-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-olive-tertiary {
    --tw-gradient-to: var(--color-accent-olive-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-orange-primary {
    --tw-gradient-to: var(--color-accent-orange-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-orange-secondary {
    --tw-gradient-to: var(--color-accent-orange-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-orange-tertiary {
    --tw-gradient-to: var(--color-accent-orange-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-pink-primary {
    --tw-gradient-to: var(--color-accent-pink-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-pink-secondary {
    --tw-gradient-to: var(--color-accent-pink-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-pink-tertiary {
    --tw-gradient-to: var(--color-accent-pink-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-purple-primary {
    --tw-gradient-to: var(--color-accent-purple-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-purple-secondary {
    --tw-gradient-to: var(--color-accent-purple-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-purple-tertiary {
    --tw-gradient-to: var(--color-accent-purple-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-red-primary {
    --tw-gradient-to: var(--color-accent-red-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-red-secondary {
    --tw-gradient-to: var(--color-accent-red-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-red-tertiary {
    --tw-gradient-to: var(--color-accent-red-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-rose-primary {
    --tw-gradient-to: var(--color-accent-rose-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-rose-secondary {
    --tw-gradient-to: var(--color-accent-rose-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-rose-tertiary {
    --tw-gradient-to: var(--color-accent-rose-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-sky-primary {
    --tw-gradient-to: var(--color-accent-sky-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-sky-secondary {
    --tw-gradient-to: var(--color-accent-sky-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-sky-tertiary {
    --tw-gradient-to: var(--color-accent-sky-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-teal-primary {
    --tw-gradient-to: var(--color-accent-teal-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-teal-secondary {
    --tw-gradient-to: var(--color-accent-teal-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-teal-tertiary {
    --tw-gradient-to: var(--color-accent-teal-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-violet-primary {
    --tw-gradient-to: var(--color-accent-violet-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-violet-secondary {
    --tw-gradient-to: var(--color-accent-violet-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-violet-tertiary {
    --tw-gradient-to: var(--color-accent-violet-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-yellow-primary {
    --tw-gradient-to: var(--color-accent-yellow-primary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-yellow-secondary {
    --tw-gradient-to: var(--color-accent-yellow-secondary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .\!to-accent-yellow-tertiary {
    --tw-gradient-to: var(--color-accent-yellow-tertiary) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .to-accent-amber-primary {
    --tw-gradient-to: var(--color-accent-amber-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-accent-amber-secondary {
    --tw-gradient-to: var(--color-accent-amber-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-accent-amber-tertiary {
    --tw-gradient-to: var(--color-accent-amber-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-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-blue-primary {
    --tw-gradient-to: var(--color-accent-blue-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-accent-blue-secondary {
    --tw-gradient-to: var(--color-accent-blue-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-accent-blue-tertiary {
    --tw-gradient-to: var(--color-accent-blue-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-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-brown-primary {
    --tw-gradient-to: var(--color-accent-brown-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-accent-brown-secondary {
    --tw-gradient-to: var(--color-accent-brown-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-accent-brown-tertiary {
    --tw-gradient-to: var(--color-accent-brown-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-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-cyan-primary {
    --tw-gradient-to: var(--color-accent-cyan-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-accent-cyan-secondary {
    --tw-gradient-to: var(--color-accent-cyan-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-accent-cyan-tertiary {
    --tw-gradient-to: var(--color-accent-cyan-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-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-emerald-primary {
    --tw-gradient-to: var(--color-accent-emerald-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-accent-emerald-secondary {
    --tw-gradient-to: var(--color-accent-emerald-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-accent-emerald-tertiary {
    --tw-gradient-to: var(--color-accent-emerald-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-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-fuchsia-primary {
    --tw-gradient-to: var(--color-accent-fuchsia-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-accent-fuchsia-secondary {
    --tw-gradient-to: var(--color-accent-fuchsia-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-accent-fuchsia-tertiary {
    --tw-gradient-to: var(--color-accent-fuchsia-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-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-gray-primary {
    --tw-gradient-to: var(--color-accent-gray-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-accent-gray-secondary {
    --tw-gradient-to: var(--color-accent-gray-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-accent-gray-tertiary {
    --tw-gradient-to: var(--color-accent-gray-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-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-green-primary {
    --tw-gradient-to: var(--color-accent-green-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-accent-green-secondary {
    --tw-gradient-to: var(--color-accent-green-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-accent-green-tertiary {
    --tw-gradient-to: var(--color-accent-green-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-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-indigo-primary {
    --tw-gradient-to: var(--color-accent-indigo-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-accent-indigo-secondary {
    --tw-gradient-to: var(--color-accent-indigo-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-accent-indigo-tertiary {
    --tw-gradient-to: var(--color-accent-indigo-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-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-lime-primary {
    --tw-gradient-to: var(--color-accent-lime-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-accent-lime-secondary {
    --tw-gradient-to: var(--color-accent-lime-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-accent-lime-tertiary {
    --tw-gradient-to: var(--color-accent-lime-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-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-olive-primary {
    --tw-gradient-to: var(--color-accent-olive-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-accent-olive-secondary {
    --tw-gradient-to: var(--color-accent-olive-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-accent-olive-tertiary {
    --tw-gradient-to: var(--color-accent-olive-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-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-orange-primary {
    --tw-gradient-to: var(--color-accent-orange-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-accent-orange-secondary {
    --tw-gradient-to: var(--color-accent-orange-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-accent-orange-tertiary {
    --tw-gradient-to: var(--color-accent-orange-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-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-pink-primary {
    --tw-gradient-to: var(--color-accent-pink-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-accent-pink-secondary {
    --tw-gradient-to: var(--color-accent-pink-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-accent-pink-tertiary {
    --tw-gradient-to: var(--color-accent-pink-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-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-purple-primary {
    --tw-gradient-to: var(--color-accent-purple-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-accent-purple-secondary {
    --tw-gradient-to: var(--color-accent-purple-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-accent-purple-tertiary {
    --tw-gradient-to: var(--color-accent-purple-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-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-red-primary {
    --tw-gradient-to: var(--color-accent-red-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-accent-red-secondary {
    --tw-gradient-to: var(--color-accent-red-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-accent-red-tertiary {
    --tw-gradient-to: var(--color-accent-red-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-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-rose-primary {
    --tw-gradient-to: var(--color-accent-rose-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-accent-rose-secondary {
    --tw-gradient-to: var(--color-accent-rose-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-accent-rose-tertiary {
    --tw-gradient-to: var(--color-accent-rose-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-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-sky-primary {
    --tw-gradient-to: var(--color-accent-sky-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-accent-sky-secondary {
    --tw-gradient-to: var(--color-accent-sky-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-accent-sky-tertiary {
    --tw-gradient-to: var(--color-accent-sky-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-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-teal-primary {
    --tw-gradient-to: var(--color-accent-teal-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-accent-teal-secondary {
    --tw-gradient-to: var(--color-accent-teal-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-accent-teal-tertiary {
    --tw-gradient-to: var(--color-accent-teal-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-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-violet-primary {
    --tw-gradient-to: var(--color-accent-violet-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-accent-violet-secondary {
    --tw-gradient-to: var(--color-accent-violet-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-accent-violet-tertiary {
    --tw-gradient-to: var(--color-accent-violet-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-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-yellow-primary {
    --tw-gradient-to: var(--color-accent-yellow-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-accent-yellow-secondary {
    --tw-gradient-to: var(--color-accent-yellow-secondary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-accent-yellow-tertiary {
    --tw-gradient-to: var(--color-accent-yellow-tertiary);
    --tw-gradient-stops: var(--tw-gradient-via-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-300 {
    --tw-gradient-to: var(--color-amber-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-amber-300\/25 {
    --tw-gradient-to: color-mix(in srgb, oklch(88.8% 0.18 92.8) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-amber-300) 25%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-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-background-quaternary {
    --tw-gradient-to: var(--color-background-quaternary);
    --tw-gradient-stops: var(--tw-gradient-via-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-300 {
    --tw-gradient-to: var(--color-blue-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-blue-300\/25 {
    --tw-gradient-to: color-mix(in srgb, oklch(80.7% 0.1085 246.6) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-blue-300) 25%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-blue-400 {
    --tw-gradient-to: var(--color-blue-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-brown-300 {
    --tw-gradient-to: var(--color-brown-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-brown-400 {
    --tw-gradient-to: var(--color-brown-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-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-emerald-300 {
    --tw-gradient-to: var(--color-emerald-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-emerald-400 {
    --tw-gradient-to: var(--color-emerald-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-fuchsia-300 {
    --tw-gradient-to: var(--color-fuchsia-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .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-400\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(76.2% 0.2337 325.6) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-fuchsia-400) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-gray-300 {
    --tw-gradient-to: var(--color-gray-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-gray-400 {
    --tw-gradient-to: var(--color-gray-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-green-300 {
    --tw-gradient-to: var(--color-green-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-green-400 {
    --tw-gradient-to: var(--color-green-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-indigo-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-300 {
    --tw-gradient-to: var(--color-indigo-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-indigo-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-lime-300 {
    --tw-gradient-to: var(--color-lime-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-lime-400 {
    --tw-gradient-to: var(--color-lime-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-olive-300 {
    --tw-gradient-to: var(--color-olive-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-olive-400 {
    --tw-gradient-to: var(--color-olive-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-300 {
    --tw-gradient-to: var(--color-orange-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-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-400\/30 {
    --tw-gradient-to: color-mix(in srgb, oklch(76.7% 0.1878 53.7) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: 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));
  }
  .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-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-400\/30 {
    --tw-gradient-to: color-mix(in srgb, oklch(73.1% 0.1936 308.4) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-purple-400) 30%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-red-300 {
    --tw-gradient-to: var(--color-red-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-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-rose-300 {
    --tw-gradient-to: var(--color-rose-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-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-sky-300 {
    --tw-gradient-to: var(--color-sky-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-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-teal-300 {
    --tw-gradient-to: var(--color-teal-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-teal-400 {
    --tw-gradient-to: 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));
  }
  .to-teal-400\/20 {
    --tw-gradient-to: color-mix(in srgb, oklch(77.4% 0.1677 195.4) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-teal-400) 20%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-teal-600 {
    --tw-gradient-to: var(--color-teal-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-violet-300 {
    --tw-gradient-to: var(--color-violet-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-violet-400 {
    --tw-gradient-to: 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));
  }
  .to-white\/75 {
    --tw-gradient-to: color-mix(in srgb, oklch(100% 0 0 / 1.0) 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-white) 75%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .bg-auto {
    background-size: auto;
  }
  .bg-cover {
    background-size: cover;
  }
  .bg-size-\[2px_16px\] {
    background-size: 2px 16px;
  }
  .bg-size-\[40px_40px\] {
    background-size: 40px 40px;
  }
  .bg-size-\[90\%\] {
    background-size: 90%;
  }
  .bg-size-\[auto_500px\] {
    background-size: auto 500px;
  }
  .bg-size-\[auto_550px\] {
    background-size: auto 550px;
  }
  .bg-clip-padding {
    background-clip: padding-box;
  }
  .bg-bottom {
    background-position: bottom;
  }
  .bg-bottom-left {
    background-position: left bottom;
  }
  .bg-center {
    background-position: center;
  }
  .bg-position-\[bottom_right_-100px\] {
    background-position: bottom right -100px;
  }
  .bg-right {
    background-position: right;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .bg-repeat-y {
    background-repeat: repeat-y;
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .object-scale-down {
    object-fit: scale-down;
  }
  .object-center {
    object-position: center;
  }
  .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\! {
    padding: calc(var(--spacing) * 2) !important;
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-10 {
    padding: calc(var(--spacing) * 10);
  }
  .p-12 {
    padding: calc(var(--spacing) * 12);
  }
  .p-16 {
    padding: calc(var(--spacing) * 16);
  }
  .p-\[10px\]\! {
    padding: 10px !important;
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .px-0\! {
    padding-inline: calc(var(--spacing) * 0) !important;
  }
  .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\! {
    padding-inline: calc(var(--spacing) * 2) !important;
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }
  .px-12 {
    padding-inline: calc(var(--spacing) * 12);
  }
  .px-\[11px\] {
    padding-inline: 11px;
  }
  .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-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }
  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .py-24 {
    padding-block: calc(var(--spacing) * 24);
  }
  .py-40 {
    padding-block: calc(var(--spacing) * 40);
  }
  .py-\[13px\] {
    padding-block: 13px;
  }
  .py-\[14px\] {
    padding-block: 14px;
  }
  .py-\[82px\] {
    padding-block: 82px;
  }
  .py-\[85px\] {
    padding-block: 85px;
  }
  .py-px {
    padding-block: 1px;
  }
  .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-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }
  .pt-14 {
    padding-top: calc(var(--spacing) * 14);
  }
  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }
  .pt-20 {
    padding-top: calc(var(--spacing) * 20);
  }
  .pt-\[60px\] {
    padding-top: 60px;
  }
  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }
  .pr-1\.5 {
    padding-right: calc(var(--spacing) * 1.5);
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
  .pr-3\.5 {
    padding-right: calc(var(--spacing) * 3.5);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }
  .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);
  }
  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-3\.5 {
    padding-bottom: calc(var(--spacing) * 3.5);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-7 {
    padding-bottom: calc(var(--spacing) * 7);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-10\! {
    padding-bottom: calc(var(--spacing) * 10) !important;
  }
  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }
  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }
  .pb-\[60px\] {
    padding-bottom: 60px;
  }
  .pb-\[82px\] {
    padding-bottom: 82px;
  }
  .pl-1 {
    padding-left: calc(var(--spacing) * 1);
  }
  .pl-1\.5 {
    padding-left: calc(var(--spacing) * 1.5);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-3\! {
    padding-left: calc(var(--spacing) * 3) !important;
  }
  .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-10 {
    padding-left: calc(var(--spacing) * 10);
  }
  .pl-\[60px\] {
    padding-left: 60px;
  }
  .pl-\[240px\] {
    padding-left: 240px;
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .indent-\[0\.4em\] {
    text-indent: 0.4em;
  }
  .align-baseline {
    vertical-align: baseline;
  }
  .align-middle {
    vertical-align: middle;
  }
  .align-top {
    vertical-align: top;
  }
  .font-caveat {
    font-family: var(--font-caveat);
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .font-sans {
    font-family: var(--font-sans);
  }
  .font-serif {
    font-family: var(--font-serif);
  }
  .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-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xl\! {
    font-size: var(--text-xl) !important;
    line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[6px\] {
    font-size: 6px;
  }
  .text-\[11vw\] {
    font-size: 11vw;
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .text-\[14px\] {
    font-size: 14px;
  }
  .text-\[18px\] {
    font-size: 18px;
  }
  .text-\[20vw\] {
    font-size: 20vw;
  }
  .text-\[22px\] {
    font-size: 22px;
  }
  .text-\[24px\] {
    font-size: 24px;
  }
  .text-\[32px\] {
    font-size: 32px;
  }
  .text-\[48px\] {
    font-size: 48px;
  }
  .text-\[60px\] {
    font-size: 60px;
  }
  .text-\[64px\] {
    font-size: 64px;
  }
  .text-\[92px\] {
    font-size: 92px;
  }
  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .leading-\[11vw\] {
    --tw-leading: 11vw;
    line-height: 11vw;
  }
  .leading-\[20vw\] {
    --tw-leading: 20vw;
    line-height: 20vw;
  }
  .leading-\[22px\] {
    --tw-leading: 22px;
    line-height: 22px;
  }
  .leading-\[48px\] {
    --tw-leading: 48px;
    line-height: 48px;
  }
  .leading-\[64px\] {
    --tw-leading: 64px;
    line-height: 64px;
  }
  .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);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-\[0\.4em\] {
    --tw-tracking: 0.4em;
    letter-spacing: 0.4em;
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .text-nowrap {
    text-wrap: nowrap;
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .wrap-break-word {
    overflow-wrap: break-word;
  }
  .text-ellipsis {
    text-overflow: ellipsis;
  }
  .whitespace-normal\! {
    white-space: normal !important;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .\!text-accent-amber-dark {
    color: var(--color-accent-amber-dark) !important;
  }
  .\!text-accent-amber-on-surface {
    color: var(--color-accent-amber-on-surface) !important;
  }
  .\!text-accent-amber-primary {
    color: var(--color-accent-amber-primary) !important;
  }
  .\!text-accent-amber-secondary {
    color: var(--color-accent-amber-secondary) !important;
  }
  .\!text-accent-amber-surface-primary {
    color: var(--color-accent-amber-surface-primary) !important;
  }
  .\!text-accent-amber-surface-secondary {
    color: var(--color-accent-amber-surface-secondary) !important;
  }
  .\!text-accent-amber-tertiary {
    color: var(--color-accent-amber-tertiary) !important;
  }
  .\!text-accent-blue-dark {
    color: var(--color-accent-blue-dark) !important;
  }
  .\!text-accent-blue-on-surface {
    color: var(--color-accent-blue-on-surface) !important;
  }
  .\!text-accent-blue-primary {
    color: var(--color-accent-blue-primary) !important;
  }
  .\!text-accent-blue-secondary {
    color: var(--color-accent-blue-secondary) !important;
  }
  .\!text-accent-blue-surface-primary {
    color: var(--color-accent-blue-surface-primary) !important;
  }
  .\!text-accent-blue-surface-secondary {
    color: var(--color-accent-blue-surface-secondary) !important;
  }
  .\!text-accent-blue-tertiary {
    color: var(--color-accent-blue-tertiary) !important;
  }
  .\!text-accent-brown-dark {
    color: var(--color-accent-brown-dark) !important;
  }
  .\!text-accent-brown-on-surface {
    color: var(--color-accent-brown-on-surface) !important;
  }
  .\!text-accent-brown-primary {
    color: var(--color-accent-brown-primary) !important;
  }
  .\!text-accent-brown-secondary {
    color: var(--color-accent-brown-secondary) !important;
  }
  .\!text-accent-brown-surface-primary {
    color: var(--color-accent-brown-surface-primary) !important;
  }
  .\!text-accent-brown-surface-secondary {
    color: var(--color-accent-brown-surface-secondary) !important;
  }
  .\!text-accent-brown-tertiary {
    color: var(--color-accent-brown-tertiary) !important;
  }
  .\!text-accent-cyan-dark {
    color: var(--color-accent-cyan-dark) !important;
  }
  .\!text-accent-cyan-on-surface {
    color: var(--color-accent-cyan-on-surface) !important;
  }
  .\!text-accent-cyan-primary {
    color: var(--color-accent-cyan-primary) !important;
  }
  .\!text-accent-cyan-secondary {
    color: var(--color-accent-cyan-secondary) !important;
  }
  .\!text-accent-cyan-surface-primary {
    color: var(--color-accent-cyan-surface-primary) !important;
  }
  .\!text-accent-cyan-surface-secondary {
    color: var(--color-accent-cyan-surface-secondary) !important;
  }
  .\!text-accent-cyan-tertiary {
    color: var(--color-accent-cyan-tertiary) !important;
  }
  .\!text-accent-emerald-dark {
    color: var(--color-accent-emerald-dark) !important;
  }
  .\!text-accent-emerald-on-surface {
    color: var(--color-accent-emerald-on-surface) !important;
  }
  .\!text-accent-emerald-primary {
    color: var(--color-accent-emerald-primary) !important;
  }
  .\!text-accent-emerald-secondary {
    color: var(--color-accent-emerald-secondary) !important;
  }
  .\!text-accent-emerald-surface-primary {
    color: var(--color-accent-emerald-surface-primary) !important;
  }
  .\!text-accent-emerald-surface-secondary {
    color: var(--color-accent-emerald-surface-secondary) !important;
  }
  .\!text-accent-emerald-tertiary {
    color: var(--color-accent-emerald-tertiary) !important;
  }
  .\!text-accent-fuchsia-dark {
    color: var(--color-accent-fuchsia-dark) !important;
  }
  .\!text-accent-fuchsia-on-surface {
    color: var(--color-accent-fuchsia-on-surface) !important;
  }
  .\!text-accent-fuchsia-primary {
    color: var(--color-accent-fuchsia-primary) !important;
  }
  .\!text-accent-fuchsia-secondary {
    color: var(--color-accent-fuchsia-secondary) !important;
  }
  .\!text-accent-fuchsia-surface-primary {
    color: var(--color-accent-fuchsia-surface-primary) !important;
  }
  .\!text-accent-fuchsia-surface-secondary {
    color: var(--color-accent-fuchsia-surface-secondary) !important;
  }
  .\!text-accent-fuchsia-tertiary {
    color: var(--color-accent-fuchsia-tertiary) !important;
  }
  .\!text-accent-gray-dark {
    color: var(--color-accent-gray-dark) !important;
  }
  .\!text-accent-gray-on-surface {
    color: var(--color-accent-gray-on-surface) !important;
  }
  .\!text-accent-gray-primary {
    color: var(--color-accent-gray-primary) !important;
  }
  .\!text-accent-gray-secondary {
    color: var(--color-accent-gray-secondary) !important;
  }
  .\!text-accent-gray-surface-primary {
    color: var(--color-accent-gray-surface-primary) !important;
  }
  .\!text-accent-gray-surface-secondary {
    color: var(--color-accent-gray-surface-secondary) !important;
  }
  .\!text-accent-gray-tertiary {
    color: var(--color-accent-gray-tertiary) !important;
  }
  .\!text-accent-green-dark {
    color: var(--color-accent-green-dark) !important;
  }
  .\!text-accent-green-on-surface {
    color: var(--color-accent-green-on-surface) !important;
  }
  .\!text-accent-green-primary {
    color: var(--color-accent-green-primary) !important;
  }
  .\!text-accent-green-secondary {
    color: var(--color-accent-green-secondary) !important;
  }
  .\!text-accent-green-surface-primary {
    color: var(--color-accent-green-surface-primary) !important;
  }
  .\!text-accent-green-surface-secondary {
    color: var(--color-accent-green-surface-secondary) !important;
  }
  .\!text-accent-green-tertiary {
    color: var(--color-accent-green-tertiary) !important;
  }
  .\!text-accent-indigo-dark {
    color: var(--color-accent-indigo-dark) !important;
  }
  .\!text-accent-indigo-on-surface {
    color: var(--color-accent-indigo-on-surface) !important;
  }
  .\!text-accent-indigo-primary {
    color: var(--color-accent-indigo-primary) !important;
  }
  .\!text-accent-indigo-secondary {
    color: var(--color-accent-indigo-secondary) !important;
  }
  .\!text-accent-indigo-surface-primary {
    color: var(--color-accent-indigo-surface-primary) !important;
  }
  .\!text-accent-indigo-surface-secondary {
    color: var(--color-accent-indigo-surface-secondary) !important;
  }
  .\!text-accent-indigo-tertiary {
    color: var(--color-accent-indigo-tertiary) !important;
  }
  .\!text-accent-lime-dark {
    color: var(--color-accent-lime-dark) !important;
  }
  .\!text-accent-lime-on-surface {
    color: var(--color-accent-lime-on-surface) !important;
  }
  .\!text-accent-lime-primary {
    color: var(--color-accent-lime-primary) !important;
  }
  .\!text-accent-lime-secondary {
    color: var(--color-accent-lime-secondary) !important;
  }
  .\!text-accent-lime-surface-primary {
    color: var(--color-accent-lime-surface-primary) !important;
  }
  .\!text-accent-lime-surface-secondary {
    color: var(--color-accent-lime-surface-secondary) !important;
  }
  .\!text-accent-lime-tertiary {
    color: var(--color-accent-lime-tertiary) !important;
  }
  .\!text-accent-olive-dark {
    color: var(--color-accent-olive-dark) !important;
  }
  .\!text-accent-olive-on-surface {
    color: var(--color-accent-olive-on-surface) !important;
  }
  .\!text-accent-olive-primary {
    color: var(--color-accent-olive-primary) !important;
  }
  .\!text-accent-olive-secondary {
    color: var(--color-accent-olive-secondary) !important;
  }
  .\!text-accent-olive-surface-primary {
    color: var(--color-accent-olive-surface-primary) !important;
  }
  .\!text-accent-olive-surface-secondary {
    color: var(--color-accent-olive-surface-secondary) !important;
  }
  .\!text-accent-olive-tertiary {
    color: var(--color-accent-olive-tertiary) !important;
  }
  .\!text-accent-orange-dark {
    color: var(--color-accent-orange-dark) !important;
  }
  .\!text-accent-orange-on-surface {
    color: var(--color-accent-orange-on-surface) !important;
  }
  .\!text-accent-orange-primary {
    color: var(--color-accent-orange-primary) !important;
  }
  .\!text-accent-orange-secondary {
    color: var(--color-accent-orange-secondary) !important;
  }
  .\!text-accent-orange-surface-primary {
    color: var(--color-accent-orange-surface-primary) !important;
  }
  .\!text-accent-orange-surface-secondary {
    color: var(--color-accent-orange-surface-secondary) !important;
  }
  .\!text-accent-orange-tertiary {
    color: var(--color-accent-orange-tertiary) !important;
  }
  .\!text-accent-pink-dark {
    color: var(--color-accent-pink-dark) !important;
  }
  .\!text-accent-pink-on-surface {
    color: var(--color-accent-pink-on-surface) !important;
  }
  .\!text-accent-pink-primary {
    color: var(--color-accent-pink-primary) !important;
  }
  .\!text-accent-pink-secondary {
    color: var(--color-accent-pink-secondary) !important;
  }
  .\!text-accent-pink-surface-primary {
    color: var(--color-accent-pink-surface-primary) !important;
  }
  .\!text-accent-pink-surface-secondary {
    color: var(--color-accent-pink-surface-secondary) !important;
  }
  .\!text-accent-pink-tertiary {
    color: var(--color-accent-pink-tertiary) !important;
  }
  .\!text-accent-purple-dark {
    color: var(--color-accent-purple-dark) !important;
  }
  .\!text-accent-purple-on-surface {
    color: var(--color-accent-purple-on-surface) !important;
  }
  .\!text-accent-purple-primary {
    color: var(--color-accent-purple-primary) !important;
  }
  .\!text-accent-purple-secondary {
    color: var(--color-accent-purple-secondary) !important;
  }
  .\!text-accent-purple-surface-primary {
    color: var(--color-accent-purple-surface-primary) !important;
  }
  .\!text-accent-purple-surface-secondary {
    color: var(--color-accent-purple-surface-secondary) !important;
  }
  .\!text-accent-purple-tertiary {
    color: var(--color-accent-purple-tertiary) !important;
  }
  .\!text-accent-red-dark {
    color: var(--color-accent-red-dark) !important;
  }
  .\!text-accent-red-on-surface {
    color: var(--color-accent-red-on-surface) !important;
  }
  .\!text-accent-red-primary {
    color: var(--color-accent-red-primary) !important;
  }
  .\!text-accent-red-secondary {
    color: var(--color-accent-red-secondary) !important;
  }
  .\!text-accent-red-surface-primary {
    color: var(--color-accent-red-surface-primary) !important;
  }
  .\!text-accent-red-surface-secondary {
    color: var(--color-accent-red-surface-secondary) !important;
  }
  .\!text-accent-red-tertiary {
    color: var(--color-accent-red-tertiary) !important;
  }
  .\!text-accent-rose-dark {
    color: var(--color-accent-rose-dark) !important;
  }
  .\!text-accent-rose-on-surface {
    color: var(--color-accent-rose-on-surface) !important;
  }
  .\!text-accent-rose-primary {
    color: var(--color-accent-rose-primary) !important;
  }
  .\!text-accent-rose-secondary {
    color: var(--color-accent-rose-secondary) !important;
  }
  .\!text-accent-rose-surface-primary {
    color: var(--color-accent-rose-surface-primary) !important;
  }
  .\!text-accent-rose-surface-secondary {
    color: var(--color-accent-rose-surface-secondary) !important;
  }
  .\!text-accent-rose-tertiary {
    color: var(--color-accent-rose-tertiary) !important;
  }
  .\!text-accent-sky-dark {
    color: var(--color-accent-sky-dark) !important;
  }
  .\!text-accent-sky-on-surface {
    color: var(--color-accent-sky-on-surface) !important;
  }
  .\!text-accent-sky-primary {
    color: var(--color-accent-sky-primary) !important;
  }
  .\!text-accent-sky-secondary {
    color: var(--color-accent-sky-secondary) !important;
  }
  .\!text-accent-sky-surface-primary {
    color: var(--color-accent-sky-surface-primary) !important;
  }
  .\!text-accent-sky-surface-secondary {
    color: var(--color-accent-sky-surface-secondary) !important;
  }
  .\!text-accent-sky-tertiary {
    color: var(--color-accent-sky-tertiary) !important;
  }
  .\!text-accent-teal-dark {
    color: var(--color-accent-teal-dark) !important;
  }
  .\!text-accent-teal-on-surface {
    color: var(--color-accent-teal-on-surface) !important;
  }
  .\!text-accent-teal-primary {
    color: var(--color-accent-teal-primary) !important;
  }
  .\!text-accent-teal-secondary {
    color: var(--color-accent-teal-secondary) !important;
  }
  .\!text-accent-teal-surface-primary {
    color: var(--color-accent-teal-surface-primary) !important;
  }
  .\!text-accent-teal-surface-secondary {
    color: var(--color-accent-teal-surface-secondary) !important;
  }
  .\!text-accent-teal-tertiary {
    color: var(--color-accent-teal-tertiary) !important;
  }
  .\!text-accent-violet-dark {
    color: var(--color-accent-violet-dark) !important;
  }
  .\!text-accent-violet-on-surface {
    color: var(--color-accent-violet-on-surface) !important;
  }
  .\!text-accent-violet-primary {
    color: var(--color-accent-violet-primary) !important;
  }
  .\!text-accent-violet-secondary {
    color: var(--color-accent-violet-secondary) !important;
  }
  .\!text-accent-violet-surface-primary {
    color: var(--color-accent-violet-surface-primary) !important;
  }
  .\!text-accent-violet-surface-secondary {
    color: var(--color-accent-violet-surface-secondary) !important;
  }
  .\!text-accent-violet-tertiary {
    color: var(--color-accent-violet-tertiary) !important;
  }
  .\!text-accent-yellow-dark {
    color: var(--color-accent-yellow-dark) !important;
  }
  .\!text-accent-yellow-on-surface {
    color: var(--color-accent-yellow-on-surface) !important;
  }
  .\!text-accent-yellow-primary {
    color: var(--color-accent-yellow-primary) !important;
  }
  .\!text-accent-yellow-secondary {
    color: var(--color-accent-yellow-secondary) !important;
  }
  .\!text-accent-yellow-surface-primary {
    color: var(--color-accent-yellow-surface-primary) !important;
  }
  .\!text-accent-yellow-surface-secondary {
    color: var(--color-accent-yellow-surface-secondary) !important;
  }
  .\!text-accent-yellow-tertiary {
    color: var(--color-accent-yellow-tertiary) !important;
  }
  .text-accent-amber-dark {
    color: var(--color-accent-amber-dark);
  }
  .text-accent-amber-on-surface {
    color: var(--color-accent-amber-on-surface);
  }
  .text-accent-amber-primary {
    color: var(--color-accent-amber-primary);
  }
  .text-accent-amber-secondary {
    color: var(--color-accent-amber-secondary);
  }
  .text-accent-amber-surface-primary {
    color: var(--color-accent-amber-surface-primary);
  }
  .text-accent-amber-surface-secondary {
    color: var(--color-accent-amber-surface-secondary);
  }
  .text-accent-amber-tertiary {
    color: var(--color-accent-amber-tertiary);
  }
  .text-accent-blue-dark {
    color: var(--color-accent-blue-dark);
  }
  .text-accent-blue-on-surface {
    color: var(--color-accent-blue-on-surface);
  }
  .text-accent-blue-primary {
    color: var(--color-accent-blue-primary);
  }
  .text-accent-blue-secondary {
    color: var(--color-accent-blue-secondary);
  }
  .text-accent-blue-surface-primary {
    color: var(--color-accent-blue-surface-primary);
  }
  .text-accent-blue-surface-secondary {
    color: var(--color-accent-blue-surface-secondary);
  }
  .text-accent-blue-tertiary {
    color: var(--color-accent-blue-tertiary);
  }
  .text-accent-brown-dark {
    color: var(--color-accent-brown-dark);
  }
  .text-accent-brown-on-surface {
    color: var(--color-accent-brown-on-surface);
  }
  .text-accent-brown-primary {
    color: var(--color-accent-brown-primary);
  }
  .text-accent-brown-secondary {
    color: var(--color-accent-brown-secondary);
  }
  .text-accent-brown-surface-primary {
    color: var(--color-accent-brown-surface-primary);
  }
  .text-accent-brown-surface-secondary {
    color: var(--color-accent-brown-surface-secondary);
  }
  .text-accent-brown-tertiary {
    color: var(--color-accent-brown-tertiary);
  }
  .text-accent-cyan-dark {
    color: var(--color-accent-cyan-dark);
  }
  .text-accent-cyan-on-surface {
    color: var(--color-accent-cyan-on-surface);
  }
  .text-accent-cyan-primary {
    color: var(--color-accent-cyan-primary);
  }
  .text-accent-cyan-secondary {
    color: var(--color-accent-cyan-secondary);
  }
  .text-accent-cyan-surface-primary {
    color: var(--color-accent-cyan-surface-primary);
  }
  .text-accent-cyan-surface-secondary {
    color: var(--color-accent-cyan-surface-secondary);
  }
  .text-accent-cyan-tertiary {
    color: var(--color-accent-cyan-tertiary);
  }
  .text-accent-emerald-dark {
    color: var(--color-accent-emerald-dark);
  }
  .text-accent-emerald-on-surface {
    color: var(--color-accent-emerald-on-surface);
  }
  .text-accent-emerald-primary {
    color: var(--color-accent-emerald-primary);
  }
  .text-accent-emerald-secondary {
    color: var(--color-accent-emerald-secondary);
  }
  .text-accent-emerald-surface-primary {
    color: var(--color-accent-emerald-surface-primary);
  }
  .text-accent-emerald-surface-secondary {
    color: var(--color-accent-emerald-surface-secondary);
  }
  .text-accent-emerald-tertiary {
    color: var(--color-accent-emerald-tertiary);
  }
  .text-accent-fuchsia-dark {
    color: var(--color-accent-fuchsia-dark);
  }
  .text-accent-fuchsia-on-surface {
    color: var(--color-accent-fuchsia-on-surface);
  }
  .text-accent-fuchsia-primary {
    color: var(--color-accent-fuchsia-primary);
  }
  .text-accent-fuchsia-secondary {
    color: var(--color-accent-fuchsia-secondary);
  }
  .text-accent-fuchsia-surface-primary {
    color: var(--color-accent-fuchsia-surface-primary);
  }
  .text-accent-fuchsia-surface-secondary {
    color: var(--color-accent-fuchsia-surface-secondary);
  }
  .text-accent-fuchsia-tertiary {
    color: var(--color-accent-fuchsia-tertiary);
  }
  .text-accent-gray-dark {
    color: var(--color-accent-gray-dark);
  }
  .text-accent-gray-on-surface {
    color: var(--color-accent-gray-on-surface);
  }
  .text-accent-gray-primary {
    color: var(--color-accent-gray-primary);
  }
  .text-accent-gray-secondary {
    color: var(--color-accent-gray-secondary);
  }
  .text-accent-gray-surface-primary {
    color: var(--color-accent-gray-surface-primary);
  }
  .text-accent-gray-surface-secondary {
    color: var(--color-accent-gray-surface-secondary);
  }
  .text-accent-gray-tertiary {
    color: var(--color-accent-gray-tertiary);
  }
  .text-accent-green-dark {
    color: var(--color-accent-green-dark);
  }
  .text-accent-green-on-surface {
    color: var(--color-accent-green-on-surface);
  }
  .text-accent-green-primary {
    color: var(--color-accent-green-primary);
  }
  .text-accent-green-secondary {
    color: var(--color-accent-green-secondary);
  }
  .text-accent-green-surface-primary {
    color: var(--color-accent-green-surface-primary);
  }
  .text-accent-green-surface-secondary {
    color: var(--color-accent-green-surface-secondary);
  }
  .text-accent-green-tertiary {
    color: var(--color-accent-green-tertiary);
  }
  .text-accent-indigo-dark {
    color: var(--color-accent-indigo-dark);
  }
  .text-accent-indigo-on-surface {
    color: var(--color-accent-indigo-on-surface);
  }
  .text-accent-indigo-primary {
    color: var(--color-accent-indigo-primary);
  }
  .text-accent-indigo-secondary {
    color: var(--color-accent-indigo-secondary);
  }
  .text-accent-indigo-surface-primary {
    color: var(--color-accent-indigo-surface-primary);
  }
  .text-accent-indigo-surface-secondary {
    color: var(--color-accent-indigo-surface-secondary);
  }
  .text-accent-indigo-tertiary {
    color: var(--color-accent-indigo-tertiary);
  }
  .text-accent-lime-dark {
    color: var(--color-accent-lime-dark);
  }
  .text-accent-lime-on-surface {
    color: var(--color-accent-lime-on-surface);
  }
  .text-accent-lime-primary {
    color: var(--color-accent-lime-primary);
  }
  .text-accent-lime-secondary {
    color: var(--color-accent-lime-secondary);
  }
  .text-accent-lime-surface-primary {
    color: var(--color-accent-lime-surface-primary);
  }
  .text-accent-lime-surface-secondary {
    color: var(--color-accent-lime-surface-secondary);
  }
  .text-accent-lime-tertiary {
    color: var(--color-accent-lime-tertiary);
  }
  .text-accent-olive-dark {
    color: var(--color-accent-olive-dark);
  }
  .text-accent-olive-on-surface {
    color: var(--color-accent-olive-on-surface);
  }
  .text-accent-olive-primary {
    color: var(--color-accent-olive-primary);
  }
  .text-accent-olive-secondary {
    color: var(--color-accent-olive-secondary);
  }
  .text-accent-olive-surface-primary {
    color: var(--color-accent-olive-surface-primary);
  }
  .text-accent-olive-surface-secondary {
    color: var(--color-accent-olive-surface-secondary);
  }
  .text-accent-olive-tertiary {
    color: var(--color-accent-olive-tertiary);
  }
  .text-accent-orange-dark {
    color: var(--color-accent-orange-dark);
  }
  .text-accent-orange-on-surface {
    color: var(--color-accent-orange-on-surface);
  }
  .text-accent-orange-primary {
    color: var(--color-accent-orange-primary);
  }
  .text-accent-orange-secondary {
    color: var(--color-accent-orange-secondary);
  }
  .text-accent-orange-surface-primary {
    color: var(--color-accent-orange-surface-primary);
  }
  .text-accent-orange-surface-secondary {
    color: var(--color-accent-orange-surface-secondary);
  }
  .text-accent-orange-tertiary {
    color: var(--color-accent-orange-tertiary);
  }
  .text-accent-pink-dark {
    color: var(--color-accent-pink-dark);
  }
  .text-accent-pink-on-surface {
    color: var(--color-accent-pink-on-surface);
  }
  .text-accent-pink-primary {
    color: var(--color-accent-pink-primary);
  }
  .text-accent-pink-secondary {
    color: var(--color-accent-pink-secondary);
  }
  .text-accent-pink-surface-primary {
    color: var(--color-accent-pink-surface-primary);
  }
  .text-accent-pink-surface-secondary {
    color: var(--color-accent-pink-surface-secondary);
  }
  .text-accent-pink-tertiary {
    color: var(--color-accent-pink-tertiary);
  }
  .text-accent-purple-dark {
    color: var(--color-accent-purple-dark);
  }
  .text-accent-purple-on-surface {
    color: var(--color-accent-purple-on-surface);
  }
  .text-accent-purple-primary {
    color: var(--color-accent-purple-primary);
  }
  .text-accent-purple-secondary {
    color: var(--color-accent-purple-secondary);
  }
  .text-accent-purple-surface-primary {
    color: var(--color-accent-purple-surface-primary);
  }
  .text-accent-purple-surface-secondary {
    color: var(--color-accent-purple-surface-secondary);
  }
  .text-accent-purple-tertiary {
    color: var(--color-accent-purple-tertiary);
  }
  .text-accent-red-dark {
    color: var(--color-accent-red-dark);
  }
  .text-accent-red-on-surface {
    color: var(--color-accent-red-on-surface);
  }
  .text-accent-red-primary {
    color: var(--color-accent-red-primary);
  }
  .text-accent-red-secondary {
    color: var(--color-accent-red-secondary);
  }
  .text-accent-red-surface-primary {
    color: var(--color-accent-red-surface-primary);
  }
  .text-accent-red-surface-secondary {
    color: var(--color-accent-red-surface-secondary);
  }
  .text-accent-red-tertiary {
    color: var(--color-accent-red-tertiary);
  }
  .text-accent-rose-dark {
    color: var(--color-accent-rose-dark);
  }
  .text-accent-rose-on-surface {
    color: var(--color-accent-rose-on-surface);
  }
  .text-accent-rose-primary {
    color: var(--color-accent-rose-primary);
  }
  .text-accent-rose-secondary {
    color: var(--color-accent-rose-secondary);
  }
  .text-accent-rose-surface-primary {
    color: var(--color-accent-rose-surface-primary);
  }
  .text-accent-rose-surface-secondary {
    color: var(--color-accent-rose-surface-secondary);
  }
  .text-accent-rose-tertiary {
    color: var(--color-accent-rose-tertiary);
  }
  .text-accent-sky-dark {
    color: var(--color-accent-sky-dark);
  }
  .text-accent-sky-on-surface {
    color: var(--color-accent-sky-on-surface);
  }
  .text-accent-sky-primary {
    color: var(--color-accent-sky-primary);
  }
  .text-accent-sky-secondary {
    color: var(--color-accent-sky-secondary);
  }
  .text-accent-sky-surface-primary {
    color: var(--color-accent-sky-surface-primary);
  }
  .text-accent-sky-surface-secondary {
    color: var(--color-accent-sky-surface-secondary);
  }
  .text-accent-sky-tertiary {
    color: var(--color-accent-sky-tertiary);
  }
  .text-accent-teal-dark {
    color: var(--color-accent-teal-dark);
  }
  .text-accent-teal-on-surface {
    color: var(--color-accent-teal-on-surface);
  }
  .text-accent-teal-primary {
    color: var(--color-accent-teal-primary);
  }
  .text-accent-teal-secondary {
    color: var(--color-accent-teal-secondary);
  }
  .text-accent-teal-surface-primary {
    color: var(--color-accent-teal-surface-primary);
  }
  .text-accent-teal-surface-secondary {
    color: var(--color-accent-teal-surface-secondary);
  }
  .text-accent-teal-tertiary {
    color: var(--color-accent-teal-tertiary);
  }
  .text-accent-violet-dark {
    color: var(--color-accent-violet-dark);
  }
  .text-accent-violet-on-surface {
    color: var(--color-accent-violet-on-surface);
  }
  .text-accent-violet-primary {
    color: var(--color-accent-violet-primary);
  }
  .text-accent-violet-secondary {
    color: var(--color-accent-violet-secondary);
  }
  .text-accent-violet-surface-primary {
    color: var(--color-accent-violet-surface-primary);
  }
  .text-accent-violet-surface-secondary {
    color: var(--color-accent-violet-surface-secondary);
  }
  .text-accent-violet-tertiary {
    color: var(--color-accent-violet-tertiary);
  }
  .text-accent-yellow-dark {
    color: var(--color-accent-yellow-dark);
  }
  .text-accent-yellow-on-surface {
    color: var(--color-accent-yellow-on-surface);
  }
  .text-accent-yellow-primary {
    color: var(--color-accent-yellow-primary);
  }
  .text-accent-yellow-secondary {
    color: var(--color-accent-yellow-secondary);
  }
  .text-accent-yellow-surface-primary {
    color: var(--color-accent-yellow-surface-primary);
  }
  .text-accent-yellow-surface-secondary {
    color: var(--color-accent-yellow-surface-secondary);
  }
  .text-accent-yellow-tertiary {
    color: var(--color-accent-yellow-tertiary);
  }
  .text-amber-400 {
    color: var(--color-amber-400);
  }
  .text-amber-500 {
    color: var(--color-amber-500);
  }
  .text-amber-500\! {
    color: var(--color-amber-500) !important;
  }
  .text-amber-600 {
    color: var(--color-amber-600);
  }
  .text-amber-900 {
    color: var(--color-amber-900);
  }
  .text-bg-tertiary {
    color: var(--color-bg-tertiary);
  }
  .text-black {
    color: var(--color-black);
  }
  .text-blue-400 {
    color: var(--color-blue-400);
  }
  .text-blue-500 {
    color: var(--color-blue-500);
  }
  .text-blue-600 {
    color: var(--color-blue-600);
  }
  .text-blue-800 {
    color: var(--color-blue-800);
  }
  .text-blue-900 {
    color: var(--color-blue-900);
  }
  .text-brown-400 {
    color: var(--color-brown-400);
  }
  .text-brown-500 {
    color: var(--color-brown-500);
  }
  .text-brown-600 {
    color: var(--color-brown-600);
  }
  .text-brown-900 {
    color: var(--color-brown-900);
  }
  .text-cyan-400 {
    color: var(--color-cyan-400);
  }
  .text-cyan-500 {
    color: var(--color-cyan-500);
  }
  .text-cyan-600 {
    color: var(--color-cyan-600);
  }
  .text-cyan-900 {
    color: var(--color-cyan-900);
  }
  .text-emerald-400 {
    color: var(--color-emerald-400);
  }
  .text-emerald-500 {
    color: var(--color-emerald-500);
  }
  .text-emerald-600 {
    color: var(--color-emerald-600);
  }
  .text-emerald-900 {
    color: var(--color-emerald-900);
  }
  .text-fill-secondary {
    color: var(--color-fill-secondary);
  }
  .text-fill-tertiary {
    color: var(--color-fill-tertiary);
  }
  .text-fuchsia-400 {
    color: var(--color-fuchsia-400);
  }
  .text-fuchsia-500 {
    color: var(--color-fuchsia-500);
  }
  .text-fuchsia-600 {
    color: var(--color-fuchsia-600);
  }
  .text-fuchsia-900 {
    color: var(--color-fuchsia-900);
  }
  .text-gray-400 {
    color: var(--color-gray-400);
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-gray-600 {
    color: var(--color-gray-600);
  }
  .text-gray-700 {
    color: var(--color-gray-700);
  }
  .text-gray-800 {
    color: var(--color-gray-800);
  }
  .text-gray-900 {
    color: var(--color-gray-900);
  }
  .text-green-400 {
    color: var(--color-green-400);
  }
  .text-green-500 {
    color: var(--color-green-500);
  }
  .text-green-600 {
    color: var(--color-green-600);
  }
  .text-green-700 {
    color: var(--color-green-700);
  }
  .text-green-800 {
    color: var(--color-green-800);
  }
  .text-green-900 {
    color: var(--color-green-900);
  }
  .text-indigo-400 {
    color: var(--color-indigo-400);
  }
  .text-indigo-500 {
    color: var(--color-indigo-500);
  }
  .text-indigo-600 {
    color: var(--color-indigo-600);
  }
  .text-indigo-900 {
    color: var(--color-indigo-900);
  }
  .text-label-primary {
    color: var(--color-label-primary);
  }
  .text-label-primary\! {
    color: var(--color-label-primary) !important;
  }
  .text-label-quaternary {
    color: var(--color-label-quaternary);
  }
  .text-label-secondary {
    color: var(--color-label-secondary);
  }
  .text-label-secondary\! {
    color: var(--color-label-secondary) !important;
  }
  .text-label-tertiary {
    color: var(--color-label-tertiary);
  }
  .text-lime-400 {
    color: var(--color-lime-400);
  }
  .text-lime-500 {
    color: var(--color-lime-500);
  }
  .text-lime-600 {
    color: var(--color-lime-600);
  }
  .text-lime-900 {
    color: var(--color-lime-900);
  }
  .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\/50 {
    color: color-mix(in srgb, oklch(22.2% 0 0) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-neutral-900) 50%, transparent);
    }
  }
  .text-neutral-900\/\[40\%\] {
    color: color-mix(in srgb, oklch(22.2% 0 0) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-neutral-900) 40%, transparent);
    }
  }
  .text-olive-400 {
    color: var(--color-olive-400);
  }
  .text-olive-500 {
    color: var(--color-olive-500);
  }
  .text-olive-600 {
    color: var(--color-olive-600);
  }
  .text-olive-900 {
    color: var(--color-olive-900);
  }
  .text-orange-100 {
    color: var(--color-orange-100);
  }
  .text-orange-400 {
    color: var(--color-orange-400);
  }
  .text-orange-500 {
    color: var(--color-orange-500);
  }
  .text-orange-600 {
    color: var(--color-orange-600);
  }
  .text-orange-800 {
    color: var(--color-orange-800);
  }
  .text-orange-900 {
    color: var(--color-orange-900);
  }
  .text-pink-400 {
    color: var(--color-pink-400);
  }
  .text-pink-500 {
    color: var(--color-pink-500);
  }
  .text-pink-600 {
    color: var(--color-pink-600);
  }
  .text-pink-900 {
    color: var(--color-pink-900);
  }
  .text-primary {
    color: var(--color-primary);
  }
  .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-900 {
    color: var(--color-purple-900);
  }
  .text-red-400 {
    color: var(--color-red-400);
  }
  .text-red-500 {
    color: var(--color-red-500);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-red-600\! {
    color: var(--color-red-600) !important;
  }
  .text-red-700 {
    color: var(--color-red-700);
  }
  .text-red-800 {
    color: var(--color-red-800);
  }
  .text-red-900 {
    color: var(--color-red-900);
  }
  .text-rose-400 {
    color: var(--color-rose-400);
  }
  .text-rose-500 {
    color: var(--color-rose-500);
  }
  .text-rose-600 {
    color: var(--color-rose-600);
  }
  .text-rose-900 {
    color: var(--color-rose-900);
  }
  .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-900 {
    color: var(--color-sky-900);
  }
  .text-teal-400 {
    color: var(--color-teal-400);
  }
  .text-teal-500 {
    color: var(--color-teal-500);
  }
  .text-teal-600 {
    color: var(--color-teal-600);
  }
  .text-teal-900 {
    color: var(--color-teal-900);
  }
  .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-900 {
    color: var(--color-violet-900);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\! {
    color: var(--color-white) !important;
  }
  .text-white\/80 {
    color: color-mix(in srgb, oklch(100% 0 0 / 1.0) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .text-white\/90 {
    color: color-mix(in srgb, oklch(100% 0 0 / 1.0) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .not-italic {
    font-style: normal;
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .decoration-label-quaternary {
    text-decoration-color: var(--color-label-quaternary);
  }
  .decoration-2 {
    text-decoration-thickness: 2px;
  }
  .underline-offset-2 {
    text-underline-offset: 2px;
  }
  .placeholder-label-secondary {
    &::placeholder {
      color: var(--color-label-secondary);
    }
  }
  .placeholder-label-tertiary {
    &::placeholder {
      color: var(--color-label-tertiary);
    }
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-5 {
    opacity: 5%;
  }
  .opacity-10 {
    opacity: 10%;
  }
  .opacity-15 {
    opacity: var(--opacity-15);
  }
  .opacity-20 {
    opacity: 20%;
  }
  .opacity-25 {
    opacity: 25%;
  }
  .opacity-30 {
    opacity: 30%;
  }
  .opacity-35 {
    opacity: var(--opacity-35);
  }
  .opacity-40 {
    opacity: 40%;
  }
  .opacity-45 {
    opacity: 45%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-55 {
    opacity: 55%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-65 {
    opacity: 65%;
  }
  .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-100\! {
    opacity: 100% !important;
  }
  .shadow {
    --tw-shadow: 0px 1px 2px 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_1\.2px_2\.4px_0_rgba\(0\,0\,0\,0\.15\)_inset\] {
    --tw-shadow: 0 1.2px 2.4px 0 var(--tw-shadow-color, rgba(0,0,0,0.15)) inset;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1\.2px_4\.8px_0_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow: 0 1.2px 4.8px 0 var(--tw-shadow-color, rgba(0,0,0,0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_0\.76px_1\.52px_0px_\#00000026_inset\,0px_3\.04px_3\.04px_0px_\#0000000D_inset\] {
    --tw-shadow: 0px 0.76px 1.52px 0px var(--tw-shadow-color, #00000026) inset, 0px 3.04px 3.04px 0px var(--tw-shadow-color, #0000000D) inset;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_0px_0px_1px_rgba\(0\,0\,0\,0\.1\)_inset\,0px_1px_0px_0px_rgb\(255\,255\,255\,1\)_inset\,0px_1px_2px_1px_rgba\(0\,0\,0\,0\.06\)\] {
    --tw-shadow: 0px 0px 0px 1px var(--tw-shadow-color, rgba(0,0,0,0.1)) inset, 0px 1px 0px 0px var(--tw-shadow-color, rgb(255,255,255,1)) inset, 0px 1px 2px 1px var(--tw-shadow-color, rgba(0,0,0,0.06));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_1px_4px_0px_rgba\(0\,0\,0\,0\.05\)_inset\] {
    --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, rgba(0,0,0,0.05)) inset;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-inner {
    --tw-shadow: inset 0px 2px 3px var(--tw-shadow-color, rgba(0, 0, 0, 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0px 8px 24px 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-lg\! {
    --tw-shadow: 0px 8px 24px var(--tw-shadow-color, rgba(0, 0, 0, 0.12)) !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-md {
    --tw-shadow: 0px 4px 12px var(--tw-shadow-color, rgba(0, 0, 0, 0.03)), 0px 7px 25px var(--tw-shadow-color, rgba(0, 0, 0, 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-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-none\! {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-sm {
    --tw-shadow: 0px 1px 6px 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-xl {
    --tw-shadow: 0px 8px 24px var(--tw-shadow-color, rgba(0, 0, 0, 0.12)), 0px 20px 25px 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);
  }
  .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-accent-cyan-secondary {
    --tw-ring-color: var(--color-accent-cyan-secondary);
  }
  .ring-accent-fuchsia-secondary {
    --tw-ring-color: var(--color-accent-fuchsia-secondary);
  }
  .ring-accent-green-secondary {
    --tw-ring-color: var(--color-accent-green-secondary);
  }
  .ring-amber-400 {
    --tw-ring-color: var(--color-amber-400);
  }
  .ring-bg-secondary {
    --tw-ring-color: var(--ring-color-bg-secondary);
  }
  .ring-black\/10 {
    --tw-ring-color: color-mix(in srgb, oklch(0% 0 0 / 1.0) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  .ring-blue-400 {
    --tw-ring-color: var(--color-blue-400);
  }
  .ring-border-secondary {
    --tw-ring-color: var(--color-border-secondary);
  }
  .ring-brown-400 {
    --tw-ring-color: var(--color-brown-400);
  }
  .ring-cyan-400 {
    --tw-ring-color: var(--color-cyan-400);
  }
  .ring-emerald-400 {
    --tw-ring-color: var(--color-emerald-400);
  }
  .ring-fill-tertiary {
    --tw-ring-color: var(--color-fill-tertiary);
  }
  .ring-fuchsia-400 {
    --tw-ring-color: var(--color-fuchsia-400);
  }
  .ring-gray-400 {
    --tw-ring-color: var(--color-gray-400);
  }
  .ring-green-400 {
    --tw-ring-color: var(--color-green-400);
  }
  .ring-indigo-400 {
    --tw-ring-color: var(--color-indigo-400);
  }
  .ring-lime-400 {
    --tw-ring-color: var(--color-lime-400);
  }
  .ring-olive-400 {
    --tw-ring-color: var(--color-olive-400);
  }
  .ring-orange-50 {
    --tw-ring-color: var(--color-orange-50);
  }
  .ring-orange-400 {
    --tw-ring-color: var(--color-orange-400);
  }
  .ring-pink-400 {
    --tw-ring-color: var(--color-pink-400);
  }
  .ring-primary {
    --tw-ring-color: var(--color-primary);
  }
  .ring-purple-400 {
    --tw-ring-color: var(--color-purple-400);
  }
  .ring-red-400 {
    --tw-ring-color: var(--color-red-400);
  }
  .ring-rose-400 {
    --tw-ring-color: var(--color-rose-400);
  }
  .ring-sky-400 {
    --tw-ring-color: var(--color-sky-400);
  }
  .ring-teal-400 {
    --tw-ring-color: var(--color-teal-400);
  }
  .ring-transparent {
    --tw-ring-color: transparent;
  }
  .ring-violet-400 {
    --tw-ring-color: var(--color-violet-400);
  }
  .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-2 {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .outline-2 {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .outline-white {
    outline-color: var(--color-white);
  }
  .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-\[48px\] {
    --tw-blur: blur(48px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-xl {
    --tw-blur: blur(var(--blur-xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-xs {
    --tw-blur: blur(var(--blur-xs));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .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,);
  }
  .saturate-0 {
    --tw-saturate: saturate(0%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .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,);
  }
  .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-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-discrete {
    transition-behavior: allow-discrete;
  }
  .duration-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .duration-2000 {
    --tw-duration: 2000ms;
    transition-duration: 2000ms;
  }
  .ease-\[cubic-bezier\(\.2\,\.95\,\.3\,1\)\] {
    --tw-ease: cubic-bezier(.2,.95,.3,1);
    transition-timing-function: cubic-bezier(.2,.95,.3,1);
  }
  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .ease-page-overlay {
    --tw-ease: var(--ease-page-overlay);
    transition-timing-function: var(--ease-page-overlay);
  }
  .will-change-auto {
    will-change: auto;
  }
  .will-change-transform {
    will-change: transform;
  }
  .outline-solid {
    --tw-outline-style: solid;
    outline-style: solid;
  }
  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .\[text-shadow\:0px_1px_1px_rgba\(255\,255\,255\,50\%\)\] {
    text-shadow: 0px 1px 1px rgba(255,255,255,50%);
  }
  .ring-inset {
    --tw-ring-inset: inset;
  }
  .group-focus-within\:\!text-accent-amber-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-amber-dark) !important;
    }
  }
  .group-focus-within\:\!text-accent-amber-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-amber-on-surface) !important;
    }
  }
  .group-focus-within\:\!text-accent-amber-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-amber-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-amber-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-amber-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-amber-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-amber-surface-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-amber-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-amber-surface-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-amber-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-amber-tertiary) !important;
    }
  }
  .group-focus-within\:\!text-accent-blue-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-blue-dark) !important;
    }
  }
  .group-focus-within\:\!text-accent-blue-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-blue-on-surface) !important;
    }
  }
  .group-focus-within\:\!text-accent-blue-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-blue-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-blue-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-blue-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-blue-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-blue-surface-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-blue-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-blue-surface-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-blue-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-blue-tertiary) !important;
    }
  }
  .group-focus-within\:\!text-accent-brown-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-brown-dark) !important;
    }
  }
  .group-focus-within\:\!text-accent-brown-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-brown-on-surface) !important;
    }
  }
  .group-focus-within\:\!text-accent-brown-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-brown-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-brown-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-brown-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-brown-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-brown-surface-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-brown-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-brown-surface-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-brown-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-brown-tertiary) !important;
    }
  }
  .group-focus-within\:\!text-accent-cyan-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-cyan-dark) !important;
    }
  }
  .group-focus-within\:\!text-accent-cyan-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-cyan-on-surface) !important;
    }
  }
  .group-focus-within\:\!text-accent-cyan-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-cyan-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-cyan-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-cyan-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-cyan-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-cyan-surface-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-cyan-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-cyan-surface-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-cyan-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-cyan-tertiary) !important;
    }
  }
  .group-focus-within\:\!text-accent-emerald-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-emerald-dark) !important;
    }
  }
  .group-focus-within\:\!text-accent-emerald-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-emerald-on-surface) !important;
    }
  }
  .group-focus-within\:\!text-accent-emerald-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-emerald-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-emerald-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-emerald-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-emerald-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-emerald-surface-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-emerald-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-emerald-surface-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-emerald-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-emerald-tertiary) !important;
    }
  }
  .group-focus-within\:\!text-accent-fuchsia-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-fuchsia-dark) !important;
    }
  }
  .group-focus-within\:\!text-accent-fuchsia-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-fuchsia-on-surface) !important;
    }
  }
  .group-focus-within\:\!text-accent-fuchsia-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-fuchsia-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-fuchsia-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-fuchsia-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-fuchsia-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-fuchsia-surface-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-fuchsia-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-fuchsia-surface-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-fuchsia-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-fuchsia-tertiary) !important;
    }
  }
  .group-focus-within\:\!text-accent-gray-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-gray-dark) !important;
    }
  }
  .group-focus-within\:\!text-accent-gray-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-gray-on-surface) !important;
    }
  }
  .group-focus-within\:\!text-accent-gray-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-gray-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-gray-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-gray-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-gray-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-gray-surface-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-gray-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-gray-surface-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-gray-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-gray-tertiary) !important;
    }
  }
  .group-focus-within\:\!text-accent-green-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-green-dark) !important;
    }
  }
  .group-focus-within\:\!text-accent-green-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-green-on-surface) !important;
    }
  }
  .group-focus-within\:\!text-accent-green-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-green-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-green-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-green-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-green-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-green-surface-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-green-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-green-surface-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-green-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-green-tertiary) !important;
    }
  }
  .group-focus-within\:\!text-accent-indigo-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-indigo-dark) !important;
    }
  }
  .group-focus-within\:\!text-accent-indigo-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-indigo-on-surface) !important;
    }
  }
  .group-focus-within\:\!text-accent-indigo-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-indigo-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-indigo-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-indigo-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-indigo-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-indigo-surface-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-indigo-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-indigo-surface-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-indigo-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-indigo-tertiary) !important;
    }
  }
  .group-focus-within\:\!text-accent-lime-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-lime-dark) !important;
    }
  }
  .group-focus-within\:\!text-accent-lime-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-lime-on-surface) !important;
    }
  }
  .group-focus-within\:\!text-accent-lime-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-lime-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-lime-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-lime-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-lime-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-lime-surface-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-lime-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-lime-surface-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-lime-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-lime-tertiary) !important;
    }
  }
  .group-focus-within\:\!text-accent-olive-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-olive-dark) !important;
    }
  }
  .group-focus-within\:\!text-accent-olive-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-olive-on-surface) !important;
    }
  }
  .group-focus-within\:\!text-accent-olive-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-olive-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-olive-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-olive-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-olive-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-olive-surface-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-olive-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-olive-surface-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-olive-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-olive-tertiary) !important;
    }
  }
  .group-focus-within\:\!text-accent-orange-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-orange-dark) !important;
    }
  }
  .group-focus-within\:\!text-accent-orange-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-orange-on-surface) !important;
    }
  }
  .group-focus-within\:\!text-accent-orange-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-orange-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-orange-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-orange-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-orange-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-orange-surface-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-orange-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-orange-surface-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-orange-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-orange-tertiary) !important;
    }
  }
  .group-focus-within\:\!text-accent-pink-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-pink-dark) !important;
    }
  }
  .group-focus-within\:\!text-accent-pink-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-pink-on-surface) !important;
    }
  }
  .group-focus-within\:\!text-accent-pink-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-pink-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-pink-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-pink-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-pink-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-pink-surface-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-pink-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-pink-surface-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-pink-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-pink-tertiary) !important;
    }
  }
  .group-focus-within\:\!text-accent-purple-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-purple-dark) !important;
    }
  }
  .group-focus-within\:\!text-accent-purple-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-purple-on-surface) !important;
    }
  }
  .group-focus-within\:\!text-accent-purple-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-purple-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-purple-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-purple-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-purple-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-purple-surface-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-purple-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-purple-surface-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-purple-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-purple-tertiary) !important;
    }
  }
  .group-focus-within\:\!text-accent-red-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-red-dark) !important;
    }
  }
  .group-focus-within\:\!text-accent-red-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-red-on-surface) !important;
    }
  }
  .group-focus-within\:\!text-accent-red-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-red-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-red-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-red-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-red-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-red-surface-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-red-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-red-surface-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-red-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-red-tertiary) !important;
    }
  }
  .group-focus-within\:\!text-accent-rose-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-rose-dark) !important;
    }
  }
  .group-focus-within\:\!text-accent-rose-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-rose-on-surface) !important;
    }
  }
  .group-focus-within\:\!text-accent-rose-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-rose-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-rose-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-rose-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-rose-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-rose-surface-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-rose-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-rose-surface-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-rose-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-rose-tertiary) !important;
    }
  }
  .group-focus-within\:\!text-accent-sky-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-sky-dark) !important;
    }
  }
  .group-focus-within\:\!text-accent-sky-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-sky-on-surface) !important;
    }
  }
  .group-focus-within\:\!text-accent-sky-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-sky-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-sky-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-sky-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-sky-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-sky-surface-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-sky-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-sky-surface-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-sky-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-sky-tertiary) !important;
    }
  }
  .group-focus-within\:\!text-accent-teal-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-teal-dark) !important;
    }
  }
  .group-focus-within\:\!text-accent-teal-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-teal-on-surface) !important;
    }
  }
  .group-focus-within\:\!text-accent-teal-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-teal-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-teal-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-teal-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-teal-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-teal-surface-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-teal-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-teal-surface-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-teal-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-teal-tertiary) !important;
    }
  }
  .group-focus-within\:\!text-accent-violet-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-violet-dark) !important;
    }
  }
  .group-focus-within\:\!text-accent-violet-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-violet-on-surface) !important;
    }
  }
  .group-focus-within\:\!text-accent-violet-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-violet-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-violet-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-violet-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-violet-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-violet-surface-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-violet-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-violet-surface-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-violet-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-violet-tertiary) !important;
    }
  }
  .group-focus-within\:\!text-accent-yellow-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-yellow-dark) !important;
    }
  }
  .group-focus-within\:\!text-accent-yellow-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-yellow-on-surface) !important;
    }
  }
  .group-focus-within\:\!text-accent-yellow-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-yellow-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-yellow-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-yellow-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-yellow-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-yellow-surface-primary) !important;
    }
  }
  .group-focus-within\:\!text-accent-yellow-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-yellow-surface-secondary) !important;
    }
  }
  .group-focus-within\:\!text-accent-yellow-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-yellow-tertiary) !important;
    }
  }
  .group-focus-within\:text-accent-amber-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-amber-dark);
    }
  }
  .group-focus-within\:text-accent-amber-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-amber-on-surface);
    }
  }
  .group-focus-within\:text-accent-amber-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-amber-primary);
    }
  }
  .group-focus-within\:text-accent-amber-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-amber-secondary);
    }
  }
  .group-focus-within\:text-accent-amber-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-amber-surface-primary);
    }
  }
  .group-focus-within\:text-accent-amber-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-amber-surface-secondary);
    }
  }
  .group-focus-within\:text-accent-amber-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-amber-tertiary);
    }
  }
  .group-focus-within\:text-accent-blue-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-blue-dark);
    }
  }
  .group-focus-within\:text-accent-blue-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-blue-on-surface);
    }
  }
  .group-focus-within\:text-accent-blue-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-blue-primary);
    }
  }
  .group-focus-within\:text-accent-blue-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-blue-secondary);
    }
  }
  .group-focus-within\:text-accent-blue-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-blue-surface-primary);
    }
  }
  .group-focus-within\:text-accent-blue-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-blue-surface-secondary);
    }
  }
  .group-focus-within\:text-accent-blue-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-blue-tertiary);
    }
  }
  .group-focus-within\:text-accent-brown-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-brown-dark);
    }
  }
  .group-focus-within\:text-accent-brown-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-brown-on-surface);
    }
  }
  .group-focus-within\:text-accent-brown-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-brown-primary);
    }
  }
  .group-focus-within\:text-accent-brown-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-brown-secondary);
    }
  }
  .group-focus-within\:text-accent-brown-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-brown-surface-primary);
    }
  }
  .group-focus-within\:text-accent-brown-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-brown-surface-secondary);
    }
  }
  .group-focus-within\:text-accent-brown-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-brown-tertiary);
    }
  }
  .group-focus-within\:text-accent-cyan-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-cyan-dark);
    }
  }
  .group-focus-within\:text-accent-cyan-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-cyan-on-surface);
    }
  }
  .group-focus-within\:text-accent-cyan-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-cyan-primary);
    }
  }
  .group-focus-within\:text-accent-cyan-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-cyan-secondary);
    }
  }
  .group-focus-within\:text-accent-cyan-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-cyan-surface-primary);
    }
  }
  .group-focus-within\:text-accent-cyan-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-cyan-surface-secondary);
    }
  }
  .group-focus-within\:text-accent-cyan-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-cyan-tertiary);
    }
  }
  .group-focus-within\:text-accent-emerald-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-emerald-dark);
    }
  }
  .group-focus-within\:text-accent-emerald-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-emerald-on-surface);
    }
  }
  .group-focus-within\:text-accent-emerald-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-emerald-primary);
    }
  }
  .group-focus-within\:text-accent-emerald-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-emerald-secondary);
    }
  }
  .group-focus-within\:text-accent-emerald-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-emerald-surface-primary);
    }
  }
  .group-focus-within\:text-accent-emerald-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-emerald-surface-secondary);
    }
  }
  .group-focus-within\:text-accent-emerald-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-emerald-tertiary);
    }
  }
  .group-focus-within\:text-accent-fuchsia-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-fuchsia-dark);
    }
  }
  .group-focus-within\:text-accent-fuchsia-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-fuchsia-on-surface);
    }
  }
  .group-focus-within\:text-accent-fuchsia-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-fuchsia-primary);
    }
  }
  .group-focus-within\:text-accent-fuchsia-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-fuchsia-secondary);
    }
  }
  .group-focus-within\:text-accent-fuchsia-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-fuchsia-surface-primary);
    }
  }
  .group-focus-within\:text-accent-fuchsia-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-fuchsia-surface-secondary);
    }
  }
  .group-focus-within\:text-accent-fuchsia-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-fuchsia-tertiary);
    }
  }
  .group-focus-within\:text-accent-gray-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-gray-dark);
    }
  }
  .group-focus-within\:text-accent-gray-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-gray-on-surface);
    }
  }
  .group-focus-within\:text-accent-gray-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-gray-primary);
    }
  }
  .group-focus-within\:text-accent-gray-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-gray-secondary);
    }
  }
  .group-focus-within\:text-accent-gray-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-gray-surface-primary);
    }
  }
  .group-focus-within\:text-accent-gray-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-gray-surface-secondary);
    }
  }
  .group-focus-within\:text-accent-gray-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-gray-tertiary);
    }
  }
  .group-focus-within\:text-accent-green-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-green-dark);
    }
  }
  .group-focus-within\:text-accent-green-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-green-on-surface);
    }
  }
  .group-focus-within\:text-accent-green-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-green-primary);
    }
  }
  .group-focus-within\:text-accent-green-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-green-secondary);
    }
  }
  .group-focus-within\:text-accent-green-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-green-surface-primary);
    }
  }
  .group-focus-within\:text-accent-green-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-green-surface-secondary);
    }
  }
  .group-focus-within\:text-accent-green-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-green-tertiary);
    }
  }
  .group-focus-within\:text-accent-indigo-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-indigo-dark);
    }
  }
  .group-focus-within\:text-accent-indigo-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-indigo-on-surface);
    }
  }
  .group-focus-within\:text-accent-indigo-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-indigo-primary);
    }
  }
  .group-focus-within\:text-accent-indigo-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-indigo-secondary);
    }
  }
  .group-focus-within\:text-accent-indigo-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-indigo-surface-primary);
    }
  }
  .group-focus-within\:text-accent-indigo-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-indigo-surface-secondary);
    }
  }
  .group-focus-within\:text-accent-indigo-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-indigo-tertiary);
    }
  }
  .group-focus-within\:text-accent-lime-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-lime-dark);
    }
  }
  .group-focus-within\:text-accent-lime-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-lime-on-surface);
    }
  }
  .group-focus-within\:text-accent-lime-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-lime-primary);
    }
  }
  .group-focus-within\:text-accent-lime-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-lime-secondary);
    }
  }
  .group-focus-within\:text-accent-lime-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-lime-surface-primary);
    }
  }
  .group-focus-within\:text-accent-lime-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-lime-surface-secondary);
    }
  }
  .group-focus-within\:text-accent-lime-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-lime-tertiary);
    }
  }
  .group-focus-within\:text-accent-olive-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-olive-dark);
    }
  }
  .group-focus-within\:text-accent-olive-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-olive-on-surface);
    }
  }
  .group-focus-within\:text-accent-olive-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-olive-primary);
    }
  }
  .group-focus-within\:text-accent-olive-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-olive-secondary);
    }
  }
  .group-focus-within\:text-accent-olive-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-olive-surface-primary);
    }
  }
  .group-focus-within\:text-accent-olive-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-olive-surface-secondary);
    }
  }
  .group-focus-within\:text-accent-olive-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-olive-tertiary);
    }
  }
  .group-focus-within\:text-accent-orange-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-orange-dark);
    }
  }
  .group-focus-within\:text-accent-orange-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-orange-on-surface);
    }
  }
  .group-focus-within\:text-accent-orange-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-orange-primary);
    }
  }
  .group-focus-within\:text-accent-orange-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-orange-secondary);
    }
  }
  .group-focus-within\:text-accent-orange-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-orange-surface-primary);
    }
  }
  .group-focus-within\:text-accent-orange-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-orange-surface-secondary);
    }
  }
  .group-focus-within\:text-accent-orange-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-orange-tertiary);
    }
  }
  .group-focus-within\:text-accent-pink-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-pink-dark);
    }
  }
  .group-focus-within\:text-accent-pink-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-pink-on-surface);
    }
  }
  .group-focus-within\:text-accent-pink-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-pink-primary);
    }
  }
  .group-focus-within\:text-accent-pink-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-pink-secondary);
    }
  }
  .group-focus-within\:text-accent-pink-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-pink-surface-primary);
    }
  }
  .group-focus-within\:text-accent-pink-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-pink-surface-secondary);
    }
  }
  .group-focus-within\:text-accent-pink-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-pink-tertiary);
    }
  }
  .group-focus-within\:text-accent-purple-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-purple-dark);
    }
  }
  .group-focus-within\:text-accent-purple-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-purple-on-surface);
    }
  }
  .group-focus-within\:text-accent-purple-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-purple-primary);
    }
  }
  .group-focus-within\:text-accent-purple-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-purple-secondary);
    }
  }
  .group-focus-within\:text-accent-purple-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-purple-surface-primary);
    }
  }
  .group-focus-within\:text-accent-purple-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-purple-surface-secondary);
    }
  }
  .group-focus-within\:text-accent-purple-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-purple-tertiary);
    }
  }
  .group-focus-within\:text-accent-red-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-red-dark);
    }
  }
  .group-focus-within\:text-accent-red-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-red-on-surface);
    }
  }
  .group-focus-within\:text-accent-red-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-red-primary);
    }
  }
  .group-focus-within\:text-accent-red-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-red-secondary);
    }
  }
  .group-focus-within\:text-accent-red-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-red-surface-primary);
    }
  }
  .group-focus-within\:text-accent-red-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-red-surface-secondary);
    }
  }
  .group-focus-within\:text-accent-red-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-red-tertiary);
    }
  }
  .group-focus-within\:text-accent-rose-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-rose-dark);
    }
  }
  .group-focus-within\:text-accent-rose-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-rose-on-surface);
    }
  }
  .group-focus-within\:text-accent-rose-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-rose-primary);
    }
  }
  .group-focus-within\:text-accent-rose-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-rose-secondary);
    }
  }
  .group-focus-within\:text-accent-rose-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-rose-surface-primary);
    }
  }
  .group-focus-within\:text-accent-rose-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-rose-surface-secondary);
    }
  }
  .group-focus-within\:text-accent-rose-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-rose-tertiary);
    }
  }
  .group-focus-within\:text-accent-sky-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-sky-dark);
    }
  }
  .group-focus-within\:text-accent-sky-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-sky-on-surface);
    }
  }
  .group-focus-within\:text-accent-sky-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-sky-primary);
    }
  }
  .group-focus-within\:text-accent-sky-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-sky-secondary);
    }
  }
  .group-focus-within\:text-accent-sky-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-sky-surface-primary);
    }
  }
  .group-focus-within\:text-accent-sky-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-sky-surface-secondary);
    }
  }
  .group-focus-within\:text-accent-sky-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-sky-tertiary);
    }
  }
  .group-focus-within\:text-accent-teal-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-teal-dark);
    }
  }
  .group-focus-within\:text-accent-teal-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-teal-on-surface);
    }
  }
  .group-focus-within\:text-accent-teal-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-teal-primary);
    }
  }
  .group-focus-within\:text-accent-teal-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-teal-secondary);
    }
  }
  .group-focus-within\:text-accent-teal-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-teal-surface-primary);
    }
  }
  .group-focus-within\:text-accent-teal-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-teal-surface-secondary);
    }
  }
  .group-focus-within\:text-accent-teal-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-teal-tertiary);
    }
  }
  .group-focus-within\:text-accent-violet-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-violet-dark);
    }
  }
  .group-focus-within\:text-accent-violet-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-violet-on-surface);
    }
  }
  .group-focus-within\:text-accent-violet-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-violet-primary);
    }
  }
  .group-focus-within\:text-accent-violet-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-violet-secondary);
    }
  }
  .group-focus-within\:text-accent-violet-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-violet-surface-primary);
    }
  }
  .group-focus-within\:text-accent-violet-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-violet-surface-secondary);
    }
  }
  .group-focus-within\:text-accent-violet-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-violet-tertiary);
    }
  }
  .group-focus-within\:text-accent-yellow-dark {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-yellow-dark);
    }
  }
  .group-focus-within\:text-accent-yellow-on-surface {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-yellow-on-surface);
    }
  }
  .group-focus-within\:text-accent-yellow-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-yellow-primary);
    }
  }
  .group-focus-within\:text-accent-yellow-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-yellow-secondary);
    }
  }
  .group-focus-within\:text-accent-yellow-surface-primary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-yellow-surface-primary);
    }
  }
  .group-focus-within\:text-accent-yellow-surface-secondary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-yellow-surface-secondary);
    }
  }
  .group-focus-within\:text-accent-yellow-tertiary {
    &:is(:where(.group):focus-within *) {
      color: var(--color-accent-yellow-tertiary);
    }
  }
  .group-hover\:pointer-events-auto {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        pointer-events: auto;
      }
    }
  }
  .group-hover\:pointer-events-none {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        pointer-events: none;
      }
    }
  }
  .group-hover\:visible {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        visibility: visible;
      }
    }
  }
  .group-hover\:block {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        display: block;
      }
    }
  }
  .group-hover\:flex {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        display: flex;
      }
    }
  }
  .group-hover\:bg-fill-secondary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-fill-secondary);
      }
    }
  }
  .group-hover\:bg-fill-tertiary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-fill-tertiary);
      }
    }
  }
  .group-hover\:bg-primary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-primary);
      }
    }
  }
  .group-hover\:text-label-primary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-label-primary);
      }
    }
  }
  .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-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\:ring-fill-tertiary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-ring-color: var(--color-fill-tertiary);
      }
    }
  }
  .group-hover\/comment\:pointer-events-auto {
    &:is(:where(.group\/comment):hover *) {
      @media (hover: hover) {
        pointer-events: auto;
      }
    }
  }
  .group-hover\/comment\:-top-6 {
    &:is(:where(.group\/comment):hover *) {
      @media (hover: hover) {
        top: calc(var(--spacing) * -6);
      }
    }
  }
  .group-hover\/comment\:opacity-100 {
    &:is(:where(.group\/comment):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/widget\:visible {
    &:is(:where(.group\/widget):hover *) {
      @media (hover: hover) {
        visibility: visible;
      }
    }
  }
  .group-disabled\:cursor-not-allowed {
    &:is(:where(.group):disabled *) {
      cursor: not-allowed;
    }
  }
  .group-disabled\:opacity-50 {
    &:is(:where(.group):disabled *) {
      opacity: 50%;
    }
  }
  .group-has-\[\.sortable-chosen\]\:hidden {
    &:is(:where(.group):has(*:is(.sortable-chosen)) *) {
      display: none;
    }
  }
  .group-has-\[tr\[data-type\=\'review\'\]\]\:hidden {
    &:is(:where(.group):has(*:is(tr[data-type='review'])) *) {
      display: none;
    }
  }
  .group-\[\.is-editing\]\:pointer-events-none {
    &:is(:where(.group):is(.is-editing) *) {
      pointer-events: none;
    }
  }
  .group-\[\.is-editing\]\:invisible {
    &:is(:where(.group):is(.is-editing) *) {
      visibility: hidden;
    }
  }
  .group-\[\.is-editing\]\:invisible\! {
    &:is(:where(.group):is(.is-editing) *) {
      visibility: hidden !important;
    }
  }
  .group-\[\.is-editing\]\:flex\! {
    &:is(:where(.group):is(.is-editing) *) {
      display: flex !important;
    }
  }
  .group-\[\.is-editing\]\:animate-wiggle {
    &:is(:where(.group):is(.is-editing) *) {
      animation: var(--animate-wiggle);
    }
  }
  .group-\[\.is-editing\]\:cursor-grab {
    &:is(:where(.group):is(.is-editing) *) {
      cursor: grab;
    }
  }
  .group-\[\.is-editing\]\:overflow-y-hidden\! {
    &:is(:where(.group):is(.is-editing) *) {
      overflow-y: hidden !important;
    }
  }
  .group-\[\.is-editing\]\:opacity-0 {
    &:is(:where(.group):is(.is-editing) *) {
      opacity: 0%;
    }
  }
  .group-\[\.is-editing\]\:shadow-md {
    &:is(:where(.group):is(.is-editing) *) {
      --tw-shadow: 0px 4px 12px var(--tw-shadow-color, rgba(0, 0, 0, 0.03)), 0px 7px 25px var(--tw-shadow-color, rgba(0, 0, 0, 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);
    }
  }
  .group-\[\.is-editing\:not\(\.is-adding\)\]\:h-\[calc\(72px\+24px\)\] {
    &:is(:where(.group):is(.is-editing:not(.is-adding)) *) {
      height: calc(72px + 24px);
    }
  }
  .group-\[\.is-editing\:not\(\.is-adding\)\]\:translate-y-0 {
    &:is(:where(.group):is(.is-editing:not(.is-adding)) *) {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .group-\[\.is-editing\:not\(\.is-adding\)\]\:opacity-100 {
    &:is(:where(.group):is(.is-editing:not(.is-adding)) *) {
      opacity: 100%;
    }
  }
  .group-\[\.selected\]\:visible {
    &:is(:where(.group):is(.selected) *) {
      visibility: visible;
    }
  }
  .peer-checked\:visible {
    &:is(:where(.peer):checked ~ *) {
      visibility: visible;
    }
  }
  .peer-checked\:z-10 {
    &:is(:where(.peer):checked ~ *) {
      z-index: 10;
    }
  }
  .peer-checked\:flex {
    &:is(:where(.peer):checked ~ *) {
      display: flex;
    }
  }
  .peer-checked\:bg-accent-sky-tertiary {
    &:is(:where(.peer):checked ~ *) {
      background-color: var(--color-accent-sky-tertiary);
    }
  }
  .peer-checked\:text-accent-sky-primary {
    &:is(:where(.peer):checked ~ *) {
      color: var(--color-accent-sky-primary);
    }
  }
  .peer-checked\:text-label-secondary {
    &:is(:where(.peer):checked ~ *) {
      color: var(--color-label-secondary);
    }
  }
  .peer-checked\:line-through {
    &:is(:where(.peer):checked ~ *) {
      text-decoration-line: line-through;
    }
  }
  .peer-checked\:shadow-radio\! {
    &:is(:where(.peer):checked ~ *) {
      --tw-shadow: 0px 0px 0px 2px var(--tw-shadow-color, var(--accent-sky-primary)), inset 0px 1px 4px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.05)) !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;
    }
  }
  .peer-empty\:block {
    &:is(:where(.peer):empty ~ *) {
      display: block;
    }
  }
  .peer-empty\:flex {
    &:is(:where(.peer):empty ~ *) {
      display: flex;
    }
  }
  .peer-empty\:hidden {
    &:is(:where(.peer):empty ~ *) {
      display: none;
    }
  }
  .peer-empty\/topics\:block {
    &:is(:where(.peer\/topics):empty ~ *) {
      display: block;
    }
  }
  .placeholder\:text-label-secondary {
    &::placeholder {
      color: var(--color-label-secondary);
    }
  }
  .placeholder\:text-label-tertiary {
    &::placeholder {
      color: var(--color-label-tertiary);
    }
  }
  .placeholder\:text-neutral-400 {
    &::placeholder {
      color: var(--color-neutral-400);
    }
  }
  .before\:absolute {
    &::before {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .before\:inset-0 {
    &::before {
      content: var(--tw-content);
      inset: calc(var(--spacing) * 0);
    }
  }
  .before\:-top-1 {
    &::before {
      content: var(--tw-content);
      top: calc(var(--spacing) * -1);
    }
  }
  .before\:top-0 {
    &::before {
      content: var(--tw-content);
      top: calc(var(--spacing) * 0);
    }
  }
  .before\:-right-2 {
    &::before {
      content: var(--tw-content);
      right: calc(var(--spacing) * -2);
    }
  }
  .before\:-bottom-3 {
    &::before {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * -3);
    }
  }
  .before\:-left-1 {
    &::before {
      content: var(--tw-content);
      left: calc(var(--spacing) * -1);
    }
  }
  .before\:-left-2 {
    &::before {
      content: var(--tw-content);
      left: calc(var(--spacing) * -2);
    }
  }
  .before\:h-8 {
    &::before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 8);
    }
  }
  .before\:w-2 {
    &::before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 2);
    }
  }
  .before\:content-\[\'\'\] {
    &::before {
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .after\:pointer-events-none {
    &::after {
      content: var(--tw-content);
      pointer-events: none;
    }
  }
  .after\:absolute {
    &::after {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .after\:right-0 {
    &::after {
      content: var(--tw-content);
      right: calc(var(--spacing) * 0);
    }
  }
  .after\:bottom-0 {
    &::after {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * 0);
    }
  }
  .after\:left-0 {
    &::after {
      content: var(--tw-content);
      left: calc(var(--spacing) * 0);
    }
  }
  .after\:h-3 {
    &::after {
      content: var(--tw-content);
      height: calc(var(--spacing) * 3);
    }
  }
  .after\:bg-linear-to-t {
    &::after {
      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));
    }
  }
  .after\:from-black\/10 {
    &::after {
      content: var(--tw-content);
      --tw-gradient-from: color-mix(in srgb, oklch(0% 0 0 / 1.0) 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));
    }
  }
  .after\:to-transparent {
    &::after {
      content: var(--tw-content);
      --tw-gradient-to: transparent;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .after\:content-\[\'\'\] {
    &::after {
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .first\:mt-0 {
    &:first-child {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .first\:mt-2 {
    &:first-child {
      margin-top: calc(var(--spacing) * 2);
    }
  }
  .first\:rounded-l-full {
    &:first-child {
      border-top-left-radius: calc(infinity * 1px);
      border-bottom-left-radius: calc(infinity * 1px);
    }
  }
  .first\:rounded-l-lg {
    &:first-child {
      border-top-left-radius: var(--radius-lg);
      border-bottom-left-radius: var(--radius-lg);
    }
  }
  .first\:border-l {
    &:first-child {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }
  .first\:pt-0 {
    &:first-child {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .first\:pl-0 {
    &:first-child {
      padding-left: calc(var(--spacing) * 0);
    }
  }
  .first\:pl-4 {
    &:first-child {
      padding-left: calc(var(--spacing) * 4);
    }
  }
  .last\:rounded-r-full {
    &:last-child {
      border-top-right-radius: calc(infinity * 1px);
      border-bottom-right-radius: calc(infinity * 1px);
    }
  }
  .last\:rounded-r-lg {
    &:last-child {
      border-top-right-radius: var(--radius-lg);
      border-bottom-right-radius: var(--radius-lg);
    }
  }
  .last\:rounded-br-4xl {
    &:last-child {
      border-bottom-right-radius: var(--radius-4xl);
    }
  }
  .last\:rounded-bl-4xl {
    &:last-child {
      border-bottom-left-radius: var(--radius-4xl);
    }
  }
  .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\:border-none {
    &:last-child {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .last\:pb-0 {
    &:last-child {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .only\:border-x {
    &:only-child {
      border-inline-style: var(--tw-border-style);
      border-inline-width: 1px;
    }
  }
  .first-of-type\:rounded-t-4xl {
    &:first-of-type {
      border-top-left-radius: var(--radius-4xl);
      border-top-right-radius: var(--radius-4xl);
    }
  }
  .empty\:hidden {
    &:empty {
      display: none;
    }
  }
  .empty\:pb-0 {
    &:empty {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .focus-within\:\!border-accent-amber-dark {
    &:focus-within {
      border-color: var(--color-accent-amber-dark) !important;
    }
  }
  .focus-within\:\!border-accent-amber-on-surface {
    &:focus-within {
      border-color: var(--color-accent-amber-on-surface) !important;
    }
  }
  .focus-within\:\!border-accent-amber-primary {
    &:focus-within {
      border-color: var(--color-accent-amber-primary) !important;
    }
  }
  .focus-within\:\!border-accent-amber-secondary {
    &:focus-within {
      border-color: var(--color-accent-amber-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-amber-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-amber-surface-primary) !important;
    }
  }
  .focus-within\:\!border-accent-amber-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-amber-surface-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-amber-tertiary {
    &:focus-within {
      border-color: var(--color-accent-amber-tertiary) !important;
    }
  }
  .focus-within\:\!border-accent-blue-dark {
    &:focus-within {
      border-color: var(--color-accent-blue-dark) !important;
    }
  }
  .focus-within\:\!border-accent-blue-on-surface {
    &:focus-within {
      border-color: var(--color-accent-blue-on-surface) !important;
    }
  }
  .focus-within\:\!border-accent-blue-primary {
    &:focus-within {
      border-color: var(--color-accent-blue-primary) !important;
    }
  }
  .focus-within\:\!border-accent-blue-secondary {
    &:focus-within {
      border-color: var(--color-accent-blue-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-blue-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-blue-surface-primary) !important;
    }
  }
  .focus-within\:\!border-accent-blue-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-blue-surface-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-blue-tertiary {
    &:focus-within {
      border-color: var(--color-accent-blue-tertiary) !important;
    }
  }
  .focus-within\:\!border-accent-brown-dark {
    &:focus-within {
      border-color: var(--color-accent-brown-dark) !important;
    }
  }
  .focus-within\:\!border-accent-brown-on-surface {
    &:focus-within {
      border-color: var(--color-accent-brown-on-surface) !important;
    }
  }
  .focus-within\:\!border-accent-brown-primary {
    &:focus-within {
      border-color: var(--color-accent-brown-primary) !important;
    }
  }
  .focus-within\:\!border-accent-brown-secondary {
    &:focus-within {
      border-color: var(--color-accent-brown-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-brown-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-brown-surface-primary) !important;
    }
  }
  .focus-within\:\!border-accent-brown-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-brown-surface-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-brown-tertiary {
    &:focus-within {
      border-color: var(--color-accent-brown-tertiary) !important;
    }
  }
  .focus-within\:\!border-accent-cyan-dark {
    &:focus-within {
      border-color: var(--color-accent-cyan-dark) !important;
    }
  }
  .focus-within\:\!border-accent-cyan-on-surface {
    &:focus-within {
      border-color: var(--color-accent-cyan-on-surface) !important;
    }
  }
  .focus-within\:\!border-accent-cyan-primary {
    &:focus-within {
      border-color: var(--color-accent-cyan-primary) !important;
    }
  }
  .focus-within\:\!border-accent-cyan-secondary {
    &:focus-within {
      border-color: var(--color-accent-cyan-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-cyan-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-cyan-surface-primary) !important;
    }
  }
  .focus-within\:\!border-accent-cyan-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-cyan-surface-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-cyan-tertiary {
    &:focus-within {
      border-color: var(--color-accent-cyan-tertiary) !important;
    }
  }
  .focus-within\:\!border-accent-emerald-dark {
    &:focus-within {
      border-color: var(--color-accent-emerald-dark) !important;
    }
  }
  .focus-within\:\!border-accent-emerald-on-surface {
    &:focus-within {
      border-color: var(--color-accent-emerald-on-surface) !important;
    }
  }
  .focus-within\:\!border-accent-emerald-primary {
    &:focus-within {
      border-color: var(--color-accent-emerald-primary) !important;
    }
  }
  .focus-within\:\!border-accent-emerald-secondary {
    &:focus-within {
      border-color: var(--color-accent-emerald-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-emerald-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-emerald-surface-primary) !important;
    }
  }
  .focus-within\:\!border-accent-emerald-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-emerald-surface-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-emerald-tertiary {
    &:focus-within {
      border-color: var(--color-accent-emerald-tertiary) !important;
    }
  }
  .focus-within\:\!border-accent-fuchsia-dark {
    &:focus-within {
      border-color: var(--color-accent-fuchsia-dark) !important;
    }
  }
  .focus-within\:\!border-accent-fuchsia-on-surface {
    &:focus-within {
      border-color: var(--color-accent-fuchsia-on-surface) !important;
    }
  }
  .focus-within\:\!border-accent-fuchsia-primary {
    &:focus-within {
      border-color: var(--color-accent-fuchsia-primary) !important;
    }
  }
  .focus-within\:\!border-accent-fuchsia-secondary {
    &:focus-within {
      border-color: var(--color-accent-fuchsia-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-fuchsia-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-fuchsia-surface-primary) !important;
    }
  }
  .focus-within\:\!border-accent-fuchsia-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-fuchsia-surface-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-fuchsia-tertiary {
    &:focus-within {
      border-color: var(--color-accent-fuchsia-tertiary) !important;
    }
  }
  .focus-within\:\!border-accent-gray-dark {
    &:focus-within {
      border-color: var(--color-accent-gray-dark) !important;
    }
  }
  .focus-within\:\!border-accent-gray-on-surface {
    &:focus-within {
      border-color: var(--color-accent-gray-on-surface) !important;
    }
  }
  .focus-within\:\!border-accent-gray-primary {
    &:focus-within {
      border-color: var(--color-accent-gray-primary) !important;
    }
  }
  .focus-within\:\!border-accent-gray-secondary {
    &:focus-within {
      border-color: var(--color-accent-gray-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-gray-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-gray-surface-primary) !important;
    }
  }
  .focus-within\:\!border-accent-gray-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-gray-surface-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-gray-tertiary {
    &:focus-within {
      border-color: var(--color-accent-gray-tertiary) !important;
    }
  }
  .focus-within\:\!border-accent-green-dark {
    &:focus-within {
      border-color: var(--color-accent-green-dark) !important;
    }
  }
  .focus-within\:\!border-accent-green-on-surface {
    &:focus-within {
      border-color: var(--color-accent-green-on-surface) !important;
    }
  }
  .focus-within\:\!border-accent-green-primary {
    &:focus-within {
      border-color: var(--color-accent-green-primary) !important;
    }
  }
  .focus-within\:\!border-accent-green-secondary {
    &:focus-within {
      border-color: var(--color-accent-green-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-green-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-green-surface-primary) !important;
    }
  }
  .focus-within\:\!border-accent-green-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-green-surface-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-green-tertiary {
    &:focus-within {
      border-color: var(--color-accent-green-tertiary) !important;
    }
  }
  .focus-within\:\!border-accent-indigo-dark {
    &:focus-within {
      border-color: var(--color-accent-indigo-dark) !important;
    }
  }
  .focus-within\:\!border-accent-indigo-on-surface {
    &:focus-within {
      border-color: var(--color-accent-indigo-on-surface) !important;
    }
  }
  .focus-within\:\!border-accent-indigo-primary {
    &:focus-within {
      border-color: var(--color-accent-indigo-primary) !important;
    }
  }
  .focus-within\:\!border-accent-indigo-secondary {
    &:focus-within {
      border-color: var(--color-accent-indigo-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-indigo-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-indigo-surface-primary) !important;
    }
  }
  .focus-within\:\!border-accent-indigo-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-indigo-surface-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-indigo-tertiary {
    &:focus-within {
      border-color: var(--color-accent-indigo-tertiary) !important;
    }
  }
  .focus-within\:\!border-accent-lime-dark {
    &:focus-within {
      border-color: var(--color-accent-lime-dark) !important;
    }
  }
  .focus-within\:\!border-accent-lime-on-surface {
    &:focus-within {
      border-color: var(--color-accent-lime-on-surface) !important;
    }
  }
  .focus-within\:\!border-accent-lime-primary {
    &:focus-within {
      border-color: var(--color-accent-lime-primary) !important;
    }
  }
  .focus-within\:\!border-accent-lime-secondary {
    &:focus-within {
      border-color: var(--color-accent-lime-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-lime-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-lime-surface-primary) !important;
    }
  }
  .focus-within\:\!border-accent-lime-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-lime-surface-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-lime-tertiary {
    &:focus-within {
      border-color: var(--color-accent-lime-tertiary) !important;
    }
  }
  .focus-within\:\!border-accent-olive-dark {
    &:focus-within {
      border-color: var(--color-accent-olive-dark) !important;
    }
  }
  .focus-within\:\!border-accent-olive-on-surface {
    &:focus-within {
      border-color: var(--color-accent-olive-on-surface) !important;
    }
  }
  .focus-within\:\!border-accent-olive-primary {
    &:focus-within {
      border-color: var(--color-accent-olive-primary) !important;
    }
  }
  .focus-within\:\!border-accent-olive-secondary {
    &:focus-within {
      border-color: var(--color-accent-olive-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-olive-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-olive-surface-primary) !important;
    }
  }
  .focus-within\:\!border-accent-olive-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-olive-surface-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-olive-tertiary {
    &:focus-within {
      border-color: var(--color-accent-olive-tertiary) !important;
    }
  }
  .focus-within\:\!border-accent-orange-dark {
    &:focus-within {
      border-color: var(--color-accent-orange-dark) !important;
    }
  }
  .focus-within\:\!border-accent-orange-on-surface {
    &:focus-within {
      border-color: var(--color-accent-orange-on-surface) !important;
    }
  }
  .focus-within\:\!border-accent-orange-primary {
    &:focus-within {
      border-color: var(--color-accent-orange-primary) !important;
    }
  }
  .focus-within\:\!border-accent-orange-secondary {
    &:focus-within {
      border-color: var(--color-accent-orange-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-orange-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-orange-surface-primary) !important;
    }
  }
  .focus-within\:\!border-accent-orange-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-orange-surface-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-orange-tertiary {
    &:focus-within {
      border-color: var(--color-accent-orange-tertiary) !important;
    }
  }
  .focus-within\:\!border-accent-pink-dark {
    &:focus-within {
      border-color: var(--color-accent-pink-dark) !important;
    }
  }
  .focus-within\:\!border-accent-pink-on-surface {
    &:focus-within {
      border-color: var(--color-accent-pink-on-surface) !important;
    }
  }
  .focus-within\:\!border-accent-pink-primary {
    &:focus-within {
      border-color: var(--color-accent-pink-primary) !important;
    }
  }
  .focus-within\:\!border-accent-pink-secondary {
    &:focus-within {
      border-color: var(--color-accent-pink-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-pink-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-pink-surface-primary) !important;
    }
  }
  .focus-within\:\!border-accent-pink-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-pink-surface-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-pink-tertiary {
    &:focus-within {
      border-color: var(--color-accent-pink-tertiary) !important;
    }
  }
  .focus-within\:\!border-accent-purple-dark {
    &:focus-within {
      border-color: var(--color-accent-purple-dark) !important;
    }
  }
  .focus-within\:\!border-accent-purple-on-surface {
    &:focus-within {
      border-color: var(--color-accent-purple-on-surface) !important;
    }
  }
  .focus-within\:\!border-accent-purple-primary {
    &:focus-within {
      border-color: var(--color-accent-purple-primary) !important;
    }
  }
  .focus-within\:\!border-accent-purple-secondary {
    &:focus-within {
      border-color: var(--color-accent-purple-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-purple-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-purple-surface-primary) !important;
    }
  }
  .focus-within\:\!border-accent-purple-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-purple-surface-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-purple-tertiary {
    &:focus-within {
      border-color: var(--color-accent-purple-tertiary) !important;
    }
  }
  .focus-within\:\!border-accent-red-dark {
    &:focus-within {
      border-color: var(--color-accent-red-dark) !important;
    }
  }
  .focus-within\:\!border-accent-red-on-surface {
    &:focus-within {
      border-color: var(--color-accent-red-on-surface) !important;
    }
  }
  .focus-within\:\!border-accent-red-primary {
    &:focus-within {
      border-color: var(--color-accent-red-primary) !important;
    }
  }
  .focus-within\:\!border-accent-red-secondary {
    &:focus-within {
      border-color: var(--color-accent-red-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-red-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-red-surface-primary) !important;
    }
  }
  .focus-within\:\!border-accent-red-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-red-surface-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-red-tertiary {
    &:focus-within {
      border-color: var(--color-accent-red-tertiary) !important;
    }
  }
  .focus-within\:\!border-accent-rose-dark {
    &:focus-within {
      border-color: var(--color-accent-rose-dark) !important;
    }
  }
  .focus-within\:\!border-accent-rose-on-surface {
    &:focus-within {
      border-color: var(--color-accent-rose-on-surface) !important;
    }
  }
  .focus-within\:\!border-accent-rose-primary {
    &:focus-within {
      border-color: var(--color-accent-rose-primary) !important;
    }
  }
  .focus-within\:\!border-accent-rose-secondary {
    &:focus-within {
      border-color: var(--color-accent-rose-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-rose-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-rose-surface-primary) !important;
    }
  }
  .focus-within\:\!border-accent-rose-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-rose-surface-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-rose-tertiary {
    &:focus-within {
      border-color: var(--color-accent-rose-tertiary) !important;
    }
  }
  .focus-within\:\!border-accent-sky-dark {
    &:focus-within {
      border-color: var(--color-accent-sky-dark) !important;
    }
  }
  .focus-within\:\!border-accent-sky-on-surface {
    &:focus-within {
      border-color: var(--color-accent-sky-on-surface) !important;
    }
  }
  .focus-within\:\!border-accent-sky-primary {
    &:focus-within {
      border-color: var(--color-accent-sky-primary) !important;
    }
  }
  .focus-within\:\!border-accent-sky-secondary {
    &:focus-within {
      border-color: var(--color-accent-sky-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-sky-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-sky-surface-primary) !important;
    }
  }
  .focus-within\:\!border-accent-sky-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-sky-surface-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-sky-tertiary {
    &:focus-within {
      border-color: var(--color-accent-sky-tertiary) !important;
    }
  }
  .focus-within\:\!border-accent-teal-dark {
    &:focus-within {
      border-color: var(--color-accent-teal-dark) !important;
    }
  }
  .focus-within\:\!border-accent-teal-on-surface {
    &:focus-within {
      border-color: var(--color-accent-teal-on-surface) !important;
    }
  }
  .focus-within\:\!border-accent-teal-primary {
    &:focus-within {
      border-color: var(--color-accent-teal-primary) !important;
    }
  }
  .focus-within\:\!border-accent-teal-secondary {
    &:focus-within {
      border-color: var(--color-accent-teal-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-teal-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-teal-surface-primary) !important;
    }
  }
  .focus-within\:\!border-accent-teal-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-teal-surface-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-teal-tertiary {
    &:focus-within {
      border-color: var(--color-accent-teal-tertiary) !important;
    }
  }
  .focus-within\:\!border-accent-violet-dark {
    &:focus-within {
      border-color: var(--color-accent-violet-dark) !important;
    }
  }
  .focus-within\:\!border-accent-violet-on-surface {
    &:focus-within {
      border-color: var(--color-accent-violet-on-surface) !important;
    }
  }
  .focus-within\:\!border-accent-violet-primary {
    &:focus-within {
      border-color: var(--color-accent-violet-primary) !important;
    }
  }
  .focus-within\:\!border-accent-violet-secondary {
    &:focus-within {
      border-color: var(--color-accent-violet-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-violet-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-violet-surface-primary) !important;
    }
  }
  .focus-within\:\!border-accent-violet-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-violet-surface-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-violet-tertiary {
    &:focus-within {
      border-color: var(--color-accent-violet-tertiary) !important;
    }
  }
  .focus-within\:\!border-accent-yellow-dark {
    &:focus-within {
      border-color: var(--color-accent-yellow-dark) !important;
    }
  }
  .focus-within\:\!border-accent-yellow-on-surface {
    &:focus-within {
      border-color: var(--color-accent-yellow-on-surface) !important;
    }
  }
  .focus-within\:\!border-accent-yellow-primary {
    &:focus-within {
      border-color: var(--color-accent-yellow-primary) !important;
    }
  }
  .focus-within\:\!border-accent-yellow-secondary {
    &:focus-within {
      border-color: var(--color-accent-yellow-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-yellow-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-yellow-surface-primary) !important;
    }
  }
  .focus-within\:\!border-accent-yellow-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-yellow-surface-secondary) !important;
    }
  }
  .focus-within\:\!border-accent-yellow-tertiary {
    &:focus-within {
      border-color: var(--color-accent-yellow-tertiary) !important;
    }
  }
  .focus-within\:border-accent-amber-dark {
    &:focus-within {
      border-color: var(--color-accent-amber-dark);
    }
  }
  .focus-within\:border-accent-amber-on-surface {
    &:focus-within {
      border-color: var(--color-accent-amber-on-surface);
    }
  }
  .focus-within\:border-accent-amber-primary {
    &:focus-within {
      border-color: var(--color-accent-amber-primary);
    }
  }
  .focus-within\:border-accent-amber-secondary {
    &:focus-within {
      border-color: var(--color-accent-amber-secondary);
    }
  }
  .focus-within\:border-accent-amber-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-amber-surface-primary);
    }
  }
  .focus-within\:border-accent-amber-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-amber-surface-secondary);
    }
  }
  .focus-within\:border-accent-amber-tertiary {
    &:focus-within {
      border-color: var(--color-accent-amber-tertiary);
    }
  }
  .focus-within\:border-accent-blue-dark {
    &:focus-within {
      border-color: var(--color-accent-blue-dark);
    }
  }
  .focus-within\:border-accent-blue-on-surface {
    &:focus-within {
      border-color: var(--color-accent-blue-on-surface);
    }
  }
  .focus-within\:border-accent-blue-primary {
    &:focus-within {
      border-color: var(--color-accent-blue-primary);
    }
  }
  .focus-within\:border-accent-blue-secondary {
    &:focus-within {
      border-color: var(--color-accent-blue-secondary);
    }
  }
  .focus-within\:border-accent-blue-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-blue-surface-primary);
    }
  }
  .focus-within\:border-accent-blue-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-blue-surface-secondary);
    }
  }
  .focus-within\:border-accent-blue-tertiary {
    &:focus-within {
      border-color: var(--color-accent-blue-tertiary);
    }
  }
  .focus-within\:border-accent-brown-dark {
    &:focus-within {
      border-color: var(--color-accent-brown-dark);
    }
  }
  .focus-within\:border-accent-brown-on-surface {
    &:focus-within {
      border-color: var(--color-accent-brown-on-surface);
    }
  }
  .focus-within\:border-accent-brown-primary {
    &:focus-within {
      border-color: var(--color-accent-brown-primary);
    }
  }
  .focus-within\:border-accent-brown-secondary {
    &:focus-within {
      border-color: var(--color-accent-brown-secondary);
    }
  }
  .focus-within\:border-accent-brown-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-brown-surface-primary);
    }
  }
  .focus-within\:border-accent-brown-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-brown-surface-secondary);
    }
  }
  .focus-within\:border-accent-brown-tertiary {
    &:focus-within {
      border-color: var(--color-accent-brown-tertiary);
    }
  }
  .focus-within\:border-accent-cyan-dark {
    &:focus-within {
      border-color: var(--color-accent-cyan-dark);
    }
  }
  .focus-within\:border-accent-cyan-on-surface {
    &:focus-within {
      border-color: var(--color-accent-cyan-on-surface);
    }
  }
  .focus-within\:border-accent-cyan-primary {
    &:focus-within {
      border-color: var(--color-accent-cyan-primary);
    }
  }
  .focus-within\:border-accent-cyan-secondary {
    &:focus-within {
      border-color: var(--color-accent-cyan-secondary);
    }
  }
  .focus-within\:border-accent-cyan-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-cyan-surface-primary);
    }
  }
  .focus-within\:border-accent-cyan-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-cyan-surface-secondary);
    }
  }
  .focus-within\:border-accent-cyan-tertiary {
    &:focus-within {
      border-color: var(--color-accent-cyan-tertiary);
    }
  }
  .focus-within\:border-accent-emerald-dark {
    &:focus-within {
      border-color: var(--color-accent-emerald-dark);
    }
  }
  .focus-within\:border-accent-emerald-on-surface {
    &:focus-within {
      border-color: var(--color-accent-emerald-on-surface);
    }
  }
  .focus-within\:border-accent-emerald-primary {
    &:focus-within {
      border-color: var(--color-accent-emerald-primary);
    }
  }
  .focus-within\:border-accent-emerald-secondary {
    &:focus-within {
      border-color: var(--color-accent-emerald-secondary);
    }
  }
  .focus-within\:border-accent-emerald-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-emerald-surface-primary);
    }
  }
  .focus-within\:border-accent-emerald-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-emerald-surface-secondary);
    }
  }
  .focus-within\:border-accent-emerald-tertiary {
    &:focus-within {
      border-color: var(--color-accent-emerald-tertiary);
    }
  }
  .focus-within\:border-accent-fuchsia-dark {
    &:focus-within {
      border-color: var(--color-accent-fuchsia-dark);
    }
  }
  .focus-within\:border-accent-fuchsia-on-surface {
    &:focus-within {
      border-color: var(--color-accent-fuchsia-on-surface);
    }
  }
  .focus-within\:border-accent-fuchsia-primary {
    &:focus-within {
      border-color: var(--color-accent-fuchsia-primary);
    }
  }
  .focus-within\:border-accent-fuchsia-secondary {
    &:focus-within {
      border-color: var(--color-accent-fuchsia-secondary);
    }
  }
  .focus-within\:border-accent-fuchsia-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-fuchsia-surface-primary);
    }
  }
  .focus-within\:border-accent-fuchsia-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-fuchsia-surface-secondary);
    }
  }
  .focus-within\:border-accent-fuchsia-tertiary {
    &:focus-within {
      border-color: var(--color-accent-fuchsia-tertiary);
    }
  }
  .focus-within\:border-accent-gray-dark {
    &:focus-within {
      border-color: var(--color-accent-gray-dark);
    }
  }
  .focus-within\:border-accent-gray-on-surface {
    &:focus-within {
      border-color: var(--color-accent-gray-on-surface);
    }
  }
  .focus-within\:border-accent-gray-primary {
    &:focus-within {
      border-color: var(--color-accent-gray-primary);
    }
  }
  .focus-within\:border-accent-gray-secondary {
    &:focus-within {
      border-color: var(--color-accent-gray-secondary);
    }
  }
  .focus-within\:border-accent-gray-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-gray-surface-primary);
    }
  }
  .focus-within\:border-accent-gray-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-gray-surface-secondary);
    }
  }
  .focus-within\:border-accent-gray-tertiary {
    &:focus-within {
      border-color: var(--color-accent-gray-tertiary);
    }
  }
  .focus-within\:border-accent-green-dark {
    &:focus-within {
      border-color: var(--color-accent-green-dark);
    }
  }
  .focus-within\:border-accent-green-on-surface {
    &:focus-within {
      border-color: var(--color-accent-green-on-surface);
    }
  }
  .focus-within\:border-accent-green-primary {
    &:focus-within {
      border-color: var(--color-accent-green-primary);
    }
  }
  .focus-within\:border-accent-green-secondary {
    &:focus-within {
      border-color: var(--color-accent-green-secondary);
    }
  }
  .focus-within\:border-accent-green-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-green-surface-primary);
    }
  }
  .focus-within\:border-accent-green-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-green-surface-secondary);
    }
  }
  .focus-within\:border-accent-green-tertiary {
    &:focus-within {
      border-color: var(--color-accent-green-tertiary);
    }
  }
  .focus-within\:border-accent-indigo-dark {
    &:focus-within {
      border-color: var(--color-accent-indigo-dark);
    }
  }
  .focus-within\:border-accent-indigo-on-surface {
    &:focus-within {
      border-color: var(--color-accent-indigo-on-surface);
    }
  }
  .focus-within\:border-accent-indigo-primary {
    &:focus-within {
      border-color: var(--color-accent-indigo-primary);
    }
  }
  .focus-within\:border-accent-indigo-secondary {
    &:focus-within {
      border-color: var(--color-accent-indigo-secondary);
    }
  }
  .focus-within\:border-accent-indigo-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-indigo-surface-primary);
    }
  }
  .focus-within\:border-accent-indigo-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-indigo-surface-secondary);
    }
  }
  .focus-within\:border-accent-indigo-tertiary {
    &:focus-within {
      border-color: var(--color-accent-indigo-tertiary);
    }
  }
  .focus-within\:border-accent-lime-dark {
    &:focus-within {
      border-color: var(--color-accent-lime-dark);
    }
  }
  .focus-within\:border-accent-lime-on-surface {
    &:focus-within {
      border-color: var(--color-accent-lime-on-surface);
    }
  }
  .focus-within\:border-accent-lime-primary {
    &:focus-within {
      border-color: var(--color-accent-lime-primary);
    }
  }
  .focus-within\:border-accent-lime-secondary {
    &:focus-within {
      border-color: var(--color-accent-lime-secondary);
    }
  }
  .focus-within\:border-accent-lime-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-lime-surface-primary);
    }
  }
  .focus-within\:border-accent-lime-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-lime-surface-secondary);
    }
  }
  .focus-within\:border-accent-lime-tertiary {
    &:focus-within {
      border-color: var(--color-accent-lime-tertiary);
    }
  }
  .focus-within\:border-accent-olive-dark {
    &:focus-within {
      border-color: var(--color-accent-olive-dark);
    }
  }
  .focus-within\:border-accent-olive-on-surface {
    &:focus-within {
      border-color: var(--color-accent-olive-on-surface);
    }
  }
  .focus-within\:border-accent-olive-primary {
    &:focus-within {
      border-color: var(--color-accent-olive-primary);
    }
  }
  .focus-within\:border-accent-olive-secondary {
    &:focus-within {
      border-color: var(--color-accent-olive-secondary);
    }
  }
  .focus-within\:border-accent-olive-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-olive-surface-primary);
    }
  }
  .focus-within\:border-accent-olive-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-olive-surface-secondary);
    }
  }
  .focus-within\:border-accent-olive-tertiary {
    &:focus-within {
      border-color: var(--color-accent-olive-tertiary);
    }
  }
  .focus-within\:border-accent-orange-dark {
    &:focus-within {
      border-color: var(--color-accent-orange-dark);
    }
  }
  .focus-within\:border-accent-orange-on-surface {
    &:focus-within {
      border-color: var(--color-accent-orange-on-surface);
    }
  }
  .focus-within\:border-accent-orange-primary {
    &:focus-within {
      border-color: var(--color-accent-orange-primary);
    }
  }
  .focus-within\:border-accent-orange-secondary {
    &:focus-within {
      border-color: var(--color-accent-orange-secondary);
    }
  }
  .focus-within\:border-accent-orange-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-orange-surface-primary);
    }
  }
  .focus-within\:border-accent-orange-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-orange-surface-secondary);
    }
  }
  .focus-within\:border-accent-orange-tertiary {
    &:focus-within {
      border-color: var(--color-accent-orange-tertiary);
    }
  }
  .focus-within\:border-accent-pink-dark {
    &:focus-within {
      border-color: var(--color-accent-pink-dark);
    }
  }
  .focus-within\:border-accent-pink-on-surface {
    &:focus-within {
      border-color: var(--color-accent-pink-on-surface);
    }
  }
  .focus-within\:border-accent-pink-primary {
    &:focus-within {
      border-color: var(--color-accent-pink-primary);
    }
  }
  .focus-within\:border-accent-pink-secondary {
    &:focus-within {
      border-color: var(--color-accent-pink-secondary);
    }
  }
  .focus-within\:border-accent-pink-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-pink-surface-primary);
    }
  }
  .focus-within\:border-accent-pink-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-pink-surface-secondary);
    }
  }
  .focus-within\:border-accent-pink-tertiary {
    &:focus-within {
      border-color: var(--color-accent-pink-tertiary);
    }
  }
  .focus-within\:border-accent-purple-dark {
    &:focus-within {
      border-color: var(--color-accent-purple-dark);
    }
  }
  .focus-within\:border-accent-purple-on-surface {
    &:focus-within {
      border-color: var(--color-accent-purple-on-surface);
    }
  }
  .focus-within\:border-accent-purple-primary {
    &:focus-within {
      border-color: var(--color-accent-purple-primary);
    }
  }
  .focus-within\:border-accent-purple-secondary {
    &:focus-within {
      border-color: var(--color-accent-purple-secondary);
    }
  }
  .focus-within\:border-accent-purple-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-purple-surface-primary);
    }
  }
  .focus-within\:border-accent-purple-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-purple-surface-secondary);
    }
  }
  .focus-within\:border-accent-purple-tertiary {
    &:focus-within {
      border-color: var(--color-accent-purple-tertiary);
    }
  }
  .focus-within\:border-accent-red-dark {
    &:focus-within {
      border-color: var(--color-accent-red-dark);
    }
  }
  .focus-within\:border-accent-red-on-surface {
    &:focus-within {
      border-color: var(--color-accent-red-on-surface);
    }
  }
  .focus-within\:border-accent-red-primary {
    &:focus-within {
      border-color: var(--color-accent-red-primary);
    }
  }
  .focus-within\:border-accent-red-secondary {
    &:focus-within {
      border-color: var(--color-accent-red-secondary);
    }
  }
  .focus-within\:border-accent-red-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-red-surface-primary);
    }
  }
  .focus-within\:border-accent-red-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-red-surface-secondary);
    }
  }
  .focus-within\:border-accent-red-tertiary {
    &:focus-within {
      border-color: var(--color-accent-red-tertiary);
    }
  }
  .focus-within\:border-accent-rose-dark {
    &:focus-within {
      border-color: var(--color-accent-rose-dark);
    }
  }
  .focus-within\:border-accent-rose-on-surface {
    &:focus-within {
      border-color: var(--color-accent-rose-on-surface);
    }
  }
  .focus-within\:border-accent-rose-primary {
    &:focus-within {
      border-color: var(--color-accent-rose-primary);
    }
  }
  .focus-within\:border-accent-rose-secondary {
    &:focus-within {
      border-color: var(--color-accent-rose-secondary);
    }
  }
  .focus-within\:border-accent-rose-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-rose-surface-primary);
    }
  }
  .focus-within\:border-accent-rose-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-rose-surface-secondary);
    }
  }
  .focus-within\:border-accent-rose-tertiary {
    &:focus-within {
      border-color: var(--color-accent-rose-tertiary);
    }
  }
  .focus-within\:border-accent-sky-dark {
    &:focus-within {
      border-color: var(--color-accent-sky-dark);
    }
  }
  .focus-within\:border-accent-sky-on-surface {
    &:focus-within {
      border-color: var(--color-accent-sky-on-surface);
    }
  }
  .focus-within\:border-accent-sky-primary {
    &:focus-within {
      border-color: var(--color-accent-sky-primary);
    }
  }
  .focus-within\:border-accent-sky-secondary {
    &:focus-within {
      border-color: var(--color-accent-sky-secondary);
    }
  }
  .focus-within\:border-accent-sky-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-sky-surface-primary);
    }
  }
  .focus-within\:border-accent-sky-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-sky-surface-secondary);
    }
  }
  .focus-within\:border-accent-sky-tertiary {
    &:focus-within {
      border-color: var(--color-accent-sky-tertiary);
    }
  }
  .focus-within\:border-accent-teal-dark {
    &:focus-within {
      border-color: var(--color-accent-teal-dark);
    }
  }
  .focus-within\:border-accent-teal-on-surface {
    &:focus-within {
      border-color: var(--color-accent-teal-on-surface);
    }
  }
  .focus-within\:border-accent-teal-primary {
    &:focus-within {
      border-color: var(--color-accent-teal-primary);
    }
  }
  .focus-within\:border-accent-teal-secondary {
    &:focus-within {
      border-color: var(--color-accent-teal-secondary);
    }
  }
  .focus-within\:border-accent-teal-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-teal-surface-primary);
    }
  }
  .focus-within\:border-accent-teal-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-teal-surface-secondary);
    }
  }
  .focus-within\:border-accent-teal-tertiary {
    &:focus-within {
      border-color: var(--color-accent-teal-tertiary);
    }
  }
  .focus-within\:border-accent-violet-dark {
    &:focus-within {
      border-color: var(--color-accent-violet-dark);
    }
  }
  .focus-within\:border-accent-violet-on-surface {
    &:focus-within {
      border-color: var(--color-accent-violet-on-surface);
    }
  }
  .focus-within\:border-accent-violet-primary {
    &:focus-within {
      border-color: var(--color-accent-violet-primary);
    }
  }
  .focus-within\:border-accent-violet-secondary {
    &:focus-within {
      border-color: var(--color-accent-violet-secondary);
    }
  }
  .focus-within\:border-accent-violet-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-violet-surface-primary);
    }
  }
  .focus-within\:border-accent-violet-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-violet-surface-secondary);
    }
  }
  .focus-within\:border-accent-violet-tertiary {
    &:focus-within {
      border-color: var(--color-accent-violet-tertiary);
    }
  }
  .focus-within\:border-accent-yellow-dark {
    &:focus-within {
      border-color: var(--color-accent-yellow-dark);
    }
  }
  .focus-within\:border-accent-yellow-on-surface {
    &:focus-within {
      border-color: var(--color-accent-yellow-on-surface);
    }
  }
  .focus-within\:border-accent-yellow-primary {
    &:focus-within {
      border-color: var(--color-accent-yellow-primary);
    }
  }
  .focus-within\:border-accent-yellow-secondary {
    &:focus-within {
      border-color: var(--color-accent-yellow-secondary);
    }
  }
  .focus-within\:border-accent-yellow-surface-primary {
    &:focus-within {
      border-color: var(--color-accent-yellow-surface-primary);
    }
  }
  .focus-within\:border-accent-yellow-surface-secondary {
    &:focus-within {
      border-color: var(--color-accent-yellow-surface-secondary);
    }
  }
  .focus-within\:border-accent-yellow-tertiary {
    &:focus-within {
      border-color: var(--color-accent-yellow-tertiary);
    }
  }
  .focus-within\:border-transparent {
    &:focus-within {
      border-color: transparent;
    }
  }
  .focus-within\:\!bg-accent-amber-dark {
    &:focus-within {
      background-color: var(--color-accent-amber-dark) !important;
    }
  }
  .focus-within\:\!bg-accent-amber-on-surface {
    &:focus-within {
      background-color: var(--color-accent-amber-on-surface) !important;
    }
  }
  .focus-within\:\!bg-accent-amber-primary {
    &:focus-within {
      background-color: var(--color-accent-amber-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-amber-secondary {
    &:focus-within {
      background-color: var(--color-accent-amber-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-amber-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-amber-surface-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-amber-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-amber-surface-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-amber-tertiary {
    &:focus-within {
      background-color: var(--color-accent-amber-tertiary) !important;
    }
  }
  .focus-within\:\!bg-accent-blue-dark {
    &:focus-within {
      background-color: var(--color-accent-blue-dark) !important;
    }
  }
  .focus-within\:\!bg-accent-blue-on-surface {
    &:focus-within {
      background-color: var(--color-accent-blue-on-surface) !important;
    }
  }
  .focus-within\:\!bg-accent-blue-primary {
    &:focus-within {
      background-color: var(--color-accent-blue-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-blue-secondary {
    &:focus-within {
      background-color: var(--color-accent-blue-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-blue-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-blue-surface-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-blue-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-blue-surface-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-blue-tertiary {
    &:focus-within {
      background-color: var(--color-accent-blue-tertiary) !important;
    }
  }
  .focus-within\:\!bg-accent-brown-dark {
    &:focus-within {
      background-color: var(--color-accent-brown-dark) !important;
    }
  }
  .focus-within\:\!bg-accent-brown-on-surface {
    &:focus-within {
      background-color: var(--color-accent-brown-on-surface) !important;
    }
  }
  .focus-within\:\!bg-accent-brown-primary {
    &:focus-within {
      background-color: var(--color-accent-brown-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-brown-secondary {
    &:focus-within {
      background-color: var(--color-accent-brown-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-brown-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-brown-surface-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-brown-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-brown-surface-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-brown-tertiary {
    &:focus-within {
      background-color: var(--color-accent-brown-tertiary) !important;
    }
  }
  .focus-within\:\!bg-accent-cyan-dark {
    &:focus-within {
      background-color: var(--color-accent-cyan-dark) !important;
    }
  }
  .focus-within\:\!bg-accent-cyan-on-surface {
    &:focus-within {
      background-color: var(--color-accent-cyan-on-surface) !important;
    }
  }
  .focus-within\:\!bg-accent-cyan-primary {
    &:focus-within {
      background-color: var(--color-accent-cyan-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-cyan-secondary {
    &:focus-within {
      background-color: var(--color-accent-cyan-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-cyan-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-cyan-surface-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-cyan-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-cyan-surface-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-cyan-tertiary {
    &:focus-within {
      background-color: var(--color-accent-cyan-tertiary) !important;
    }
  }
  .focus-within\:\!bg-accent-emerald-dark {
    &:focus-within {
      background-color: var(--color-accent-emerald-dark) !important;
    }
  }
  .focus-within\:\!bg-accent-emerald-on-surface {
    &:focus-within {
      background-color: var(--color-accent-emerald-on-surface) !important;
    }
  }
  .focus-within\:\!bg-accent-emerald-primary {
    &:focus-within {
      background-color: var(--color-accent-emerald-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-emerald-secondary {
    &:focus-within {
      background-color: var(--color-accent-emerald-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-emerald-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-emerald-surface-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-emerald-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-emerald-surface-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-emerald-tertiary {
    &:focus-within {
      background-color: var(--color-accent-emerald-tertiary) !important;
    }
  }
  .focus-within\:\!bg-accent-fuchsia-dark {
    &:focus-within {
      background-color: var(--color-accent-fuchsia-dark) !important;
    }
  }
  .focus-within\:\!bg-accent-fuchsia-on-surface {
    &:focus-within {
      background-color: var(--color-accent-fuchsia-on-surface) !important;
    }
  }
  .focus-within\:\!bg-accent-fuchsia-primary {
    &:focus-within {
      background-color: var(--color-accent-fuchsia-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-fuchsia-secondary {
    &:focus-within {
      background-color: var(--color-accent-fuchsia-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-fuchsia-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-fuchsia-surface-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-fuchsia-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-fuchsia-surface-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-fuchsia-tertiary {
    &:focus-within {
      background-color: var(--color-accent-fuchsia-tertiary) !important;
    }
  }
  .focus-within\:\!bg-accent-gray-dark {
    &:focus-within {
      background-color: var(--color-accent-gray-dark) !important;
    }
  }
  .focus-within\:\!bg-accent-gray-on-surface {
    &:focus-within {
      background-color: var(--color-accent-gray-on-surface) !important;
    }
  }
  .focus-within\:\!bg-accent-gray-primary {
    &:focus-within {
      background-color: var(--color-accent-gray-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-gray-secondary {
    &:focus-within {
      background-color: var(--color-accent-gray-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-gray-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-gray-surface-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-gray-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-gray-surface-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-gray-tertiary {
    &:focus-within {
      background-color: var(--color-accent-gray-tertiary) !important;
    }
  }
  .focus-within\:\!bg-accent-green-dark {
    &:focus-within {
      background-color: var(--color-accent-green-dark) !important;
    }
  }
  .focus-within\:\!bg-accent-green-on-surface {
    &:focus-within {
      background-color: var(--color-accent-green-on-surface) !important;
    }
  }
  .focus-within\:\!bg-accent-green-primary {
    &:focus-within {
      background-color: var(--color-accent-green-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-green-secondary {
    &:focus-within {
      background-color: var(--color-accent-green-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-green-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-green-surface-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-green-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-green-surface-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-green-tertiary {
    &:focus-within {
      background-color: var(--color-accent-green-tertiary) !important;
    }
  }
  .focus-within\:\!bg-accent-indigo-dark {
    &:focus-within {
      background-color: var(--color-accent-indigo-dark) !important;
    }
  }
  .focus-within\:\!bg-accent-indigo-on-surface {
    &:focus-within {
      background-color: var(--color-accent-indigo-on-surface) !important;
    }
  }
  .focus-within\:\!bg-accent-indigo-primary {
    &:focus-within {
      background-color: var(--color-accent-indigo-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-indigo-secondary {
    &:focus-within {
      background-color: var(--color-accent-indigo-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-indigo-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-indigo-surface-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-indigo-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-indigo-surface-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-indigo-tertiary {
    &:focus-within {
      background-color: var(--color-accent-indigo-tertiary) !important;
    }
  }
  .focus-within\:\!bg-accent-lime-dark {
    &:focus-within {
      background-color: var(--color-accent-lime-dark) !important;
    }
  }
  .focus-within\:\!bg-accent-lime-on-surface {
    &:focus-within {
      background-color: var(--color-accent-lime-on-surface) !important;
    }
  }
  .focus-within\:\!bg-accent-lime-primary {
    &:focus-within {
      background-color: var(--color-accent-lime-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-lime-secondary {
    &:focus-within {
      background-color: var(--color-accent-lime-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-lime-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-lime-surface-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-lime-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-lime-surface-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-lime-tertiary {
    &:focus-within {
      background-color: var(--color-accent-lime-tertiary) !important;
    }
  }
  .focus-within\:\!bg-accent-olive-dark {
    &:focus-within {
      background-color: var(--color-accent-olive-dark) !important;
    }
  }
  .focus-within\:\!bg-accent-olive-on-surface {
    &:focus-within {
      background-color: var(--color-accent-olive-on-surface) !important;
    }
  }
  .focus-within\:\!bg-accent-olive-primary {
    &:focus-within {
      background-color: var(--color-accent-olive-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-olive-secondary {
    &:focus-within {
      background-color: var(--color-accent-olive-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-olive-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-olive-surface-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-olive-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-olive-surface-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-olive-tertiary {
    &:focus-within {
      background-color: var(--color-accent-olive-tertiary) !important;
    }
  }
  .focus-within\:\!bg-accent-orange-dark {
    &:focus-within {
      background-color: var(--color-accent-orange-dark) !important;
    }
  }
  .focus-within\:\!bg-accent-orange-on-surface {
    &:focus-within {
      background-color: var(--color-accent-orange-on-surface) !important;
    }
  }
  .focus-within\:\!bg-accent-orange-primary {
    &:focus-within {
      background-color: var(--color-accent-orange-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-orange-secondary {
    &:focus-within {
      background-color: var(--color-accent-orange-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-orange-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-orange-surface-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-orange-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-orange-surface-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-orange-tertiary {
    &:focus-within {
      background-color: var(--color-accent-orange-tertiary) !important;
    }
  }
  .focus-within\:\!bg-accent-pink-dark {
    &:focus-within {
      background-color: var(--color-accent-pink-dark) !important;
    }
  }
  .focus-within\:\!bg-accent-pink-on-surface {
    &:focus-within {
      background-color: var(--color-accent-pink-on-surface) !important;
    }
  }
  .focus-within\:\!bg-accent-pink-primary {
    &:focus-within {
      background-color: var(--color-accent-pink-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-pink-secondary {
    &:focus-within {
      background-color: var(--color-accent-pink-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-pink-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-pink-surface-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-pink-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-pink-surface-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-pink-tertiary {
    &:focus-within {
      background-color: var(--color-accent-pink-tertiary) !important;
    }
  }
  .focus-within\:\!bg-accent-purple-dark {
    &:focus-within {
      background-color: var(--color-accent-purple-dark) !important;
    }
  }
  .focus-within\:\!bg-accent-purple-on-surface {
    &:focus-within {
      background-color: var(--color-accent-purple-on-surface) !important;
    }
  }
  .focus-within\:\!bg-accent-purple-primary {
    &:focus-within {
      background-color: var(--color-accent-purple-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-purple-secondary {
    &:focus-within {
      background-color: var(--color-accent-purple-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-purple-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-purple-surface-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-purple-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-purple-surface-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-purple-tertiary {
    &:focus-within {
      background-color: var(--color-accent-purple-tertiary) !important;
    }
  }
  .focus-within\:\!bg-accent-red-dark {
    &:focus-within {
      background-color: var(--color-accent-red-dark) !important;
    }
  }
  .focus-within\:\!bg-accent-red-on-surface {
    &:focus-within {
      background-color: var(--color-accent-red-on-surface) !important;
    }
  }
  .focus-within\:\!bg-accent-red-primary {
    &:focus-within {
      background-color: var(--color-accent-red-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-red-secondary {
    &:focus-within {
      background-color: var(--color-accent-red-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-red-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-red-surface-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-red-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-red-surface-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-red-tertiary {
    &:focus-within {
      background-color: var(--color-accent-red-tertiary) !important;
    }
  }
  .focus-within\:\!bg-accent-rose-dark {
    &:focus-within {
      background-color: var(--color-accent-rose-dark) !important;
    }
  }
  .focus-within\:\!bg-accent-rose-on-surface {
    &:focus-within {
      background-color: var(--color-accent-rose-on-surface) !important;
    }
  }
  .focus-within\:\!bg-accent-rose-primary {
    &:focus-within {
      background-color: var(--color-accent-rose-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-rose-secondary {
    &:focus-within {
      background-color: var(--color-accent-rose-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-rose-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-rose-surface-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-rose-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-rose-surface-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-rose-tertiary {
    &:focus-within {
      background-color: var(--color-accent-rose-tertiary) !important;
    }
  }
  .focus-within\:\!bg-accent-sky-dark {
    &:focus-within {
      background-color: var(--color-accent-sky-dark) !important;
    }
  }
  .focus-within\:\!bg-accent-sky-on-surface {
    &:focus-within {
      background-color: var(--color-accent-sky-on-surface) !important;
    }
  }
  .focus-within\:\!bg-accent-sky-primary {
    &:focus-within {
      background-color: var(--color-accent-sky-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-sky-secondary {
    &:focus-within {
      background-color: var(--color-accent-sky-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-sky-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-sky-surface-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-sky-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-sky-surface-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-sky-tertiary {
    &:focus-within {
      background-color: var(--color-accent-sky-tertiary) !important;
    }
  }
  .focus-within\:\!bg-accent-teal-dark {
    &:focus-within {
      background-color: var(--color-accent-teal-dark) !important;
    }
  }
  .focus-within\:\!bg-accent-teal-on-surface {
    &:focus-within {
      background-color: var(--color-accent-teal-on-surface) !important;
    }
  }
  .focus-within\:\!bg-accent-teal-primary {
    &:focus-within {
      background-color: var(--color-accent-teal-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-teal-secondary {
    &:focus-within {
      background-color: var(--color-accent-teal-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-teal-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-teal-surface-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-teal-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-teal-surface-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-teal-tertiary {
    &:focus-within {
      background-color: var(--color-accent-teal-tertiary) !important;
    }
  }
  .focus-within\:\!bg-accent-violet-dark {
    &:focus-within {
      background-color: var(--color-accent-violet-dark) !important;
    }
  }
  .focus-within\:\!bg-accent-violet-on-surface {
    &:focus-within {
      background-color: var(--color-accent-violet-on-surface) !important;
    }
  }
  .focus-within\:\!bg-accent-violet-primary {
    &:focus-within {
      background-color: var(--color-accent-violet-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-violet-secondary {
    &:focus-within {
      background-color: var(--color-accent-violet-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-violet-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-violet-surface-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-violet-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-violet-surface-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-violet-tertiary {
    &:focus-within {
      background-color: var(--color-accent-violet-tertiary) !important;
    }
  }
  .focus-within\:\!bg-accent-yellow-dark {
    &:focus-within {
      background-color: var(--color-accent-yellow-dark) !important;
    }
  }
  .focus-within\:\!bg-accent-yellow-on-surface {
    &:focus-within {
      background-color: var(--color-accent-yellow-on-surface) !important;
    }
  }
  .focus-within\:\!bg-accent-yellow-primary {
    &:focus-within {
      background-color: var(--color-accent-yellow-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-yellow-secondary {
    &:focus-within {
      background-color: var(--color-accent-yellow-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-yellow-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-yellow-surface-primary) !important;
    }
  }
  .focus-within\:\!bg-accent-yellow-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-yellow-surface-secondary) !important;
    }
  }
  .focus-within\:\!bg-accent-yellow-tertiary {
    &:focus-within {
      background-color: var(--color-accent-yellow-tertiary) !important;
    }
  }
  .focus-within\:bg-accent-amber-dark {
    &:focus-within {
      background-color: var(--color-accent-amber-dark);
    }
  }
  .focus-within\:bg-accent-amber-on-surface {
    &:focus-within {
      background-color: var(--color-accent-amber-on-surface);
    }
  }
  .focus-within\:bg-accent-amber-primary {
    &:focus-within {
      background-color: var(--color-accent-amber-primary);
    }
  }
  .focus-within\:bg-accent-amber-secondary {
    &:focus-within {
      background-color: var(--color-accent-amber-secondary);
    }
  }
  .focus-within\:bg-accent-amber-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-amber-surface-primary);
    }
  }
  .focus-within\:bg-accent-amber-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-amber-surface-secondary);
    }
  }
  .focus-within\:bg-accent-amber-tertiary {
    &:focus-within {
      background-color: var(--color-accent-amber-tertiary);
    }
  }
  .focus-within\:bg-accent-blue-dark {
    &:focus-within {
      background-color: var(--color-accent-blue-dark);
    }
  }
  .focus-within\:bg-accent-blue-on-surface {
    &:focus-within {
      background-color: var(--color-accent-blue-on-surface);
    }
  }
  .focus-within\:bg-accent-blue-primary {
    &:focus-within {
      background-color: var(--color-accent-blue-primary);
    }
  }
  .focus-within\:bg-accent-blue-secondary {
    &:focus-within {
      background-color: var(--color-accent-blue-secondary);
    }
  }
  .focus-within\:bg-accent-blue-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-blue-surface-primary);
    }
  }
  .focus-within\:bg-accent-blue-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-blue-surface-secondary);
    }
  }
  .focus-within\:bg-accent-blue-tertiary {
    &:focus-within {
      background-color: var(--color-accent-blue-tertiary);
    }
  }
  .focus-within\:bg-accent-brown-dark {
    &:focus-within {
      background-color: var(--color-accent-brown-dark);
    }
  }
  .focus-within\:bg-accent-brown-on-surface {
    &:focus-within {
      background-color: var(--color-accent-brown-on-surface);
    }
  }
  .focus-within\:bg-accent-brown-primary {
    &:focus-within {
      background-color: var(--color-accent-brown-primary);
    }
  }
  .focus-within\:bg-accent-brown-secondary {
    &:focus-within {
      background-color: var(--color-accent-brown-secondary);
    }
  }
  .focus-within\:bg-accent-brown-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-brown-surface-primary);
    }
  }
  .focus-within\:bg-accent-brown-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-brown-surface-secondary);
    }
  }
  .focus-within\:bg-accent-brown-tertiary {
    &:focus-within {
      background-color: var(--color-accent-brown-tertiary);
    }
  }
  .focus-within\:bg-accent-cyan-dark {
    &:focus-within {
      background-color: var(--color-accent-cyan-dark);
    }
  }
  .focus-within\:bg-accent-cyan-on-surface {
    &:focus-within {
      background-color: var(--color-accent-cyan-on-surface);
    }
  }
  .focus-within\:bg-accent-cyan-primary {
    &:focus-within {
      background-color: var(--color-accent-cyan-primary);
    }
  }
  .focus-within\:bg-accent-cyan-secondary {
    &:focus-within {
      background-color: var(--color-accent-cyan-secondary);
    }
  }
  .focus-within\:bg-accent-cyan-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-cyan-surface-primary);
    }
  }
  .focus-within\:bg-accent-cyan-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-cyan-surface-secondary);
    }
  }
  .focus-within\:bg-accent-cyan-tertiary {
    &:focus-within {
      background-color: var(--color-accent-cyan-tertiary);
    }
  }
  .focus-within\:bg-accent-emerald-dark {
    &:focus-within {
      background-color: var(--color-accent-emerald-dark);
    }
  }
  .focus-within\:bg-accent-emerald-on-surface {
    &:focus-within {
      background-color: var(--color-accent-emerald-on-surface);
    }
  }
  .focus-within\:bg-accent-emerald-primary {
    &:focus-within {
      background-color: var(--color-accent-emerald-primary);
    }
  }
  .focus-within\:bg-accent-emerald-secondary {
    &:focus-within {
      background-color: var(--color-accent-emerald-secondary);
    }
  }
  .focus-within\:bg-accent-emerald-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-emerald-surface-primary);
    }
  }
  .focus-within\:bg-accent-emerald-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-emerald-surface-secondary);
    }
  }
  .focus-within\:bg-accent-emerald-tertiary {
    &:focus-within {
      background-color: var(--color-accent-emerald-tertiary);
    }
  }
  .focus-within\:bg-accent-fuchsia-dark {
    &:focus-within {
      background-color: var(--color-accent-fuchsia-dark);
    }
  }
  .focus-within\:bg-accent-fuchsia-on-surface {
    &:focus-within {
      background-color: var(--color-accent-fuchsia-on-surface);
    }
  }
  .focus-within\:bg-accent-fuchsia-primary {
    &:focus-within {
      background-color: var(--color-accent-fuchsia-primary);
    }
  }
  .focus-within\:bg-accent-fuchsia-secondary {
    &:focus-within {
      background-color: var(--color-accent-fuchsia-secondary);
    }
  }
  .focus-within\:bg-accent-fuchsia-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-fuchsia-surface-primary);
    }
  }
  .focus-within\:bg-accent-fuchsia-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-fuchsia-surface-secondary);
    }
  }
  .focus-within\:bg-accent-fuchsia-tertiary {
    &:focus-within {
      background-color: var(--color-accent-fuchsia-tertiary);
    }
  }
  .focus-within\:bg-accent-gray-dark {
    &:focus-within {
      background-color: var(--color-accent-gray-dark);
    }
  }
  .focus-within\:bg-accent-gray-on-surface {
    &:focus-within {
      background-color: var(--color-accent-gray-on-surface);
    }
  }
  .focus-within\:bg-accent-gray-primary {
    &:focus-within {
      background-color: var(--color-accent-gray-primary);
    }
  }
  .focus-within\:bg-accent-gray-secondary {
    &:focus-within {
      background-color: var(--color-accent-gray-secondary);
    }
  }
  .focus-within\:bg-accent-gray-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-gray-surface-primary);
    }
  }
  .focus-within\:bg-accent-gray-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-gray-surface-secondary);
    }
  }
  .focus-within\:bg-accent-gray-tertiary {
    &:focus-within {
      background-color: var(--color-accent-gray-tertiary);
    }
  }
  .focus-within\:bg-accent-green-dark {
    &:focus-within {
      background-color: var(--color-accent-green-dark);
    }
  }
  .focus-within\:bg-accent-green-on-surface {
    &:focus-within {
      background-color: var(--color-accent-green-on-surface);
    }
  }
  .focus-within\:bg-accent-green-primary {
    &:focus-within {
      background-color: var(--color-accent-green-primary);
    }
  }
  .focus-within\:bg-accent-green-secondary {
    &:focus-within {
      background-color: var(--color-accent-green-secondary);
    }
  }
  .focus-within\:bg-accent-green-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-green-surface-primary);
    }
  }
  .focus-within\:bg-accent-green-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-green-surface-secondary);
    }
  }
  .focus-within\:bg-accent-green-tertiary {
    &:focus-within {
      background-color: var(--color-accent-green-tertiary);
    }
  }
  .focus-within\:bg-accent-indigo-dark {
    &:focus-within {
      background-color: var(--color-accent-indigo-dark);
    }
  }
  .focus-within\:bg-accent-indigo-on-surface {
    &:focus-within {
      background-color: var(--color-accent-indigo-on-surface);
    }
  }
  .focus-within\:bg-accent-indigo-primary {
    &:focus-within {
      background-color: var(--color-accent-indigo-primary);
    }
  }
  .focus-within\:bg-accent-indigo-secondary {
    &:focus-within {
      background-color: var(--color-accent-indigo-secondary);
    }
  }
  .focus-within\:bg-accent-indigo-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-indigo-surface-primary);
    }
  }
  .focus-within\:bg-accent-indigo-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-indigo-surface-secondary);
    }
  }
  .focus-within\:bg-accent-indigo-tertiary {
    &:focus-within {
      background-color: var(--color-accent-indigo-tertiary);
    }
  }
  .focus-within\:bg-accent-lime-dark {
    &:focus-within {
      background-color: var(--color-accent-lime-dark);
    }
  }
  .focus-within\:bg-accent-lime-on-surface {
    &:focus-within {
      background-color: var(--color-accent-lime-on-surface);
    }
  }
  .focus-within\:bg-accent-lime-primary {
    &:focus-within {
      background-color: var(--color-accent-lime-primary);
    }
  }
  .focus-within\:bg-accent-lime-secondary {
    &:focus-within {
      background-color: var(--color-accent-lime-secondary);
    }
  }
  .focus-within\:bg-accent-lime-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-lime-surface-primary);
    }
  }
  .focus-within\:bg-accent-lime-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-lime-surface-secondary);
    }
  }
  .focus-within\:bg-accent-lime-tertiary {
    &:focus-within {
      background-color: var(--color-accent-lime-tertiary);
    }
  }
  .focus-within\:bg-accent-olive-dark {
    &:focus-within {
      background-color: var(--color-accent-olive-dark);
    }
  }
  .focus-within\:bg-accent-olive-on-surface {
    &:focus-within {
      background-color: var(--color-accent-olive-on-surface);
    }
  }
  .focus-within\:bg-accent-olive-primary {
    &:focus-within {
      background-color: var(--color-accent-olive-primary);
    }
  }
  .focus-within\:bg-accent-olive-secondary {
    &:focus-within {
      background-color: var(--color-accent-olive-secondary);
    }
  }
  .focus-within\:bg-accent-olive-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-olive-surface-primary);
    }
  }
  .focus-within\:bg-accent-olive-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-olive-surface-secondary);
    }
  }
  .focus-within\:bg-accent-olive-tertiary {
    &:focus-within {
      background-color: var(--color-accent-olive-tertiary);
    }
  }
  .focus-within\:bg-accent-orange-dark {
    &:focus-within {
      background-color: var(--color-accent-orange-dark);
    }
  }
  .focus-within\:bg-accent-orange-on-surface {
    &:focus-within {
      background-color: var(--color-accent-orange-on-surface);
    }
  }
  .focus-within\:bg-accent-orange-primary {
    &:focus-within {
      background-color: var(--color-accent-orange-primary);
    }
  }
  .focus-within\:bg-accent-orange-secondary {
    &:focus-within {
      background-color: var(--color-accent-orange-secondary);
    }
  }
  .focus-within\:bg-accent-orange-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-orange-surface-primary);
    }
  }
  .focus-within\:bg-accent-orange-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-orange-surface-secondary);
    }
  }
  .focus-within\:bg-accent-orange-tertiary {
    &:focus-within {
      background-color: var(--color-accent-orange-tertiary);
    }
  }
  .focus-within\:bg-accent-pink-dark {
    &:focus-within {
      background-color: var(--color-accent-pink-dark);
    }
  }
  .focus-within\:bg-accent-pink-on-surface {
    &:focus-within {
      background-color: var(--color-accent-pink-on-surface);
    }
  }
  .focus-within\:bg-accent-pink-primary {
    &:focus-within {
      background-color: var(--color-accent-pink-primary);
    }
  }
  .focus-within\:bg-accent-pink-secondary {
    &:focus-within {
      background-color: var(--color-accent-pink-secondary);
    }
  }
  .focus-within\:bg-accent-pink-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-pink-surface-primary);
    }
  }
  .focus-within\:bg-accent-pink-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-pink-surface-secondary);
    }
  }
  .focus-within\:bg-accent-pink-tertiary {
    &:focus-within {
      background-color: var(--color-accent-pink-tertiary);
    }
  }
  .focus-within\:bg-accent-purple-dark {
    &:focus-within {
      background-color: var(--color-accent-purple-dark);
    }
  }
  .focus-within\:bg-accent-purple-on-surface {
    &:focus-within {
      background-color: var(--color-accent-purple-on-surface);
    }
  }
  .focus-within\:bg-accent-purple-primary {
    &:focus-within {
      background-color: var(--color-accent-purple-primary);
    }
  }
  .focus-within\:bg-accent-purple-secondary {
    &:focus-within {
      background-color: var(--color-accent-purple-secondary);
    }
  }
  .focus-within\:bg-accent-purple-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-purple-surface-primary);
    }
  }
  .focus-within\:bg-accent-purple-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-purple-surface-secondary);
    }
  }
  .focus-within\:bg-accent-purple-tertiary {
    &:focus-within {
      background-color: var(--color-accent-purple-tertiary);
    }
  }
  .focus-within\:bg-accent-red-dark {
    &:focus-within {
      background-color: var(--color-accent-red-dark);
    }
  }
  .focus-within\:bg-accent-red-on-surface {
    &:focus-within {
      background-color: var(--color-accent-red-on-surface);
    }
  }
  .focus-within\:bg-accent-red-primary {
    &:focus-within {
      background-color: var(--color-accent-red-primary);
    }
  }
  .focus-within\:bg-accent-red-secondary {
    &:focus-within {
      background-color: var(--color-accent-red-secondary);
    }
  }
  .focus-within\:bg-accent-red-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-red-surface-primary);
    }
  }
  .focus-within\:bg-accent-red-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-red-surface-secondary);
    }
  }
  .focus-within\:bg-accent-red-tertiary {
    &:focus-within {
      background-color: var(--color-accent-red-tertiary);
    }
  }
  .focus-within\:bg-accent-rose-dark {
    &:focus-within {
      background-color: var(--color-accent-rose-dark);
    }
  }
  .focus-within\:bg-accent-rose-on-surface {
    &:focus-within {
      background-color: var(--color-accent-rose-on-surface);
    }
  }
  .focus-within\:bg-accent-rose-primary {
    &:focus-within {
      background-color: var(--color-accent-rose-primary);
    }
  }
  .focus-within\:bg-accent-rose-secondary {
    &:focus-within {
      background-color: var(--color-accent-rose-secondary);
    }
  }
  .focus-within\:bg-accent-rose-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-rose-surface-primary);
    }
  }
  .focus-within\:bg-accent-rose-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-rose-surface-secondary);
    }
  }
  .focus-within\:bg-accent-rose-tertiary {
    &:focus-within {
      background-color: var(--color-accent-rose-tertiary);
    }
  }
  .focus-within\:bg-accent-sky-dark {
    &:focus-within {
      background-color: var(--color-accent-sky-dark);
    }
  }
  .focus-within\:bg-accent-sky-on-surface {
    &:focus-within {
      background-color: var(--color-accent-sky-on-surface);
    }
  }
  .focus-within\:bg-accent-sky-primary {
    &:focus-within {
      background-color: var(--color-accent-sky-primary);
    }
  }
  .focus-within\:bg-accent-sky-secondary {
    &:focus-within {
      background-color: var(--color-accent-sky-secondary);
    }
  }
  .focus-within\:bg-accent-sky-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-sky-surface-primary);
    }
  }
  .focus-within\:bg-accent-sky-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-sky-surface-secondary);
    }
  }
  .focus-within\:bg-accent-sky-tertiary {
    &:focus-within {
      background-color: var(--color-accent-sky-tertiary);
    }
  }
  .focus-within\:bg-accent-teal-dark {
    &:focus-within {
      background-color: var(--color-accent-teal-dark);
    }
  }
  .focus-within\:bg-accent-teal-on-surface {
    &:focus-within {
      background-color: var(--color-accent-teal-on-surface);
    }
  }
  .focus-within\:bg-accent-teal-primary {
    &:focus-within {
      background-color: var(--color-accent-teal-primary);
    }
  }
  .focus-within\:bg-accent-teal-secondary {
    &:focus-within {
      background-color: var(--color-accent-teal-secondary);
    }
  }
  .focus-within\:bg-accent-teal-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-teal-surface-primary);
    }
  }
  .focus-within\:bg-accent-teal-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-teal-surface-secondary);
    }
  }
  .focus-within\:bg-accent-teal-tertiary {
    &:focus-within {
      background-color: var(--color-accent-teal-tertiary);
    }
  }
  .focus-within\:bg-accent-violet-dark {
    &:focus-within {
      background-color: var(--color-accent-violet-dark);
    }
  }
  .focus-within\:bg-accent-violet-on-surface {
    &:focus-within {
      background-color: var(--color-accent-violet-on-surface);
    }
  }
  .focus-within\:bg-accent-violet-primary {
    &:focus-within {
      background-color: var(--color-accent-violet-primary);
    }
  }
  .focus-within\:bg-accent-violet-secondary {
    &:focus-within {
      background-color: var(--color-accent-violet-secondary);
    }
  }
  .focus-within\:bg-accent-violet-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-violet-surface-primary);
    }
  }
  .focus-within\:bg-accent-violet-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-violet-surface-secondary);
    }
  }
  .focus-within\:bg-accent-violet-tertiary {
    &:focus-within {
      background-color: var(--color-accent-violet-tertiary);
    }
  }
  .focus-within\:bg-accent-yellow-dark {
    &:focus-within {
      background-color: var(--color-accent-yellow-dark);
    }
  }
  .focus-within\:bg-accent-yellow-on-surface {
    &:focus-within {
      background-color: var(--color-accent-yellow-on-surface);
    }
  }
  .focus-within\:bg-accent-yellow-primary {
    &:focus-within {
      background-color: var(--color-accent-yellow-primary);
    }
  }
  .focus-within\:bg-accent-yellow-secondary {
    &:focus-within {
      background-color: var(--color-accent-yellow-secondary);
    }
  }
  .focus-within\:bg-accent-yellow-surface-primary {
    &:focus-within {
      background-color: var(--color-accent-yellow-surface-primary);
    }
  }
  .focus-within\:bg-accent-yellow-surface-secondary {
    &:focus-within {
      background-color: var(--color-accent-yellow-surface-secondary);
    }
  }
  .focus-within\:bg-accent-yellow-tertiary {
    &:focus-within {
      background-color: var(--color-accent-yellow-tertiary);
    }
  }
  .focus-within\:bg-fill-quaternary {
    &:focus-within {
      background-color: var(--color-fill-quaternary);
    }
  }
  .focus-within\:\!from-accent-amber-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-amber-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-amber-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-amber-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-amber-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-amber-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-blue-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-blue-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-blue-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-blue-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-blue-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-blue-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-brown-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-brown-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-brown-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-brown-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-brown-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-brown-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-cyan-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-cyan-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-cyan-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-cyan-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-cyan-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-cyan-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-emerald-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-emerald-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-emerald-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-emerald-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-emerald-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-emerald-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-fuchsia-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-fuchsia-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-fuchsia-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-fuchsia-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-fuchsia-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-fuchsia-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-gray-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-gray-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-gray-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-gray-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-gray-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-gray-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-green-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-green-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-green-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-green-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-green-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-green-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-indigo-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-indigo-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-indigo-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-indigo-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-indigo-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-indigo-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-lime-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-lime-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-lime-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-lime-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-lime-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-lime-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-olive-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-olive-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-olive-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-olive-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-olive-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-olive-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-orange-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-orange-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-orange-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-orange-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-orange-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-orange-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-pink-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-pink-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-pink-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-pink-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-pink-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-pink-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-purple-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-purple-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-purple-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-purple-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-purple-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-purple-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-red-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-red-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-red-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-red-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-red-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-red-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-rose-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-rose-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-rose-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-rose-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-rose-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-rose-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-sky-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-sky-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-sky-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-sky-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-sky-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-sky-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-teal-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-teal-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-teal-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-teal-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-teal-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-teal-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-violet-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-violet-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-violet-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-violet-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-violet-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-violet-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-yellow-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-yellow-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-yellow-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-yellow-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!from-accent-yellow-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-yellow-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:from-accent-amber-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-amber-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));
    }
  }
  .focus-within\:from-accent-amber-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-amber-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:from-accent-amber-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-amber-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:from-accent-blue-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-blue-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));
    }
  }
  .focus-within\:from-accent-blue-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-blue-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:from-accent-blue-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-blue-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:from-accent-brown-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-brown-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));
    }
  }
  .focus-within\:from-accent-brown-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-brown-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:from-accent-brown-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-brown-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:from-accent-cyan-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-cyan-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));
    }
  }
  .focus-within\:from-accent-cyan-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-cyan-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:from-accent-cyan-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-cyan-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:from-accent-emerald-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-emerald-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));
    }
  }
  .focus-within\:from-accent-emerald-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-emerald-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:from-accent-emerald-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-emerald-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:from-accent-fuchsia-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-fuchsia-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));
    }
  }
  .focus-within\:from-accent-fuchsia-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-fuchsia-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:from-accent-fuchsia-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-fuchsia-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:from-accent-gray-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-gray-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));
    }
  }
  .focus-within\:from-accent-gray-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-gray-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:from-accent-gray-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-gray-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:from-accent-green-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-green-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));
    }
  }
  .focus-within\:from-accent-green-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-green-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:from-accent-green-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-green-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:from-accent-indigo-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-indigo-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));
    }
  }
  .focus-within\:from-accent-indigo-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-indigo-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:from-accent-indigo-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-indigo-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:from-accent-lime-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-lime-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));
    }
  }
  .focus-within\:from-accent-lime-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-lime-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:from-accent-lime-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-lime-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:from-accent-olive-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-olive-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));
    }
  }
  .focus-within\:from-accent-olive-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-olive-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:from-accent-olive-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-olive-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:from-accent-orange-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-orange-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));
    }
  }
  .focus-within\:from-accent-orange-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-orange-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:from-accent-orange-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-orange-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:from-accent-pink-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-pink-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));
    }
  }
  .focus-within\:from-accent-pink-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-pink-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:from-accent-pink-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-pink-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:from-accent-purple-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-purple-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));
    }
  }
  .focus-within\:from-accent-purple-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-purple-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:from-accent-purple-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-purple-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:from-accent-red-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-red-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));
    }
  }
  .focus-within\:from-accent-red-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-red-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:from-accent-red-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-red-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:from-accent-rose-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-rose-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));
    }
  }
  .focus-within\:from-accent-rose-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-rose-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:from-accent-rose-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-rose-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:from-accent-sky-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-sky-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));
    }
  }
  .focus-within\:from-accent-sky-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-sky-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:from-accent-sky-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-sky-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:from-accent-teal-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-teal-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));
    }
  }
  .focus-within\:from-accent-teal-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-teal-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:from-accent-teal-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-teal-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:from-accent-violet-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-violet-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));
    }
  }
  .focus-within\:from-accent-violet-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-violet-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:from-accent-violet-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-violet-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:from-accent-yellow-primary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-yellow-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));
    }
  }
  .focus-within\:from-accent-yellow-secondary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-yellow-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:from-accent-yellow-tertiary {
    &:focus-within {
      --tw-gradient-from: var(--color-accent-yellow-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:\!to-accent-amber-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-amber-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-amber-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-amber-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-amber-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-amber-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-blue-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-blue-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-blue-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-blue-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-blue-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-blue-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-brown-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-brown-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-brown-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-brown-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-brown-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-brown-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-cyan-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-cyan-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-cyan-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-cyan-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-cyan-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-cyan-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-emerald-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-emerald-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-emerald-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-emerald-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-emerald-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-emerald-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-fuchsia-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-fuchsia-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-fuchsia-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-fuchsia-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-fuchsia-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-fuchsia-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-gray-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-gray-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-gray-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-gray-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-gray-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-gray-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-green-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-green-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-green-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-green-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-green-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-green-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-indigo-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-indigo-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-indigo-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-indigo-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-indigo-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-indigo-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-lime-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-lime-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-lime-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-lime-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-lime-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-lime-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-olive-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-olive-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-olive-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-olive-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-olive-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-olive-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-orange-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-orange-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-orange-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-orange-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-orange-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-orange-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-pink-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-pink-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-pink-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-pink-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-pink-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-pink-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-purple-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-purple-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-purple-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-purple-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-purple-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-purple-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-red-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-red-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-red-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-red-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-red-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-red-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-rose-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-rose-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-rose-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-rose-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-rose-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-rose-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-sky-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-sky-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-sky-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-sky-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-sky-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-sky-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-teal-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-teal-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-teal-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-teal-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-teal-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-teal-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-violet-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-violet-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-violet-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-violet-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-violet-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-violet-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-yellow-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-yellow-primary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-yellow-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-yellow-secondary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:\!to-accent-yellow-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-yellow-tertiary) !important;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
    }
  }
  .focus-within\:to-accent-amber-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-amber-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));
    }
  }
  .focus-within\:to-accent-amber-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-amber-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:to-accent-amber-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-amber-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:to-accent-blue-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-blue-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));
    }
  }
  .focus-within\:to-accent-blue-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-blue-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:to-accent-blue-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-blue-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:to-accent-brown-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-brown-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));
    }
  }
  .focus-within\:to-accent-brown-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-brown-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:to-accent-brown-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-brown-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:to-accent-cyan-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-cyan-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));
    }
  }
  .focus-within\:to-accent-cyan-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-cyan-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:to-accent-cyan-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-cyan-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:to-accent-emerald-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-emerald-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));
    }
  }
  .focus-within\:to-accent-emerald-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-emerald-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:to-accent-emerald-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-emerald-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:to-accent-fuchsia-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-fuchsia-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));
    }
  }
  .focus-within\:to-accent-fuchsia-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-fuchsia-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:to-accent-fuchsia-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-fuchsia-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:to-accent-gray-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-gray-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));
    }
  }
  .focus-within\:to-accent-gray-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-gray-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:to-accent-gray-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-gray-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:to-accent-green-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-green-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));
    }
  }
  .focus-within\:to-accent-green-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-green-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:to-accent-green-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-green-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:to-accent-indigo-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-indigo-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));
    }
  }
  .focus-within\:to-accent-indigo-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-indigo-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:to-accent-indigo-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-indigo-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:to-accent-lime-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-lime-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));
    }
  }
  .focus-within\:to-accent-lime-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-lime-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:to-accent-lime-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-lime-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:to-accent-olive-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-olive-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));
    }
  }
  .focus-within\:to-accent-olive-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-olive-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:to-accent-olive-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-olive-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:to-accent-orange-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-orange-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));
    }
  }
  .focus-within\:to-accent-orange-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-orange-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:to-accent-orange-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-orange-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:to-accent-pink-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-pink-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));
    }
  }
  .focus-within\:to-accent-pink-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-pink-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:to-accent-pink-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-pink-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:to-accent-purple-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-purple-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));
    }
  }
  .focus-within\:to-accent-purple-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-purple-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:to-accent-purple-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-purple-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:to-accent-red-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-red-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));
    }
  }
  .focus-within\:to-accent-red-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-red-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:to-accent-red-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-red-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:to-accent-rose-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-rose-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));
    }
  }
  .focus-within\:to-accent-rose-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-rose-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:to-accent-rose-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-rose-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:to-accent-sky-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-sky-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));
    }
  }
  .focus-within\:to-accent-sky-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-sky-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:to-accent-sky-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-sky-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:to-accent-teal-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-teal-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));
    }
  }
  .focus-within\:to-accent-teal-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-teal-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:to-accent-teal-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-teal-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:to-accent-violet-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-violet-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));
    }
  }
  .focus-within\:to-accent-violet-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-violet-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:to-accent-violet-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-violet-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:to-accent-yellow-primary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-yellow-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));
    }
  }
  .focus-within\:to-accent-yellow-secondary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-yellow-secondary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:to-accent-yellow-tertiary {
    &:focus-within {
      --tw-gradient-to: var(--color-accent-yellow-tertiary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .focus-within\:ring-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-accent-amber-secondary {
    &:focus-within {
      --tw-ring-color: var(--color-accent-amber-secondary);
    }
  }
  .focus-within\:ring-accent-sky-tertiary {
    &:focus-within {
      --tw-ring-color: var(--color-accent-sky-tertiary);
    }
  }
  .focus-within\:ring-amber-400 {
    &:focus-within {
      --tw-ring-color: var(--color-amber-400);
    }
  }
  .focus-within\:ring-blue-400 {
    &:focus-within {
      --tw-ring-color: var(--color-blue-400);
    }
  }
  .focus-within\:ring-brown-400 {
    &:focus-within {
      --tw-ring-color: var(--color-brown-400);
    }
  }
  .focus-within\:ring-cyan-400 {
    &:focus-within {
      --tw-ring-color: var(--color-cyan-400);
    }
  }
  .focus-within\:ring-emerald-400 {
    &:focus-within {
      --tw-ring-color: var(--color-emerald-400);
    }
  }
  .focus-within\:ring-fuchsia-400 {
    &:focus-within {
      --tw-ring-color: var(--color-fuchsia-400);
    }
  }
  .focus-within\:ring-gray-400 {
    &:focus-within {
      --tw-ring-color: var(--color-gray-400);
    }
  }
  .focus-within\:ring-green-400 {
    &:focus-within {
      --tw-ring-color: var(--color-green-400);
    }
  }
  .focus-within\:ring-indigo-400 {
    &:focus-within {
      --tw-ring-color: var(--color-indigo-400);
    }
  }
  .focus-within\:ring-lime-400 {
    &:focus-within {
      --tw-ring-color: var(--color-lime-400);
    }
  }
  .focus-within\:ring-olive-400 {
    &:focus-within {
      --tw-ring-color: var(--color-olive-400);
    }
  }
  .focus-within\:ring-orange-400 {
    &:focus-within {
      --tw-ring-color: var(--color-orange-400);
    }
  }
  .focus-within\:ring-pink-400 {
    &:focus-within {
      --tw-ring-color: var(--color-pink-400);
    }
  }
  .focus-within\:ring-purple-400 {
    &:focus-within {
      --tw-ring-color: var(--color-purple-400);
    }
  }
  .focus-within\:ring-red-400 {
    &:focus-within {
      --tw-ring-color: var(--color-red-400);
    }
  }
  .focus-within\:ring-rose-400 {
    &:focus-within {
      --tw-ring-color: var(--color-rose-400);
    }
  }
  .focus-within\:ring-sky-400 {
    &:focus-within {
      --tw-ring-color: var(--color-sky-400);
    }
  }
  .focus-within\:ring-teal-400 {
    &:focus-within {
      --tw-ring-color: var(--color-teal-400);
    }
  }
  .focus-within\:ring-violet-400 {
    &:focus-within {
      --tw-ring-color: var(--color-violet-400);
    }
  }
  .focus-within\:ring-inset {
    &:focus-within {
      --tw-ring-inset: inset;
    }
  }
  .hover\:z-10 {
    &:hover {
      @media (hover: hover) {
        z-index: 10;
      }
    }
  }
  .hover\:z-20 {
    &:hover {
      @media (hover: hover) {
        z-index: 20;
      }
    }
  }
  .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\:cursor-pointer {
    &:hover {
      @media (hover: hover) {
        cursor: pointer;
      }
    }
  }
  .hover\:\!border-accent-amber-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-amber-dark) !important;
      }
    }
  }
  .hover\:\!border-accent-amber-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-amber-on-surface) !important;
      }
    }
  }
  .hover\:\!border-accent-amber-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-amber-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-amber-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-amber-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-amber-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-amber-surface-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-amber-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-amber-surface-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-amber-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-amber-tertiary) !important;
      }
    }
  }
  .hover\:\!border-accent-blue-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-blue-dark) !important;
      }
    }
  }
  .hover\:\!border-accent-blue-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-blue-on-surface) !important;
      }
    }
  }
  .hover\:\!border-accent-blue-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-blue-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-blue-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-blue-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-blue-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-blue-surface-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-blue-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-blue-surface-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-blue-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-blue-tertiary) !important;
      }
    }
  }
  .hover\:\!border-accent-brown-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-brown-dark) !important;
      }
    }
  }
  .hover\:\!border-accent-brown-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-brown-on-surface) !important;
      }
    }
  }
  .hover\:\!border-accent-brown-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-brown-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-brown-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-brown-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-brown-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-brown-surface-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-brown-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-brown-surface-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-brown-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-brown-tertiary) !important;
      }
    }
  }
  .hover\:\!border-accent-cyan-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-cyan-dark) !important;
      }
    }
  }
  .hover\:\!border-accent-cyan-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-cyan-on-surface) !important;
      }
    }
  }
  .hover\:\!border-accent-cyan-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-cyan-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-cyan-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-cyan-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-cyan-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-cyan-surface-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-cyan-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-cyan-surface-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-cyan-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-cyan-tertiary) !important;
      }
    }
  }
  .hover\:\!border-accent-emerald-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-emerald-dark) !important;
      }
    }
  }
  .hover\:\!border-accent-emerald-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-emerald-on-surface) !important;
      }
    }
  }
  .hover\:\!border-accent-emerald-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-emerald-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-emerald-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-emerald-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-emerald-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-emerald-surface-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-emerald-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-emerald-surface-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-emerald-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-emerald-tertiary) !important;
      }
    }
  }
  .hover\:\!border-accent-fuchsia-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-fuchsia-dark) !important;
      }
    }
  }
  .hover\:\!border-accent-fuchsia-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-fuchsia-on-surface) !important;
      }
    }
  }
  .hover\:\!border-accent-fuchsia-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-fuchsia-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-fuchsia-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-fuchsia-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-fuchsia-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-fuchsia-surface-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-fuchsia-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-fuchsia-surface-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-fuchsia-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-fuchsia-tertiary) !important;
      }
    }
  }
  .hover\:\!border-accent-gray-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-gray-dark) !important;
      }
    }
  }
  .hover\:\!border-accent-gray-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-gray-on-surface) !important;
      }
    }
  }
  .hover\:\!border-accent-gray-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-gray-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-gray-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-gray-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-gray-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-gray-surface-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-gray-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-gray-surface-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-gray-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-gray-tertiary) !important;
      }
    }
  }
  .hover\:\!border-accent-green-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-green-dark) !important;
      }
    }
  }
  .hover\:\!border-accent-green-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-green-on-surface) !important;
      }
    }
  }
  .hover\:\!border-accent-green-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-green-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-green-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-green-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-green-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-green-surface-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-green-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-green-surface-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-green-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-green-tertiary) !important;
      }
    }
  }
  .hover\:\!border-accent-indigo-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-indigo-dark) !important;
      }
    }
  }
  .hover\:\!border-accent-indigo-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-indigo-on-surface) !important;
      }
    }
  }
  .hover\:\!border-accent-indigo-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-indigo-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-indigo-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-indigo-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-indigo-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-indigo-surface-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-indigo-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-indigo-surface-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-indigo-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-indigo-tertiary) !important;
      }
    }
  }
  .hover\:\!border-accent-lime-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-lime-dark) !important;
      }
    }
  }
  .hover\:\!border-accent-lime-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-lime-on-surface) !important;
      }
    }
  }
  .hover\:\!border-accent-lime-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-lime-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-lime-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-lime-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-lime-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-lime-surface-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-lime-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-lime-surface-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-lime-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-lime-tertiary) !important;
      }
    }
  }
  .hover\:\!border-accent-olive-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-olive-dark) !important;
      }
    }
  }
  .hover\:\!border-accent-olive-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-olive-on-surface) !important;
      }
    }
  }
  .hover\:\!border-accent-olive-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-olive-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-olive-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-olive-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-olive-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-olive-surface-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-olive-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-olive-surface-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-olive-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-olive-tertiary) !important;
      }
    }
  }
  .hover\:\!border-accent-orange-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-orange-dark) !important;
      }
    }
  }
  .hover\:\!border-accent-orange-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-orange-on-surface) !important;
      }
    }
  }
  .hover\:\!border-accent-orange-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-orange-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-orange-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-orange-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-orange-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-orange-surface-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-orange-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-orange-surface-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-orange-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-orange-tertiary) !important;
      }
    }
  }
  .hover\:\!border-accent-pink-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-pink-dark) !important;
      }
    }
  }
  .hover\:\!border-accent-pink-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-pink-on-surface) !important;
      }
    }
  }
  .hover\:\!border-accent-pink-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-pink-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-pink-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-pink-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-pink-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-pink-surface-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-pink-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-pink-surface-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-pink-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-pink-tertiary) !important;
      }
    }
  }
  .hover\:\!border-accent-purple-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-purple-dark) !important;
      }
    }
  }
  .hover\:\!border-accent-purple-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-purple-on-surface) !important;
      }
    }
  }
  .hover\:\!border-accent-purple-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-purple-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-purple-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-purple-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-purple-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-purple-surface-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-purple-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-purple-surface-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-purple-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-purple-tertiary) !important;
      }
    }
  }
  .hover\:\!border-accent-red-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-red-dark) !important;
      }
    }
  }
  .hover\:\!border-accent-red-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-red-on-surface) !important;
      }
    }
  }
  .hover\:\!border-accent-red-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-red-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-red-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-red-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-red-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-red-surface-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-red-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-red-surface-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-red-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-red-tertiary) !important;
      }
    }
  }
  .hover\:\!border-accent-rose-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-rose-dark) !important;
      }
    }
  }
  .hover\:\!border-accent-rose-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-rose-on-surface) !important;
      }
    }
  }
  .hover\:\!border-accent-rose-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-rose-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-rose-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-rose-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-rose-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-rose-surface-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-rose-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-rose-surface-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-rose-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-rose-tertiary) !important;
      }
    }
  }
  .hover\:\!border-accent-sky-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-sky-dark) !important;
      }
    }
  }
  .hover\:\!border-accent-sky-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-sky-on-surface) !important;
      }
    }
  }
  .hover\:\!border-accent-sky-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-sky-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-sky-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-sky-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-sky-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-sky-surface-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-sky-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-sky-surface-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-sky-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-sky-tertiary) !important;
      }
    }
  }
  .hover\:\!border-accent-teal-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-teal-dark) !important;
      }
    }
  }
  .hover\:\!border-accent-teal-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-teal-on-surface) !important;
      }
    }
  }
  .hover\:\!border-accent-teal-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-teal-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-teal-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-teal-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-teal-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-teal-surface-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-teal-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-teal-surface-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-teal-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-teal-tertiary) !important;
      }
    }
  }
  .hover\:\!border-accent-violet-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-violet-dark) !important;
      }
    }
  }
  .hover\:\!border-accent-violet-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-violet-on-surface) !important;
      }
    }
  }
  .hover\:\!border-accent-violet-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-violet-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-violet-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-violet-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-violet-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-violet-surface-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-violet-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-violet-surface-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-violet-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-violet-tertiary) !important;
      }
    }
  }
  .hover\:\!border-accent-yellow-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-yellow-dark) !important;
      }
    }
  }
  .hover\:\!border-accent-yellow-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-yellow-on-surface) !important;
      }
    }
  }
  .hover\:\!border-accent-yellow-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-yellow-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-yellow-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-yellow-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-yellow-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-yellow-surface-primary) !important;
      }
    }
  }
  .hover\:\!border-accent-yellow-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-yellow-surface-secondary) !important;
      }
    }
  }
  .hover\:\!border-accent-yellow-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-yellow-tertiary) !important;
      }
    }
  }
  .hover\:border-accent-amber-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-amber-dark);
      }
    }
  }
  .hover\:border-accent-amber-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-amber-on-surface);
      }
    }
  }
  .hover\:border-accent-amber-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-amber-primary);
      }
    }
  }
  .hover\:border-accent-amber-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-amber-secondary);
      }
    }
  }
  .hover\:border-accent-amber-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-amber-surface-primary);
      }
    }
  }
  .hover\:border-accent-amber-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-amber-surface-secondary);
      }
    }
  }
  .hover\:border-accent-amber-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-amber-tertiary);
      }
    }
  }
  .hover\:border-accent-blue-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-blue-dark);
      }
    }
  }
  .hover\:border-accent-blue-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-blue-on-surface);
      }
    }
  }
  .hover\:border-accent-blue-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-blue-primary);
      }
    }
  }
  .hover\:border-accent-blue-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-blue-secondary);
      }
    }
  }
  .hover\:border-accent-blue-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-blue-surface-primary);
      }
    }
  }
  .hover\:border-accent-blue-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-blue-surface-secondary);
      }
    }
  }
  .hover\:border-accent-blue-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-blue-tertiary);
      }
    }
  }
  .hover\:border-accent-brown-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-brown-dark);
      }
    }
  }
  .hover\:border-accent-brown-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-brown-on-surface);
      }
    }
  }
  .hover\:border-accent-brown-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-brown-primary);
      }
    }
  }
  .hover\:border-accent-brown-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-brown-secondary);
      }
    }
  }
  .hover\:border-accent-brown-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-brown-surface-primary);
      }
    }
  }
  .hover\:border-accent-brown-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-brown-surface-secondary);
      }
    }
  }
  .hover\:border-accent-brown-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-brown-tertiary);
      }
    }
  }
  .hover\:border-accent-cyan-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-cyan-dark);
      }
    }
  }
  .hover\:border-accent-cyan-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-cyan-on-surface);
      }
    }
  }
  .hover\:border-accent-cyan-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-cyan-primary);
      }
    }
  }
  .hover\:border-accent-cyan-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-cyan-secondary);
      }
    }
  }
  .hover\:border-accent-cyan-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-cyan-surface-primary);
      }
    }
  }
  .hover\:border-accent-cyan-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-cyan-surface-secondary);
      }
    }
  }
  .hover\:border-accent-cyan-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-cyan-tertiary);
      }
    }
  }
  .hover\:border-accent-emerald-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-emerald-dark);
      }
    }
  }
  .hover\:border-accent-emerald-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-emerald-on-surface);
      }
    }
  }
  .hover\:border-accent-emerald-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-emerald-primary);
      }
    }
  }
  .hover\:border-accent-emerald-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-emerald-secondary);
      }
    }
  }
  .hover\:border-accent-emerald-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-emerald-surface-primary);
      }
    }
  }
  .hover\:border-accent-emerald-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-emerald-surface-secondary);
      }
    }
  }
  .hover\:border-accent-emerald-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-emerald-tertiary);
      }
    }
  }
  .hover\:border-accent-fuchsia-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-fuchsia-dark);
      }
    }
  }
  .hover\:border-accent-fuchsia-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-fuchsia-on-surface);
      }
    }
  }
  .hover\:border-accent-fuchsia-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-fuchsia-primary);
      }
    }
  }
  .hover\:border-accent-fuchsia-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-fuchsia-secondary);
      }
    }
  }
  .hover\:border-accent-fuchsia-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-fuchsia-surface-primary);
      }
    }
  }
  .hover\:border-accent-fuchsia-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-fuchsia-surface-secondary);
      }
    }
  }
  .hover\:border-accent-fuchsia-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-fuchsia-tertiary);
      }
    }
  }
  .hover\:border-accent-gray-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-gray-dark);
      }
    }
  }
  .hover\:border-accent-gray-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-gray-on-surface);
      }
    }
  }
  .hover\:border-accent-gray-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-gray-primary);
      }
    }
  }
  .hover\:border-accent-gray-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-gray-secondary);
      }
    }
  }
  .hover\:border-accent-gray-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-gray-surface-primary);
      }
    }
  }
  .hover\:border-accent-gray-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-gray-surface-secondary);
      }
    }
  }
  .hover\:border-accent-gray-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-gray-tertiary);
      }
    }
  }
  .hover\:border-accent-green-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-green-dark);
      }
    }
  }
  .hover\:border-accent-green-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-green-on-surface);
      }
    }
  }
  .hover\:border-accent-green-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-green-primary);
      }
    }
  }
  .hover\:border-accent-green-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-green-secondary);
      }
    }
  }
  .hover\:border-accent-green-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-green-surface-primary);
      }
    }
  }
  .hover\:border-accent-green-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-green-surface-secondary);
      }
    }
  }
  .hover\:border-accent-green-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-green-tertiary);
      }
    }
  }
  .hover\:border-accent-indigo-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-indigo-dark);
      }
    }
  }
  .hover\:border-accent-indigo-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-indigo-on-surface);
      }
    }
  }
  .hover\:border-accent-indigo-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-indigo-primary);
      }
    }
  }
  .hover\:border-accent-indigo-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-indigo-secondary);
      }
    }
  }
  .hover\:border-accent-indigo-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-indigo-surface-primary);
      }
    }
  }
  .hover\:border-accent-indigo-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-indigo-surface-secondary);
      }
    }
  }
  .hover\:border-accent-indigo-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-indigo-tertiary);
      }
    }
  }
  .hover\:border-accent-lime-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-lime-dark);
      }
    }
  }
  .hover\:border-accent-lime-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-lime-on-surface);
      }
    }
  }
  .hover\:border-accent-lime-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-lime-primary);
      }
    }
  }
  .hover\:border-accent-lime-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-lime-secondary);
      }
    }
  }
  .hover\:border-accent-lime-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-lime-surface-primary);
      }
    }
  }
  .hover\:border-accent-lime-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-lime-surface-secondary);
      }
    }
  }
  .hover\:border-accent-lime-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-lime-tertiary);
      }
    }
  }
  .hover\:border-accent-olive-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-olive-dark);
      }
    }
  }
  .hover\:border-accent-olive-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-olive-on-surface);
      }
    }
  }
  .hover\:border-accent-olive-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-olive-primary);
      }
    }
  }
  .hover\:border-accent-olive-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-olive-secondary);
      }
    }
  }
  .hover\:border-accent-olive-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-olive-surface-primary);
      }
    }
  }
  .hover\:border-accent-olive-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-olive-surface-secondary);
      }
    }
  }
  .hover\:border-accent-olive-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-olive-tertiary);
      }
    }
  }
  .hover\:border-accent-orange-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-orange-dark);
      }
    }
  }
  .hover\:border-accent-orange-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-orange-on-surface);
      }
    }
  }
  .hover\:border-accent-orange-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-orange-primary);
      }
    }
  }
  .hover\:border-accent-orange-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-orange-secondary);
      }
    }
  }
  .hover\:border-accent-orange-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-orange-surface-primary);
      }
    }
  }
  .hover\:border-accent-orange-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-orange-surface-secondary);
      }
    }
  }
  .hover\:border-accent-orange-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-orange-tertiary);
      }
    }
  }
  .hover\:border-accent-pink-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-pink-dark);
      }
    }
  }
  .hover\:border-accent-pink-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-pink-on-surface);
      }
    }
  }
  .hover\:border-accent-pink-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-pink-primary);
      }
    }
  }
  .hover\:border-accent-pink-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-pink-secondary);
      }
    }
  }
  .hover\:border-accent-pink-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-pink-surface-primary);
      }
    }
  }
  .hover\:border-accent-pink-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-pink-surface-secondary);
      }
    }
  }
  .hover\:border-accent-pink-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-pink-tertiary);
      }
    }
  }
  .hover\:border-accent-purple-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-purple-dark);
      }
    }
  }
  .hover\:border-accent-purple-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-purple-on-surface);
      }
    }
  }
  .hover\:border-accent-purple-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-purple-primary);
      }
    }
  }
  .hover\:border-accent-purple-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-purple-secondary);
      }
    }
  }
  .hover\:border-accent-purple-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-purple-surface-primary);
      }
    }
  }
  .hover\:border-accent-purple-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-purple-surface-secondary);
      }
    }
  }
  .hover\:border-accent-purple-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-purple-tertiary);
      }
    }
  }
  .hover\:border-accent-red-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-red-dark);
      }
    }
  }
  .hover\:border-accent-red-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-red-on-surface);
      }
    }
  }
  .hover\:border-accent-red-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-red-primary);
      }
    }
  }
  .hover\:border-accent-red-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-red-secondary);
      }
    }
  }
  .hover\:border-accent-red-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-red-surface-primary);
      }
    }
  }
  .hover\:border-accent-red-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-red-surface-secondary);
      }
    }
  }
  .hover\:border-accent-red-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-red-tertiary);
      }
    }
  }
  .hover\:border-accent-rose-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-rose-dark);
      }
    }
  }
  .hover\:border-accent-rose-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-rose-on-surface);
      }
    }
  }
  .hover\:border-accent-rose-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-rose-primary);
      }
    }
  }
  .hover\:border-accent-rose-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-rose-secondary);
      }
    }
  }
  .hover\:border-accent-rose-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-rose-surface-primary);
      }
    }
  }
  .hover\:border-accent-rose-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-rose-surface-secondary);
      }
    }
  }
  .hover\:border-accent-rose-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-rose-tertiary);
      }
    }
  }
  .hover\:border-accent-sky-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-sky-dark);
      }
    }
  }
  .hover\:border-accent-sky-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-sky-on-surface);
      }
    }
  }
  .hover\:border-accent-sky-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-sky-primary);
      }
    }
  }
  .hover\:border-accent-sky-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-sky-secondary);
      }
    }
  }
  .hover\:border-accent-sky-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-sky-surface-primary);
      }
    }
  }
  .hover\:border-accent-sky-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-sky-surface-secondary);
      }
    }
  }
  .hover\:border-accent-sky-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-sky-tertiary);
      }
    }
  }
  .hover\:border-accent-teal-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-teal-dark);
      }
    }
  }
  .hover\:border-accent-teal-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-teal-on-surface);
      }
    }
  }
  .hover\:border-accent-teal-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-teal-primary);
      }
    }
  }
  .hover\:border-accent-teal-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-teal-secondary);
      }
    }
  }
  .hover\:border-accent-teal-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-teal-surface-primary);
      }
    }
  }
  .hover\:border-accent-teal-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-teal-surface-secondary);
      }
    }
  }
  .hover\:border-accent-teal-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-teal-tertiary);
      }
    }
  }
  .hover\:border-accent-violet-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-violet-dark);
      }
    }
  }
  .hover\:border-accent-violet-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-violet-on-surface);
      }
    }
  }
  .hover\:border-accent-violet-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-violet-primary);
      }
    }
  }
  .hover\:border-accent-violet-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-violet-secondary);
      }
    }
  }
  .hover\:border-accent-violet-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-violet-surface-primary);
      }
    }
  }
  .hover\:border-accent-violet-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-violet-surface-secondary);
      }
    }
  }
  .hover\:border-accent-violet-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-violet-tertiary);
      }
    }
  }
  .hover\:border-accent-yellow-dark {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-yellow-dark);
      }
    }
  }
  .hover\:border-accent-yellow-on-surface {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-yellow-on-surface);
      }
    }
  }
  .hover\:border-accent-yellow-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-yellow-primary);
      }
    }
  }
  .hover\:border-accent-yellow-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-yellow-secondary);
      }
    }
  }
  .hover\:border-accent-yellow-surface-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-yellow-surface-primary);
      }
    }
  }
  .hover\:border-accent-yellow-surface-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-yellow-surface-secondary);
      }
    }
  }
  .hover\:border-accent-yellow-tertiary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-accent-yellow-tertiary);
      }
    }
  }
  .hover\:border-black\/20 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(0% 0 0 / 1.0) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
        }
      }
    }
  }
  .hover\:border-border-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-border-primary);
      }
    }
  }
  .hover\:border-neutral-400\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(71.5% 0 0) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-neutral-400) 50%, transparent);
        }
      }
    }
  }
  .hover\:border-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--border-color-primary);
      }
    }
  }
  .hover\:\!bg-accent-amber-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-amber-dark) !important;
      }
    }
  }
  .hover\:\!bg-accent-amber-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-amber-on-surface) !important;
      }
    }
  }
  .hover\:\!bg-accent-amber-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-amber-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-amber-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-amber-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-amber-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-amber-surface-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-amber-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-amber-surface-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-amber-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-amber-tertiary) !important;
      }
    }
  }
  .hover\:\!bg-accent-blue-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-blue-dark) !important;
      }
    }
  }
  .hover\:\!bg-accent-blue-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-blue-on-surface) !important;
      }
    }
  }
  .hover\:\!bg-accent-blue-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-blue-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-blue-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-blue-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-blue-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-blue-surface-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-blue-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-blue-surface-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-blue-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-blue-tertiary) !important;
      }
    }
  }
  .hover\:\!bg-accent-brown-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-brown-dark) !important;
      }
    }
  }
  .hover\:\!bg-accent-brown-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-brown-on-surface) !important;
      }
    }
  }
  .hover\:\!bg-accent-brown-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-brown-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-brown-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-brown-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-brown-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-brown-surface-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-brown-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-brown-surface-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-brown-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-brown-tertiary) !important;
      }
    }
  }
  .hover\:\!bg-accent-cyan-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-cyan-dark) !important;
      }
    }
  }
  .hover\:\!bg-accent-cyan-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-cyan-on-surface) !important;
      }
    }
  }
  .hover\:\!bg-accent-cyan-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-cyan-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-cyan-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-cyan-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-cyan-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-cyan-surface-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-cyan-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-cyan-surface-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-cyan-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-cyan-tertiary) !important;
      }
    }
  }
  .hover\:\!bg-accent-emerald-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-emerald-dark) !important;
      }
    }
  }
  .hover\:\!bg-accent-emerald-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-emerald-on-surface) !important;
      }
    }
  }
  .hover\:\!bg-accent-emerald-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-emerald-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-emerald-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-emerald-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-emerald-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-emerald-surface-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-emerald-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-emerald-surface-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-emerald-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-emerald-tertiary) !important;
      }
    }
  }
  .hover\:\!bg-accent-fuchsia-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-fuchsia-dark) !important;
      }
    }
  }
  .hover\:\!bg-accent-fuchsia-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-fuchsia-on-surface) !important;
      }
    }
  }
  .hover\:\!bg-accent-fuchsia-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-fuchsia-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-fuchsia-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-fuchsia-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-fuchsia-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-fuchsia-surface-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-fuchsia-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-fuchsia-surface-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-fuchsia-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-fuchsia-tertiary) !important;
      }
    }
  }
  .hover\:\!bg-accent-gray-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-gray-dark) !important;
      }
    }
  }
  .hover\:\!bg-accent-gray-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-gray-on-surface) !important;
      }
    }
  }
  .hover\:\!bg-accent-gray-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-gray-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-gray-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-gray-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-gray-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-gray-surface-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-gray-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-gray-surface-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-gray-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-gray-tertiary) !important;
      }
    }
  }
  .hover\:\!bg-accent-green-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-green-dark) !important;
      }
    }
  }
  .hover\:\!bg-accent-green-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-green-on-surface) !important;
      }
    }
  }
  .hover\:\!bg-accent-green-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-green-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-green-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-green-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-green-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-green-surface-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-green-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-green-surface-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-green-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-green-tertiary) !important;
      }
    }
  }
  .hover\:\!bg-accent-indigo-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-indigo-dark) !important;
      }
    }
  }
  .hover\:\!bg-accent-indigo-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-indigo-on-surface) !important;
      }
    }
  }
  .hover\:\!bg-accent-indigo-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-indigo-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-indigo-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-indigo-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-indigo-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-indigo-surface-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-indigo-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-indigo-surface-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-indigo-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-indigo-tertiary) !important;
      }
    }
  }
  .hover\:\!bg-accent-lime-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-lime-dark) !important;
      }
    }
  }
  .hover\:\!bg-accent-lime-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-lime-on-surface) !important;
      }
    }
  }
  .hover\:\!bg-accent-lime-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-lime-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-lime-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-lime-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-lime-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-lime-surface-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-lime-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-lime-surface-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-lime-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-lime-tertiary) !important;
      }
    }
  }
  .hover\:\!bg-accent-olive-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-olive-dark) !important;
      }
    }
  }
  .hover\:\!bg-accent-olive-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-olive-on-surface) !important;
      }
    }
  }
  .hover\:\!bg-accent-olive-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-olive-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-olive-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-olive-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-olive-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-olive-surface-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-olive-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-olive-surface-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-olive-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-olive-tertiary) !important;
      }
    }
  }
  .hover\:\!bg-accent-orange-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-orange-dark) !important;
      }
    }
  }
  .hover\:\!bg-accent-orange-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-orange-on-surface) !important;
      }
    }
  }
  .hover\:\!bg-accent-orange-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-orange-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-orange-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-orange-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-orange-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-orange-surface-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-orange-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-orange-surface-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-orange-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-orange-tertiary) !important;
      }
    }
  }
  .hover\:\!bg-accent-pink-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-pink-dark) !important;
      }
    }
  }
  .hover\:\!bg-accent-pink-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-pink-on-surface) !important;
      }
    }
  }
  .hover\:\!bg-accent-pink-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-pink-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-pink-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-pink-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-pink-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-pink-surface-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-pink-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-pink-surface-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-pink-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-pink-tertiary) !important;
      }
    }
  }
  .hover\:\!bg-accent-purple-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-purple-dark) !important;
      }
    }
  }
  .hover\:\!bg-accent-purple-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-purple-on-surface) !important;
      }
    }
  }
  .hover\:\!bg-accent-purple-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-purple-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-purple-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-purple-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-purple-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-purple-surface-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-purple-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-purple-surface-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-purple-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-purple-tertiary) !important;
      }
    }
  }
  .hover\:\!bg-accent-red-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-red-dark) !important;
      }
    }
  }
  .hover\:\!bg-accent-red-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-red-on-surface) !important;
      }
    }
  }
  .hover\:\!bg-accent-red-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-red-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-red-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-red-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-red-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-red-surface-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-red-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-red-surface-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-red-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-red-tertiary) !important;
      }
    }
  }
  .hover\:\!bg-accent-rose-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-rose-dark) !important;
      }
    }
  }
  .hover\:\!bg-accent-rose-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-rose-on-surface) !important;
      }
    }
  }
  .hover\:\!bg-accent-rose-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-rose-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-rose-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-rose-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-rose-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-rose-surface-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-rose-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-rose-surface-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-rose-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-rose-tertiary) !important;
      }
    }
  }
  .hover\:\!bg-accent-sky-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-sky-dark) !important;
      }
    }
  }
  .hover\:\!bg-accent-sky-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-sky-on-surface) !important;
      }
    }
  }
  .hover\:\!bg-accent-sky-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-sky-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-sky-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-sky-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-sky-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-sky-surface-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-sky-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-sky-surface-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-sky-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-sky-tertiary) !important;
      }
    }
  }
  .hover\:\!bg-accent-teal-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-teal-dark) !important;
      }
    }
  }
  .hover\:\!bg-accent-teal-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-teal-on-surface) !important;
      }
    }
  }
  .hover\:\!bg-accent-teal-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-teal-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-teal-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-teal-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-teal-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-teal-surface-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-teal-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-teal-surface-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-teal-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-teal-tertiary) !important;
      }
    }
  }
  .hover\:\!bg-accent-violet-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-violet-dark) !important;
      }
    }
  }
  .hover\:\!bg-accent-violet-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-violet-on-surface) !important;
      }
    }
  }
  .hover\:\!bg-accent-violet-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-violet-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-violet-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-violet-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-violet-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-violet-surface-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-violet-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-violet-surface-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-violet-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-violet-tertiary) !important;
      }
    }
  }
  .hover\:\!bg-accent-yellow-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-yellow-dark) !important;
      }
    }
  }
  .hover\:\!bg-accent-yellow-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-yellow-on-surface) !important;
      }
    }
  }
  .hover\:\!bg-accent-yellow-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-yellow-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-yellow-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-yellow-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-yellow-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-yellow-surface-primary) !important;
      }
    }
  }
  .hover\:\!bg-accent-yellow-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-yellow-surface-secondary) !important;
      }
    }
  }
  .hover\:\!bg-accent-yellow-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-yellow-tertiary) !important;
      }
    }
  }
  .hover\:bg-accent-amber-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-amber-dark);
      }
    }
  }
  .hover\:bg-accent-amber-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-amber-on-surface);
      }
    }
  }
  .hover\:bg-accent-amber-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-amber-primary);
      }
    }
  }
  .hover\:bg-accent-amber-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-amber-secondary);
      }
    }
  }
  .hover\:bg-accent-amber-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-amber-surface-primary);
      }
    }
  }
  .hover\:bg-accent-amber-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-amber-surface-secondary);
      }
    }
  }
  .hover\:bg-accent-amber-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-amber-tertiary);
      }
    }
  }
  .hover\:bg-accent-blue-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-blue-dark);
      }
    }
  }
  .hover\:bg-accent-blue-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-blue-on-surface);
      }
    }
  }
  .hover\:bg-accent-blue-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-blue-primary);
      }
    }
  }
  .hover\:bg-accent-blue-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-blue-secondary);
      }
    }
  }
  .hover\:bg-accent-blue-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-blue-surface-primary);
      }
    }
  }
  .hover\:bg-accent-blue-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-blue-surface-secondary);
      }
    }
  }
  .hover\:bg-accent-blue-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-blue-tertiary);
      }
    }
  }
  .hover\:bg-accent-brown-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-brown-dark);
      }
    }
  }
  .hover\:bg-accent-brown-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-brown-on-surface);
      }
    }
  }
  .hover\:bg-accent-brown-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-brown-primary);
      }
    }
  }
  .hover\:bg-accent-brown-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-brown-secondary);
      }
    }
  }
  .hover\:bg-accent-brown-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-brown-surface-primary);
      }
    }
  }
  .hover\:bg-accent-brown-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-brown-surface-secondary);
      }
    }
  }
  .hover\:bg-accent-brown-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-brown-tertiary);
      }
    }
  }
  .hover\:bg-accent-cyan-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-cyan-dark);
      }
    }
  }
  .hover\:bg-accent-cyan-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-cyan-on-surface);
      }
    }
  }
  .hover\:bg-accent-cyan-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-cyan-primary);
      }
    }
  }
  .hover\:bg-accent-cyan-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-cyan-secondary);
      }
    }
  }
  .hover\:bg-accent-cyan-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-cyan-surface-primary);
      }
    }
  }
  .hover\:bg-accent-cyan-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-cyan-surface-secondary);
      }
    }
  }
  .hover\:bg-accent-cyan-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-cyan-tertiary);
      }
    }
  }
  .hover\:bg-accent-emerald-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-emerald-dark);
      }
    }
  }
  .hover\:bg-accent-emerald-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-emerald-on-surface);
      }
    }
  }
  .hover\:bg-accent-emerald-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-emerald-primary);
      }
    }
  }
  .hover\:bg-accent-emerald-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-emerald-secondary);
      }
    }
  }
  .hover\:bg-accent-emerald-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-emerald-surface-primary);
      }
    }
  }
  .hover\:bg-accent-emerald-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-emerald-surface-secondary);
      }
    }
  }
  .hover\:bg-accent-emerald-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-emerald-tertiary);
      }
    }
  }
  .hover\:bg-accent-fuchsia-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-fuchsia-dark);
      }
    }
  }
  .hover\:bg-accent-fuchsia-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-fuchsia-on-surface);
      }
    }
  }
  .hover\:bg-accent-fuchsia-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-fuchsia-primary);
      }
    }
  }
  .hover\:bg-accent-fuchsia-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-fuchsia-secondary);
      }
    }
  }
  .hover\:bg-accent-fuchsia-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-fuchsia-surface-primary);
      }
    }
  }
  .hover\:bg-accent-fuchsia-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-fuchsia-surface-secondary);
      }
    }
  }
  .hover\:bg-accent-fuchsia-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-fuchsia-tertiary);
      }
    }
  }
  .hover\:bg-accent-gray-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-gray-dark);
      }
    }
  }
  .hover\:bg-accent-gray-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-gray-on-surface);
      }
    }
  }
  .hover\:bg-accent-gray-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-gray-primary);
      }
    }
  }
  .hover\:bg-accent-gray-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-gray-secondary);
      }
    }
  }
  .hover\:bg-accent-gray-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-gray-surface-primary);
      }
    }
  }
  .hover\:bg-accent-gray-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-gray-surface-secondary);
      }
    }
  }
  .hover\:bg-accent-gray-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-gray-tertiary);
      }
    }
  }
  .hover\:bg-accent-green-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-green-dark);
      }
    }
  }
  .hover\:bg-accent-green-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-green-on-surface);
      }
    }
  }
  .hover\:bg-accent-green-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-green-primary);
      }
    }
  }
  .hover\:bg-accent-green-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-green-secondary);
      }
    }
  }
  .hover\:bg-accent-green-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-green-surface-primary);
      }
    }
  }
  .hover\:bg-accent-green-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-green-surface-secondary);
      }
    }
  }
  .hover\:bg-accent-green-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-green-tertiary);
      }
    }
  }
  .hover\:bg-accent-indigo-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-indigo-dark);
      }
    }
  }
  .hover\:bg-accent-indigo-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-indigo-on-surface);
      }
    }
  }
  .hover\:bg-accent-indigo-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-indigo-primary);
      }
    }
  }
  .hover\:bg-accent-indigo-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-indigo-secondary);
      }
    }
  }
  .hover\:bg-accent-indigo-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-indigo-surface-primary);
      }
    }
  }
  .hover\:bg-accent-indigo-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-indigo-surface-secondary);
      }
    }
  }
  .hover\:bg-accent-indigo-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-indigo-tertiary);
      }
    }
  }
  .hover\:bg-accent-lime-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-lime-dark);
      }
    }
  }
  .hover\:bg-accent-lime-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-lime-on-surface);
      }
    }
  }
  .hover\:bg-accent-lime-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-lime-primary);
      }
    }
  }
  .hover\:bg-accent-lime-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-lime-secondary);
      }
    }
  }
  .hover\:bg-accent-lime-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-lime-surface-primary);
      }
    }
  }
  .hover\:bg-accent-lime-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-lime-surface-secondary);
      }
    }
  }
  .hover\:bg-accent-lime-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-lime-tertiary);
      }
    }
  }
  .hover\:bg-accent-olive-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-olive-dark);
      }
    }
  }
  .hover\:bg-accent-olive-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-olive-on-surface);
      }
    }
  }
  .hover\:bg-accent-olive-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-olive-primary);
      }
    }
  }
  .hover\:bg-accent-olive-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-olive-secondary);
      }
    }
  }
  .hover\:bg-accent-olive-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-olive-surface-primary);
      }
    }
  }
  .hover\:bg-accent-olive-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-olive-surface-secondary);
      }
    }
  }
  .hover\:bg-accent-olive-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-olive-tertiary);
      }
    }
  }
  .hover\:bg-accent-orange-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-orange-dark);
      }
    }
  }
  .hover\:bg-accent-orange-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-orange-on-surface);
      }
    }
  }
  .hover\:bg-accent-orange-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-orange-primary);
      }
    }
  }
  .hover\:bg-accent-orange-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-orange-secondary);
      }
    }
  }
  .hover\:bg-accent-orange-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-orange-surface-primary);
      }
    }
  }
  .hover\:bg-accent-orange-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-orange-surface-secondary);
      }
    }
  }
  .hover\:bg-accent-orange-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-orange-tertiary);
      }
    }
  }
  .hover\:bg-accent-pink-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-pink-dark);
      }
    }
  }
  .hover\:bg-accent-pink-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-pink-on-surface);
      }
    }
  }
  .hover\:bg-accent-pink-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-pink-primary);
      }
    }
  }
  .hover\:bg-accent-pink-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-pink-secondary);
      }
    }
  }
  .hover\:bg-accent-pink-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-pink-surface-primary);
      }
    }
  }
  .hover\:bg-accent-pink-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-pink-surface-secondary);
      }
    }
  }
  .hover\:bg-accent-pink-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-pink-tertiary);
      }
    }
  }
  .hover\:bg-accent-purple-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-purple-dark);
      }
    }
  }
  .hover\:bg-accent-purple-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-purple-on-surface);
      }
    }
  }
  .hover\:bg-accent-purple-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-purple-primary);
      }
    }
  }
  .hover\:bg-accent-purple-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-purple-secondary);
      }
    }
  }
  .hover\:bg-accent-purple-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-purple-surface-primary);
      }
    }
  }
  .hover\:bg-accent-purple-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-purple-surface-secondary);
      }
    }
  }
  .hover\:bg-accent-purple-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-purple-tertiary);
      }
    }
  }
  .hover\:bg-accent-red-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-red-dark);
      }
    }
  }
  .hover\:bg-accent-red-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-red-on-surface);
      }
    }
  }
  .hover\:bg-accent-red-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-red-primary);
      }
    }
  }
  .hover\:bg-accent-red-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-red-secondary);
      }
    }
  }
  .hover\:bg-accent-red-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-red-surface-primary);
      }
    }
  }
  .hover\:bg-accent-red-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-red-surface-secondary);
      }
    }
  }
  .hover\:bg-accent-red-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-red-tertiary);
      }
    }
  }
  .hover\:bg-accent-rose-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-rose-dark);
      }
    }
  }
  .hover\:bg-accent-rose-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-rose-on-surface);
      }
    }
  }
  .hover\:bg-accent-rose-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-rose-primary);
      }
    }
  }
  .hover\:bg-accent-rose-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-rose-secondary);
      }
    }
  }
  .hover\:bg-accent-rose-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-rose-surface-primary);
      }
    }
  }
  .hover\:bg-accent-rose-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-rose-surface-secondary);
      }
    }
  }
  .hover\:bg-accent-rose-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-rose-tertiary);
      }
    }
  }
  .hover\:bg-accent-sky-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-sky-dark);
      }
    }
  }
  .hover\:bg-accent-sky-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-sky-on-surface);
      }
    }
  }
  .hover\:bg-accent-sky-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-sky-primary);
      }
    }
  }
  .hover\:bg-accent-sky-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-sky-secondary);
      }
    }
  }
  .hover\:bg-accent-sky-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-sky-surface-primary);
      }
    }
  }
  .hover\:bg-accent-sky-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-sky-surface-secondary);
      }
    }
  }
  .hover\:bg-accent-sky-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-sky-tertiary);
      }
    }
  }
  .hover\:bg-accent-teal-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-teal-dark);
      }
    }
  }
  .hover\:bg-accent-teal-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-teal-on-surface);
      }
    }
  }
  .hover\:bg-accent-teal-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-teal-primary);
      }
    }
  }
  .hover\:bg-accent-teal-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-teal-secondary);
      }
    }
  }
  .hover\:bg-accent-teal-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-teal-surface-primary);
      }
    }
  }
  .hover\:bg-accent-teal-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-teal-surface-secondary);
      }
    }
  }
  .hover\:bg-accent-teal-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-teal-tertiary);
      }
    }
  }
  .hover\:bg-accent-violet-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-violet-dark);
      }
    }
  }
  .hover\:bg-accent-violet-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-violet-on-surface);
      }
    }
  }
  .hover\:bg-accent-violet-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-violet-primary);
      }
    }
  }
  .hover\:bg-accent-violet-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-violet-secondary);
      }
    }
  }
  .hover\:bg-accent-violet-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-violet-surface-primary);
      }
    }
  }
  .hover\:bg-accent-violet-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-violet-surface-secondary);
      }
    }
  }
  .hover\:bg-accent-violet-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-violet-tertiary);
      }
    }
  }
  .hover\:bg-accent-yellow-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-yellow-dark);
      }
    }
  }
  .hover\:bg-accent-yellow-on-surface {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-yellow-on-surface);
      }
    }
  }
  .hover\:bg-accent-yellow-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-yellow-primary);
      }
    }
  }
  .hover\:bg-accent-yellow-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-yellow-secondary);
      }
    }
  }
  .hover\:bg-accent-yellow-surface-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-yellow-surface-primary);
      }
    }
  }
  .hover\:bg-accent-yellow-surface-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-yellow-surface-secondary);
      }
    }
  }
  .hover\:bg-accent-yellow-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-yellow-tertiary);
      }
    }
  }
  .hover\:bg-black\/5 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(0% 0 0 / 1.0) 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, oklch(0% 0 0 / 1.0) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-fill-quaternary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-fill-quaternary);
      }
    }
  }
  .hover\:bg-fill-quaternary\! {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-fill-quaternary) !important;
      }
    }
  }
  .hover\:bg-fill-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-fill-secondary);
      }
    }
  }
  .hover\:bg-fill-tertiary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-fill-tertiary);
      }
    }
  }
  .hover\:bg-gray-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-50);
      }
    }
  }
  .hover\:bg-neutral-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral-100);
      }
    }
  }
  .hover\:bg-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary);
      }
    }
  }
  .hover\:bg-red-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-500);
      }
    }
  }
  .hover\:bg-sky-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-sky-100);
      }
    }
  }
  .hover\:bg-stone-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-stone-100);
      }
    }
  }
  .hover\:bg-transparent {
    &:hover {
      @media (hover: hover) {
        background-color: transparent;
      }
    }
  }
  .hover\:\!from-accent-amber-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-amber-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-amber-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-amber-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-amber-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-amber-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-blue-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-blue-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-blue-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-blue-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-blue-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-blue-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-brown-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-brown-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-brown-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-brown-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-brown-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-brown-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-cyan-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-cyan-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-cyan-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-cyan-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-cyan-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-cyan-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-emerald-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-emerald-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-emerald-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-emerald-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-emerald-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-emerald-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-fuchsia-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-fuchsia-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-fuchsia-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-fuchsia-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-fuchsia-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-fuchsia-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-gray-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-gray-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-gray-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-gray-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-gray-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-gray-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-green-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-green-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-green-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-green-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-green-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-green-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-indigo-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-indigo-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-indigo-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-indigo-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-indigo-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-indigo-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-lime-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-lime-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-lime-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-lime-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-lime-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-lime-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-olive-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-olive-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-olive-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-olive-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-olive-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-olive-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-orange-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-orange-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-orange-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-orange-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-orange-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-orange-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-pink-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-pink-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-pink-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-pink-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-pink-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-pink-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-purple-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-purple-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-purple-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-purple-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-purple-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-purple-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-red-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-red-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-red-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-red-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-red-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-red-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-rose-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-rose-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-rose-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-rose-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-rose-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-rose-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-sky-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-sky-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-sky-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-sky-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-sky-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-sky-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-teal-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-teal-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-teal-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-teal-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-teal-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-teal-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-violet-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-violet-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-violet-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-violet-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-violet-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-violet-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-yellow-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-yellow-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-yellow-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-yellow-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!from-accent-yellow-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-yellow-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:from-accent-amber-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-amber-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-amber-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-amber-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-amber-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-amber-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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-accent-blue-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-blue-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-blue-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-blue-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-blue-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-blue-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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-accent-brown-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-brown-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-brown-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-brown-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-brown-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-brown-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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-accent-cyan-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-cyan-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-cyan-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-cyan-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-cyan-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-cyan-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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-accent-emerald-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-emerald-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-emerald-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-emerald-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-emerald-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-emerald-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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-accent-fuchsia-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-fuchsia-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-fuchsia-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-fuchsia-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-fuchsia-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-fuchsia-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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-accent-gray-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-gray-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-gray-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-gray-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-gray-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-gray-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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-accent-green-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-green-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-green-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-green-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-green-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-green-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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-accent-indigo-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-indigo-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-indigo-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-indigo-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-indigo-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-indigo-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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-accent-lime-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-lime-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-lime-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-lime-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-lime-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-lime-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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-accent-olive-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-olive-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-olive-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-olive-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-olive-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-olive-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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-accent-orange-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-orange-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-orange-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-orange-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-orange-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-orange-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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-accent-pink-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-pink-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-pink-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-pink-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-pink-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-pink-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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-accent-purple-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-purple-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-purple-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-purple-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-purple-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-purple-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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-accent-red-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-red-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-red-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-red-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-red-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-red-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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-accent-rose-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-rose-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-rose-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-rose-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-rose-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-rose-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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-accent-sky-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-sky-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-sky-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-sky-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-sky-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-sky-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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-accent-teal-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-teal-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-teal-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-teal-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-teal-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-teal-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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-accent-violet-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-violet-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-violet-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-violet-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-violet-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-violet-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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-accent-yellow-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-yellow-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-yellow-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-yellow-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:from-accent-yellow-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-accent-yellow-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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-accent-amber-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-amber-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-amber-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-amber-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-amber-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-amber-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-blue-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-blue-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-blue-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-blue-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-blue-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-blue-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-brown-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-brown-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-brown-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-brown-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-brown-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-brown-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-cyan-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-cyan-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-cyan-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-cyan-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-cyan-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-cyan-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-emerald-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-emerald-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-emerald-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-emerald-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-emerald-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-emerald-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-fuchsia-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-fuchsia-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-fuchsia-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-fuchsia-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-fuchsia-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-fuchsia-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-gray-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-gray-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-gray-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-gray-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-gray-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-gray-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-green-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-green-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-green-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-green-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-green-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-green-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-indigo-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-indigo-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-indigo-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-indigo-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-indigo-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-indigo-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-lime-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-lime-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-lime-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-lime-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-lime-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-lime-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-olive-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-olive-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-olive-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-olive-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-olive-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-olive-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-orange-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-orange-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-orange-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-orange-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-orange-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-orange-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-pink-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-pink-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-pink-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-pink-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-pink-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-pink-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-purple-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-purple-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-purple-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-purple-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-purple-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-purple-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-red-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-red-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-red-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-red-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-red-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-red-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-rose-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-rose-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-rose-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-rose-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-rose-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-rose-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-sky-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-sky-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-sky-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-sky-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-sky-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-sky-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-teal-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-teal-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-teal-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-teal-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-teal-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-teal-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-violet-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-violet-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-violet-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-violet-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-violet-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-violet-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-yellow-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-yellow-primary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-yellow-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-yellow-secondary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:\!to-accent-yellow-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-yellow-tertiary) !important;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
      }
    }
  }
  .hover\:to-accent-amber-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-amber-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-amber-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-amber-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-amber-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-amber-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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-accent-blue-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-blue-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-blue-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-blue-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-blue-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-blue-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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-accent-brown-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-brown-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-brown-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-brown-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-brown-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-brown-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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-accent-cyan-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-cyan-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-cyan-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-cyan-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-cyan-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-cyan-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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-accent-emerald-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-emerald-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-emerald-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-emerald-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-emerald-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-emerald-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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-accent-fuchsia-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-fuchsia-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-fuchsia-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-fuchsia-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-fuchsia-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-fuchsia-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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-accent-gray-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-gray-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-gray-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-gray-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-gray-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-gray-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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-accent-green-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-green-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-green-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-green-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-green-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-green-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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-accent-indigo-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-indigo-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-indigo-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-indigo-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-indigo-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-indigo-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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-accent-lime-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-lime-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-lime-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-lime-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-lime-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-lime-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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-accent-olive-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-olive-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-olive-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-olive-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-olive-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-olive-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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-accent-orange-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-orange-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-orange-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-orange-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-orange-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-orange-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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-accent-pink-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-pink-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-pink-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-pink-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-pink-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-pink-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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-accent-purple-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-purple-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-purple-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-purple-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-purple-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-purple-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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-accent-red-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-red-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-red-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-red-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-red-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-red-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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-accent-rose-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-rose-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-rose-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-rose-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-rose-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-rose-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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-accent-sky-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-sky-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-sky-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-sky-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-sky-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-sky-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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-accent-teal-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-teal-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-teal-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-teal-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-teal-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-teal-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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-accent-violet-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-violet-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-violet-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-violet-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-violet-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-violet-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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-accent-yellow-primary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-yellow-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-yellow-secondary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-yellow-secondary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-accent-yellow-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-accent-yellow-tertiary);
        --tw-gradient-stops: var(--tw-gradient-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\:px-2 {
    &:hover {
      @media (hover: hover) {
        padding-inline: calc(var(--spacing) * 2);
      }
    }
  }
  .hover\:text-blue-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-600);
      }
    }
  }
  .hover\:text-gray-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-800);
      }
    }
  }
  .hover\:text-label-primary {
    &:hover {
      @media (hover: hover) {
        color: var(--color-label-primary);
      }
    }
  }
  .hover\:text-label-primary\! {
    &:hover {
      @media (hover: hover) {
        color: var(--color-label-primary) !important;
      }
    }
  }
  .hover\:text-label-secondary {
    &:hover {
      @media (hover: hover) {
        color: var(--color-label-secondary);
      }
    }
  }
  .hover\:text-neutral-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-neutral-700);
      }
    }
  }
  .hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .hover\:no-underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: none;
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .hover\:opacity-80 {
    &:hover {
      @media (hover: hover) {
        opacity: 80%;
      }
    }
  }
  .hover\:opacity-100 {
    &:hover {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .hover\:shadow-md {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0px 4px 12px var(--tw-shadow-color, rgba(0, 0, 0, 0.03)), 0px 7px 25px var(--tw-shadow-color, rgba(0, 0, 0, 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);
      }
    }
  }
  .hover\:shadow-sm {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0px 1px 6px 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\: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\:ring-fill-tertiary {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-fill-tertiary);
      }
    }
  }
  .focus\:border-sky-300 {
    &:focus {
      border-color: var(--color-sky-300);
    }
  }
  .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-accent-sky-primary {
    &:focus {
      --tw-ring-color: var(--color-accent-sky-primary);
    }
  }
  .focus\:ring-amber-400 {
    &:focus {
      --tw-ring-color: var(--color-amber-400);
    }
  }
  .focus\:ring-blue-400 {
    &:focus {
      --tw-ring-color: var(--color-blue-400);
    }
  }
  .focus\:ring-brown-400 {
    &:focus {
      --tw-ring-color: var(--color-brown-400);
    }
  }
  .focus\:ring-cyan-400 {
    &:focus {
      --tw-ring-color: var(--color-cyan-400);
    }
  }
  .focus\:ring-emerald-400 {
    &:focus {
      --tw-ring-color: var(--color-emerald-400);
    }
  }
  .focus\:ring-fuchsia-400 {
    &:focus {
      --tw-ring-color: var(--color-fuchsia-400);
    }
  }
  .focus\:ring-gray-400 {
    &:focus {
      --tw-ring-color: var(--color-gray-400);
    }
  }
  .focus\:ring-green-400 {
    &:focus {
      --tw-ring-color: var(--color-green-400);
    }
  }
  .focus\:ring-indigo-400 {
    &:focus {
      --tw-ring-color: var(--color-indigo-400);
    }
  }
  .focus\:ring-lime-400 {
    &:focus {
      --tw-ring-color: var(--color-lime-400);
    }
  }
  .focus\:ring-olive-400 {
    &:focus {
      --tw-ring-color: var(--color-olive-400);
    }
  }
  .focus\:ring-orange-400 {
    &:focus {
      --tw-ring-color: var(--color-orange-400);
    }
  }
  .focus\:ring-pink-400 {
    &:focus {
      --tw-ring-color: var(--color-pink-400);
    }
  }
  .focus\:ring-primary {
    &:focus {
      --tw-ring-color: var(--color-primary);
    }
  }
  .focus\:ring-purple-400 {
    &:focus {
      --tw-ring-color: var(--color-purple-400);
    }
  }
  .focus\:ring-red-400 {
    &:focus {
      --tw-ring-color: var(--color-red-400);
    }
  }
  .focus\:ring-rose-400 {
    &:focus {
      --tw-ring-color: var(--color-rose-400);
    }
  }
  .focus\:ring-sky-200 {
    &:focus {
      --tw-ring-color: var(--color-sky-200);
    }
  }
  .focus\:ring-sky-400 {
    &:focus {
      --tw-ring-color: var(--color-sky-400);
    }
  }
  .focus\:ring-teal-400 {
    &:focus {
      --tw-ring-color: var(--color-teal-400);
    }
  }
  .focus\:ring-violet-400 {
    &:focus {
      --tw-ring-color: var(--color-violet-400);
    }
  }
  .focus\:ring-offset-1 {
    &:focus {
      --tw-ring-offset-width: 1px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .focus\:outline-hidden {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
  }
  .focus\:transition {
    &:focus {
      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));
    }
  }
  .focus\:duration-500 {
    &:focus {
      --tw-duration: 500ms;
      transition-duration: 500ms;
    }
  }
  .focus\:ease-in-out {
    &:focus {
      --tw-ease: var(--ease-in-out);
      transition-timing-function: var(--ease-in-out);
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .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-none {
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .active\:bg-accent-sky-surface-secondary {
    &:active {
      background-color: var(--color-accent-sky-surface-secondary);
    }
  }
  .active\:bg-black\/\[\.15\] {
    &:active {
      background-color: color-mix(in srgb, oklch(0% 0 0 / 1.0) 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 15%, transparent);
      }
    }
  }
  .active\:bg-fill-tertiary {
    &:active {
      background-color: var(--color-fill-tertiary);
    }
  }
  .active\:bg-orange-50 {
    &:active {
      background-color: var(--color-orange-50);
    }
  }
  .active\:bg-primary {
    &:active {
      background-color: var(--color-primary);
    }
  }
  .active\:bg-red-600 {
    &:active {
      background-color: var(--color-red-600);
    }
  }
  .active\:text-white {
    &:active {
      color: var(--color-white);
    }
  }
  .disabled\:cursor-not-allowed {
    &:disabled {
      cursor: not-allowed;
    }
  }
  .disabled\:border {
    &:disabled {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .disabled\:border-secondary {
    &:disabled {
      border-color: var(--border-color-secondary);
    }
  }
  .disabled\:bg-fill-quaternary {
    &:disabled {
      background-color: var(--color-fill-quaternary);
    }
  }
  .disabled\:bg-transparent {
    &:disabled {
      background-color: transparent;
    }
  }
  .disabled\:text-label-tertiary {
    &:disabled {
      color: var(--color-label-tertiary);
    }
  }
  .disabled\:opacity-25 {
    &:disabled {
      opacity: 25%;
    }
  }
  .disabled\:opacity-50 {
    &:disabled {
      opacity: 50%;
    }
  }
  .disabled\:placeholder\:text-label-tertiary {
    &:disabled {
      &::placeholder {
        color: var(--color-label-tertiary);
      }
    }
  }
  .has-disabled\:hidden {
    &:has(*:disabled) {
      display: none;
    }
  }
  .data-\[available\=false\]\:bg-accent-sky-surface-secondary {
    &[data-available="false"] {
      background-color: var(--color-accent-sky-surface-secondary);
    }
  }
  .data-\[available\=false\]\:hover\:bg-accent-gray-surface-primary {
    &[data-available="false"] {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-accent-gray-surface-primary);
        }
      }
    }
  }
  .data-\[available\=true\]\:visible {
    &[data-available="true"] {
      visibility: visible;
    }
  }
  .data-\[available\=true\]\:bg-accent-gray-surface-secondary {
    &[data-available="true"] {
      background-color: var(--color-accent-gray-surface-secondary);
    }
  }
  .data-\[available\=true\]\:opacity-100 {
    &[data-available="true"] {
      opacity: 100%;
    }
  }
  .data-\[available\=true\]\:hover\:bg-accent-sky-surface-primary {
    &[data-available="true"] {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-accent-sky-surface-primary);
        }
      }
    }
  }
  .data-\[operation\=delete\]\:border-accent-gray-primary {
    &[data-operation="delete"] {
      border-color: var(--color-accent-gray-primary);
    }
  }
  .data-\[operation\=delete\]\:bg-accent-gray-primary\/10 {
    &[data-operation="delete"] {
      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-accent-gray-primary) 10%, transparent);
      }
    }
  }
  .data-\[selected\=true\]\:border-2 {
    &[data-selected="true"] {
      border-style: var(--tw-border-style);
      border-width: 2px;
    }
  }
  .data-\[selected\=true\]\:group-data-\[operation\=create\]\:bg-accent-sky-surface-secondary {
    &[data-selected="true"] {
      &:is(:where(.group)[data-operation="create"] *) {
        background-color: var(--color-accent-sky-surface-secondary);
      }
    }
  }
  .data-\[selected\=true\]\:group-data-\[operation\=delete\]\:bg-accent-gray-surface-secondary {
    &[data-selected="true"] {
      &:is(:where(.group)[data-operation="delete"] *) {
        background-color: var(--color-accent-gray-surface-secondary);
      }
    }
  }
  .sm\:bottom-8 {
    @media (width >= 40rem) {
      bottom: calc(var(--spacing) * 8);
    }
  }
  .sm\:col-span-2 {
    @media (width >= 40rem) {
      grid-column: span 2 / span 2;
    }
  }
  .sm\:block {
    @media (width >= 40rem) {
      display: block;
    }
  }
  .sm\:flex {
    @media (width >= 40rem) {
      display: flex;
    }
  }
  .sm\:hidden {
    @media (width >= 40rem) {
      display: none;
    }
  }
  .sm\:w-12 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 12);
    }
  }
  .sm\:w-16 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 16);
    }
  }
  .sm\:w-auto {
    @media (width >= 40rem) {
      width: auto;
    }
  }
  .sm\:max-w-\[50\%\] {
    @media (width >= 40rem) {
      max-width: 50%;
    }
  }
  .sm\:max-w-\[calc\(100\%-52px\)\] {
    @media (width >= 40rem) {
      max-width: calc(100% - 52px);
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sm\:flex-row {
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .sm\:items-center {
    @media (width >= 40rem) {
      align-items: center;
    }
  }
  .sm\:gap-0 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 0);
    }
  }
  .sm\:gap-2 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .sm\:gap-4 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .sm\:gap-5 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 5);
    }
  }
  .sm\:self-auto {
    @media (width >= 40rem) {
      align-self: auto;
    }
  }
  .sm\:p-8 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .sm\:p-\[8px\]\! {
    @media (width >= 40rem) {
      padding: 8px !important;
    }
  }
  .sm\:px-4 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .sm\:px-\[9px\] {
    @media (width >= 40rem) {
      padding-inline: 9px;
    }
  }
  .sm\:text-left {
    @media (width >= 40rem) {
      text-align: left;
    }
  }
  .sm\:text-2xl {
    @media (width >= 40rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--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-sm {
    @media (width >= 40rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .sm\:text-\[20px\]\! {
    @media (width >= 40rem) {
      font-size: 20px !important;
    }
  }
  .md\:fixed {
    @media (width >= 48rem) {
      position: fixed;
    }
  }
  .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\:mx-0 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  .md\:mx-auto {
    @media (width >= 48rem) {
      margin-inline: auto;
    }
  }
  .md\:-mt-\[3\.75vw\] {
    @media (width >= 48rem) {
      margin-top: calc(3.75vw * -1);
    }
  }
  .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\:block {
    @media (width >= 48rem) {
      display: block;
    }
  }
  .md\:flex {
    @media (width >= 48rem) {
      display: flex;
    }
  }
  .md\:hidden {
    @media (width >= 48rem) {
      display: none;
    }
  }
  .md\:h-10 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 10);
    }
  }
  .md\:h-\[700px\] {
    @media (width >= 48rem) {
      height: 700px;
    }
  }
  .md\:h-\[calc\(100\%-32px\)\] {
    @media (width >= 48rem) {
      height: calc(100% - 32px);
    }
  }
  .md\:h-full {
    @media (width >= 48rem) {
      height: 100%;
    }
  }
  .md\:w-1\/2 {
    @media (width >= 48rem) {
      width: calc(1/2 * 100%);
    }
  }
  .md\:w-10 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 10);
    }
  }
  .md\:w-20 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 20);
    }
  }
  .md\:w-\[768px\] {
    @media (width >= 48rem) {
      width: 768px;
    }
  }
  .md\:w-auto {
    @media (width >= 48rem) {
      width: auto;
    }
  }
  .md\:w-details-width {
    @media (width >= 48rem) {
      width: var(--spacing-details-width);
    }
  }
  .md\:max-w-screen-lg {
    @media (width >= 48rem) {
      max-width: var(--breakpoint-lg);
    }
  }
  .md\:max-w-screen-sm {
    @media (width >= 48rem) {
      max-width: var(--breakpoint-sm);
    }
  }
  .md\:min-w-10 {
    @media (width >= 48rem) {
      min-width: calc(var(--spacing) * 10);
    }
  }
  .md\:transform-none {
    @media (width >= 48rem) {
      transform: none;
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-3 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-4 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-6 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .md\: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\:content-center {
    @media (width >= 48rem) {
      align-content: center;
    }
  }
  .md\:items-center {
    @media (width >= 48rem) {
      align-items: center;
    }
  }
  .md\:justify-between {
    @media (width >= 48rem) {
      justify-content: space-between;
    }
  }
  .md\:justify-center {
    @media (width >= 48rem) {
      justify-content: center;
    }
  }
  .md\:justify-end {
    @media (width >= 48rem) {
      justify-content: flex-end;
    }
  }
  .md\:justify-start {
    @media (width >= 48rem) {
      justify-content: flex-start;
    }
  }
  .md\:gap-3 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .md\:gap-6 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .md\:gap-8 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .md\:justify-self-end {
    @media (width >= 48rem) {
      justify-self: flex-end;
    }
  }
  .md\:overflow-scroll {
    @media (width >= 48rem) {
      overflow: scroll;
    }
  }
  .md\:rounded-6xl {
    @media (width >= 48rem) {
      border-radius: var(--radius-6xl);
    }
  }
  .md\:p-0 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 0);
    }
  }
  .md\:p-4 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 4);
    }
  }
  .md\:p-8 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .md\:px-0 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .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-\[72px\] {
    @media (width >= 48rem) {
      padding-inline: 72px;
    }
  }
  .md\:py-0 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 0);
    }
  }
  .md\:py-10 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 10);
    }
  }
  .md\:text-left {
    @media (width >= 48rem) {
      text-align: left;
    }
  }
  .md\:text-5xl {
    @media (width >= 48rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .md\:text-\[5vw\] {
    @media (width >= 48rem) {
      font-size: 5vw;
    }
  }
  .md\:text-\[10vw\] {
    @media (width >= 48rem) {
      font-size: 10vw;
    }
  }
  .md\:leading-\[5vw\] {
    @media (width >= 48rem) {
      --tw-leading: 5vw;
      line-height: 5vw;
    }
  }
  .md\:leading-\[10vw\] {
    @media (width >= 48rem) {
      --tw-leading: 10vw;
      line-height: 10vw;
    }
  }
  .md\:shadow-none {
    @media (width >= 48rem) {
      --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\:col-span-2 {
    @media (width >= 64rem) {
      grid-column: span 2 / span 2;
    }
  }
  .lg\:col-span-4 {
    @media (width >= 64rem) {
      grid-column: span 4 / span 4;
    }
  }
  .lg\:mx-auto {
    @media (width >= 64rem) {
      margin-inline: auto;
    }
  }
  .lg\:-mt-24 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * -24);
    }
  }
  .lg\:mt-0 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .lg\:flex {
    @media (width >= 64rem) {
      display: flex;
    }
  }
  .lg\:grid {
    @media (width >= 64rem) {
      display: grid;
    }
  }
  .lg\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
  .lg\:w-\[840px\] {
    @media (width >= 64rem) {
      width: 840px;
    }
  }
  .lg\:max-w-full {
    @media (width >= 64rem) {
      max-width: 100%;
    }
  }
  .lg\:grid-cols-2 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-6 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .lg\:flex-row {
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .lg\:items-center {
    @media (width >= 64rem) {
      align-items: center;
    }
  }
  .lg\:justify-center {
    @media (width >= 64rem) {
      justify-content: center;
    }
  }
  .lg\:gap-12 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 12);
    }
  }
  .lg\:text-4xl {
    @media (width >= 64rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .lg\:text-7xl {
    @media (width >= 64rem) {
      font-size: var(--text-7xl);
      line-height: var(--tw-leading, var(--text-7xl--line-height));
    }
  }
  .lg\:mix-blend-luminosity {
    @media (width >= 64rem) {
      mix-blend-mode: luminosity;
    }
  }
  .xl\:grid-cols-4 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .xl\:bg-size-\[600px\] {
    @media (width >= 80rem) {
      background-size: 600px;
    }
  }
  .\32 xl\:grid-cols-5 {
    @media (width >= 96rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .\@\[350px\]\:block {
    @container (min-width: 350px) {
      display: block;
    }
  }
  .\@\[350px\]\:hidden {
    @container (min-width: 350px) {
      display: none;
    }
  }
  .\@\[350px\]\:grid-cols-2 {
    @container (min-width: 350px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .dark\:border-gray-700 {
    &:where(.dark, .dark *) {
      border-color: var(--color-gray-700);
    }
  }
  .dark\:border-primary {
    &:where(.dark, .dark *) {
      border-color: var(--border-color-primary);
    }
  }
  .dark\:bg-black\/50 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(0% 0 0 / 1.0) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
      }
    }
  }
  .dark\:bg-black\/\[50\%\] {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(0% 0 0 / 1.0) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
      }
    }
  }
  .dark\:bg-gray-800 {
    &:where(.dark, .dark *) {
      background-color: var(--color-gray-800);
    }
  }
  .dark\:bg-gray-900 {
    &:where(.dark, .dark *) {
      background-color: var(--color-gray-900);
    }
  }
  .dark\:bg-neutral-600\/25 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(43.9% 0 0) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-neutral-600) 25%, transparent);
      }
    }
  }
  .dark\:bg-secondary {
    &:where(.dark, .dark *) {
      background-color: var(--color-secondary);
    }
  }
  .dark\:bg-tertiary {
    &:where(.dark, .dark *) {
      background-color: var(--color-tertiary);
    }
  }
  .dark\:text-gray-300 {
    &:where(.dark, .dark *) {
      color: var(--color-gray-300);
    }
  }
  .\[\&\:has\(\>\[data-review-enrollments-target\=\'container\'\]\>\[data-type\=\'enrollment\'\]\:not\(\.hidden\)\)_\.enrollment-empty-state\]\:hidden {
    &:has(>[data-review-enrollments-target='container']>[data-type='enrollment']:not(.hidden)) .enrollment-empty-state {
      display: none;
    }
  }
  .\[\&\:not\(\:has\(\>\[data-review-enrollments-target\=\'container\'\]\>\[data-type\=\'enrollment\'\]\:not\(\.hidden\)\~\[data-type\=\'enrollment\'\]\:not\(\.hidden\)\)\)_\.enrollment-priority-note\]\:hidden {
    &:not(:has(>[data-review-enrollments-target='container']>[data-type='enrollment']:not(.hidden)~[data-type='enrollment']:not(.hidden))) .enrollment-priority-note {
      display: none;
    }
  }
  .\[\&\:not\(\:has\(\>\[data-type\=\'enrollment\'\]\:not\(\.hidden\)\)\)\]\:hidden {
    &:not(:has(>[data-type='enrollment']:not(.hidden))) {
      display: none;
    }
  }
  .\[\&\:not\(\:has\(\>\[data-type\=\'enrollment\'\]\:not\(\.hidden\)\~\[data-type\=\'enrollment\'\]\:not\(\.hidden\)\)\)_\.enrollment-grip\]\:invisible {
    &:not(:has(>[data-type='enrollment']:not(.hidden)~[data-type='enrollment']:not(.hidden))) .enrollment-grip {
      visibility: hidden;
    }
  }
  .\[\&\:not\(\:has\(\>\[data-type\=\'enrollment\'\]\:not\(\.hidden\)\~\[data-type\=\'enrollment\'\]\:not\(\.hidden\)\)\)_\.enrollment-row\]\:grid-cols-\[0_1fr_2rem_1fr_3rem\] {
    &:not(:has(>[data-type='enrollment']:not(.hidden)~[data-type='enrollment']:not(.hidden))) .enrollment-row {
      grid-template-columns: 0 1fr 2rem 1fr 3rem;
    }
  }
  .\[\&\>\*\:nth-child\(4n\+1\)\]\:col-span-2 {
    &>*:nth-child(4n+1) {
      grid-column: span 2 / span 2;
    }
  }
  .\[\&\>\*\:nth-child\(4n\+4\)\]\:col-span-2 {
    &>*:nth-child(4n+4) {
      grid-column: span 2 / span 2;
    }
  }
  .\[\&\>\*\:nth-child\(7n\)\]\:border-r-0 {
    &>*:nth-child(7n) {
      border-right-style: var(--tw-border-style);
      border-right-width: 0px;
    }
  }
  .\[\&\>a\]\:underline {
    &>a {
      text-decoration-line: underline;
    }
  }
  .\[\&\>b\]\:font-semibold {
    &>b {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .\[\&\>b\]\:text-label-primary {
    &>b {
      color: var(--color-label-primary);
    }
  }
  .\[\&\>div\:first-child_label\]\:rounded-l-2xl {
    &>div:first-child label {
      border-top-left-radius: var(--radius-2xl);
      border-bottom-left-radius: var(--radius-2xl);
    }
  }
  .\[\&\>div\:last-child_label\]\:rounded-r-2xl {
    &>div:last-child label {
      border-top-right-radius: var(--radius-2xl);
      border-bottom-right-radius: var(--radius-2xl);
    }
  }
  .\[\&\>div\:last-child_label\]\:border-r {
    &>div:last-child label {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
  }
  .\[\&\>p\+p\]\:mt-3 {
    &>p+p {
      margin-top: calc(var(--spacing) * 3);
    }
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    border-style: solid;
    border-color: var(--border-color-secondary);
  }
}
@layer utilities {
  .grid-cols-52 {
    grid-template-columns: repeat(52, minmax(0, 1fr));
  }
  .grid-cols-53 {
    grid-template-columns: repeat(53, minmax(0, 1fr));
  }
  .grid-cols-54 {
    grid-template-columns: repeat(54, minmax(0, 1fr));
  }
  .grid-cols-100 {
    grid-template-columns: repeat(100, minmax(0, 1fr));
  }
}
@font-face {
  font-family: 'Caveat';
  src: url(/assets/Caveat-Regular-9f5311057406fe587abeb59a9da7c7c1891c2a3ba24811dabea22eb62072a826.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.cursor-grabbing * {
  cursor: grabbing !important;
}
body {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  @media (width >= 48rem) {
    min-width: 1024px;
  }
}
dialog {
  background-color: transparent;
  padding: calc(var(--spacing) * 10);
}
::selection {
  background-color: var(--color-accent-sky-tertiary);
}
.form-group label {
  margin-bottom: calc(var(--spacing) * 1);
  display: block;
  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: var(--color-gray-600);
}
.form-group input[type="email"], .form-group input[type="text"], .form-group input[type="password"], .form-group input[type="date"], .form-group textarea, .form-group select {
  position: relative;
  width: 100%;
  cursor: default;
  border-radius: var(--radius-xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border-color-primary);
  background-color: var(--color-secondary);
  padding-inline: calc(var(--spacing) * 2.5);
  padding-block: calc(var(--spacing) * 2);
  padding-right: calc(var(--spacing) * 10);
  text-align: left;
  --tw-shadow: 0px 1px 6px 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);
  &:focus {
    border-color: var(--color-blue-500);
  }
  &: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 {
    --tw-ring-color: var(--color-blue-500);
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (width >= 40rem) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
.form-group input[type="email"], .form-group input[type="text"], .form-group input[type="password"], .form-group input[type="date"], .form-group select:not([multiple]) {
  height: 40px;
}
.form-group input[type="submit"] {
  width: 100%;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  padding-inline: calc(var(--spacing) * 2.5);
  padding-block: calc(var(--spacing) * 2);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-gray-700);
  color: var(--color-white);
}
.form-group input:disabled {
  cursor: not-allowed;
  background-color: color-mix(in srgb, #F3F4F6 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-gray-100) 50%, transparent);
  }
  color: var(--color-gray-500);
}
.welcome-message-component>.content {
  margin-bottom: calc(var(--spacing) * 4);
}
.welcome-message-component:nth-child(2n)>.content {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@keyframes append-animate {
  from {
    transform: translateY(40px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.portal-question-form-component {
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
  animation: append-animate .3s ease-out;
}
.company-menu-item {
  margin-bottom: calc(var(--spacing) * 1);
  display: flex;
  align-items: center;
  border-radius: var(--radius-lg);
  padding-inline: calc(var(--spacing) * 2);
  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);
}
.active {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-black);
  background-color: rgba(231, 229, 228, 0.5);
}
.company-menu-item:hover {
  background-color: #F0EFEE;
}
.sortable-ghost {
  animation: none !important;
  border-radius: var(--radius-4xl);
  border-color: transparent !important;
  background-color: var(--color-fill-quaternary) !important;
  --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;
}
.sortable-ghost-option {
  height: calc(var(--spacing) * 8);
  animation: none !important;
  border-radius: var(--radius-md);
  border-color: transparent !important;
  background-color: var(--color-fill-quaternary) !important;
  --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;
}
.sortable-ghost-item {
  animation: none !important;
  border-radius: var(--radius-lg);
  border-color: var(--border-color-secondary) !important;
  background-color: var(--color-fill-quaternary) !important;
  --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;
}
.sortable-ghost>*, .sortable-ghost-option>*, .sortable-ghost-item>* {
  visibility: hidden;
}
details>summary::-webkit-details-marker {
  display: none;
}
.bg-striped {
  background-image: url(/assets/line-5bf1a125834175a6d5e0ded7d2f4a9b0105503d342138cb0f910f08c5436b0ec.svg);
  background-repeat: repeat;
}
.badge-pattern-mask {
  opacity: 50%;
  mask-image: linear-gradient(180deg, #000 15%, rgba(0, 0, 0, 0.00) 65%);
  mix-blend-mode: luminosity;
  left: -12px;
}
.lanyard-noise {
  background-image: url(/assets/noise-24f3ef1865be62ef0637395b4b264194b6f60ff8b2d5fa9e34e093079d3b0567.png);
  background-blend-mode: soft-light;
  background-size: 100px;
}
.tt-new-hire {
  background-image: url(/assets/flower-1-b6d7b90313e2a14179b53d7690c2ff039cfa26243ece9c407f2879203c0601bd.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 146px;
  background-position: -40px;
}
.lanyard-front-gradient {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 2.5%), linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 30%);
}
.lanyard-back-gradient {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 21%);
}
.new-hires-label {
  background: linear-gradient(to right, #B679D2 0%, #79AFD2 20%, #8FD89A 40%, #F0DD75 60%, #E8735C 80%, #B679D2 100%);
  background-size: 300% auto;
  animation: var(--animate-shine);
  background-clip: text;
  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: transparent;
}
.vacation-plan-row {
  box-sizing: border-box;
  display: flex;
  height: calc(var(--spacing) * 12);
  background-color: var(--color-secondary);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-fill-quaternary);
    }
  }
}
.vacation-plan-row.active {
  background-color: var(--color-white);
  --tw-shadow: 0px 1px 2px 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 {
    @media (hover: hover) {
      background-color: var(--color-white);
    }
  }
}
.onboarding-widget-underline {
  position: relative;
}
.onboarding-widget-underline:before {
  content: '';
  position: absolute;
  bottom: calc(var(--spacing) * -3);
  left: calc(1/2 * 100%);
  height: calc(var(--spacing) * 5);
  width: 190px;
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  background-repeat: no-repeat;
  background-image: url(/assets/onboarding-underline-89c5f26ebfdbf438a0efadfadca3159638d4acb770b87dbac877a6ea2c1d5eca.svg);
}
.onboarding-widget-pattern {
  position: relative;
  background-repeat: repeat;
}
.onboarding-widget-pattern:before {
  position: absolute;
  inset-inline-start: calc(100% * -1);
  height: 170%;
  width: 300%;
  rotate: -15deg;
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  content: '';
  background-image: url(/assets/onboarding-pattern-6a2e8bd6fdf0c858c27ed643dfaa202d8f904ca267e6307756567ecc15d67801.svg);
  animation: bg-scrolling 50s infinite linear;
}
@keyframes bg-scrolling {
  0% {
    background-position: -800px -800px;
  }
}
.group-avatar {
  display: flex;
  align-items: center;
  background: white;
  border: solid 2px white;
}
.group-avatar-24 {
  width: 24px;
  height: 24px;
}
.group-avatar-32 {
  width: 32px;
  height: 32px;
}
.group-avatar-40 {
  width: 40px;
  height: 40px;
}
.group-avatar:not(:first-of-type) {
  margin-left: -6px;
}
@supports (mask: radial-gradient(transparent 12px, black 0)) {
  .group-avatar {
    border: none;
  }
  .group-avatar-24:not(.group-avatar-rings):not(:last-of-type) {
    mask: radial-gradient(circle at 30px, transparent 14px, white 0);
  }
  .group-avatar-24:not(:first-of-type) {
    margin-left: -6px;
  }
  .group-avatar-32:not(.group-avatar-rings):not(:last-of-type) {
    mask: radial-gradient(circle at 40px, transparent 18px, white 0);
  }
  .group-avatar-32:not(:first-of-type) {
    margin-left: -8px;
  }
  .group-avatar-40:not(.group-avatar-rings):not(:last-of-type) {
    mask: radial-gradient(circle at 50px, transparent 22px, white 0);
  }
  .group-avatar-40:not(:first-of-type) {
    margin-left: -10px;
  }
}
.bg-squares {
  position: relative;
  overflow: hidden;
}
.current-date>.date {
  display: block;
  display: flex;
  height: calc(var(--spacing) * 6);
  width: calc(var(--spacing) * 6);
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-sky-600);
  padding: calc(var(--spacing) * 1);
  color: var(--color-white);
}
.bg-squares:after {
  position: absolute;
  inset-inline-start: calc(100% * -1);
  z-index: calc(10 * -1);
  height: 170%;
  width: 300%;
  rotate: -15deg;
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  background-color: var(--color-primary);
  content: '';
  background-image: url(/assets/square-white-pattern-44df5c911a481036eb4509ef679614de7c476759af54581fef520361fa2836f3.svg);
}
.bg-question-mark {
  position: relative;
  overflow: hidden;
}
.bg-question-mark:after {
  position: absolute;
  inset-inline-start: calc(100% * -1);
  z-index: calc(10 * -1);
  height: 170%;
  width: 300%;
  rotate: -15deg;
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  background-color: var(--color-primary);
  content: '';
  background-image: url(/assets/question-white-pattern-0b66ff76b9eea4424e5ec40f28ccc8e3f6e1956c69a18aa34c63cbecf28d4db8.svg);
}
@media (prefers-color-scheme: light) {
  .edge-highlight-r {
    box-shadow: inset -1px 0px 0px 0px rgba(255, 255, 255, 1.0);
  }
  .edge-highlight-l {
    box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 1.0);
  }
}
@media (prefers-color-scheme: dark) {
  .edge-highlight-r {
    box-shadow: inset -1px 0px 0px 0px rgba(255, 255, 255, 0.1);
  }
  .edge-highlight-l {
    box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0.1);
  }
}
.widget-header-gradient {
  background: linear-gradient(180deg, #000 25%, rgba(0, 0, 0, 0.01) 100%);
  background: linear-gradient(180deg, color(display-p3 0 0 0 / 0.00) 25%, color(display-p3 0 0 0 / 0.01) 100%);
}
.mask-hole {
  -webkit-mask-image: radial-gradient(circle, transparent 20%, black 21%);
  mask-image: radial-gradient(circle, transparent 20%, black 21%);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}
.profile-segment-table-cell {
  height: calc(var(--spacing) * 10);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  padding-inline: calc(var(--spacing) * 4);
  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: var(--color-neutral-700);
  &:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
}
.profile-avatar {
  position: relative;
  flex-shrink: 0;
  border-radius: calc(infinity * 1px);
}
.profile-avatar img {
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: calc(infinity * 1px);
  object-fit: cover;
  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));
}
.segment-controller-shadow {
  box-shadow: 0px 0px 0px 1px var(--border-secondary, rgba(23, 23, 23, 0.08)) inset, 0px 1px 2px 0px rgba(0, 0, 0, 0.05) inset;
}
.notification-unread {
  background-color: var(--color-accent-sky-surface-secondary);
}
.agent-chat-user-bubble {
  border-top-left-radius: var(--radius-lg);
  border-top-right-radius: var(--radius-lg);
  border-bottom-right-radius: var(--radius-sm);
  border-bottom-left-radius: var(--radius-lg);
  background-color: var(--color-accent-sky-surface-secondary);
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 3);
  max-width: 70%;
}
.nav-portal {
  box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.03);
}
.nav-admin {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
}
.masked-overflow {
  --scrollbar-width: 20px;
  --mask-height: 48px;
  overflow-y: auto;
  height: 300px;
  padding-bottom: var(--mask-height);
  padding-right: 20px;
  --mask-image-content: linear-gradient(to bottom,
      black calc(100% - var(--mask-height)),
      transparent);
  --mask-size-content: calc(100% - var(--scrollbar-width)) 100%;
  --mask-image-scrollbar: linear-gradient(black, black);
  --mask-size-scrollbar: var(--scrollbar-width) 100%;
  mask-image: var(--mask-image-content), var(--mask-image-scrollbar);
  mask-size: var(--mask-size-content), var(--mask-size-scrollbar);
  mask-position: 0 0, 100% 0;
  mask-repeat: no-repeat, no-repeat;
}
.drag-item {
  box-sizing: border-box;
  display: flex;
  height: calc(var(--spacing) * 8);
  flex-shrink: 0;
  cursor: pointer;
  align-items: center;
  gap: calc(var(--spacing) * 1);
  overflow: hidden;
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border-color-secondary);
  background-color: var(--color-tertiary);
  padding-inline: calc(var(--spacing) * 2);
  padding-left: calc(var(--spacing) * 0);
  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);
}
.drag-item .drag-handle {
  display: flex;
  height: calc(var(--spacing) * 5);
  width: calc(var(--spacing) * 5);
  cursor: grab;
  align-items: center;
  justify-content: center;
  --tw-leading: 1;
  line-height: 1;
  color: var(--color-label-tertiary);
}
.drag-item .drag-label {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-label-primary);
}
.flatpickr-calendar.open {
  position: absolute;
  display: block;
  display: none;
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  background-color: var(--color-white);
  padding-block: calc(var(--spacing) * 1.5);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-shadow: 0px 8px 24px 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);
  margin-left: -210px;
}
.flatpickr-calendar.open, .flatpickr-calendar.inline {
  display: block;
}
.flatpickr-prev-month, .flatpickr-next-month, .flatpickr-prev-month svg, .flatpickr-next-month svg {
  display: block;
  height: calc(var(--spacing) * 4);
  width: calc(var(--spacing) * 4);
}
.flatpickr-months {
  display: flex;
  display: none;
  align-items: center;
  justify-content: space-between;
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 1.5);
}
.flatpickr-monthDropdown-months {
  margin-right: calc(var(--spacing) * 1);
  background-color: transparent;
}
.numInput {
  width: calc(var(--spacing) * 16);
  --tw-outline-style: none;
  outline-style: none;
  -webkit-appearance: none;
  -moz-appearance: textfield;
}
.flatpickr-month {
  order: -1;
  width: 150px;
}
.flatpickr-current-month {
  display: flex;
}
.flatpickr-innerContainer {
  height: 100%;
}
.flatpickr-rContainer {
  display: flex;
  height: 100%;
  flex-direction: column;
  padding: calc(var(--spacing) * 2);
}
.flatpickr-weekdays>.flatpickr-weekdaycontainer {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.flatpickr-weekday {
  height: calc(var(--spacing) * 6);
  text-align: center;
  color: var(--color-label-secondary);
  font-size: 0;
  display: block;
}
.flatpickr-weekday:first-letter {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.flatpickr-days {
  flex: 1;
}
.flatpickr-days>.dayContainer {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: calc(var(--spacing) * 0.5);
}
.flatpickr-day {
  margin-inline: auto;
  display: flex;
  height: calc(var(--spacing) * 8);
  width: calc(var(--spacing) * 8);
  align-items: center;
  justify-content: center;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-label-primary);
}
.flatpickr-day:hover {
  cursor: pointer;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-fill-quaternary);
}
.flatpickr-day.today {
  color: var(--color-sky-400);
}
.flatpickr-day.selected, .flatpickr-day.inRange {
  border-radius: calc(infinity * 1px);
  background-color: color-mix(in srgb, oklch(73.4% 0.1679 235.2) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-sky-400) 15%, transparent);
  }
  color: var(--color-sky-400);
}
.flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay {
  color: var(--color-label-tertiary);
}
.flatpickr-day.flatpickr-disabled {
  cursor: not-allowed;
  color: var(--color-neutral-400);
}
.flatpickr-large .flatpickr-days>.dayContainer {
  gap: calc(var(--spacing) * 1);
}
.flatpickr-large .flatpickr-day {
  height: calc(var(--spacing) * 11);
  width: calc(var(--spacing) * 11);
}
.flatpickr-large .flatpickr-rContainer {
  padding-inline: calc(var(--spacing) * 0);
}
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}
[data-tippy-root] {
  max-width: calc(100vw - 10px);
}
.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property: transform,visibility,opacity;
}
.tippy-box[data-placement^=top]>.tippy-arrow {
  bottom: 0;
}
.tippy-box[data-placement^=top]>.tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}
.tippy-box[data-placement^=bottom]>.tippy-arrow {
  top: 0;
}
.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}
.tippy-box[data-placement^=left]>.tippy-arrow {
  right: 0;
}
.tippy-box[data-placement^=left]>.tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}
.tippy-box[data-placement^=right]>.tippy-arrow {
  left: 0;
}
.tippy-box[data-placement^=right]>.tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}
.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(.54,1.5,.38,1.11);
}
.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}
.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}
.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}
.splide__container {
  box-sizing: border-box;
  position: relative;
}
.splide__list {
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}
.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}
.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}
.splide:not(.is-overflow) .splide__pagination {
  display: none;
}
.splide__progress__bar {
  width: 0;
}
.splide {
  position: relative;
  visibility: hidden;
}
.splide.is-initialized,.splide.is-rendered {
  visibility: visible;
}
.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}
.splide__slide img {
  vertical-align: bottom;
}
.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}
.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause {
  display: none;
}
.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}
.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}
@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.splide__track--fade>.splide__list>.splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}
.splide__track--fade>.splide__list>.splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}
.splide--rtl {
  direction: rtl;
}
.splide__track--ttb>.splide__list {
  display: block;
}
.splide__arrow {
  -ms-flex-align: center;
  align-items: center;
  background: #ccc;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 2em;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: .7;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  z-index: 1;
}
.splide__arrow svg {
  fill: #000;
  height: 1.2em;
  width: 1.2em;
}
.splide__arrow:hover:not(:disabled) {
  opacity: .9;
}
.splide__arrow:disabled {
  opacity: .3;
}
.splide__arrow:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide__arrow--prev {
  left: 1em;
}
.splide__arrow--prev svg {
  transform: scaleX(-1);
}
.splide__arrow--next {
  right: 1em;
}
.splide.is-focus-in .splide__arrow:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide__pagination {
  bottom: .5em;
  left: 0;
  padding: 0 1em;
  position: absolute;
  right: 0;
  z-index: 1;
}
.splide__pagination__page {
  background: #ccc;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin: 3px;
  opacity: .7;
  padding: 0;
  position: relative;
  transition: transform .2s linear;
  width: 8px;
}
.splide__pagination__page.is-active {
  background: #fff;
  transform: scale(1.4);
  z-index: 1;
}
.splide__pagination__page:hover {
  cursor: pointer;
  opacity: .9;
}
.splide__pagination__page:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide.is-focus-in .splide__pagination__page:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide__progress__bar {
  background: #ccc;
  height: 3px;
}
.splide__slide {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.splide__slide:focus {
  outline: 0;
}
@supports (outline-offset:-3px) {
  .splide__slide:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast:none) {
  .splide__slide:focus-visible {
    border: 3px solid #0bf;
  }
}
@supports (outline-offset:-3px) {
  .splide.is-focus-in .splide__slide:focus {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast:none) {
  .splide.is-focus-in .splide__slide:focus {
    border: 3px solid #0bf;
  }
  .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus {
    border-color: #0bf;
  }
}
.splide__toggle {
  cursor: pointer;
}
.splide__toggle:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide.is-focus-in .splide__toggle:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide__track--nav>.splide__list>.splide__slide {
  border: 3px solid transparent;
  cursor: pointer;
}
.splide__track--nav>.splide__list>.splide__slide.is-active {
  border: 3px solid #000;
}
.splide__arrows--rtl .splide__arrow--prev {
  left: auto;
  right: 1em;
}
.splide__arrows--rtl .splide__arrow--prev svg {
  transform: scaleX(1);
}
.splide__arrows--rtl .splide__arrow--next {
  left: 1em;
  right: auto;
}
.splide__arrows--rtl .splide__arrow--next svg {
  transform: scaleX(-1);
}
.splide__arrows--ttb .splide__arrow {
  left: 50%;
  transform: translate(-50%);
}
.splide__arrows--ttb .splide__arrow--prev {
  top: 1em;
}
.splide__arrows--ttb .splide__arrow--prev svg {
  transform: rotate(-90deg);
}
.splide__arrows--ttb .splide__arrow--next {
  bottom: 1em;
  top: auto;
}
.splide__arrows--ttb .splide__arrow--next svg {
  transform: rotate(90deg);
}
.splide__pagination--ttb {
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  left: auto;
  padding: 1em 0;
  right: .5em;
  top: 0;
}
.splide__container {
  box-sizing: border-box;
  position: relative;
}
.splide__list {
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}
.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}
.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}
.splide:not(.is-overflow) .splide__pagination {
  display: none;
}
.splide__progress__bar {
  width: 0;
}
.splide {
  position: relative;
  visibility: hidden;
}
.splide.is-initialized,.splide.is-rendered {
  visibility: visible;
}
.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}
.splide__slide img {
  vertical-align: bottom;
}
.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}
.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause {
  display: none;
}
.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}
.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}
@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.splide__track--fade>.splide__list>.splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}
.splide__track--fade>.splide__list>.splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}
.splide--rtl {
  direction: rtl;
}
.splide__track--ttb>.splide__list {
  display: block;
}
.splide__arrow {
  -ms-flex-align: center;
  align-items: center;
  background: #ccc;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 2em;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: .7;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  z-index: 1;
}
.splide__arrow svg {
  fill: #000;
  height: 1.2em;
  width: 1.2em;
}
.splide__arrow:hover:not(:disabled) {
  opacity: .9;
}
.splide__arrow:disabled {
  opacity: .3;
}
.splide__arrow:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide__arrow--prev {
  left: 1em;
}
.splide__arrow--prev svg {
  transform: scaleX(-1);
}
.splide__arrow--next {
  right: 1em;
}
.splide.is-focus-in .splide__arrow:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide__pagination {
  bottom: .5em;
  left: 0;
  padding: 0 1em;
  position: absolute;
  right: 0;
  z-index: 1;
}
.splide__pagination__page {
  background: #ccc;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin: 3px;
  opacity: .7;
  padding: 0;
  position: relative;
  transition: transform .2s linear;
  width: 8px;
}
.splide__pagination__page.is-active {
  background: #fff;
  transform: scale(1.4);
  z-index: 1;
}
.splide__pagination__page:hover {
  cursor: pointer;
  opacity: .9;
}
.splide__pagination__page:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide.is-focus-in .splide__pagination__page:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide__progress__bar {
  background: #ccc;
  height: 3px;
}
.splide__slide {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.splide__slide:focus {
  outline: 0;
}
@supports (outline-offset:-3px) {
  .splide__slide:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast:none) {
  .splide__slide:focus-visible {
    border: 3px solid #0bf;
  }
}
@supports (outline-offset:-3px) {
  .splide.is-focus-in .splide__slide:focus {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast:none) {
  .splide.is-focus-in .splide__slide:focus {
    border: 3px solid #0bf;
  }
  .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus {
    border-color: #0bf;
  }
}
.splide__toggle {
  cursor: pointer;
}
.splide__toggle:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide.is-focus-in .splide__toggle:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide__track--nav>.splide__list>.splide__slide {
  border: 3px solid transparent;
  cursor: pointer;
}
.splide__track--nav>.splide__list>.splide__slide.is-active {
  border: 3px solid #000;
}
.splide__arrows--rtl .splide__arrow--prev {
  left: auto;
  right: 1em;
}
.splide__arrows--rtl .splide__arrow--prev svg {
  transform: scaleX(1);
}
.splide__arrows--rtl .splide__arrow--next {
  left: 1em;
  right: auto;
}
.splide__arrows--rtl .splide__arrow--next svg {
  transform: scaleX(-1);
}
.splide__arrows--ttb .splide__arrow {
  left: 50%;
  transform: translate(-50%);
}
.splide__arrows--ttb .splide__arrow--prev {
  top: 1em;
}
.splide__arrows--ttb .splide__arrow--prev svg {
  transform: rotate(-90deg);
}
.splide__arrows--ttb .splide__arrow--next {
  bottom: 1em;
  top: auto;
}
.splide__arrows--ttb .splide__arrow--next svg {
  transform: rotate(90deg);
}
.splide__pagination--ttb {
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  left: auto;
  padding: 1em 0;
  right: .5em;
  top: 0;
}
.splide__pagination {
  margin-bottom: calc(var(--spacing) * 2);
  display: flex;
  gap: calc(var(--spacing) * 2);
}
.splide__pagination__page {
  position: relative;
  background-color: var(--color-neutral-700);
  opacity: 20%;
}
.splide__pagination__page:before {
  content: "";
  position: absolute;
  top: calc(var(--spacing) * -2);
  right: calc(var(--spacing) * -1);
  bottom: calc(var(--spacing) * -2);
  left: calc(var(--spacing) * -1);
}
.splide__pagination__page.is-active {
  transform: none;
  background-color: var(--color-neutral-700);
  opacity: 100%;
}
.splide__track--stone-gradient-right {
  position: relative;
}
.splide__track--stone-gradient-right:after {
  position: absolute;
  top: calc(var(--spacing) * 0);
  right: calc(var(--spacing) * 0);
  height: 100%;
  width: calc(var(--spacing) * 6);
  --tw-gradient-position: to right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: transparent;
  --tw-gradient-to: var(--color-stone-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));
  content: " ";
}
.splide__track--stone-gradient-right ul {
  padding-right: calc(var(--spacing) * 6);
}
.splide__arrow {
  height: calc(var(--spacing) * 8);
  width: calc(var(--spacing) * 8);
  border-radius: var(--radius-md);
  background-color: var(--color-white);
  opacity: 100%;
  --tw-shadow: 0px 4px 12px var(--tw-shadow-color, rgba(0, 0, 0, 0.03)), 0px 7px 25px var(--tw-shadow-color, rgba(0, 0, 0, 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);
}
.splide__arrow svg {
  fill: var(--color-neutral-700);
}
.splide__arrow--prev {
  left: calc(var(--spacing) * -6);
}
.splide__arrow--next {
  right: calc(var(--spacing) * -6);
}
.tribute-container {
  z-index: 20;
  margin-top: calc(var(--spacing) * 2);
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  background-color: var(--color-white);
  padding: calc(var(--spacing) * 1);
  color: var(--color-black);
  --tw-shadow: 0px 8px 24px 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);
}
.tribute-container .highlight {
  border-radius: var(--radius);
  background-color: var(--color-stone-100);
}
.tribute-container .item {
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1.5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.icon-container {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  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-duration: 150ms;
  transition-duration: 150ms;
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
  will-change: transform;
}
.icon-container-12 {
  width: 12px;
  height: 12px;
}
.icon-container-16 {
  width: 18px;
  height: 16px;
}
.icon-container-20 {
  width: 20px;
  height: 20px;
}
.icon-container-24 {
  width: 24px;
  height: 24px;
}
.icon-container-28 {
  width: 28px;
  height: 28px;
}
.icon-container-32 {
  width: 32px;
  height: 32px;
}
.icon-container-36 {
  width: 36px;
  height: 36px;
}
.icon-container-40 {
  width: 40px;
  height: 40px;
}
.icon-container-50 {
  width: 50px;
  height: 50px;
}
.icon-container-64 {
  width: 64px;
  height: 64px;
}
.icon-container-80 {
  width: 80px;
  height: 80px;
}
.fa-sm {
  font-size: 14px;
}
.fa-lg {
  font-size: 17px;
}
.fa-xl {
  font-size: 20px;
}
.fa-1x {
  font-size: 28px;
}
.fa-4x {
  font-size: 50px;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}
.button {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-xl);
  padding-inline: 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);
  white-space: nowrap;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}
.button-sm {
  height: calc(var(--spacing) * 8);
}
.button-md {
  height: calc(var(--spacing) * 12);
  gap: calc(var(--spacing) * 1.5);
  border-radius: var(--radius-4xl);
  padding-inline: 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-semibold);
  font-weight: var(--font-weight-semibold);
  @media (width >= 48rem) {
    height: calc(var(--spacing) * 10);
  }
  @media (width >= 48rem) {
    border-radius: var(--radius-2xl);
  }
  @media (width >= 48rem) {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
}
.button-counter {
  display: flex;
  min-width: 20px;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-fill-secondary);
  padding: calc(var(--spacing) * 1);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-label-primary);
}
.button--only-icon {
  padding-inline: 6px;
}
.button--only-icon:active:not(:disabled) .icon-container {
  --tw-scale-x: 95%;
  --tw-scale-y: 95%;
  --tw-scale-z: 95%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.button--only-icon:hover:not(:disabled) .icon-container {
  --tw-scale-x: 110%;
  --tw-scale-y: 110%;
  --tw-scale-z: 110%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.button-disabled:hover {
  opacity: 50%;
  --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;
}
.button-primary {
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05), 0px 1px 2px rgba(0, 0, 0, 0.10);
  position: relative;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 50%, rgba(255, 255, 255, 0.08) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.40) 100%);
  background-blend-mode: normal, overlay;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05), 0px 1px 4px 0px rgba(0, 0, 0, 0.10);
  background-color: var(--color-accent-sky-secondary);
  color: var(--color-white);
}
.button-primary:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
  background-blend-mode: overlay;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}
.button-primary:hover:not(:disabled) {
  --tw-brightness: brightness(1.05);
  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,);
}
.button-primary:active:not(:disabled) {
  --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,);
}
.button-primary.button-disabled, .button-primary:disabled {
  opacity: 50%;
}
.button-secondary {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.75) 100%);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 0px 0px rgb(255, 255, 255, 1) inset, 0px 1px 2px 1px rgba(0, 0, 0, 0.06);
  margin: 1px;
  box-sizing: border-box;
  height: 30px;
  background-color: var(--color-primary);
  color: var(--color-label-primary);
  --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,);
}
.dark .button-secondary {
  background: linear-gradient(180deg, rgba(60, 60, 63, 0.2) 0%, rgba(44, 44, 46, 0.2) 100%);
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.05) inset, 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset, 0px 0px 0px 1px rgba(0, 0, 0, 0.5);
  margin: 1px;
  box-sizing: border-box;
  height: 30px;
  background-color: var(--color-tertiary);
  color: var(--color-label-primary);
}
.button-secondary:hover:not(:disabled) {
  --tw-brightness: brightness(1.05);
  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,);
}
.button-secondary:active:not(:disabled) {
  background-color: var(--color-secondary);
}
.dark .button-secondary:hover:not(:disabled) {
  --tw-brightness: brightness(1.05);
  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 .button-secondary:active:not(:disabled) {
  background: revert;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.5), 0px 1px 4px 0px rgba(0, 0, 0, 0.05) inset;
  background-color: var(--color-tertiary);
}
.button-secondary.button-disabled, .button-secondary:disabled {
  opacity: 50%;
}
.dark .button-secondary.button-disabled, .dark .button-secondary:disabled {
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.5), 0px 1px 4px 0px rgba(0, 0, 0, 0.05) inset;
  background-color: var(--color-tertiary);
  opacity: 50%;
}
.button-secondary.button-md {
  height: 46px;
  @media (width >= 48rem) {
    height: 38px;
  }
}
.button-secondary.button--only-icon {
  padding-inline: 5px;
}
.button-tertiary {
  background-color: var(--color-fill-tertiary);
  color: var(--color-label-secondary);
}
.button-tertiary:hover:not(:disabled) {
  background-color: var(--color-fill-secondary);
}
.button-tertiary:active:not(:disabled) {
  background-color: var(--color-fill-quaternary);
}
.button-tertiary.button-disabled, .button-tertiary:disabled {
  opacity: 50%;
}
.button-quaternary {
  background-color: transparent;
  color: var(--color-label-secondary);
}
.button-quaternary:hover:not(:disabled) {
  background-color: var(--color-fill-quaternary);
}
.button-quaternary:active:not(:disabled), .button-quaternary.button-active {
  background-color: var(--color-fill-quaternary);
  color: var(--color-label-secondary);
}
.button-quaternary.button-disabled, .button-quaternary:disabled {
  opacity: 50%;
}
.button-destructive {
  background-color: var(--color-accent-red-tertiary);
  color: var(--color-accent-red-dark);
}
.button-destructive:hover {
  background-color: var(--color-accent-red-primary);
  color: var(--color-white);
}
.button-destructive:hover:disabled {
  background-color: var(--color-accent-red-tertiary);
  color: var(--color-accent-red-dark);
}
.button-destructive:active:not(:disabled) {
  background-color: var(--color-accent-red-secondary);
  color: var(--color-white);
}
.button-destructive.button-disabled, .button-destructive:disabled {
  opacity: 50%;
}
.button-destructive-secondary {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.75) 100%);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 0px 0px rgb(255, 255, 255, 1) inset, 0px 1px 2px 1px rgba(0, 0, 0, 0.06);
  margin: 1px;
  box-sizing: border-box;
  height: 30px;
  background-color: var(--color-primary);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-red-500);
  --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,);
}
.button-destructive-secondary:hover:not(:disabled) {
  --tw-brightness: brightness(1.05);
  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,);
}
.button-destructive-secondary:active:not(:disabled) {
  background-color: var(--color-secondary);
}
.dark .button-destructive-secondary:hover:not(:disabled) {
  --tw-brightness: brightness(1.05);
  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 .button-destructive-secondary:active:not(:disabled) {
  background: revert;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.5), 0px 1px 4px 0px rgba(0, 0, 0, 0.05) inset;
  background-color: var(--color-tertiary);
}
.button-destructive-secondary.button-disabled, .button-destructive-secondary:disabled {
  opacity: 50%;
}
.dark .button-destructive-secondary.button-disabled, .dark .button-destructive-secondary:disabled {
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.5), 0px 1px 4px 0px rgba(0, 0, 0, 0.05) inset;
  background-color: var(--color-tertiary);
  opacity: 50%;
}
.button-destructive-secondary.button-md {
  height: 46px;
  @media (width >= 48rem) {
    height: 38px;
  }
}
.button-destructive-secondary.button--only-icon {
  padding-inline: 5px;
}
.radio-button-group__label {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.75) 100%);
  min-height: 40px;
  display: inline-flex;
  min-height: calc(var(--spacing) * 10);
  cursor: pointer;
  align-items: center;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-right-style: var(--tw-border-style);
  border-right-width: 0px;
  border-color: var(--border-color-secondary);
  background-color: var(--color-primary);
  background-clip: padding-box;
  padding-block: calc(var(--spacing) * 2);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-label-primary);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
  @media (width >= 48rem) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 3);
  }
  @media (width >= 48rem) {
    --tw-shadow: 0px 1px 2px 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);
  }
}
.form-input {
  height: calc(var(--spacing) * 8);
  width: 100%;
  border-radius: var(--radius-xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border-color-primary);
  background-color: var(--color-secondary);
  padding-inline: 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: var(--color-label-primary);
  --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);
  --tw-ring-color: var(--color-sky-50);
  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-duration: 300ms;
  transition-duration: 300ms;
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
  --tw-outline-style: none;
  outline-style: none;
  &::placeholder {
    color: var(--color-label-tertiary);
  }
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0px 1px 2px 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);
    }
  }
  &:focus {
    border-color: var(--color-sky-300);
  }
  &: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: var(--color-sky-200);
  }
  &:focus {
    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));
  }
  &:focus {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  &:focus {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  &:disabled {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  &:disabled {
    border-color: var(--border-color-secondary);
  }
  &:disabled {
    background-color: var(--color-fill-quaternary);
  }
  &:disabled {
    color: var(--color-label-tertiary);
  }
  &:disabled {
    &::placeholder {
      color: var(--color-label-tertiary);
    }
  }
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(0% 0 0 / 1.0) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
}
.form-input-sm {
  height: calc(var(--spacing) * 8);
}
.form-input-md {
  height: calc(var(--spacing) * 12);
  border-radius: var(--radius-4xl);
  padding-inline: calc(var(--spacing) * 4);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  @media (width >= 48rem) {
    height: calc(var(--spacing) * 10);
  }
  @media (width >= 48rem) {
    border-radius: var(--radius-xl);
  }
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 3);
  }
  @media (width >= 48rem) {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
}
.form-input-textarea {
  width: 100%;
  resize: none;
  border-radius: var(--radius-xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border-color-primary);
  background-color: var(--color-secondary);
  padding-inline: calc(var(--spacing) * 2.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-medium);
  font-weight: var(--font-weight-medium);
  --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);
  --tw-ring-color: var(--color-sky-50);
  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-duration: 300ms;
  transition-duration: 300ms;
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
  --tw-outline-style: none;
  outline-style: none;
  &::placeholder {
    color: var(--color-label-tertiary);
  }
  &:read-only {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  &:read-only {
    border-color: var(--border-color-primary);
  }
  &:read-only {
    background-color: var(--color-fill-quaternary);
  }
  &:read-only {
    color: var(--color-label-primary);
  }
  &:read-only {
    --tw-outline-style: none;
    outline-style: none;
  }
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0px 1px 2px 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);
    }
  }
  &:focus {
    border-color: var(--color-sky-300);
  }
  &: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: var(--color-sky-200);
  }
  &:focus {
    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));
  }
  &:focus {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  &:focus {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  &:disabled {
    border-color: var(--border-color-secondary);
  }
  &:disabled {
    background-color: var(--color-fill-quaternary);
  }
  &:disabled {
    background-color: var(--color-fill-tertiary);
  }
  &:disabled {
    color: var(--color-label-quaternary);
  }
  &:disabled {
    color: var(--color-label-tertiary);
  }
  &:disabled {
    &::placeholder {
      color: var(--color-label-quaternary);
    }
  }
  &:disabled {
    &::placeholder {
      color: var(--color-label-tertiary);
    }
  }
}
.form-input-textarea-md {
  border-radius: var(--radius-4xl);
  padding: calc(var(--spacing) * 4);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  @media (width >= 48rem) {
    border-radius: var(--radius-xl);
  }
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 3);
  }
  @media (width >= 48rem) {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
}
.form-input-changed, .form-input-changed + button.form-input.dropdown {
  background-color: var(--color-accent-sky-surface-secondary);
}
.form-input:read-only:not(button), .form-input-textarea:read-only:not(button) {
  background-color: var(--color-fill-quaternary);
  color: var(--color-label-primary);
  --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);
  --tw-outline-style: none;
  outline-style: none;
  &:focus {
    border-color: var(--border-color-primary);
  }
  &: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);
  }
}
.form-input.dropdown {
  display: flex;
  align-items: center;
  justify-content: space-between;
  --tw-shadow: 0px 1px 2px 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 {
    @media (hover: hover) {
      --tw-shadow: 0px 1px 6px 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);
    }
  }
}
.form-checkbox {
  display: inline-block;
  height: calc(var(--spacing) * 4);
  width: calc(var(--spacing) * 4);
  appearance: none;
  background-color: var(--color-secondary);
  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: 100ms;
  transition-duration: 100ms;
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
  will-change: transform;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 1.0), 0px 0px 0px 1px var(--border-secondary) inset, 0px 1px 2px 0px rgba(0, 0, 0, 0.10) inset, 0px 0px 2px 0px rgba(0, 0, 0, 0.10) inset;
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='check' class='svg-inline--fa fa-check' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='white' d='M480 128c0 8.188-3.125 16.38-9.375 22.62l-256 256C208.4 412.9 200.2 416 192 416s-16.38-3.125-22.62-9.375l-128-128C35.13 272.4 32 264.2 32 256c0-18.28 14.95-32 32-32c8.188 0 16.38 3.125 22.62 9.375L192 338.8l233.4-233.4C431.6 99.13 439.8 96 448 96C465.1 96 480 109.7 480 128z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 0px;
}
.dark .form-checkbox {
  display: inline-block;
  height: calc(var(--spacing) * 4);
  width: calc(var(--spacing) * 4);
  appearance: none;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border-color-secondary);
  background-color: var(--color-fill-tertiary);
  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: 100ms;
  transition-duration: 100ms;
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
  will-change: transform;
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='check' class='svg-inline--fa fa-check' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='white' d='M480 128c0 8.188-3.125 16.38-9.375 22.62l-256 256C208.4 412.9 200.2 416 192 416s-16.38-3.125-22.62-9.375l-128-128C35.13 272.4 32 264.2 32 256c0-18.28 14.95-32 32-32c8.188 0 16.38 3.125 22.62 9.375L192 338.8l233.4-233.4C431.6 99.13 439.8 96 448 96C465.1 96 480 109.7 480 128z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 0px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1) inset, 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset, 0px 0px 0px 1px rgba(0, 0, 0, 0.5);
}
.form-checkbox-sm {
  height: calc(var(--spacing) * 4);
  width: calc(var(--spacing) * 4);
  border-radius: var(--radius);
}
.form-checkbox-md {
  height: calc(var(--spacing) * 5);
  width: calc(var(--spacing) * 5);
  border-radius: var(--radius-md);
}
.form-checkbox--round {
  border-radius: calc(infinity * 1px);
}
.form-checkbox:active {
  --tw-scale-x: 110%;
  --tw-scale-y: 110%;
  --tw-scale-z: 110%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.form-checkbox:disabled {
  opacity: 25%;
}
.dark .form-checkbox:disabled {
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: var(--color-fill-tertiary);
  box-shadow: revert;
}
.form-checkbox:hover {
  background-color: var(--color-tertiary);
}
.form-checkbox:not(:disabled) {
  cursor: pointer;
}
.form-checkbox:checked {
  appearance: none;
  background-color: var(--color-accent-sky-primary);
  color: var(--color-white);
  --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);
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='check' class='svg-inline--fa fa-check' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='white' d='M480 128c0 8.188-3.125 16.38-9.375 22.62l-256 256C208.4 412.9 200.2 416 192 416s-16.38-3.125-22.62-9.375l-128-128C35.13 272.4 32 264.2 32 256c0-18.28 14.95-32 32-32c8.188 0 16.38 3.125 22.62 9.375L192 338.8l233.4-233.4C431.6 99.13 439.8 96 448 96C465.1 96 480 109.7 480 128z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 12px;
}
.dark .form-checkbox:checked {
  appearance: none;
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: var(--color-accent-sky-primary);
  color: var(--color-white);
  --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);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.5);
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='check' class='svg-inline--fa fa-check' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='white' d='M480 128c0 8.188-3.125 16.38-9.375 22.62l-256 256C208.4 412.9 200.2 416 192 416s-16.38-3.125-22.62-9.375l-128-128C35.13 272.4 32 264.2 32 256c0-18.28 14.95-32 32-32c8.188 0 16.38 3.125 22.62 9.375L192 338.8l233.4-233.4C431.6 99.13 439.8 96 448 96C465.1 96 480 109.7 480 128z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 12px;
}
.form-checkbox:indeterminate {
  appearance: none;
  background-color: var(--color-accent-sky-primary);
  color: var(--color-white);
  --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);
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='minus' class='svg-inline--fa fa-minus' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='white' d='M400 288h-352c-17.69 0-32-14.32-32-32.01s14.31-31.99 32-31.99h352c17.69 0 32 14.3 32 31.99S417.7 288 400 288z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 12px;
}
.form-radio-button {
  display: inline-block;
  height: calc(var(--spacing) * 4);
  width: calc(var(--spacing) * 4);
  flex-shrink: 0;
  flex-grow: 0;
  appearance: none;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-secondary);
  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: 100ms;
  transition-duration: 100ms;
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
  will-change: transform;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 1.0), 0px 0px 0px 1px var(--border-secondary) inset, 0px 1px 2px 0px rgba(0, 0, 0, 0.10) inset, 0px 0px 2px 0px rgba(0, 0, 0, 0.10) inset;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='white' d='M320 256C320 344.4 248.4 416 160 416C71.63 416 0 344.4 0 256C0 167.6 71.63 96 160 96C248.4 96 320 167.6 320 256z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 0px;
}
.form-radio-button-md {
  height: calc(var(--spacing) * 5);
  width: calc(var(--spacing) * 5);
}
.form-radio-button:active {
  --tw-scale-x: 110%;
  --tw-scale-y: 110%;
  --tw-scale-z: 110%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.form-radio-button:checked {
  appearance: none;
  background-color: var(--color-accent-sky-primary);
  color: var(--color-white);
  --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);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='white' d='M320 256C320 344.4 248.4 416 160 416C71.63 416 0 344.4 0 256C0 167.6 71.63 96 160 96C248.4 96 320 167.6 320 256z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 8px;
}
.form-radio-button:checked:active {
  --tw-scale-x: 100%;
  --tw-scale-y: 100%;
  --tw-scale-z: 100%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.form-radio-button-md:checked {
  background-size: 10px;
}
.form-radio-button:disabled {
  cursor: not-allowed;
  opacity: 25%;
}
.form-toggle {
  display: flex;
  height: calc(var(--spacing) * 5);
  cursor: pointer;
  appearance: none;
  align-items: center;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-fill-primary);
  padding: calc(var(--spacing) * 0.5);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
  will-change: transform;
  width: 34px;
}
.form-toggle:before {
  display: block;
  height: calc(var(--spacing) * 4);
  width: calc(var(--spacing) * 4);
  border-radius: calc(infinity * 1px);
  background-color: var(--color-white);
  --tw-shadow: 0px 1px 2px 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);
  content: '';
}
.form-toggle:disabled:not(:checked), .form-toggle:disabled:not(:checked):hover {
  background-color: var(--color-fill-tertiary);
}
.form-toggle:disabled:checked, .form-toggle:disabled:checked:hover {
  background-color: var(--color-accent-sky-surface-secondary);
}
.form-toggle:disabled:before {
  opacity: 70%;
  --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);
}
.form-toggle:checked {
  flex-direction: row-reverse;
  background-color: var(--color-accent-sky-primary);
}
.form-color-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  place-items: center;
  @media (width >= 48rem) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  @media (width >= 64rem) {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.form-color-grid > .form-color-grid-option {
  display: flex;
  height: 58px;
  width: 58px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.form-color-grid > .form-color-grid-option > .form-color-grid-option-swatch {
  height: calc(var(--spacing) * 12);
  width: calc(var(--spacing) * 12);
  cursor: pointer;
  border-radius: calc(infinity * 1px);
}
.form-color-grid > .form-color-grid-option > .form-color-grid-option-swatch: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);
  --tw-ring-color: var(--color-sky-200);
}
.form-color-grid > .form-color-grid-option.selected {
  border-style: var(--tw-border-style);
  border-width: 4px;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.form-color-grid > .form-color-grid-option.selected > .form-color-grid-option-swatch:hover {
  --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);
}
.field_with_errors {
  display: contents;
}
.hide-trix-button-row .trix-button-row {
  display: none;
}
trix-toolbar .trix-button-group {
  --tw-shadow: 0px 1px 2px 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);
  overflow: hidden;
  border-radius: 6px !important;
  margin-bottom: 8px !important;
  border: 1px solid rgba(163, 163, 163, 0.3) !important;
}
trix-toolbar .trix-button-group:not(:first-child) {
  margin-left: 8px !important;
}
.trix-button {
  opacity: 1 !important;
}
.trix-button.trix-button--icon {
  background: white;
  border-bottom: none !important;
  border-right: none !important;
  color: #404040 !important;
  height: 32px !important;
  width: 34px !important;
}
.trix-button.trix-button--icon:hover {
  background-color: var(--color-neutral-50);
}
.trix-button.trix-button--icon.trix-active {
  background-color: var(--color-orange-50);
  color: #404040 !important;
}
.trix-button.trix-button--icon[disabled] {
  cursor: not-allowed;
}
trix-toolbar .trix-button--icon:disabled::before {
  opacity: 0.25 !important;
}
.trix-button.trix-button--icon[disabled]:hover {
  background: white !important;
}
trix-toolbar .trix-button:not(:first-child) {
  border-left: 1px solid rgba(163, 163, 163, 0.1) !important;
}
trix-toolbar .trix-button--icon::before {
  opacity: 1 !important;
}
trix-toolbar .trix-button--icon-bold::before {
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='bold' class='svg-inline--fa fa-bold' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='currentColor' d='M303.8 241.7c2.084-1.838 4.41-3.307 6.385-5.303c22.72-22.91 35.03-53.31 34.72-85.59C344.3 85.31 290.4 32 224.9 32H24C10.75 32 0 42.75 0 56S10.75 80 24 80H48v352H24C10.75 432 0 442.8 0 456S10.75 480 24 480h216c70.59 0 128-57.41 128-128C368 304.8 341.1 263.9 303.8 241.7zM224.9 80c39.31 0 71.59 32 72 71.31c.1875 19.34-7.219 37.56-20.84 51.34C262.5 216.4 244.3 224 224.9 224H96V80H224.9zM240 432H96v-160h144c44.13 0 80 35.88 80 80.01S284.1 432 240 432z'%3E%3C/path%3E%3C/svg%3E") !important;
  background-size: 14px !important;
}
trix-toolbar .trix-button--icon-italic::before {
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='italic' class='svg-inline--fa fa-italic' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='currentColor' d='M384 56c0 13.25-10.75 24-24 24h-67.98l-146.9 352H232c13.25 0 24 10.75 24 24S245.3 480 232 480h-208C10.75 480 0 469.3 0 456s10.75-24 24-24h70.6l146.9-352H152C138.8 80 128 69.25 128 56S138.8 32 152 32h208C373.3 32 384 42.75 384 56z'%3E%3C/path%3E%3C/svg%3E") !important;
  background-size: 14px !important;
}
trix-toolbar .trix-button--icon-strike::before {
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='strikethrough' class='svg-inline--fa fa-strikethrough' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M488 239.9L287.2 240c-8.262-2.459-42.31-12.21-42.31-12.21C161.5 203.7 138.4 182.8 146.2 138.5c9.719-55.4 81.72-64.51 140.5-55.43c16.77 2.564 36.75 7.908 62.84 16.8c12.69 4.344 26.62-2.299 31.03-14.82c4.414-12.53-2.336-26.21-15.06-30.54c-28.93-9.861-51.58-15.86-71.29-18.89C189.7 19.57 110.9 57.61 98.15 130.3C88.41 185.7 113 218.8 146.5 240L24 239.9c-13.25 0-24 10.75-24 23.1s10.75 23.1 24 23.1h464c13.25 0 24-10.75 24-23.1S501.3 239.9 488 239.9zM361.7 336c5.1 10.26 6.734 22.25 4.059 37.47c-9.719 55.38-81.69 64.48-140.7 55.42c-25.89-3.83-56.08-14.53-82.72-23.97L128.6 400.1c-12.72-4.438-26.63 2.111-31.14 14.61c-4.494 12.5 2.16 26.22 14.85 30.64l13.47 4.75c28.76 10.19 61.36 21.75 91.86 26.27C233.6 478.8 249 480 263.7 480c81.09 0 139.3-36.74 150.1-98.34c3.047-17.35 2.619-32.35-.2246-45.66H361.7z'%3E%3C/path%3E%3C/svg%3E") !important;
  background-size: 20px !important;
}
trix-toolbar .trix-button--icon-link::before {
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='link-horizontal' class='svg-inline--fa fa-link-horizontal' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='currentColor' d='M144 304c-52.94 0-96-43.06-96-96s43.06-96 96-96h160c52.94 0 96 43.06 96 96s-43.06 96-96 96h-32c0 19.23 8.645 36.33 22.14 48H304c79.41 0 144-64.59 144-144S383.4 64 304 64h-160C64.59 64 0 128.6 0 208S64.59 352 144 352h23.45C163.1 336.6 160 320.7 160 304H144zM496 160h-23.45C476.9 175.4 480 191.3 480 208h16c52.94 0 96 43.06 96 96s-43.06 96-96 96h-160c-52.94 0-96-43.06-96-96s43.06-96 96-96h32c0-19.23-8.645-36.33-22.14-48H336C256.6 160 192 224.6 192 304S256.6 448 336 448h160c79.41 0 144-64.59 144-144S575.4 160 496 160z'%3E%3C/path%3E%3C/svg%3E") !important;
  background-size: 20px !important;
}
trix-toolbar .trix-button--icon-link::before {
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='link-horizontal' class='svg-inline--fa fa-link-horizontal' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='currentColor' d='M144 304c-52.94 0-96-43.06-96-96s43.06-96 96-96h160c52.94 0 96 43.06 96 96s-43.06 96-96 96h-32c0 19.23 8.645 36.33 22.14 48H304c79.41 0 144-64.59 144-144S383.4 64 304 64h-160C64.59 64 0 128.6 0 208S64.59 352 144 352h23.45C163.1 336.6 160 320.7 160 304H144zM496 160h-23.45C476.9 175.4 480 191.3 480 208h16c52.94 0 96 43.06 96 96s-43.06 96-96 96h-160c-52.94 0-96-43.06-96-96s43.06-96 96-96h32c0-19.23-8.645-36.33-22.14-48H336C256.6 160 192 224.6 192 304S256.6 448 336 448h160c79.41 0 144-64.59 144-144S575.4 160 496 160z'%3E%3C/path%3E%3C/svg%3E") !important;
  background-size: 20px !important;
}
.trix-button--icon-heading-1::before {
  background-size: 18px !important;
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='text-size' class='svg-inline--fa fa-text-size' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='currentColor' d='M320 248v48C320 309.3 330.8 320 344 320s24-10.75 24-24V272h88v160h-32c-13.25 0-24 10.75-24 24S410.8 480 424 480h112c13.25 0 24-10.75 24-24s-10.75-24-24-24h-32v-160h88v24c0 13.25 10.75 24 24 24S640 309.3 640 296v-48C640 234.8 629.3 224 616 224h-272C330.8 224 320 234.8 320 248zM0 56l0 80C0 149.3 10.75 160 24 160S48 149.3 48 136V80h120v352h-48C106.8 432 96 442.8 96 456S106.8 480 120 480h144C277.3 480 288 469.3 288 456S277.3 432 264 432h-48v-352h120v56C336 149.3 346.8 160 360 160S384 149.3 384 136v-80C384 42.75 373.3 32 360 32H24C10.75 32 0 42.75 0 56z'%3E%3C/path%3E%3C/svg%3E") !important;
}
.trix-button--icon-quote::before {
  background-size: 18px !important;
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='quote-right' class='svg-inline--fa fa-quote-right' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='currentColor' d='M96 96C42.98 96 0 138.1 0 192s42.98 96 96 96c11.28 0 21.95-2.305 32-5.879V288c0 35.3-28.7 64-64 64c-17.67 0-32 14.33-32 32s14.33 32 32 32c70.58 0 128-57.42 128-128V192C192 138.1 149 96 96 96zM448 192c0-53.02-42.98-96-96-96s-96 42.98-96 96s42.98 96 96 96c11.28 0 21.95-2.305 32-5.879V288c0 35.3-28.7 64-64 64c-17.67 0-32 14.33-32 32s14.33 32 32 32c70.58 0 128-57.42 128-128V192z'%3E%3C/path%3E%3C/svg%3E") !important;
}
.trix-button--icon-code::before {
  background-size: 18px !important;
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='code' class='svg-inline--fa fa-code' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='currentColor' d='M169.5 119.6C160.5 109.9 145.3 109.4 135.6 118.5l-128 120C2.75 243 0 249.4 0 256S2.75 268.1 7.594 273.5l128 120C140.2 397.8 146.1 400 151.1 400c6.406 0 12.79-2.531 17.51-7.594c9.062-9.656 8.594-24.84-1.094-33.91L59.09 256l109.3-102.5C178.1 144.4 178.6 129.3 169.5 119.6zM390.4 .875c-12.81-3.531-25.97 3.969-29.5 16.75l-128 464c-3.531 12.78 3.969 26 16.75 29.5C251.8 511.7 253.9 512 256 512c10.53 0 20.19-6.969 23.12-17.62l128-464C410.7 17.59 403.2 4.375 390.4 .875zM632.4 238.5l-128-120c-9.656-9.062-24.88-8.594-33.91 1.094c-9.062 9.656-8.594 24.84 1.094 33.91L580.9 256l-109.3 102.5c-9.688 9.062-10.16 24.25-1.094 33.91C475.2 397.5 481.6 400 488 400c5.875 0 11.77-2.156 16.4-6.5l128-120C637.3 268.1 640 262.6 640 256S637.3 243 632.4 238.5z'%3E%3C/path%3E%3C/svg%3E") !important;
}
.trix-button--icon-bullet-list::before {
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='list-ul' class='svg-inline--fa fa-list-ul' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M64 64C81.67 64 96 78.33 96 96C96 113.7 81.67 128 64 128C46.33 128 32 113.7 32 96C32 78.33 46.33 64 64 64zM488 72C501.3 72 512 82.75 512 96C512 109.3 501.3 120 488 120H184C170.7 120 160 109.3 160 96C160 82.75 170.7 72 184 72H488zM488 232C501.3 232 512 242.7 512 256C512 269.3 501.3 280 488 280H184C170.7 280 160 269.3 160 256C160 242.7 170.7 232 184 232H488zM488 392C501.3 392 512 402.7 512 416C512 429.3 501.3 440 488 440H184C170.7 440 160 429.3 160 416C160 402.7 170.7 392 184 392H488zM64 288C46.33 288 32 273.7 32 256C32 238.3 46.33 224 64 224C81.67 224 96 238.3 96 256C96 273.7 81.67 288 64 288zM64 384C81.67 384 96 398.3 96 416C96 433.7 81.67 448 64 448C46.33 448 32 433.7 32 416C32 398.3 46.33 384 64 384z'%3E%3C/path%3E%3C/svg%3E") !important;
  background-size: 18px !important;
}
.trix-button--icon-number-list::before {
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='list-ol' class='svg-inline--fa fa-list-ol' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='currentColor' d='M55.1 56.04C55.1 42.78 66.74 32.04 79.1 32.04H111.1C125.3 32.04 135.1 42.78 135.1 56.04V176H151.1C165.3 176 175.1 186.8 175.1 200C175.1 213.3 165.3 224 151.1 224H71.1C58.74 224 47.1 213.3 47.1 200C47.1 186.8 58.74 176 71.1 176H87.1V80.04H79.1C66.74 80.04 55.1 69.29 55.1 56.04V56.04zM118.7 341.2C112.1 333.8 100.4 334.3 94.65 342.4L83.53 357.9C75.83 368.7 60.84 371.2 50.05 363.5C39.26 355.8 36.77 340.8 44.47 330.1L55.59 314.5C79.33 281.2 127.9 278.8 154.8 309.6C176.1 333.1 175.6 370.5 153.7 394.3L118.8 432H152C165.3 432 176 442.7 176 456C176 469.3 165.3 480 152 480H64C54.47 480 45.84 474.4 42.02 465.6C38.19 456.9 39.9 446.7 46.36 439.7L118.4 361.7C123.7 355.9 123.8 347.1 118.7 341.2L118.7 341.2zM520 72C533.3 72 544 82.75 544 96C544 109.3 533.3 120 520 120H248C234.7 120 224 109.3 224 96C224 82.75 234.7 72 248 72H520zM520 232C533.3 232 544 242.7 544 256C544 269.3 533.3 280 520 280H248C234.7 280 224 269.3 224 256C224 242.7 234.7 232 248 232H520zM520 392C533.3 392 544 402.7 544 416C544 429.3 533.3 440 520 440H248C234.7 440 224 429.3 224 416C224 402.7 234.7 392 248 392H520z'%3E%3C/path%3E%3C/svg%3E") !important;
  background-size: 18px !important;
}
.trix-button--icon-decrease-nesting-level::before {
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='indent' class='svg-inline--fa fa-indent' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='currentColor' d='M0 64C0 50.75 10.75 40 24 40H424C437.3 40 448 50.75 448 64C448 77.25 437.3 88 424 88H24C10.75 88 0 77.25 0 64zM192 192C192 178.7 202.7 168 216 168H424C437.3 168 448 178.7 448 192C448 205.3 437.3 216 424 216H216C202.7 216 192 205.3 192 192zM424 296C437.3 296 448 306.7 448 320C448 333.3 437.3 344 424 344H216C202.7 344 192 333.3 192 320C192 306.7 202.7 296 216 296H424zM0 448C0 434.7 10.75 424 24 424H424C437.3 424 448 434.7 448 448C448 461.3 437.3 472 424 472H24C10.75 472 0 461.3 0 448zM26.17 346.4C15.73 355 0 347.6 0 334.1V177.9C0 164.4 15.73 156.1 26.17 165.6L121 243.6C128.8 250 128.8 261.1 121 268.4L26.17 346.4z'%3E%3C/path%3E%3C/svg%3E") !important;
  background-size: 18px !important;
}
.trix-button--icon-increase-nesting-level::before {
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='outdent' class='svg-inline--fa fa-outdent' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M32 64C32 50.75 42.75 40 56 40H456C469.3 40 480 50.75 480 64C480 77.25 469.3 88 456 88H56C42.75 88 32 77.25 32 64zM224 192C224 178.7 234.7 168 248 168H456C469.3 168 480 178.7 480 192C480 205.3 469.3 216 456 216H248C234.7 216 224 205.3 224 192zM456 296C469.3 296 480 306.7 480 320C480 333.3 469.3 344 456 344H248C234.7 344 224 333.3 224 320C224 306.7 234.7 296 248 296H456zM32 448C32 434.7 42.75 424 56 424H456C469.3 424 480 434.7 480 448C480 461.3 469.3 472 456 472H56C42.75 472 32 461.3 32 448zM38.1 268.4C31.23 261.1 31.23 250 38.1 243.6L133.8 165.6C144.3 156.1 159.1 164.4 159.1 177.9V334.1C159.1 347.6 144.3 355 133.8 346.4L38.1 268.4z'%3E%3C/path%3E%3C/svg%3E") !important;
  background-size: 18px !important;
}
.trix-button--icon-attach::before {
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='paperclip-vertical' class='svg-inline--fa fa-paperclip-vertical' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='currentColor' d='M192 512c-79.41 0-144-64.59-144-144V108C48 48.45 96.45 0 156 0s108 48.45 108 108v236c0 39.7-32.3 72-72 72s-72-32.3-72-72v-192C120 138.8 130.8 128 144 128s24 10.75 24 24v192c0 13.23 10.77 24 24 24s24-10.77 24-24V108c0-33.08-26.92-60-60-60S96 74.92 96 108V368c0 52.94 43.06 96 96 96s96-43.06 96-96V152C288 138.8 298.8 128 312 128s24 10.75 24 24v216C336 447.4 271.4 512 192 512z'%3E%3C/path%3E%3C/svg%3E") !important;
  background-size: 14px !important;
}
.trix-button--icon-undo::before {
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='rotate-left' class='svg-inline--fa fa-rotate-left' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M30.81 49.81c8.969-3.656 19.28-1.656 26.16 5.219l41.1 41.1c41.07-40.38 97.11-64.92 157.1-64.92C379.6 32.11 480 132.5 480 256s-100.4 223.9-223.9 223.9c-52.31 0-103.3-18.33-143.5-51.77c-10.19-8.5-11.56-23.62-3.062-33.81c8.531-10.22 23.62-11.56 33.81-3.062C174.9 417.5 214.9 432 256 432c97.03 0 176-78.97 176-176S353 80 256 80c-47.08 0-90.93 19.29-123.2 50.89l52.14 52.14c6.875 6.875 8.906 17.19 5.219 26.16C186.5 218.2 177.7 224 168 224h-128C26.75 224 16 213.3 16 200v-128C16 62.28 21.84 53.53 30.81 49.81z'%3E%3C/path%3E%3C/svg%3E") !important;
  background-size: 18px !important;
}
.trix-button--icon-redo::before {
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='rotate-right' class='svg-inline--fa fa-rotate-right' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M496 72v128C496 213.3 485.3 224 472 224h-128c-13.19 0-24-10.66-24-23.98c0-6.247 2.432-12.39 7.033-16.99L379.2 130.9C346.9 99.29 303.1 80 256 80C158.1 80 80 158.1 80 256s78.97 176 176 176c81.21 0 107.1-46.34 127.1-46.34c10.18 0 24.02 8.003 24.02 24.01c0 25.11-75.1 70.27-152.1 70.27c-123.5 0-223.9-100.4-223.9-223.9s100.4-223.1 223.9-223.1c60.03 0 116 24.58 157.1 64.95l41.1-41.1c4.601-4.601 10.74-7.019 16.99-7.019C485.4 48.01 496 58.83 496 72z'%3E%3C/path%3E%3C/svg%3E") !important;
  background-size: 18px !important;
}
.attachment.attachment--content {
  display: inline-flex;
}
.big-radio-group {
  display: flex;
  width: 100%;
  gap: calc(var(--spacing) * 3);
}
.big-radio-group--vertical {
  width: calc(var(--spacing) * 60);
  flex-direction: column;
}
.big-radio-group label {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 1);
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: transparent;
  background-color: var(--color-white);
  padding-block: calc(var(--spacing) * 1.5);
  color: var(--color-neutral-700);
  box-shadow: 0 0 0 1px rgba(163, 163, 163, 0.3);
}
.big-radio-group label:hover {
  box-shadow: 0 0 0 1px rgba(163, 163, 163, 0.5);
}
.big-radio-group input[type="radio"]:disabled ~ label {
  cursor: not-allowed;
  opacity: 25%;
}
.big-radio-group input[type="radio"]:checked ~ label {
  box-shadow: none;
  border-color: var(--color-orange-600);
  color: var(--color-orange-600);
}
.ce-block__content, .ce-toolbar__content {
  max-width: 100%;
  color: var(--color-label-primary);
}
.codex-editor__redactor {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 4);
}
.ce-toolbar__plus, .ce-toolbar__settings-btn {
  color: var(--color-label-secondary);
}
.ce-toolbar__plus {
  margin-right: calc(var(--spacing) * 1);
  height: calc(var(--spacing) * 8);
  width: calc(var(--spacing) * 8);
  border-radius: var(--radius-xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: color-mix(in srgb, oklch(0% 0 0 / 1.0) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
  }
  background-color: var(--color-tertiary);
  --tw-shadow: 0px 4px 12px var(--tw-shadow-color, rgba(0, 0, 0, 0.03)), 0px 7px 25px var(--tw-shadow-color, rgba(0, 0, 0, 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);
}
.ce-toolbar__plus:hover {
  background-color: var(--color-tertiary);
}
.ce-toolbar__settings-btn {
  height: calc(var(--spacing) * 8);
}
.ce-toolbar__settings-btn:hover {
  background-color: var(--color-tertiary);
}
.ce-toolbar__actions {
  top: calc(var(--spacing) * -0.5);
}
.ce-popover {
  border-radius: var(--radius-xl);
  border-color: color-mix(in srgb, oklch(0% 0 0 / 1.0) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
  }
  --tw-shadow: 0px 8px 24px 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);
}
.ce-popover--opened > .ce-popover__container {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border-color-secondary);
  background-color: var(--color-tertiary);
}
.ce-popover--opened {
  padding: calc(var(--spacing) * 1);
}
.ce-popover-item {
  height: calc(var(--spacing) * 8);
  border-radius: var(--radius-lg);
  padding-inline: calc(var(--spacing) * 2.5);
  color: var(--color-label-primary);
}
.ce-popover-item > .ce-popover-item__icon, .ce-popover-item > .ce-popover-item__title {
  color: var(--color-label-primary);
}
.ce-popover-item:hover:not(.ce-popover-item--no-hover) {
  background-color: var(--color-fill-quaternary);
}
.ce-popover-item--confirmation {
  background-color: var(--color-red-200);
}
.ce-popover-item--confirmation .ce-popover-item__icon {
  color: var(--color-red-200);
}
.ce-popover-item--confirmation .ce-popover-item__title {
  color: var(--color-red-900);
}
.ce-popover-item--confirmation:not(.ce-popover-item--no-hover):hover {
  background-color: var(--color-red-500);
}
.ce-popover-item--confirmation:not(.ce-popover-item--no-hover):hover .ce-popover-item__title {
  color: var(--color-white);
}
.ce-popover-item--confirmation:not(.ce-popover-item--no-hover):hover .ce-popover-item__icon {
  color: var(--color-red-500);
}
.ce-popover-item--active {
  background-color: color-mix(in srgb, oklch(0% 0 0 / 1.0) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
  }
}
.ce-popover-item__title {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-neutral-900);
}
.ce-popover-item__icon {
  margin-right: calc(var(--spacing) * 2);
  background-color: transparent;
  color: var(--color-neutral-500);
  --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);
}
.ce-popover-item__icon svg {
  height: calc(var(--spacing) * 6);
  width: calc(var(--spacing) * 6);
}
.cdx-block {
  padding-block: calc(var(--spacing) * 0);
}
.cdx-search-field {
  display: none;
}
.image-tool__caption {
  display: none;
}
.ce-block__content {
  margin-inline: calc(var(--spacing) * -1);
  padding-inline: calc(var(--spacing) * 1);
}
.ce-block--selected .ce-block__content {
  border-radius: var(--radius);
  background-color: var(--color-sky-50);
}
.ce-block__content h1 {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.ce-block__content h2 {
  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);
}
.ce-block__content h3 {
  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);
}
.ce-block__content h4 {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.ce-block__content .ce-header {
  padding-block: calc(var(--spacing) * 0);
}
.ce-block__content .ce-delimiter::before {
  height: 1px;
  width: 100%;
  --tw-translate-y: -1rem;
  translate: var(--tw-translate-x) var(--tw-translate-y);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: inherit;
  padding-block: calc(var(--spacing) * 4);
  content: "";
}
.ce-block__content img {
  border-radius: var(--radius-md);
}
.ce-block__content a {
  color: var(--color-sky-500);
}
.ce-block__content .ce-paragraph {
  --tw-leading: calc(var(--spacing) * 6);
  line-height: calc(var(--spacing) * 6);
}
.ce-block__content .ce-paragraph::selection, .ce-block__content .ce-header::selection {
  background-color: var(--color-sky-500);
  color: var(--color-white);
}
.codex-editor--empty .ce-block:first-child .ce-paragraph[data-placeholder]:empty::before {
  opacity: 0%;
}
.codex-editor--empty .ce-block:first-child .ce-paragraph[data-placeholder]:empty:focus::before {
  opacity: 100%;
}
.ce-block__content .ce-header[data-placeholder]::before {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-neutral-400);
}
.ce-block__content .ce-paragraph[data-placeholder]:empty::before {
  color: var(--color-neutral-400);
  opacity: 0%;
}
.ce-block__content .ce-paragraph[data-placeholder]:focus:empty::before, .ce-block--focused .ce-block__content .ce-paragraph[data-placeholder]:empty::before {
  opacity: 100%;
}
.employee-profile__text {
  min-height: 1.5em;
  color: var(--color-label-primary);
}
.employee-profile__text a {
  color: var(--color-sky-500);
}
.employee-profile__text a:hover {
  text-decoration-line: underline;
}
.employee-profile__image {
  border-radius: var(--radius-md);
}
.employee-profile__delimiter {
  margin-block: calc(var(--spacing) * 2);
}
.employee-profile__header {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-label-primary);
}
h1.employee-profile__header {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
}
h2.employee-profile__header {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
}
h3.employee-profile__header {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
h4.employee-profile__header {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
.phases-container {
  overflow: hidden;
  width: 390px;
  height: 100px;
}
.phases-sun {
  height: calc(var(--spacing) * 16);
  width: calc(var(--spacing) * 16);
  border-radius: calc(infinity * 1px);
}
@media (prefers-color-scheme: light) {
  .phases-gradient {
    position: absolute;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-rose-100);
    opacity: 50%;
    --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,);
    margin-left: -155px;
    margin-top: -109px;
    width: 400px;
    height: 400px;
    pointer-events: none;
  }
}
@media (prefers-color-scheme: dark) {
  .phases-gradient {
    position: absolute;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-rose-900);
    opacity: 20%;
    --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,);
    margin-left: -155px;
    margin-top: -109px;
    width: 400px;
    height: 400px;
    pointer-events: none;
  }
}
@font-face {
  font-family: InterVariable;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/assets/InterVariable-4775f4a2a7259007a92b8d2af86cbec577f7353bcb0e68ee89330adb8ad6d5e6.woff2) format("woff2");
}
@font-face {
  font-family: InterVariable;
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(/assets/InterVariable-Italic-b47f05601024f1989191f30004286086922f9ad98d1e1cf8fad75db9f6e08512.woff2) format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/Inter-Thin.woff2) format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(/Inter-ThinItalic.woff2) format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/Inter-ExtraLight.woff2) format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(/Inter-ExtraLightItalic.woff2) format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/Inter-Light.woff2) format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/Inter-LightItalic.woff2) format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/Inter-Regular.woff2) format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/Inter-Italic.woff2) format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/Inter-Medium.woff2) format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/Inter-MediumItalic.woff2) format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/Inter-SemiBold.woff2) format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/Inter-SemiBoldItalic.woff2) format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/Inter-Bold.woff2) format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/Inter-BoldItalic.woff2) format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/Inter-ExtraBold.woff2) format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(/Inter-ExtraBoldItalic.woff2) format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/Inter-Black.woff2) format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(/Inter-BlackItalic.woff2) format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/InterDisplay-Thin.woff2) format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(/InterDisplay-ThinItalic.woff2) format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/InterDisplay-ExtraLight.woff2) format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(/InterDisplay-ExtraLightItalic.woff2) format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/InterDisplay-Light.woff2) format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/InterDisplay-LightItalic.woff2) format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/InterDisplay-Regular.woff2) format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/InterDisplay-Italic.woff2) format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/InterDisplay-Medium.woff2) format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/InterDisplay-MediumItalic.woff2) format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/InterDisplay-SemiBold.woff2) format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/InterDisplay-SemiBoldItalic.woff2) format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/InterDisplay-Bold.woff2) format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/InterDisplay-BoldItalic.woff2) format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/InterDisplay-ExtraBold.woff2) format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(/InterDisplay-ExtraBoldItalic.woff2) format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/InterDisplay-Black.woff2) format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(/InterDisplay-BlackItalic.woff2) format("woff2");
}
.toast {
  z-index: 9999;
  display: inline-flex;
  height: calc(var(--spacing) * 12);
  animation: var(--animate-fade);
  align-items: center;
  border-radius: var(--radius-3xl);
  padding-inline: calc(var(--spacing) * 4);
  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: 0px 8px 24px 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);
}
.toast-danger {
  background-color: var(--color-red-600);
}
.toast-neutral {
  background-color: var(--color-stone-800);
  color: var(--color-white);
}
.dark .toast-neutral {
  background-color: var(--color-zinc-700);
  color: var(--color-label-primary);
}
.command-menu-item {
  display: flex;
  height: calc(var(--spacing) * 12);
  align-items: center;
  justify-content: space-between;
  border-radius: var(--radius-2xl);
  padding-inline: calc(var(--spacing) * 3);
  --tw-font-weight: var(--font-weight-normal) !important;
  font-weight: var(--font-weight-normal) !important;
}
.command-menu-item.active {
  background-color: color-mix(in srgb, oklch(0% 0 0 / 1.0) 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
  }
}
button.command-menu-item {
  text-align: left;
}
.resizable-textarea {
  display: grid;
}
.resizable-textarea::after {
  content: attr(data-replicated-value) " ";
  white-space: pre-wrap;
  visibility: hidden;
}
.resizable-textarea > textarea {
  resize: none;
  outline: 2px solid transparent;
  outline-offset: 2px;
  overflow: hidden;
}
.resizable-textarea > textarea, .resizable-textarea::after {
  grid-area: 1 / 1 / 2 / 2;
}
.rangeslider {
  visibility: hidden;
  position: relative;
  display: block;
  height: calc(var(--spacing) * 5);
  width: 100%;
  cursor: pointer;
}
input[type="range"]:focus+.rangeslider .rangeslider__handle {
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
}
.rangeslider__fill, .rangeslider__fill__bg {
  position: absolute;
  top: calc(1/2 * 100%);
  display: block;
  height: calc(var(--spacing) * 2);
  --tw-translate-y: calc(var(--spacing) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  border-radius: calc(infinity * 1px);
}
.rangeslider__handle {
  position: absolute;
  height: calc(var(--spacing) * 5);
  width: calc(var(--spacing) * 5);
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border-color-secondary);
  background-color: var(--color-neutral-50);
  --tw-shadow: 0px 1px 2px 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);
}
.rangeslider__handle:hover {
  box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.5);
}
.rangeslider__fill__bg {
  width: 100%;
  background-color: var(--color-fill-tertiary);
}
.rangeslider__fill {
  background-color: var(--color-accent-red-primary);
  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));
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.rangeslider--disabled {
  opacity: 0.4;
}
.color-overlay {
  position: relative;
  overflow: hidden;
}
.color-overlay::after {
  content: '';
  position: absolute;
  pointer-events: none;
  display: block;
  border-radius: 50%;
  background: conic-gradient(from 180deg at 50% 50%, #ff0200 -9.93deg, #ff0000 4.09deg, #ffa800 40.28deg, #ebff00 73.38deg, #24ff00 116.22deg, #00f0ff 150.26deg, #00fff0 183.69deg, #0066ff 224.55deg, #ad00ff 268.49deg, #ff00a8 310.68deg, #ff0200 350.07deg, #ff0000 364.09deg);
  filter: saturate(2) blur(10px);
  top: 0px;
  left: 0px;
  width: 100%;
  height: 150%;
  opacity: 0;
  transition: opacity .15s ease-in-out;
  will-change: filter;
  mix-blend-mode: overlay;
  z-index: 0;
}
.color-overlay:hover::after {
  opacity: .75;
  animation: var(--animate-spinMedium);
}
.org-chart-card__parent-link:before {
  position: absolute;
  left: calc(50% - 1px);
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
  border-color: var(--border-color-secondary);
  --tw-content: '';
  content: var(--tw-content);
}
.org-chart-card__parent-link-middle:before {
  top: -25px;
  height: 25px;
}
.org-chart-card__parent-link-middle-single:before {
  top: -26px;
  height: 26px;
}
.org-chart-card__parent-link-first:before {
  top: -26px;
  height: 26px;
  width: calc(50% + 21px);
  border-top-left-radius: 25px;
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
.org-chart-card__parent-link-last:before {
  top: -26px;
  right: calc(50% - 1px);
  left: unset;
  height: 26px;
  width: calc(50% + 21px);
  border-top-right-radius: 25px;
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-left-style: var(--tw-border-style);
  border-left-width: 0px;
}
.org-chart-card__parent-link-top-line:after {
  position: absolute;
  top: -26px;
  left: calc(var(--spacing) * -5);
  height: 1px;
  width: calc(100% + 40px);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--border-color-secondary);
  --tw-content: '';
  content: var(--tw-content);
}
:root {
  --rx-font-ui: -apple-system,BlinkMacSystemFont,"San Francisco","Segoe UI",Roboto,"Helvetica Neue",sans-serif;
  --rx-font-ui-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --rx-rounded-sm: 3px;
  --rx-rounded-md: 6px;
  --rx-rounded-lg: 9px;
  --rx-rounded-xl: 12px;
  --rx-rounded-circle: 99px;
  --rx-level-control: 3;
  --rx-level-toolbar: 4;
  --rx-level-tooltip: 99;
  --rx-level-popup: 100;
  --rx-outset-md: 28px;
  --rx-toolbar-height: 38px;
  --rx-toolbar-padding: 2px;
  --rx-toolbar-button-width: 34px;
  --rx-toolbar-button-height: 34px;
  --rx-toolbar-icon-size: 20px;
  --rx-fg-heading: #111112;
  --rx-fg-text: rgba(17, 17, 18, 0.9);
  --rx-fg-subtle: rgba(17, 17, 18, 0.6);
  --rx-fg-placeholder: rgba(17, 17, 18, 0.5);
  --rx-bg-body: #ffffff;
  --rx-bg-source: #232324;
  --rx-bg-input: #ffffff;
  --rx-bg-input-shaded: rgba(17, 17, 18, 0.03);
  --rx-bg-input-disabled: rgba(17, 17, 18, 0.03);
  --rx-bg-base: #ffffff;
  --rx-bg-toolbar: rgba(255, 255, 255, 0.97);
  --rx-bg-toolbar-raised: rgba(255, 255, 255, 0.97);
  --rx-bg-raised: #ffffff;
  --rx-bg-overlay: #ffffff;
  --rx-bg-control: #ffffff;
  --rx-bg-control-inverted: #19191A;
  --rx-bg-aluminum: #F1F1F1;
  --rx-bg-silver: #E6E6E6;
  --rx-bg-platinum: #CCCCCC;
  --rx-border-input: rgba(17, 17, 18, 0.15);
  --rx-border-focus: #73AEFF;
  --rx-fg-dark-accent: #111112;
  --rx-fg-dark-text: rgba(17, 17, 18, 0.8);
  --rx-fg-dark-subtle: rgba(17, 17, 18, 0.6);
  --rx-fg-dark-minimal: rgba(17, 17, 18, 0.5);
  --rx-fg-dark-dimmed: rgba(17, 17, 18, 0.4);
  --rx-bg-dark-dimmed: rgba(17, 17, 18, 0.03);
  --rx-bg-dark-minimal: rgba(17, 17, 18, 0.05);
  --rx-bg-dark-subtle: rgba(17, 17, 18, 0.07);
  --rx-bg-dark-medium: rgba(17, 17, 18, 0.1);
  --rx-bg-dark-strong: rgba(17, 17, 18, 0.2);
  --rx-bg-dark-emphasis: rgba(17, 17, 18, 0.25);
  --rx-bg-dark-accent: #111112;
  --rx-bg-dark-accent-hover: rgba(17, 17, 18, 0.8);
  --rx-border-dark-dimmed: rgba(17, 17, 18, 0.05);
  --rx-border-dark-minimal: rgba(17, 17, 18, 0.07);
  --rx-border-dark-subtle: rgba(17, 17, 18, 0.1);
  --rx-border-dark-medium: rgba(17, 17, 18, 0.15);
  --rx-border-dark-strong: rgba(17, 17, 18, 0.2);
  --rx-border-dark-emphasis: rgba(17, 17, 18, 0.3);
  --rx-border-dark-accent: #111112;
  --rx-fg-light-accent: #ffffff;
  --rx-fg-light-text: rgba(255, 255, 255, 0.8);
  --rx-fg-light-subtle: rgba(255, 255, 255, 0.6);
  --rx-fg-light-minimal: rgba(255, 255, 255, 0.5);
  --rx-fg-light-dimmed: rgba(255, 255, 255, 0.4);
  --rx-bg-light-dimmed: rgba(255, 255, 255, 0.03);
  --rx-bg-light-minimal: rgba(255, 255, 255, 0.05);
  --rx-bg-light-subtle: rgba(255, 255, 255, 0.07);
  --rx-bg-light-medium: rgba(255, 255, 255, 0.1);
  --rx-bg-light-strong: rgba(255, 255, 255, 0.2);
  --rx-bg-light-emphasis: rgba(255, 255, 255, 0.25);
  --rx-bg-light-accent: #ffffff;
  --rx-bg-light-accent-hover: rgba(255, 255, 255, 0.8);
  --rx-border-light-dimmed: rgba(255, 255, 255, 0.05);
  --rx-border-light-minimal: rgba(255, 255, 255, 0.07);
  --rx-border-light-subtle: rgba(255, 255, 255, 0.1);
  --rx-border-light-medium: rgba(255, 255, 255, 0.15);
  --rx-border-light-strong: rgba(255, 255, 255, 0.2);
  --rx-border-light-emphasis: rgba(255, 255, 255, 0.3);
  --rx-border-light-accent: #ffffff;
  --rx-fg-black-accent: #111112;
  --rx-fg-black-text: rgba(17, 17, 18, 0.8);
  --rx-fg-black-subtle: rgba(17, 17, 18, 0.6);
  --rx-fg-black-minimal: rgba(17, 17, 18, 0.5);
  --rx-fg-black-dimmed: rgba(17, 17, 18, 0.4);
  --rx-bg-black-dimmed: rgba(17, 17, 18, 0.03);
  --rx-bg-black-minimal: rgba(17, 17, 18, 0.05);
  --rx-bg-black-subtle: rgba(17, 17, 18, 0.07);
  --rx-bg-black-medium: rgba(17, 17, 18, 0.1);
  --rx-bg-black-strong: rgba(17, 17, 18, 0.2);
  --rx-bg-black-emphasis: rgba(17, 17, 18, 0.25);
  --rx-bg-black-accent: #111112;
  --rx-bg-black-accent-hover: rgba(17, 17, 18, 0.8);
  --rx-border-black-dimmed: rgba(17, 17, 18, 0.05);
  --rx-border-black-minimal: rgba(17, 17, 18, 0.07);
  --rx-border-black-subtle: rgba(17, 17, 18, 0.1);
  --rx-border-black-medium: rgba(17, 17, 18, 0.15);
  --rx-border-black-strong: rgba(17, 17, 18, 0.2);
  --rx-border-black-emphasis: rgba(17, 17, 18, 0.3);
  --rx-border-black-accent: #111112;
  --rx-fg-white-accent: #ffffff;
  --rx-fg-white-text: rgba(255, 255, 255, 0.8);
  --rx-fg-white-subtle: rgba(255, 255, 255, 0.6);
  --rx-fg-white-minimal: rgba(255, 255, 255, 0.5);
  --rx-fg-white-dimmed: rgba(255, 255, 255, 0.4);
  --rx-bg-white-dimmed: rgba(255, 255, 255, 0.03);
  --rx-bg-white-minimal: rgba(255, 255, 255, 0.05);
  --rx-bg-white-subtle: rgba(255, 255, 255, 0.07);
  --rx-bg-white-medium: rgba(255, 255, 255, 0.1);
  --rx-bg-white-strong: rgba(255, 255, 255, 0.2);
  --rx-bg-white-emphasis: rgba(255, 255, 255, 0.25);
  --rx-bg-white-accent: #ffffff;
  --rx-bg-white-accent-hover: rgba(255, 255, 255, 0.8);
  --rx-border-white-dimmed: rgba(255, 255, 255, 0.05);
  --rx-border-white-minimal: rgba(255, 255, 255, 0.07);
  --rx-border-white-subtle: rgba(255, 255, 255, 0.1);
  --rx-border-white-medium: rgba(255, 255, 255, 0.15);
  --rx-border-white-strong: rgba(255, 255, 255, 0.2);
  --rx-border-white-emphasis: rgba(255, 255, 255, 0.3);
  --rx-border-white-accent: #ffffff;
  --rx-fg-primary-accent: #046BFB;
  --rx-fg-primary-static: #046BFB;
  --rx-bg-primary-dimmed: rgba(115, 174, 255, 0.05);
  --rx-bg-primary-minimal: rgba(115, 174, 255, 0.1);
  --rx-bg-primary-subtle: rgba(115, 174, 255, 0.15);
  --rx-bg-primary-medium: rgba(115, 174, 255, 0.25);
  --rx-bg-primary-strong: rgba(115, 174, 255, 0.35);
  --rx-bg-primary-emphasis: rgba(115, 174, 255, 0.45);
  --rx-bg-primary-accent: #046BFB;
  --rx-bg-primary-accent-hover: rgba(4, 107, 251, 0.8);
  --rx-bg-primary-static: #046BFB;
  --rx-border-primary-dimmed: rgba(115, 174, 255, 0.1);
  --rx-border-primary-minimal: rgba(115, 174, 255, 0.15);
  --rx-border-primary-subtle: rgba(115, 174, 255, 0.25);
  --rx-border-primary-medium: rgba(115, 174, 255, 0.35);
  --rx-border-primary-strong: rgba(115, 174, 255, 0.6);
  --rx-border-primary-emphasis: rgba(115, 174, 255, 0.8);
  --rx-border-primary-accent: #046BFB;
  --rx-border-primary-static: #046BFB;
  --rx-fg-negative-accent: #DD0548;
  --rx-fg-negative-static: #DD0548;
  --rx-fg-negative-light: #FF6393;
  --rx-bg-negative-dimmed: rgba(255, 99, 147, 0.05);
  --rx-bg-negative-minimal: rgba(255, 99, 147, 0.1);
  --rx-bg-negative-subtle: rgba(255, 99, 147, 0.15);
  --rx-bg-negative-medium: rgba(255, 99, 147, 0.25);
  --rx-bg-negative-strong: rgba(255, 99, 147, 0.35);
  --rx-bg-negative-emphasis: rgba(255, 99, 147, 0.45);
  --rx-bg-negative-accent: #DD0548;
  --rx-bg-negative-accent-hover: rgba(221, 5, 72, 0.8);
  --rx-bg-negative-static: #DD0548;
  --rx-border-negative-dimmed: rgba(255, 99, 147, 0.1);
  --rx-border-negative-minimal: rgba(255, 99, 147, 0.15);
  --rx-border-negative-subtle: rgba(255, 99, 147, 0.25);
  --rx-border-negative-medium: rgba(255, 99, 147, 0.35);
  --rx-border-negative-strong: rgba(255, 99, 147, 0.6);
  --rx-border-negative-emphasis: rgba(255, 99, 147, 0.8);
  --rx-border-negative-accent: #DD0548;
  --rx-border-negative-static: #DD0548;
  --rx-link-color: #046BFB;
  --rx-link-hover-color: #111112;
  --rx-link-dark-color: #111112;
  --rx-link-dark-hover-color: rgba(17, 17, 18, 0.6);
  --rx-link-dark-subtle-color: rgba(17, 17, 18, 0.6);
  --rx-link-dark-subtle-hover-color: #111112;
  --rx-shadow-modal: 0 0 1px rgba(17, 17, 18, 0.25),0 5px 10px rgba(17, 17, 18, 0.05),0 10px 20px rgba(17, 17, 18, 0.05),0 20px 40px rgba(17, 17, 18, 0.05),0 40px 80px rgba(17, 17, 18, 0.05);
  --rx-shadow-dropdown: 0 0 1px rgba(17, 17, 18, 0.25),0 1px 2px rgba(17, 17, 18, 0.05),0 3px 6px rgba(17, 17, 18, 0.05),0 2px 4px rgba(17, 17, 18, 0.05),0 10px 20px rgba(17, 17, 18, 0.05);
  --rx-shadow-toolbar-raised: 0 1px 3px rgba(17, 17, 18, 0.15),0 1px 2px rgba(17, 17, 18, 0.06);
  --rx-shadow-reorder: 0 15px 30px rgba(17, 17, 18, 0.3);
  --rx-shadow-inner: inset 0 1px 1px rgba(17, 17, 18, 0.15);
  --rx-shadow-sm: 0 1px 3px rgba(17, 17, 18, 0.15);
  --rx-shadow-md: 0 1px 2px rgba(17, 17, 18, 0.05),0 3px 6px rgba(17, 17, 18, 0.05),0 2px 4px rgba(17, 17, 18, 0.05),0 10px 20px rgba(17, 17, 18, 0.05);
  --rx-shadow-lg: 0 5px 10px rgba(17, 17, 18, 0.05),0 10px 20px rgba(17, 17, 18, 0.05),0 20px 40px rgba(17, 17, 18, 0.05),0 40px 80px rgba(17, 17, 18, 0.05);
  --rx-shadow-sm-border: 0 0 1px rgba(17, 17, 18, 0.25),0 1px 3px rgba(17, 17, 18, 0.15);
  --rx-shadow-md-border: 0 0 1px rgba(17, 17, 18, 0.25),0 1px 2px rgba(17, 17, 18, 0.05),0 3px 6px rgba(17, 17, 18, 0.05),0 2px 4px rgba(17, 17, 18, 0.05),0 10px 20px rgba(17, 17, 18, 0.05);
  --rx-shadow-lg-border: 0 0 1px rgba(17, 17, 18, 0.25),0 5px 10px rgba(17, 17, 18, 0.05),0 10px 20px rgba(17, 17, 18, 0.05),0 20px 40px rgba(17, 17, 18, 0.05),0 40px 80px rgba(17, 17, 18, 0.05);
}
[rx-data-theme=dark] {
  --rx-fg-heading: rgba(255, 255, 255, 0.85);
  --rx-fg-text: rgba(255, 255, 255, 0.8);
  --rx-fg-subtle: rgba(255, 255, 255, 0.6);
  --rx-fg-placeholder: rgba(255, 255, 255, 0.5);
  --rx-bg-body: #111112;
  --rx-bg-input: #232324;
  --rx-bg-input-shaded: rgba(255, 255, 255, 0.05);
  --rx-bg-input-disabled: rgba(255, 255, 255, 0.05);
  --rx-bg-base: #111112;
  --rx-bg-raised: #19191A;
  --rx-bg-toolbar: rgba(25, 25, 26, 0.97);
  --rx-bg-toolbar-raised: rgba(25, 25, 26, 0.97);
  --rx-bg-overlay: #19191A;
  --rx-bg-control: #111112;
  --rx-bg-aluminum: #19191A;
  --rx-bg-silver: #232324;
  --rx-bg-platinum: #333334;
  --rx-border-input: rgba(255, 255, 255, 0.15);
  --rx-border-focus: #73AEFF;
  --rx-fg-dark-accent: rgba(255, 255, 255, 0.8);
  --rx-fg-dark-text: rgba(255, 255, 255, 0.8);
  --rx-fg-dark-subtle: rgba(255, 255, 255, 0.6);
  --rx-fg-dark-minimal: rgba(255, 255, 255, 0.5);
  --rx-fg-dark-dimmed: rgba(255, 255, 255, 0.4);
  --rx-bg-dark-dimmed: rgba(255, 255, 255, 0.03);
  --rx-bg-dark-minimal: rgba(255, 255, 255, 0.05);
  --rx-bg-dark-subtle: rgba(255, 255, 255, 0.07);
  --rx-bg-dark-medium: rgba(255, 255, 255, 0.1);
  --rx-bg-dark-strong: rgba(255, 255, 255, 0.2);
  --rx-bg-dark-emphasis: rgba(255, 255, 255, 0.25);
  --rx-bg-dark-accent: #CCCCCC;
  --rx-bg-dark-accent-hover: white;
  --rx-border-dark-dimmed: rgba(255, 255, 255, 0.05);
  --rx-border-dark-minimal: rgba(255, 255, 255, 0.07);
  --rx-border-dark-subtle: rgba(255, 255, 255, 0.1);
  --rx-border-dark-medium: rgba(255, 255, 255, 0.15);
  --rx-border-dark-strong: rgba(255, 255, 255, 0.2);
  --rx-border-dark-emphasis: rgba(255, 255, 255, 0.3);
  --rx-border-dark-accent: #ffffff;
  --rx-fg-light-accent: rgba(17, 17, 18, 0.8);
  --rx-fg-light-text: rgba(17, 17, 18, 0.8);
  --rx-fg-light-subtle: rgba(17, 17, 18, 0.6);
  --rx-fg-light-minimal: rgba(17, 17, 18, 0.5);
  --rx-fg-light-dimmed: rgba(17, 17, 18, 0.4);
  --rx-bg-light-dimmed: rgba(17, 17, 18, 0.03);
  --rx-bg-light-minimal: rgba(17, 17, 18, 0.05);
  --rx-bg-light-subtle: rgba(17, 17, 18, 0.07);
  --rx-bg-light-medium: rgba(17, 17, 18, 0.1);
  --rx-bg-light-strong: rgba(17, 17, 18, 0.2);
  --rx-bg-light-emphasis: rgba(17, 17, 18, 0.25);
  --rx-bg-light-accent: rgba(17, 17, 18, 0.8);
  --rx-bg-light-accent-hover: #111112;
  --rx-border-light-dimmed: rgba(17, 17, 18, 0.05);
  --rx-border-light-minimal: rgba(17, 17, 18, 0.07);
  --rx-border-light-subtle: rgba(17, 17, 18, 0.1);
  --rx-border-light-medium: rgba(17, 17, 18, 0.15);
  --rx-border-light-strong: rgba(17, 17, 18, 0.2);
  --rx-border-light-emphasis: rgba(17, 17, 18, 0.3);
  --rx-border-light-accent: #111112;
  --rx-fg-primary-accent: #73AEFF;
  --rx-border-primary-accent: #73AEFF;
  --rx-fg-negative-accent: #FF6393;
  --rx-border-negative-accent: #FF6393;
  --rx-link-color: #73AEFF;
  --rx-link-hover-color: #ffffff;
  --rx-link-dark-color: #ffffff;
  --rx-link-dark-hover-color: rgba(255, 255, 255, 0.6);
  --rx-link-dark-subtle-color: rgba(255, 255, 255, 0.6);
  --rx-link-dark-subtle-hover-color: #ffffff;
  --rx-shadow-modal: 0 0 1px rgba(255, 255, 255, 0.5),0 5px 10px rgba(17, 17, 18, 0.05),0 10px 20px rgba(17, 17, 18, 0.05),0 20px 40px rgba(17, 17, 18, 0.05),0 40px 80px rgba(17, 17, 18, 0.05);
  --rx-shadow-dropdown: 0 0 1px rgba(255, 255, 255, 0.5),0 1px 2px rgba(17, 17, 18, 0.05),0 3px 6px rgba(17, 17, 18, 0.05),0 2px 4px rgba(17, 17, 18, 0.05),0 10px 20px rgba(17, 17, 18, 0.05);
  --rx-shadow-sm-border: 0 0 1px rgba(255, 255, 255, 0.5),0 1px 3px rgba(17, 17, 18, 0.15);
  --rx-shadow-md-border: 0 0 1px rgba(255, 255, 255, 0.5),0 1px 2px rgba(17, 17, 18, 0.05),0 3px 6px rgba(17, 17, 18, 0.05),0 2px 4px rgba(17, 17, 18, 0.05),0 10px 20px rgba(17, 17, 18, 0.05);
  --rx-shadow-lg-border: 0 0 1px rgba(255, 255, 255, 0.5),0 5px 10px rgba(17, 17, 18, 0.05),0 10px 20px rgba(17, 17, 18, 0.05),0 20px 40px rgba(17, 17, 18, 0.05),0 40px 80px rgba(17, 17, 18, 0.05);
}
@keyframes slideUp {
  to {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
@keyframes slideDown {
  from {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.rx-container {
  position: relative;
  box-sizing: border-box;
}
.rx-container.rx-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  overflow-x: auto;
}
.rx-main-container {
  border-radius: var(--rx-rounded-sm);
  background-color: var(--rx-bg-base);
  border: 1px solid var(--rx-border-dark-subtle);
}
.rx-stop-scrolling {
  height: 100%;
  overflow: hidden;
}
.rx-editor-frame {
  width: 100%;
  height: 0;
  border: none;
  background-color: var(--rx-bg-base);
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.rx-editor-container {
  box-sizing: border-box;
}
.rx-editor-disabled {
  opacity: .4;
}
.rx-editor-disabled img {
  filter: grayscale(1);
}
.rx-editor-overlay {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  z-index: 1;
  background: 0 0;
  top: 0;
  left: 0;
}
.rx-toolbox-container {
  background: var(--rx-bg-toolbar);
  z-index: var(--rx-level-toolbar);
}
.rx-editor-breakline address+*,.rx-editor-breakline blockquote+*,.rx-editor-breakline dl+*,.rx-editor-breakline figure+*,.rx-editor-breakline ol+*,.rx-editor-breakline p+*,.rx-editor-breakline pre+*,.rx-editor-breakline table+*,.rx-editor-breakline ul+*,.rx-editor-breakline>div+* {
  margin-top: 0 !important;
}
.rx-editor-breakline h1+h2,.rx-editor-breakline h2+h3,.rx-editor-breakline h3+h4,.rx-editor-breakline h4+h5,.rx-editor-breakline h5+h6 {
  margin-top: 0 !important;
}
.rx-editor *,.rx-editor ::after,.rx-editor ::before {
  box-sizing: inherit;
}
.rx-editor {
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.rx-editor [dir=rtl] {
  text-align: right;
}
.rx-editor [dir=ltr] {
  text-align: left;
}
.rx-editor,.rx-editor [data-rx-type],.rx-editor a,.rx-editor figcaption,.rx-editor p,.rx-editor td,.rx-editor th {
  outline: 0;
}
.rx-editor [data-rx-tag=br],.rx-editor [data-rx-tag=tbr] {
  margin-top: 0;
}
.rx-editor [data-rx-tag=br]:empty,.rx-editor [data-rx-tag=tbr]:empty,.rx-editor [data-rx-type=text]:empty,.rx-editor [data-rx-type=todoitem] div:empty {
  min-width: 1em;
  min-height: 1.5em;
}
.rx-editor::after {
  content: "";
  clear: both;
  display: table;
}
.rx-editor [data-rx-type=embed],.rx-editor [data-rx-type=image] {
  position: relative;
}
.rx-editor [data-rx-type=embed] img,.rx-editor [data-rx-type=image] img {
  vertical-align: middle;
}
.rx-editor figure>a img,.rx-editor figure>div,.rx-editor figure>iframe,.rx-editor figure>img,.rx-editor figure>pre {
  vertical-align: middle;
}
.rx-editor [data-rx-focusable].rx-block-focus {
  outline: 2px solid var(--rx-border-focus) !important;
}
.rx-editor .rx-block-control-focus {
  outline: 1px solid var(--rx-border-focus) !important;
  outline-offset: 1px;
}
.rx-editor [data-rx-type=wrapper]:empty {
  outline: 1px dashed var(--rx-border-dark-medium);
  outline-offset: 1px;
}
.rx-editor [data-rx-type=heading] a {
  text-decoration: underline;
}
.rx-editor .rx-layout-grid {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
.rx-editor [data-rx-type=column] {
  outline: 1px dashed var(--rx-border-dark-strong);
}
.rx-editor.rx-editor-email [data-rx-type=column] {
  outline: 0;
}
.rx-editor.rx-editor-email [data-rx-type=column]:has(p:empty),.rx-editor.rx-editor-email [data-rx-type=column]:hover {
  outline: 1px dashed var(--rx-border-dark-strong);
}
.rx-editor .rx-nowrap {
  white-space: nowrap;
}
.rx-editor [data-rx-type=embed] {
  position: relative;
}
.rx-editor [data-rx-type=embed]:before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  z-index: 1;
}
.rx-editor [data-rx-type=embed] iframe {
  display: inline-block;
}
.rx-editor [data-rx-type=embed] figcaption {
  position: relative;
  top: 0;
  z-index: 2;
}
.rx-editor [data-rx-type=embed].rx-block-focus:before {
  display: none;
}
.rx-editor .rx-embed-placeholder {
  text-align: center;
  border: 1px dashed var(--rx-border-dark-medium);
  border-radius: var(--rx-rounded-md);
  padding: 40px 20px;
  font-size: 14px;
  color: var(--rx-fg-placeholder);
}
.rx-editor [data-rx-type=todo] {
  --rx-todo-size: 20px;
  --rx-todo-mark-color: var(--rx-fg-light-accent);
  --rx-todo-border-color: var(--rx-border-input);
  --rx-todo-bg: var(--rx-bg-input);
  --rx-todo-checked-border-color: var(--rx-border-dark-accent);
  --rx-todo-checked-bg: var(--rx-bg-dark-accent);
  margin-left: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.rx-editor [data-rx-type=todoitem] {
  display: flex;
  gap: 6px;
  cursor: text;
}
.rx-editor [data-rx-type=todoitem] input {
  position: relative;
  top: 1px;
  appearance: none;
  display: inline-block;
  padding: 0;
  box-shadow: none;
  width: var(--rx-todo-size);
  height: var(--rx-todo-size);
  cursor: pointer;
}
.rx-editor [data-rx-type=todoitem] input:before {
  content: "";
  display: block;
  width: var(--rx-todo-size);
  height: var(--rx-todo-size);
  border: 1px solid var(--rx-todo-border-color);
  border-radius: 6px;
  background: var(--rx-todo-bg);
}
.rx-editor [data-rx-type=todoitem] input:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(var(--rx-todo-size)/ 3.5);
  height: calc(var(--rx-todo-size)/ 1.8);
  background-color: transparent;
  transform: translate(-50%,-85%) scale(0) rotate(45deg);
}
.rx-editor [data-rx-type=todoitem] input:checked:before {
  border-color: var(--rx-todo-checked-border-color);
  background-color: var(--rx-todo-checked-bg);
  box-shadow: var(--rx-todo-checked-shadow);
}
.rx-editor [data-rx-type=todoitem] input:checked:after {
  transform: translate(-50%,-85%) scale(1) rotate(45deg);
  box-shadow: 2px 2px 0 0 var(--rx-todo-mark-color);
}
.rx-editor [data-rx-type=todoitem] div {
  outline: 0;
  line-height: 1.4;
}
.rx-editor [data-rx-type=mergetag] {
  font-family: var(--rx-font-ui-mono);
  font-size: 85%;
  line-height: 1;
  display: inline-block;
  cursor: pointer;
  padding: 4px 8px;
  color: var(--rx-fg-dark-accent);
  background: var(--rx-bg-primary-medium);
  border-radius: 8px;
}
.rx-editor [data-rx-type=mergetag]:hover {
  color: var(--rx-fg-dark-accent);
  background: var(--rx-bg-primary-strong);
}
.rx-editor [data-rx-type=mergetag].rx-block-focus {
  color: var(--rx-fg-dark-accent);
  background: var(--rx-bg-primary-emphasis);
}
.rx-editor .rx-block-placeholder {
  position: relative;
}
.rx-editor .rx-block-placeholder:before {
  position: absolute;
}
.rx-editor .rx-block-placeholder:before,.rx-editor [data-placeholder]:empty:before {
  content: attr(data-placeholder);
  display: inline-block;
  color: var(--rx-fg-placeholder);
  font-weight: 400;
  font-style: italic;
  font-size: inherit;
  cursor: text;
  max-height: 20px;
}
.rx-editor [data-placeholder]:empty:focus:before {
  content: "";
}
.rx-editor.rx-placeholder:before {
  position: absolute;
  z-index: 0;
  content: attr(placeholder);
  color: var(--rx-fg-placeholder);
  font-weight: 400;
  cursor: text;
}
.rx-in-blur .rx-editor [data-rx-focusable].rx-block-focus {
  outline-color: var(--rx-border-dark-medium) !important;
}
.rx-draggable-placeholder {
  height: 20px;
  min-width: 80px;
  outline: 3px dashed gold !important;
  background: rgba(255,215,0,.2) !important;
  margin-bottom: 20px;
}
.rx-toolbar-container {
  display: flex;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.rx-toolbar-container::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.rx-toolbar-container:empty {
  display: none;
}
.rx-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.rx-sticky-on {
  border-bottom: 1px solid var(--rx-border-dark-minimal);
}
.rx-raised {
  margin-left: -1px;
  margin-right: -1px;
  margin-top: -1px;
  margin-bottom: -1px;
  background: var(--rx-bg-toolbar-raised);
  box-shadow: var(--rx-shadow-toolbar-raised);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.rx-toolbox-external.rx-raised {
  margin: 0;
}
.rx-raised.rx-sticky-on {
  border-bottom: none;
}
.rx-extrabar-buttons,.rx-toolbar-buttons {
  display: flex;
  white-space: nowrap;
  align-items: center;
  gap: 1px;
}
.rx-extrabar,.rx-toolbar {
  padding: var(--rx-toolbar-padding);
  height: var(--rx-toolbar-height);
}
.rx-toolbar {
  order: 1;
  flex: 1;
}
.rx-extrabar {
  order: 2;
}
.rx-extrabar .rx-button,.rx-toolbar .rx-button {
  width: var(--rx-toolbar-button-width);
  height: var(--rx-toolbar-button-height);
}
.rx-extrabar .rx-button:hover .rx-button-icon,.rx-toolbar .rx-button:hover .rx-button-icon {
  background: var(--rx-bg-silver);
}
.rx-extrabar .rx-button.active .rx-button-icon,.rx-toolbar .rx-button.active .rx-button-icon {
  background: var(--rx-bg-primary-medium);
}
.rx-extrabar .rx-button.toggled .rx-button-icon,.rx-toolbar .rx-button.toggled .rx-button-icon {
  background: var(--rx-bg-silver);
}
.rx-extrabar .rx-button.toggled .rx-button-icon svg,.rx-toolbar .rx-button.toggled .rx-button-icon svg {
  fill: var(--rx-fg-dark-accent);
}
.rx-extrabar .rx-button.disable,.rx-toolbar .rx-button.disable {
  cursor: default;
}
.rx-extrabar .rx-button.disable .rx-button-icon,.rx-toolbar .rx-button.disable .rx-button-icon {
  background-color: transparent !important;
}
.rx-extrabar .rx-button.disable .rx-button-icon svg,.rx-toolbar .rx-button.disable .rx-button-icon svg {
  fill: var(--rx-fg-dark-dimmed);
}
.rx-extrabar .rx-button-icon,.rx-toolbar .rx-button-icon {
  width: var(--rx-toolbar-button-width);
  min-width: var(--rx-toolbar-button-width);
  height: var(--rx-toolbar-button-height);
  border-radius: var(--rx-rounded-md);
}
.rx-extrabar .rx-button-icon svg,.rx-toolbar .rx-button-icon svg {
  fill: var(--rx-fg-dark-text);
  width: var(--rx-toolbar-icon-size);
  height: var(--rx-toolbar-icon-size);
}
.rx-extrabar .rx-button-title,.rx-toolbar .rx-button-title {
  display: none;
}
.rx-pathbar {
  font-family: var(--rx-font-ui-text);
  margin: 0;
  padding: 0 8px;
  position: relative;
  overflow: hidden;
  background: var(--rx-bg-toolbar);
  box-sizing: border-box;
  border: none;
  display: flex;
  gap: 12px;
  border-bottom: 1px solid var(--rx-border-dark-dimmed);
}
.rx-pathbar:empty {
  display: none;
}
.rx-pathbar.disable .rx-pathbar-item {
  opacity: .5;
}
.rx-pathbar-item {
  position: relative;
  font-size: 12px;
  padding: 6px 0;
  margin: 0;
  line-height: 16px;
  color: var(--rx-fg-dark-minimal);
  cursor: pointer;
}
.rx-pathbar-item:hover {
  color: var(--rx-fg-dark-accent);
  text-decoration: underline;
}
.rx-pathbar-item.active,.rx-pathbar-item.active:hover {
  color: var(--rx-fg-dark-accent);
  text-decoration: none;
  cursor: text;
}
.rx-pathbar-item:after {
  position: absolute;
  content: "-";
  width: 8px;
  padding-left: 3px;
  font-size: 12px;
  line-height: 16px;
  color: var(--rx-fg-dark-minimal);
}
.rx-pathbar-item:last-child:after {
  display: none;
}
.rx-statusbar {
  font-family: var(--rx-font-ui-mono);
  margin: 0;
  padding: 8px 10px;
  position: relative;
  overflow: hidden;
  background: var(--rx-bg-base);
  box-sizing: border-box;
  border: none;
  display: flex;
  align-items: center;
  gap: 10px;
}
.rx-statusbar:empty {
  display: none;
}
.rx-statusbar.disable .rx-statusbar-item {
  opacity: .5;
}
.rx-statusbar-item {
  font-size: 12px;
  padding: 0;
  margin: 0;
  line-height: 16px;
  color: var(--rx-fg-text);
}
.rx-statusbar-item:after {
  content: "";
  display: inline-block;
  position: relative;
  top: 2px;
  width: 1px;
  height: 12px;
  margin-left: 10px;
  background: var(--rx-border-dark-medium);
}
.rx-statusbar-item:last-child:after {
  display: none;
}
.rx-statusbar-item a {
  color: var(--rx-fg-dark-accent);
  text-decoration: underline;
}
.rx-statusbar-item a:hover {
  color: var(--rx-fg-dark-minimal);
  text-decoration: underline;
}
.rx-fullscreen .rx-statusbar {
  position: fixed;
  bottom: 0;
  width: 100%;
}
.rx-control {
  position: absolute;
  top: 0;
  left: 0;
  font-family: var(--rx-font-text);
  z-index: var(--rx-level-control);
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  width: 28px;
  line-height: 0;
}
.rx-control-buttons {
  display: flex;
  gap: 0;
  flex-direction: column;
  flex-wrap: wrap;
}
.rx-control .rx-button {
  background: var(--rx-bg-control);
}
.rx-control .rx-button:hover {
  background: var(--rx-bg-silver);
}
.rx-control .rx-button-title {
  display: none;
}
.rx-control .rx-button-icon {
  width: 28px;
  height: 28px;
}
.rx-control .rx-button-icon svg {
  fill: var(--rx-fg-dark-accent);
  width: 14px;
  height: 14px;
}
.rx-context {
  font-family: var(--rx-font-text);
  position: absolute;
  top: 0;
  left: 0;
  z-index: var(--rx-level-toolbar);
  border-radius: var(--rx-rounded-sm);
  padding: 2px;
  margin: 0;
  line-height: 1;
  background: var(--rx-bg-control-inverted);
  box-shadow: var(--rx-shadow-md-border);
  max-width: 380px;
}
.rx-context-buttons {
  display: flex;
  align-items: center;
  gap: 1px;
  flex-wrap: wrap;
}
.rx-context .rx-button {
  width: 28px;
  height: 28px;
}
.rx-context .rx-button:hover .rx-button-icon {
  background: var(--rx-bg-white-medium);
}
.rx-context .rx-button:hover .rx-button-icon svg {
  fill: var(--rx-fg-white-accent);
}
.rx-context .rx-button.active .rx-button-icon {
  background: var(--rx-bg-primary-medium);
}
.rx-context .rx-button.toggled .rx-button-icon {
  background: var(--rx-bg-dark-strong);
}
.rx-context .rx-button.toggled .rx-button-icon svg {
  fill: var(--rx-fg-white-accent);
}
.rx-context .rx-button.disable {
  cursor: default;
}
.rx-context .rx-button.disable .rx-button-icon {
  background-color: transparent !important;
}
.rx-context .rx-button.disable .rx-button-icon svg {
  fill: var(--rx-fg-dark-dimmed);
}
.rx-context .rx-button-icon {
  width: 28px;
  min-width: 28px;
  height: 28px;
  border-radius: var(--rx-rounded-sm);
}
.rx-context .rx-button-icon svg {
  fill: var(--rx-fg-white-text);
  width: 18px;
  height: 18px;
}
.rx-context .rx-button-title {
  display: none;
}
.rx-context .rx-button-text {
  width: auto;
}
.rx-context .rx-button-text .rx-button-icon {
  display: none;
}
.rx-context .rx-button-text .rx-button-title {
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  height: 28px;
  padding: 0 6px;
  color: var(--rx-fg-white-text);
  border-radius: var(--rx-rounded-sm);
  display: flex;
  align-items: center;
  vertical-align: baseline;
}
.rx-context .rx-button-text:hover .rx-button-title {
  background-color: var(--rx-bg-white-medium);
}
.rx-button {
  font-family: var(--rx-font-text);
  display: flex;
  align-items: center;
  vertical-align: middle;
  text-decoration: none;
  background: 0 0;
  outline: 0;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 0;
  line-height: 1;
  cursor: pointer;
  gap: 6px;
  border-radius: var(--rx-rounded-md);
}
.rx-button:hover {
  text-decoration: none;
}
.rx-button-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
}
.rx-button-icon:empty {
  display: none;
}
.rx-button-title {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--rx-fg-dark-text);
}
.rx-tooltip {
  position: absolute;
  z-index: 99;
  margin: 0;
  padding: 4px 7px;
  border-radius: var(--rx-rounded-sm);
  line-height: 1;
  font-family: var(--rx-font-ui-mono);
  font-size: 12px;
  color: var(--rx-fg-light-text);
  background: var(--rx-bg-dark-accent);
  pointer-events: none;
}
.rx-source-container {
  display: none;
}
.rx-source,.rx-source:focus,.rx-source:hover {
  text-align: left;
  box-sizing: border-box;
  font-family: var(--rx-font-ui-mono);
  width: 100%;
  display: block;
  margin: 0;
  border: none;
  box-shadow: none;
  border-radius: 0;
  background-color: var(--rx-bg-source);
  color: var(--rx-fg-white-text);
  font-size: 14px;
  line-height: 1.7;
  outline: 0;
  padding: 10px 18px 20px 18px;
  min-height: 60px;
  resize: vertical;
}
.rx-drag-active {
  outline: 3px dashed gold !important;
  outline-offset: 0 !important;
  position: relative;
  max-height: 40px;
  overflow: hidden;
  padding: 0;
}
.rx-drag-active:before {
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  left: 0;
  background: rgba(255,215,0,.4);
  position: absolute;
  z-index: 1;
}
.rx-dragging {
  opacity: .95;
  padding: 8px;
  background: var(--rx-bg-body);
  box-shadow: var(--rx-shadow-reorder);
}
.rx-dragging img {
  max-width: 100%;
}
.rx-colorpicker,.rx-dropdown {
  font-family: var(--rx-font-ui);
  border-radius: var(--rx-rounded-sm);
  background: var(--rx-bg-overlay);
  box-shadow: var(--rx-shadow-dropdown);
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  line-height: 1.4;
  z-index: var(--rx-level-popup);
  margin-bottom: 16px;
  overflow-x: auto;
  min-width: 200px;
  padding: 4px;
}
.rx-dropdown[data-rx-pos=top] {
  box-shadow: none;
}
.rx-dropdown-swatches {
  display: flex;
  flex-wrap: nowrap;
}
.rx-dropdown-swatches-wrap {
  flex-wrap: wrap;
}
.rx-dropdown-swatches-colors {
  display: flex;
  flex-direction: column;
}
.rx-dropdown-swatches-colors-row {
  flex-direction: row;
}
.rx-dropdown-swatch {
  cursor: pointer;
  position: relative;
  font-size: 0;
  width: 20px;
  height: 20px;
  border: 1px solid transparent;
}
.rx-dropdown-swatch.active {
  border: 2px solid var(--rx-border-dark-accent);
  box-shadow: 0 0 0 2px var(--rx-border-light-accent);
  z-index: 2;
}
.rx-dropdown-swatch-size-large {
  width: 32px;
  height: 32px;
}
.rx-dropdown-color-contrast {
  border-color: var(--rx-border-dark-subtle);
}
.rx-dropdown-tabs {
  font-size: 13px;
  line-height: 1;
  font-weight: 500;
  display: flex;
  border-radius: var(--rx-rounded-md);
  background: var(--rx-bg-dark-minimal);
  padding: 2px;
  margin-bottom: 4px;
}
.rx-dropdown-tab {
  flex-grow: 1;
  border-radius: var(--rx-rounded-sm);
  padding: 6px 8px;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  color: var(--rx-fg-dark-text);
}
.rx-dropdown-tab:hover {
  text-decoration: none;
}
.rx-dropdown-tab.active {
  background: var(--rx-bg-base);
  box-shadow: var(--rx-shadow-sm-border);
}
.rx-dropdown-item {
  font-size: 14px;
  line-height: 1.4;
  padding: 6px 8px;
  display: flex;
  color: var(--rx-fg-dark-text);
  border-bottom: 1px solid var(--rx-border-dark-dimmed);
}
.rx-dropdown-item .rx-button-title {
  display: none;
}
.rx-dropdown-item:last-child {
  border-bottom-width: 0;
}
.rx-dropdown-item-hotkey {
  margin-left: auto;
  font-weight: 400;
  display: flex;
  gap: 1px;
  align-items: center;
  color: var(--rx-fg-dark-minimal);
  font-family: var(--rx-font-ui);
  font-size: 12px;
  line-height: 16px;
}
.rx-dropdown-item-hotkey span {
  padding: 0 2px;
  height: 16px;
}
.rx-dropdown .rx-button {
  position: relative;
  padding: 8px;
  gap: 8px;
  width: 100%;
  border-radius: var(--rx-rounded-sm);
}
.rx-dropdown .rx-button:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: -1px;
  left: 0;
  background: var(--rx-border-dark-dimmed);
}
.rx-dropdown .rx-button:last-child:after {
  display: none;
}
.rx-dropdown .rx-button.rx-button-swatch {
  width: 20px;
  height: 20px;
  border-radius: 0;
}
.rx-dropdown .rx-button.rx-button-swatch .rx-button-icon,.rx-dropdown .rx-button.rx-button-swatch .rx-button-title {
  display: none;
}
.rx-dropdown .rx-button-title {
  color: var(--rx-fg-dark-accent);
}
.rx-dropdown .rx-button:hover {
  background: var(--rx-bg-silver);
}
.rx-dropdown .rx-button.active {
  background: var(--rx-bg-primary-medium);
}
.rx-dropdown .rx-button-icon svg {
  fill: var(--rx-fg-dark-accent);
  width: 16px;
  height: 16px;
}
.rx-dropdown .rx-button-danger .rx-button-title {
  color: var(--rx-fg-negative-accent);
}
.rx-dropdown .rx-button-danger svg {
  fill: var(--rx-fg-negative-accent);
}
.rx-dropdown-type-grid .rx-dropdown-items {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  box-sizing: border-box;
}
.rx-dropdown-type-grid .rx-button {
  box-sizing: border-box;
  border-radius: 0;
  margin-bottom: -1px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  padding: 0;
  text-align: center;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--rx-border-dark-dimmed);
  color: var(--rx-fg-dark-text);
  border-left-color: transparent;
  border-top-color: transparent;
}
.rx-dropdown-type-grid .rx-button:after {
  display: none;
}
.rx-dropdown-type-grid .rx-button-title:empty {
  display: none;
}
.rx-dropdown-type-grid .rx-dropdown-item svg {
  width: 16px;
  height: 16px;
}
.rx-dropdown-stack {
  padding: 16px;
  padding-top: 0;
}
.rx-dropdown-stack-item {
  cursor: pointer;
  display: flex;
  align-items: center;
  border-radius: 4px;
  line-height: 1;
  border-bottom: 1px solid var(--rx-border-dark-dimmed);
}
.rx-dropdown-stack-item:last-child {
  border-bottom-color: transparent;
}
.rx-dropdown-stack-item:hover {
  background-color: var(--rx-bg-dark-minimal);
}
.rx-dropdown-stack-title {
  text-decoration: none;
  flex: 1;
  padding: 7px 8px;
  font-size: 14px;
  color: var(--rx-fg-dark-text);
}
.rx-dropdown-stack-aside {
  font-family: var(--rx-font-ui-mono);
  font-size: 11px;
  color: var(--rx-fg-dark-subtle);
  margin-left: auto;
  padding-left: 4px;
}
.rx-modal {
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  margin-bottom: 16px;
  min-width: 200px;
  font-family: var(--rx-font-ui);
  border-radius: var(--rx-rounded-md);
  background-color: var(--rx-bg-overlay);
  box-shadow: var(--rx-shadow-modal);
  z-index: var(--rx-level-popup);
}
.rx-modal-body .rx-form {
  padding-bottom: 0;
}
.rx-modal-header {
  font-size: 16px;
  font-weight: 700;
  color: var(--rx-bg-dark-accent);
  padding: 16px;
  position: relative;
}
.rx-modal-header:empty {
  display: none;
}
.rx-modal-footer {
  overflow: hidden;
  box-sizing: border-box;
  margin-top: 8px;
  padding: 16px;
  padding-bottom: 20px;
  display: flex;
  gap: 4px;
}
.rx-modal-footer:empty {
  display: none;
}
.rx-modal-close {
  position: absolute !important;
  right: 16px;
  top: 14px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  opacity: .5;
}
.rx-modal-close::after,.rx-modal-close::before {
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%) rotate(45deg);
  background: var(--rx-bg-dark-accent);
}
.rx-modal-close::before {
  height: 1px;
  width: 75%;
}
.rx-modal-close::after {
  height: 75%;
  width: 1px;
}
.rx-modal-close:hover {
  opacity: 1;
}
.rx-form {
  padding-bottom: 16px;
}
.rx-form-item {
  padding: 16px 16px 0 16px;
}
.rx-form-item:empty {
  display: none;
}
.rx-form-box {
  padding: 16px;
}
.rx-form-flex {
  display: flex;
  gap: 4px;
}
.rx-form-image img,.rx-form-image svg {
  max-width: 100%;
}
.rx-form-section-title,.rx-form-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--rx-bg-dark-accent);
  padding: 16px;
  padding-bottom: 0;
  position: relative;
}
.rx-form-section-title:empty,.rx-form-title:empty {
  display: none;
}
.rx-form-item+.rx-form-section-title {
  margin-top: 8px;
}
.rx-form-footer {
  overflow: hidden;
  box-sizing: border-box;
  margin-top: 8px;
  padding: 16px;
  padding-bottom: 0;
  display: flex;
  gap: 4px;
}
.rx-form-footer:empty {
  display: none;
}
.rx-form-label {
  box-sizing: border-box;
  font-family: var(--rx-font-ui);
  font-size: 14px;
  line-height: 1.4;
  font-weight: 500;
  display: block;
  padding: 0;
  margin: 0;
  padding-bottom: 6px;
  color: var(--rx-fg-dark-text);
}
.rx-form-hint {
  font-size: 13px;
  font-weight: 400;
  color: var(--rx-fg-dark-subtle);
  margin-left: 2px;
}
.rx-form-container-flex {
  display: flex;
  gap: 8px;
}
.rx-form-container-flex .rx-form-item {
  padding-left: 0;
  padding-right: 0;
}
.rx-form-container-flex .rx-form-item:first-child {
  padding-left: 16px;
}
.rx-form-container-flex .rx-form-item:last-child {
  padding-right: 16px;
}
.rx-form-container-flex .rx-form-input,.rx-form-container-flex .rx-form-select {
  flex: auto;
}
.rx-form-container-flex .rx-form-button {
  margin-left: 4px;
}
.rx-form-button-push-right {
  margin-left: auto;
}
.rx-form-color-container {
  position: relative;
}
.rx-form-color-container .rx-form-input {
  padding-left: 40px;
}
.rx-form-color-toggle {
  position: absolute;
  top: 4px;
  left: 6px;
  height: 28px;
  width: 28px;
  border-radius: 8px;
  box-shadow: var(--rx-shadow-inner);
  cursor: pointer;
  background: var(--rx-bg-white-accent);
}
.rx-form-button {
  box-sizing: border-box;
  font-family: var(--rx-font-ui);
  font-size: 14px;
  font-weight: 500;
  outline: 0;
  border-radius: 8px;
  padding: 8px 20px;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  line-height: 1.25;
  height: auto;
  background: 0 0;
  color: var(--rx-fg-dark-accent);
  border: 1px solid var(--rx-border-dark-medium);
}
.rx-form-button:hover {
  background: var(--rx-bg-dark-subtle);
}
.rx-form-button-primary {
  background: var(--rx-bg-dark-accent);
  color: var(--rx-fg-light-accent);
  border-color: transparent;
}
.rx-form-button-primary:hover {
  color: var(--rx-fg-light-accent);
  background: var(--rx-bg-dark-accent-hover);
}
.rx-form-button-danger {
  border: 1px solid var(--rx-border-negative-medium);
  color: var(--rx-fg-negative-accent);
}
.rx-form-button-danger:hover {
  color: var(--rx-fg-negative-accent);
  background: var(--rx-bg-negative-subtle);
}
.rx-form-button-fullwidth {
  display: block;
  width: 100%;
}
.rx-form-input,.rx-form-select,.rx-form-textarea {
  box-sizing: border-box;
  display: block;
  width: 100%;
  font-weight: 400;
  padding: 8px;
  font-family: var(--rx-font-ui);
  font-size: 15px;
  outline: 0;
  border-radius: 4px;
  box-shadow: none;
  line-height: 1.3;
  color: var(--rx-fg-dark-text);
  background: var(--rx-bg-input-shaded);
  border: 1px solid var(--rx-border-input);
}
.rx-form-input:focus,.rx-form-select:focus,.rx-form-textarea:focus {
  border-color: var(--rx-border-focus);
  box-shadow: none;
}
.rx-form-textarea {
  resize: vertical;
  line-height: 1.5;
}
.rx-form-select {
  font-size: 15px;
  cursor: pointer;
  -webkit-appearance: none;
  background-image: url('data:image/svg+xml;utf8,<svg height="6" viewBox="0 0 10 6" width="10" xmlns="http://www.w3.org/2000/svg"><path fill="rgb(0,0,0)" opacity=".6" d="m6.6168815 3-4.44908109-4.09883609c-.22373388-.20615371-.22373388-.54039492 0-.74654863s.58647818-.20615371.81021206 0l4.85418712 4.47211041c.22373388.20615371.22373388.54039491 0 .74654862l-4.85418712 4.47211041c-.22373388.20615371-.58647818.20615371-.81021206 0s-.22373388-.54039492 0-.74654863z" fill-rule="evenodd" transform="matrix(0 1 -1 0 8 -2)"/></svg>');
  background-repeat: no-repeat;
  background-position: right .65em center;
  padding-right: 28px;
  min-height: 35px;
}
[rx-data-theme=dark] .rx-form-select {
  background-image: url('data:image/svg+xml;utf8,<svg height="6" viewBox="0 0 10 6" width="10" xmlns="http://www.w3.org/2000/svg"><path fill="rgb(255,255,255)" opacity="0.6" d="m6.6168815 3-4.44908109-4.09883609c-.22373388-.20615371-.22373388-.54039492 0-.74654863s.58647818-.20615371.81021206 0l4.85418712 4.47211041c.22373388.20615371.22373388.54039491 0 .74654862l-4.85418712 4.47211041c-.22373388.20615371-.58647818.20615371-.81021206 0s-.22373388-.54039492 0-.74654863z" fill-rule="evenodd" transform="matrix(0 1 -1 0 8 -2)"/></svg>');
}
.rx-form-checkbox {
  box-sizing: border-box;
  vertical-align: middle;
  position: relative;
  top: -.05em;
  font-size: 16px;
  margin-top: 0 !important;
  margin-right: 4px !important;
  margin-left: 0 !important;
}
.rx-form-checkbox-item {
  color: var(--rx-fg-dark-text);
  font-family: var(--rx-font-ui);
  font-size: 15px;
  line-height: 1.4;
}
.rx-form-segment {
  display: flex;
  flex-wrap: wrap;
  background: var(--rx-bg-dark-minimal);
  border-radius: var(--rx-rounded-md);
  padding: 2px;
  gap: 4px;
}
.rx-form-segment-item {
  border: 1px solid transparent;
  font-size: 14px;
  padding: 6px 8px;
  margin: 0;
  cursor: pointer;
  text-align: center;
  border-radius: var(--rx-rounded-sm);
  min-width: 32px;
  color: var(--rx-fg-dark-subtle);
}
.rx-form-segment-item:hover {
  background: var(--rx-bg-light-accent);
  color: var(--rx-fg-dark-accent);
}
.rx-form-segment-item.active {
  cursor: default;
  background: var(--rx-bg-light-accent);
  box-shadow: var(--rx-shadow-sm-border);
  color: var(--rx-fg-dark-accent);
}
.rx-form-upload-box {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0;
  margin-bottom: 10px;
  border: 1px dashed var(--rx-border-dark-medium);
  background: var(--rx-bg-dark-dimmed);
  border-radius: var(--rx-rounded-md);
  min-width: 160px;
  height: 160px;
  cursor: pointer;
  position: relative;
}
.rx-form-upload-box input[type=file] {
  font-size: 13px;
}
.rx-form-upload-box img {
  position: relative;
  z-index: 2;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.rx-form-upload-box:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.rx-form-upload-box.rx-form-upload-hover {
  border-color: var(--rx-border-dark-medium);
  background-color: var(--rx-bg-dark-subtle);
}
.rx-form-upload-box.rx-form-upload-error {
  border-color: var(--rx-border-negative-medium);
  background-color: var(--rx-bg-negative-minimal);
}
.rx-upload-remove {
  position: absolute;
  z-index: 3;
  top: -6px;
  right: -10px;
  background-color: var(--rx-bg-black-accent);
  color: var(--rx-fg-white-accent);
  opacity: 1;
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 10px;
  font-size: 14px;
  line-height: 20px;
}
.rx-upload-remove:after {
  content: "×";
}
.rx-upload-remove:hover {
  background-color: var(--rx-bg-black-accent-hover);
}
.rx-form-upload-cover-off img {
  object-fit: initial;
  height: auto;
  width: auto;
}
.rx-form-upload-placeholder {
  font-family: var(--rx-font-ui);
  color: var(--rx-fg-dark-minimal);
  font-size: 12px;
  line-height: 1.35;
  padding: 0 8px;
  text-align: center;
}
.rx-form-upload-placeholder svg {
  fill: var(--rx-fg-dark-minimal);
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.rx-editor-progress {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 11000;
  width: 100%;
  background-color: var(--rx-bg-dark-subtle);
}
.rx-editor-progress span {
  animation: progress-bar-stripes 2s linear infinite;
  content: "";
  display: block;
  min-height: 8px;
  width: 100%;
  height: 100%;
  background-color: var(--rx-bg-primary-accent);
  background-image: -webkit-linear-gradient(45deg,var(--rx-bg-light-strong) 25%,transparent 25%,transparent 50%,var(--rx-bg-light-strong) 50%,var(--rx-bg-light-strong) 75%,transparent 75%,transparent);
  background-image: linear-gradient(45deg,var(--rx-bg-light-strong) 25%,transparent 25%,transparent 50%,var(--rx-bg-light-strong) 50%,var(--rx-bg-light-strong) 75%,transparent 75%,transparent);
  background-size: 40px 40px;
}
.rx-panel {
  position: absolute;
  min-width: 240px;
  max-height: 300px;
  margin: 0;
  padding: 0;
  z-index: 99;
  font-family: var(--rx-font-ui);
  font-size: 14px;
  overflow: auto;
  border-radius: 4px;
  padding: 4px;
  background: var(--rx-bg-overlay);
  box-shadow: var(--rx-shadow-dropdown);
}
.rx-panel-box {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}
.rx-panel-title {
  font-family: var(--rx-font-ui);
  font-size: 13px;
  font-weight: 500;
  color: var(--rx-fg-dark-subtle);
}
.rx-panel-box {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}
.rx-panel-item {
  box-sizing: border-box;
  padding: 4px;
  border-bottom: 1px solid transparent;
}
.rx-panel-item {
  display: flex;
  align-items: center;
  vertical-align: middle;
  gap: 6px;
  border-radius: 8px;
  cursor: pointer;
  padding: 8px;
  line-height: 1;
  text-decoration: none;
  color: var(--rx-fg-dark-accent);
}
.rx-panel-item:hover {
  color: var(--rx-fg-dark-accent);
  background: var(--rx-bg-dark-subtle);
}
.rx-panel-item.active {
  color: var(--rx-fg-dark-accent);
  background: var(--rx-bg-primary-medium);
}
.rx-panel-item-icon {
  min-width: 16px;
}
.rx-panel-item-icon svg {
  width: 16px;
  height: 16px;
  fill: var(--rx-fg-dark-accent);
}
.rx-panel-stack .rx-panel-box {
  flex-direction: column;
}
.rx-ai-main {
  padding: 12px;
  border-radius: 8px;
  background: var(--rx-bg-raised);
  border: 1px solid var(--rx-border-dark-subtle);
}
.rx-ai-footer {
  margin-top: 16px !important;
  display: flex;
  gap: 8px;
}
.rx-ai-buttons {
  margin-left: auto !important;
  display: flex;
  gap: 8px;
}
.rx-ai-label,.rx-ai-preview-label {
  box-sizing: border-box;
  font-family: var(--rx-font-ui);
  font-size: 13px;
  line-height: 1.4;
  font-weight: 500;
  display: block;
  padding: 0;
  margin: 0;
  padding-bottom: 6px;
  color: var(--rx-fg-dark-subtle);
}
.rx-ai-select,.rx-ai-size {
  width: auto;
  max-width: 320px;
}
.rx-ai-progress {
  margin-bottom: 12px !important;
}
.rx-ai-progress:empty {
  display: none;
}
.rx-ai-progress svg {
  fill: var(--rx-fg-dark-accent);
}
.rx-ai-preview {
  font-family: var(--rx-font-ui);
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 1.618;
  color: var(--rx-fg-dark-text);
  margin-bottom: 12px !important;
}
.rx-ai-preview:empty {
  display: none;
}
@media only screen and (max-width:767px) {
  .rx-ai-buttons,.rx-ai-footer {
    flex-direction: column;
    width: 100%;
  }
  .rx-ai-select,.rx-ai-size {
    max-width: 100%;
  }
  .rx-ai-button {
    justify-content: center;
  }
}
.rx-voice-label {
  display: none;
}
[rx-modal-name=image] .rx-modal-body {
  padding: 16px;
  padding-top: 0;
}
.rx-modal-image-section-or {
  margin: 16px 0;
  font-family: var(--rx-font-ui);
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  font-size: 11px;
  color: var(--rx-fg-dark-subtle);
}
.rx-modal-images-box {
  margin-top: 12px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.rx-modal-images-box img {
  vertical-align: top;
  max-width: 100px;
  max-height: 66px;
  height: 100%;
  width: min-content;
  cursor: pointer;
}
.rx-modal-images-box img:hover {
  outline: 3px solid var(--rx-border-focus);
}
.rx-form-item-edit-image-box {
  padding: 20px;
  padding-bottom: 0;
}
.rx-form-item-image {
  margin-right: 8px;
}
.rx-form-item-image img {
  max-height: 160px;
  width: auto;
}
[rx-modal-name=emoji] .rx-modal-body {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.rx-emoji-title {
  font-family: var(--rx-font-ui);
  font-size: 13px;
  font-weight: 500;
  color: var(--rx-fg-dark-subtle);
}
.rx-emoji-box {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}
.rx-emoji-item {
  border-radius: 4px;
  padding: 4px;
  cursor: pointer;
  font-size: 24px;
  line-height: 1;
}
.rx-emoji-item:hover {
  background: var(--rx-bg-dark-subtle);
}
.rx-panel-emoji {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.rx-panel-emoji .rx-panel-item {
  font-size: 24px;
}
[rx-modal-name=snippets] .rx-modal-body,[rx-modal-name=templates] .rx-modal-body {
  padding: 20px;
  padding-bottom: 0;
  display: flex;
  flex-wrap: wrap;
}
.rx-snippet-container {
  box-sizing: border-box;
  margin-right: 10px;
  margin-bottom: 20px;
}
.rx-snippet-name {
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 600;
  font-family: var(--rx-font-ui);
  color: var(--rx-fg-dark-text);
  margin-top: 8px;
  padding-right: 10px;
  text-align: left;
  max-width: 100px;
}
.rx-snippet-box {
  box-sizing: border-box;
  border-radius: 6px;
  box-shadow: var(--shadow-md-border);
  cursor: pointer;
  border: 1px solid transparent;
  overflow: hidden;
}
.rx-snippet-box:hover {
  border: 1px solid var(--rx-border-primary-accent);
}
.rx-snippet-image,.rx-template-image {
  min-height: 80px;
  max-height: 80px;
  box-sizing: border-box;
}
.rx-snippet-image img,.rx-template-image img {
  max-width: 160px;
}
.rx-template-image {
  min-height: 130px;
  max-height: initial;
}
.rx-template-image img {
  max-width: 100px;
}
.rx-snippet-preview,.rx-template-preview {
  box-sizing: border-box;
  overflow: hidden;
  transform-origin: top left;
  transform: scale(.25);
  margin-right: -480px;
  margin-bottom: -240px;
  padding: 40px;
  width: 640px;
  height: 320px;
  position: relative;
}
.rx-snippet-preview:before,.rx-template-preview:before {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  z-index: 1;
}
.rx-snippet-preview:hover,.rx-template-preview:hover {
  border-color: var(--rx-border-primary-accent);
}
.rx-snippet-preview fieldset,.rx-snippet-preview iframe,.rx-snippet-preview img,.rx-template-preview fieldset,.rx-template-preview iframe,.rx-template-preview img {
  border: 0;
}
.rx-snippet-preview audio,.rx-snippet-preview embed,.rx-snippet-preview img,.rx-snippet-preview object,.rx-snippet-preview video,.rx-template-preview audio,.rx-template-preview embed,.rx-template-preview img,.rx-template-preview object,.rx-template-preview video {
  max-width: 100%;
  height: auto;
}
.rx-snippet-preview div:empty,.rx-snippet-preview h1:empty,.rx-snippet-preview h2:empty,.rx-snippet-preview h3:empty,.rx-snippet-preview h4:empty,.rx-snippet-preview h5:empty,.rx-snippet-preview h6:empty,.rx-snippet-preview p:empty,.rx-template-preview div:empty,.rx-template-preview h1:empty,.rx-template-preview h2:empty,.rx-template-preview h3:empty,.rx-template-preview h4:empty,.rx-template-preview h5:empty,.rx-template-preview h6:empty,.rx-template-preview p:empty {
  background-color: var(--rx-border-primary-subtle);
  min-height: 1.5em;
}
.rx-template-preview {
  transform: scale(.25);
  margin-right: -300px;
  margin-bottom: -390px;
  padding: 40px;
  width: 400px;
  height: 520px;
}
.rx-empty address:empty,.rx-empty blockquote:empty,.rx-empty dd:empty,.rx-empty dt:empty,.rx-empty figcaption:empty,.rx-empty h1:empty,.rx-empty h2:empty,.rx-empty h3:empty,.rx-empty h4:empty,.rx-empty h5:empty,.rx-empty h6:empty,.rx-empty li:empty,.rx-empty p:empty {
  min-height: 1.5em;
}
.rx-empty pre:empty {
  min-height: 3.5em;
}
.rx-empty b:empty,.rx-empty cite:empty,.rx-empty code:empty,.rx-empty del:empty,.rx-empty em:empty,.rx-empty i:empty,.rx-empty ins:empty,.rx-empty span:empty,.rx-empty strong:empty,.rx-empty sub:empty,.rx-empty sup:empty,.rx-empty u:empty {
  display: inline-block;
  min-width: 1px;
  min-height: 1em;
}
.rx-empty td:empty:after,.rx-empty th:empty:after {
  content: "​";
}
.rx-empty code:after,.rx-empty kbd:after,.rx-empty mark:after {
  content: "​";
}
.rx-empty pre code:after {
  display: none;
}
.rx-empty code+code {
  margin-left: 2px;
}
.rx-empty table {
  empty-cells: show;
}
.rx-empty embed,.rx-empty img,.rx-empty object {
  max-width: 100%;
  height: auto;
}
.rx-content {
  text-align: left;
  --rx-font-text: -apple-system,BlinkMacSystemFont,"San Francisco","Segoe UI",Roboto,"Helvetica Neue",sans-serif;
  --rx-font-heading: inherit;
  --rx-font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --rx-body-color: var(--rx-bg-body);
  --rx-heading-color: var(--rx-fg-heading);
  --rx-text-color: var(--rx-fg-text);
  --rx-table-border: var(--rx-border-dark-minimal);
  --rx-line-color: var(--rx-border-dark-minimal);
  --rx-pre-color: var(--rx-fg-text);
  --rx-pre-bg: var(--rx-bg-dark-minimal);
  --rx-var-color: var(--rx-fg-text);
  --rx-kbd-color: var(--rx-fg-text);
  --rx-kbd-border: var(--rx-border-dark-subtle);
  --rx-kbd-bg: var(--rx-bg-light-accent);
  --rx-code-color: var(--rx-fg-text);
  --rx-code-bg: var(--rx-bg-dark-medium);
  --rx-abbr-border: var(--rx-border-dark-emphasis);
  --rx-quote-border-color: var(--rx-border-dark-medium);
  background: var(--rx-body-color);
  font-family: var(--rx-font-text);
  color: var(--rx-text-color);
  font-size: 16px;
  line-height: 1.5;
}
.rx-content[dir=rtl] {
  text-align: right;
}
.rx-content * {
  margin: 0;
}
.rx-content address,.rx-content dd,.rx-content dt,.rx-content li,.rx-content p {
  font-size: 16px;
  line-height: 1.5;
}
.rx-content h1+*,.rx-content h2+*,.rx-content h3+*,.rx-content h4+*,.rx-content h5+*,.rx-content h6+* {
  margin-top: 12px;
}
.rx-content address+h2,.rx-content address+h3,.rx-content address+h4,.rx-content address+h5,.rx-content address+h6,.rx-content dl+h2,.rx-content dl+h3,.rx-content dl+h4,.rx-content dl+h5,.rx-content dl+h6,.rx-content ol+h2,.rx-content ol+h3,.rx-content ol+h4,.rx-content ol+h5,.rx-content ol+h6,.rx-content p+h2,.rx-content p+h3,.rx-content p+h4,.rx-content p+h5,.rx-content p+h6,.rx-content pre+h2,.rx-content pre+h3,.rx-content pre+h4,.rx-content pre+h5,.rx-content pre+h6,.rx-content ul+h2,.rx-content ul+h3,.rx-content ul+h4,.rx-content ul+h5,.rx-content ul+h6 {
  margin-top: 24px;
}
.rx-content address+*,.rx-content dl+*,.rx-content ol+*,.rx-content p+*,.rx-content pre+*,.rx-content ul+* {
  margin-top: 24px;
}
.rx-content blockquote+*,.rx-content figure+*,.rx-content table+*,.rx-content>div+* {
  margin-top: 24px;
}
.rx-content h1+h2,.rx-content h2+h3,.rx-content h3+h4,.rx-content h4+h5,.rx-content h5+h6 {
  margin-top: 12px;
}
.rx-content a,.rx-content a:focus,.rx-content a:hover,.rx-content a:visited {
  color: var(--rx-link-color);
}
.rx-content h1,.rx-content h2,.rx-content h3,.rx-content h4,.rx-content h5,.rx-content h6 {
  font-family: var(--rx-font-heading);
  font-weight: 700;
  font-style: normal;
  color: var(--rx-heading-color);
  text-rendering: optimizeLegibility;
  letter-spacing: 0;
}
.rx-content h1 a,.rx-content h2 a,.rx-content h3 a,.rx-content h4 a,.rx-content h5 a,.rx-content h6 a {
  text-decoration: underline;
}
.rx-content h1 {
  font-weight: 800;
}
.rx-content h2 {
  font-weight: 700;
}
.rx-content h3,.rx-content h4,.rx-content h5,.rx-content h6 {
  font-weight: 600;
}
.rx-content h1 {
  font-size: 36px;
  line-height: 1.2;
}
.rx-content h2 {
  font-size: 24px;
  line-height: 1.3;
}
.rx-content h3 {
  font-size: 20px;
  line-height: 1.4;
}
.rx-content h4 {
  font-size: 16px;
  line-height: 1.5;
}
.rx-content h5 {
  font-size: 16px;
  line-height: 1.5;
}
.rx-content h6 {
  font-size: 16px;
  line-height: 1.5;
}
.rx-content abbr,.rx-content dfn {
  font-size: 95%;
}
.rx-content cite,.rx-content code,.rx-content kbd,.rx-content small,.rx-content var {
  font-size: 85%;
}
.rx-content sub,.rx-content sup {
  font-size: 65%;
}
.rx-content code,.rx-content kbd,.rx-content var {
  display: inline-block;
  font-family: var(--rx-font-mono);
  font-style: normal;
  line-height: 1;
  vertical-align: baseline;
}
.rx-content code,.rx-content kbd {
  border-radius: 4px;
}
.rx-content kbd {
  color: var(--rx-kbd-color);
  background: var(--rx-kbd-bg);
  border: 1px solid var(--rx-kbd-border);
  padding: .2em .4em;
}
.rx-content var {
  color: var(--rx-var-color);
}
.rx-content code {
  position: relative;
  top: -1px;
  padding: .2em .4em .2em;
  color: var(--rx-code-color);
  background: var(--rx-code-bg);
  border: 1px solid var(--rx-code-border);
}
.rx-content mark {
  background-color: #ff0;
  color: #000;
}
.rx-content b,.rx-content strong {
  font-weight: 700;
}
.rx-content abbr[title],.rx-content dfn {
  letter-spacing: .01em;
  text-transform: uppercase;
  text-decoration: none;
  border-bottom: 1px dotted var(--rx-abbr-border);
  cursor: help;
}
.rx-content cite {
  color: var(--rx-cite-color,var(--rx-text-color));
  font-style: italic;
}
.rx-content sub,.rx-content sup {
  line-height: 1;
  margin-left: 2px;
}
.rx-content sub {
  vertical-align: sub;
}
.rx-content sup {
  vertical-align: super;
}
.rx-content ol,.rx-content ul {
  padding-left: 0;
  margin-left: 20px;
}
.rx-content li li {
  font-size: 1em;
}
.rx-content dt {
  font-weight: 700;
}
.rx-content dd+dt {
  margin-top: .25em;
}
.rx-content pre {
  overflow: auto;
  white-space: pre;
  font-family: var(--rx-font-mono);
  font-size: 14px;
  line-height: 1.6;
  padding: 1em;
  border-radius: 3px;
  border: 1px solid var(--rx-pre-border,transparent);
  background: var(--rx-pre-bg,transparent);
  color: var(--rx-pre-color,var(--rx-text-color));
}
.rx-content pre code {
  position: initial;
  color: inherit;
  padding: 0;
  border: 0;
  font-size: 100%;
  display: block;
  line-height: inherit;
  background: 0 0;
}
.rx-content blockquote,.rx-content figure:has(blockquote) {
  padding: 0;
  background: var(--rx-quote-bg,transparent);
  padding-left: 24px;
  border-left: var(--rx-quote-border-width,2px) solid var(--rx-quote-border-color);
}
.rx-content blockquote p,.rx-content figure:has(blockquote) p {
  font-style: italic;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  color: var(--rx-quote-color,var(--rx-text-color));
}
.rx-content blockquote p+p,.rx-content figure:has(blockquote) p+p {
  margin-top: .5em;
}
.rx-content figure:has(blockquote) blockquote {
  padding: 0;
  border: none;
  box-shadow: none;
  background: 0 0;
  border-radius: 0;
}
.rx-content blockquote cite,.rx-content figcaption cite {
  font-style: italic;
  font-weight: 400;
  color: var(--rx-quote-caption-color,var(--rx-text-color));
  font-size: 14px;
  line-height: 1.3;
}
.rx-content caption {
  text-align: left;
  font-style: normal;
}
.rx-content table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  empty-cells: show;
  font-size: 15px;
  line-height: 1.5;
  color: var(--rx-table-color,var(--rx-text-color));
}
.rx-content td,.rx-content th {
  text-align: left;
  vertical-align: top;
  padding: .75em;
  border: 1px solid var(--rx-table-border);
}
.rx-content th {
  font-weight: 400;
}
.rx-content thead th {
  font-weight: 700;
}
.rx-content address {
  font-style: italic;
}
.rx-content figcaption {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  line-height: 1.3;
  background: var(--rx-caption-bg,transparent);
  color: var(--rx-caption-color,var(--rx-text-color));
}
.rx-content figure>div,.rx-content figure>iframe,.rx-content figure>img,.rx-content figure>img a,.rx-content figure>pre {
  vertical-align: middle;
}
.rx-content .embed-responsive:has(iframe) {
  position: relative;
  padding: 0;
  padding-bottom: 56.25%;
  height: 0;
}
.rx-content .embed-responsive:has(iframe) iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.rx-content div.embed-responsive {
  margin: 0;
}
.rx-content hr {
  --rx-line-size: 1px;
  --rx-line-width: 100%;
  --rx-line-style: solid;
  position: relative;
  line-height: 1;
  background: 0 0;
  border: none !important;
  text-align: left;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  margin: 0 !important;
  opacity: 1;
  width: auto;
}
.rx-content hr:after {
  content: "";
  position: absolute;
  top: 50%;
  width: var(--rx-line-width);
  max-width: var(--rx-line-width);
  margin-top: -calc(var(--rx-line-size)/2);
  border-top-width: var(--rx-line-size);
  border-top-style: var(--rx-line-style);
  border-top-color: var(--rx-line-color);
}
.rx-content .wrap-center {
  text-align: center;
}
.rx-content .wrap-center img {
  margin-left: auto;
  margin-right: auto;
}
.rx-content .wrap-center figcaption {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.rx-content .float-left {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
  max-width: 200px;
}
.rx-content .float-right {
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
  max-width: 200px;
}
.rx-content .outset-right {
  position: relative;
  width: calc(100% + var(--rx-outset-md));
  max-width: calc(100% + var(--rx-outset-md));
  transform: translateX(var(--rx-outset-md)) translate3d(0,0,0);
  left: calc(var(--rx-outset-md) * -1);
}
.rx-content .outset-left {
  width: calc(100% + var(--rx-outset-md));
  max-width: calc(100% + var(--rx-outset-md));
  transform: translateX(calc(var(--rx-outset-md) * -1)) translate3d(0,0,0);
}
.rx-content .outset-both {
  position: relative;
  width: calc(100% + var(--rx-outset-md) + var(--rx-outset-md));
  max-width: calc(100% + var(--rx-outset-md) + var(--rx-outset-md));
  transform: translateX(-50%) translate3d(0,0,0);
  left: 50%;
}
.rx-main-container {
  --tw-border-style: none;
  border-style: none;
}
.rx-tooltip {
  display: none;
}
.rx-toolbar-container {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.rx-toolbar, .rx-extrabar {
  display: flex;
  height: 48px;
  align-items: center;
  padding-inline: calc(var(--spacing) * 2.5);
}
.rx-toolbar, .rx-editor {
  margin-inline: auto !important;
  max-width: var(--breakpoint-lg) !important;
}
.rx-editor .rx-block-control-focus {
  --tw-outline-style: none !important;
  outline-style: none !important;
}
.rx-editor-container {
  padding-block: calc(var(--spacing) * 16);
}
.rx-content table {
  table-layout: fixed;
}
.rx-style-modal .rx-editor-container {
  padding-block: calc(var(--spacing) * 4);
}
.rx-style-modal .rx-main-container, .rx-style-modal .rx-toolbox-container, .rx-style-modal .rx-content {
  background-color: var(--color-secondary);
}
.rx-style-modal .rx-content {
  background-color: transparent;
}
.rx-style-postit, .rx-style-postit .rx-main-container, .rx-style-postit .rx-toolbox-container, .rx-style-postit .rx-content {
  border-radius: var(--radius-2xl);
  background-color: var(--color-accent-amber-surface-secondary);
}
.rx-style-postit {
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-accent-amber-surface-primary);
}
.rx-style-postit .rx-editor-container {
  padding: calc(var(--spacing) * 0);
}
.rx-dropdown, .rx-modal {
  z-index: calc(10*var(--rx-level-popup));
}
.rx-content ul li {
  list-style-type: disc;
}
.rx-content ol li {
  list-style-type: decimal;
}
.rx-control {
  z-index: 9999;
}
.rx-control .rx-button {
  border-radius: var(--radius-xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border-color-secondary);
  background-color: var(--color-secondary);
  --tw-shadow: 0px 1px 2px 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);
}
.rx-editor [data-placeholder]:empty::before {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-label-tertiary);
  font-style: normal;
}
.rx-editor h1[data-placeholder]:empty::before {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.rx-empty h1:empty {
  min-height: 1.2em;
}
.rx-content h1, .rx-content h2, .rx-content h3, .rx-content h4, .rx-content h5, .rx-content h6 {
  color: var(--color-label-primary);
}
.rx-content address+*, .rx-content dl+*, .rx-content ol+*, .rx-content p+*, .rx-content pre+*, .rx-content ul+* {
  margin-top: calc(var(--spacing) * 0.5);
}
.comment-grouped .comment-avatar {
  visibility: hidden;
}
.comment-grouped .comment-info {
  display: none;
}
.comment-grouped {
  margin-bottom: calc(28px * -1);
}
.thinking-dots {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.thinking-dots .dot {
  width: 4px;
  height: 4px;
  background-color: #9ca3af;
  border-radius: 50%;
  animation: thinking 2.2s infinite ease-in-out;
}
.thinking-dots .dot:nth-child(1) {
  animation-delay: -0.32s;
}
.thinking-dots .dot:nth-child(2) {
  animation-delay: -0.16s;
}
.thinking-dots .dot:nth-child(3) {
  animation-delay: 0s;
}
@keyframes thinking {
  0%, 80%, 100% {
    opacity: 0.3;
    transform: scale(0.8);
  }
  40% {
    opacity: 1;
    transform: scale(1);
  }
}
#agent-chat-thinking {
  display: block !important;
  visibility: visible !important;
}
.thinking-text {
  color: var(--label-secondary);
  background: linear-gradient( 90deg, color-mix(in srgb, oklch(from var(--color-neutral-700) l c h / 75%) 30%, transparent) 0%, color-mix(in srgb, oklch(from var(--color-neutral-700) l c h / 75%) 30%, transparent) 20%, var(--label-secondary) 40%, var(--label-secondary) 60%, color-mix(in srgb, oklch(from var(--color-neutral-700) l c h / 75%) 30%, transparent) 80%, color-mix(in srgb, oklch(from var(--color-neutral-700) l c h / 75%) 30%, transparent) 100% );
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient( 90deg, color-mix(in srgb, var(--label-secondary) 30%, transparent) 0%, color-mix(in srgb, var(--label-secondary) 30%, transparent) 20%, var(--label-secondary) 40%, var(--label-secondary) 60%, color-mix(in srgb, var(--label-secondary) 30%, transparent) 80%, color-mix(in srgb, var(--label-secondary) 30%, transparent) 100% );
  }
  background-size: 300% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shimmer 4.2s linear infinite;
  display: inline-block;
  will-change: background-position;
  backface-visibility: hidden;
  transform: translateZ(0);
}
@keyframes shimmer {
  0% {
    background-position: 100% center;
  }
  100% {
    background-position: -200% center;
  }
}
table.analytics-table {
  position: relative;
  z-index: 10;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  --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);
  background-color: inherit;
  text-align: left;
}
table.analytics-table thead {
  position: sticky;
  top: calc(var(--spacing) * 0);
  z-index: 20;
  background-color: inherit;
  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: var(--color-label-primary);
}
table.analytics-table thead th {
  height: calc(var(--spacing) * 10);
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  padding-inline: calc(var(--spacing) * 4);
  &:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
}
table.analytics-table tbody tr {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-fill-tertiary);
    }
  }
}
table.analytics-table tbody td {
  height: calc(var(--spacing) * 10);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  padding-inline: calc(var(--spacing) * 4);
  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: var(--color-neutral-700);
  &:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
}
table.report-table {
  position: relative;
  z-index: 10;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  --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);
  text-align: left;
}
table.report-table thead {
  position: sticky;
  top: calc(var(--spacing) * 0);
  z-index: 20;
  background-color: var(--color-primary);
  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: var(--color-label-primary);
}
table.report-table thead th {
  height: calc(var(--spacing) * 10);
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  background-color: var(--color-primary);
  padding-inline: calc(var(--spacing) * 4);
  &:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
}
table.report-table th.report-table-cell-sticky, table.report-table td.report-table-cell-sticky {
  position: sticky;
  left: calc(var(--spacing) * 0);
  z-index: 10;
  background-color: var(--color-primary);
}
table.report-table .checkbox {
  display: flex;
  height: calc(var(--spacing) * 10);
  width: 100%;
  align-items: center;
  justify-content: center;
}
table.report-table tbody tr {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-fill-tertiary);
    }
  }
}
table.report-table tbody td {
  height: calc(var(--spacing) * 10);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  padding-inline: calc(var(--spacing) * 4);
  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: var(--color-neutral-700);
  &:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
}
table.card-table {
  position: relative;
  z-index: 10;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  --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);
  text-align: left;
}
table.card-table thead {
  position: sticky;
  top: calc(var(--spacing) * 0);
  z-index: 20;
  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: var(--color-label-primary);
}
table.card-table thead th {
  height: calc(var(--spacing) * 10);
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  padding-inline: calc(var(--spacing) * 4);
  &:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
}
table.card-table .checkbox {
  display: flex;
  height: calc(var(--spacing) * 10);
  width: 100%;
  align-items: center;
  justify-content: center;
}
table.card-table tbody td {
  height: calc(var(--spacing) * 10);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--border-color-secondary);
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 0);
  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: var(--color-label-primary);
  &:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
}
table.card-table tbody tr:last-child td {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0px;
}
table.card-table-simple {
  position: relative;
  z-index: 10;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  --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);
  text-align: left;
}
table.card-table-simple thead {
  position: sticky;
  top: calc(var(--spacing) * 0);
  z-index: 20;
  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: var(--color-label-secondary);
}
table.card-table-simple thead th {
  height: calc(var(--spacing) * 12);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--border-color-secondary);
}
table.card-table-simple tbody td {
  height: calc(var(--spacing) * 12);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--border-color-secondary);
  padding-block: calc(var(--spacing) * 0);
  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: var(--color-label-primary);
}
table.card-table-simple tbody tr:last-child td {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0px;
}
.card {
  box-sizing: content-box;
  border-radius: var(--radius-2xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border-color-secondary);
  background-color: var(--color-tertiary);
  background-clip: padding-box;
  --tw-shadow: 0px 1px 2px 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);
}
a.card, button.card, label.card {
  cursor: pointer;
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0px 1px 6px 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);
    }
  }
}
.preboarding-card {
  box-sizing: content-box;
  border-radius: 0;
  border-style: var(--tw-border-style);
  border-width: 0px;
  border-color: var(--border-color-secondary);
  background-color: var(--color-tertiary);
  background-clip: padding-box;
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  @media (width >= 48rem) {
    border-radius: var(--radius-8xl);
  }
  @media (width >= 48rem) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  @media (width >= 48rem) {
    --tw-shadow: 0px 1px 2px 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);
  }
}
.preboarding-label {
  box-sizing: content-box;
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border-color-secondary);
  background-color: var(--color-tertiary);
  background-clip: padding-box;
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * 1);
  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);
  --tw-shadow: 0px 1px 2px 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);
}
.card.card-error {
  border-style: var(--tw-border-style) !important;
  border-width: 2px !important;
  border-color: var(--color-accent-red-secondary) !important;
}
table.answers-table {
  position: relative;
  z-index: 10;
  width: 100%;
  text-align: left;
}
table.answers-table thead {
  height: calc(var(--spacing) * 10);
}
table.answers-table thead th {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--border-color-secondary);
  background-color: var(--color-fill-quaternary);
  text-align: center;
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}
table.answers-table thead th:last-child {
  border-right-style: var(--tw-border-style);
  border-right-width: 0px;
}
table.answers-table tbody td {
  height: calc(var(--spacing) * 10);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--border-color-secondary);
  padding-inline: calc(var(--spacing) * 4);
  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: var(--color-label-primary);
}
table.answers-table tbody td:last-child {
  border-right-style: var(--tw-border-style);
  border-right-width: 0px;
}
table.answers-table tbody tr:last-child td {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0px;
}
.fc {
  border-color: var(--border-color-secondary);
}
.fc .fc-timegrid-slot {
  height: 8px;
  line-height: 8px;
  border-color: var(--border-color-secondary);
}
.fc colgroup col {
  width: 76px !important;
}
.fc .fc-event {
  border-radius: var(--radius-xl);
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
  margin-bottom: calc(var(--spacing) * 0);
  display: flex;
  align-items: center;
  justify-content: center;
}
.fc .fc-daygrid-body-natural .fc-daygrid-day-events .fc-daygrid-event-harness {
  width: 100%;
}
.fc .fc-daygrid-body-natural .fc-daygrid-day-events .fc-daygrid-event-harness .fc-daygrid-event {
  margin-right: calc(var(--spacing) * 0);
  margin-left: calc(var(--spacing) * 1);
}
.fc-timegrid-slot.fc-timegrid-slot-minor {
  border-top: none;
}
.fc-timegrid-slot.fc-timegrid-slot-label {
  border-top: none;
}
.fc .fc-timegrid-col-events {
  margin-inline: calc(var(--spacing) * 1);
}
.fc .fc-timegrid-slot-label-frame {
  margin-top: calc(var(--spacing) * -2);
  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: var(--color-label-tertiary);
}
.fc .fc-col-header th {
  border-left: none;
  border-right: none;
}
.fc .fc-scrollgrid {
  border: none;
}
.fc .fc-col-header-cell {
  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: var(--color-label-secondary);
}
.fc .fc-timegrid-axis-frame-liquid {
  display: none;
}
.fc .fc-scrollgrid-section {
  display: none;
}
.fc .fc-scrollgrid-section.fc-scrollgrid-section-body {
  display: table-row;
}
.fc .fc-scrollgrid-section.fc-scrollgrid-section-header {
  display: table-row;
}
.short-time-entry > .time-tracking-entry {
  justify-content: center !important;
  padding-block: calc(var(--spacing) * 0) !important;
}
.short-time-entry > .time-tracking-entry > .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.short-time-entry > .time-tracking-entry > .time {
  display: none;
}
.fc-timeGridWeek-view .fc-timegrid-now-indicator-container {
  overflow: visible !important;
}
.fc-timeGridWeek-view .fc-timegrid-now-indicator-container .fc-timegrid-now-indicator-line {
  border-radius: calc(infinity * 1px);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-red-500) !important;
}
.fc-timeGridWeek-view .fc-timegrid-now-indicator-container .fc-timegrid-now-indicator-arrow {
  display: none;
}
.fc-theme-standard td, .fc-theme-standard th {
  border-right: none;
}
.fc .fc-col-header-cell.fc-day.fc-day-today .date {
  display: flex;
  height: calc(var(--spacing) * 6);
  width: calc(var(--spacing) * 6);
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-lg);
  background-color: var(--color-accent-sky-primary);
  color: var(--color-white);
}
.fc .fc-daygrid-day.fc-day-today, .fc .fc-timegrid-col.fc-day-today {
  background: none;
}
.fc-timeGridWeek-view .fc-timegrid-now-indicator-container .fc-timegrid-now-indicator-line::before {
  content: "";
  width: 700%;
  border-style: solid;
  border-width: 1px 0 0px;
  position: absolute;
  top: -1px;
  right: calc(100% - 42px);
  border-color: var(--color-red-500) !important;
  opacity: 25%;
}
.fc-timeGridWeek-view .fc-timegrid-now-indicator-container .fc-timegrid-now-indicator-line::after {
  content: "";
  width: 700%;
  border-style: solid;
  border-width: 1px 0 0px;
  position: absolute;
  top: -1px;
  left: calc(100% - 42px);
  border-color: var(--color-red-500) !important;
  opacity: 25%;
}
.fc .fc-highlight {
  margin-inline: calc(var(--spacing) * 1);
  border-radius: var(--radius-lg);
  background-color: var(--color-fill-quaternary);
}
.pagy.nav {
  display: flex;
  justify-content: center;
  gap: calc(var(--spacing) * 0.5);
}
.pagy.nav a {
  display: flex;
  height: calc(var(--spacing) * 8);
  width: calc(var(--spacing) * 8);
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-xl);
  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: var(--color-label-secondary);
}
.pagy.nav a.current {
  background-color: var(--color-fill-quaternary);
}
.pagy.nav a[href]:hover {
  background-color: var(--color-fill-quaternary);
}
.pagy.nav a:not([href]):not(.current) {
  opacity: 50%;
}
[data-lqip-tl] {
  background: radial-gradient( 100% 100% at 0% 0%, var(--lqip-tl), var(--lqip-tl) 50%, transparent 100% ), radial-gradient( 80% 80% at 50% 0%, var(--lqip-tc), var(--lqip-tc) 50%, transparent 100% ), radial-gradient( 100% 100% at 100% 0%, var(--lqip-tr), var(--lqip-tr) 50%, transparent 100% ),  radial-gradient( 100% 100% at 0% 100%, var(--lqip-bl), var(--lqip-bl) 50%, transparent 100% ), radial-gradient( 80% 80% at 50% 100%, var(--lqip-bc), var(--lqip-bc) 50%, transparent 100% ),  var(--lqip-br);
  @supports (color: color-mix(in lab, red, red)) {
    background: radial-gradient( 100% 100% at 0% 0%, var(--lqip-tl), color-mix(in srgb, var(--lqip-tl) 50%, transparent) 50%, transparent 100% ), radial-gradient( 80% 80% at 50% 0%, var(--lqip-tc), color-mix(in srgb, var(--lqip-tc) 50%, transparent) 50%, transparent 100% ), radial-gradient( 100% 100% at 100% 0%, var(--lqip-tr), color-mix(in srgb, var(--lqip-tr) 50%, transparent) 50%, transparent 100% ),  radial-gradient( 100% 100% at 0% 100%, var(--lqip-bl), color-mix(in srgb, var(--lqip-bl) 50%, transparent) 50%, transparent 100% ), radial-gradient( 80% 80% at 50% 100%, var(--lqip-bc), color-mix(in srgb, var(--lqip-bc) 50%, transparent) 50%, transparent 100% ),  var(--lqip-br);
  }
}
.tippy-box {
  --tw-scale-x: 100%;
  --tw-scale-y: 100%;
  --tw-scale-z: 100%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  border-radius: var(--radius-xl);
  background-color: var(--color-neutral-800);
  padding-inline: calc(var(--spacing) * 1);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  opacity: 100%;
  --tw-shadow: 0px 8px 24px 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);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.tippy-box[data-animation='scale'][data-state='hidden'] {
  scale: 90%;
  opacity: 0%;
}
@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-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-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 shine {
  to {
    background-position: 300% center;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0%;
  }
  to {
    opacity: 100%;
  }
}
@keyframes wiggle {
  0%, 100% {
    transform: rotate(-0.3deg);
  }
  50% {
    transform: rotate(0.3deg);
  }
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@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-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-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: "";
    }
  }
}